@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#070503;
  --paper: rgba(14,10,8,0.76);
  --card: rgba(20,14,11,0.72);
  --card2: rgba(255,255,255,0.06);
  --ink:#f5eee5;
  --muted: rgba(245,238,229,0.72);
  --line: rgba(255,255,255,0.12);
  --shadow: 0 28px 80px rgba(0,0,0,0.45);
  --gold:#fbb733;
  --gold2:#fbb733;
  --max: 1200px;
  --r1: 16px;
  --r2: 26px;
  --footer-bg: #0e0c0a;
  --footer-ink: rgba(255,255,255,0.92);
}


*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--ink);
  background: var(--bg);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{max-width:var(--max);margin:0 auto;padding:0 18px}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 16px;border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,0.06);
  color:var(--ink);
  font-weight:850;
  cursor:pointer;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.18)}
.btn.primary{
  background: linear-gradient(135deg,var(--gold),var(--gold2));
  border-color: transparent;
  color:#140c08;
}
.btn.primary:hover{background: linear-gradient(135deg,#f3e6d4,#d2b18a)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,0.14)}
.iconbtn{
  width:44px;height:44px;border-radius:999px;
  border:1px solid var(--line);
  background: rgba(0,0,0,0.25);
  display:grid;place-items:center;
  cursor:pointer;
}
.iconbtn svg{width:20px;height:20px}
.btn.icon svg{width:18px;height:18px;display:block;color:currentColor}

.topbar{
  background: rgba(0,0,0,0.55);
  border-bottom:1px solid rgba(255,255,255,0.06);
  font-size:12.5px;
}
.topbar .row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 0}
.topbar .left,.topbar .right{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.topbar a{opacity:.85}
.topbar a:hover{opacity:1}

/* ===== Sticky bars (top strip + header) ===== */
:root{ --topstrip-h: 48px; }

.topstrip{height:var(--topstrip-h)}

.header{
  position:sticky;top:var(--topstrip-h);z-index:320;overflow:visible;
  background: rgba(5,3,3,0.68);
  backdrop-filter: blur(18px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.header .row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:44px}
.nav{display:flex;gap:20px;align-items:center;font-weight:850}
.nav a{opacity:.78}
.nav a:hover{opacity:1}
.nav a.active{opacity:1;color:var(--gold)}
.actions{display:flex;gap:10px;align-items:center}
.lang{
  border:1px solid var(--line);
  background: rgba(0,0,0,0.25);
  color:var(--ink);
  border-radius:999px;
  padding:10px 12px;
  font-weight:850;
  outline:none;
}
.menu-btn{display:none}

.hero{
  position:relative;
  min-height: 86vh;
  display:flex;
  align-items:center;
  overflow:hidden;
  background: var(--bg);
}
.hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:url("../img/hero-bean-uhd.png");
  background-size:cover;
  background-position:center;
  transform: scale(1.02);
  filter: saturate(1.05) contrast(1.05);
}
.hero::after{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(900px 520px at 28% 44%, rgba(0,0,0,0), rgba(0,0,0,0.78) 500%),
    linear-gradient(90deg, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.20) 25%, rgba(0,0,0,0.78) 200%);
}
.hero .wrap{position:relative;padding:62px 0 54px;width:100%}
.heroGrid{display:grid;grid-template-columns: 1.08fr .92fr;gap:22px;align-items:center}
.h1{
  font-family:"Playfair Display", Georgia, serif;
  font-size: clamp(38px, 4.4vw, 70px);
  line-height:1.02;
  margin: 12px 0 14px;
  letter-spacing:-0.5px;
}
.lead{color:var(--muted);max-width:64ch;font-size:16.5px;margin:0}
.badge{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:999px;
  border:1px solid rgba(233,215,191,0.22);
  background: rgba(233,215,191,0.08);
  color: rgba(233,215,191,0.95);
  font-weight:900;
}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.kpi{
  border:1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.05);
  border-radius:16px;
  padding:12px 14px;
}
.kpi .num{font-weight:950;font-size:22px;color:var(--gold)}
.kpi .lbl{font-size:12.5px;color:var(--muted);font-weight:700}

.heroArt{
  position:relative;
  display:grid;
  place-items:center;
  min-height: 460px;
}
.beanStage{
  position:relative;
  width: min(520px, 90%);
  aspect-ratio: 1/1;
  border-radius: 999px;
}
.beanStage::before{
  content:"";
  position:absolute;inset:-18px;
  background: radial-gradient(circle at 45% 45%, rgba(233,215,191,0.18), rgba(0,0,0,0) 62%);
  filter: blur(6px);
}
.beanStage img{
  width:100%;height:100%;
  object-fit:contain;
  filter: invert(1) drop-shadow(0 28px 70px rgba(0,0,0,0.55));
}
.smokeWrap{
	position: absolute;
    left: -8%;
    top: -73%;
    transform: translateX(-50%);
    width: 146%;
    opacity: 0.9;
    mix-blend-mode: screen;
    pointer-events: none;
}
.smokeWrap svg{width:100%;height:auto}
.smokeWrap .w1{animation: drift1 4.8s ease-in-out infinite}
.smokeWrap .w2{animation: drift2 6.2s ease-in-out infinite}
.smokeWrap .w3{animation: drift3 5.6s ease-in-out infinite}

