/* Polices auto-hébergées (RGPD + performance) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-latin-700-normal.woff2') format('woff2');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/poppins-latin-800-normal.woff2') format('woff2');}
/* =========================================================
   Belaqua Home Service — Özgün Tasarım Sistemi
   Partner Energie'den BİLİNÇLİ OLARAK farklı bir kimlik:
   - Partner Energie: lacivert + turuncu, keskin/kurumsal "enerji" hissi
   - Belaqua: petrol yeşili/turkuaz + mercan, yumuşak/organik "su" hissi
   - Farklı tipografi: Poppins (başlık) + Inter (gövde)
   - Dalga motifleri, yüzen (floating) pill navbar, cam efektli kartlar
   ========================================================= */


:root{
  --ink: #0B4A4C;         /* petrol/koyu turkuaz — Belaqua'nın ana rengi */
  --ink-light: #0F6165;
  --ink-lighter: #14807F;
  --accent: #FF6F4C;      /* mercan turuncusu — CTA vurgusu */
  --accent-light: #FF8F6E;
  --aqua: #23C1D1;        /* canlı turkuaz — ikincil vurgu, rozetler */
  --aqua-light: #6FE0EA;
  --sand: #FBEFDD;        /* sıcak bej — bölüm arka planı çeşitlemesi */
  --gray-50: #F5FAFA;
  --gray-100: #E9F3F3;
  --gray-200: #D6E8E8;
  --gray-400: #8FAFAF;
  --gray-600: #4C6666;
  --gray-900: #17302F;
  --white: #FFFFFF;
  --radius: 22px;
  --radius-sm: 12px;
  --shadow: 0 12px 32px rgba(11,74,76,0.10);
  --shadow-lg: 0 24px 60px rgba(11,74,76,0.18);
  --maxw: 1180px;
  --font-head: 'Poppins', -apple-system, sans-serif;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font);
  color:var(--gray-900);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font-head);line-height:1.22;margin:0 0 .5em;font-weight:700;color:var(--ink);}
h1{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:800;}
h2{font-size:clamp(1.5rem,3vw,2.3rem);}
h3{font-size:1.2rem;font-weight:600;}
p{margin:0 0 1em;color:var(--gray-600);}
ul{margin:0 0 1em;padding-left:1.2em;color:var(--gray-600);}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section{padding:76px 0;}
.section-tight{padding:44px 0;}
.bg-gray{background:var(--gray-50);}
.bg-sand{background:var(--sand);}
.bg-navy{background:var(--ink);color:var(--white);}
.bg-navy h1,.bg-navy h2,.bg-navy h3,.bg-navy p{color:var(--white);}
.text-center{text-align:center;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:700;
  color:var(--accent);margin-bottom:14px;font-family:var(--font-head);
}
.eyebrow::before{content:"〜";font-size:1rem;}
.lead{font-size:1.15rem;color:var(--gray-600);max-width:680px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:15px 30px;border-radius:999px;font-weight:700;font-size:.95rem;
  border:2px solid transparent;cursor:pointer;font-family:var(--font-head);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn-primary{background:var(--accent);color:var(--white);}
.btn-primary:hover{background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow);}
.btn-outline{background:transparent;border-color:var(--white);color:var(--white);}
.btn-outline:hover{background:var(--white);color:var(--ink);}
.btn-outline-navy{background:transparent;border-color:var(--ink);color:var(--ink);}
.btn-outline-navy:hover{background:var(--ink);color:var(--white);}
.btn-water{background:var(--ink-lighter);color:var(--white);}
.btn-water:hover{background:var(--ink-light);transform:translateY(-2px);}
.btn-sm{padding:11px 22px;font-size:.85rem;}

