:root{
  --bg:#0b0c0e;--surface:#121419;--surface-2:#181b21;--card:#fff;--text:#17191d;--muted:#6e747e;
  --line:#e7e8eb;--gold:#c79c45;--gold-2:#e2bd6f;--green:#159447;--green-2:#22c55e;--white:#fff;
  --radius:22px;--shadow:0 18px 55px rgba(14,16,20,.10);--container:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:#f7f7f8;color:var(--text);line-height:1.65}body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 28px));margin:auto}.muted{color:var(--muted)}
.topbar{background:#050607;color:#d8d8dc;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:50;background:rgba(11,12,14,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:900;letter-spacing:.8px}.brand img{width:46px;height:46px;object-fit:contain;border-radius:12px}.brand small{display:block;color:#b7bbc3;font-size:11px;font-weight:500;letter-spacing:0;margin-top:1px}.nav-actions{display:flex;gap:10px;align-items:center}.cart-pill{position:relative}.cart-count{position:absolute;top:-8px;left:-7px;min-width:21px;height:21px;border-radius:999px;background:#e23b4a;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900;padding:0 5px}
.btn{border:0;border-radius:14px;min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#17130b}.btn-secondary{background:#f1f2f4;color:#24272c}.btn-dark{background:#22252b;color:#fff}.btn-whatsapp{background:#18a955;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.add-btn.added{background:var(--green-2)!important;color:#fff!important;transform:scale(.94)}
.hero{background:radial-gradient(circle at 80% 10%,rgba(199,156,69,.24),transparent 28%),linear-gradient(145deg,#0b0c0e,#15181e);color:#fff;padding:42px 0 34px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.eyebrow{display:inline-block;color:#e4be71;font-weight:900;font-size:13px;letter-spacing:.7px}.hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:12px 0 16px;letter-spacing:-1.5px}.hero h1 span{color:#e2bd6f}.hero p{max-width:680px;color:#cfd2d8;font-size:17px;margin:0 0 20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-mini-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:18px}.hero-mini-card b{font-size:24px;display:block}.hero-mini-card span{font-size:13px;color:#c8cbd2}
.category-tabs-wrap{position:sticky;top:72px;z-index:40;background:rgba(247,247,248,.96);backdrop-filter:blur(14px);border-bottom:1px solid #e8e8ea}.category-tabs{display:flex;gap:8px;overflow:auto;padding:12px 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border:1px solid #dddfe3;background:#fff;color:#31343a;padding:10px 15px;border-radius:999px;font-weight:800;white-space:nowrap;transition:.2s}.category-tab.active{background:#111319;color:#fff;border-color:#111319;box-shadow:0 8px 22px rgba(17,19,25,.15)}
.browse{padding:30px 0 64px}.browse-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.browse-head h2{margin:0;font-size:30px}.browse-head p{margin:5px 0 0;color:var(--muted)}.catalog-search{display:flex;gap:10px;align-items:center;margin:0 0 20px}.field{width:100%;border:1px solid #dcdfe4;background:#fff;border-radius:15px;min-height:48px;padding:10px 14px;outline:none;transition:.18s}.field:focus{border-color:#b68b36;box-shadow:0 0 0 4px rgba(199,156,69,.12)}.search-box{position:relative;max-width:650px;flex:1}.search-box input{padding-right:43px}.search-box span{position:absolute;right:15px;top:50%;transform:translateY(-50%);opacity:.55}.catalog-note{font-size:13px;color:var(--muted)}
.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e8e9ec;border-radius:22px;overflow:hidden;box-shadow:0 8px 28px rgba(10,12,16,.05);display:flex;flex-direction:column;min-width:0;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(10,12,16,.10)}.product-media{border:0;padding:0;background:#f5f5f6;position:relative;aspect-ratio:1/1;overflow:hidden;display:block;width:100%}.card-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.product-card:hover .card-photo{transform:scale(1.035)}.product-badge,.gallery-badge{position:absolute;top:11px;background:rgba(15,16,19,.86);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800}.product-badge{right:11px}.gallery-badge{left:11px;background:rgba(199,156,69,.94);color:#15120c}.media-fallback{display:none;position:absolute;inset:0;place-items:center;text-align:center;color:#777;background:linear-gradient(145deg,#f7f7f8,#ededf0)}.media-fallback span,.image-placeholder span{font-size:44px;display:block}.media-fallback small,.image-placeholder small{display:block;margin-top:8px}.product-media.image-error .media-fallback{display:grid}.image-placeholder{height:100%;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,#fafafa,#eceef1);color:#7e838c}.product-content{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.product-kicker{font-size:12px;color:#7b8088;min-height:20px}.product-content h3{font-size:16px;line-height:1.45;margin:0;min-height:46px}.price-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price-line strong{font-size:18px;color:#17191d}.price-line span{font-size:11px;color:#198b49;background:#edf8f1;border-radius:999px;padding:4px 7px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.product-actions .btn{min-height:40px;padding:8px 9px;font-size:13px}.load-more{text-align:center;margin-top:24px}.load-more .btn{min-width:220px}.empty-state{grid-column:1/-1;background:#fff;border:1px dashed #d8dbe0;border-radius:22px;padding:42px;text-align:center}.empty-state span{font-size:38px}.empty-state h3{margin:10px 0 4px}.empty-state p{margin:0;color:var(--muted)}
.special-view{background:#fff;border:1px solid #e5e6e9;border-radius:26px;padding:22px;box-shadow:var(--shadow)}.special-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:20px}.special-title h2{margin:0;font-size:29px}.special-title p{margin:4px 0 0;color:var(--muted)}.confetti-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.confetti-card .product-media{background:#f4f1f3}
.compound-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.compound-card,.compound-summary-card{border:1px solid #e4e6e9;border-radius:22px;padding:20px;background:#fff}.compound-card h3,.compound-summary-card h3{margin:0 0 14px}.control-block{margin-bottom:18px}.control-label{display:block;font-weight:900;margin-bottom:8px}.radio-chips{display:flex;flex-wrap:wrap;gap:8px}.radio-chip input{position:absolute;opacity:0;pointer-events:none}.radio-chip span{display:inline-flex;border:1px solid #d9dce1;background:#f7f7f8;border-radius:999px;padding:10px 14px;min-height:42px;align-items:center;font-weight:800;transition:.18s}.radio-chip input:checked+span{background:#17191d;color:#fff;border-color:#17191d;box-shadow:0 5px 15px rgba(0,0,0,.12)}.compound-summary-card{background:linear-gradient(145deg,#111319,#1a1d23);color:#fff;display:flex;flex-direction:column;justify-content:center}.compound-summary-card .big-price{font-size:42px;font-weight:900;color:#e2bd6f;margin:8px 0}.compound-summary-card p{color:#c7cad0;margin:0 0 18px}.compound-summary-card .btn{width:100%}
.location-section{padding:0 0 80px}.location-card{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#121419,#222630);color:#fff;border-radius:26px;padding:28px;box-shadow:var(--shadow)}.location-card h2{margin:0 0 6px}.location-card p{margin:0;color:#d4d6db}.location-card .location-meta{margin-top:12px;font-size:13px;color:#bfc2c9}.location-pin{font-size:54px}
.footer{background:#0b0c0e;color:#afb3bb;padding:34px 0 90px}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer b{color:#fff}.footer a{color:#e0b968}.footer small{display:block;margin-top:12px}
.sticky-mobile{display:none;position:fixed;bottom:0;left:0;right:0;z-index:80;background:rgba(13,15,18,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.1);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px}.sticky-mobile .btn{flex:1;min-height:48px}.sticky-mobile .cart-mobile-btn{position:relative}
.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#16191d;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 35px rgba(0,0,0,.2);padding:12px 18px;border-radius:999px;z-index:120;font-weight:800;transition:.28s ease;max-width:min(92vw,520px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
.modal{position:fixed;inset:0;background:rgba(6,7,9,.7);z-index:100;display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-panel{width:min(920px,100%);max-height:min(88vh,860px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 25px 75px rgba(0,0,0,.28)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;border-bottom:1px solid #ececef;position:sticky;top:0;background:#fff;z-index:3}.modal-head h2{margin:0;font-size:20px}.icon-btn{width:38px;height:38px;border:0;background:#eff1f3;border-radius:12px;font-size:21px}.modal-body{padding:20px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.gallery-main-wrap{position:relative;background:#f5f5f6;border-radius:20px;overflow:hidden;aspect-ratio:1}.gallery-main{width:100%;height:100%;object-fit:contain;background:#f7f7f8}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:999px;background:rgba(20,22,27,.82);color:#fff;font-size:26px;z-index:2}.gallery-nav.prev{right:12px}.gallery-nav.next{left:12px}.gallery-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.gallery-thumb{width:68px;height:68px;border:2px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:#eee}.gallery-thumb.active{border-color:var(--gold)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.detail-placeholder{aspect-ratio:1;background:#f2f3f5;border-radius:20px;display:grid;place-items:center;text-align:center}.detail-placeholder span{font-size:70px}.detail-brand{font-size:13px;color:var(--muted)}.detail-price{font-size:32px;font-weight:900;margin:8px 0}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{background:#f0f1f3;border-radius:999px;padding:5px 8px;font-size:12px}.detail-copy p{color:#666d76}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.cart-overlay{position:fixed;inset:0;background:rgba(4,5,7,.58);z-index:105;opacity:0;visibility:hidden;transition:.25s}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;bottom:0;left:0;width:min(470px,94vw);background:#fff;z-index:110;transform:translateX(-105%);transition:.28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;box-shadow:25px 0 60px rgba(0,0,0,.18)}.cart-drawer.open{transform:translateX(0)}.cart-head{padding:17px 18px;border-bottom:1px solid #e8e9ec;display:flex;align-items:center;justify-content:space-between}.cart-head h2{margin:0}.cart-body{padding:15px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eceef0}.cart-item-copy strong{display:block;font-size:14px}.cart-item-copy small{color:var(--muted)}.qty-control{display:flex;align-items:center;gap:7px}.qty-control button{width:30px;height:30px;border:0;border-radius:9px;background:#eff1f3;font-weight:900}.cart-line-total{font-weight:900;font-size:13px}.remove-item{border:0;background:#fff0f0;color:#b92737;width:30px;height:30px;border-radius:9px;font-size:18px}.cart-summary{background:#f7f7f8;border-radius:16px;padding:14px;margin-top:14px}.cart-summary>div{display:flex;justify-content:space-between;gap:10px}.cart-summary strong{font-size:19px}.cart-summary p{font-size:12px;color:var(--muted);margin:7px 0 0}.cart-footer{padding:14px;border-top:1px solid #e8e9ec;display:grid;gap:8px}.empty-cart{text-align:center;padding:50px 20px;color:var(--muted)}.empty-cart span{font-size:44px}.empty-cart h3{color:#22252b;margin:10px 0 4px}
.stats-note{margin-top:12px;font-size:12px;color:#b5b8bf}.seo-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:980px){.products-grid,.confetti-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid,.compound-layout{grid-template-columns:1fr}.hero-mini{grid-template-columns:repeat(4,1fr)}.product-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.topbar .container{justify-content:center;text-align:center}.nav-inner{height:64px}.brand small{display:none}.brand img{width:42px;height:42px}.nav-actions .desktop-only{display:none}.category-tabs-wrap{top:64px}.hero{padding:28px 0}.hero-grid{gap:20px}.hero-mini{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:36px}.browse{padding-top:20px}.browse-head{display:block}.browse-head h2{font-size:25px}.catalog-search{display:block}.search-box{max-width:none}.catalog-note{margin-top:7px}.products-grid,.confetti-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{border-radius:17px}.product-content{padding:11px}.product-content h3{font-size:14px;min-height:41px}.price-line{display:block}.price-line span{display:inline-block;margin-top:4px}.product-actions{grid-template-columns:1fr}.product-actions .btn{min-height:39px}.special-view{padding:14px;border-radius:20px}.special-title{display:block}.special-title h2{font-size:24px}.compound-card,.compound-summary-card{padding:15px}.location-card{grid-template-columns:1fr}.location-pin{display:none}.product-detail-grid{grid-template-columns:1fr}.sticky-mobile{display:flex}.footer{padding-bottom:105px}.toast{bottom:84px}.modal{padding:8px}.modal-panel{border-radius:18px;max-height:94vh}.gallery-main-wrap{max-height:48vh}.cart-item{grid-template-columns:1fr auto}.cart-line-total{grid-column:1}.remove-item{grid-column:2;grid-row:2}.qty-control{justify-content:flex-end}}
@media(max-width:410px){.products-grid,.confetti-grid{grid-template-columns:1fr 1fr}.product-actions .btn-secondary{display:none}.category-tab{padding:9px 12px;font-size:13px}.hero-mini-card{padding:13px}.hero-mini-card b{font-size:20px}}

/* V5 category navigation and accessibility refinements */
.category-tabs{scroll-snap-type:x proximity;padding-bottom:13px}
.category-tab{scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px}
.category-tab small{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#f0f1f3;color:#6b7078;font-size:10px;font-weight:900}
.category-tab.active small{background:rgba(255,255,255,.14);color:#fff}
.view-count{font-size:13px!important;font-weight:800;color:#40444b!important;margin-top:7px!important}
.btn-map{background:#1677ff;color:#fff;box-shadow:0 10px 28px rgba(22,119,255,.22)}
.btn-map:hover{background:#0f69e8}
.location-actions{display:flex;align-items:center;gap:14px}
.empty-cta{margin-top:18px}
.anchor-target{scroll-margin-top:150px}
#products,#compound,#contact{scroll-margin-top:150px}
@media(max-width:720px){
  .category-tabs{gap:7px;padding:10px 0}
  .category-tab{font-size:12.5px;padding:9px 11px}
  .category-tab small{height:19px;min-width:19px;font-size:9px}
  .location-actions{justify-content:stretch}.location-actions .btn{width:100%}
  #products,#compound,#contact{scroll-margin-top:132px}
}

/* V6 UX polish */
.products-grid[aria-busy="true"]{opacity:.55;transform:translateY(2px)}
.products-grid{transition:opacity .18s ease,transform .18s ease}
.category-tab:focus-visible,.btn:focus-visible,.radio-chip input:focus-visible+span{outline:3px solid rgba(22,119,255,.28);outline-offset:2px}
.btn-map{min-width:210px;justify-content:center}
@media(max-width:720px){.category-tabs-wrap{box-shadow:0 6px 18px rgba(10,12,16,.04)}.category-tabs{padding-inline:4px}.btn-map{width:100%}}