@keyframes drift1{
  0%{transform:translateY(10px) translateX(-10px) scale(0.98);opacity:0}
  12%{opacity:.75}
  55%{opacity:.42}
  100%{transform:translateY(-95px) translateX(18px) scale(1.06);opacity:0}
}
@keyframes drift2{
  0%{transform:translateY(18px) translateX(18px) scale(0.95);opacity:0}
  16%{opacity:.62}
  60%{opacity:.34}
  100%{transform:translateY(-120px) translateX(-8px) scale(1.08);opacity:0}
}
@keyframes drift3{
  0%{transform:translateY(8px) translateX(0px) scale(0.97);opacity:0}
  14%{opacity:.55}
  62%{opacity:.28}
  100%{transform:translateY(-110px) translateX(-22px) scale(1.10);opacity:0}
}

.section{padding:72px 0}
.section.alt{background: rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}
h2{
  font-family:"Playfair Display", Georgia, serif;
  margin:0;
  font-size: 36px;
  line-height:1.12;
}
.sub{margin:8px 0 0;color:var(--muted);max-width:80ch}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

.card{
  background: var(--card);
  border:1px solid rgba(255,255,255,0.10);
  border-radius: var(--r1);
  padding: 18px;
  box-shadow: var(--shadow);
}
.card h3{margin:12px 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.icon{
  width:46px;height:46px;border-radius:14px;
  background: rgba(233,215,191,0.08);
  border:1px solid rgba(233,215,191,0.14);
  display:grid;place-items:center;
}
.icon svg{width:22px;height:22px;color:var(--gold)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.panel{
  border-radius: var(--r2);
  background: rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.10);
  overflow:hidden;
}
.panel .pad{padding:20px}

.list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:var(--muted)}
.list li{display:flex;gap:10px;align-items:flex-start}
.dot{width:10px;height:10px;border-radius:999px;background:rgba(233,215,191,0.35);margin-top:7px}

.shopbar{display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:12px;align-items:center;margin-bottom:14px}
.input, select, textarea{
  width:100%;
  padding:12px 14px;
  border-radius: 26px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.30);
  color: var(--ink);
  outline:none;
}
textarea{border-radius:16px}
input::placeholder, textarea::placeholder{color:rgba(245,238,229,0.55)}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}

.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {  border-radius:24px;
    padding:22px;
    border:1px solid rgba(255,255,255,0.1);
    background:rgba(0,0,0,0);
    box-shadow:0 15px 40px rgba(0,0,0,0.25);}

.woocommerce-page.columns-3 ul.products li.product img,
.woocommerce.columns-3 ul.products li.product img{
    border-radius:16px;
    overflow:hidden;
}

.woocommerce-page.columns-3 ul.products li.product .woocommerce-loop-product__title,
.woocommerce.columns-3 ul.products li.product .woocommerce-loop-product__title{
    font-weight:700;
    margin-top:14px;
}

.woocommerce-page.columns-3 ul.products li.product .price,
.woocommerce.columns-3 ul.products li.product .price{
    font-weight:800;
}
.wc-block-components-sidebar-layout {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    position: relative;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(#fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);

}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(#fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
    padding: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
    float: left;
    width: 30%;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(#fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 68%;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(#fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
}

.woocommerce ul.products li.product .button {margin:10px;}

.wc-block-components-sidebar-layout.wc-block-cart {
    padding-TOP: 50px;
    border-radius: 24px;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: linear-gradient(#fff);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);}



.woocommerce table.shop_table{  border-radius:24px;
    padding:22px;

    border:1px solid rgba(255,255,255,0.1);

    background:linear-gradient(#fff);

    box-shadow:0 15px 40px rgba(0,0,0,0.45);}


#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 100px;
    box-shadow: none;}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}

.woocommerce div.product{  border-radius:24px;
    padding:22px;

    border:1px solid rgba(255,255,255,0.1);

    background:linear-gradient(#fff);

    box-shadow:0 15px 40px rgba(0,0,0,0.45);}

.prod{position:relative; }
.prod .thumb{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  padding: 16px;
  display:grid;place-items:center;
}
.prod .thumb img{max-width:210px}
.tag{
  position:absolute;top:14px;left:14px;
  padding:7px 10px;border-radius:999px;
  background: rgba(233,215,191,0.10);
  border:1px solid rgba(233,215,191,0.18);
  font-size:12px;font-weight:950;color:rgba(233,215,191,0.95);
}
.price{font-weight:950;color:var(--gold)}
.small{font-size:13px;font-weight:650;color:rgba(245,238,229,0.72)}
.rating{display:flex;gap:8px;align-items:center;font-weight:800;color:rgba(245,238,229,0.70)}
.stars{color:rgba(233,215,191,0.9);letter-spacing:1px}

.footer{
  padding:52px 0;
  background: white;
  color: var(--footer-ink);
  border-top:1px solid rgba(255,255,255,0.08);
}
.footergrid{display:grid;grid-template-columns:1.1fr .8fr .8fr .9fr;gap:18px}
.footer a{opacity:.88; color: inherit}
.footer a:hover{opacity:1}

.drawer,.modal{position:fixed;inset:0;z-index:2000;display:none}
.drawer.open,.modal.open{display:block}
.backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.drawer .panel{
  position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);
  background: #0b0706;
  border-left:1px solid rgba(255,255,255,0.10);
  padding:16px;
  display:flex;flex-direction:column;gap:12px;
}
.drawer .headrow{display:flex;justify-content:space-between;align-items:center}
.drawer .items{flex:1;overflow:auto;display:grid;gap:10px;padding-right:6px;align-content:start;grid-auto-rows:max-content}
.cartitem{display:grid;grid-template-columns:64px 1fr;gap:10px;border:1px solid rgba(255,255,255,0.10);border-radius:16px;padding:10px;background:rgba(255,255,255,0.04);align-self:start}
.cartitem img{width:64px;height:64px;object-fit:contain}
.cartitem .t{font-weight:950;line-height:1.25;word-break:break-word;padding-right:46px}
.cartitem .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.cartitem .row .price{margin-left:auto}
.qty{display:inline-flex;align-items:center;gap:8px}
.qty button{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,0.16);background:rgba(0,0,0,0.25);color:var(--ink);cursor:pointer}
.tot{display:flex;justify-content:space-between;align-items:center;font-weight:950}
.modal .box{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(900px,94vw);
  border-radius: 24px;
  border:1px solid rgba(255,255,255,0.10);
  background:#0b0706;
  box-shadow: var(--shadow);
  padding: 16px;
}
.qv{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:center}
.qv .shot{
  border-radius:20px;
  border:1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
  padding:16px;
  display:grid;place-items:center;
}
.hr{height:1px;background:rgba(255,255,255,0.10);margin:12px 0}

.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

@media (max-width: 980px){
  .hero{min-height:unset}
  .heroGrid{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr}
  .products{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .footergrid{grid-template-columns:1fr}
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .nav.open{
    display:flex;
    position:absolute;left:0;right:0;top:72px;
    padding:14px 18px;
    flex-wrap:wrap;
    background: rgba(5,3,3,0.92);
    border-bottom:1px solid rgba(255,255,255,0.10);
  }
  .shopbar{grid-template-columns:1fr}
  .qv{grid-template-columns:1fr}
}

/* Cart item spacing + wrapping */
.cartitem .t{line-height:1.2; padding-right:10px;}
.cartitem .row{flex-wrap:wrap;}
.cartitem .row .price{margin-left:auto}
.cartitem .price{margin-left:auto;}

.btn.primary.icon svg{display:block;}

:root[data-theme="light"] .small{color:rgba(20,18,16,.72);}
:root[data-theme="light"] .footer .small{color:var(--footer-ink);}
:root[data-theme="light"] .btn.primary.icon{color:#141210;}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gitem{border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.03);border-radius:18px;overflow:hidden;padding:0;cursor:pointer;transition:transform .2s ease, border-color .2s ease}
.gitem:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.22)}
.gitem img{width:100%;height:160px;object-fit:cover;display:block}
@media (min-width: 900px){.gitem img{height:180px}}


/* MONTORO additions */
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,0.22);font-weight:750;font-size:12px;letter-spacing:.02em}
.specrow{display:flex;justify-content:space-between;gap:10px}
.specsep{height:1px;background:rgba(255,255,255,0.10);margin:10px 0}

