:root{--tech-gold:#d5a84e;--tech-gold-soft:rgba(213,168,78,.18);--tech-ink:#0c0906}
body{background:radial-gradient(circle at 82% 8%,rgba(213,168,78,.08),transparent 26%),#fffdf8}
.announcement{background:linear-gradient(90deg,#050403,#171006,#050403);border-bottom:1px solid rgba(213,168,78,.24);letter-spacing:1.8px}
.site-header{background:rgba(255,253,248,.84);border-bottom:1px solid rgba(171,126,54,.22);box-shadow:0 10px 34px rgba(35,24,10,.07);backdrop-filter:blur(18px) saturate(1.15)}
.site-header nav a{position:relative;padding:10px 0}
.site-header nav a:after{content:'';position:absolute;right:0;bottom:2px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--tech-gold),transparent);transform:scaleX(0);transition:transform .22s ease}
.site-header nav a:hover:after{transform:scaleX(1)}
.cart-button{border:1px solid rgba(213,168,78,.4);background:linear-gradient(135deg,#080604,#1e160c);box-shadow:0 8px 24px rgba(19,13,7,.18)}
.hero{isolation:isolate;background:radial-gradient(circle at 76% 46%,rgba(213,168,78,.16),transparent 25%),linear-gradient(115deg,#fffdf8 0 52%,#0b0906 52%)}
.hero:after{content:'';position:absolute;z-index:-1;inset:0 0 0 52%;opacity:.18;background-image:linear-gradient(rgba(213,168,78,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(213,168,78,.22) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,#000,transparent 74%)}
.hero-copy{padding:28px 0}
.hero h1{text-shadow:0 12px 36px rgba(90,58,16,.08)}
.hero-brandmark{position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(0,0,0,.48)) drop-shadow(0 0 22px rgba(213,168,78,.18))}
.primary{border:1px solid rgba(255,231,174,.32);box-shadow:0 12px 30px rgba(169,118,41,.22);transition:transform .22s ease,box-shadow .22s ease}
.primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(169,118,41,.3)}
.categories{overflow:hidden;border:1px solid rgba(171,126,54,.18);border-radius:18px;background:rgba(255,253,249,.82);box-shadow:0 24px 60px rgba(69,46,15,.1);backdrop-filter:blur(12px)}
.categories article{border-color:rgba(171,126,54,.14);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(250,243,230,.68))}
.catalog-section{background:radial-gradient(circle at 8% 18%,rgba(213,168,78,.08),transparent 24%)}
.catalog-controls{padding:15px;border:1px solid rgba(171,126,54,.18);border-radius:16px;background:rgba(255,253,249,.72);box-shadow:0 14px 38px rgba(57,38,14,.07);backdrop-filter:blur(12px)}
.catalog-search,.catalog-select{border-color:rgba(171,126,54,.28);background:rgba(255,255,255,.72)}
.filters{gap:4px;border-bottom:0}
.filters button{border:1px solid transparent;border-radius:999px;padding:9px 13px;transition:background .2s ease,border-color .2s ease,color .2s ease}
.filters button.active{border:1px solid rgba(169,118,41,.3);background:linear-gradient(135deg,rgba(213,168,78,.18),rgba(213,168,78,.06));color:#7c531c}
.product-card{position:relative;border-color:rgba(171,126,54,.24);box-shadow:0 14px 34px rgba(45,30,12,.08)}
.product-card:before{content:'';position:absolute;z-index:3;top:0;right:20px;left:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,239,194,.9),transparent);pointer-events:none}
.product-card:hover{box-shadow:0 24px 55px rgba(41,27,11,.16),0 0 0 1px rgba(213,168,78,.13)}
.product-info button{background:linear-gradient(135deg,#0b0805,#2a1d0f);border-color:rgba(213,168,78,.38);box-shadow:0 10px 24px rgba(19,13,7,.16)}
.whatsapp{outline:1px solid rgba(255,255,255,.38);outline-offset:-4px}
footer{position:relative;border-top:1px solid rgba(213,168,78,.3);background:radial-gradient(circle at 15% 0,rgba(213,168,78,.11),transparent 25%),#090806}
@media(max-width:950px){.hero{background:radial-gradient(circle at 50% 78%,rgba(213,168,78,.16),transparent 25%),linear-gradient(160deg,#fffdf8 0 60%,#0b0906 60%)}.hero:after{inset:60% 0 0;background-size:32px 32px}.catalog-controls{padding:12px}}
@media(max-width:580px){.site-header{backdrop-filter:blur(14px)}.hero-copy{padding-top:12px}.categories{border-radius:0}.catalog-controls{border-radius:14px}.filters{padding-bottom:2px}.product-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.site-header nav a:after,.primary,.filters button{transition:none}}