/* =====================================================================
   CASA DOS DESTILADOS — ESTILOS
   ===================================================================== */

:root{
  --bg:#0C0B0A;
  --bg-2:#131110;
  --panel:#17140F;
  --panel-2:#1E1A13;

  --line:#2E2619;
  --line-soft:#221c14;

  --gold:#C9A24B;
  --gold-bright:#E4C877;
  --gold-deep:#9A7B33;

  --cream:#EDE4D3;
  --muted:#928A7B;
  --muted-2:#6E665A;
  --white:#F6F1E8;
  --sold:#B4472F;

  --wa:#1F7A4D;
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Jost',sans-serif;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

::selection{
  background:var(--gold);
  color:#0C0B0A;
}

a{
  color:inherit;
  text-decoration:none;
}

button{
  font-family:inherit;
  cursor:pointer;
  border:none;
  background:none;
  color:inherit;
}

img{
  display:block;
  max-width:100%;
}

.serif{
  font-family:'Cormorant Garamond',serif;
}

.serif-sc{
  font-family:'Cormorant SC',serif;
}

body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;

  background:
    radial-gradient(
      ellipse 80% 50% at 50% -10%,
      rgba(201,162,75,.06),
      transparent 60%
    ),
    radial-gradient(
      ellipse 60% 40% at 100% 100%,
      rgba(201,162,75,.04),
      transparent 60%
    );
}


/* =====================================================================
   TOPBAR
   ===================================================================== */

.topbar{
  position:sticky;
  top:0;
  z-index:60;

  display:flex;
  align-items:center;
  gap:16px;

  padding:12px max(14px,4vw);

  background:rgba(12,11,10,.92);
  backdrop-filter:blur(14px);

  border-bottom:1px solid var(--line);
}

.menu-toggle{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;

  width:44px;
  height:44px;

  border-radius:8px;
  flex-shrink:0;

  border:1px solid var(--line);

  transition:
    border-color .2s,
    background .2s;
}

.menu-toggle:hover{
  border-color:var(--gold-deep);
  background:var(--panel);
}

.menu-toggle span{
  display:block;

  width:20px;
  height:2px;

  margin:0 auto;

  background:var(--gold-bright);

  border-radius:2px;

  transition:.25s;
}

.topbar-brand{
  display:flex;
  align-items:center;
  gap:10px;

  cursor:pointer;

  margin-right:auto;
}

.topbar-brand img{
  height:34px;
  width:auto;
}

.topbar-brand .tb-name{
  font-family:'Cormorant Garamond',serif;
  font-weight:600;
  font-size:19px;

  color:var(--gold-bright);

  letter-spacing:.02em;

  white-space:nowrap;
}


/* =====================================================================
   BUSCA
   ===================================================================== */

.search-wrap{
  position:relative;
  flex:1;

  max-width:420px;
}

.search-input{
  width:100%;

  padding:11px 40px 11px 40px;

  border-radius:24px;

  background:var(--panel);

  border:1px solid var(--line);

  color:var(--cream);

  font-family:'Jost',sans-serif;
  font-size:14px;

  transition:border-color .2s;
}

.search-input::placeholder{
  color:var(--muted-2);
}

.search-input:focus{
  outline:none;
  border-color:var(--gold-deep);
}

.search-ico{
  position:absolute;

  left:14px;
  top:50%;

  transform:translateY(-50%);

  width:16px;
  height:16px;

  color:var(--muted);

  pointer-events:none;
}

.search-clear{
  position:absolute;

  right:12px;
  top:50%;

  transform:translateY(-50%);

  color:var(--muted);

  font-size:18px;

  display:none;
}

.search-clear.show{
  display:block;
}

.search-clear:hover{
  color:var(--cream);
}


/* =====================================================================
   CARRINHO TOPBAR
   ===================================================================== */

.topbar-cart{
  position:relative;

  width:44px;
  height:44px;

  border-radius:8px;

  border:1px solid var(--line);

  display:flex;
  align-items:center;
  justify-content:center;

  flex-shrink:0;

  transition:
    border-color .2s,
    background .2s;
}

.topbar-cart:hover{
  border-color:var(--gold-deep);
  background:var(--panel);
}

.topbar-cart svg{
  width:20px;
  height:20px;

  color:var(--gold-bright);
}

.topbar-cart .badge{
  position:absolute;

  top:-4px;
  right:-4px;

  background:var(--sold);
  color:#fff;

  font-size:10px;
  font-weight:500;

  min-width:19px;
  height:19px;

  padding:0 5px;

  border-radius:10px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:2px solid var(--bg);
}


/* =====================================================================
   MENU LATERAL
   ===================================================================== */

.drawer-overlay{
  position:fixed;
  inset:0;

  z-index:70;

  background:rgba(0,0,0,.6);

  opacity:0;

  pointer-events:none;

  transition:opacity .3s;
}

.drawer-overlay.open{
  opacity:1;
  pointer-events:auto;
}

.drawer{
  position:fixed;

  top:0;
  left:0;

  height:100%;

  width:min(360px,86vw);

  z-index:71;

  background:var(--bg-2);

  border-right:1px solid var(--line);

  display:flex;
  flex-direction:column;

  transform:translateX(-101%);

  transition:
    transform .32s cubic-bezier(.4,0,.2,1);
}

.drawer.open{
  transform:translateX(0);
}

.drawer-head{
  padding:22px 22px 18px;

  border-bottom:1px solid var(--line);

  display:flex;
  align-items:center;
  justify-content:space-between;
}

.drawer-head .dh-title{
  font-family:'Cormorant SC',serif;

  font-weight:600;

  letter-spacing:.16em;

  font-size:13px;

  text-transform:uppercase;

  color:var(--gold);
}

.drawer-head .close-btn{
  font-size:22px;

  color:var(--muted);

  line-height:1;
}

.drawer-head .close-btn:hover{
  color:var(--cream);
}

.drawer-list{
  flex:1;

  overflow-y:auto;

  padding:8px 0 20px;
}

.drawer-item{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  width:100%;

  text-align:left;

  padding:14px 22px;

  font-size:15px;

  color:var(--cream);

  transition:
    background .18s,
    color .18s;

  border-left:2px solid transparent;
}

.drawer-item:hover{
  background:var(--panel);

  color:var(--gold-bright);

  border-left-color:var(--gold);
}

.drawer-item.active{
  color:var(--gold-bright);

  border-left-color:var(--gold);

  background:var(--panel);
}

.drawer-item .di-dot{
  width:7px;
  height:7px;

  border-radius:50%;

  flex-shrink:0;

  margin-right:2px;
}

.drawer-item .di-name{
  flex:1;
}

.drawer-item .di-count{
  font-size:11px;

  color:var(--muted-2);

  font-variant-numeric:tabular-nums;
}

.drawer-home{
  margin:4px 14px 8px;

  padding:12px 14px;

  border-radius:8px;

  border:1px solid var(--line);

  display:flex;
  align-items:center;

  gap:10px;

  font-size:14px;

  color:var(--gold-bright);
}

.drawer-home:hover{
  background:var(--panel);

  border-color:var(--gold-deep);
}

.drawer-home svg{
  width:16px;
  height:16px;
}


/* =====================================================================
   VIEWS
   ===================================================================== */

.view{
  display:none;

  position:relative;

  z-index:2;
}

.view.active{
  display:block;

  animation:fade .4s ease;
}

@keyframes fade{
  from{
    opacity:0;
  }

  to{
    opacity:1;
  }
}


/* =====================================================================
   HOME / HERO
   ===================================================================== */

.hero{
  position:relative;

  text-align:center;

  padding:70px 6vw 46px;

  border-bottom:1px solid var(--line);

  overflow:hidden;
}

.hero::before{
  content:'';

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    radial-gradient(
      ellipse 55% 42% at 50% 40%,
      rgba(201,162,75,.08),
      transparent 66%
    );
}

.hero-emblem{
  position:relative;

  z-index:1;

  width:92px;

  margin:0 auto 20px;

  filter:drop-shadow(
    0 5px 18px rgba(0,0,0,.65)
  );
}

.hero-script{
  position:relative;

  z-index:1;

  width:min(420px,80vw);

  height:auto;

  margin:0 auto 26px;
}

.hero-tagline{
  position:relative;

  z-index:1;

  font-family:'Cormorant SC',serif;

  font-weight:600;

  letter-spacing:.28em;

  font-size:clamp(15px,2.4vw,20px);

  color:var(--gold-bright);

  text-transform:uppercase;

  margin-bottom:8px;
}

.hero-year{
  position:relative;

  z-index:1;

  font-family:'Cormorant Garamond',serif;

  font-weight:500;

  letter-spacing:.46em;

  font-size:14px;

  color:var(--muted);

  text-indent:.46em;

  margin-bottom:26px;
}

.hero-sub{
  position:relative;

  z-index:1;

  color:var(--muted);

  font-size:14.5px;

  max-width:480px;

  line-height:1.7;

  margin:0 auto;
}


/* =====================================================================
   BUSCA HOME
   ===================================================================== */

.home-search{
  position:relative;

  z-index:1;

  max-width:520px;

  margin:32px auto 0;
}

.home-search .search-input{
  padding:15px 46px;

  font-size:15px;

  border-radius:28px;
}

.home-search .search-ico{
  left:18px;

  width:18px;
  height:18px;
}


/* =====================================================================
   SEÇÕES HOME
   ===================================================================== */

.home-section{
  padding:56px max(16px,5vw) 20px;

  max-width:1280px;

  margin:0 auto;
}

.section-head{
  text-align:center;

  margin-bottom:38px;
}

.section-eyebrow{
  font-family:'Cormorant SC',serif;

  font-weight:600;

  letter-spacing:.3em;

  font-size:12px;

  text-transform:uppercase;

  color:var(--gold);

  display:block;

  margin-bottom:10px;
}

.section-head h2{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:clamp(26px,4vw,38px);

  color:var(--white);
}

.section-rule{
  width:60px;
  height:1px;

  margin:18px auto 0;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold),
      transparent
    );
}


/* =====================================================================
   DESTILARIAS
   ===================================================================== */

.distill-grid{
  display:grid;

  grid-template-columns:
    repeat(
      auto-fill,
      minmax(210px,1fr)
    );

  gap:14px;
}

.distill-card{
  position:relative;

  overflow:hidden;

  border-radius:6px;

  padding:26px 20px;

  background:
    linear-gradient(
      180deg,
      var(--panel),
      var(--bg-2)
    );

  border:1px solid var(--line-soft);

  cursor:pointer;

  transition:
    border-color .25s,
    transform .25s;

  text-align:left;

  display:flex;

  flex-direction:column;

  gap:8px;

  min-height:132px;
}

