*{box-sizing:border-box}*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#161616;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.ann{background:linear-gradient(90deg,#111b2c,#14213d 65%,#58613d);color:rgba(255,255,255,.82);text-align:center;padding:8px 18px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(88,97,63,.16);backdrop-filter:blur(10px)}.header-inner{width:min(1160px,92%);height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo,.footer-logo{font-weight:800;letter-spacing:-.02em;color:#111b2c}.logo{font-size:1.22rem}.header-nav{display:flex;align-items:center;gap:24px}.header-nav a{font-size:.76rem;letter-spacing:.055em;text-transform:uppercase;color:#44483e}.header-nav a:hover{color:#58613d}.header-wa{border:1px solid rgba(88,97,63,.26);padding:8px 15px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#111b2c;background:#fff}.header-wa:hover{background:#111b2c;color:#fff;border-color:#111b2c}.cart-dot{display:inline-flex;min-width:18px;height:18px;align-items:center;justify-content:center;border-radius:99px;background:rgba(88,97,63,.12);color:#58613d;font-size:.68rem;margin-left:4px}.main-page{min-height:60vh}.hero{background:linear-gradient(135deg,#111b2c 0%,#15243b 58%,#4f5b38 125%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,rgba(255,255,255,.10),transparent 26%),radial-gradient(circle at 8% 90%,rgba(88,97,63,.38),transparent 30%)}.hero-inner{position:relative;width:min(1160px,92%);margin:auto;min-height:540px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(330px,.78fr);gap:56px;align-items:center;padding:52px 0}.hero-label,.section-label,.cat-label,.page-kicker{margin:0 0 10px;color:#6b7353;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero .hero-label{color:rgba(255,255,255,.56)}.hero-title{margin:0;max-width:720px;font-size:clamp(2.45rem,5.8vw,4.65rem);line-height:.98;letter-spacing:-.07em;font-weight:800}.hero-sub{max-width:610px;margin:22px 0 0;color:rgba(255,255,255,.72);font-size:1rem;line-height:1.75}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-btn,.primary-btn,.ghost-btn,.detail-btn,.card-buy,.subtle-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border:1px solid transparent;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.hero-btn,.primary-btn,.card-buy,.subtle-link.dark{background:#58613d;color:#fff;border-color:#58613d}.hero-btn:hover,.primary-btn:hover,.card-buy:hover,.subtle-link.dark:hover{background:#111b2c;border-color:#111b2c}.hero-btn.secondary,.ghost-btn,.detail-btn,.subtle-link{background:#fff;color:#111b2c;border-color:rgba(88,97,63,.24)}.hero .hero-btn.secondary{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.24)}.hero-notes{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-notes span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);padding:7px 11px;color:rgba(255,255,255,.78);font-size:.75rem}.hero-showcase{position:relative;min-height:380px}.showcase-card{position:absolute;width:46%;min-width:150px;background:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:0 22px 60px rgba(0,0,0,.26);padding:16px}.showcase-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:10px}.showcase-card span{display:block;margin-top:10px;color:#6b7353;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.showcase-card strong{display:block;color:#111b2c;font-size:.95rem;margin-top:2px;line-height:1.2}.showcase-card.one{left:0;top:36px}.showcase-card.two{right:0;top:0;width:52%}.showcase-card.three{left:22%;bottom:0;width:48%}.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:end;margin-bottom:26px}.section-title,.cat-title,.page-title,.product-info h1{margin:0;color:#111b2c;font-weight:800;letter-spacing:-.055em;line-height:1.05}.section-title,.cat-title{font-size:clamp(1.75rem,3.2vw,2.7rem)}.section-copy,.cat-intro,.page-copy{margin:10px 0 0;color:#4e5248;max-width:720px;font-size:.95rem;line-height:1.72}.why,.home-catalog,.info,.style-finder{border-top:1px solid rgba(88,97,63,.13)}.why{padding:66px 0;background:linear-gradient(135deg,rgba(88,97,63,.07),transparent 45%),#fff}.why-inner,.style-inner,.cat-inner,.info-inner,.page-hero-inner,.split-inner,.product-detail-inner,.footer-inner,.cart-page,.account-page{width:min(1160px,92%);margin:auto}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(88,97,63,.18);background:rgba(88,97,63,.18);gap:1px}.why-card{background:#fff;padding:24px 22px;min-height:210px}.why-number{display:block;color:#6b7353;font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:20px}.why-card h3,.info-card h3,.text-panel h2{margin:0 0 9px;color:#111b2c;font-size:1rem;letter-spacing:-.02em}.why-card p,.info-card p,.text-panel p,.text-panel li{margin:0;color:#55594f;font-size:.88rem;line-height:1.68}.style-finder{padding:56px 0;background:#fafaf7}.style-inner{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.style-list{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.style-list a{background:#fff;border:1px solid rgba(88,97,63,.22);min-width:116px;padding:12px 15px;text-align:center;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#303627}.style-list a:hover{background:#58613d;color:#fff;border-color:#58613d}.cat-wrap{padding:66px 0 72px}.cat-header{margin-bottom:28px}.cat-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cat-search-wrap{position:relative;flex:1;min-width:220px}.cat-search-wrap svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);opacity:.35}.cat-search,.cat-sort{height:42px;border:1px solid rgba(88,97,63,.2);background:#fff;color:#111b2c;outline:none}.cat-search{width:100%;padding:0 12px 0 34px}.cat-sort-wrap{display:flex;align-items:center;gap:8px}.cat-sort-lbl,.cat-count{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:#777b70}.cat-sort{padding:0 34px 0 11px}.cat-tabs,.cat-brands{display:flex;gap:6px;flex-wrap:wrap}.cat-tabs{margin-bottom:10px}.cat-brands{margin-bottom:22px}.tab,.btab{border:1px solid rgba(88,97,63,.18);background:#fff;color:#4f5548;font-size:.76rem;padding:7px 14px}.btab{font-size:.72rem;padding:6px 12px}.tab.active,.btab.active{background:#58613d;color:#fff;border-color:#58613d}.tab:hover,.btab:hover{border-color:#58613d;color:#58613d}.tab.active:hover,.btab.active:hover{color:#fff}.cat-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:4px}.cat-scroll::-webkit-scrollbar{height:6px}.cat-scroll::-webkit-scrollbar-track{background:rgba(88,97,63,.08)}.cat-scroll::-webkit-scrollbar-thumb{background:rgba(88,97,63,.34)}.cat-track{display:flex;gap:14px;width:max-content;padding:2px 2px 16px}.card{width:210px;flex:0 0 210px;background:#fff;border:1px solid rgba(88,97,63,.16);display:flex;flex-direction:column;scroll-snap-align:start;transition:border-color .18s,transform .18s}.card:hover{border-color:rgba(88,97,63,.34);transform:translateY(-2px)}.card-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border-bottom:1px solid rgba(88,97,63,.10);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:contain;padding:15px;background:#fff}.card-body{padding:13px 13px 10px;display:flex;flex-direction:column;gap:5px;flex:1}.card-meta{font-size:.64rem;color:#777b70;text-transform:uppercase;letter-spacing:.08em}.card-name{margin:0;color:#111b2c;font-size:.98rem;font-weight:800;line-height:1.22}.card-short{margin:0;color:#686d63;font-size:.77rem;line-height:1.4}.card-price{margin-top:auto;color:#58613d;font-weight:800;font-size:.88rem}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 13px 13px}.card-actions .detail-btn{grid-column:1/-1}.detail-btn,.card-buy,.card-add{min-height:36px;padding:8px 10px;font-size:.68rem}.card-add{background:#fff;color:#111b2c;border:1px solid rgba(88,97,63,.24)}.card-add:hover{background:#111b2c;color:#fff;border-color:#111b2c}.cat-empty{display:none;text-align:center;padding:42px 20px;color:#777b70}.cat-empty.show{display:block}.catalog-footer{display:flex;justify-content:center;margin-top:22px}.info{padding:58px 0 70px;background:linear-gradient(135deg,rgba(88,97,63,.08),rgba(17,27,44,.035)),#fafaf7}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.info-card{background:#fff;border:1px solid rgba(88,97,63,.16);border-top:3px solid rgba(88,97,63,.38);padding:22px}.footer{border-top:1px solid rgba(88,97,63,.14);padding:34px 0;background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{font-size:.78rem;color:#686d63}.footer-copy{margin:0;color:#92968c;font-size:.74rem}.page-hero{padding:58px 0;background:linear-gradient(135deg,rgba(88,97,63,.10),transparent 48%),linear-gradient(180deg,rgba(17,27,44,.04),transparent),#fff;border-bottom:1px solid rgba(88,97,63,.13)}.page-title{font-size:clamp(2.1rem,4vw,3.6rem);max-width:850px}.collection-tools{padding:34px 0 0}.collection-section{padding:18px 0 74px}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.collection-grid .card{width:auto;flex:none}.split-section{padding:54px 0 76px}.split-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.text-panel{background:#fff;border:1px solid rgba(88,97,63,.16);padding:24px}.product-detail{padding:54px 0 64px}.product-detail-inner{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1fr);gap:46px;align-items:start}.product-gallery{position:sticky;top:86px;background:#fff;border:1px solid rgba(88,97,63,.16);padding:28px}.product-gallery img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:18px}.product-info h1{font-size:clamp(1.8rem,5vw,4.4rem);margin-bottom:8px}.product-price{color:#58613d;font-size:1.12rem;font-weight:800;margin:0 0 16px}.product-desc{color:#4f5548;font-size:1rem;line-height:1.75;max-width:650px}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.product-tags span{border:1px solid rgba(88,97,63,.18);background:rgba(88,97,63,.06);padding:8px 11px;color:#42483a;font-size:.78rem}.product-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.detail-block{border-top:1px solid rgba(88,97,63,.16);padding:22px 0}.detail-block h2{margin:0 0 10px;color:#111b2c;font-size:1.1rem}.detail-block p,.detail-block li{color:#55594f;font-size:.92rem;line-height:1.7}.related{padding:50px 0 72px;background:#fafaf7;border-top:1px solid rgba(88,97,63,.13)}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.related-card{background:#fff;border:1px solid rgba(88,97,63,.16);padding:14px}.related-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;padding:12px}.related-card span{display:block;margin-top:8px;color:#777b70;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.related-card strong{display:block;color:#111b2c;font-size:.95rem;margin-top:2px}.cart-page,.account-page{padding:52px 0 76px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-row{display:grid;grid-template-columns:104px 1fr;gap:16px;background:#fff;border:1px solid rgba(88,97,63,.16);padding:14px}.cart-row img{width:104px;height:104px;object-fit:contain;background:#fff;padding:8px}.cart-row h3{margin:0;color:#111b2c;font-size:1.05rem}.cart-row p{margin:4px 0 12px;color:#686d63;font-size:.85rem}.qty{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.qty button{border:1px solid rgba(88,97,63,.18);background:#fff;padding:6px 10px}.cart-summary,.account-card{background:#fff;border:1px solid rgba(88,97,63,.16);padding:24px}.cart-summary{position:sticky;top:86px;display:flex;flex-direction:column;gap:12px}.cart-summary h2,.account-card h2{margin:0;color:#111b2c;font-size:1.4rem;letter-spacing:-.03em}.empty-cart{border:1px dashed rgba(88,97,63,.26);padding:28px;text-align:center;color:#686d63;background:#fff}.account-page{display:grid;grid-template-columns:minmax(0,640px);gap:24px;justify-content:center}.account-card p{color:#55594f;line-height:1.7}.account-card label{display:flex;flex-direction:column;gap:6px;margin-bottom:13px;color:#686d63;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.account-card input{height:44px;border:1px solid rgba(88,97,63,.18);padding:0 12px}.saved-msg{color:#58613d!important;font-weight:700}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:#111b2c;color:#fff;padding:11px 16px;font-size:.82rem;opacity:0;pointer-events:none;transition:.2s;z-index:210}.toast.show{opacity:1;transform:translate(-50%,0)}body{opacity:1;transition:opacity .22s ease}.page-fade{position:fixed;inset:0;pointer-events:none;background:#fff;opacity:0;z-index:999;transition:opacity .22s ease}body.page-leaving .page-fade{opacity:1}body.page-leaving{opacity:.96}@media(max-width:980px){.hero-inner{grid-template-columns:1fr;gap:28px;padding:42px 0}.hero-showcase{min-height:300px;max-width:520px}.section-head,.style-inner,.product-detail-inner,.cart-layout,.account-page{grid-template-columns:1fr}.style-list{justify-content:flex-start}.why-grid,.collection-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.product-gallery,.cart-summary{position:static}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header-inner{height:56px;align-items:center;flex-direction:row;padding:0}.header-nav{display:none}.ann{font-size:.66rem}.hero-inner{min-height:auto}.hero-title{font-size:clamp(2.15rem,12vw,3.55rem)}.hero-showcase{display:none}.why-grid,.collection-grid{grid-template-columns:1fr 1fr;gap:12px;background:transparent;border:0}.why-card{border:1px solid rgba(88,97,63,.16);min-height:0}.cat-bar{align-items:stretch;flex-direction:column}.cat-search-wrap{min-width:0}.cat-sort-wrap{justify-content:space-between}.cat-sort{flex:1}.card{width:220px;flex-basis:220px}.card-img img{padding:10px}.card-actions{padding:0 10px 10px}.card-body{padding:11px 10px 9px}.split-inner{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.product-actions>*{width:100%}.cart-row{grid-template-columns:84px 1fr}.cart-row img{width:84px;height:84px}.related-grid{gap:10px}}@media(max-width:420px){.collection-grid{grid-template-columns:1fr}.style-list a{flex:1 1 calc(50% - 8px);min-width:0}.hero-actions>*{width:100%}}