/* ---------- Header (v3 — robust mobile) ---------- */
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:1000;border-radius:0 0 10px 0;}
.skip-link:focus{left:0;}
.site-header{position:sticky;top:0;z-index:100;padding:14px 20px 0;}
.nav{
  max-width:var(--maxw);margin:0 auto;padding:10px 12px 10px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:#fff;border-radius:999px;box-shadow:var(--shadow);
}
.logo{display:flex;align-items:center;flex-shrink:0;}
.logo img{height:42px;width:auto;display:block;}
.site-footer .logo-footer{height:38px;width:auto;display:block;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.92;}
.nav-links{display:flex;align-items:center;gap:22px;}
.nav-links > a,.dropdown-toggle{color:var(--gray-900);font-weight:600;font-size:.9rem;transition:color .15s;white-space:nowrap;padding:8px 0;display:inline-block;}
.nav-links > a:hover,.dropdown-toggle:hover{color:var(--accent);}
.nav-cta{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav-phone{color:var(--ink);font-weight:700;font-size:.9rem;white-space:nowrap;}
.nav-devis{white-space:nowrap;}
.dropdown{position:relative;}
.dropdown-menu{
  visibility:hidden;opacity:0;transform:translateY(6px);transition:all .15s ease;
  position:absolute;top:100%;left:-14px;background:#fff;
  min-width:270px;border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;margin-top:8px;z-index:120;
}
.dropdown-menu::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{visibility:visible;opacity:1;transform:none;}
.dropdown-menu a{display:block;padding:10px 14px;border-radius:10px;color:var(--ink);font-weight:600;font-size:.88rem;}
.dropdown-menu a:hover{background:var(--gray-100);}
.dropdown-menu a.dd-all{color:var(--accent);border-top:1px solid var(--gray-100);margin-top:4px;border-radius:0 0 10px 10px;}
.nav-toggle{display:none;width:46px;height:46px;border:none;border-radius:50%;background:var(--gray-100);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;}

/* Mobile menu: full-screen panel, sibling of header (never clipped by the pill) */
.mobile-menu{
  position:fixed;inset:0;z-index:500;background:#fff;display:flex;flex-direction:column;
  visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .2s ease,transform .2s ease,visibility .2s;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.mobile-menu.open{visibility:visible;opacity:1;transform:none;}
.mm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--gray-100);position:sticky;top:0;background:#fff;}
.mm-head .logo img{height:36px;}
.mm-close{width:44px;height:44px;border-radius:50%;border:none;background:var(--gray-100);font-size:1.2rem;color:var(--ink);cursor:pointer;}
.mm-body{display:flex;flex-direction:column;padding:8px 20px;}
.mm-body > a,.mm-body summary{display:block;padding:15px 4px;border-bottom:1px solid var(--gray-100);font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink);cursor:pointer;list-style:none;}
.mm-body summary::-webkit-details-marker{display:none;}
.mm-body summary::after{content:"+";float:right;color:var(--accent);font-size:1.3rem;line-height:1;}
.mm-body details[open] summary::after{content:"–";}
.mm-sub{display:flex;flex-direction:column;padding:6px 0 10px 12px;border-bottom:1px solid var(--gray-100);}
.mm-sub a{padding:10px 4px;color:var(--gray-600);font-weight:600;font-size:.95rem;}
.mm-sub a.dd-all{color:var(--accent);}
.mm-foot{display:flex;flex-direction:column;gap:10px;padding:18px 20px 90px;}
.mm-foot .btn{justify-content:center;}
body.menu-open{overflow:hidden;}

@media(max-width:1100px){.nav-phone{display:none;}}
@media(max-width:960px){
  .site-header{padding:8px 10px 0;}
  .nav{border-radius:18px;padding:8px 8px 8px 14px;gap:10px;}
  .logo img{height:36px;}
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .nav-whatsapp{display:none !important;}
}
@media(max-width:380px){.nav-devis{padding:10px 14px;font-size:.8rem;}}

