/* ES10_TPL skin — Bazartrix · diseño "Brasa" propio.
   Terracota brasa + ocre sobre porcelana cálida; Fraunces (display serif) + Outfit (texto) + Spline Sans Mono.
   Formas de rectángulo suave (no píldora) y cabecera editorial. Distinto del verde pino de grupodist,
   del oro sobre negro de castana, de la berenjena/magenta de encopro y del ámbar-cobre del donante. */

/* ---- variables base del tema (las usa home.php y la vista de producto) ---- */
body.d10, body.sk-bz{
  --bg:#F6F1EA; --sup:#FFFFFF; --ink:#221A14; --acero:#6E6358;
  --azul:#BC3B24; --azul-d:#972C19; --cal:#C8841F; --menta:#F3E4D2;
  --linea:#E7DCCC; --foto:#FFFFFF; --wrap:1300px;
  --fh:'Fraunces',Georgia,serif; --fm:'Spline Sans Mono',ui-monospace,monospace;
  /* ---- variables d10 (las usa d10.css: cabecera, tarjetas, ficha) ---- */
  --algodon:#F6F1EA; --blanco:#FFFFFF; --tinta:#221A14; --tinta-2:#6E6358;
  --ambar:#BC3B24; --gris:#FFFFFF; --foto:#FFFFFF;
  --serif:'Fraunces',Georgia,serif; --sans:'Outfit',system-ui,sans-serif; --mono:'Spline Sans Mono',ui-monospace,monospace;
  --btn:#BC3B24; --btn-fg:#fff; --btn-h:#972C19; --cta:#C8841F; --cta-fg:#fff; --cta-h:#A96D13; --sbtn:#221A14;
  --r:9px; --rs:8px; --rx:10px; --shadow-rgb:34,26,20;
}
body.d10{background:var(--bg)}
body.sk-bz{font-family:var(--sans)}
body.sk-bz h1,body.sk-bz h2,body.sk-bz h3{font-family:var(--fh);font-weight:600;letter-spacing:-.015em}

/* ---- scrollbars en paleta (SCROLL_V1) ---- */
body.sk-bz{scrollbar-color:var(--azul) var(--menta);scrollbar-width:thin}
body.sk-bz ::-webkit-scrollbar{width:11px;height:11px}
body.sk-bz ::-webkit-scrollbar-track{background:var(--menta)}
body.sk-bz ::-webkit-scrollbar-thumb{background:var(--azul);border-radius:10px;border:2px solid var(--menta)}
body.sk-bz ::-webkit-scrollbar-thumb:hover{background:var(--azul-d)}