/* S&A final hero correction */
:root{
  --navy:#172133;
  --olive:#66714E;
  --olive-soft:rgba(102,113,78,.12);
  --navy-soft:rgba(23,33,51,.08);
}

/* hero-actions visible */

.header{
  border-bottom-color:rgba(23,33,51,.10);
}

.header-nav a:hover,
.footer-links a:hover{
  color:var(--navy)!important;
}

.header-wa{
  border-color:rgba(23,33,51,.28)!important;
  color:var(--navy)!important;
}

.header-wa:hover{
  background:var(--navy)!important;
  border-color:var(--navy)!important;
  color:#fff!important;
}

.tab.active,
.btab.active{
  background:var(--navy)!important;
  border-color:var(--navy)!important;
  color:#fff!important;
}

.cat-label,
.about-label,
.card-meta{
  color:var(--olive)!important;
}

.card-buy,
.product-buy,
.cart-checkout{
  background:var(--navy)!important;
}

.card-buy:hover,
.product-buy:hover,
.cart-checkout:hover{
  background:#0f1726!important;
}

.cat-progress-bar{
  background:var(--navy)!important;
}

.card:hover{
  border-color:rgba(23,33,51,.25)!important;
}

.hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:4px;
  background:linear-gradient(90deg, var(--navy), var(--olive));
  opacity:.85;
  pointer-events:none;
}