/* ====== v5 layout (screenshot-like) ====== */
.topstrip{position:sticky;top:0;z-index:300;overflow:visible;background:rgba(20,14,10,.55);backdrop-filter:blur(12px);;font-size:12px;line-height:1}
.topstrip__row{display:flex;align-items:center;justify-content:space-between;gap:14px;height:var(--topstrip-h)}
.topstrip__tel{color:#f2e9df;text-decoration:none;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:8px;opacity:.95;white-space:nowrap}
.topstrip__actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;white-space:nowrap}
.topstrip__langlinks{display:flex;align-items:center;gap:8px}
.topstrip__langlinks .sep{opacity:.45}
.langlink{background:transparent;border:0;color:#f2e9df;font-weight:800;letter-spacing:.06em;font-size:12px;opacity:.75;cursor:pointer;padding:6px 6px;border-radius:10px}
.langlink:hover{opacity:1;background:rgba(255,255,255,.07)}
.langlink.active{opacity:1;background:rgba(255,255,255,.12)}
.topstrip__cart{display:flex;align-items:center;gap:10px}
.iconbtn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#fff;border-radius:999px;padding:10px;cursor:pointer}
.iconbtn svg{width:18px;height:18px}
.topstrip .lang{
  min-width:84px;
  padding:8px 34px 8px 12px;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  appearance:none;
  -webkit-appearance:none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255,255,255,.85) 50%),
                    linear-gradient(135deg, rgba(255,255,255,.85) 50%, transparent 50%);
  background-position: calc(100% - 18px) 55%, calc(100% - 13px) 55%;
  background-size: 6px 6px, 6px 6px;
  background-repeat:no-repeat;
}
.topstrip .lang:focus{outline:2px solid rgba(231,198,140,.35);outline-offset:2px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;font-weight:900}

