/* Casa Bazar — « Ficha técnica ». Tokens : DESIGN.md */
@font-face{font-family:"Archivo";src:url(fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(fonts/plex-mono.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --papel:#F4F3EF;
  --carbon:#161616;
  --grafito:#5E5E59;
  --linea:#D9D7D0;
  --brasa:#C4471A;
  --foto:#EAE8E2;
  --radius-none:0;
  --radius-field:2px;
  --font-sans:"Archivo",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
  --fs-1:13px; --fs-2:15px; --fs-3:20px; --fs-4:32px; --fs-5:56px; --fs-wordmark:clamp(88px,16vw,220px);
  --wrap:1360px;
}
*,*::before,*::after{box-sizing:border-box;border-radius:var(--radius-none)}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--carbon) var(--papel)}
body{margin:0;background:var(--papel);color:var(--carbon);font:400 var(--fs-2)/1.55 var(--font-sans)}
::selection{background:var(--carbon);color:var(--papel)}
img{display:block;max-width:100%;height:auto}
a{color:var(--carbon);text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .12s linear}
a:hover{background-size:100% 1px}
:focus-visible{outline:2px solid var(--carbon);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:16px;top:-60px;background:var(--carbon);color:var(--papel);padding:12px 16px;z-index:10}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
@media (max-width:760px){.wrap{padding:0 16px}}
h1,h2,h3{font-family:var(--font-sans);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0;text-wrap:balance}
h2{font-size:var(--fs-4)}
p{margin:0;max-width:68ch;text-wrap:pretty}
.mono,.num,td.num,th.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.ul{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;background:none}
.ul:hover{text-decoration-thickness:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--carbon);color:var(--papel);font:600 var(--fs-2)/1 var(--font-sans);border:1px solid var(--carbon);cursor:pointer;background-image:none}
.btn:hover{background:var(--papel);color:var(--carbon)}
.btn--block{width:100%}
.txt-btn{background:none;border:0;padding:0;min-height:44px;font:600 var(--fs-2)/1 var(--font-sans);color:var(--carbon);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer}
.txt-btn:hover{text-decoration-thickness:2px}

/* en-tête */
.top{border-bottom:1px solid var(--linea)}
.top .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:64px}
.brand{font:300 24px/1 var(--font-sans);font-stretch:125%;letter-spacing:-.01em;background:none}
.nav{display:flex;gap:28px;list-style:none;margin:0;padding:0;justify-self:center}
.nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--brasa)}
.util{display:flex;gap:24px;align-items:center}
.util a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}
.util .n{font-family:var(--font-mono);margin-left:6px}
/* menu mobile : voir « cabeçalho responsivo » plus bas */

/* 1. héros */
.hero{padding:32px 0 64px;border-bottom:1px solid var(--linea)}
.wordmark{font:300 var(--fs-wordmark)/.9 var(--font-sans);font-stretch:125%;letter-spacing:-.03em;margin:0 0 40px;white-space:nowrap;overflow:hidden}
.hero__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start}
.hero h1{font-size:var(--fs-4);font-weight:400;max-width:22ch;margin-bottom:32px}
.search{display:flex;max-width:560px;margin-bottom:20px}
.search label{position:absolute;left:-9999px}
.search input{flex:1;min-width:0;min-height:52px;border:1px solid var(--carbon);border-right:0;border-radius:var(--radius-field) 0 0 var(--radius-field);background:var(--papel);padding:0 16px;font:inherit;color:var(--carbon)}
.search input::placeholder{color:var(--grafito)}
.search button{min-height:52px;padding:0 22px;border:1px solid var(--carbon);border-radius:0 var(--radius-field) var(--radius-field) 0;background:var(--carbon);color:var(--papel);font:600 var(--fs-2) var(--font-sans);cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.chips a{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:1px solid var(--carbon);background:none}
.chips a:hover{background:var(--carbon);color:var(--papel)}
.chips .num{font-size:var(--fs-1)}
.hero figure{margin:0}
.hero figure{background:var(--foto)}
.hero figure img{width:100%;aspect-ratio:1;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.hero figcaption{background:var(--papel);padding:10px 12px 12px}
.hero figcaption{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--carbon);margin-top:12px;padding-top:8px;font:400 var(--fs-1) var(--font-mono);color:var(--grafito)}
@media (max-width:900px){.hero__cols{grid-template-columns:1fr;gap:40px}.wordmark{white-space:normal}}

/* sections */
.sec{padding:72px 0;border-bottom:1px solid var(--linea)}
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:24px;flex-wrap:wrap}
.sec-head p{color:var(--grafito)}

