/* =====================================================================
   LITTORAL — Six Fours Bois · DM Serif Display + Karla · sable #FBF6EE · lagon #0F766E
   ===================================================================== */
:root{
  --bg:#FBF6EE;--surface:#FFFFFF;--card:#FFFFFF;--card2:#F3EADB;--sand:#F3EADB;
  --accent:#0F766E;--accent-2:#E07A3F;--accent-dim:rgba(15,118,110,.09);
  --brand:#0F766E;--brand-d:#0B5D57;--accent-d:#0B5D57;
  --text:#23312F;--ink:#23312F;--dark:#12302D;--muted:#7C7568;--muted2:#5E584C;
  --line:#EADFCD;--r:22px;--r-sm:14px;
  --sh:0 2px 8px rgba(35,49,47,.05);--sh-h:0 20px 44px rgba(35,49,47,.12);
  --font-h:'DM Serif Display',Georgia,serif;--font-b:'Karla',Arial,sans-serif;
  --wrap:1260px;
}
body{background:var(--bg);font-family:var(--font-b);color:var(--text);font-size:16px}
h1,h2,h3,h4{font-family:var(--font-h);font-weight:400;letter-spacing:0}
.wrap{max-width:1260px;padding:0 28px}
.li-script{font-family:var(--font-h);font-style:italic;color:var(--accent-2);font-size:21px;display:block}