.header--center{background:transparent;border:0}
.header--center .header__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 0}
.brand--center img{height:44px;width:auto;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.nav--left,.nav--right{display:flex;align-items:center;gap:18px}
.nav--right{justify-content: flex-end;    position: absolute;    right: 5%;}
.nav a{color:#f2e9df;text-decoration:none;font-weight:850;letter-spacing:.06em;text-transform:uppercase;font-size:12px;opacity:.85;position:relative}
.nav a:hover{opacity:1}
.nav a.active{opacity:1}
.nav a.active::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    height: 3px;
    border-radius: 3px;
    background: #fbb733;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}

/* mobile nav */
.mnav{display:none}
.menu-btn{display:none}
@media (max-width: 980px){
  .header--center .header__row{grid-template-columns:auto 1fr auto}
  .nav--left,.nav--right{display:none}
  .menu-btn{display:inline-flex;justify-content:center;align-items:center}
  .mnav{display:none;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.45);backdrop-filter:blur(12px);border-radius:18px;margin:0 0 14px}
  .mnav.open{display:flex}
  .topstrip{position:relative}
  .header--center{top:0}
}

/* hero */
.hero2{position:relative;min-height:85vh;display:flex;flex-direction:column;justify-content:flex-start;padding:64px 0 0}
.hero2:before{content:"";position:absolute;inset:0;background:url('../img/prales.jpg') center/cover no-repeat;filter:saturate(1.05) contrast(1.05);opacity:.98}
.hero2:after{content:"";position:absolute;inset:0;background:radial-gradient(1000px 600px at 25% 30%, rgba(0,0,0,.25), rgba(0,0,0,.70)), linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.70))}
.hero2__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:60px 0 60px}
.hero2__kicker{display:inline-block;margin:0 0 10px 0;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.85)}
.hero2__h1{font-size:64px;line-height:.95;color:#f2e9df;margin:0;font-weight:1000;letter-spacing:.02em;text-shadow:0 18px 50px rgba(0,0,0,.55)}
.hero2__h1 span{color:#fff}
.hero2__sub{margin:16px 0 0;color:rgba(242,233,223,.92);font-size:18px;line-height:1.5;text-shadow:0 14px 40px rgba(0,0,0,.55)}
.hero2__cta{margin-top:22px}
.hero2__pack{display:flex;justify-content:center;align-items:flex-end}
.hero2__pack img{max-width:420px;width:min(42vw,420px);height:auto;filter:drop-shadow(0 28px 60px rgba(0,0,0,.6))}
@media (max-width: 980px){
  .hero2__grid{grid-template-columns:1fr;gap:14px;padding-top:18px}
  .hero2__h1{font-size:44px}
  .hero2__pack{justify-content:flex-start}
  .hero2__pack img{width:min(70vw,420px)}
}

/* feature bar */
.hero2__features{position:relative;z-index:3;margin-top:18px}
.featbar{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px;border-radius:22px;background:var(--paper);border:1px solid var(--line);backdrop-filter:blur(10px);box-shadow:0 20px 70px rgba(0,0,0,.45)}
.feat{display:flex;gap:14px;align-items:flex-start}
.feat__ic{width:42px;height:42px;border-radius:14px;background:var(--card2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}
.feat__ic svg{width:22px;height:22px}
.feat__t{font-weight:950;color:var(--ink)}
.feat__p{color:var(--muted);font-size:13px;margin-top:3px;line-height:1.35}
@media (max-width: 980px){
  .featbar{grid-template-columns:1fr;}
}

/* story + product */
.storygrid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}

/* Story card to match product card */
.storycard{
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:28px;
  padding:26px 26px 22px;
  box-shadow: 0 24px 80px rgba(0,0,0,0.35);
}
.storycard .sub{opacity:.92}
.storycard h2{margin:0 0 10px;color:var(--ink)}
.storycard p{color:var(--muted);line-height:1.6}
.productcard{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 22px 80px rgba(0,0,0,.5)}
.productcard__inner{padding:18px}
.productcard__title{font-size:26px;font-weight:1000;color:var(--ink);margin:0}
.productcard__meta{color:var(--muted);font-size:13px;margin-top:6px}
.productcard__img{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));padding:18px;display:flex;justify-content:center}
.productcard__img img{width:220px;height:auto;filter:drop-shadow(0 20px 50px rgba(0,0,0,.55))}
.productcard__list{margin:14px 0 0;padding:0 0 0 18px;color:var(--muted)}
.productcard__list li{margin:6px 0}
.productcard__cta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.pricepill{font-weight:1000;color:var(--ink);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);padding:10px 12px;border-radius:14px}
@media (max-width: 980px){
  .storygrid{grid-template-columns:1fr}
}

/* blog + gallery blocks */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.bloglist,.galblock{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 20px 70px rgba(0,0,0,.35)}

.blogcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}
.bcard{display:flex;flex-direction:column;gap:8px;padding:16px 16px 14px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .18s ease, border-color .18s ease, background .18s ease}
.bcard:hover{transform:translateY(-3px);border-color:rgba(231,198,140,.25);background:rgba(231,198,140,.06)}
.bcard__t{font-weight:950;font-size:15px;letter-spacing:.02em}
.bcard__p{color:var(--muted);font-size:13px;line-height:1.35;min-height:48px}
.bcard__a{margin-top:auto;font-weight:900;color:var(--gold);font-size:12px;letter-spacing:.04em}

/* Improve gallery grid in the card */
.galblock .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.galblock .gitem img{height:130px}

/* Gallery metrics (premium counters) */
.metrics{width:100%}
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.metric{border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);border-radius:18px;padding:16px;text-align:center}
.metric-number{font-size:40px;font-weight:950;letter-spacing:.01em;color:var(--gold);line-height:1}
.metric-label{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:6px}
.metric p{margin-top:10px}

@media (max-width: 980px){
  .split2{grid-template-columns:1fr}
  .blogcards{grid-template-columns:1fr}
  .galblock .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galblock .gitem img{height:150px}
  .metrics-grid{grid-template-columns:1fr;gap:12px}
}