/* 2. comparatif */
.table-wrap{overflow-x:auto;padding:6px 0;border-top:1px solid var(--carbon);border-bottom:1px solid var(--carbon)}
.cmp{width:100%;border-collapse:collapse;min-width:880px}
.cmp caption{text-align:left}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--linea);text-align:left;vertical-align:baseline;white-space:nowrap}
.cmp td.num,.cmp th.num{text-align:right}
.cmp thead th{font:600 var(--fs-1)/1.2 var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grafito);border-bottom:1px solid var(--carbon);padding:0}
.cmp thead th button{all:unset;display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:12px 14px;min-height:44px;cursor:pointer}
.cmp thead th.num button{justify-content:flex-end}
.cmp thead th button:focus-visible{outline:2px solid var(--carbon);outline-offset:-2px}
.cmp thead th[aria-sort] button{color:var(--carbon)}
.cmp thead th[aria-sort] button::after{content:"";width:0;height:0;border:5px solid transparent;border-top-color:currentColor;margin-top:5px}
.cmp thead th[aria-sort=ascending] button::after{border-top-color:transparent;border-bottom-color:currentColor;margin:-5px 0 0}
.cmp tbody th{font-weight:500;white-space:normal;min-width:260px}
.cmp tbody tr:hover{background:var(--foto)}
.best .unit::before{content:"";display:inline-block;width:8px;height:8px;background:var(--brasa);margin-right:8px;vertical-align:.1em}
.cmp .tag{display:block;font:400 var(--fs-1)/1.2 var(--font-mono);color:var(--carbon)}
.cmp tbody th a{background:none;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linea)}
.cmp tbody th a:hover{text-decoration-color:currentColor}
.note{margin-top:14px;font-size:var(--fs-1);color:var(--grafito)}
@media (max-width:760px){.cmp tbody th{position:sticky;left:0;background:var(--papel);min-width:200px;border-right:1px solid var(--linea)}}

/* 3. catégories en liste */
.list{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--carbon)}
.list li{border-bottom:1px solid var(--linea)}
.list a{display:grid;grid-template-columns:1fr auto 32px;align-items:center;gap:24px;min-height:72px;padding:14px 0;font-size:var(--fs-3);background:none}
.list a:hover .t{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.list .num{font-size:var(--fs-2);color:var(--grafito)}
.list svg{width:24px;height:24px}

/* 4. grille fiche technique */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid var(--carbon);border-left:1px solid var(--linea)}
.grid>li{border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);padding:16px;display:flex;flex-direction:column}
.grid .ph{display:block;background:var(--foto);margin-bottom:14px}
.grid .ph img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.grid .ref{font:400 var(--fs-1) var(--font-mono);color:var(--grafito)}
.grid h3{font-size:var(--fs-2);font-weight:600;line-height:1.3;margin:6px 0 12px}
.grid dl{margin:0 0 16px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font:400 var(--fs-1)/1.5 var(--font-mono)}
.grid dt{color:var(--grafito)}
.grid dd{margin:0;text-align:right}
.grid .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:12px;border-top:1px solid var(--linea);padding-top:12px}
.grid .p{font:400 var(--fs-3)/1 var(--font-mono)}
.grid .u{display:block;font:400 var(--fs-1)/1.4 var(--font-mono);color:var(--grafito);margin-top:4px}
@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}

/* 5. bande carbón */
.band{background:var(--carbon);color:var(--papel);padding:28px max(32px, calc((100vw - 1360px) / 2 + 32px))}
.band>.wrap{padding:0}
.band ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 40px;font:400 var(--fs-2)/1.5 var(--font-mono);justify-content:space-between}
.band b{font-weight:400;color:var(--linea);margin-right:10px}
.band a{color:var(--papel)}
@media (max-width:760px){.band{padding:24px 16px}.band ul{flex-direction:column}}