.li-head{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.li-over{background:var(--bg);border-bottom:1px solid var(--line);color:inherit}
.li-head-in{max-width:1280px;margin:0 auto}
.li-head-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px}
.li-nav{display:flex;gap:28px;align-items:center;font-weight:600;font-size:15px}
.li-nav a{color:inherit}.li-nav a:hover{color:var(--accent-2)}
.li-nav-r{justify-self:end}
.li-logo{display:flex;align-items:center;gap:10px;color:inherit}
.li-logo img{width:42px;height:42px;object-fit:contain;background:#fff;border-radius:50%;padding:4px}
.li-logo span{font-family:var(--font-h);font-size:30px;white-space:nowrap}
.li-logo-t{display:flex !important;flex-direction:column;line-height:1.05;white-space:nowrap}
.li-logo-t b{font-family:var(--font-h);font-size:26px;font-weight:600}
.li-logo-t small{font-family:var(--font-b);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-weight:600}
.li-ic svg{width:21px;height:21px}
.li-cart{border:1.5px solid currentColor;border-radius:999px;padding:8px 16px}
.li-burger{display:none;background:none;border:0;color:inherit;justify-self:start}.li-burger svg{width:28px;height:28px}

.home-main{padding:0}
.li-hero{position:relative;min-height:760px;background:var(--dark) center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
.li-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,30,28,.55),rgba(10,30,28,.35) 45%,rgba(10,30,28,.6))}
.li-hero-in{position:relative;max-width:900px;padding-top:120px;padding-bottom:120px}
.li-hero .li-script{color:#FBD5B5;font-size:26px}
.li-hero h1{font-size:76px;line-height:1.02;margin:14px 0 0}
.li-hero p{font-size:19px;max-width:56ch;margin:22px auto 0;color:#EFE7DA;line-height:1.6}
.li-hero-cta{display:flex;gap:14px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.li-btn{display:inline-block;background:var(--accent);color:#fff;border-radius:999px;padding:15px 30px;font-weight:700;letter-spacing:.02em}
.li-btn:hover{background:var(--brand-d);color:#fff}
.li-btn-ghost{background:rgba(255,255,255,.14);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6)}
.li-wave{display:block;width:100%;height:60px}
.li-wave path{fill:var(--bg)}
.li-wave-hero{position:absolute;left:0;right:0;bottom:-1px}

.li-sec{padding-top:80px}
.li-circles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center;padding-top:40px}
.li-circles a{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text)}
.li-circle{width:210px;height:210px;border-radius:50%;overflow:hidden;background:var(--sand);box-shadow:0 0 0 8px #fff,var(--sh-h);transition:transform .3s}
.li-circle img{width:100%;height:100%;object-fit:cover}
.li-circles a:hover .li-circle{transform:translateY(-6px)}
.li-circles b{font-family:var(--font-h);font-weight:400;font-size:24px;margin-top:14px}
.li-circles small{color:var(--accent);font-weight:700}

.li-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.li-split-img{border-radius:220px 220px 24px 24px;overflow:hidden;aspect-ratio:4/4.6;background:var(--sand)}
.li-split-img img{width:100%;height:100%;object-fit:cover}
.li-split-txt h2{font-size:46px;line-height:1.08;margin:10px 0 18px}
.li-split-txt p{color:var(--muted2);line-height:1.8;font-size:17px}
.li-split-txt ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}
.li-split-txt li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px}
.li-split-txt li b{font-family:var(--font-h);font-weight:400;font-size:24px;color:var(--accent);margin-right:8px}

.li-h{text-align:center;margin-bottom:34px}.li-h h2{font-size:48px;margin-top:4px}
.li-grid{grid-template-columns:repeat(4,1fr);gap:22px}
.li-center{text-align:center;margin-top:34px}

.li-calcband{background:var(--accent);margin-top:90px;padding:80px 0}
.calc{display:grid;grid-template-columns:1fr 1fr;gap:50px;color:#E6F4F1;align-items:center}
.calc .eyebrow{font-family:var(--font-h);font-style:italic;color:#FBD5B5;font-size:22px;text-transform:none}
.calc-h{font-size:46px;line-height:1.05;margin:6px 0 10px;color:#fff}
.calc-p{color:#BFE3DC}
.calc-row{margin-top:24px}.calc-lab{display:flex;justify-content:space-between;font-weight:700}
.calc input[type=range]{width:100%;margin-top:10px;accent-color:#FBD5B5}
.calc-opts{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.calc-opts button{border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:10px 18px;font-weight:700}
.calc-opts button.on{background:#fff;color:var(--accent);border-color:#fff}
.calc-r{background:var(--bg);color:var(--text);border-radius:30px;padding:40px;display:flex;flex-direction:column;text-align:center}
.calc-eye2{font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted)}
.calc-big{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:8px}
.calc-big b{font-family:var(--font-h);font-weight:400;font-size:110px;line-height:.95;color:var(--accent)}
.calc-big span{font-family:var(--font-h);font-style:italic;font-size:28px;color:var(--accent-2)}
.calc-sub{color:var(--muted2);line-height:1.6}
.calc-line{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);text-align:left}
.calc-btn{margin-top:22px;display:block;background:var(--accent-2);color:#fff;border-radius:999px;padding:15px;font-weight:700}
.calc-btn:hover{color:#fff;filter:brightness(1.05)}
.calc-note{font-size:12.5px;color:var(--muted);margin-top:12px}.calc-note a{color:var(--accent)}

.li-guide{padding-bottom:90px}
.li-guide-g{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.li-guide-g>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px}
.li-guide-g small{color:var(--accent-2);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.li-guide-g h3{font-size:30px;margin:8px 0 10px}
.li-guide-g p{color:var(--muted2);line-height:1.7}

.li-foot{margin-top:0;background:var(--bg)}
.page-main+.li-foot,.sticky-buy+.li-foot{margin-top:80px}
.li-foot .li-wave path{fill:var(--dark)}
.li-foot-in{background:var(--dark);color:#B9CCC8;padding:40px 0 26px}
.li-foot-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.1)}
.li-foot-logo{font-family:var(--font-h);font-size:40px;color:#fff}
.li-foot-brand em{font-family:var(--font-h);color:#FBD5B5;font-size:19px}
.li-foot-search{display:flex;background:rgba(255,255,255,.08);border-radius:999px;padding:5px;min-width:320px}
.li-foot-search input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:8px 14px;font:inherit}
.li-foot-search button{border:0;border-radius:999px;background:var(--accent-2);color:#fff;font-weight:700;padding:8px 18px}
.li-foot-g{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-top:34px}
.li-foot h4{font-family:var(--font-h);font-weight:400;color:#fff;font-size:22px;margin-bottom:12px}
.li-foot-g a{display:block;color:#B9CCC8;padding:4px 0}.li-foot-g a:hover{color:#fff}
.li-foot-g p{line-height:1.7;font-size:14.5px}
.li-foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:36px;font-size:13px}
.li-foot-bot a{color:#B9CCC8;margin-left:16px}
.li-foot .ph-legal{background:rgba(251,213,181,.12);color:#FBD5B5}

/* pages intérieures */
.page-main{padding-top:30px}
.page-h1,.prose h1,.pinfo h1{font-family:var(--font-h);font-weight:400;font-size:46px;line-height:1.08;margin:10px 0 22px}
.card{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--sh);overflow:hidden;background:#fff}
.card:hover{box-shadow:var(--sh-h)}
.card .name{font-weight:700}
.card .price b{font-family:var(--font-h);font-weight:400;font-size:24px;color:var(--accent)}
.btn,.btn-card-link{border-radius:999px}
.btn-card-link{background:var(--sand);color:var(--text);border:0;width:100%;padding:11px;font-weight:700}
.btn-card-link:hover{background:var(--accent);color:#fff}
.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-primary:hover{background:var(--brand-d)}
.panel,.summary,.buybox,.shop .side{border-radius:var(--r);border:1px solid var(--line);background:#fff}
.priceblk .now{font-family:var(--font-h);font-weight:400;color:var(--accent)}
.pdp .gallery .main{border-radius:var(--r);border:1px solid var(--line);background:#fff}
.prose{max-width:840px}.prose h2{font-size:30px;margin:32px 0 10px}.prose a{color:var(--accent);text-decoration:underline}
.legal-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin:14px 0}
.ct-tiles{border-radius:var(--r)}.ct-v{font-family:var(--font-h)}
.cookie-banner{border-radius:22px}

@media(max-width:1050px){
  .li-nav{display:none}.li-burger{display:block}.li-head-in{grid-template-columns:auto 1fr auto}.li-logo{justify-self:center}
  .li-hero h1{font-size:52px}.li-hero{min-height:620px}
  .li-circles{grid-template-columns:1fr 1fr}.li-circle{width:170px;height:170px}
  .li-split,.calc{grid-template-columns:1fr}.li-grid{grid-template-columns:repeat(2,1fr)}
  .li-guide-g,.li-foot-g{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .wrap{padding:0 16px}.li-logo span{font-size:22px}
  .li-hero h1{font-size:40px}.li-h h2,.li-split-txt h2,.calc-h{font-size:34px}
  .li-circle{width:130px;height:130px}.li-circles b{font-size:19px}
  .li-guide-g,.li-foot-g{grid-template-columns:1fr}.li-foot-search{min-width:0;width:100%}
  .calc-big b{font-size:80px}
}
.calc-r .eyebrow{font-family:var(--font-b);font-style:normal;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.li-hero .hero-video{z-index:0}.li-hero:before{z-index:1}.li-hero-in{z-index:2}.li-wave-hero{z-index:2}

/* --- Topbar (Livraison/Retours links) + Catalogue dropdown --- unifié avec foyer --- */
.li-top{background:var(--dark);color:#DBE7EC;font-size:12.5px;letter-spacing:.04em;padding:8px 0}
.li-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.li-top-l{white-space:nowrap}
.li-top-r{display:flex;gap:18px}
.li-top a{color:#DBE7EC}
.li-top-r a{padding:0 4px}
.li-top-r a:hover{text-decoration:underline;color:#fff}
.li-promo-r a{color:inherit;padding:0 6px}
.li-promo-r a:hover{text-decoration:underline}
.li-promo .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;text-align:left}
.li-drop{position:relative;display:inline-block}
.li-drop-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.li-drop-btn svg{opacity:.6;transition:transform .2s}
.li-drop:hover .li-drop-btn svg,.li-drop:focus-within .li-drop-btn svg{transform:rotate(180deg)}
.li-drop-menu{position:absolute;top:100%;left:-14px;min-width:240px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px 0;margin-top:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s;z-index:60;text-transform:none;letter-spacing:0;font-weight:400}
.li-drop:hover .li-drop-menu,.li-drop:focus-within .li-drop-menu{opacity:1;visibility:visible;transform:translateY(0)}
.li-drop-menu a{display:block;padding:9px 20px;font-size:14.5px;color:var(--text);white-space:nowrap}
.li-drop-menu a:hover{background:rgba(0,0,0,.05);color:var(--accent)}

/* --- Icônes moyens de paiement dans le footer --- */
.li-paylogos{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.li-paylogos .paycards{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.li-paylogos .paycards svg{display:block}

/* --- Carte dans le footer --- */
.li-foot-map{margin:14px 0;border:1px solid rgba(0,0,0,.08);overflow:hidden;border-radius:4px}
.li-foot-map .mapwrap{margin:0}
.li-foot-map .maplink{display:block;padding:8px 10px;font-size:12px;color:inherit;background:rgba(0,0,0,.06);text-decoration:none}
.li-foot-map .maplink:hover{opacity:.8}

/* --- Каталог LITTORAL: САЙДБАР СПРАВА, 3 колонки, цена pill'ом поверх фото --- */
body.sk-littoral .shop{grid-template-columns:1fr 240px;gap:28px}
body.sk-littoral .shop>.side{order:2}
body.sk-littoral .shop>div:not(.side){order:1;padding:0 4px}
body.sk-littoral .side{background:#F1F7FA;border:1px solid #DAE6EF;border-radius:14px;border-right:1px solid #DAE6EF;padding:8px 0}
body.sk-littoral .side h3{color:#0F6E96}
body.sk-littoral .grid{grid-template-columns:repeat(3,1fr);gap:14px;background:transparent}
body.sk-littoral .card{position:relative;background:#fff;border:1px solid #DAE6EF;border-radius:14px;overflow:hidden}
body.sk-littoral .card:hover{border-color:#5CA5C7;box-shadow:0 8px 24px rgba(92,165,199,.16)}
body.sk-littoral .card .ph{aspect-ratio:1/1;background:linear-gradient(180deg,#F1F7FA 0%,#DEEBF3 100%);padding:22px;border-bottom:0}
body.sk-littoral .card .body{padding:14px 16px 18px}
body.sk-littoral .card .name{font-family:var(--font-h);font-size:15.5px;color:#123E52;font-weight:600;min-height:42px;line-height:1.3}
body.sk-littoral .card .stock{display:none}
body.sk-littoral .card .price{position:absolute;top:12px;right:12px;background:rgba(15,110,150,.94);color:#fff;padding:6px 12px;border-radius:99px;margin:0;z-index:2;display:flex;align-items:baseline;gap:6px}
body.sk-littoral .card .price b{color:#fff;font-family:var(--font-h);font-size:15px;font-weight:800}
body.sk-littoral .card .price .old{color:rgba(255,255,255,.7);font-size:11px}
body.sk-littoral .card .btn-card-link{background:#0F6E96;color:#fff;border-radius:99px;padding:10px 16px;font-size:13px}
body.sk-littoral .card .btn-card-link:hover{background:#0A5375}
body.sk-littoral .toolbar{border:1px solid #DAE6EF;background:#F1F7FA;padding:12px 18px;border-radius:14px;margin-bottom:16px}
@media(max-width:900px){body.sk-littoral .shop{grid-template-columns:1fr}body.sk-littoral .shop>.side{order:-1}}

/* HERO-FIRE-POS : sur mobile, cadrer le feu (à gauche de la photo) */
@media (max-width:700px){.li-hero{background-position:18% center}.li-hero video,.li-hero .hero-video{object-position:18% center}}