.distill-card::before{
  content:'';

  position:absolute;

  left:0;
  top:0;
  bottom:0;

  width:3px;

  background:
    var(--dc-tint,#C9A24B);

  opacity:.75;
}

.distill-card:hover{
  border-color:var(--gold-deep);

  transform:translateY(-3px);
}

.distill-card .dc-name{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:22px;

  color:var(--white);

  line-height:1.1;
}

.distill-card .dc-region{
  font-size:12px;

  color:var(--muted);

  line-height:1.4;
}

.distill-card .dc-count{
  margin-top:auto;

  font-size:11px;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:
    var(--dc-tint,var(--gold));
}

.distill-card .dc-arrow{
  position:absolute;

  right:18px;
  bottom:18px;

  color:var(--muted-2);

  font-size:18px;

  transition:
    color .2s,
    transform .2s;
}

.distill-card:hover .dc-arrow{
  color:var(--gold-bright);

  transform:translateX(3px);
}


/* =====================================================================
   DESTAQUES
   ===================================================================== */

.featured-row{
  display:flex;

  gap:16px;

  overflow-x:auto;

  padding:4px 2px 16px;

  scrollbar-width:thin;
}

.featured-row::-webkit-scrollbar{
  height:6px;
}

.featured-row::-webkit-scrollbar-thumb{
  background:var(--line);

  border-radius:3px;
}

.featured-card{
  flex:0 0 210px;

  background:
    linear-gradient(
      180deg,
      var(--panel),
      var(--bg-2)
    );

  border:1px solid var(--line-soft);

  border-radius:6px;

  padding:18px 16px 16px;

  display:flex;

  flex-direction:column;

  cursor:pointer;

  transition:
    border-color .25s,
    transform .25s;
}

.featured-card:hover{
  border-color:var(--gold-deep);

  transform:translateY(-3px);
}

.featured-card .fc-fig{
  height:150px;

  display:flex;

  align-items:center;

  justify-content:center;

  margin-bottom:14px;
}

.featured-card .fc-fig img{
  max-height:150px;

  width:auto;

  object-fit:contain;

  filter:
    drop-shadow(
      0 8px 16px rgba(0,0,0,.55)
    );
}

.featured-card .fc-col{
  font-size:10.5px;

  letter-spacing:.1em;

  text-transform:uppercase;

  color:var(--gold-deep);

  margin-bottom:4px;
}

.featured-card .fc-name{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:17px;

  color:var(--white);

  line-height:1.15;

  margin-bottom:8px;

  flex:1;
}

.featured-card .fc-price{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:19px;

  color:var(--gold-bright);
}


/* =====================================================================
   PÁGINA DESTILARIA / RESULTADOS
   ===================================================================== */

.page-wrap{
  padding:44px max(16px,5vw) 130px;

  max-width:1280px;

  margin:0 auto;
}

.breadcrumb{
  display:flex;

  align-items:center;

  gap:8px;

  font-size:12.5px;

  color:var(--muted);

  margin-bottom:26px;
}

.breadcrumb a:hover{
  color:var(--gold-bright);
}

.breadcrumb .sep{
  color:var(--muted-2);
}

.cat-head{
  text-align:center;

  margin-bottom:8px;
}

.cat-eyebrow{
  font-family:'Cormorant SC',serif;

  font-weight:600;

  letter-spacing:.3em;

  font-size:12px;

  text-transform:uppercase;

  color:var(--gold);

  display:block;

  margin-bottom:10px;
}

.cat-head h2{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:clamp(30px,5vw,46px);

  color:var(--white);

  line-height:1.05;
}

.cat-region{
  color:var(--muted);

  font-size:13.5px;

  margin-top:12px;
}

.cat-rule{
  width:70px;
  height:1px;

  margin:22px auto 46px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--gold),
      transparent
    );
}


/* =====================================================================
   GRID / CARDS
   ===================================================================== */

.grid{
  display:grid;

  grid-template-columns:
    repeat(
      auto-fill,
      minmax(210px,1fr)
    );

  gap:16px;
}

.card{
  background:
    linear-gradient(
      180deg,
      var(--panel),
      var(--bg-2)
    );

  border:1px solid var(--line-soft);

  border-radius:3px;

  padding:20px 18px 18px;

  display:flex;

  flex-direction:column;

  position:relative;

  overflow:hidden;

  transition:
    border-color .25s,
    transform .25s;

  animation:
    rise .5s ease backwards;

  cursor:pointer;
}

.card::before{
  content:'';

  position:absolute;

  inset:0 0 auto 0;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(201,162,75,.35),
      transparent
    );

  opacity:0;

  transition:opacity .25s;
}

.card:hover{
  border-color:var(--gold-deep);

  transform:translateY(-3px);
}

.card:hover::before{
  opacity:1;
}

@keyframes rise{
  from{
    opacity:0;

    transform:
      translateY(14px);
  }

  to{
    opacity:1;

    transform:
      translateY(0);
  }
}

.card-figure{
  height:150px;

  margin-bottom:16px;

  display:flex;

  align-items:center;

  justify-content:center;

  position:relative;
}

.card-figure .bottle-photo{
  max-height:132px;

  width:auto;

  max-width:100%;

  object-fit:contain;

  border-radius:2px;

  filter:
    drop-shadow(
      0 8px 16px rgba(0,0,0,.55)
    );
}

.card h3{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:19px;

  line-height:1.15;

  color:var(--white);

  margin-bottom:3px;
}

.card .variant{
  font-size:12px;

  color:var(--muted);

  line-height:1.35;

  margin-bottom:2px;

  min-height:16px;
}

.card .vol{
  font-size:10.5px;

  letter-spacing:.14em;

  color:var(--muted-2);

  text-transform:uppercase;

  margin-top:6px;
}

.card-foot{
  margin-top:auto;

  padding-top:16px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;
}

.price{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:20px;

  color:var(--gold-bright);

  white-space:nowrap;
}

.card .search-col{
  font-size:10.5px;

  letter-spacing:.1em;

  text-transform:uppercase;

  color:var(--gold-deep);

  margin-bottom:8px;

  cursor:pointer;
}

.card .search-col:hover{
  color:var(--gold-bright);
}


/* =====================================================================
   BOTÕES CARD
   ===================================================================== */

.add-btn{
  border:1px solid var(--gold-deep);

  color:var(--gold-bright);

  width:34px;
  height:34px;

  border-radius:50%;

  flex-shrink:0;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:20px;

  line-height:1;

  transition:all .2s;
}

.add-btn:hover{
  background:var(--gold);

  color:#0C0B0A;

  border-color:var(--gold);
}

.qty-control{
  display:flex;

  align-items:center;

  gap:12px;

  border:1px solid var(--gold-deep);

  border-radius:20px;

  padding:5px 10px;

  flex-shrink:0;
}

.qty-control button{
  color:var(--gold-bright);

  font-size:16px;

  width:16px;
  height:20px;

  line-height:1;
}

.qty-control span{
  font-size:13px;

  min-width:14px;

  text-align:center;

  font-variant-numeric:tabular-nums;
}

.sold-badge{
  position:absolute;

  top:14px;
  right:-30px;

  transform:rotate(38deg);

  background:var(--sold);

  color:#fff;

  font-size:9px;

  letter-spacing:.18em;

  font-weight:500;

  padding:3px 34px;

  text-transform:uppercase;
}

.card.esgotado .add-btn,
.card.esgotado .qty-control{
  display:none;
}

.card.esgotado .price{
  color:var(--muted-2);
}

.card.esgotado::after{
  content:'Sob consulta';

  margin-top:auto;

  padding-top:16px;

  font-size:11px;

  letter-spacing:.1em;

  color:var(--sold);

  text-transform:uppercase;
}

.img-error{
  font-size:10px;

  color:var(--muted-2);

  text-align:center;

  line-height:1.4;

  padding:20px;
}


/* =====================================================================
   NÃO ENCONTROU
   ===================================================================== */

.notfound{
  margin:16px auto 0;

  max-width:560px;

  text-align:center;

  padding:40px 28px;

  border:1px dashed var(--line);

  border-radius:10px;

  background:var(--panel);
}

.notfound.big{
  margin-top:60px;
}

.notfound h3{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:26px;

  color:var(--white);

  margin-bottom:10px;
}

.notfound p{
  font-size:14px;

  color:var(--muted);

  line-height:1.65;

  margin-bottom:22px;
}

.notfound .wa-inline{
  display:inline-flex;

  align-items:center;

  gap:10px;

  padding:14px 26px;

  border-radius:6px;

  background:var(--wa);

  color:#F6F1E8;

  font-weight:500;

  font-size:14px;

  transition:filter .2s;
}

.notfound .wa-inline:hover{
  filter:brightness(1.12);
}

.notfound .wa-inline svg{
  width:18px;
  height:18px;
}


/* =====================================================================
   RESULTADOS BUSCA
   ===================================================================== */

.results-head{
  text-align:center;

  margin-bottom:40px;
}

.results-head h2{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:clamp(24px,4vw,34px);

  color:var(--white);
}

.results-head .rh-sub{
  font-size:13.5px;

  color:var(--muted);

  margin-top:8px;
}

.results-head .rh-sub b{
  color:var(--gold-bright);

  font-weight:500;
}


/* =====================================================================
   CARRINHO
   ===================================================================== */

.overlay{
  position:fixed;

  inset:0;

  z-index:49;

  background:rgba(0,0,0,.6);

  opacity:0;

  pointer-events:none;

  transition:opacity .3s;
}

.overlay.open{
  opacity:1;

  pointer-events:auto;
}

.cart-panel{
  position:fixed;

  top:0;
  right:0;

  height:100%;

  width:min(430px,94vw);

  z-index:50;

  background:var(--bg-2);

  border-left:1px solid var(--line);

  display:flex;

  flex-direction:column;

  transform:translateX(101%);

  transition:
    transform .32s cubic-bezier(.4,0,.2,1);
}

.cart-panel.open{
  transform:translateX(0);
}