/* 6. pied de page */
.foot-site{padding:56px 0 32px}
.foot-site .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--carbon)}
.foot-site .cols>div{padding:24px 24px 24px 0;border-right:1px solid var(--linea)}
.foot-site .cols>div+div{padding-left:24px}
.foot-site .cols>div:last-child{border-right:0}
.foot-site h2{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.08em;color:var(--grafito);margin-bottom:14px;font-weight:600}
.foot-site ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot-site address{font-style:normal}
.foot-site .legal{margin-top:32px;font:400 var(--fs-1) var(--font-mono);color:var(--grafito)}
@media (max-width:900px){.foot-site .cols{grid-template-columns:1fr 1fr}.foot-site .cols>div{padding-left:0!important;border-right:0;border-bottom:1px solid var(--linea)}}
@media (max-width:520px){.foot-site .cols{grid-template-columns:1fr}}

/* catégorie */
.crumbs{font:400 var(--fs-1) var(--font-mono);color:var(--grafito);padding:16px 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:8px}
.cat-head{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:24px 0;border-bottom:1px solid var(--carbon);flex-wrap:wrap}
.cat-head h1{font-size:var(--fs-5);font-weight:300;font-stretch:125%;letter-spacing:-.02em}
.view{display:flex;gap:4px;padding:4px;border:1px solid var(--carbon)}
.view button{min-height:44px;padding:0 16px;border:0;background:none;font:500 var(--fs-2) var(--font-sans);cursor:pointer;color:var(--carbon)}
.view button[aria-pressed=true]{background:var(--carbon);color:var(--papel)}
.cat-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding:32px 0 72px}
.side fieldset{border:0;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--linea)}
.side legend{font:600 var(--fs-1) var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--grafito);margin-bottom:12px;padding:0}
.side label{display:flex;align-items:center;gap:10px;min-height:36px;cursor:pointer}
.side input{width:18px;height:18px;margin:0;accent-color:var(--carbon);border-radius:var(--radius-field)}
.side .num{margin-left:auto;font-size:var(--fs-1);color:var(--grafito)}
.count{font:400 var(--fs-1) var(--font-mono);color:var(--grafito);margin-bottom:12px}
.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--carbon)}
.rows li{display:grid;grid-template-columns:72px minmax(0,2.4fr) repeat(4,minmax(0,1fr)) auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--linea)}
.rows img{width:72px;height:72px;object-fit:contain;background:var(--foto);mix-blend-mode:multiply}
.rows .t{font-weight:500}
.rows .num{text-align:right;font-size:var(--fs-2)}
.rows .k{display:block;font:400 var(--fs-1) var(--font-sans);color:var(--grafito);text-align:right}