.footer{
  position:relative;
  border-top:1px solid rgba(255,255,255,.08);
  /* Clean premium footer: keep it calm and readable (no hero background texture). */
  background: var(--footer-bg);
}
.footrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;flex-wrap:wrap}
.footlinks{display:flex;gap:14px;flex-wrap:wrap}
.footlinks a{color:var(--muted);text-decoration:none;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.footlinks a:hover{color:var(--ink)}
.footnote{color:var(--muted);font-size:12px}

/* =====================
   Layout fixes + polish
   ===================== */

/* smoke canvas overlay */
.hero2{overflow:hidden}
.hero2 .smoke{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.65;mix-blend-mode:screen}

/* base card */
.card{border:1px solid rgba(255,255,255,.10);background:rgb(26 26 26);backdrop-filter:blur(10px);border-radius:26px;box-shadow:0 22px 90px rgba(0,0,0,.45)}

/* language dropdown */
.langdd{position:relative;z-index:1200}
.langdd__btn{
  height:38px;min-width:74px;
  display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.35);
  color:#fff;font-weight:950;letter-spacing:.10em;text-transform:uppercase;font-size:12px;
}
.langdd__btn:after{content:"▾";opacity:.9;font-size:12px;transform:translateY(-1px)}
.langdd.open .langdd__btn{border-color:rgba(231,198,140,.35);background:rgba(0,0,0,.48)}
.langdd__menu{
  position:absolute;right:0;top:calc(100% + 10px);
  min-width:180px;
  padding:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px);
  box-shadow:0 18px 70px rgba(0,0,0,.55);
  z-index:1210;
  display:none;
}
.langdd.open .langdd__menu{display:block}
.langdd__menu button{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid transparent;
  background:transparent;
  color:rgba(255,255,255,.92);
  font-weight:900;
  cursor:pointer;
}
.langdd__menu button:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);color:#fff}
.langdd__menu button.active{background:rgba(231,198,140,.12);border-color:rgba(231,198,140,.24)}

/* topstrip align */
.topstrip__row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.topstrip__tel{white-space:nowrap}
.topstrip__actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}

/* story + blog side-by-side */
.storybloggrid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.storycard,.blogcard{padding:26px;display:flex;flex-direction:column;min-height:520px}
.storycard .storychips{margin-top:auto}

/* shared section head inside cards */
.sec-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sec-head h2{margin:0 0 6px}
.sec-head .sub{margin:0}

/* subtle text CTA (replaces random buttons inside blocks) */
.textlink{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--gold);font-weight:950;letter-spacing:.03em;white-space:nowrap}
.textlink:hover{text-decoration:underline}

.blogstack{margin:80px 0 80px 0;display:inline-flex;grid-template-rows:repeat(3,1fr);gap:12px;flex:1;display: flex;justify-content:center;}
.blogstack .bcard{padding:16px 16px 14px}
.bcard__p{min-height:auto}

/* showcase grid */
.showcasegrid{display:grid;grid-template-columns:1fr .9fr;gap:22px;align-items:stretch}
.galblock{padding:26px}
.gallery--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery--6 .gitem img{height:auto;aspect-ratio:4/3}

.gallery--9{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery--9 .gitem img{height:auto;aspect-ratio:4/3}

/* product card – proper styling for current HTML */
.productcard{border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.34);border-radius:26px;overflow:hidden;box-shadow:0 26px 90px rgba(0,0,0,.55)}
.productcard__head{padding:22px 22px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.productcard__title .kicker{font-weight:950;letter-spacing:.16em;text-transform:uppercase;color:rgba(231,198,140,.92);font-size:12px}
.productcard__title .h3{margin-top:6px;font-size:28px;line-height:1.05;font-weight:1000;color:#fff}
.productcard__tag{align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;color:#fff;font-weight:950;font-size:12px}
.productcard__body{padding:0 22px 22px}
.productcard__bul ul{margin:10px 0 0;padding-left:18px;color:rgba(242,233,223,.92);line-height:1.55}
.productcard__bul li{margin:8px 0}
.productcard__cta{margin-top:14px}
.productcard__img{margin-top:16px;border-radius:20px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));padding:16px;display:flex;justify-content:center}
.productcard__img--center img{width:min(320px,100%);height:auto;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55))}

/* motion (safe fallback: only active when .js is present) */
.animate{opacity:1;transform:none}
.js .animate{opacity:0;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease}
.js .animate.in{opacity:1;transform:none}

@media (max-width: 980px){
  .storybloggrid,.showcasegrid{grid-template-columns:1fr}
  .storycard,.blogcard{min-height:auto}
  .gallery--6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery--9{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* --- Header: MONTORO logo + E‑shop text link (no button) --- */
.brand__img{
  height: 48px;
  width: auto;
  display:block;
  filter: invert(1) drop-shadow(0 6px 18px rgba(0,0,0,.55));
  opacity:.95;
}
.nav__eshop{
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:850;
  font-size:12px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:#fbb733;
}
.nav__eshop:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.22); }

/* --- Scroll reveal / hide (smooth content loading feel) --- */
.animate{
  opacity:0;
  transform: translateY(18px);
  filter: blur(2px);
  transition: opacity .65s ease, transform .65s ease, filter .65s ease;
  will-change: opacity, transform, filter;
}
.animate.in-view{
  opacity:1;
  transform:none;
  filter:none;
}


/* --- Blog cards (image + structured text) --- */
.bloggrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:16px;
}
@media (max-width: 980px){
  .bloggrid{ grid-template-columns: 1fr; }
}
.blogpost{ overflow:hidden; }
.blogpost__img{
  border-radius: 18px;
  overflow:hidden;
  aspect-ratio: 16/9;
  background: rgba(255,255,255,.04);
}
.blogpost__img img{
  width:100%; height:100%; object-fit:cover; display:block;
  transform: scale(1.03);
  transition: transform .6s ease;
}
.blogpost:hover .blogpost__img img{ transform: scale(1.08); }
.blogpost__body{ padding-top:14px; }
.blogpost__meta{ display:flex; align-items:center; gap:10px; }
.blogpost__meta .meta{ opacity:.72; font-size:12px; letter-spacing:.02em; }


