body{overflow-x:hidden}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .3s ease,background .3s ease}
.site-header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 8px 24px rgba(25,25,25,.07)}
.category-grid a{position:relative;isolation:isolate;overflow:hidden;background:#fff;transition:background .35s ease,color .35s ease}
.category-grid a:after{content:"";position:absolute;inset:0;background:rgba(247,244,236,.72);z-index:-1;opacity:0;transition:opacity .45s ease}
.category-grid a>img{position:absolute;inset:0;z-index:-2;opacity:0;transform:scale(1.04);transition:opacity .45s ease,transform .65s ease}
.category-grid a span,.category-grid a b,.category-grid a i,.category-grid a small{position:relative;z-index:1}
.category-grid a i{transition:transform .25s ease,color .25s ease}
.category-grid a small{grid-column:1/3;font-size:11px;color:#b9b2a5;margin-top:8px;letter-spacing:.02em}
.category-grid a:hover:after,.category-grid a:focus-visible:after{opacity:1}
.category-grid a:hover>img,.category-grid a:focus-visible>img{opacity:.58;transform:scale(1)}
.category-grid a:hover i,.category-grid a:focus-visible i{transform:translateX(5px);color:#8c7118}
.category-grid .dark{background:#191919}
.category-grid .dark:after{background:rgba(25,25,25,.7);opacity:1}
.category-grid .dark>img{opacity:.18}
.category-grid .dark:hover>img,.category-grid .dark:focus-visible>img{opacity:.33}
.category-grid .dark:hover{background:#191919}
.product-card{transition:transform .35s ease,box-shadow .35s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(25,25,25,.08)}
.product-info div{justify-content:flex-end;min-height:55px}
.product-info strong{transition:color .2s ease,letter-spacing .2s ease}
.product-card:hover .product-info strong{color:#8c7118;letter-spacing:.14em}
.text-link{transition:color .2s ease,border-color .2s ease,letter-spacing .2s ease}
.text-link:hover{color:#8c7118;border-color:#D9B536;letter-spacing:.15em}
.article b{transition:color .2s ease,letter-spacing .2s ease}
.article:hover b{color:#8c7118;letter-spacing:.14em}
.newsletter button{transition:background .25s ease,color .25s ease}
.newsletter button:hover{background:#302d27;color:#D9B536}
.whatsapp-callout{background:#fff;padding:88px 0;border-top:1px solid rgba(25,25,25,.15)}
.whatsapp-callout .shell{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
.whatsapp-callout h2{font:500 clamp(40px,5vw,58px)/1.03 "Playfair Display",Georgia,serif;letter-spacing:-.035em;margin:0;max-width:570px}
.whatsapp-callout .shell>div:last-child{max-width:520px}
.whatsapp-callout .shell>div:last-child p{color:#6b675f;font-size:17px;line-height:1.65;margin:0 0 28px}
.whatsapp-button{background:transparent;color:#191919;border:1px solid #191919}
.whatsapp-button:hover{border-color:#D9B536}
@media(max-width:980px){
  .whatsapp-callout .shell{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(38px,11vw,45px)}
  .category-grid a{min-height:156px;padding:20px}
  .category-grid a:after{opacity:1;background:rgba(247,244,236,.62)}
  .category-grid a>img{opacity:.5;transform:none}
  .category-grid .dark>img{opacity:.25}
  .category-grid a b{font-size:23px}
  .category-grid a i{width:44px;height:44px;display:grid;place-items:center;margin:-10px -10px 0 0}
  .category-grid a small{font-size:10px}
  .whatsapp-callout{padding:70px 0}
  .whatsapp-callout .shell{gap:24px}
  .whatsapp-callout h2{font-size:40px}
  .whatsapp-callout .shell>div:last-child p{font-size:16px}
  .whatsapp-button{min-height:52px;width:100%;justify-content:space-between}
}
@media(max-width:430px){
  .hero h1{font-size:40px}
  .section-heading h2,.brands h2,.social-section h2,.newsletter h2{font-size:38px}
  .hero-visual{height:360px}
  .product-card{min-width:86vw}
  .product-image{height:315px}
  .feature.large h3{font-size:31px}
  .whatsapp-callout h2{font-size:37px}
}
@media(max-width:375px){
  .hero h1{font-size:37px}
  .hero-text{font-size:16px}
  .section-heading h2,.brands h2,.social-section h2,.newsletter h2{font-size:35px}
  .hero-visual{height:330px}
  .button{width:100%;justify-content:space-between;min-height:52px}
  .feature.large h3{font-size:29px}
  .article.lead h3{font-size:30px}
  .whatsapp-callout h2{font-size:35px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}