.rows-head{display:grid;grid-template-columns:72px minmax(0,2.4fr) repeat(4,minmax(0,1fr)) auto;gap:16px;padding:0 0 8px;font:600 var(--fs-1) var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grafito)}
.rows-head span:nth-child(n+3){text-align:right}
.is-grid .rows-head{display:none}
.is-grid .rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--linea)}
.is-grid .rows li{grid-template-columns:1fr 1fr;padding:16px;border-right:1px solid var(--linea);align-items:start}
.is-grid .rows li>a:first-child{grid-column:1/-1}
.is-grid .rows img{width:100%;height:auto;aspect-ratio:1}
.is-grid .rows .t{grid-column:1/-1}
.is-grid .rows .num,.is-grid .rows .k{text-align:left}
@media (max-width:900px){
  .cat-body{grid-template-columns:1fr}
  .side{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .rows-head{display:none}
  .rows li{grid-template-columns:72px 1fr 1fr;}
  .rows .t{grid-column:2/-1}
  .rows .num,.rows .k{text-align:left}
  .is-grid .rows{grid-template-columns:1fr 1fr}
}

/* fiche produit */
.pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;padding:16px 0 72px;align-items:start}
.pdp .ph{background:var(--foto)}
.pdp .ph img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.pdp .ref{font:400 var(--fs-1) var(--font-mono);color:var(--grafito);margin-bottom:12px}
.pdp h1{font-size:var(--fs-4);margin-bottom:28px}
.sheet{width:100%;border-collapse:collapse;border-top:1px solid var(--carbon);margin-bottom:28px}
.sheet th,.sheet td{padding:10px 0;border-bottom:1px solid var(--linea);text-align:left;font:400 var(--fs-2)/1.4 var(--font-mono)}
.sheet th{color:var(--grafito);width:45%}
.sheet td{text-align:right}
.buyline{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.buyline .p{font:400 var(--fs-5)/1 var(--font-mono);letter-spacing:-.03em}
.buyline .u{font:400 var(--fs-3)/1 var(--font-mono)}
.buyline small{display:block;font:400 var(--fs-1) var(--font-sans);color:var(--grafito);margin-top:6px}
.qty{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.qty label{font-weight:600}
.qty input{width:96px;min-height:48px;border:1px solid var(--carbon);border-radius:var(--radius-field);padding:0 12px;font:400 var(--fs-2) var(--font-mono);background:var(--papel)}
.pdp .links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.desc{border-top:1px solid var(--carbon);padding:32px 0 72px;max-width:72ch}
.desc h2{font-size:var(--fs-3);margin-bottom:16px}
.desc ul{padding-left:1.2em;margin:0;display:grid;gap:6px}
@media (max-width:900px){.pdp{grid-template-columns:1fr;gap:32px}}

/* panier */
.cart-page{padding:24px 0 72px}
.cart-page h1{font-size:var(--fs-5);font-weight:300;font-stretch:125%;margin-bottom:24px}
.cart-t{width:100%;border-collapse:collapse;border-top:1px solid var(--carbon)}
.cart-t th,.cart-t td{padding:14px 12px 14px 0;border-bottom:1px solid var(--linea);text-align:left;vertical-align:middle}
.cart-t thead th{font:600 var(--fs-1) var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grafito)}
.cart-t .num{text-align:right}
.cart-t img{width:64px;height:64px;object-fit:contain;background:var(--foto);mix-blend-mode:multiply}
.cart-t input{width:72px;min-height:44px;border:1px solid var(--carbon);border-radius:var(--radius-field);padding:0 10px;font:400 var(--fs-2) var(--font-mono)}
.totals{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;margin-top:32px}
.totals dl{display:grid;grid-template-columns:1fr auto;margin:0 0 20px;border-top:1px solid var(--carbon)}
.totals dt,.totals dd{padding:10px 0;border-bottom:1px solid var(--linea);margin:0}
.totals dd{text-align:right;font-family:var(--font-mono)}
.totals .tot{font-weight:600;font-size:var(--fs-3)}
@media (max-width:900px){.totals{grid-template-columns:1fr}.cart-t thead{display:none}.cart-t tr{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--linea)}.cart-t td{border:0;padding:0}.cart-t td:first-child{grid-row:span 4}.cart-t .num{text-align:left}}

/* ===== Intégration WordPress / WooCommerce / Elementor (tokens inchangés) ===== */
body .e-con.cv-block{--display:block;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--content-width:100%;--width:100%;padding:0;max-width:none}
.e-con.cv-block>.elementor-widget{margin:0}
.nav li,.menu li{list-style:none}
.foot-site ul.more{margin-top:8px}

.page-body{padding:24px 32px 72px}
.entry h1{font-size:var(--fs-5);font-weight:300;font-stretch:125%;letter-spacing:-.02em;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--carbon)}
.entry__body{max-width:72ch}
.entry__body h2{font-size:var(--fs-3);margin:1.6em 0 .5em}
.entry__body p+p,.entry__body ul,.entry__body ol,.entry__body table{margin-top:1em}
.entry__body ul,.entry__body ol{padding-left:1.2em}
.entry__body a{text-decoration:underline;text-underline-offset:4px;background:none}
.entry__body table{border-collapse:collapse;width:100%;border-top:1px solid var(--carbon)}
.entry__body td,.entry__body th{border-bottom:1px solid var(--linea);padding:10px 12px 10px 0;text-align:left}
.entry__body input[type=text],.entry__body input[type=email],.entry__body input[type=tel],.entry__body textarea{width:100%;min-height:48px;border:1px solid var(--carbon);border-radius:var(--radius-field);background:var(--papel);padding:10px 12px;font:inherit;color:var(--carbon)}
.entry__body button,.entry__body input[type=submit],.wpcf7-submit{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;background:var(--carbon);color:var(--papel);border:1px solid var(--carbon);font:600 var(--fs-2) var(--font-sans);cursor:pointer}
@media (max-width:760px){.page-body{padding:16px 16px 56px}}

