:root{
  --red:#d71919;
  --ink:#111;
  --light:#fafafa;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Manrope,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
}
a{color:inherit}

header{
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 58px;
  background:#fff;
  border-bottom:1px solid #eee;
}
.rt img{
  width:285px;
  display:block;
}
nav{
  display:flex;
  align-items:center;
  gap:38px;
  font-size:12px;
  font-weight:800;
}
nav a{
  text-decoration:none;
  color:#111;
  position:relative;
}
nav a.active{color:var(--red)}
nav a.active:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:2px;
  background:var(--red);
}
nav button{
  padding:14px 18px;
  background:#fff;
  border:1px solid #111;
  font-weight:800;
  cursor:pointer;
}

/* HERO */
.hero{
  height:560px;
  position:relative;
  overflow:hidden;
  background:#222;
}
.slides,.slide,.shade{position:absolute;inset:0}
.slide{
  opacity:0;
  background-size:cover;
  background-position:center;
  transition:opacity .8s ease;
}
.slide.active{opacity:1}
.shade{
  background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.30) 42%,rgba(0,0,0,.05) 77%);
}
.hero-copy{
  position:absolute;
  z-index:3;
  left:72px;
  top:108px;
  color:#fff;
  width:560px;
}
.region{
  font-size:13px;
  font-weight:800;
}
.redline{
  width:66px;
  height:2px;
  background:var(--red);
  margin:13px 0 16px;
}
h1{
  font-size:51px;
  line-height:.98;
  margin:0;
  font-weight:800;
  letter-spacing:-.045em;
}
h1 em{
  font-family:"Playfair Display",serif;
  font-size:56px;
  font-weight:500;
}
.hero-copy p{
  font-size:16px;
  line-height:1.55;
  margin:22px 0 24px;
}
.actions{
  display:flex;
  gap:13px;
}
.actions a,.actions button{
  padding:14px 18px;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}
.actions a{
  background:var(--red);
  color:#fff;
}
.actions button{
  background:rgba(0,0,0,.18);
  border:1px solid #fff;
  color:#fff;
}
.arrow{
  position:absolute;
  z-index:4;
  top:50%;
  transform:translateY(-50%);
  border:0;
  background:none;
  color:#fff;
  font-size:48px;
  cursor:pointer;
}
.left{left:16px}
.right{right:16px}


/* MARQUES */
.brands{
  background:#fff;
  padding:18px 58px 14px;
  text-align:center;
}
.brands h2{
  font-family:Manrope,Arial,sans-serif;
  font-size:30px;
  font-weight:800;
  margin:0 auto 6px;
  line-height:1.15;
  letter-spacing:-.03em;
  display:table;
  border-bottom:2px solid var(--red);
}
.under{
  width:0;
  height:0;
  margin:0 auto 12px;
}
.cards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  max-width:1260px;
  margin:auto;
}
.card{
  height:100px;
  background:#fff;
  border:1px solid #e8e8e8;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#050505;
  cursor:pointer;
}
.logo{
  height:62px;
  width:90%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pianca{
  font-size:35px;
  font-weight:600;
  letter-spacing:.11em;
}
.lq img{
  width:95%;
  height:auto;
  max-height:39px;
  object-fit:contain;
}
.airnova{
  flex-direction:column;
  gap:1px;
}
.airnova span{
  font-size:34px;
  letter-spacing:.045em;
}
.airnova small{
  font-size:8px;
  letter-spacing:.31em;
  padding-left:.31em;
}
.baido{
  font-size:30px;
  letter-spacing:.025em;
  transform:translateY(-6px);
}

/* CONTACT STRIP */
.contact-strip{
  min-height:92px;
  display:grid;
  grid-template-columns:1.15fr 1px 1.05fr 1px 1.25fr;
  align-items:center;
  gap:26px;
  padding:12px 7vw;
  background:#fff;
  border-top:1px solid #eee;
}
.contact-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-size:14px;
  line-height:1.55;
}
.contact-item strong{font-weight:800}
.contact-item a{
  text-decoration:none;
  color:#111;
}
.contact-item a:hover{text-decoration:underline}
.contact-icon{
  color:var(--red);
  font-size:22px;
  line-height:1;
  padding-top:2px;
}
.address .contact-icon{
  width:13px;
  height:13px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:var(--red);
  color:transparent;
  margin-top:4px;
}
.contact-sep{
  width:1px;
  height:52px;
  background:#bbb;
}