/* ---------- Hero: yumuşak turkuaz gradyan + dalga ayracı ---------- */
.hero{
  background:linear-gradient(160deg, var(--gray-50) 0%, var(--aqua-light) 140%);
  color:var(--gray-900);padding:64px 0 0;position:relative;overflow:hidden;
}
.hero-grid{
  max-width:var(--maxw);margin:0 auto;padding:48px 24px 90px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;position:relative;z-index:1;
}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr;padding-bottom:70px;}}
.hero h1{color:var(--ink);margin-bottom:20px;}
.hero .lead{color:var(--gray-600);}
.hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0;}
.badge{
  display:flex;align-items:center;gap:8px;background:var(--white);
  padding:10px 16px;border-radius:999px;font-size:.82rem;font-weight:700;color:var(--ink);box-shadow:var(--shadow);
}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;}
.hero-panel{
  background:var(--white);border-radius:var(--radius);padding:30px;color:var(--gray-900);box-shadow:var(--shadow-lg);
  border-top:5px solid var(--accent);
}
.hero-panel h3{margin-bottom:16px;font-family:var(--font-head);}
.hero-panel .row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px dashed var(--gray-200);font-size:.92rem;}
.hero-panel .row strong{color:var(--ink);}
.wave-divider{display:block;width:100%;line-height:0;margin-top:-2px;}
.wave-divider svg{width:100%;height:70px;display:block;}

/* ---------- Cards / Grids ---------- */
.grid{display:grid;gap:24px;}
.grid-2{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}}

.card{
  display:block;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);
  padding:30px;box-shadow:var(--shadow);transition:transform .18s ease, box-shadow .18s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.card-icon{
  width:56px;height:56px;border-radius:18px;background:var(--gray-100);color:var(--ink-lighter);
  display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:18px;
}
.card-icon img{width:30px;height:30px;object-fit:contain;}
.card h3{margin-bottom:8px;}
.card a.card-link,.card span.card-link{color:var(--ink-lighter);font-weight:700;font-size:.9rem;display:inline-block;margin-top:4px;}

.product-card{
  background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius);
  overflow:hidden;box-shadow:var(--shadow);
}
.product-card .thumb{
  aspect-ratio:4/3;background:linear-gradient(135deg,var(--gray-100),var(--aqua-light));
  display:flex;align-items:center;justify-content:center;color:var(--ink-lighter);font-size:2.4rem;
}
.product-card .body{padding:22px;}
.product-card .price-tag{
  display:inline-block;background:var(--ink);color:var(--white);font-weight:700;
  font-size:.78rem;padding:5px 13px;border-radius:999px;margin-bottom:10px;font-family:var(--font-head);
}

/* ---------- Testimonials ---------- */
.stars{color:var(--accent);font-size:1.1rem;letter-spacing:2px;margin-bottom:10px;}
.testimonial{background:var(--white);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);}
.testimonial .author{margin-top:14px;font-weight:700;color:var(--ink);font-size:.9rem;font-family:var(--font-head);}

/* ---------- Stats ---------- */
.stat{text-align:center;}
.stat .num{font-size:2.5rem;font-weight:800;color:var(--ink);font-family:var(--font-head);}
.stat .label{color:var(--gray-600);font-size:.9rem;}

/* ---------- CTA band ---------- */
.cta-band{
  background:linear-gradient(120deg,var(--ink) 0%, var(--ink-lighter) 100%);
  color:var(--white);border-radius:var(--radius);padding:50px;
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.cta-band::after{content:"💧";position:absolute;font-size:9rem;opacity:.08;right:-10px;bottom:-40px;}
.cta-band h2, .cta-band p{color:var(--white);margin:0;}

/* ---------- Cross-link box (Partner Energie) ---------- */
.crosslink-box{
  border:2px dashed var(--accent);border-radius:var(--radius);
  padding:28px;background:#FFF3EE;display:flex;gap:18px;align-items:center;flex-wrap:wrap;
}
.crosslink-box .icon{font-size:2rem;}

/* ---------- Breadcrumb ---------- */
.breadcrumb{font-size:.85rem;color:var(--gray-400);padding:20px 0;}
.breadcrumb a{color:var(--ink-lighter);font-weight:600;}

/* ---------- Table ---------- */
table.compare{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
table.compare th, table.compare td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-100);font-size:.92rem;}
table.compare th{background:var(--ink);color:var(--white);font-family:var(--font-head);}
table.compare tr:last-child td{border-bottom:none;}