.side .cat-link{display:flex;align-items:center;gap:10px;min-height:36px;background:none}
.side .cat-link[aria-current]{font-weight:600}
.side .cat-link[aria-current]::before{content:"";width:8px;height:8px;background:var(--brasa)}
.rows img{width:72px;height:72px}
.crumbs .woocommerce-breadcrumb{margin:0}

/* fiche */
.pdp .buy form.cart{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;margin:0 0 12px}
.pdp .quantity input{width:96px;min-height:48px;border:1px solid var(--carbon);border-radius:var(--radius-field);padding:0 12px;font:400 var(--fs-2) var(--font-mono);background:var(--papel)}
.single_add_to_cart_button,.button,a.button,button.button,input.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 28px;background:var(--carbon);color:var(--papel);border:1px solid var(--carbon);font:600 var(--fs-2)/1 var(--font-sans);cursor:pointer;background-image:none}
.single_add_to_cart_button:hover,.button:hover,a.button:hover,button.button:hover{background:var(--papel);color:var(--carbon)}
.single_add_to_cart_button{width:100%}
.pdp .stock{font:400 var(--fs-1) var(--font-mono);margin:0 0 8px}
.desc p+p{margin-top:1em}

/* avis */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 20px;padding:14px 16px;border:1px solid var(--carbon);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}

/* panier */
.cart-page{padding:24px 32px 72px}
.cart-page .entry h1{border:0;padding:0}
.cart-page .entry__body{max-width:none}
.woocommerce-cart-form table.shop_table{width:100%;border-collapse:collapse;border-top:1px solid var(--carbon)}
.woocommerce-cart-form th,.woocommerce-cart-form td{padding:14px 12px 14px 0;border-bottom:1px solid var(--linea);text-align:left;vertical-align:middle}
.woocommerce-cart-form thead th{font:600 var(--fs-1) var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--grafito)}
.woocommerce-cart-form .product-thumbnail img{width:64px;height:64px;object-fit:contain;background:var(--foto);mix-blend-mode:multiply}
.woocommerce-cart-form .product-name .meta{display:block;font-size:var(--fs-1);color:var(--grafito);margin-top:4px}
.woocommerce-cart-form .product-price,.woocommerce-cart-form .product-subtotal{font-family:var(--font-mono);text-align:right}
.woocommerce-cart-form .product-remove a{display:inline-grid;place-items:center;width:44px;height:44px;background:none;font-size:22px}
.woocommerce-cart-form .quantity input{width:72px;min-height:44px;border:1px solid var(--carbon);border-radius:var(--radius-field);padding:0 10px;font:400 var(--fs-2) var(--font-mono)}
.woocommerce-cart-form td.actions{text-align:right;border:0}
.woocommerce-cart-form .coupon{display:inline-flex;gap:8px;float:left}
.woocommerce-cart-form .coupon input{min-height:44px;border:1px solid var(--carbon);border-radius:var(--radius-field);padding:0 12px;font:inherit}
.cart_totals{max-width:400px;margin:32px 0 0 auto}
.cart_totals h2{font-size:var(--fs-3);margin-bottom:12px}
.cart_totals table{width:100%;border-collapse:collapse;border-top:1px solid var(--carbon);margin-bottom:20px}
.cart_totals th,.cart_totals td{padding:10px 0;border-bottom:1px solid var(--linea);text-align:left}
.cart_totals td{text-align:right;font-family:var(--font-mono)}
.cart_totals .order-total{font-weight:600;font-size:var(--fs-3)}
.wc-proceed-to-checkout .button{width:100%}
@media (max-width:900px){
  .cart-page{padding:16px 16px 56px}
  .woocommerce-cart-form thead{display:none}
  .woocommerce-cart-form table,.woocommerce-cart-form tbody,.woocommerce-cart-form tr,.woocommerce-cart-form td{display:block}
  .woocommerce-cart-form tr.cart_item{display:grid;grid-template-columns:64px 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--linea)}
  .woocommerce-cart-form td{border:0;padding:0;text-align:left!important}
  .woocommerce-cart-form td.product-thumbnail,.woocommerce-cart-form td.product-remove{grid-row:span 2}
  .woocommerce-cart-form td[data-title]:not(.product-name)::before{content:attr(data-title) " ";color:var(--grafito);font:400 var(--fs-1) var(--font-sans)}
  .woocommerce-cart-form .coupon{float:none;display:flex;margin-bottom:8px}
  .cart_totals{max-width:none}
}