/* FOOTER */
.site-footer{
  min-height:0;
  padding:8px 7vw;
  display:grid;
  grid-template-columns:220px 1px 1fr 1fr;
  align-items:center;
  gap:26px;
  background:#111;
  color:#fff;
}
.footer-logo-wrap img{
  width:205px; /* ~1/3 smaller than the previous 310px */
  max-width:100%;
  height:auto;
  display:block;
}
.footer-sep{
  width:1px;
  height:42px;
  background:#777;
}
.footer-links{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  font-size:13px;
}
.footer-links a{
  color:#fff;
  text-decoration:none;
}
.footer-links a:hover{text-decoration:underline}
.footer-copy{
  text-align:right;
  font-size:13px;
  white-space:nowrap;
}

/* LOGIN */
dialog{
  border:0;
  width:min(470px,90vw);
  padding:30px;
  box-shadow:0 25px 70px #0006;
}
dialog::backdrop{background:#0008}
.x{
  float:right;
  border:0;
  background:none;
  font-size:28px;
  cursor:pointer;
}
dialog label{
  display:block;
  font-size:12px;
  font-weight:800;
  margin:15px 0;
}
dialog input{
  display:block;
  width:100%;
  padding:11px;
  margin-top:5px;
}
.connect{
  width:100%;
  padding:13px;
  background:var(--red);
  color:#fff;
  border:0;
  font-weight:800;
}

@media(max-width:900px){
  header{
    height:auto;
    padding:10px 18px;
  }
  .rt img{width:225px}
  nav{gap:12px}
  nav a{display:none}
  .hero-copy{
    left:28px;
    width:calc(100% - 56px);
  }
  .hero-copy p br{display:none}
  .cards{grid-template-columns:1fr 1fr}
  .contact-strip{
    grid-template-columns:1fr;
    gap:12px;
  }
  .contact-sep{display:none}
  .site-footer{
    grid-template-columns:1fr;
    text-align:center;
  }
  .footer-logo-wrap img{margin:auto}
  .footer-sep{display:none}
  .footer-copy{text-align:center;white-space:normal}
}

.empty-slide{
  background:
    linear-gradient(135deg,#2a2a2a,#111);
}


.legal-page{max-width:980px;margin:0 auto;padding:64px 28px 90px;line-height:1.7}
.legal-page h1{font-family:Manrope,Arial,sans-serif;font-size:42px;color:#111;letter-spacing:-.03em;margin:0 0 12px}
.legal-page h2{font-size:22px;margin:34px 0 10px}
.legal-page p,.legal-page li{color:#333;font-size:15px}
.legal-page a{color:#d71919}
.legal-back{display:inline-block;margin-bottom:26px;text-decoration:none;font-weight:700}
.legal-note{background:#f6f6f6;border-left:3px solid #d71919;padding:14px 16px;margin-top:32px}
.legal-footer{background:#111;color:#fff;padding:22px 28px;text-align:center;font-size:12px}

/* V3.1 — logo supérieur à la même dimension que le logo du pied de page */
header .rt img{
  width:205px;
  max-width:100%;
  height:auto;
  display:block;
  filter:none;
}

/* ===== V3.2 : page PHOTOS en grille 2 x 2 ===== */
.photo-menu-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:calc((100vh - 88px - 210px)/2) calc((100vh - 88px - 210px)/2);
  min-height:650px;
}
.brand-photo-tile{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  text-decoration:none;
  color:#fff;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.75);
}
.brand-photo-tile::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12));
  transition:background .25s ease, transform .35s ease;
}
.brand-photo-tile:hover::before{
  background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.22));
}
.tile-logo{
  position:relative;
  z-index:2;
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.38);
  display:flex;
  align-items:center;
  justify-content:center;
}
.tile-logo.pianca{
  font-size:clamp(38px,4vw,64px);
  letter-spacing:.14em;
  font-weight:600;
}
.tile-logo.lq img{
  width:min(420px,70%);
  height:auto;
  filter:brightness(0) invert(1);
}
.tile-logo.airnova{
  flex-direction:column;
  gap:2px;
}
.tile-logo.airnova span{
  font-size:clamp(40px,4vw,66px);
  font-weight:800;
  letter-spacing:.01em;
}
.tile-logo.airnova small{
  font-size:11px;
  letter-spacing:.34em;
  padding-left:.34em;
}
.tile-logo.baido{
  font-size:clamp(40px,4vw,66px);
  letter-spacing:.08em;
}
.site-footer--photos{
  min-height:210px;
  grid-template-columns:230px 1px 1.1fr 1fr 1fr;
  grid-template-rows:auto auto;
  align-items:start;
}
.site-footer--photos a{
  color:#fff;
  text-decoration:none;
}
.site-footer--photos a:hover{text-decoration:underline}
.footer-contact,.footer-nav,.footer-info{
  font-size:13px;
  line-height:1.8;
}
.footer-contact strong,.footer-nav strong,.footer-info strong{
  display:inline-block;
  margin-bottom:3px;
}
.footer-copy--full{
  grid-column:1 / -1;
  text-align:left;
  padding-top:8px;
  font-size:12px;
}
@media(max-width:900px){
  .photo-menu-grid{
    grid-template-columns:1fr;
    grid-template-rows:repeat(4,280px);
  }
  .site-footer--photos{
    grid-template-columns:1fr;
  }
}