/* ---------- Forms ---------- */
.form-field{margin-bottom:18px;}
.form-field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;color:var(--ink);font-family:var(--font-head);}
.form-field input, .form-field select, .form-field textarea{
  width:100%;padding:13px 16px;border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);
  font-family:var(--font);font-size:.95rem;background:var(--white);
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{outline:none;border-color:var(--aqua);}

/* ---------- FAQ ---------- */
.faq-item{border-bottom:1px solid var(--gray-100);padding:19px 0;}
.faq-item summary{font-weight:700;color:var(--ink);cursor:pointer;font-size:1rem;font-family:var(--font-head);}
.faq-item p{margin-top:10px;}

/* ---------- Footer ---------- */
.site-footer{background:var(--ink);color:var(--gray-200);padding:60px 0 24px;position:relative;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;gap:28px;margin-bottom:36px;}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr 1fr;}}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.footer-grid{grid-template-columns:1fr;}}
.footer-grid h4{color:var(--white);font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:16px;font-family:var(--font-head);}
.footer-grid a, .footer-grid p{display:block;color:rgba(255,255,255,0.65);font-size:.9rem;margin-bottom:9px;}
.footer-grid a:hover{color:var(--white);}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);padding-top:22px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.82rem;color:rgba(255,255,255,0.55);
}
.group-badge{
  display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);
  padding:11px 18px;border-radius:999px;font-size:.85rem;
}
.group-badge a{color:var(--aqua-light) !important;font-weight:700;}
.social-links{margin-top:14px !important;}
.social-links a{display:inline !important;color:var(--aqua-light) !important;font-weight:600;margin-bottom:0 !important;}
.social-links a:hover{color:var(--white) !important;text-decoration:underline;}