/* commande / compte */
.woocommerce form .form-row{margin:0 0 14px}
.woocommerce form .form-row label{display:block;font-weight:600;margin-bottom:6px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,.select2-container .select2-selection{width:100%;min-height:48px;border:1px solid var(--carbon);border-radius:var(--radius-field);background:var(--papel);padding:10px 12px;font:inherit;color:var(--carbon)}
.woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.woocommerce-checkout-review-order{border-top:1px solid var(--carbon);padding-top:16px}
.woocommerce-checkout-review-order table{width:100%;border-collapse:collapse}
.woocommerce-checkout-review-order th,.woocommerce-checkout-review-order td{padding:10px 0;border-bottom:1px solid var(--linea);text-align:left}
#payment ul.payment_methods{list-style:none;padding:0}
@media (max-width:760px){.woocommerce-checkout #customer_details{grid-template-columns:1fr}}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--linea)}
.woocommerce-MyAccount-navigation a{display:inline-flex;min-height:44px;align-items:center}
.woocommerce-MyAccount-navigation .is-active a{box-shadow:inset 0 -2px 0 var(--brasa)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.desc h3,.entry__body h3{font-size:var(--fs-2);font-weight:600;margin:28px 0 10px}
.desc h3:first-of-type{margin-top:0}
.entry__body,.desc{max-width:37em}
.entry__body p,.desc p{max-width:none}
.desc *{max-width:100%;overflow-wrap:anywhere}
.desc table{width:100%;border-collapse:collapse}
.desc td,.desc th{border-bottom:1px solid var(--linea);padding:8px 12px 8px 0;text-align:left;vertical-align:top}
.entry__body,.desc{max-width:34em}
@media (max-width:900px){
  .woocommerce-cart-form tr.cart_item{grid-template-columns:64px minmax(0,1fr);position:relative;padding-right:44px}
  .woocommerce-cart-form td.product-thumbnail{grid-column:1;grid-row:1 / span 4}
  .woocommerce-cart-form td.product-remove{position:absolute;top:8px;right:0}
  .woocommerce-cart-form td.product-name,.woocommerce-cart-form td.product-price,.woocommerce-cart-form td.product-quantity,.woocommerce-cart-form td.product-subtotal{grid-column:2}
}
body .e-con.cv-block{overflow-x:clip}
body .e-con.cv-block>.elementor-widget{width:100%;max-width:100%;min-width:0}

.foot-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}

/* faixa de cookies: três escolhas com o mesmo peso (CNPD) */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin-left:auto;background:var(--papel);color:var(--carbon);border:1px solid var(--carbon);padding:20px}
.consent[hidden]{display:none}
.consent h2{font-size:var(--fs-3);margin-bottom:8px}
.consent p{font-size:var(--fs-2)}
.consent__prefs{display:grid;gap:10px;margin-top:14px}
.consent__prefs label{display:flex;gap:10px;align-items:flex-start}
.consent__prefs input{width:18px;height:18px;accent-color:var(--carbon);margin-top:3px}
.consent__actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:16px}
.consent__actions .btn{padding:0 12px}

/* checkout */
.checkout-note,.cart-pay{font-size:var(--fs-2);margin:0 0 16px}
#place_order{width:100%;margin-top:4px}
.woocommerce-terms-and-conditions-wrapper{margin:0 0 16px}
.woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:flex-start}
.woocommerce-form__label-for-checkbox input{width:18px;height:18px;accent-color:var(--carbon)}
#payment .payment_box{border-left:0;background:var(--foto);padding:12px 14px;margin:8px 0}
.shop_table .meta,.woocommerce-checkout-review-order .meta{display:block;font-size:var(--fs-1);color:var(--grafito);margin-top:2px}

.consent [hidden]{display:none!important}