/* --- Index gallery: fill the block + align with product card --- */
.galdesc__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:12px;
}
@media (max-width: 980px){
  .galdesc__grid{ grid-template-columns: 1fr; }
}
.galdesc__item{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.02);
  border-radius:999px;
  padding:10px 14px;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:10px;
}
.galdesc__item b{ color:#fff; font-weight:950; letter-spacing:.01em; }

.galdesc__item .sub{ opacity:.78; font-size:13px; line-height:1.2; }

/* Reviews CTA: keep it away from the cards and avoid floating on smaller screens */
.cta-row{ display:flex; justify-content:flex-end; }
@media (max-width: 700px){ .cta-row{ justify-content:stretch; } .cta-row .btn{ width:100%; justify-content:center; } }



/* --- Shared page background (blog / gallery / shop) --- */
.pagewithbg{ position:relative; }
.pagebg{
  position:absolute;
  inset:-40px 0 auto 0;
  height:420px;
  background:
    radial-gradient(900px 380px at 20% 20%, rgba(231,198,140,.10), rgba(0,0,0,0) 60%),
    radial-gradient(700px 360px at 80% 30%, rgba(255,255,255,.06), rgba(0,0,0,0) 65%),
    url('../img/prales.jpg');
  background-size: cover;
  background-position: center;
  filter: saturate(1.05) contrast(1.05);
  opacity:.28;
  pointer-events:none;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
}


/* --- Contact page --- */
.contactpage{ position:relative; }

.contactgrid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap:16px;
  /* make both columns equal height */
  align-items:stretch;
}
@media (max-width: 980px){
  .contactgrid{ grid-template-columns: 1fr; }
}
.contactside{
  display:flex;
  flex-direction:column;
  gap:16px;
  height:100%;
}
.contactside .card:last-child{
  /* let the map grow to match the left form height */
  flex:1;
  min-height:320px;
}
.formgrid{ display:grid; gap:10px; }
.mapframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  filter: saturate(1.05) contrast(1.02);
}

/* contact form card should stretch nicely */
.contactformcard{height:100%;}
.contactformcard .pad{height:100%;display:flex;flex-direction:column;}
.contactformcard .form{flex:1;}

/* Audience section */
.sec-head--split{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.audgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}
.audcard{padding:22px}
.audcard h3{margin:14px 0 6px 0;font-size:18px}
.audic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.audic svg{width:22px;height:22px;opacity:.9}
@media (max-width: 980px){.audgrid{grid-template-columns:1fr;}}

@media (max-width: 720px){.brand__img{height:40px}}


/* Floating contact button */
.fab-contact{position:fixed;right:16px;bottom:24px;z-index:9999;display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(20,20,20,.85);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .18s ease,filter .18s ease;}
.fab-contact:hover{transform:translateY(-2px);filter:brightness(1.08);}
.fab-contact span{font-weight:800;letter-spacing:.02em}

/* Cookie bar */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:9998;padding:14px;}
.cookiebar__box{max-width:1100px;margin:0 auto;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:rgba(15,15,15,.92);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.cookiebar__text{font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.9)}
.cookiebar__text b{display:inline-block;margin-right:6px}
.cookiebar__link{color:rgba(255,255,255,.9);text-decoration:underline;margin-left:10px;white-space:nowrap}
.cookiebar__actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:720px){.cookiebar__box{flex-direction:column;align-items:flex-start}.cookiebar__actions{width:100%;justify-content:flex-end}}


/* === HEADER: bigger logo, overlaps topstrip like the reference === */
.header__row{position:relative;}

/* Keep topstrip + header sticky together (and above page content) */
.topstrip{position:sticky;top:0;z-index:350;}
.header{position:sticky;top:var(--topstrip-h);z-index:110;}

/* Language dropdown must render above sticky bars */
.langdd{z-index:200;}
.langdd__menu{z-index:220;}

.brand--center{z-index:520;}
.brand--center .brand__img{display:block;height:50px;width:auto;}

@media (min-width: 980px){
  /* pull logo up so it visually crosses the phone topstrip */
  .brand--center{position:absolute;left:50%;transform:translateX(-50%);top:-45px;}
  .brand--center .brand__img{height:60px;}
  .header{padding-top:28px;}
}

@media (max-width: 979px){
  .brand--center .brand__img{height:54px;}
}

/* === /BIG_LOGO_OVER_TOPSTRIP === */