/* ---------- Sticky mobile call bar ---------- */
.mobile-call-bar{
  display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;
  color:var(--white);text-align:center;
  font-weight:700;box-shadow:0 -8px 24px rgba(0,0,0,.15);font-family:var(--font-head);
}
.mobile-call-bar{display:none;}
.mobile-call-bar-inner{display:flex;}
.mobile-call-bar-inner a{flex:1;padding:15px 8px;color:#fff;}
.mobile-call-bar-inner a.call{background:var(--accent);}
.mobile-call-bar-inner a.whatsapp{background:#25D366;}
@media(max-width:700px){.mobile-call-bar{display:block;}body{padding-bottom:60px;}}

/* ---------- WhatsApp button (desktop nav + footer) ---------- */
.btn-whatsapp{background:#25D366;color:#fff !important;}
.btn-whatsapp:hover{background:#1ebe5b;}
.nav-whatsapp{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#25D366;color:#fff !important;font-size:1.15rem;}

.content-photo{width:100%;height:260px;object-fit:cover;border-radius:16px;margin:22px 0 6px;box-shadow:0 14px 32px rgba(11,74,76,.16);}

/* Utility spacing */
.mt-0{margin-top:0;}
.mb-0{margin-bottom:0;}
.gap-sm{gap:10px;}

/* =========================================================
   v3 additions — catalogue, product pages, blog
   ========================================================= */
.narrow{max-width:860px;}
.breadcrumb{font-size:.84rem;color:var(--gray-400);padding:18px 24px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;}
.breadcrumb .sep{color:var(--gray-200);}
.breadcrumb span[aria-current]{color:var(--gray-600);}
a.card{color:inherit;}
.product-card{display:flex;flex-direction:column;transition:transform .18s ease, box-shadow .18s ease;color:inherit;}
a.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.product-card .thumb{background:#fff;border-bottom:1px solid var(--gray-100);}
.product-card .thumb img{width:100%;height:100%;object-fit:contain;padding:14px;}
.product-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;}
.product-card h3{font-size:1rem;margin-bottom:4px;}
.product-card .pc-sub{font-size:.82rem;margin:0 0 8px;color:var(--gray-400);}
.product-card .card-link{margin-top:auto;color:var(--ink-lighter);font-weight:700;font-size:.85rem;}
.cat-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s, box-shadow .18s;color:inherit;}
.cat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.cat-card .cat-imgs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border-bottom:1px solid var(--gray-100);}
.cat-card .cat-imgs img{aspect-ratio:1;object-fit:contain;padding:10px;width:100%;}
.cat-card .body{padding:22px;display:flex;flex-direction:column;flex:1;}
.cat-card .count{font-size:.78rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-family:var(--font-head);}
.cat-card .subs{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px;}
.chip{display:inline-block;background:var(--gray-100);color:var(--ink);font-size:.78rem;font-weight:600;padding:5px 11px;border-radius:999px;}
a.chip:hover{background:var(--ink);color:#fff;}
.cat-card .card-link{margin-top:auto;color:var(--ink-lighter);font-weight:700;font-size:.9rem;}
.sub-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;}
.sub-nav a{background:#fff;border:1.5px solid var(--gray-200);padding:9px 16px;border-radius:999px;font-weight:600;font-size:.85rem;color:var(--ink);}
.sub-nav a:hover,.sub-nav a.active{background:var(--ink);border-color:var(--ink);color:#fff;}
.page-hero{background:linear-gradient(160deg,var(--gray-50) 0%,#dff5f7 100%);padding:30px 0 50px;}
.page-hero h1{font-size:clamp(1.8rem,3.4vw,2.8rem);}
.prose{max-width:780px;}
.prose h2{margin-top:1.6em;}
.prose h3{margin-top:1.3em;}
.prose p,.prose li{font-size:1.02rem;}
.prose ul,.prose ol{padding-left:1.3em;}
.prose li{margin-bottom:.4em;}
.prose table.compare{margin:18px 0;}
.prose blockquote{margin:1.4em 0;padding:16px 22px;border-left:4px solid var(--accent);background:#FFF6F2;border-radius:0 14px 14px 0;color:var(--gray-900);}
.info-box{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius);padding:24px;}
.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;align-items:start;}
@media(max-width:900px){.two-col{grid-template-columns:1fr;gap:28px;}}
.sticky-side{position:sticky;top:110px;}
/* product page */
.product-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
@media(max-width:860px){.product-top{grid-template-columns:1fr;gap:24px;}}
.product-gallery{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:30px;}
.product-gallery img{max-height:100%;object-fit:contain;}
.product-info .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.offer-box{background:#fff;border:1px solid var(--gray-100);border-top:5px solid var(--accent);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin:20px 0;}
.offer-box .row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--gray-200);font-size:.92rem;}
.offer-box .row:last-of-type{border-bottom:none;}
.offer-box .row strong{color:var(--ink);text-align:right;}
.offer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.offer-actions .btn{flex:1;justify-content:center;min-width:180px;}
.check-list{list-style:none;padding:0;margin:0 0 1em;}
.check-list li{padding-left:28px;position:relative;margin-bottom:8px;}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:#fff;background:var(--ink-lighter);width:19px;height:19px;border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center;font-weight:800;margin-top:3px;}
table.specs{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
table.specs th,table.specs td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--gray-100);font-size:.92rem;vertical-align:top;}
table.specs th{width:42%;color:var(--ink);font-weight:600;background:var(--gray-50);font-family:var(--font-head);}
table.specs tr:last-child th,table.specs tr:last-child td{border-bottom:none;}
.steps{counter-reset:step;display:grid;gap:16px;}
.steps .step{position:relative;padding:18px 18px 18px 64px;background:#fff;border:1px solid var(--gray-100);border-radius:16px;}
.steps .step::before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);}
.steps .step h3{font-size:1rem;margin-bottom:4px;}
.steps .step p{margin:0;font-size:.92rem;}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px;}
/* blog */
.blog-grid .post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;color:inherit;transition:transform .18s, box-shadow .18s;}
.blog-grid .post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.post-card .post-img{aspect-ratio:16/9;background:linear-gradient(135deg,var(--gray-100),var(--aqua-light));display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;}
.post-card .post-img img{width:100%;height:100%;object-fit:cover;}
.post-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.post-meta{font-size:.78rem;color:var(--gray-400);font-weight:600;margin-bottom:8px;display:flex;gap:10px;flex-wrap:wrap;}
.post-meta .cat{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;}
.post-card h3{font-size:1.08rem;}
.post-card p{font-size:.92rem;}
.post-card .card-link{margin-top:auto;color:var(--ink-lighter);font-weight:700;font-size:.88rem;}
.blog-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px;}
.blog-filter button{border:1.5px solid var(--gray-200);background:#fff;border-radius:999px;padding:9px 18px;font-weight:600;font-size:.86rem;color:var(--ink);cursor:pointer;font-family:var(--font);}
.blog-filter button.active,.blog-filter button:hover{background:var(--ink);border-color:var(--ink);color:#fff;}
.article-hero{padding:24px 0 30px;}
.article-hero h1{font-size:clamp(1.8rem,3.4vw,2.7rem);max-width:860px;}
.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);margin:10px 0 30px;}
.toc{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:16px;padding:18px 22px;margin:0 0 28px;}
.toc strong{display:block;color:var(--ink);font-family:var(--font-head);margin-bottom:8px;}
.toc ol{margin:0;padding-left:1.2em;}
.toc a{color:var(--ink-lighter);font-weight:600;}
.author-box{display:flex;gap:16px;align-items:center;background:var(--gray-50);border-radius:16px;padding:18px 20px;margin-top:36px;}
.author-box .av{width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--font-head);flex-shrink:0;}
.author-box p{margin:0;font-size:.9rem;}
.side-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:20px;}
.side-card h3{font-size:1rem;}
.side-card a.side-link{display:block;padding:8px 0;border-bottom:1px solid var(--gray-100);color:var(--ink-lighter);font-weight:600;font-size:.9rem;}
.side-card a.side-link:last-child{border-bottom:none;}
@media(max-width:600px){
  .section{padding:52px 0;}
  .container{padding:0 16px;}
  .breadcrumb{padding:14px 16px;}
  .cta-band{padding:30px 22px;}
  .hero-grid{padding:28px 16px 60px;gap:28px;}
  .hero{padding-top:30px;}
  .offer-actions .btn{min-width:0;width:100%;}
  table.specs th,table.specs td{padding:10px 12px;font-size:.86rem;}
}
@media(max-width:600px){
  .offer-actions{flex-direction:column;}
  .offer-actions .btn{white-space:nowrap;}
  table.compare{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  table.compare th,table.compare td{padding:10px 12px;font-size:.86rem;}
}
.breadcrumb span[aria-current]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* =========================================================
   v4 — formulaires, popup, WhatsApp flottant, cookies
   ========================================================= */
.lead-section{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-lighter) 100%);color:#fff;}
.lead-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center;}
@media(max-width:900px){.lead-grid{grid-template-columns:1fr;gap:28px;}}
.lead-copy h2,.lead-copy p{color:#fff;}
.lead-copy .eyebrow{color:var(--aqua-light);}
.lead-alt{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.check-list.light li{color:rgba(255,255,255,.92);}
.check-list.light li::before{background:var(--accent);}
.lead-box{background:#fff;border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-lg);color:var(--gray-900);}
.lead-form .lf-title{font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--ink);margin:0 0 4px;}
.lead-form .lf-sub{font-size:.88rem;margin:0 0 14px;}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;}
.lf-grid .full{grid-column:1/-1;}
@media(max-width:520px){.lf-grid{grid-template-columns:1fr;}}
.lead-form .form-field{margin-bottom:12px;}
.lead-form label{font-size:.8rem;}
.lead-form .opt{font-weight:400;color:var(--gray-400);}
.form-field input,.form-field select,.form-field textarea{font-size:16px;min-height:46px;}
.form-field .invalid,.lead-form .invalid{border-color:#E0463B !important;background:#FFF5F4;}
.lf-consent{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--gray-600);margin:4px 0 14px;line-height:1.4;cursor:pointer;}
.lf-consent input{width:20px;height:20px;flex-shrink:0;margin-top:1px;accent-color:var(--ink-lighter);}
.lf-consent a{color:var(--ink-lighter);text-decoration:underline;}
.lf-submit{width:100%;justify-content:center;font-size:1rem;padding:16px;}
.lf-submit:disabled{opacity:.7;cursor:wait;}
.lf-status{font-size:.88rem;font-weight:600;margin:10px 0 0;min-height:1em;}
.lf-status.err{color:#C0392B;}
.lf-status a{color:var(--ink-lighter);text-decoration:underline;}
.lf-trust{font-size:.78rem;color:var(--gray-400);margin:8px 0 0;text-align:center;}
.lf-trust a{color:var(--ink-lighter);font-weight:700;}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}
.hero-form{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-lg);border-top:5px solid var(--accent);}
/* modal */
.lead-modal{position:fixed;inset:0;z-index:600;display:flex;align-items:center;justify-content:center;padding:16px;}
.lead-modal[hidden]{display:none;}
.lm-backdrop{position:absolute;inset:0;background:rgba(11,40,42,.62);}
.lm-box{position:relative;background:#fff;border-radius:22px;max-width:460px;width:100%;padding:28px 24px 22px;box-shadow:var(--shadow-lg);max-height:92vh;overflow-y:auto;border-top:6px solid var(--accent);}
.lm-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:none;background:var(--gray-100);color:var(--ink);font-size:1rem;cursor:pointer;}
.lm-h{font-family:var(--font-head);font-weight:800;font-size:1.45rem;color:var(--ink);margin:0 0 6px;line-height:1.2;}
.lm-p{font-size:.92rem;margin-bottom:14px;}
.lead-modal .lf-grid{grid-template-columns:1fr 1fr;}
.lead-modal .lf-grid .form-field:nth-child(4){grid-column:1/-1;}
body.modal-open{overflow:hidden;}
/* WhatsApp flottant (bureau) */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:150;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:transform .15s;}
.wa-float:hover{transform:scale(1.07);}
@media(max-width:700px){.wa-float{display:none;}}
/* cookies */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:400;max-width:720px;margin:0 auto;background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);padding:16px 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.88rem;}
.cookie-banner[hidden]{display:none;}
.cookie-banner p{margin:0;flex:1;min-width:220px;}
.cookie-banner a{color:var(--ink-lighter);text-decoration:underline;}
@media(max-width:700px){.cookie-banner{bottom:72px;}}
/* divers */
.footer-bottom a{color:rgba(255,255,255,.7);}
.footer-bottom a:hover{color:#fff;}
.review-box{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow);}
.review-box .big{font-family:var(--font-head);font-size:2.4rem;font-weight:800;color:var(--ink);line-height:1;}
.promise-grid .card{padding:24px;}
.city-links{display:flex;flex-wrap:wrap;gap:8px;}
.city-links a{background:#fff;border:1.5px solid var(--gray-200);border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;color:var(--ink);}
.city-links a:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.btn-outline{border-color:rgba(255,255,255,.85);}
.hero .btn-outline{border-color:var(--ink);color:var(--ink);}
.hero .btn-outline:hover{background:var(--ink);color:#fff;}
.merci-box{max-width:720px;margin:0 auto;text-align:center;}
.merci-box .ok{width:84px;height:84px;border-radius:50%;background:var(--ink-lighter);color:#fff;font-size:2.4rem;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.hero-prices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.hero-prices span{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:999px;padding:6px 12px;font-size:.8rem;color:var(--gray-600);}
.hero-prices strong{color:var(--ink);}
.hero-form .lead-form .lf-title{font-size:1.15rem;}
.card-icon{font-family:var(--font-head);font-weight:800;color:var(--ink);}
.lead-modal .lf-grid .form-field:nth-child(4){display:none;}
@media(max-width:600px){
  .lm-box{padding:22px 18px 16px;border-radius:20px;}
  .lm-h{font-size:1.25rem;}
  .lm-p{font-size:.86rem;margin-bottom:10px;}
  .lead-modal .lf-grid{grid-template-columns:1fr 1fr;}
  .lead-modal .lf-grid .form-field:nth-child(3){grid-column:1/-1;}
  .lead-modal .lf-trust{display:none;}
}
@media(max-width:860px){.product-gallery{aspect-ratio:auto;height:260px;padding:18px;}.product-gallery img{height:100%;width:auto;}}
/* v5 — galerie photos réelles & avis */
.gallery{display:grid;gap:14px;margin-top:22px;}
.gallery.g4{grid-template-columns:repeat(4,1fr);}
.gallery.g3{grid-template-columns:repeat(3,1fr);}
.gallery.g2{grid-template-columns:repeat(2,1fr);}
@media(max-width:900px){.gallery.g4,.gallery.g3{grid-template-columns:repeat(2,1fr);}}
.g-item{margin:0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow);position:relative;}
.g-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;}
.g-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;font-size:.78rem;font-weight:600;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));line-height:1.3;}
.testimonial{margin:0;display:flex;flex-direction:column;}
.testimonial blockquote{margin:0 0 12px;color:var(--gray-900);font-size:.98rem;line-height:1.55;}
.testimonial .author span{font-weight:400;color:var(--gray-400);font-size:.8rem;}
.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;}
.rv-score{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gray-100);border-radius:999px;padding:10px 18px;box-shadow:var(--shadow);color:var(--ink);font-weight:700;font-size:.9rem;}
.rv-score strong{font-family:var(--font-head);font-size:1.4rem;}
.rv-score .stars{margin:0;font-size:1rem;}
.content-photo.real{object-fit:cover;}
@media(max-width:600px){.g-item figcaption{font-size:.72rem;padding:22px 10px 8px;}}
/* v6 fenêtre appel (PC) */
#call-box{position:fixed;z-index:700;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(10,30,60,.35);padding:28px 24px 22px;text-align:center;}
#call-box .cb-x{position:absolute;top:8px;right:12px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#667;}
#call-box .cb-t{margin:0;font-weight:600;color:var(--ink);}
#call-box .cb-n{margin:6px 0 4px;font-size:30px;font-weight:800;color:var(--accent);letter-spacing:.5px;}
#call-box .cb-s{margin:0 0 16px;font-size:14px;color:#556;}
#call-box .cb-a{display:flex;flex-direction:column;gap:8px;}
#call-box .cb-a .btn{width:100%;justify-content:center;}
#call-box .btn-wa{background:#25D366;color:#fff;}
#call-box .btn-outline{border-color:var(--ink);color:var(--ink);}
/* v6 fiche produit : points clés */
.keyfacts{margin:-4px 0 12px;font-weight:600;color:var(--ink-lighter);font-size:.98rem;}

/* final review 2026-10-03 */
.btn-primary{background:#D9482A}
.btn-primary:hover{background:#C23E22}
.mobile-call-bar-inner a.whatsapp,.btn-whatsapp,#call-box .btn-wa{background:#128C7E}
:root{--gray-400:#5F7B7B}
.mobile-call-bar-inner a.call{background:#D9482A}
.cookie-banner{left:0;right:0;bottom:0;max-width:none;margin:0;border-radius:0;padding:10px 24px;font-size:.84rem;justify-content:center}
.cookie-banner p{flex:0 1 auto}
@media(max-width:700px){.cookie-banner{bottom:56px;padding:10px 14px;gap:8px}.cookie-banner p{min-width:0;flex-basis:100%}
  .hero .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}