/* S&A social footer + stronger navy presence */
:root{
  --navy:#111b2c;
  --navy-2:#172133;
  --olive:#58613d;
}

.header{
  box-shadow:0 10px 30px rgba(17,27,44,.035);
}

.logo,
.footer-logo,
.section-title,
.cat-title,
.product-title,
.collection-title{
  color:var(--navy)!important;
}

.header-nav a{
  color:rgba(17,27,44,.72)!important;
}

.header-nav a:hover{
  color:var(--navy)!important;
}

.ann{
  background:linear-gradient(90deg,#0f1726 0%,#111b2c 64%,#58613d 125%)!important;
}

.hero{
  background:linear-gradient(135deg,#0f1726 0%,#172133 58%,#58613d 132%)!important;
}

.hero:before{
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.11),transparent 28%),
    radial-gradient(circle at 7% 92%,rgba(88,97,63,.42),transparent 32%),
    linear-gradient(90deg,rgba(17,27,44,.38),transparent 62%)!important;
}

.subtle-link,
.subtle-link.dark,
.catalog-footer a{
  color:var(--navy)!important;
  border-color:rgba(17,27,44,.28)!important;
}

.subtle-link:hover,
.subtle-link.dark:hover,
.catalog-footer a:hover{
  background:var(--navy)!important;
  color:#fff!important;
}