.cart-head{
  padding:26px 24px 20px;

  border-bottom:1px solid var(--line);

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.cart-head h2{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:24px;

  color:var(--white);
}

.cart-head .close-btn{
  font-size:24px;

  color:var(--muted);

  line-height:1;
}

.cart-head .close-btn:hover{
  color:var(--cream);
}

.cart-items{
  flex:1;

  overflow-y:auto;

  padding:8px 24px;
}

.cart-empty{
  text-align:center;

  color:var(--muted);

  font-size:14px;

  margin-top:64px;

  line-height:1.7;
}

.cart-empty .em-icon{
  font-size:34px;

  color:var(--muted-2);

  display:block;

  margin-bottom:14px;
}

.cart-item{
  display:flex;

  gap:14px;

  padding:18px 0;

  border-bottom:1px solid var(--line-soft);
}

.cart-item .ci-fig{
  width:46px;
  height:64px;

  flex-shrink:0;

  display:flex;

  align-items:center;

  justify-content:center;
}

.cart-item .ci-fig .bottle-photo{
  max-height:64px;

  width:auto;

  object-fit:contain;

  border-radius:2px;
}

.ci-info{
  flex:1;

  min-width:0;
}

.ci-info h4{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:16px;

  color:var(--white);

  line-height:1.15;
}

.ci-info .ci-col{
  font-size:11px;

  color:var(--muted-2);

  letter-spacing:.06em;

  margin-top:1px;
}

.ci-info .ci-unit{
  font-size:11.5px;

  color:var(--muted);

  margin-top:4px;
}

.ci-bottom{
  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-top:9px;
}

.ci-total{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:16px;

  color:var(--gold-bright);
}

.ci-remove{
  font-size:10.5px;

  letter-spacing:.08em;

  color:var(--muted-2);

  text-transform:uppercase;

  margin-top:8px;
}

.ci-remove:hover{
  color:var(--sold);
}

.cart-foot{
  padding:22px 24px 26px;

  border-top:1px solid var(--line);

  background:var(--panel);
}

.cart-total-row{
  display:flex;

  align-items:baseline;

  justify-content:space-between;

  margin-bottom:4px;
}

.cart-total-row .lbl{
  font-size:12px;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:var(--muted);
}

.cart-total-row .val{
  font-family:'Cormorant Garamond',serif;

  font-weight:700;

  font-size:30px;

  color:var(--gold-bright);
}

.cart-note{
  font-size:11px;

  color:var(--muted-2);

  line-height:1.55;

  margin:12px 0 18px;
}

.wa-btn{
  width:100%;

  padding:16px;

  border-radius:4px;

  background:var(--wa);

  color:#F6F1E8;

  font-family:'Jost',sans-serif;

  font-weight:500;

  font-size:14px;

  letter-spacing:.03em;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:11px;

  transition:filter .2s;
}

.wa-btn:hover{
  filter:brightness(1.12);
}

.wa-btn:disabled{
  opacity:.35;

  cursor:not-allowed;

  filter:none;
}

.wa-btn svg{
  width:19px;
  height:19px;
}


/* =====================================================================
   FOOTER
   ===================================================================== */

footer{
  position:relative;

  z-index:2;

  border-top:1px solid var(--line);

  padding:52px 6vw 60px;

  text-align:center;
}

footer .f-emblem{
  width:58px;

  margin:0 auto 20px;

  opacity:.9;
}

footer .f-name{
  font-family:'Cormorant Garamond',serif;

  font-style:italic;

  font-weight:500;

  font-size:26px;

  color:var(--gold-bright);

  margin-bottom:8px;
}

footer .f-contact{
  font-size:14px;

  color:var(--cream);

  margin-bottom:6px;
}

footer .f-contact strong{
  color:var(--gold-bright);

  font-weight:500;
}

footer .f-note{
  font-size:11.5px;

  color:var(--muted-2);

  line-height:1.6;

  max-width:440px;

  margin:16px auto 0;
}


/* =====================================================================
   PRONTA ENTREGA / SOB ENCOMENDA
   ===================================================================== */

.pe-badge{
  position:absolute;

  top:12px;
  left:12px;

  z-index:2;

  background:rgba(31,122,77,.18);

  border:1px solid #2f7a4d;

  color:#7fd6a0;

  font-size:9.5px;

  letter-spacing:.05em;

  padding:3px 9px;

  border-radius:20px;
}

.encomenda-badge{
  position:absolute;

  top:12px;
  left:12px;

  z-index:2;

  background:rgba(201,162,75,.12);

  border:1px solid var(--gold-deep);

  color:var(--gold-bright);

  font-size:9.5px;

  letter-spacing:.05em;

  padding:3px 9px;

  border-radius:20px;
}

.card.esgotado .encomenda-badge{
  opacity:.5;
}


/* =====================================================================
   CTA HOME
   ===================================================================== */

.section-cta{
  text-align:center;

  margin-top:32px;
}

.btn-outline{
  border:1px solid var(--gold-deep);

  color:var(--gold-bright);

  padding:13px 28px;

  border-radius:6px;

  font-size:14px;

  letter-spacing:.02em;

  transition:all .2s;

  font-family:'Jost',sans-serif;
}

.btn-outline:hover{
  background:var(--gold);

  color:#0C0B0A;

  border-color:var(--gold);
}


/* =====================================================================
   DRAWER SUBMENU
   ===================================================================== */

.drawer-section{
  display:flex;

  align-items:center;

  gap:12px;

  width:100%;

  text-align:left;

  padding:15px 22px;

  margin:2px 0;

  font-size:15.5px;

  color:var(--cream);

  border-left:2px solid transparent;

  transition:
    background .18s,
    color .18s;
}

.drawer-section:hover{
  background:var(--panel);

  color:#7fd6a0;

  border-left-color:#2f7a4d;
}

.drawer-section .ds-dot{
  width:9px;
  height:9px;

  border-radius:50%;
}

.drawer-section .ds-dot.green{
  background:#3ea56a;

  box-shadow:
    0 0 8px rgba(62,165,106,.6);
}

.drawer-section .ds-name{
  flex:1;

  font-weight:500;
}

.drawer-section .ds-count{
  font-size:11px;

  color:var(--muted-2);
}

.drawer-sub-title{
  padding:16px 22px 8px;

  font-family:'Cormorant SC',serif;

  font-weight:600;

  letter-spacing:.14em;

  font-size:11px;

  text-transform:uppercase;

  color:var(--muted-2);

  border-top:1px solid var(--line-soft);

  margin-top:8px;
}


/* =====================================================================
   PÁGINA DE PRODUTO
   ===================================================================== */

.page-wrap.produto{
  max-width:1100px;
}

.produto-grid{
  display:grid;

  grid-template-columns:1fr 1fr;

  gap:44px;

  align-items:start;
}

.p-gallery{
  position:sticky;

  top:80px;
}


/* =====================================================================
   IMAGEM PRINCIPAL DO PRODUTO
   ===================================================================== */

.p-main-img{
  position:relative;

  width:100%;

  aspect-ratio:1 / 1;

  height:auto;

  display:flex;

  align-items:center;

  justify-content:center;

  background:
    linear-gradient(
      180deg,
      var(--panel),
      var(--bg-2)
    );

  border:1px solid var(--line-soft);

  border-radius:10px;

  overflow:hidden;

  padding:0;
}


/*
   FOTO REAL DO PRODUTO

   Mantém contain para não cortar garrafas.
*/

.p-main-img .p-photo{
  width:100%;
  height:100%;

  max-width:none;
  max-height:none;

  object-fit:contain;

  object-position:center;

  border-radius:9px;

  filter:
    drop-shadow(
      0 14px 26px rgba(0,0,0,.6)
    );
}


/*
   PLACEHOLDER SOB ENCOMENDA

   Quando o JS adicionar:
   class="p-photo sob-encomenda-img"

   ele preenche TODO o quadrado.
*/

.p-main-img .p-photo.sob-encomenda-img,
.p-main-img .p-photo.placeholder{
  width:100%;
  height:100%;

  max-width:none;
  max-height:none;

  object-fit:cover;

  object-position:center;

  border-radius:9px;

  filter:none;
}

.p-main-img .img-error{
  color:var(--muted-2);

  font-size:13px;
}


/* =====================================================================
   INFORMAÇÕES PRODUTO
   ===================================================================== */

.p-badges{
  margin-bottom:14px;
}

.pill{
  display:inline-block;

  font-size:10.5px;

  letter-spacing:.06em;

  padding:5px 12px;

  border-radius:20px;
}

.pill-green{
  background:rgba(31,122,77,.18);

  border:1px solid #2f7a4d;

  color:#7fd6a0;
}

.pill-gold{
  background:rgba(201,162,75,.12);

  border:1px solid var(--gold-deep);

  color:var(--gold-bright);
}

.p-info h1{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:
    clamp(28px,4vw,40px);

  color:var(--white);

  line-height:1.08;

  margin-bottom:6px;
}

.p-variant{
  font-size:14px;

  color:var(--muted);

  margin-bottom:18px;
}

.p-price{
  font-family:'Cormorant Garamond',serif;

  font-weight:700;

  font-size:38px;

  color:var(--gold-bright);

  margin:10px 0 4px;
}

.p-price .p-ex{
  font-family:'Jost',sans-serif;

  font-weight:400;

  font-size:12px;

  color:var(--muted-2);

  letter-spacing:.02em;
}

.p-origem{
  font-size:13px;

  color:var(--muted);

  letter-spacing:.04em;

  margin-bottom:24px;
}


/* =====================================================================
   AÇÕES PRODUTO
   ===================================================================== */

.p-actions{
  margin-bottom:14px;
}

.p-add{
  width:100%;

  max-width:340px;

  padding:16px;

  border-radius:6px;

  background:
    linear-gradient(
      145deg,
      var(--gold-bright),
      var(--gold-deep)
    );

  color:#0C0B0A;

  font-family:'Jost',sans-serif;

  font-weight:600;

  font-size:15px;

  letter-spacing:.02em;

  transition:filter .2s;
}

.p-add:hover{
  filter:brightness(1.08);
}

.qty-control.big{
  display:inline-flex;

  gap:22px;

  padding:12px 20px;

  border-radius:8px;
}

.qty-control.big button{
  font-size:20px;
}

.qty-control.big span{
  font-size:16px;
}

.p-sold{
  color:var(--sold);

  font-size:14px;

  letter-spacing:.08em;

  text-transform:uppercase;

  padding:14px 0;
}

.p-note{
  font-size:11.5px;

  color:var(--muted-2);

  line-height:1.5;

  margin-bottom:26px;

  max-width:340px;
}


/* =====================================================================
   ESPECIFICAÇÕES PRODUTO
   ===================================================================== */

.p-specs{
  border-top:1px solid var(--line);

  padding-top:22px;
}

.p-specs h3{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:20px;

  color:var(--white);

  margin-bottom:14px;
}

.p-specs ul{
  list-style:none;
}

.p-specs li{
  display:flex;

  justify-content:space-between;

  gap:16px;

  padding:9px 0;

  border-bottom:
    1px solid var(--line-soft);

  font-size:13.5px;
}

.p-specs .sp-k{
  color:var(--muted);
}

.p-specs .sp-v{
  color:var(--cream);

  text-align:right;
}


/* =====================================================================
   DESCRIÇÃO
   ===================================================================== */

.p-descricao{
  margin-top:48px;

  border-top:1px solid var(--line);

  padding-top:32px;
}

.p-descricao h3{
  font-family:'Cormorant Garamond',serif;

  font-weight:600;

  font-size:26px;

  color:var(--white);

  margin-bottom:18px;
}

.p-desc-body{
  font-size:15px;

  color:var(--cream);

  line-height:1.75;

  max-width:760px;
}

.p-desc-body b{
  color:var(--white);

  font-weight:500;
}

.p-legal{
  margin-top:24px;

  font-size:11.5px;

  color:var(--muted-2);

  font-style:italic;
}


/* =====================================================================
   RESPONSIVO
   ===================================================================== */

@media(max-width:760px){

  .produto-grid{
    grid-template-columns:1fr;

    gap:24px;
  }

  .p-gallery{
    position:static;
  }

  .p-main-img{
    width:100%;

    height:auto;

    aspect-ratio:1 / 1;
  }

  .p-main-img .p-photo{
    width:100%;

    height:100%;

    max-width:none;

    max-height:none;
  }

  .p-price{
    font-size:32px;
  }
}


@media(max-width:640px){

  .topbar-brand .tb-name{
    display:none;
  }

  .grid{
    grid-template-columns:
      repeat(2,1fr);

    gap:10px;
  }

  .card{
    padding:16px 13px 15px;
  }

  .card-figure{
    height:120px;
  }

  .card-figure .bottle-photo{
    max-height:110px;
  }

  .card h3{
    font-size:16px;
  }

  .price{
    font-size:17px;
  }

  .page-wrap{
    padding:
      30px 14px 120px;
  }

  .distill-grid{
    grid-template-columns:
      repeat(2,1fr);

    gap:10px;
  }

  .distill-card{
    padding:18px 15px;

    min-height:120px;
  }

  .distill-card .dc-name{
    font-size:18px;
  }

  .home-section{
    padding:
      44px 14px 16px;
  }

  .hero{
    padding:
      48px 5vw 36px;
  }
}
/* =====================================================================
   REDESIGN 2026 — HOME / CATÁLOGO / PRODUTO
   ===================================================================== */

:root{
  --surface:#11100e;
  --surface-2:#171511;
  --surface-3:#201c15;
  --gold-soft:#d8b866;
}

.topbar{padding:10px max(16px,4vw);min-height:68px;background:rgba(10,9,8,.94)}
.topbar-brand img{height:38px}
.search-wrap{max-width:520px}
.search-input{border-radius:8px;background:#12110f;border-color:#2a251d}

.hero-redesign{
  max-width:1400px;
  margin:0 auto;
  min-height:640px;
  padding:72px max(24px,6vw) 64px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:64px;
  text-align:left;
  align-items:center;
  border-bottom:0;
}
.hero-redesign::before{background:radial-gradient(circle at 72% 45%,rgba(201,162,75,.13),transparent 34%)}
.hero-copy{position:relative;z-index:2;max-width:690px}
.hero-kicker{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.hero-redesign .hero-script{width:min(360px,72vw);margin:0 0 22px}
.hero-redesign h1{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,6vw,72px);line-height:.98;font-weight:500;color:var(--white);max-width:760px;letter-spacing:-.02em}
.hero-redesign p{font-size:16px;line-height:1.75;color:var(--muted);max-width:610px;margin:24px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn-primary,.btn-ghost{min-height:48px;padding:0 22px;border-radius:4px;font-size:13px;font-weight:500;letter-spacing:.04em;transition:.2s}
.btn-primary{background:var(--gold-bright);color:#100e0b;border:1px solid var(--gold-bright)}
.btn-primary:hover{background:#f0d889;border-color:#f0d889;transform:translateY(-1px)}
.btn-ghost{border:1px solid #3b3326;color:var(--cream)}
.btn-ghost:hover{border-color:var(--gold-deep);color:var(--gold-bright);background:rgba(201,162,75,.05)}
.hero-redesign .home-search{margin:28px 0 0;max-width:560px}
.hero-redesign .home-search .search-input{padding:15px 48px;border-radius:6px;background:rgba(17,16,14,.9)}
.hero-visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,75,.18),rgba(201,162,75,.03) 50%,transparent 72%);filter:blur(2px)}
.hero-watermark{position:absolute;width:360px;opacity:.055;filter:none}
.hero-product{position:relative;z-index:2;width:100%;height:500px;display:flex;align-items:center;justify-content:center}
.hero-product img{max-height:470px;max-width:82%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.7))}
.hero-product-meta{position:absolute;left:12%;bottom:4%;padding:12px 16px;border-left:1px solid var(--gold);background:rgba(12,11,10,.62);backdrop-filter:blur(8px)}
.hero-product-meta b{display:block;font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);font-weight:600}
.hero-product-meta span{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}