/* ===== cabeçalho com ícones (rótulo visível em desktop, nome acessível sempre) ===== */
.util{gap:4px}
.hb{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;justify-content:center;padding:0 10px;background:none;font-weight:500}
.hb:hover{box-shadow:inset 0 -1px 0 var(--carbon);background:none}
.hb .n{font-family:var(--font-mono);font-size:var(--fs-1);min-width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--carbon);padding:0 4px}
.hb .n[hidden]{display:none}
.hb--cart .n{background:var(--carbon);color:var(--papel)}
.ico{flex:none}
@media (max-width:1180px){.hb__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hb .n{position:absolute;top:2px;right:0;height:18px;min-width:18px}}
@media (max-width:420px){.brand{font-size:20px}.hb{min-width:40px;padding:0 6px}}

/* botões favoritos / comparar */
.grid>li{position:relative}
.tog{display:flex;gap:0}
.grid .tog{position:absolute;top:24px;right:24px}
.tog__b{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--carbon);margin-left:-1px;background:var(--papel);color:var(--carbon);cursor:pointer}
.tog__b:hover{background:var(--foto)}
.tog__b[aria-pressed="true"]{background:var(--carbon);color:var(--papel)}
.row-act{display:flex;align-items:center;gap:12px}
.rows-head{grid-template-columns:72px minmax(0,2.4fr) repeat(4,minmax(0,1fr)) auto}
.buy__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:60;background:var(--carbon);color:var(--papel);padding:12px 18px;font-family:var(--font-mono);font-size:var(--fs-2);max-width:calc(100vw - 32px)}
.toast[hidden]{display:none}
@media (max-width:900px){.row-act{grid-column:2 / -1}}

/* páginas Favoritos / Comparar */
.list-empty[hidden],.cmp-wrap[hidden]{display:none}
.list-note{font:400 var(--fs-1) var(--font-mono);color:var(--grafito);margin-top:20px}
.list-page .cmp thead th{padding:12px 14px}
.list-page .cmp td .tog__b{width:40px;height:40px}
.page-body .entry__body:has(.list-page){max-width:none}

/* ===== ficha: descrição em duas colunas (título à esquerda, texto com medida legível) ===== */
.desc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,34em);gap:56px;max-width:none}
.desc>h2{grid-column:1;position:sticky;top:24px;align-self:start}
.desc>*:not(h2){grid-column:2}
@media (max-width:900px){.desc{grid-template-columns:1fr;gap:16px}.desc>h2{position:static}.desc>*:not(h2){grid-column:1}}