.card-buy,
.product-buy,
.cart-checkout,
.add-cart,
.account-button,
button[type="submit"]{
  background:var(--navy)!important;
  border-color:var(--navy)!important;
  color:#fff!important;
}

.card-buy:hover,
.product-buy:hover,
.cart-checkout:hover,
.add-cart:hover,
.account-button:hover,
button[type="submit"]:hover{
  background:#0b1220!important;
  border-color:#0b1220!important;
}

.why,
.info,
.footer{
  border-top-color:rgba(17,27,44,.12)!important;
}

.why-card,
.info-card,
.card,
.product-card,
.cart-summary,
.account-card{
  border-color:rgba(17,27,44,.12)!important;
}

.why-card:hover,
.info-card:hover,
.card:hover,
.product-card:hover{
  border-color:rgba(17,27,44,.26)!important;
}

.footer{
  background:linear-gradient(180deg,#fff 0%,rgba(17,27,44,.035) 100%);
}

.footer-inner{
  row-gap:18px;
}

.footer-social{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.footer-social a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 12px;
  border:1px solid rgba(17,27,44,.18);
  border-radius:999px;
  color:var(--navy);
  background:#fff;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.01em;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.footer-social a:hover{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
  transform:translateY(-1px);
}

.footer-social svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

.footer-copy{
  color:rgba(17,27,44,.52)!important;
}

@media(max-width:760px){
  .footer-social{
    width:100%;
  }
  .footer-social a{
    flex:1 1 130px;
    justify-content:center;
  }
}


/* navy consolidated above */

.hero-showcase,
.hero-products,
.hero-perfumes{
 display:none!important;
}

.footer-social a{
 color:#152238!important;
 font-weight:600;
}



/* Final corrections: visible WhatsApp + cleaner catalog section */
:root{
  --navy:#14213d;
  --navy-2:#0f1a31;
  --olive:#66714e;
  --olive-soft:rgba(102,113,78,.10);
  --navy-soft:rgba(20,33,61,.08);
}

.header-wa{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:9px 16px!important;
  border:1px solid var(--navy)!important;
  border-radius:4px!important;
  background:var(--navy)!important;
  color:#fff!important;
  font-weight:600!important;
  line-height:1!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}

.header-wa svg,
.header-wa .wa-icon{
  display:block!important;
  flex:0 0 auto!important;
  color:#fff!important;
  fill:currentColor!important;
}

.header-wa:hover{
  background:var(--navy-2)!important;
  border-color:var(--navy-2)!important;
  color:#fff!important;
}

.header,
.footer{
  border-color:rgba(20,33,61,.12)!important;
}

.header-nav a:hover,
.footer-links a:hover,
.footer-social a:hover{
  color:var(--navy)!important;
}

.logo,
.footer-logo{
  color:var(--navy)!important;
}

.cat-wrap{
  background:linear-gradient(180deg,#fff 0%, rgba(20,33,61,.025) 100%)!important;
}

.cat-header{
  border-left:3px solid var(--navy)!important;
  padding-left:18px!important;
}

.cat-label{
  color:var(--olive)!important;
  font-weight:700!important;
}

.cat-title{
  color:var(--navy)!important;
  letter-spacing:-.03em!important;
}

.cat-seo{
  color:rgba(20,33,61,.48)!important;
}

.tab.active,
.btab.active,
.card-buy,
.product-buy,
.cart-checkout{
  background:var(--navy)!important;
  border-color:var(--navy)!important;
  color:#fff!important;
}

.tab:hover,
.btab:hover{
  border-color:var(--navy)!important;
  color:var(--navy)!important;
}

.card{
  border-color:rgba(20,33,61,.10)!important;
}

.card:hover{
  border-color:rgba(20,33,61,.28)!important;
}

.card-meta{
  color:var(--olive)!important;
}

.cat-progress-bar{
  background:var(--navy)!important;
}

@media (max-width:760px){
  .header-wa{
    padding:9px 12px!important;
    font-size:.76rem!important;
  }
}

/* ── Targeted fixes ── */

/* Prevent WA button from being squished on small headers */
.header-wa{flex-shrink:0}

/* account muted card */
.account-card.muted{opacity:.72}

/* collection-grid cards: override fixed width so grid works */
.collection-grid .card{width:auto!important;flex:none!important}

/* Mobile: collection grid cards don't need fixed width */
@media(max-width:760px){
  .collection-grid .card{width:auto!important}
}

/* Repair product catalog rendering after QA pass */
.cat-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;}
.cat-scroll.dragging{cursor:grabbing;}
.home-catalog .cat-track{display:flex;gap:16px;width:max-content;padding:2px 2px 18px;}
.home-catalog .card{width:210px;flex:0 0 210px;}
.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;align-items:stretch;}
.card-img{background:#fff!important;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;}
.card-img img{width:100%;height:100%;object-fit:contain!important;padding:16px;background:#fff;}
.card-short{min-height:2.8em;}
@media(max-width:760px){.home-catalog .card{width:168px;flex-basis:168px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-img img{padding:12px}}
@media(max-width:390px){.collection-grid{grid-template-columns:1fr 1fr}.home-catalog .card{width:158px;flex-basis:158px}}


/* Hero image + final copy polish */
.hero{
  position:relative;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 38%, rgba(255,255,255,.48) 64%, rgba(20,33,61,.12) 100%);
  z-index:1;
  pointer-events:none;
}

.hero-content,
.hero .container,
.hero-inner{
  position:relative;
  z-index:2;
}

.hero-visual{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  background:#fff;
}

.hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

/* hero-actions visible */

@media (max-width:760px){
  .hero::before{
    background:linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.82) 54%, rgba(255,255,255,.66) 100%);
  }
  .hero-visual img{
    object-position:center;
    opacity:.42;
  }
}