.home-section{max-width:1400px;padding:72px max(24px,6vw) 22px}
.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:30px;text-align:left;margin-bottom:28px}
.section-head-row .section-eyebrow{margin-bottom:8px}
.section-head-row h2{font-size:clamp(30px,4vw,44px)}
.section-copy{font-size:13px;color:var(--muted);max-width:390px;line-height:1.55;text-align:right}
.text-link{font-size:13px;color:var(--gold-bright);padding:8px 0;border-bottom:1px solid rgba(201,162,75,.35)}
.text-link:hover{border-color:var(--gold-bright)}

.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.category-card{min-height:132px;border:1px solid var(--line-soft);background:linear-gradient(145deg,#171510,#100f0d);padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;position:relative;overflow:hidden;border-radius:5px;transition:.22s}
.category-card::after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-55px;border:1px solid rgba(201,162,75,.15)}
.category-card:hover{transform:translateY(-3px);border-color:var(--gold-deep);background:linear-gradient(145deg,#1d1912,#11100e)}
.category-card .cc-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--white)}
.category-card .cc-count{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.category-card .cc-arrow{position:absolute;right:18px;bottom:18px;color:var(--gold)}

.home-dark-band{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.014),transparent);border-top:1px solid rgba(201,162,75,.08);border-bottom:1px solid rgba(201,162,75,.08);max-width:none;padding-left:max(24px,calc((100vw - 1400px)/2 + 6vw));padding-right:max(24px,calc((100vw - 1400px)/2 + 6vw))}
.product-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.product-row .card:nth-child(n+9){display:none}

.card{border-radius:6px;padding:0;background:#131210;border-color:#242018;min-height:430px}
.card:hover{transform:translateY(-4px);border-color:#5a4725}
.card-figure{height:245px;margin:0;padding:24px 18px 10px;background:radial-gradient(circle at 50% 60%,rgba(201,162,75,.07),transparent 56%)}
.card-figure .bottle-photo{max-height:215px}
.card h3,.card .variant,.card .vol,.card .card-foot,.card .search-col{margin-left:18px;margin-right:18px}
.card h3{font-size:20px;margin-top:16px;margin-bottom:5px}
.card .variant{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep)}
.card .vol{font-size:11px;margin-top:8px;letter-spacing:.05em;text-transform:none;color:var(--muted)}
.card-foot{padding:18px 0 20px;border-top:1px solid rgba(255,255,255,.045);margin-top:auto}
.price{font-size:22px}
.add-btn{border-radius:4px;width:38px;height:38px}
.wa-inline{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid var(--gold-deep);border-radius:4px;color:var(--gold-bright);font-size:11px;font-weight:500;white-space:nowrap}
.wa-inline:hover{background:var(--gold);color:#0C0B0A}
.pe-badge,.encomenda-badge{top:14px;left:14px;background:rgba(12,11,10,.82);backdrop-filter:blur(8px)}

.editorial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.editorial-card{position:relative;min-height:360px;border:1px solid var(--line-soft);border-radius:6px;overflow:hidden;background:#131210;cursor:pointer;transition:.25s}
.editorial-card:hover{transform:translateY(-4px);border-color:var(--gold-deep)}
.editorial-card .ed-image{height:255px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(201,162,75,.09),transparent 58%);padding:22px}
.editorial-card .ed-image img{max-height:220px;max-width:88%;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.62))}
.editorial-card .ed-body{padding:18px}
.editorial-card .ed-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-deep)}
.editorial-card h3{font-family:'Cormorant Garamond',serif;color:var(--white);font-size:21px;line-height:1.1;margin:5px 0 8px}
.editorial-card .ed-price{font-family:'Cormorant Garamond',serif;color:var(--gold-bright);font-weight:600;font-size:20px}

.distill-strip{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 14px;scrollbar-width:thin}
.distill-strip .distill-card{flex:0 0 240px;min-height:145px}

.order-banner{margin-top:64px;margin-bottom:20px;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:40px;padding-top:46px;padding-bottom:46px;border:1px solid #3a3020;background:linear-gradient(120deg,#1b1710,#0f0e0c);border-radius:8px;overflow:hidden}
.order-banner-copy{max-width:760px}
.order-banner h2{font-size:clamp(32px,5vw,52px);line-height:1.02;color:var(--white);margin:8px 0 14px}
.order-banner p{color:var(--muted);line-height:1.7;max-width:690px;margin-bottom:24px}
.order-banner-mark{font-family:'Cormorant Garamond',serif;font-size:150px;color:rgba(201,162,75,.09);font-weight:700;line-height:.7;text-align:center}
.concierge{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:54px;padding-bottom:70px}
.concierge h2{font-size:36px;color:var(--white);margin:5px 0 8px}
.concierge p{color:var(--muted);max-width:620px;line-height:1.6}
.concierge-btn{width:auto;min-width:210px;padding:15px 22px;border-radius:4px}

.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px;padding:14px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.catalog-chips{display:flex;gap:8px;flex-wrap:wrap}
.catalog-chip{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px}
.catalog-chip.active,.catalog-chip:hover{border-color:var(--gold-deep);color:var(--gold-bright);background:rgba(201,162,75,.05)}

.page-wrap.produto{max-width:1240px}
.produto-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:64px}
.p-main-img{aspect-ratio:1/1;height:auto;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 58%,rgba(201,162,75,.08),transparent 56%),linear-gradient(180deg,#171510,#0f0e0c)}
.p-main-img .p-photo{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;padding:28px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.62))}
.p-main-img .p-photo.sob-encomenda-img{object-fit:cover;padding:0;filter:none}
.p-info{padding-top:14px}
.p-info h1{font-size:clamp(38px,5vw,58px);line-height:.98;margin:14px 0 12px}
.p-price{font-size:46px;margin:22px 0 6px}
.p-origem{margin-bottom:28px}
.p-add{max-width:none;min-height:52px}
.p-note{max-width:none;border-left:1px solid var(--line);padding-left:14px}
.p-specs{margin-top:28px}
.p-descricao{display:grid;grid-template-columns:220px 1fr;gap:42px;padding-top:40px}
.p-descricao h3{font-size:30px}
.p-desc-body{max-width:780px}