/* === CARD_HOVER_EFFECT === */
.card{
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.card:hover{
  transform: translateY(-4px);
  border-color: rgba(231,198,140,.28);
  box-shadow: 0 26px 90px rgba(0,0,0,.55);
  background: rgb(24 24 24);
}
/* === /CARD_HOVER_EFFECT === */

/* === THEME_TOGGLE === */
:root[data-theme="light"]{
--bg:linear-gradient(180deg, #d8d8d8 0, #f9f9f9 350px);
  --panel: rgba(255,255,255,.85);
  --ink:#141210;
  --muted:#4b453d;
  --line: rgba(20,18,16,.16);
  --gold:#fbb733;
  --paper:#ffffff;
  --card:#ffffff;
  --shadow:0 18px 50px rgba(20,18,16,.12);
  /* Footer stays dark for readability and consistency */
  --footer-bg: #2f2c28;
  --footer-ink: rgba(255,255,255,0.92);
}

/* Light theme: swap logo asset (JS) and adjust icon contrast */
:root[data-theme="light"] .brand__img{ filter:none !important; opacity:1; }

:root[data-theme="light"] .iconbtn{
  background: rgba(20,18,16,.06);
  border-color: rgba(20,18,16,.18);
  color: var(--ink);
}
:root[data-theme="light"] .lang-pill{
  background: rgba(20,18,16,.06);
  border-color: rgba(20,18,16,.18);
  color: var(--ink);
}
:root[data-theme="light"] .topstrip__tel{ color: rgba(20,18,16,.92); }
:root[data-theme="light"] .topstrip__tel svg{ stroke: rgba(20,18,16,.92); }

:root[data-theme="light"] body{background:var(--bg);color:var(--ink);}
:root[data-theme="light"] .topstrip{background:rgba(255,255,255,.72);backdrop-filter:blur(14px);} 
:root[data-theme="light"] .topstrip__tel{color:#141210;}
:root[data-theme="light"] .header{background:rgba(255,255,255,.70);border-bottom:1px solid rgba(20,18,16,.10);} 
:root[data-theme="light"] .nav a{color:#141210;opacity:.78;}
:root[data-theme="light"] .nav a:hover{opacity:1;}
:root[data-theme="light"] .langdd__btn{background:rgba(20,18,16,.04);border-color:rgba(20,18,16,.14);color:#141210}
:root[data-theme="light"] .langdd__menu{background:rgba(255,255,255,.92);border-color:rgba(20,18,16,.16)}
:root[data-theme="light"] .langdd__menu button{color:#141210;border-color:rgba(20,18,16,.12)}
:root[data-theme="light"] .langdd__menu button:hover{background:rgba(20,18,16,.06);border-color:rgba(20,18,16,.16);color:#141210}
:root[data-theme="light"] .langdd__menu button.active{background:rgba(20,18,16,.08);border-color:rgba(20,18,16,.18)}
:root[data-theme="light"] .galdesc__item{ border-color: rgba(20,18,16,.14); background: rgba(255,255,255,.75); }
:root[data-theme="light"] .galdesc__item b{ color:#141210; }
:root[data-theme="light"] .galdesc__item .sub{ color: rgba(20,18,16,.72); opacity:1; }
:root[data-theme="light"] .langdd__item{color:#141210}
:root[data-theme="light"] .langdd__item:hover{background:rgba(20,18,16,.06)}

/* Cart drawer + modal: light theme must flip to light surfaces */
:root[data-theme="light"] .drawer .panel,
:root[data-theme="light"] .modal .box{
  background: rgba(255,255,255,.94);
  border-color: rgba(20,18,16,.14);
}
:root[data-theme="light"] .drawer .headrow,
:root[data-theme="light"] .drawer .panel,
:root[data-theme="light"] .modal .box{
  color: #141210;
}
:root[data-theme="light"] .cartitem{
  background: rgba(20,18,16,.03);
  border-color: rgba(20,18,16,.14);
}
:root[data-theme="light"] .qty button{
  border-color: rgba(20,18,16,.22);
  background: rgba(255,255,255,.70);
  color: #141210;
}
:root[data-theme="light"] .backdrop{background:rgba(20,18,16,.48)}
:root[data-theme="light"] .card,
:root[data-theme="light"] .productcard,
:root[data-theme="light"] .gitem,
:root[data-theme="light"] .blogpost{
  background: rgba(255,255,255,.80) !important;
  border-color: rgba(20,18,16,.12) !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.16) !important;
}
:root[data-theme="light"] .btn{color:#fff;}
:root[data-theme="light"] .btn.primary{color:#141210;}
:root[data-theme="light"] .floating-contact{background:rgba(255,255,255,.78);border:1px solid rgba(20,18,16,.16);} 
:root[data-theme="light"] .floating-contact svg{color:#141210;}
:root[data-theme="light"] .input{background:rgba(255,255,255,.92);border:1px solid rgba(20,18,16,.22);color:#141210}
:root[data-theme="light"] input::placeholder, textarea::placeholder{color:rgba(20,18,16,.55)}
:root[data-theme="light"] textarea.input{background:rgba(255,255,255,.92)}
:root[data-theme="light"] .contact__note{color:rgba(20,18,16,.65)}
/* === /THEME_TOGGLE === */

/* === TOPSTRIP_SOCIAL === */
.topstrip__social{display:flex;align-items:center;gap:8px;margin-right:4px}
.topstrip__social .soc{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);}
.topstrip__social .soc:hover{background:rgba(255,255,255,.09);border-color:rgba(231,198,140,.25)}
.topstrip__social .soc img{width:16px;height:16px;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
:root[data-theme="light"] .topstrip__social .soc{border-color:rgba(20,18,16,.14);background:rgba(20,18,16,.04)}
:root[data-theme="light"] .topstrip__social .soc:hover{background:rgba(20,18,16,.06);border-color:rgba(179,106,42,.30)}
:root[data-theme="light"] .topstrip__social .soc img{filter:invert(1) brightness(0)}
/* === /TOPSTRIP_SOCIAL === */

/* === FAB_ENVELOPE === */
.fab-contact{gap:0;padding:12px 12px}
.fab-contact svg{width:18px;height:18px}



/* --- Light theme readability fixes --- */
:root[data-theme="light"] .card,
:root[data-theme="light"] .productcard,
:root[data-theme="light"] .gitem,
:root[data-theme="light"] .blogpost{
  color: var(--ink) !important;
}

:root[data-theme="light"] .productcard__title .h3{ color: var(--ink) !important; }
:root[data-theme="light"] .productcard__bul ul{ color: var(--muted) !important; }
:root[data-theme="light"] .productcard__tag{
  background: rgba(20,18,16,.06) !important;
  border-color: rgba(20,18,16,.14) !important;
  color: var(--ink) !important;
}

/* Blog list cards inside light theme */
:root[data-theme="light"] .bloglist .card,
:root[data-theme="light"] .blogcards .card{
  color: var(--ink) !important;
}
:root[data-theme="light"] .blogpost__meta .meta{ color: rgba(20,18,16,.70) !important; }

/* Ensure links are readable */
:root[data-theme="light"] a{ color: #616161; }
:root[data-theme="light"] a:hover{ color: #616161; }

/* =============================
   FINAL PATCH: sticky sitebar + logo/dropdown layering
   ============================= */
.sitebar{
  position: sticky;
  top: 0;
  z-index: 600;
  overflow: visible;
}
.sitebar .topstrip,
.sitebar .header{
  position: relative !important;
  top: auto !important;
  overflow: visible;
}
/* keep topstrip above header for dropdowns */
.sitebar .topstrip{ z-index: 40; }
.sitebar .header{ z-index: 20; }

/* logo should be above everything */
.sitebar .brand {
    position: absolute;
    z-index: 80;
    top: 30px;
    left: 46%;

/* dropdown menus must render above header */
.sitebar .langmenu,
.sitebar .langmenu .menu,
.sitebar .langmenu .dropdown,
.sitebar .langmenu .lang-menu{
  z-index: 90 !important;
}

/* avoid clipping of the centered logo */
.header .container,
.header .row{ overflow: visible; }

/* HERO2 spacing */
.hero2{ padding: 64px 0 64px !important; }

/* nav active state (persist after click) */
.nav a.active{
  position: relative;
  color: var(--text) !important;
}
.nav a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:3px;
  border-radius:999px;
  background: var(--accent);
  opacity:.95;
}



/* Active nav indicator (persistent after click) */
.nav a{
  position: relative;
}
.nav a.is-active::after,
.nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  background: var(--accent);
  border-radius: 2px;
  opacity: .95;
}
.nav a.is-active,
.nav a[aria-current="page"]{
  color: var(--ink);
}
:root[data-theme="light"] .nav a.is-active,
:root[data-theme="light"] .nav a[aria-current="page"]{
  color: rgba(20,18,16,.92);
}

/* Light theme form fields (contact, newsletter) */
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{
  background: rgba(255,255,255,0.85);
  border-color: rgba(20,18,16,0.18);
  color: rgba(20,18,16,0.92);
}
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder{
  color: rgba(20,18,16,0.55);
}
:root[data-theme="light"] .footer{
  background: rgba(20,18,16,0.92);
  color: rgba(245,238,229,0.9);
}
:root[data-theme="light"] .footer a{ color: rgba(245,238,229,0.92); opacity:1; }
:root[data-theme="light"] .footer__copy{ color: rgba(245,238,229,0.82); }

/* Icon button variant (product cards) */
.btn.icon{padding-left:14px;padding-right:14px;display:inline-flex;align-items:center;gap:0} 
.btn.icon svg{width:18px;height:18px;display:block} 
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* icon buttons inside product cards */
.btn.btn-icon{padding:10px 14px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.btn-icon svg{width:18px;height:18px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* FIXES 2026-03-02 */
/* Ensure small text is readable in light theme (except footer) */
:root[data-theme="light"] .small{color:rgba(20,18,16,.72);}
:root[data-theme="light"] .footer .small{color:var(--footer-ink);}

/* Cart item layout robustness */
.cartitem .t{line-height:1.2; overflow-wrap:anywhere;}
.cartitem .row{flex-wrap:wrap;}
.cartitem .row .price{margin-left:auto}
.cartitem .price{margin-left:auto;}

:root[data-theme="light"] .btn.primary.icon{color:#141210;}
.btn.primary.icon svg{width:18px;height:18px;display:block;}

/* Taste profile + brew chips */
.profilebox{margin-top:12px;padding:12px 12px;border:1px solid rgba(255,255,255,0.10);border-radius:16px;background:rgba(255,255,255,0.03)}
:root[data-theme="light"] .profilebox{border-color:rgba(20,18,16,0.12);background:rgba(255,255,255,0.72)}
.profilebox__h{font-weight:950;font-size:13px;letter-spacing:.02em;opacity:.95;margin-bottom:10px}
.pbar{margin:10px 0}
.pbar__top{display:flex;justify-content:space-between;align-items:center;font-size:12px;opacity:.92}
.pbar__top b{font-weight:950}
.pbar__track{height:8px;border-radius:999px;background:rgba(255,255,255,0.10);overflow:hidden;margin-top:6px}
:root[data-theme="light"] .pbar__track{background:rgba(20,18,16,0.12)}
.pbar__fill{height:8px;border-radius:999px;background:var(--acc)}

.brewbox{margin-top:12px}
.brewbox__h{font-weight:950;font-size:13px;letter-spacing:.02em;opacity:.95;margin:10px 0 8px}
.brewchips{display:flex;gap:8px;flex-wrap:wrap}
.brewchips .chip{padding:8px 10px;border-radius:999px}


@font-face {
    font-display: swap;
    font-family: 'Galano';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/GalanoGrotesqueAlt-Bold.woff2) format('woff2');
}