/* Final hero image correction */
.hero{
  position:relative!important;
  min-height:clamp(520px, 72vh, 760px)!important;
  overflow:hidden!important;
  background:#14213d!important;
  display:flex!important;
  align-items:center!important;
}

.hero-visual{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
}

.hero-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  transform:scale(1.12)!important;
}

.hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(90deg, rgba(20,33,61,.88) 0%, rgba(20,33,61,.66) 34%, rgba(20,33,61,.22) 62%, rgba(20,33,61,.05) 100%),
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(20,33,61,.28) 100%)!important;
  pointer-events:none!important;
}

.hero::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:5px!important;
  background:linear-gradient(90deg,#14213d,#66714e)!important;
  z-index:3!important;
  opacity:1!important;
}

.hero-content,
.hero .container,
.hero-inner{
  position:relative!important;
  z-index:2!important;
  color:#fff!important;
  max-width:640px!important;
}

.hero-title,
.hero h1{
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.22)!important;
}

.hero-label,
.hero-kicker,
.hero p{
  color:rgba(255,255,255,.82)!important;
}

/* hero-actions visible */

@media (max-width:760px){
  .hero{
    min-height:560px!important;
    align-items:flex-end!important;
  }
  .hero-visual img{
    transform:scale(1.28)!important;
    object-position:58% center!important;
  }
  .hero::before{
    background:
      linear-gradient(180deg, rgba(20,33,61,.28) 0%, rgba(20,33,61,.78) 58%, rgba(20,33,61,.92) 100%)!important;
  }
  .hero-content,
  .hero .container,
  .hero-inner{
    max-width:100%!important;
  }
}