.related-section{margin-top:64px;border-top:1px solid var(--line);padding-top:40px}
.related-section h3{font-family:'Cormorant Garamond',serif;font-size:30px;color:var(--white);margin-bottom:22px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.related-grid .card{min-height:390px}
.related-grid .card-figure{height:210px}

@media(max-width:980px){
  .hero-redesign{grid-template-columns:1fr;min-height:auto;gap:24px;padding-top:52px}
  .hero-visual{min-height:390px}
  .hero-product{height:390px}
  .hero-product img{max-height:360px}
  .category-grid,.product-row,.editorial-grid,.related-grid{grid-template-columns:repeat(2,1fr)}
  .produto-grid{grid-template-columns:1fr;gap:30px}.p-gallery{position:static}
}

@media(max-width:640px){
  .topbar{gap:9px}.topbar-brand{margin-right:0}.search-wrap{max-width:none}.search-input{font-size:13px}
  .hero-redesign{padding:42px 18px 28px}.hero-redesign h1{font-size:43px}.hero-redesign p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn-primary,.btn-ghost{padding:0 12px}
  .hero-visual{min-height:320px}.hero-product{height:320px}.hero-product img{max-height:300px}.hero-product-meta{left:2%;bottom:1%}
  .home-section{padding:52px 14px 18px}.section-head-row{align-items:flex-start;flex-direction:column;gap:8px}.section-copy{text-align:left}
  .category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:112px;padding:16px}.category-card .cc-name{font-size:21px}
  .product-row,.editorial-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .card{min-height:365px}.card-figure{height:190px;padding:20px 10px 6px}.card-figure .bottle-photo{max-height:172px}.card h3{font-size:17px;margin-left:12px;margin-right:12px}.card .variant,.card .vol,.card .card-foot,.card .search-col{margin-left:12px;margin-right:12px}.price{font-size:17px}.wa-inline{font-size:9px;padding:0 8px}
  .editorial-card{min-height:300px}.editorial-card .ed-image{height:190px}.editorial-card .ed-image img{max-height:165px}.editorial-card .ed-body{padding:13px}.editorial-card h3{font-size:17px}
  .order-banner{grid-template-columns:1fr;margin-left:14px;margin-right:14px;padding:32px 22px}.order-banner-mark{display:none}.concierge{align-items:flex-start;flex-direction:column}.concierge-btn{width:100%}
  .p-main-img .p-photo{padding:16px}.p-main-img .p-photo.sob-encomenda-img{padding:0}.p-info h1{font-size:38px}.p-price{font-size:36px}.p-descricao{grid-template-columns:1fr;gap:8px}.related-grid .card{min-height:350px}
}
/* =====================================================================
   CARD SOB ENCOMENDA — BOTÃO CONSULTAR CORRIGIDO
   ===================================================================== */

.card-foot-consultar{
  display:block;
  width:100%;
  margin-top:auto;
  padding-top:12px;
}

.consultar-card-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:auto;
  min-width:120px;
  min-height:36px;

  padding:8px 14px;

  border:1px solid var(--gold);
  border-radius:5px;

  background:transparent;
  color:var(--gold);

  font-size:11px;
  font-weight:600;
  letter-spacing:.02em;

  white-space:nowrap;
  text-decoration:none;

  transition:
    background .2s ease,
    color .2s ease;
}

.consultar-card-btn:hover{
  background:var(--gold);
  color:#0c0b0a;
}

.encomenda-card .card-foot-consultar{
  text-align:left;
}

/* =====================================================================
   PRODUTO — LAYOUT COMPACTO / PREMIUM
   ===================================================================== */

.produto{
  max-width:1280px;
  margin:0 auto;
}


/* =====================================================================
   GRID PRINCIPAL
   ===================================================================== */

.produto-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(380px, .95fr);
  gap:56px;
  align-items:start;
}


/* =====================================================================
   GALERIA
   ===================================================================== */

.p-gallery{
  position:sticky;
  top:100px;
}


.p-main-img{
  width:100%;
  max-width:590px;

  aspect-ratio:1 / 1;
  height:auto;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  overflow:hidden;

  background:
    linear-gradient(
      180deg,
      var(--panel),
      var(--bg-2)
    );

  border:1px solid var(--line-soft);
  border-radius:10px;
}


/* Imagem normal do produto */

.p-main-img .p-photo{
  width:100%;
  height:100%;

  max-width:none;
  max-height:none;

  object-fit:contain;

  border-radius:9px;

  filter:
    drop-shadow(
      0 14px 26px rgba(0,0,0,.6)
    );
}


/* Placeholder Sob Encomenda */

.p-main-img .p-photo.sob-encomenda-img{
  width:100%;
  height:100%;

  max-width:none;
  max-height:none;

  object-fit:cover;

  border-radius:9px;

  filter:none;
}


/* =====================================================================
   INFORMAÇÕES
   ===================================================================== */

.p-info{
  padding-top:14px;
}


/* =====================================================================
   BADGES
   ===================================================================== */

.p-badges{
  margin-bottom:16px;
}


.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:30px;

  padding:6px 13px;

  border-radius:999px;

  font-size:11px;
  line-height:1;

  letter-spacing:.04em;
}


.pill-green{
  color:#8fd0a8;
  border:1px solid rgba(89,160,111,.45);
  background:rgba(52,108,69,.12);
}


.pill-gold{
  color:var(--gold-bright);
  border:1px solid var(--gold-deep);
  background:rgba(201,162,75,.06);
}


/* =====================================================================
   TÍTULO DO PRODUTO
   ===================================================================== */

.p-info h1{
  max-width:650px;

  margin:0 0 12px;

  font-size:clamp(
    34px,
    3vw,
    50px
  );

  line-height:.98;

  font-weight:500;

  letter-spacing:-.025em;

  color:var(--white);
}


/* =====================================================================
   PREÇO
   ===================================================================== */

.p-price{
  margin-top:20px;

  color:var(--gold-bright);

  font-family:'Cormorant Garamond',serif;

  font-size:32px;
  line-height:1.1;

  font-weight:600;
}


/* =====================================================================
   CATEGORIA / VOLUME
   ===================================================================== */

.p-origem{
  margin-top:16px;

  color:var(--muted);

  font-size:14px;
  line-height:1.5;

  letter-spacing:.01em;
}


/* =====================================================================
   AÇÕES
   ===================================================================== */

.p-actions{
  margin-top:22px;
}


.p-add{
  width:auto;
  min-width:310px;

  min-height:50px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:13px 22px;

  border:1px solid var(--gold);
  border-radius:6px;

  background:var(--gold-bright);

  color:#0C0B0A;

  font-family:'Jost',sans-serif;

  font-size:14px;
  font-weight:600;

  letter-spacing:.01em;

  text-decoration:none;

  transition:
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


.p-add:hover{
  background:var(--gold);
  border-color:var(--gold-bright);

  transform:translateY(-1px);
}


/* =====================================================================
   NOTA DE PAGAMENTO
   ===================================================================== */

.p-note{
  max-width:520px;

  margin-top:12px;

  padding-left:14px;

  border-left:1px solid var(--line);

  color:var(--muted);

  font-size:11px;
  line-height:1.5;
}


/* =====================================================================
   ESPECIFICAÇÕES
   ===================================================================== */

.p-specs{
  max-width:560px;

  margin-top:30px;
  padding-top:24px;

  border-top:1px solid var(--line);
}


.p-specs h3{
  margin:0 0 14px;

  color:var(--cream);

  font-family:'Cormorant Garamond',serif;

  font-size:20px;
  font-weight:500;
}


.p-specs ul{
  margin:0;
  padding:0;

  list-style:none;
}


.p-specs li{
  min-height:39px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:30px;

  padding:8px 0;

  border-bottom:1px solid var(--line-soft);

  font-size:12px;
}


.sp-k{
  color:var(--muted);
}


.sp-v{
  color:var(--cream);

  text-align:right;
}


/* =====================================================================
   DESCRIÇÃO
   ===================================================================== */

.p-descricao{
  display:grid;

  grid-template-columns:220px minmax(0,1fr);

  gap:40px;

  margin-top:70px;
  padding-top:40px;

  border-top:1px solid var(--line);
}


.p-descricao > h3{
  margin:0;

  color:var(--cream);

  font-family:'Cormorant Garamond',serif;

  font-size:26px;
  line-height:1.1;

  font-weight:500;
}


.p-desc-body{
  max-width:780px;

  color:var(--cream);

  font-size:14px;
  line-height:1.8;
}


.p-legal{
  grid-column:2;

  max-width:780px;

  margin-top:18px;

  color:var(--muted);

  font-size:10px;
  line-height:1.6;
}


/* =====================================================================
   BREADCRUMB DA PÁGINA DE PRODUTO
   ===================================================================== */

.produto .breadcrumb{
  margin-bottom:28px;

  font-size:11px;
}


/* =====================================================================
   CARD SOB ENCOMENDA — BOTÃO COMPACTO
   ===================================================================== */

.card-foot-consultar{
  display:block;

  width:100%;

  margin-top:auto;
  padding-top:12px;

  text-align:left;
}


.consultar-card-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  width:auto;

  min-width:120px;
  min-height:36px;

  padding:8px 14px;

  border:1px solid var(--gold);
  border-radius:5px;

  background:transparent;

  color:var(--gold);

  font-size:11px;
  font-weight:600;

  letter-spacing:.02em;

  white-space:nowrap;

  text-decoration:none;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}


.consultar-card-btn:hover{
  background:var(--gold);

  color:#0C0B0A;
}


/* =====================================================================
   TABLET
   ===================================================================== */

@media(max-width:1000px){

  .produto-grid{
    grid-template-columns:1fr 1fr;

    gap:34px;
  }


  .p-info h1{
    font-size:clamp(
      30px,
      4vw,
      42px
    );
  }


  .p-add{
    width:100%;

    min-width:0;
  }


  .p-main-img{
    max-width:none;
  }

}


/* =====================================================================
   MOBILE
   ===================================================================== */

@media(max-width:760px){

  .produto{
    width:100%;
  }


  .produto-grid{
    grid-template-columns:1fr;

    gap:28px;
  }


  .p-gallery{
    position:static;
  }


  .p-main-img{
    width:100%;
    max-width:none;

    aspect-ratio:1 / 1;

    height:auto;
  }


  .p-main-img .p-photo{
    width:100%;
    height:100%;

    max-width:none;
    max-height:none;
  }


  .p-info{
    padding-top:0;
  }


  .p-badges{
    margin-bottom:12px;
  }


  .pill{
    min-height:28px;

    padding:6px 11px;

    font-size:10px;
  }


  .p-info h1{
    max-width:none;

    margin-bottom:10px;

    font-size:34px;
    line-height:1.02;
  }


  .p-price{
    margin-top:16px;

    font-size:28px;
  }


  .p-origem{
    margin-top:12px;

    font-size:13px;
  }


  .p-actions{
    margin-top:18px;
  }


  .p-add{
    width:100%;

    min-width:0;
    min-height:48px;

    padding:12px 18px;

    font-size:13px;
  }


  .p-note{
    max-width:none;

    font-size:10px;
  }


  .p-specs{
    max-width:none;

    margin-top:26px;
    padding-top:22px;
  }


  .p-specs h3{
    font-size:19px;
  }


  .p-specs li{
    min-height:38px;

    font-size:12px;
  }


  .p-descricao{
    display:block;

    margin-top:45px;
    padding-top:28px;
  }


  .p-descricao > h3{
    margin-bottom:18px;

    font-size:24px;
  }


  .p-desc-body{
    max-width:none;

    font-size:13px;
    line-height:1.75;
  }


  .p-legal{
    margin-top:20px;

    font-size:9px;
  }


  .produto .breadcrumb{
    margin-bottom:20px;

    font-size:10px;
  }

}


