*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#05070b;color:#fff;font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}

.top{display:grid;grid-template-columns:260px 1fr 360px;gap:24px;align-items:center;padding:18px 34px;background:#030407;border-bottom:1px solid rgba(255,255,255,.12)}
.logo-zone img{width:225px;height:auto;display:block}
.title-zone{text-align:center}
.title-zone h1{margin:0;font-size:44px;line-height:1;font-style:italic;font-weight:900;letter-spacing:2px}
.title-zone h1 span{color:#0aa8ff}
.title-zone p{margin:10px 0 6px;text-transform:uppercase;letter-spacing:2.7px;color:#e9e9e9}
.title-zone strong{font-weight:400;text-transform:uppercase;letter-spacing:2px}
.title-zone strong span{color:#8b2cff}
.contact-zone{display:grid;gap:8px;font-size:16px;justify-content:start}
.cart{position:absolute;right:32px;top:88px;font-size:30px}
.cart b{background:#5b35ff;border-radius:50%;font-size:13px;padding:2px 6px;vertical-align:top}

.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:34px;padding:14px 42px;background:#06070a;border-bottom:1px solid rgba(255,255,255,.12);text-transform:uppercase}
.nav .active{color:#08a5ff;border-bottom:2px solid #8c2cff;padding-bottom:9px}
.nav .devis{margin-left:auto;background:linear-gradient(90deg,#08a5ff,#8c2cff);padding:15px 28px;border-radius:4px;font-weight:700}

.hero{position:relative;display:grid;grid-template-columns:37% 63%;min-height:545px;padding:32px 40px 22px;background:radial-gradient(circle at 78% 42%,rgba(124,44,255,.30),transparent 30%),linear-gradient(90deg,#05070b,#0b1118 56%,#05070b);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.35),rgba(0,0,0,.75)),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 130px);opacity:.9}
.hero-text,.hero-car{position:relative;z-index:1}
.hero-text h2{font-size:52px;line-height:1.05;margin:0 0 22px;font-style:italic;text-transform:uppercase;font-weight:900}
.hero-text h2 span{color:#08a5ff}
.hero-text h2 em{color:#7b28ff;font-style:italic}
.hero-text p{text-transform:uppercase;margin:10px 0;color:#f5f5f5}
.swiss{font-size:18px;letter-spacing:1px}
.buttons{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap}
.buttons a{display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:4px;background:linear-gradient(90deg,#08a5ff,#8c2cff);font-weight:700;text-transform:uppercase}
.buttons .secondary{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.45)}

.hero-car{display:flex;align-items:center;justify-content:center}
.rs4{position:relative;width:720px;height:310px;margin-left:-40px;border-radius:54% 46% 26% 22%;background:linear-gradient(180deg,#e1e1e1,#858a91 40%,#393f45 72%,#181c21);box-shadow:0 28px 90px rgba(0,0,0,.85),inset 0 14px 28px rgba(255,255,255,.26);transform:skewX(-7deg)}
.rs4:before{content:"";position:absolute;left:40px;right:40px;bottom:72px;height:28px;background:linear-gradient(90deg,transparent,#111,transparent);opacity:.6}
.rs4-roof{position:absolute;left:260px;top:0;width:255px;height:76px;border-top:6px solid #d0d0d0;border-radius:50%}
.rs4-window{position:absolute;left:270px;top:34px;width:220px;height:86px;background:#06090f;border-radius:42px 42px 12px 12px;border:2px solid #878d94}
.rs4-grill{position:absolute;left:160px;bottom:86px;width:116px;height:64px;background:#050505;border-radius:14px;border:4px solid #2c3036;color:#d90000;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.rs4-light{position:absolute;top:135px;width:92px;height:38px;background:linear-gradient(90deg,#dbf7ff,#263b4b);border:3px solid #c8d0d8;border-radius:40px;box-shadow:0 0 24px #3ddcff}
.light-left{left:44px}.light-right{left:298px}
.rs4-wheel{position:absolute;bottom:-28px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#9a9a9a 0 10%,#111 11% 43%,#777 44% 52%,#050505 53%);border:8px solid #141414}
.wheel-left{left:96px}.wheel-right{right:68px}
.right-logos{position:absolute;right:4px;top:40px;display:flex;flex-direction:column;align-items:center;gap:8px}
.right-logos img:first-child{width:180px;filter:drop-shadow(0 0 20px rgba(140,44,255,.85))}
.right-logos img:last-child{width:175px;filter:drop-shadow(0 0 12px rgba(8,165,255,.45))}

.advantages,.trust{margin:0 40px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);border-radius:6px}
.advantages article,.trust article{padding:20px;border-right:1px solid rgba(255,255,255,.12);font-size:28px}
.advantages strong,.trust strong{display:block;font-size:15px;text-transform:uppercase}
.advantages span,.trust span{display:block;font-size:14px;color:#ccc;margin-top:7px}

.section{padding:50px 40px}
.section h2{text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:32px;margin:0 0 28px}
.intro{text-align:center;color:#ccc;font-size:18px;margin-top:-12px;margin-bottom:28px}
.product-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.product-grid article{background:#0c1017;border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;transition:.25s}
.product-grid article:hover,.gallery article:hover{transform:translateY(-4px);box-shadow:0 0 25px rgba(8,165,255,.25)}
.product-grid img{width:100%;height:130px;object-fit:cover;display:block;background:#fff}
.product-grid h3{padding:14px;text-align:center;margin:0;min-height:72px}

.services-section{background:#080b10;text-align:center}
.services-section p{font-size:18px;color:#ccc}
.services{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:26px}
.services span{background:#0d1118;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:14px 18px}

.mission-section{background:linear-gradient(135deg,#080b10,#05070b)}
.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mission-grid article{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px}
.mission-grid h3{margin:0 0 12px;color:#08a5ff;text-transform:uppercase;letter-spacing:1px}
.mission-grid p{color:#ddd;line-height:1.6;margin:0}

.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gallery article{position:relative;overflow:hidden;background:#090c11;border:1px solid rgba(255,255,255,.12);border-radius:12px;min-height:240px}
.gallery img{width:100%;height:260px;object-fit:cover;display:block}
.gallery span{position:absolute;left:0;right:0;bottom:0;padding:14px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-weight:bold}

.trust{grid-template-columns:repeat(3,1fr);margin-bottom:36px}
footer{display:flex;gap:24px;align-items:center;padding:38px 42px;background:#000;border-top:1px solid rgba(255,255,255,.12)}
footer img{width:120px}
footer p{color:#ccc}

@media(max-width:1100px){
  .top{grid-template-columns:1fr;text-align:center}.logo-zone img{margin:auto;width:180px}.contact-zone{justify-content:center}
  .nav{overflow-x:auto;gap:22px}.hero{grid-template-columns:1fr;padding:30px 20px}.hero-text h2{font-size:42px}
  .rs4{transform:scale(.74) skewX(-7deg);margin-left:-120px}.right-logos{right:20px;top:10px}
  .product-grid{grid-template-columns:repeat(2,1fr)}.advantages,.trust{grid-template-columns:1fr;margin:0 20px}
  .gallery{grid-template-columns:1fr 1fr}.mission-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .title-zone h1{font-size:30px}.hero-text h2{font-size:34px}.buttons{flex-direction:column}
  .gallery{grid-template-columns:1fr}.rs4{transform:scale(.55) skewX(-7deg);margin-left:-180px}.right-logos img:first-child{width:120px}.right-logos img:last-child{width:120px}
}


/* Version finale : vraie photo Audi RS4 B5 */
.hero-car{
  position: relative;
  min-height: 420px;
}

.hero-rs4-photo{
  width: 790px;
  max-width: 86%;
  height: 390px;
  object-fit: cover;
  object-position: center;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 28px 90px rgba(0,0,0,.85);
  filter: contrast(1.08) saturate(.95) brightness(.9);
}

.right-logos{
  right: 0;
  top: 36px;
  z-index: 5;
}

@media(max-width:1100px){
  .hero-rs4-photo{
    width: 100%;
    max-width: 100%;
    height: 330px;
  }
}

@media(max-width:650px){
  .hero-rs4-photo{
    height: 250px;
  }
}


.product-link{
    display:inline-block;
    margin:0 14px 16px;
    padding:10px 16px;
    background:linear-gradient(90deg,#0099ff,#8b2cff);
    border-radius:6px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    transition:.3s;
}

.product-link:hover{
    transform:translateY(-2px);
    box-shadow:0 0 15px rgba(0,153,255,.4);
}


/* Formulaire de demande de devis */
.devis-section{
  background:
    radial-gradient(circle at top right, rgba(140,44,255,.18), transparent 32%),
    radial-gradient(circle at bottom left, rgba(8,165,255,.16), transparent 36%),
    #06080d;
}

.devis-box{
  max-width: 860px;
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 22px;
  background: rgba(255,255,255,.045);
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.45);
}

.devis-header{
  padding: 28px;
  text-align: center;
  background: linear-gradient(90deg, rgba(8,165,255,.9), rgba(140,44,255,.9));
}

.devis-header h2{
  margin: 0;
  color: #fff;
  letter-spacing: 2px;
}

.devis-header p{
  margin: 8px 0 0;
  color: rgba(255,255,255,.9);
}

.devis-form{
  padding: 30px;
}

.form-row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.form-group{
  margin-bottom: 20px;
}

.form-group label{
  display: block;
  margin-bottom: 8px;
  font-weight: 700;
  color: #fff;
}

.devis-form input[type="text"],
.devis-form input[type="email"],
.devis-form input[type="tel"],
.devis-form textarea{
  width: 100%;
  padding: 14px 16px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: rgba(0,0,0,.42);
  color: #fff;
  font-size: 16px;
  outline: none;
}

.devis-form input:focus,
.devis-form textarea:focus{
  border-color: #08a5ff;
  box-shadow: 0 0 0 4px rgba(8,165,255,.15);
}

.devis-form textarea{
  min-height: 130px;
  resize: vertical;
}

.budget-options{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.budget-options label{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(0,0,0,.28);
  cursor: pointer;
}

.budget-options input{
  accent-color: #08a5ff;
}

.file-note{
  padding: 16px;
  border: 1px dashed rgba(255,255,255,.22);
  border-radius: 12px;
  background: rgba(0,0,0,.25);
}

.file-note p{
  margin: 8px 0 0;
  color: #d5d5d5;
  line-height: 1.5;
}

.file-note a{
  color: #08a5ff;
  font-weight: 700;
}

.submit-btn{
  width: 100%;
  border: none;
  padding: 16px;
  border-radius: 12px;
  background: linear-gradient(90deg,#08a5ff,#8c2cff);
  color: white;
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  text-transform: uppercase;
}

.submit-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(8,165,255,.38);
}

.form-note{
  text-align: center;
  color: #aaa;
  font-size: 14px;
  margin: 16px 0 0;
}

@media(max-width:700px){
  .form-row,
  .budget-options{
    grid-template-columns: 1fr;
  }

  .devis-form{
    padding: 22px;
  }
}


/* Upload carte grise */
.file-upload-box{
  position: relative;
  display: grid;
  gap: 8px;
  place-items: center;
  padding: 24px;
  border: 2px dashed rgba(255,255,255,.25);
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  cursor: pointer;
  text-align: center;
}

.file-upload-box:hover{
  border-color: #08a5ff;
  box-shadow: 0 0 18px rgba(8,165,255,.18);
}

.file-upload-box input[type="file"]{
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.file-upload-box span{
  font-weight: 800;
  color: #fff;
}

.file-upload-box small{
  color: #bfbfbf;
}

.file-upload-box strong{
  color: #08a5ff;
  font-size: 14px;
}


.store-hours{
  max-width: 760px;
  margin: 60px auto;
  padding: 28px;
  border-radius: 20px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.store-hours h3{
  color:#fff;
  margin-bottom:20px;
  font-size:28px;
  text-align:center;
}

.store-hours ul{
  list-style:none;
  padding:0;
  margin:0;
}

.store-hours li{
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#ddd;
  font-size:17px;
}

.store-hours li:last-child{
  border-bottom:none;
}

.store-hours strong{
  color:#08a5ff;
}

/* Carte Nos Univers - Véhicules vétérans */
.veteran-card{
  min-height: 240px;
  background: linear-gradient(135deg, rgba(10,14,22,.96), rgba(20,10,35,.96));
  border: 1px solid rgba(140,44,255,.65);
  border-radius: 12px;
  padding: 18px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 0 22px rgba(140,44,255,.18);
}

.veteran-card .veteran-icon{
  font-size: 42px;
}

.veteran-card h3{
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}

.veteran-card p{
  color: #d7d7d7;
  margin: 0 0 6px;
  line-height: 1.45;
}

/* Sections détaillées ajoutées */
.detail-service-section{
  max-width: 1100px;
  margin: 50px auto;
  padding: 34px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
}
.detail-service-section h2{ color:#fff; margin-bottom:12px; }
.detail-service-section p{ color:#ddd; font-size:18px; line-height:1.6; }

/* Section listes de prix PDF */
.pdf-price-section{
  max-width: 1100px;
  margin: 50px auto;
  padding: 34px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
}

.pdf-price-section p{
  color: #ddd;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 24px;
}

.pdf-list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}

/* Section listes de prix PDF */
.pdf-price-section{
  max-width: 1100px;
  margin: 50px auto;
  padding: 34px;
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.12);
  text-align: center;
}

.pdf-price-section p{
  color: #ddd;
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 24px;
}

.pdf-list{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
}


/* Bande promotionnelle supérieure */
.promo-bar{
  width:100%;
  background:linear-gradient(90deg,#000000,#111111,#000000);
  color:#fff;
  overflow:hidden;
  white-space:nowrap;
  padding:10px 0;
  position:relative;
  z-index:9999;
  font-weight:800;
  font-size:15px;
  letter-spacing:.3px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
}

.promo-track{
  display:inline-block;
  padding-left:100%;
  animation:scrollPromo 32s linear infinite;
}

.promo-track span{
  margin-right:80px;
}

.promo-bar:hover .promo-track{
  animation-play-state:paused;
}

@keyframes scrollPromo{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-100%); }
}


/* ===== VERSION PREMIUM ===== */
html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.055), transparent 28%),
    radial-gradient(circle at top right, rgba(120,120,120,.08), transparent 24%),
    #030303;
}

.promo-bar{
  background:rgba(0,0,0,.86) !important;
  border-bottom:1px solid rgba(255,255,255,.14);
  backdrop-filter:none;
  box-shadow:0 8px 28px rgba(0,0,0,.55);
}

.promo-track span{
  color:#f5f5f5;
  text-shadow:0 0 16px rgba(255,255,255,.18);
}

.top{
  position:sticky;
  top:0;
  z-index:9000;
  background:rgba(0,0,0,.82) !important;
  backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  transition:all .35s ease;
}

body.scrolled .top{
  background:rgba(0,0,0,.95) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.58);
}

.nav{
  background:rgba(8,8,8,.82) !important;
  backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nav a{
  transition:all .25s ease;
}

.nav a:hover{
  transform:translateY(-2px);
  text-shadow:0 0 16px rgba(255,255,255,.28);
}

.hero{
  position:relative;
  overflow:hidden;
}

.hero::before{display:none;}

@keyframes premiumLight{
  from{ transform:translateX(-40%); }
  to{ transform:translateX(40%); }
}

.hero-rs4-photo,
.product-grid article img,
.gallery article img{
  transition:transform .55s ease, filter .55s ease;
}

.hero-rs4-photo:hover,
.product-grid article:hover img,
.gallery article:hover img{
  transform:scale(1.045);
  filter:contrast(1.08) saturate(1.08);
}

.product-grid article,
.gallery article{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  box-shadow:0 20px 60px rgba(0,0,0,.38);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.product-grid article:hover,
.gallery article:hover{
  transform:translateY(-8px);
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.62), 0 0 28px rgba(255,255,255,.06);
}

.product-grid article::after,
.gallery article::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 25%, rgba(255,255,255,.08), transparent 65%);
  transform:translateX(-120%);
  transition:transform .75s ease;
  pointer-events:none;
}

.product-grid article:hover::after,
.gallery article:hover::after{
  transform:translateX(120%);
}

.product-link,
.devis,
.submit-btn{
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  transition:all .3s ease;
}

.product-link:hover,
.devis:hover,
.submit-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 45px rgba(0,0,0,.55), 0 0 22px rgba(255,255,255,.14);
}

.premium-stats{
  max-width:1100px;
  margin:42px auto;
  padding:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.premium-stats div{
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:24px;
  text-align:center;
  background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  box-shadow:0 18px 48px rgba(0,0,0,.35);
}

.premium-stats strong{
  display:block;
  color:#fff;
  font-size:32px;
  letter-spacing:1px;
  margin-bottom:8px;
}

.premium-stats span{
  color:#cfcfcf;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.8px;
}

.gallery{
  gap:22px !important;
}

.gallery article{
  border-radius:18px !important;
}

.gallery article span{
  background:rgba(0,0,0,.68) !important;
  backdrop-filter:none;
  border-top:1px solid rgba(255,255,255,.12);
}

.reveal,
.product-grid article,
.gallery article{
  opacity:0;
  transform:translateY(26px);
}

.reveal.is-visible,
.product-grid article.is-visible,
.gallery article.is-visible{
  opacity:1;
  transform:translateY(0);
  transition:opacity .7s ease, transform .7s ease;
}

@media(max-width:800px){
  .premium-stats{
    grid-template-columns:1fr;
    padding:16px;
  }

  .promo-bar{
    font-size:13px;
  }
}


.logo-speaker{
  position:absolute;
  top:20px;
  left:20px;
  width:72px;
  z-index:50;
  filter:drop-shadow(0 0 12px rgba(255,255,255,.25));
}


/* Netteté premium */
.hero-rs4-photo,
.gallery img,
.product-grid img{
  filter:none !important;
  opacity:1 !important;
  image-rendering:auto;
}

body{
  background:#050505 !important;
}



/* Tarif atelier premium */
.tarif-box{
  max-width:900px;
  margin:0 auto;
  padding:50px 30px;
  text-align:center;
  border-radius:24px;
  background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 80px rgba(0,0,0,.45);
}

.tarif-box h2{
  font-size:42px;
  margin-bottom:20px;
  color:#fff;
}

.tarif-price{
  font-size:58px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:1px;
  margin-bottom:20px;
  text-shadow:0 0 22px rgba(255,255,255,.14);
}

.tarif-description{
  color:#d7d7d7;
  line-height:1.8;
  font-size:18px;
}


.tarif-ht{
  font-size:24px;
  color:#cfcfcf;
  margin-top:-8px;
  margin-bottom:24px;
  letter-spacing:.5px;
}


/* Compteurs premium */
.counter-section{
  max-width:1200px;
  margin:70px auto;
  padding:20px;
}

.counter-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.counter-box{
  padding:40px 20px;
  text-align:center;
  border-radius:22px;
  background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
  transition:transform .35s ease;
}

.counter-box:hover{
  transform:translateY(-8px);
}

.counter{
  font-size:64px;
  font-weight:900;
  color:#ffffff;
  margin-bottom:12px;
  text-shadow:0 0 22px rgba(255,255,255,.12);
}

.counter-box span{
  color:#d0d0d0;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:15px;
}

@media(max-width:850px){
  .counter-grid{
    grid-template-columns:1fr;
  }
}


.pdf-button{
  display:inline-block;
  margin-top:18px;
  padding:14px 24px;
  border-radius:14px;
  background:#111;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  transition:all .3s ease;
  font-weight:700;
}

.pdf-button:hover{
  transform:translateY(-3px);
  background:#1f1f1f;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}


/* Ajustement images module Nouveautés */
#nouveautes .gallery article img{
  width:100%;
  height:220px;
  object-fit:contain;
  background:#111;
  padding:10px;
  box-sizing:border-box;
}


.logo-droite-audison{
position:absolute;
right:-290px;
top:20px;
z-index:5;
}

.logo-droite-audison img{
width:140px;
height:auto;
object-fit:contain;
}

#nouveautes article{
position:relative;
overflow:visible !important;
}


/* Animation basses pour le dessin à droite d'Audison Forza */
.logo-droite-audison img{
  animation: bassHairShake 0.32s infinite ease-in-out;
  transform-origin: 50% 78%;
  will-change: transform, filter;
}

@keyframes bassHairShake{
  0%{
    transform: translateY(0) scaleY(1) skewX(0deg) rotate(0deg);
    filter: contrast(1.08);
  }
  18%{
    transform: translateY(-4px) scaleY(1.06) skewX(-3deg) rotate(-1deg);
    filter: contrast(1.25);
  }
  35%{
    transform: translateY(2px) scaleY(0.96) skewX(3deg) rotate(1deg);
  }
  52%{
    transform: translateY(-6px) scaleY(1.1) skewX(-4deg) rotate(-1.5deg);
  }
  70%{
    transform: translateY(1px) scaleY(0.98) skewX(2deg) rotate(1deg);
  }
  100%{
    transform: translateY(0) scaleY(1) skewX(0deg) rotate(0deg);
    filter: contrast(1.08);
  }
}

.logo-droite-audison::before,
.logo-droite-audison::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:145px;
  height:145px;
  border:2px solid rgba(255,255,255,0.35);
  border-radius:50%;
  transform:translate(-50%,-50%);
  animation:bassWave 0.9s infinite ease-out;
  pointer-events:none;
}

.logo-droite-audison::after{
  animation-delay:0.35s;
}

@keyframes bassWave{
  0%{
    opacity:0.45;
    transform:translate(-50%,-50%) scale(0.75);
  }
  100%{
    opacity:0;
    transform:translate(-50%,-50%) scale(1.55);
  }
}












/* Position corrigée dessin + NEWS */
.logo-droite-audison{
  position:absolute;
  right:-290px;
  top:20px;
  z-index:5;
}

.logo-droite-audison img{
  width:140px;
  height:auto;
  object-fit:contain;
}




/* Texte NEWS sous le dessin Audison */
.logo-droite-audison{
  text-align:center;
  overflow:visible !important;
}

.news-under-logo{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  margin-top:8px;
  color:#ffffff !important;
  font-family:Arial, sans-serif;
  font-size:30px;
  font-weight:900;
  line-height:1;
  letter-spacing:5px;
  text-align:center;
  text-shadow:
    0 0 8px rgba(255,255,255,0.95),
    0 0 18px rgba(255,255,255,0.65);
}


/* Bonhomme blanc transparent — sans fond et sans mouvement */
.logo-droite-audison img{
  animation:none !important;
  transform:none !important;
  filter:none !important;
  background:transparent !important;
}
.logo-droite-audison::before,
.logo-droite-audison::after{
  display:none !important;
  animation:none !important;
}


/* Améliorations premium mobile, Maps et animations modernes */
.map-card{max-width:1050px;margin:0 auto;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.map-card iframe{width:100%;height:420px;border:0;border-radius:16px;display:block;margin-bottom:18px}
.reveal,.product-grid article,.gallery article{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.is-visible{opacity:1!important;transform:translateY(0)!important}
@media(max-width:900px){.map-card iframe{height:330px}.top{position:relative!important}.nav{position:sticky;top:0;gap:16px;padding:12px 14px}.logo-left,.logo-bonhomme{display:none}.section{padding:38px 18px}.hero{padding:26px 18px}.contact-zone{font-size:15px}.title-zone p,.title-zone strong{letter-spacing:1px}.product-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.advantages,.trust{border-radius:14px}.hero-rs4-photo{height:260px}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}.title-zone h1{font-size:28px}.hero-text h2{font-size:31px}.buttons a{width:100%;justify-content:center}.map-card iframe{height:280px}.devis-header{padding:22px 16px}.store-hours{margin:38px 16px}}


.pdf-section {
    padding: 70px 20px;
    text-align: center;
    background: #f7f7f7;
}

.pdf-section .container {
    max-width: 900px;
    margin: 0 auto;
}

.pdf-section h2 {
    margin-bottom: 12px;
}

.pdf-section p {
    margin-bottom: 24px;
}