/* ===== V3.3 : rotation automatique des photos de chaque marque toutes les 3 s ===== */
.brand-photo-tile{
  background-image:none !important;
}
.brand-bg-slide{
  position:absolute;
  inset:0;
  display:block;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.01);
  transition:opacity .8s ease;
}
.brand-bg-slide.active{
  opacity:1;
}
.brand-photo-tile .tile-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.16));
}
.brand-photo-tile .tile-logo{
  z-index:2;
}

/* ===== V3.4 : uniquement vraies photos + vrai logo LINEAQUATTRO ===== */
.brand-photo-tile.no-photo{
  background:linear-gradient(135deg,#2b2b2b,#161616) !important;
}
.brand-photo-tile.no-photo::after{
  content:"Ajoutez vos photos";
  position:absolute;
  z-index:1;
  bottom:16px;
  left:50%;
  transform:translateX(-50%);
  color:rgba(255,255,255,.45);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.tile-logo.lq img{
  filter:none !important;
  width:min(430px,72%) !important;
  max-height:56px !important;
  object-fit:contain;
}

/* ===== V3.7 : vraies galeries dynamiques par marque ===== */
.brand-gallery-page{
  min-height:65vh;
  padding:34px 5vw 56px;
  background:#fafafa;
}
.brand-gallery-head{
  max-width:1260px;
  margin:0 auto 24px;
}
.brand-gallery-head h1{
  font-family:Manrope,Arial,sans-serif;
  color:#111;
  font-size:42px;
  letter-spacing:-.03em;
  margin:8px 0 3px;
}
.brand-gallery-head p{
  margin:0;
  color:#777;
  font-size:13px;
}
.brand-gallery-grid{
  max-width:1260px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.brand-gallery-item{
  padding:0;
  border:0;
  background:#e8e8e8;
  aspect-ratio:4/3;
  overflow:hidden;
  cursor:pointer;
}
.brand-gallery-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.brand-gallery-item:hover img{
  transform:scale(1.025);
}
.gallery-empty{
  max-width:1260px;
  margin:30px auto;
  padding:40px;
  background:#fff;
  border:1px solid #e7e7e7;
  text-align:center;
  color:#666;
}
.lightbox[hidden]{display:none}
.lightbox{
  position:fixed;
  z-index:1000;
  inset:0;
  background:rgba(0,0,0,.94);
  display:flex;
  align-items:center;
  justify-content:center;
}
.lightbox img{
  max-width:88vw;
  max-height:88vh;
  object-fit:contain;
}
.lightbox button{
  position:absolute;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.lightbox-close{
  top:18px;
  right:25px;
  font-size:42px;
}
.lightbox-prev,.lightbox-next{
  top:50%;
  transform:translateY(-50%);
  font-size:58px;
}
.lightbox-prev{left:22px}
.lightbox-next{right:22px}
@media(max-width:1000px){
  .brand-gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
  .brand-gallery-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== V3.8 : logos de marque dans chaque galerie + optimisation images ===== */
.brand-gallery-head--logo{
  text-align:center;
}
.brand-gallery-head--logo .legal-back{
  display:block;
  text-align:left;
}
.gallery-brand-logo{
  height:92px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:4px auto 2px;
}
.gallery-brand-logo img{
  display:block;
  width:auto;
  max-width:360px;
  max-height:72px;
  object-fit:contain;
}
.gallery-brand-logo.lineaquattro{
  background:#111;
  max-width:430px;
  height:82px;
  padding:16px 24px;
}
.gallery-brand-logo.lineaquattro img{
  max-width:360px;
  max-height:48px;
}
.brand-gallery-item{
  background:#eee;
}
.brand-gallery-item img{
  image-rendering:auto;
}

/* ===== V4.0 : menu Photos fluide ===== */
.brand-bg-slide{
  will-change:opacity;
  backface-visibility:hidden;
  transform:translateZ(0) scale(1.005);
  transition:opacity .65s ease;
}
.brand-bg-slide.active{
  opacity:1;
}
.brand-photo-tile{
  contain:paint;
}

/* ===== V4.5 : optimisation mobile sans modifier l'affichage ordinateur ===== */
@media(max-width:700px){

  /* En-tête */
  header{
    min-height:70px;
    padding:8px 14px;
    gap:10px;
  }
  header .rt img{
    width:150px;
  }
  nav{
    gap:7px;
    margin-left:auto;
  }
  nav button{
    padding:10px 9px;
    font-size:10px;
    white-space:nowrap;
  }

  /* Accueil */
  .hero{
    height:620px;
  }
  .hero-copy{
    left:24px;
    top:88px;
    width:calc(100% - 48px);
  }
  .region{
    font-size:10px;
    line-height:1.4;
  }
  h1{
    font-size:38px;
    line-height:1.02;
    letter-spacing:-.035em;
  }
  h1 em{
    font-size:42px;
  }
  .hero-copy p{
    font-size:14px;
    line-height:1.45;
    margin:18px 0 20px;
  }
  .actions{
    flex-direction:column;
    align-items:stretch;
    max-width:290px;
  }
  .actions a,
  .actions button{
    width:100%;
    text-align:center;
    padding:13px 12px;
  }
  .arrow{
    font-size:38px;
  }
  .left{left:5px}
  .right{right:5px}

  /* Marques */
  .brands{
    padding:22px 14px 18px;
  }
  .brands h2{
    font-size:23px;
    line-height:1.18;
  }
  .cards{
    grid-template-columns:1fr;
    gap:8px;
  }
  .card{
    height:88px;
  }
  .pianca{font-size:30px}
  .airnova span{font-size:30px}
  .baido{font-size:27px}

  /* Coordonnées */
  .contact-strip{
    padding:20px 22px;
    gap:18px;
  }
  .contact-item{
    font-size:13px;
  }

  /* Pied de page */
  .site-footer{
    padding:18px 22px;
    gap:14px;
  }
  .footer-logo-wrap img{
    width:165px;
  }
  .footer-links{
    flex-wrap:wrap;
    gap:8px 12px;
    font-size:12px;
  }
  .footer-copy{
    font-size:11px;
  }

  /* Fenêtre de connexion */
  dialog{
    width:calc(100vw - 28px);
    max-width:none;
    padding:22px 18px;
  }
  dialog input{
    min-height:44px;
    font-size:16px; /* évite le zoom automatique sur iPhone */
  }
  .connect{
    min-height:44px;
  }

  /* Menu Photos */
  .photo-menu-grid{
    grid-template-columns:1fr;
    grid-template-rows:repeat(4,220px);
    min-height:0;
  }
  .tile-logo.pianca{
    font-size:36px;
  }
  .tile-logo.lq img{
    width:min(320px,72%) !important;
  }
  .tile-logo.airnova span{
    font-size:38px;
  }
  .tile-logo.baido{
    font-size:38px;
  }

  /* Galeries */
  .brand-gallery-page{
    padding:22px 12px 36px;
  }
  .brand-gallery-head{
    margin-bottom:16px;
  }
  .brand-gallery-head h1{
    font-size:31px;
  }
  .gallery-brand-logo{
    height:72px;
  }
  .gallery-brand-logo img{
    max-width:260px;
    max-height:58px;
  }
  .gallery-brand-logo.lineaquattro{
    max-width:300px;
    height:68px;
    padding:12px 18px;
  }
  .brand-gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .lightbox img{
    max-width:94vw;
    max-height:84vh;
  }
  .lightbox-prev{
    left:5px;
  }
  .lightbox-next{
    right:5px;
  }
  .lightbox-prev,
  .lightbox-next{
    font-size:44px;
  }
  .lightbox-close{
    top:8px;
    right:12px;
  }

  /* Pages légales */
  .legal-page{
    padding:34px 20px 55px;
  }
  .legal-page h1{
    font-size:32px;
  }
  .legal-page h2{
    font-size:20px;
  }
}

@media(max-width:380px){
  header .rt img{
    width:132px;
  }
  nav button{
    padding:9px 7px;
    font-size:9px;
  }
  h1{
    font-size:34px;
  }
  h1 em{
    font-size:38px;
  }
  .brands h2{
    font-size:21px;
  }
}



/* ===== BAIDO : logo officiel, seul ajustement ===== */
.logo.baido{
  transform:none;
}
.logo.baido img{
  display:block;
  width:auto;
  max-width:64.4%;
  max-height:50.4px;
  object-fit:contain;
}
.tile-logo.baido{
  width:min(301px,50.4%);
  transform:none;
}
.tile-logo.baido img{
  display:block;
  width:100%;
  height:auto;
  max-height:77px;
  object-fit:contain;
}
.gallery-brand-logo.baido img{
  display:block;
  width:auto;
  max-width:252px;
  max-height:50.4px;
  object-fit:contain;
}
@media(max-width:700px){
  .logo.baido img{
    max-width:61.6%;
    max-height:43.4px;
  }
  .tile-logo.baido{
    width:min(210px,53.2%);
  }
  .tile-logo.baido img{
    max-height:63px;
  }
  .gallery-brand-logo.baido img{
    max-width:182px;
    max-height:40.6px;
  }
}

/* ===== Page PHOTOS uniquement : logos en bas à droite ===== */
.photo-menu-grid .brand-photo-tile .tile-logo{
  position:absolute;
  right:22px;
  bottom:18px;
  left:auto;
  top:auto;
  margin:0;
  z-index:2;
  justify-content:flex-end;
  align-items:flex-end;
  transform:none;
}

@media(max-width:700px){
  .photo-menu-grid .brand-photo-tile .tile-logo{
    right:14px;
    bottom:12px;
  }
}


/* ===== V4.6 : menu mobile — aucun changement desktop ===== */
.mobile-menu{
  display:none;
}

@media(max-width:900px){
  header{
    position:relative;
    z-index:100;
  }

  header nav{
    display:none;
  }

  .mobile-menu{
    display:block;
    margin-left:auto;
    position:relative;
  }

  .mobile-menu > summary{
    list-style:none;
    cursor:pointer;
    user-select:none;
    border:1px solid #d9d9d9;
    background:#fff;
    color:#111;
    padding:10px 12px;
    font-family:Manrope,Arial,sans-serif;
    font-size:12px;
    font-weight:800;
    letter-spacing:.05em;
    white-space:nowrap;
  }

  .mobile-menu > summary::-webkit-details-marker{
    display:none;
  }

  .mobile-menu[open] > summary{
    border-color:#cfcfcf;
  }

  .mobile-menu-panel{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    width:min(260px,calc(100vw - 28px));
    background:#fff;
    border:1px solid #e1e1e1;
    box-shadow:0 12px 30px rgba(0,0,0,.16);
    padding:8px;
    display:flex;
    flex-direction:column;
    gap:2px;
    z-index:9999;
  }

  .mobile-menu-panel a,
  .mobile-menu-panel button{
    display:block;
    width:100%;
    box-sizing:border-box;
    border:0;
    background:#fff;
    color:#111;
    text-align:left;
    text-decoration:none;
    padding:12px 11px;
    font-family:Manrope,Arial,sans-serif;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
  }

  .mobile-menu-panel a:hover,
  .mobile-menu-panel button:hover{
    background:#f4f4f4;
  }

  .mobile-menu-panel button,
  .mobile-menu-panel .mobile-client-link{
    margin-top:4px;
    border-top:1px solid #ececec;
    color:#d71919;
  }
}


/* ===== V4.7 : accueil PC sur une seule hauteur d'écran =====
   Uniquement la page d'accueil, sans effet sur les autres pages. */
@media (min-width:901px){
  body.home-page{
    height:100vh;
    min-height:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
  }

  body.home-page > header,
  body.home-page > .brands,
  body.home-page > .site-footer,
  body.home-page > .contact-strip{
    flex:0 0 auto;
  }

  body.home-page > .hero{
    height:auto;
    min-height:0;
    flex:1 1 auto;
  }

  /* Sur les écrans PC moins hauts, on compacte uniquement le contenu du héros
     afin que les coordonnées restent visibles sans barre de défilement. */
  @media (max-height:850px){
    body.home-page .hero-copy{
      top:clamp(42px,7vh,72px);
    }
    body.home-page h1{
      font-size:clamp(40px,5.7vh,48px);
    }
    body.home-page h1 em{
      font-size:clamp(43px,6.1vh,52px);
    }
    body.home-page .hero-copy p{
      font-size:14px;
      line-height:1.45;
      margin:14px 0 16px;
    }
    body.home-page .redline{
      margin:9px 0 12px;
    }
    body.home-page .actions a,
    body.home-page .actions button{
      padding:11px 15px;
    }
    body.home-page .brands{
      padding-top:12px;
      padding-bottom:10px;
    }
    body.home-page .brands h2{
      font-size:26px;
    }
    body.home-page .card{
      height:86px;
    }
    body.home-page .contact-strip{
      min-height:82px;
      padding-top:8px;
      padding-bottom:8px;
    }
  }

  @media (max-height:720px){
    body.home-page header{
      height:74px;
    }
    body.home-page .hero-copy{
      top:34px;
    }
    body.home-page h1{
      font-size:36px;
    }
    body.home-page h1 em{
      font-size:40px;
    }
    body.home-page .hero-copy p{
      font-size:13px;
      margin:10px 0 12px;
    }
    body.home-page .brands{
      padding-top:8px;
      padding-bottom:7px;
    }
    body.home-page .brands h2{
      font-size:23px;
    }
    body.home-page .under{
      margin-bottom:7px;
    }
    body.home-page .card{
      height:72px;
    }
    body.home-page .logo{
      height:52px;
    }
    body.home-page .site-footer{
      padding-top:5px;
      padding-bottom:5px;
    }
    body.home-page .contact-strip{
      min-height:72px;
    }
    body.home-page .contact-item{
      font-size:12px;
      line-height:1.4;
    }
  }
}


/* ===== V4.8 : accueil PC — alignement horizontal du logo du pied de page =====
   Déplace uniquement le logo Reflex Trade du footer pour l'aligner sur celui du header.
   Aucun effet mobile, aucune autre page modifiée. */
@media (min-width:901px){
  body.home-page > .site-footer .footer-logo-wrap{
    transform:translateX(calc(58px - 7vw));
  }
}


/* ===== V4.9 : accueil PC — centrage des informations du bas de page =====
   Uniquement les coordonnées de la bande blanche. Aucun effet mobile. */
@media (min-width:901px){
  body.home-page > .contact-strip .contact-item{
    justify-content:center;
  }
}