/* =====================================================================
   MOBILE PEQUENO
   ===================================================================== */

@media(max-width:480px){

  .p-info h1{
    font-size:30px;
  }


  .p-price{
    font-size:26px;
  }


  .p-specs li{
    gap:18px;
  }


  .sp-k{
    max-width:48%;
  }


  .sp-v{
    max-width:52%;
  }

}

/* =====================================================================
   NOVA LOGO — HERO
   ===================================================================== */

.hero-script{
  display:block;

  width:min(100%, 620px);
  height:auto;

  margin:18px auto 0;

  object-fit:contain;
}

#heroScript{
  display:block;

  width:min(100%, 620px);
  height:auto;

  margin:18px auto 0;

  object-fit:contain;
}

@media(max-width:760px){

  .hero-script,
  #heroScript{
    width:min(100%, 420px);
    margin-top:14px;
  }

}

/* =====================================================================
   HERO — INTEGRAÇÃO VISUAL DAS IMAGENS
   Colocar no FINAL do style.css
   ===================================================================== */


/* ---------------------------------------------------------------------
   NOVA LOGO
   --------------------------------------------------------------------- */

#heroScript,
.hero-script{
  display:block;

  width:min(100%, 580px);
  height:auto;

  margin:14px 0 0;

  object-fit:contain;

  /* elimina qualquer aparência de card */
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;

  /*
    Faz o preto da imagem se integrar melhor
    ao fundo escuro do site.
  */
  mix-blend-mode:screen;

  /*
    Suaviza principalmente as extremidades
    da imagem para evitar o efeito "retângulo".
  */
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      rgba(0,0,0,.55) 3%,
      #000 9%,
      #000 91%,
      rgba(0,0,0,.55) 97%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      rgba(0,0,0,.55) 3%,
      #000 9%,
      #000 91%,
      rgba(0,0,0,.55) 97%,
      transparent 100%
    );
}

/* =====================================================================
   HERO — IMAGENS INTEGRADAS SEM EFEITO "COLADO"
   ===================================================================== */


/* ---------------------------------------------------------------------
   LOGO PRINCIPAL
   --------------------------------------------------------------------- */

#heroScript,
.hero-script{
  display:block;

  width:min(100%, 560px);
  height:auto;

  margin:10px 0 0;

  object-fit:contain;

  background:transparent;

  border:0;
  border-radius:0;

  box-shadow:none;

  filter:none;

  mix-blend-mode:normal;

  -webkit-mask-image:none;
  mask-image:none;
}


/* ---------------------------------------------------------------------
   ÁREA VISUAL DO PRODUTO
   --------------------------------------------------------------------- */

.hero-product,
.hero-product-visual,
.hero-feature,
.hero-showcase{
  position:relative;

  display:flex;
  align-items:center;
  justify-content:center;

  min-height:500px;

  background:transparent !important;

  border:0 !important;
  box-shadow:none !important;

  overflow:visible;

  isolation:isolate;
}


/* ---------------------------------------------------------------------
   GLOW ATRÁS DO PRODUTO
   --------------------------------------------------------------------- */

.hero-product::before,
.hero-product-visual::before,
.hero-feature::before,
.hero-showcase::before{
  content:'';

  position:absolute;

  left:50%;
  top:48%;

  width:500px;
  height:500px;

  transform:translate(-50%, -50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(201,162,75,.10) 0%,
      rgba(201,162,75,.055) 25%,
      rgba(201,162,75,.018) 48%,
      transparent 72%
    );

  filter:blur(35px);

  z-index:0;

  pointer-events:none;
}


/* ---------------------------------------------------------------------
   IMAGEM DO PRODUTO
   --------------------------------------------------------------------- */

.hero-product img,
.hero-product-visual img,
.hero-feature img,
.hero-showcase img{
  position:relative;

  z-index:1;

  display:block;

  width:100%;
  max-width:500px;
  height:auto;

  object-fit:contain;

  background:transparent;

  border:0;
  border-radius:0;

  box-shadow:none;

  mix-blend-mode:normal;

  -webkit-mask-image:none;
  mask-image:none;

  filter:
    drop-shadow(
      0 22px 32px rgba(0,0,0,.42)
    )
    drop-shadow(
      0 45px 60px rgba(0,0,0,.24)
    );
}


/* ---------------------------------------------------------------------
   FUNDO DO HERO
   --------------------------------------------------------------------- */

.hero{
  position:relative;

  background:
    radial-gradient(
      circle at 72% 42%,
      rgba(201,162,75,.055) 0%,
      rgba(201,162,75,.020) 27%,
      transparent 55%
    ),
    linear-gradient(
      180deg,
      #0d0c0a 0%,
      #0b0a08 100%
    );

  overflow:hidden;
}


/* ---------------------------------------------------------------------
   MOBILE
   --------------------------------------------------------------------- */

@media(max-width:760px){

  #heroScript,
  .hero-script{
    width:min(100%, 420px);

    margin:8px auto 0;
  }


  .hero-product,
  .hero-product-visual,
  .hero-feature,
  .hero-showcase{
    min-height:auto;

    margin-top:26px;
  }


  .hero-product::before,
  .hero-product-visual::before,
  .hero-feature::before,
  .hero-showcase::before{
    width:360px;
    height:360px;

    opacity:.75;
  }


  .hero-product img,
  .hero-product-visual img,
  .hero-feature img,
  .hero-showcase img{
    max-width:420px;
  }

}

/* =====================================================================
   PRODUTO — IMAGEM TRANSPARENTE INTEGRADA AO FUNDO
   ===================================================================== */

.p-main-img{
  position:relative;

  width:100%;
  max-width:590px;

  aspect-ratio:1 / 1;
  height:auto;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  overflow:visible;

  /* remove o quadrado/fundo próprio */
  background:transparent !important;

  border:0 !important;
  border-radius:0;

  box-shadow:none !important;
}


/* glow bem suave atrás da garrafa */

.p-main-img::before{
  content:'';

  position:absolute;

  left:50%;
  top:48%;

  width:72%;
  height:72%;

  transform:translate(-50%, -50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(201,162,75,.09) 0%,
      rgba(201,162,75,.035) 32%,
      rgba(201,162,75,.012) 52%,
      transparent 72%
    );

  filter:blur(32px);

  pointer-events:none;

  z-index:0;
}


/* sombra discreta no chão */

.p-main-img::after{
  content:'';

  position:absolute;

  left:50%;
  bottom:8%;

  width:38%;
  height:7%;

  transform:translateX(-50%);

  border-radius:50%;

  background:rgba(0,0,0,.45);

  filter:blur(15px);

  pointer-events:none;

  z-index:0;
}


/* PNG transparente */

.p-main-img .p-photo{
  position:relative;

  z-index:2;

  width:86%;
  height:86%;

  max-width:none;
  max-height:none;

  object-fit:contain;

  background:transparent !important;

  border:0;
  border-radius:0;

  box-shadow:none;

  filter:
    drop-shadow(
      0 16px 18px rgba(0,0,0,.30)
    )
    drop-shadow(
      0 32px 30px rgba(0,0,0,.18)
    );
}


/* =====================================================================
   PLACEHOLDER SOB ENCOMENDA
   Continua sendo quadrado
   ===================================================================== */

.p-main-img .p-photo.sob-encomenda-img{
  width:100%;
  height:100%;

  object-fit:cover;

  border:1px solid var(--line-soft);
  border-radius:10px;

  filter:none;
}


/* quando for placeholder, o container pode ficar quadrado novamente */

.p-main-img:has(.sob-encomenda-img){
  overflow:hidden;

  border-radius:10px;
}


/* =====================================================================
   MOBILE
   ===================================================================== */

@media(max-width:760px){

  .p-main-img{
    width:100%;
    max-width:none;
  }

  .p-main-img .p-photo{
    width:88%;
    height:88%;
  }

  .p-main-img .p-photo.sob-encomenda-img{
    width:100%;
    height:100%;
  }

}

/* =====================================================================
   HERO V3 — CASA DOS DESTILADOS
   Marca como protagonista
   ===================================================================== */

.hero{
  position:relative;

  min-height:720px;

  overflow:hidden;

  background:
    radial-gradient(
      ellipse at 73% 48%,
      rgba(194,137,36,.15) 0%,
      rgba(128,82,17,.07) 28%,
      transparent 57%
    ),
    radial-gradient(
      ellipse at 42% 18%,
      rgba(113,77,23,.045),
      transparent 48%
    ),
    linear-gradient(
      115deg,
      #080807 0%,
      #0b0a08 47%,
      #100c07 73%,
      #070706 100%
    );
}


/* brilho geral do hero */

.hero-bg-glow{
  position:absolute;

  width:850px;
  height:850px;

  right:-60px;
  top:-100px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(211,157,47,.09),
      rgba(135,86,17,.035) 40%,
      transparent 70%
    );

  filter:blur(30px);

  pointer-events:none;
}


/* =====================================================================
   CONTAINER
   ===================================================================== */

.hero-inner{
  position:relative;
  z-index:2;

  width:min(100% - 64px, 1320px);

  min-height:720px;

  margin:0 auto;

  display:grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(420px, 1.05fr);

  align-items:center;

  gap:70px;

  padding:
    55px 0
    48px;
}


/* =====================================================================
   TEXTO
   ===================================================================== */

.hero-copy{
  position:relative;

  z-index:4;

  max-width:650px;
}


.hero-eyebrow{
  margin-bottom:38px;

  color:#c6a14a;

  font-size:10px;
  font-weight:500;

  letter-spacing:.30em;

  text-transform:uppercase;
}


.hero-title{
  margin:0;

  max-width:640px;

  color:#f4efe7;

  font-size:clamp(
    50px,
    4.5vw,
    72px
  );

  line-height:.96;

  font-weight:400;

  letter-spacing:-.025em;
}


.hero-description{
  max-width:600px;

  margin:
    28px 0
    0;

  color:#969084;

  font-size:14px;

  line-height:1.85;
}


/* =====================================================================
   BOTÕES
   ===================================================================== */

.hero-actions{
  display:flex;

  align-items:center;

  gap:14px;

  margin-top:31px;
}