/* Final mobile hero + informational aroma tags */
.hero{
  min-height:clamp(430px, 62vh, 660px)!important;
}

.hero-title,
.hero h1{
  max-width:560px!important;
  line-height:1.02!important;
}

.hero p{
  max-width:430px!important;
}

.hero-subtitle,
.hero-text,
.hero-copy,
.hero-body{
  font-size:clamp(.95rem, 1.3vw, 1.08rem)!important;
  line-height:1.55!important;
}

.pill,
.chip,
.aroma,
.scent,
.note{
  cursor:default!important;
  pointer-events:none!important;
  user-select:none!important;
  text-decoration:none!important;
}

.pill:hover,
.chip:hover,
.aroma:hover,
.scent:hover,
.note:hover{
  transform:none!important;
  background:inherit;
}

.card-pills .pill,
.product-notes .pill,
.product-tags .pill,
.notes .pill{
  background:rgba(102,113,78,.09)!important;
  border:1px solid rgba(102,113,78,.18)!important;
  color:#4f5a3d!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}

@media (max-width:760px){
  .hero{
    min-height:460px!important;
    align-items:flex-end!important;
  }

  .hero-content,
  .hero .container,
  .hero-inner{
    padding-bottom:38px!important;
  }

  .hero-title,
  .hero h1{
    font-size:clamp(2.2rem, 12vw, 3.4rem)!important;
    max-width:360px!important;
  }

  .hero p{
    max-width:300px!important;
    font-size:.95rem!important;
    line-height:1.45!important;
  }

  .hero-visual img{
    transform:scale(1.18)!important;
    object-position:62% center!important;
  }

  .hero::before{
    background:
      linear-gradient(180deg, rgba(20,33,61,.18) 0%, rgba(20,33,61,.58) 48%, rgba(20,33,61,.94) 100%)!important;
  }
}


/* Real final fix: short hero and non-click style tags */
.hero{
  min-height:clamp(390px, 54vh, 590px)!important;
  align-items:center!important;
}

.hero-inner{
  min-height:clamp(390px, 54vh, 590px)!important;
}

.hero-content{
  max-width:520px!important;
}

.hero-title{
  max-width:520px!important;
  margin-bottom:14px!important;
  line-height:.98!important;
}

.hero-sub{
  max-width:360px!important;
  font-size:clamp(.95rem, 1.1vw, 1.02rem)!important;
  line-height:1.45!important;
  margin-bottom:14px!important;
}

.hero-notes{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:8px!important;
}

.hero-notes span{
  font-size:.72rem!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:rgba(255,255,255,.08)!important;
  color:rgba(255,255,255,.86)!important;
  border-radius:999px!important;
}

.style-list a{
  pointer-events:none!important;
}

.style-list span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 14px!important;
  border:1px solid rgba(20,33,61,.13)!important;
  border-radius:999px!important;
  color:#14213d!important;
  background:rgba(102,113,78,.08)!important;
  font-size:.82rem!important;
  font-weight:600!important;
  line-height:1!important;
  cursor:default!important;
  user-select:none!important;
  text-decoration:none!important;
}