/* ===== checkout em duas colunas: dados / resumo fixo ===== */
form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0 48px;align-items:start}
form.checkout>*{grid-column:1}
form.checkout #order_review_heading,form.checkout #order_review{grid-column:2}
form.checkout #order_review_heading{grid-row:1;margin:0 0 12px}
form.checkout #order_review{grid-row:2 / span 6;position:sticky;top:24px}
form.checkout #customer_details{grid-row:1 / span 6;display:block}
#customer_details .col-1,#customer_details .col-2{width:auto;float:none}
.woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.woocommerce-billing-fields__field-wrapper>.form-row-wide,.woocommerce-billing-fields__field-wrapper>#billing_email_field,.woocommerce-billing-fields__field-wrapper>#billing_address_1_field,.woocommerce-billing-fields__field-wrapper>#billing_country_field{grid-column:1 / -1}
@media (max-width:900px){form.checkout{grid-template-columns:1fr}form.checkout>*,form.checkout #order_review_heading,form.checkout #order_review,form.checkout #customer_details{grid-column:1;grid-row:auto;position:static}.woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}}
.brand,.nav a{white-space:nowrap}
.desc{row-gap:0}
.desc__body{grid-column:2;min-width:0}
.desc__body>*+*{margin-top:1em}
.desc__body h3{margin-top:28px}
.desc__body:has(table){grid-column:1 / -1}
.desc__body table{width:100%;border-collapse:collapse}
.desc__body td,.desc__body th{overflow-wrap:normal;word-break:normal;border-bottom:1px solid var(--linea);padding:8px 12px 8px 0;text-align:left;vertical-align:top;font-size:var(--fs-2)}
.desc__body table table{border:0}
@media (max-width:900px){.desc__body{grid-column:1}.desc__body:has(table){overflow-x:auto}}
.desc__body table.kv{max-width:34em;border-top:1px solid var(--carbon)}
.desc__body table.kv th{color:var(--grafito);font:400 var(--fs-2) var(--font-mono);width:45%}
.desc__body table.kv td{font:400 var(--fs-2) var(--font-mono);text-align:right}
.desc__body:has(table.kv){grid-column:2}

.grid h3{margin:10px 0 8px}

/* Bouton présenté comme un lien (Configurar cookies). */
.as-link{border:0;padding:0;font:inherit;color:var(--carbon);cursor:pointer;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .12s linear}
.as-link:hover{background-size:100% 1px}

/* Page de confirmation : coordonnées bancaires et justificatif (mu-plugin casa-orders). */
.woocommerce-order-overview{list-style:none;margin:0 0 32px;padding:0;display:flex;flex-wrap:wrap;border-top:1px solid var(--carbon)}
.woocommerce-order-overview li{display:grid;padding:12px 24px 12px 0;margin-right:24px;font:400 var(--fs-1)/1.5 var(--font-mono);color:var(--grafito);text-transform:uppercase;letter-spacing:.04em}
.woocommerce-order-overview strong{font:400 var(--fs-2)/1.4 var(--font-mono);color:var(--carbon);text-transform:none;letter-spacing:0}
.woocommerce-bacs-bank-details,.casa-proof{border:1px solid var(--carbon);padding:24px;margin:0 0 32px;max-width:760px}
.wc-bacs-bank-details-heading,.casa-proof h2{font:600 var(--fs-3)/1.2 var(--font-sans);margin:0 0 12px}
.wc-bacs-bank-details{list-style:none;margin:0;padding:0}
.wc-bacs-bank-details li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;border-bottom:1px solid var(--linea);padding:8px 0;font:400 var(--fs-1) var(--font-mono);color:var(--grafito);text-transform:uppercase}
.wc-bacs-bank-details strong{font:400 var(--fs-2) var(--font-mono);color:var(--carbon);text-transform:none;word-break:break-all}
.casa-proof__form{display:grid;gap:10px;margin-top:16px;max-width:520px}
.casa-proof__form label{font-weight:600}
.casa-proof__form input[type=file]{padding:14px;border:1px dashed var(--carbon);background:var(--foto);font:400 var(--fs-1) var(--font-mono);max-width:100%}
.casa-proof__form input[type=file]:focus-visible{outline:2px solid var(--brasa);outline-offset:2px}
.casa-proof__help{margin:0;font:400 var(--fs-1)/1.5 var(--font-mono);color:var(--grafito)}
.casa-proof__form .button{justify-self:start}
.casa-proof__msg{padding:12px 16px;font-weight:600;border-left:3px solid var(--carbon);background:var(--foto)}
.casa-proof__msg.is-error{border-left-color:var(--brasa)}

/* ===== cabeçalho responsivo (≤ 980 px) : menu em ícone à esquerda, logótipo ao centro, carrinho sozinho à direita.
   Conta, favoritos e comparar passam para o menu ; nenhum rótulo de texto na barra. ===== */
.top{position:relative;z-index:20;background:var(--papel)}
.menu{display:none}
.menu summary{list-style:none;display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--carbon);color:var(--carbon);cursor:pointer}
.menu summary::-webkit-details-marker{display:none}
.menu summary:focus-visible{outline:2px solid var(--brasa);outline-offset:2px}
.menu[open] summary{background:var(--carbon);color:var(--papel)}
.menu__panel{position:absolute;left:0;right:0;top:100%;background:var(--papel);border-bottom:1px solid var(--carbon);padding:0 16px 8px}
.menu-list,.menu-util{list-style:none;margin:0;padding:0}
.menu-list li,.menu-util li{border-top:1px solid var(--linea)}
.menu-list a,.menu-util a{display:flex;align-items:center;gap:12px;min-height:52px;font-weight:500;background:none}
.menu-list a[aria-current]{box-shadow:inset 3px 0 0 var(--brasa);padding-left:12px}
.menu-util li:first-child{border-top-color:var(--carbon)}
.menu-util .n{margin-left:auto;font:400 var(--fs-1) var(--font-mono);min-width:20px;height:20px;display:inline-grid;place-items:center;border:1px solid var(--carbon);padding:0 4px}
.menu-util .n[hidden]{display:none}
@media (max-width:980px){
  .top .wrap{grid-template-columns:1fr auto 1fr;gap:8px}
  .menu{display:block;justify-self:start}
  .brand{justify-self:center}
  .nav-main{display:none}
  .util{justify-self:end}
  .util .hb:not(.hb--cart){display:none}
}