.hero-btn{
  min-height:50px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  padding:0 29px;

  border-radius:5px;

  font-family:'Jost',sans-serif;

  font-size:12px;

  font-weight:600;

  letter-spacing:.025em;

  cursor:pointer;

  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}


.hero-btn-primary{
  color:#0b0905;

  border:1px solid #e2bf60;

  background:
    linear-gradient(
      180deg,
      #efd476 0%,
      #dfbd5b 100%
    );

  box-shadow:
    0 10px 35px
    rgba(204,157,48,.08);
}


.hero-btn-primary:hover{
  transform:translateY(-2px);

  box-shadow:
    0 14px 38px
    rgba(204,157,48,.18);
}


.hero-btn-secondary{
  color:#f2eee5;

  border:1px solid
    rgba(201,162,75,.45);

  background:
    rgba(10,9,7,.30);
}


.hero-btn-secondary:hover{
  transform:translateY(-2px);

  border-color:
    rgba(224,185,91,.8);

  background:
    rgba(201,162,75,.05);
}


/* =====================================================================
   BUSCA
   ===================================================================== */

.hero-search-wrap{
  position:relative;

  width:100%;

  max-width:620px;

  margin-top:29px;
}


.hero-search-wrap input{
  width:100%;

  height:57px;

  padding:
    0 20px
    0 53px;

  border:
    1px solid
    rgba(188,153,70,.25);

  border-radius:6px;

  outline:none;

  background:
    rgba(9,9,7,.46);

  color:#eee9dd;

  font-family:'Jost',sans-serif;

  font-size:13px;

  transition:
    border-color .2s ease,
    background .2s ease;
}


.hero-search-wrap input::placeholder{
  color:#716c63;
}


.hero-search-wrap input:focus{
  border-color:
    rgba(211,173,81,.58);

  background:
    rgba(13,12,9,.72);
}


.hero-search-icon{
  position:absolute;

  z-index:2;

  left:18px;
  top:50%;

  width:18px;
  height:18px;

  transform:
    translateY(-50%);

  color:#9b958a;

  pointer-events:none;
}


/* =====================================================================
   LADO DIREITO — MARCA
   ===================================================================== */

.hero-brand{
  position:relative;

  min-height:590px;

  display:flex;

  align-items:center;
  justify-content:center;

  isolation:isolate;
}


/* halo principal */

.hero-brand-halo{
  position:absolute;

  z-index:0;

  left:50%;
  top:46%;

  width:650px;
  height:650px;

  transform:
    translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(220,164,48,.19) 0%,
      rgba(176,111,18,.09) 28%,
      rgba(100,59,8,.025) 53%,
      transparent 72%
    );

  filter:blur(16px);

  pointer-events:none;
}


/* palco */

.hero-brand-stage{
  position:relative;

  z-index:2;

  width:100%;

  min-height:440px;

  display:flex;

  align-items:center;
  justify-content:center;

  background:transparent;

  border:0;

  box-shadow:none;
}


/* LOGO GRANDE */

.hero-brand-logo{
  position:relative;

  z-index:3;

  display:block;

  width:min(100%, 640px);

  height:auto;

  object-fit:contain;

  background:transparent;

  border:0;

  box-shadow:none;

  filter:
    drop-shadow(
      0 24px 35px
      rgba(0,0,0,.38)
    )
    drop-shadow(
      0 0 38px
      rgba(195,135,29,.08)
    );
}


/* iluminação horizontal embaixo da marca */

.hero-brand-floor{
  position:absolute;

  z-index:1;

  left:50%;
  bottom:70px;

  width:82%;
  height:90px;

  transform:
    translateX(-50%);

  border-radius:50%;

  background:
    radial-gradient(
      ellipse,
      rgba(221,168,56,.16),
      rgba(142,87,14,.055) 42%,
      transparent 72%
    );

  filter:blur(15px);

  pointer-events:none;
}


/* linha de chão extremamente sutil */

.hero-brand::after{
  content:'';

  position:absolute;

  z-index:0;

  left:5%;
  right:0;

  bottom:103px;

  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(191,143,46,.20),
      rgba(235,190,84,.32),
      rgba(191,143,46,.12),
      transparent
    );

  box-shadow:
    0 7px 25px
    rgba(181,123,24,.09);
}


/* =====================================================================
   IMPORTANTE:
   remove restos do antigo destaque com bebida
   ===================================================================== */

.hero .hero-showcase,
.hero .hero-feature,
.hero .hero-product-visual,
.hero .hero-product,
.hero .hero-image{
  background:transparent !important;

  border:0 !important;

  box-shadow:none !important;
}


/* =====================================================================
   TABLET
   ===================================================================== */

@media(max-width:1000px){

  .hero{
    min-height:auto;
  }


  .hero-inner{
    width:min(100% - 48px, 800px);

    min-height:auto;

    grid-template-columns:1fr;

    gap:20px;

    padding:
      55px 0
      20px;
  }


  .hero-copy{
    max-width:700px;

    margin:0 auto;

    text-align:center;
  }


  .hero-eyebrow{
    margin-bottom:28px;
  }


  .hero-title{
    margin:
      0 auto;
  }


  .hero-description{
    margin:
      25px auto
      0;
  }


  .hero-actions{
    justify-content:center;
  }


  .hero-search-wrap{
    margin:
      28px auto
      0;
  }


  .hero-brand{
    min-height:440px;
  }


  .hero-brand-stage{
    min-height:360px;
  }


  .hero-brand-logo{
    width:min(100%, 560px);
  }


  .hero-brand-halo{
    width:520px;
    height:520px;
  }


  .hero-brand-floor{
    bottom:35px;
  }


  .hero-brand::after{
    bottom:68px;
  }

}


/* =====================================================================
   MOBILE
   ===================================================================== */

@media(max-width:600px){

  .hero-inner{
    width:min(100% - 36px, 560px);

    padding:
      40px 0
      10px;
  }


  .hero-eyebrow{
    margin-bottom:24px;

    font-size:8px;

    letter-spacing:.20em;
  }


  .hero-title{
    font-size:43px;

    line-height:.98;
  }


  .hero-description{
    margin-top:21px;

    font-size:13px;

    line-height:1.7;
  }


  .hero-actions{
    flex-direction:column;

    margin-top:25px;
  }


  .hero-btn{
    width:100%;

    min-height:49px;
  }


  .hero-search-wrap{
    margin-top:20px;
  }


  .hero-search-wrap input{
    height:54px;

    font-size:12px;
  }


  .hero-brand{
    min-height:330px;
  }


  .hero-brand-stage{
    min-height:290px;
  }


  .hero-brand-logo{
    width:min(100%, 430px);
  }


  .hero-brand-halo{
    width:390px;
    height:390px;
  }


  .hero-brand-floor{
    width:95%;

    bottom:18px;
  }


  .hero-brand::after{
    bottom:49px;
  }

}

/* =====================================================================
   HERO HOME — MARCA COMO PROTAGONISTA
   ===================================================================== */

.hero-brand-home{
  position:relative;
  overflow:hidden;

  min-height:720px;

  background:
    radial-gradient(
      ellipse at 76% 44%,
      rgba(196,132,28,.16) 0%,
      rgba(112,71,14,.07) 30%,
      transparent 58%
    ),
    radial-gradient(
      ellipse at 50% 100%,
      rgba(138,83,12,.08),
      transparent 48%
    ),
    linear-gradient(
      110deg,
      #070706 0%,
      #0b0907 48%,
      #100c07 74%,
      #070706 100%
    );
}


.hero-brand-home::after{
  content:'';

  position:absolute;

  inset:0;

  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.12),
      transparent 35%,
      transparent 67%,
      rgba(0,0,0,.08)
    );
}


/* =====================================================================
   ESTRUTURA
   ===================================================================== */

.hero-brand-home .hero-inner{
  position:relative;
  z-index:2;

  width:min(100% - 64px, 1380px);

  min-height:720px;

  margin:0 auto;

  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);

  align-items:center;

  gap:80px;

  padding:56px 0;
}


/* =====================================================================
   COLUNA ESQUERDA
   ===================================================================== */

.hero-brand-home .hero-copy{
  max-width:660px;
}


.hero-brand-home .hero-eyebrow{
  margin-bottom:38px;

  color:#c9a24b;

  font-size:10px;
  font-weight:500;

  letter-spacing:.28em;

  text-transform:uppercase;
}


/* evita as letras se encostarem */

.hero-brand-home .hero-title{
  margin:0;

  max-width:660px;

  color:#f3eee5;

  font-family:'Cormorant Garamond',serif;

  font-size:clamp(50px,4.6vw,72px);

  font-weight:400;

  line-height:1.02;

  letter-spacing:-.01em;

  text-wrap:balance;
}


.hero-brand-home .hero-description{
  max-width:610px;

  margin:30px auto 0 0;

  color:#938d81;

  font-size:14px;

  line-height:1.85;
}


/* =====================================================================
   BOTÕES
   ===================================================================== */

.hero-brand-home .hero-actions{
  width:100%;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:16px;

  margin-top:32px;
}


.hero-brand-home .hero-btn{
  min-width:205px;
  min-height:52px;

  display:inline-flex;

  align-items:center;
  justify-content:center;

  padding:0 28px;

  border-radius:5px;

  font-family:'Jost',sans-serif;

  font-size:12px;
  font-weight:600;

  letter-spacing:.025em;

  cursor:pointer;

  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}


.hero-brand-home .hero-btn-primary{
  color:#0c0a06;

  border:1px solid #e5c25e;

  background:
    linear-gradient(
      180deg,
      #efd374,
      #dfbd59
    );

  box-shadow:
    0 10px 28px
    rgba(205,156,42,.10);
}


.hero-brand-home .hero-btn-primary:hover{
  transform:translateY(-2px);

  box-shadow:
    0 14px 32px
    rgba(205,156,42,.18);
}


.hero-brand-home .hero-btn-secondary{
  color:#f1ece2;

  border:1px solid
    rgba(201,162,75,.52);

  background:
    rgba(10,9,7,.28);
}


.hero-brand-home .hero-btn-secondary:hover{
  transform:translateY(-2px);

  border-color:#c9a24b;

  background:
    rgba(201,162,75,.055);
}


/* =====================================================================
   BUSCA
   ===================================================================== */

.hero-brand-home .hero-search-wrap{
  position:relative;

  width:100%;
  max-width:630px;

  margin:28px auto 0;
}


.hero-brand-home .hero-search-wrap input{
  width:100%;
  height:58px;

  padding:
    0 20px
    0 54px;

  border:
    1px solid
    rgba(183,147,64,.28);

  border-radius:6px;

  outline:none;

  background:
    rgba(8,8,7,.55);

  color:#eee8dd;

  font-family:'Jost',sans-serif;

  font-size:13px;
}


.hero-brand-home .hero-search-wrap input::placeholder{
  color:#777166;
}