/* ---- cabecera: franja superior tinta, logo Fraunces, buscador rectángulo suave ---- */
.sk-bz .h10-top{background:var(--ink);color:#F0E4D6;border-bottom:0}
.sk-bz .h10-top .h10-in{font-family:var(--fm);font-size:11.5px;font-weight:400;gap:4px 10px}
.sk-bz .h10-top .tb-msg > *+*::before{content:"·";margin-right:10px;color:var(--cal);display:inline-block}
.sk-bz .h10{background:var(--sup);border-bottom:1px solid var(--linea)}
.sk-bz .h10-logo .w{font-family:var(--fh);font-weight:600;font-size:25px;letter-spacing:-.025em;color:var(--ink)}
.sk-bz .h10-search{border:1.5px solid var(--ink);background:#fff;border-radius:10px;padding-right:0;padding-left:16px;overflow:hidden}
.sk-bz .h10-search input{background:transparent}
.sk-bz .h10-search button{height:100%;padding:0 22px;font-size:14px;background:var(--azul);color:#fff;border-radius:0 9px 9px 0}
.sk-bz .h10-acts .n{background:var(--cal);color:#fff;border-radius:999px}
.sk-bz .h10-acts a:hover{background:var(--menta)}
.sk-bz .h10-cats{border-top:1px solid var(--linea)}
.sk-bz .h10-cats a{font-weight:600}
.sk-bz .h10-cats a.on{border-bottom-color:var(--azul);color:var(--azul)}
.sk-bz .h10-cats a:hover{color:var(--azul)}

/* ---- títulos y acentos ---- */
.sk-bz .t10,.sk-bz .f10-claim{font-family:var(--fh);font-weight:600;letter-spacing:-.02em}
.sk-bz .t10 em,.sk-bz .f10-claim em,.sk-bz h1 em,.sk-bz h2 em{font-style:italic;color:var(--azul)}
.sk-bz .kick10,.sk-bz .ct10-i dt{color:var(--cal);font-family:var(--fm);letter-spacing:.04em;text-transform:uppercase}

/* ---- tarjeta de producto: foto blanca, rectángulo suave, precio Fraunces ---- */
.sk-bz .c10{border-color:var(--linea);border-radius:12px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}
.sk-bz .c10:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(34,26,20,.12)}
.sk-bz .c10-ph{background:#fff;border-bottom:1px solid var(--linea)}
.sk-bz .c10-ph img{mix-blend-mode:multiply}
.sk-bz .c10-brand{border:0;padding:0;height:auto;color:var(--acero);letter-spacing:.1em;font-family:var(--fm);font-size:11px;text-transform:uppercase}
.sk-bz .c10-brand::before{display:none}
.sk-bz .c10-n{font-family:var(--sans);font-weight:600;font-size:16px;letter-spacing:-.01em;line-height:1.3}
.sk-bz .c10-s{color:var(--ink);padding-bottom:12px;border-bottom:1px solid var(--linea)}
.sk-bz .c10-p b{font-family:var(--fh);font-weight:600;font-size:25px;letter-spacing:-.02em;color:var(--ink)}
.sk-bz .c10-act{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
.sk-bz .c10-act form{flex:1}
.sk-bz .c10-add{white-space:nowrap;font-size:13px;padding:0 14px;height:42px;background:var(--azul);color:#fff;border-radius:9px}
.sk-bz .c10-add:hover{background:var(--azul-d)}
.sk-bz .c10-cmp{font-size:12px;gap:5px;color:var(--acero)}

/* ---- ficha de producto ---- */
.sk-bz .g10 .main,.sk-bz .g10 .thumbs button,.sk-bz .ln10 .ph,.sk-bz .mi10 img,.sk-bz .cmp10 thead img{background:#fff;border:1px solid var(--linea);border-radius:12px}
.sk-bz .g10 .main img,.sk-bz .g10 .thumbs img,.sk-bz .ln10 .ph img{mix-blend-mode:multiply}
.sk-bz .pi10 .pr b,.sk-bz .sum10 .tot > b,.sk-bz .ln10 .tt{font-family:var(--fh);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.sk-bz .pi10 h1{font-family:var(--fh);font-weight:600}
.sk-bz .buy10 .add,.sk-bz .go10,.sk-bz .sum10 .go{border-radius:9px}

/* ---- filtros / chips / segmentos / paginación ---- */
.sk-bz .chips10 a,.sk-bz .pg10 a{border-radius:8px}
.sk-bz .chips10 a.on,.sk-bz .seg10 input:checked + span{background:var(--azul);border-color:var(--azul);color:#fff!important}
.sk-bz .ck.on i{background:var(--azul);border-color:var(--azul)}
.sk-bz .pg10 .on{background:var(--azul);border-color:var(--azul)}
.sk-bz .seg10 span{border-radius:8px}
.sk-bz .tabs10-h button.on{border-bottom-color:var(--azul);color:var(--azul)}

/* ---- enlaces generales ---- */
.sk-bz a{color:var(--azul)}
.sk-bz .h10-logo a,.sk-bz .c10 a,.sk-bz .tz,.sk-bz .d9-brand{color:var(--ink)}
.sk-bz .cookie-banner .btn-primary{background:var(--azul)!important;color:#fff!important}

@media(max-width:560px){.sk-bz .c10-act{flex-direction:column;align-items:stretch}}