.style-list span:hover{
  transform:none!important;
  background:rgba(102,113,78,.08)!important;
  color:#14213d!important;
}

@media (max-width:760px){
  .hero{
    min-height:410px!important;
    align-items:flex-end!important;
  }

  .hero-inner{
    min-height:410px!important;
    align-items:flex-end!important;
    padding-top:70px!important;
    padding-bottom:32px!important;
  }

  .hero-content{
    max-width:310px!important;
  }

  .hero-title{
    font-size:clamp(2.05rem, 10vw, 3rem)!important;
    max-width:300px!important;
    margin-bottom:10px!important;
  }

  .hero-sub{
    max-width:270px!important;
    font-size:.92rem!important;
    line-height:1.38!important;
    margin-bottom:10px!important;
  }

  .hero-notes{
    gap:6px!important;
  }

  .hero-notes span{
    font-size:.66rem!important;
    padding:6px 8px!important;
  }

  .hero-visual img{
    transform:scale(1.12)!important;
    object-position:64% center!important;
  }
}


.hero-title{
  max-width:420px!important;
  line-height:.95!important;
}

.hero-sub{
  font-size:1rem!important;
  opacity:.85!important;
  letter-spacing:.04em!important;
  max-width:none!important;
}

/* ── TOP NAV (mobile) ──────────────────────────── */
.bottom-nav{display:none}
@media(max-width:760px){
  .ann{display:none}
  .header{display:none}
  body{padding-top:60px;padding-bottom:env(safe-area-inset-bottom,0px)}
  .bottom-nav{
    display:flex;position:fixed;top:0;left:0;right:0;z-index:200;
    background:#fff;border-bottom:1px solid rgba(0,0,0,.08);
    height:60px;align-items:stretch;
  }
  .bottom-nav a{
    flex:1;display:flex;align-items:center;justify-content:center;
    color:#111;text-decoration:none;font-size:0;
    border-right:1px solid rgba(0,0,0,.06);transition:background .12s;
  }
  .bottom-nav a:last-child{border-right:0}
  .bottom-nav a:active{background:rgba(0,0,0,.05)}
  .bottom-nav a svg{
    width:24px;height:24px;
    stroke:#111;fill:none;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round;
    flex:0 0 auto;
  }
  .bottom-nav a.active svg{stroke:#14213d;stroke-width:2.2}
  .bottom-nav a.wa-nav svg{stroke:none;fill:#25d366;width:26px;height:26px}
  /* Cart badge */
  .bottom-nav .cart-wrap{position:relative;display:flex;align-items:center;justify-content:center}
  .bottom-nav .cart-badge{
    position:absolute;top:-7px;right:-8px;
    min-width:17px;height:17px;border-radius:99px;
    background:#14213d;color:#fff;font-size:.58rem;
    display:flex;align-items:center;justify-content:center;font-weight:700;padding:0 3px;
  }
  /* Scrollbar grande en móvil */
  .cat-scroll{padding-bottom:14px;-webkit-overflow-scrolling:touch;cursor:grab}
  .cat-scroll:active{cursor:grabbing}

  .card{width:210px;flex-basis:210px}
  .card-img{aspect-ratio:1}
  .card-img img{padding:12px}
  .card-name{font-size:.98rem}
  .card-price{font-size:.88rem}
  .card-actions{grid-template-columns:1fr 1fr;gap:5px;padding:0 10px 12px}
  .card-buy,.card-add,.detail-btn{min-height:36px;font-size:.68rem}
}

/* Scrollbar visible también en desktop */

/* ── Scrollbar catálogo ── */
.cat-scroll{scrollbar-width:auto;scrollbar-color:#14213d rgba(0,0,0,.09)}
.cat-scroll::-webkit-scrollbar{height:16px}
.cat-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.09);border-radius:8px}
.cat-scroll::-webkit-scrollbar-thumb{background:#14213d;border-radius:8px}
.cat-scroll::-webkit-scrollbar-thumb:hover{background:#0b1220}

/* Checkout modal safe area */
.checkout-modal-inner{padding-bottom:max(28px,env(safe-area-inset-bottom,28px))!important}

/* ── Fix: texto siempre blanco en botones de filtro activos ── */
button.tab.active,
button.btab.active,
.cat-tabs button.active,
.cat-brands button.active {
  background: var(--navy, #172133) !important;
  border-color: var(--navy, #172133) !important;
  color: #ffffff !important;
}
button.tab.active:hover,
button.btab.active:hover {
  color: #ffffff !important;
}