.hero-brand-home .hero-search-wrap input:focus{
  border-color:
    rgba(214,175,78,.62);

  background:
    rgba(12,11,9,.76);
}


.hero-brand-home .hero-search-icon{
  position:absolute;

  left:18px;
  top:50%;

  width:19px;
  height:19px;

  transform:translateY(-50%);

  color:#a09a8f;

  pointer-events:none;
}


/* =====================================================================
   LADO DIREITO — LOGO
   ===================================================================== */

.hero-brand-home .hero-brand{
  position:relative;

  min-height:560px;

  display:flex;

  align-items:center;
  justify-content:center;

  isolation:isolate;
}


.hero-brand-home .hero-brand-glow{
  position:absolute;

  left:50%;
  top:50%;

  width:680px;
  height:680px;

  transform:translate(-50%,-50%);

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(220,164,46,.18) 0%,
      rgba(162,100,17,.08) 32%,
      rgba(78,43,5,.025) 52%,
      transparent 72%
    );

  filter:blur(20px);

  pointer-events:none;
}


.hero-brand-home .hero-brand-logo{
  position:relative;

  z-index:2;

  display:block;

  width:min(100%,650px);
  height:auto;

  object-fit:contain;

  background:transparent;

  border:0;

  box-shadow:none;

  filter:
    drop-shadow(
      0 24px 40px rgba(0,0,0,.30)
    );
}


/* =====================================================================
   TABLET
   ===================================================================== */

@media(max-width:1000px){

  .hero-brand-home{
    min-height:auto;
  }


  .hero-brand-home .hero-inner{
    width:min(100% - 44px,820px);

    min-height:auto;

    grid-template-columns:1fr;

    gap:20px;

    padding:52px 0 20px;
  }


  .hero-brand-home .hero-copy{
    max-width:720px;

    margin:0 auto;

    text-align:center;
  }


  .hero-brand-home .hero-description{
    margin:
      26px auto
      0;
  }


  .hero-brand-home .hero-actions{
    justify-content:center;
  }


  .hero-brand-home .hero-brand{
    min-height:420px;
  }


  .hero-brand-home .hero-brand-logo{
    width:min(100%,560px);
  }

}


/* =====================================================================
   MOBILE
   ===================================================================== */

@media(max-width:600px){

  .hero-brand-home .hero-inner{
    width:min(100% - 34px,560px);

    padding:
      40px 0
      5px;
  }


  .hero-brand-home .hero-eyebrow{
    margin-bottom:25px;

    font-size:8px;

    letter-spacing:.18em;
  }


  .hero-brand-home .hero-title{
    font-size:43px;

    line-height:1.04;

    letter-spacing:0;
  }


  .hero-brand-home .hero-description{
    margin-top:22px;

    font-size:13px;

    line-height:1.7;
  }


  .hero-brand-home .hero-actions{
    flex-direction:column;

    gap:11px;

    margin-top:26px;
  }


  .hero-brand-home .hero-btn{
    width:100%;

    min-width:0;

    min-height:50px;
  }


  .hero-brand-home .hero-search-wrap{
    margin-top:20px;
  }


  .hero-brand-home .hero-search-wrap input{
    height:55px;
  }


  .hero-brand-home .hero-brand{
    min-height:320px;
  }


  .hero-brand-home .hero-brand-logo{
    width:min(100%,430px);
  }


  .hero-brand-home .hero-brand-glow{
    width:420px;
    height:420px;
  }

}


/* =====================================================================
   ESQUELETOS DE CARREGAMENTO (loading placeholders)
   ===================================================================== */
.skeleton-card{
  background:linear-gradient(180deg,#17140F,#131110);
  border:1px solid #221c14; border-radius:8px;
  padding:16px 14px 15px; display:flex; flex-direction:column;
}
.skeleton-img{
  height:140px; border-radius:6px; margin-bottom:16px;
  background:#201c15;
}
.skeleton-line{
  height:12px; border-radius:6px; background:#201c15; margin-bottom:9px;
}
.skeleton-line-lg{ width:85%; height:16px; }
.skeleton-line-sm{ width:55%; }
.skeleton-line-price{ width:40%; height:15px; margin-top:6px; margin-bottom:0; }
/* brilho animado (shimmer) */
.skeleton-img,.skeleton-line{
  position:relative; overflow:hidden;
}
.skeleton-img::after,.skeleton-line::after{
  content:''; position:absolute; inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(201,162,75,.10),transparent);
  animation:skeleton-shimmer 1.4s infinite;
}
@keyframes skeleton-shimmer{ 100%{ transform:translateX(100%);} }
@media(prefers-reduced-motion:reduce){
  .skeleton-img::after,.skeleton-line::after{ animation:none; }
}


/* =====================================================================
   PROMOÇÕES
   ===================================================================== */
.promo-price{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 9px;
  line-height:1.15;
}
.promo-old{
  color:#8f887c;
  font-size:.78em;
  text-decoration:line-through;
  text-decoration-thickness:1px;
}
.promo-new{
  color:#d8b45d;
  font-weight:600;
}
.promo-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 7px;
  border:1px solid rgba(201,162,75,.42);
  border-radius:999px;
  background:rgba(201,162,75,.10);
  color:#d8b45d;
  font-family:Jost,sans-serif;
  font-size:10px;
  font-weight:600;
  letter-spacing:.04em;
  white-space:nowrap;
}
.p-price .promo-price{
  gap:8px 12px;
}
.p-price .promo-old{
  font-size:.55em;
}
.p-price .promo-badge{
  font-size:11px;
}
.ed-price .promo-price{
  gap:5px 7px;
}
.ed-price .promo-badge{
  font-size:9px;
}
.ci-unit .promo-price{
  gap:4px 6px;
}
.ci-unit .promo-badge{
  font-size:8px;
  min-height:17px;
  padding:2px 5px;
}
.ci-unit-label{
  white-space:nowrap;
}


/* =====================================================================
   COMPARTILHAR PRODUTO
   ===================================================================== */

.p-actions .btn-share-product{
  width:100%;
  min-height:52px;
  margin-top:12px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;

  padding:13px 22px;

  background:transparent;
  color:var(--gold);

  border:1px solid var(--gold);
  border-radius:6px;

  font-family:'Jost',sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;

  cursor:pointer;

  transition:
    background .2s ease,
    color .2s ease,
    transform .2s ease;
}

.p-actions .btn-share-product .share-icon{
  width:21px;
  height:21px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;

  flex:0 0 auto;
}

.p-actions .btn-share-product:hover{
  background:rgba(201,162,75,.08);
  color:var(--gold-bright);
}

.p-actions .btn-share-product:active{
  transform:scale(.99);
}

/* =====================================================================
   PREÇO REFERÊNCIA — CARD SOB ENCOMENDA
   ===================================================================== */

.preco-referencia-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;

  margin-bottom:14px;
  padding-left:12px;

  border-left:2px solid var(--gold-deep);
}

.preco-referencia-label {
  display:block;

  margin-bottom:3px;

  color:var(--muted);
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.preco-referencia-valor {
  display:block;

  color:var(--gold-bright);

  font-family:'Cormorant Garamond', serif;
  font-size:23px;
  font-weight:600;
  line-height:1.05;
}

.preco-referencia-aviso {
  display:block;

  margin-top:4px;

  color:var(--muted-2);
  font-size:9px;
  font-weight:400;
  letter-spacing:.02em;
}

.encomenda-card .card-foot-consultar {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
}

.encomenda-card .consultar-card-btn {
  margin-top:0;
}


/* MOBILE */

@media(max-width:640px) {

  .preco-referencia-card {
    margin-bottom:11px;
    padding-left:9px;
  }

  .preco-referencia-label {
    font-size:8px;
    letter-spacing:.06em;
  }

  .preco-referencia-valor {
    font-size:19px;
  }

  .preco-referencia-aviso {
    font-size:8px;
  }

  .encomenda-card .consultar-card-btn {
    min-width:0;
    padding:7px 10px;
    font-size:9px;
  }

}

/* =====================================================================
   PREÇO REFERÊNCIA — PÁGINA DO PRODUTO
   ===================================================================== */

.p-preco-referencia {
  display:flex;
  flex-direction:column;
  align-items:flex-start;

  margin:22px 0 6px;
  padding:14px 0 14px 16px;

  border-left:2px solid var(--gold-deep);
}

.p-preco-referencia-label {
  margin-bottom:4px;

  color:var(--muted);
  font-size:11px;
  font-weight:500;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.p-preco-referencia-valor {
  color:var(--gold-bright);

  font-family:'Cormorant Garamond', serif;
  font-size:40px;
  font-weight:600;
  line-height:1;
}

.p-preco-referencia-aviso {
  margin-top:7px;

  color:var(--muted-2);
  font-size:10px;
  letter-spacing:.02em;
}


/* =====================================================================
   AÇÕES DO PRODUTO — CONSULTAR + COMPARTILHAR
   ===================================================================== */

.p-actions {
  display:flex;
  flex-direction:column;
  align-items:stretch;

  width:100%;
  max-width:440px;

  gap:10px;
  margin-top:22px;
}

.p-actions .p-add {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}


/* botão compartilhar */

.p-actions .btn-share-product {
  appearance:none;
  -webkit-appearance:none;

  box-sizing:border-box;

  width:100%;
  min-height:50px;
  margin:0;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:13px 22px;

  border:1px solid var(--gold);
  border-radius:6px;

  background:transparent;
  color:var(--gold);

  font-family:'Jost', sans-serif;
  font-size:14px;
  font-weight:600;
  letter-spacing:.01em;

  cursor:pointer;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}


/* força o SVG a ficar correto */

.p-actions .btn-share-product svg.share-icon {
  display:block;

  width:18px;
  height:18px;

  flex:0 0 18px;

  overflow:visible;

  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.p-actions .btn-share-product svg.share-icon circle,
.p-actions .btn-share-product svg.share-icon path {
  fill:none !important;
  stroke:currentColor !important;
}

.p-actions .btn-share-product:hover {
  background:rgba(201,162,75,.08);
  border-color:var(--gold-bright);
  color:var(--gold-bright);
}

.p-actions .btn-share-product:active {
  transform:scale(.99);
}


/* =====================================================================
   MOBILE
   ===================================================================== */

@media(max-width:640px) {

  .p-preco-referencia {
    margin-top:16px;
    padding:11px 0 11px 12px;
  }

  .p-preco-referencia-label {
    font-size:9px;
  }

  .p-preco-referencia-valor {
    font-size:32px;
  }

  .p-preco-referencia-aviso {
    font-size:9px;
  }

  .p-actions {
    max-width:none;
    gap:9px;
    margin-top:18px;
  }

  .p-actions .p-add,
  .p-actions .btn-share-product {
    width:100%;
    min-height:48px;
  }

}