:root {
  --bg:#060504; --panel:rgba(12,10,8,.94); --gold:#d8a53a; --gold-light:#f2d184;
  --cream:#f1e3c2; --muted:#b7a78c; --green:#64ef78; --line:rgba(202,145,41,.46);
  --shadow:0 18px 50px rgba(0,0,0,.55);
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--cream);background:radial-gradient(circle at 50% 20%,rgba(105,58,15,.13),transparent 34%),#050403;font-family:"Libre Baskerville",Georgia,serif}
button,a{font:inherit} button{color:inherit} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;min-height:106px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(300px,1fr);align-items:center;gap:28px;padding:15px clamp(24px,4.5vw,76px);background:linear-gradient(#040403 0%,rgba(4,4,3,.92) 48%,transparent 100%)}
.brand{width:max-content;color:var(--gold-light);font-family:Cinzel,serif;line-height:.82;filter:drop-shadow(0 3px 8px #000)}
.brand:before,.brand:after{content:"";display:block;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.brand-small{display:block;font-size:clamp(1.2rem,2vw,2rem);letter-spacing:.13em;text-align:center}.brand-large{display:block;font-size:clamp(1.7rem,2.7vw,2.8rem);letter-spacing:-.03em}
.main-nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-family:Cinzel,serif;font-size:.86rem;white-space:nowrap}
.main-nav a{position:relative;padding:14px 0;color:#e8dcc5;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--gold-light)}
.main-nav a.active:after{content:"";position:absolute;left:15%;right:15%;bottom:5px;height:1px;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.header-actions{justify-self:end;display:flex;gap:18px}
.btn{min-height:48px;border:1px solid var(--line);padding:0 24px;cursor:pointer;font-family:Cinzel,serif;font-weight:600;letter-spacing:.02em;transition:transform .2s,filter .2s,border-color .2s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn:focus-visible,.tab:focus-visible,.menu-toggle:focus-visible{outline:2px solid #fff2bf;outline-offset:3px}
.btn-gold{color:#1b1002;border-color:#f0ca6c;background:linear-gradient(135deg,#8f5a13 0%,#f0c765 42%,#b5781f 100%);box-shadow:inset 0 0 0 2px rgba(68,37,5,.35),0 0 18px rgba(190,122,25,.15)}
.btn-ghost,.btn-outline{color:var(--cream);background:linear-gradient(180deg,rgba(18,18,16,.86),rgba(4,4,3,.93))}.btn-outline:hover,.btn-ghost:hover{border-color:var(--gold)}
.menu-toggle{display:none;width:46px;height:42px;border:1px solid var(--line);background:#080706;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:4px 0;background:var(--gold-light)}

.hero{position:relative;min-height:420px;display:grid;place-items:center;padding:116px 24px 42px;background:url("assets/hero-shop.png") center 38%/cover;border-bottom:1px solid rgba(182,123,30,.35)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(2,2,2,.16) 50%,rgba(0,0,0,.32)),linear-gradient(0deg,#070503 0%,transparent 35%,rgba(0,0,0,.55) 100%)}
.hero-content{position:relative;z-index:1;max-width:940px;text-align:center;text-shadow:0 3px 10px #000}.eyebrow{margin:0 0 8px;color:var(--gold);font:600 .78rem/1 Cinzel,serif;letter-spacing:.28em}
.hero h1{margin:0;color:var(--gold-light);font:600 clamp(2.7rem,5.4vw,5.4rem)/.98 Cinzel,serif;letter-spacing:.025em}.hero h1 span{white-space:nowrap}.hero-content>p:last-child{margin:16px 0 0;font-size:clamp(1rem,1.4vw,1.3rem)}
.ornament{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px auto 10px;color:var(--gold)}.ornament span{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.ornament span:last-child{transform:scaleX(-1)}

.server-strip{position:relative;z-index:4;width:min(1100px,calc(100% - 48px));min-height:62px;margin:-16px auto 0;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;border:1px solid var(--line);background:rgba(8,8,7,.96);box-shadow:var(--shadow)}
.server-strip>div{min-height:32px;display:flex;align-items:center;justify-content:center;gap:13px;padding:8px 16px;color:var(--gold-light);font-family:Cinzel,serif}.server-strip>div+div{border-left:1px solid rgba(198,144,47,.24)}.server-strip>div:first-child{color:#77ed89}
.online-dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 5px #fff,0 0 14px var(--green)}

.shop-section{width:min(1260px,calc(100% - 48px));margin:20px auto 48px}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:16px}
.tab{min-height:58px;border:1px solid var(--line);color:var(--gold-light);background:linear-gradient(#15110c,#080705);font:600 1rem Cinzel,serif;cursor:pointer;transition:.2s}
.tab:hover,.tab.active{border-color:#e2b255;background:linear-gradient(#32200d,#0b0805);box-shadow:inset 0 -2px 0 #c28725,0 0 12px rgba(195,128,25,.13)}
.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,rgba(26,20,13,.95),rgba(5,5,4,.98));box-shadow:0 16px 34px rgba(0,0,0,.3);transition:opacity .25s,transform .25s,border-color .25s}
.product-card:hover{transform:translateY(-5px);border-color:var(--gold)}.product-card.featured{border-color:#f0ba42;box-shadow:inset 0 0 0 2px rgba(229,165,46,.23),0 0 20px rgba(219,148,28,.17)}.product-card.is-hidden{display:none}
.popular-ribbon{position:absolute;z-index:2;top:11px;left:-1px;padding:6px 24px 6px 14px;color:#ffe8a0;background:linear-gradient(90deg,#6f2e16,#9f5424 72%,transparent);font:600 .7rem Cinzel,serif}
.product-art{position:relative;height:230px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(120,72,15,.22),transparent 62%)}.product-art:after{content:"";position:absolute;inset:auto 6% 0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.product-art img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 12px 14px #000)}.product-content{flex:1;display:flex;flex-direction:column;padding:12px 20px 18px;text-align:center}
.product-content h3{min-height:2.5em;margin:0;color:var(--gold-light);font:600 1.24rem/1.25 Cinzel,serif}.price{margin:3px 0 2px;color:#f1cf81;font:600 2.2rem Cinzel,serif}.description{min-height:44px;margin:2px 0 14px;color:#dfd0b5;font-size:.86rem;line-height:1.55}
.benefits{margin:4px 0 14px;padding:8px 0 0;list-style:none;text-align:left;border-top:1px solid rgba(186,128,38,.26)}.benefits li{display:flex;gap:9px;padding:5px 0;color:#f0dbad;font:600 .77rem Cinzel,serif}
.product-btn{width:100%;margin-top:auto;min-height:47px;padding:0 10px;font-size:.84rem}.trust-strip{min-height:64px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:23px;margin-top:14px;color:var(--gold-light);border-top:1px solid rgba(188,128,34,.36);border-bottom:1px solid rgba(188,128,34,.15);font:500 .83rem Cinzel,serif}.trust-strip i{color:var(--gold);font-style:normal}

.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(7px)}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(480px,100%);padding:38px;text-align:center;border:1px solid var(--gold);background:radial-gradient(circle at top,#2a190a,#090706 60%);box-shadow:0 25px 80px #000,inset 0 0 45px rgba(171,102,18,.12)}
.modal h2{margin:9px 0 10px;color:var(--gold-light);font:600 1.7rem Cinzel,serif}.modal p:not(.eyebrow){color:var(--muted);line-height:1.65}.modal-action{display:inline-flex;align-items:center;justify-content:center;margin-top:13px}.modal-close{position:absolute;top:9px;right:12px;border:0;color:var(--gold-light);background:transparent;font-size:2rem;cursor:pointer}

@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr auto;padding-inline:28px}.main-nav{gap:16px;font-size:.75rem}.header-actions .btn-ghost{display:none}.products-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.site-header{position:fixed;min-height:82px;grid-template-columns:1fr auto;background:rgba(4,4,3,.96);border-bottom:1px solid var(--line)}.brand-small{font-size:1rem}.brand-large{font-size:1.48rem}.menu-toggle{display:block;justify-self:end}.header-actions{display:none}.main-nav{position:fixed;inset:82px 0 auto;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;background:rgba(6,5,4,.98);border-bottom:1px solid var(--line);box-shadow:0 16px 35px #000}.main-nav.open{display:flex}.main-nav a{padding:14px;text-align:center;border-bottom:1px solid rgba(184,126,33,.16)}.hero{min-height:540px;padding-top:125px;background-position:55% center}.hero h1{font-size:clamp(2.3rem,9vw,4rem)}.hero h1 span{white-space:normal}.server-strip{grid-template-columns:1fr;margin-top:-22px}.server-strip>div+div{border-left:0;border-top:1px solid rgba(198,144,47,.24)}.category-tabs{gap:8px}.tab{min-height:54px;font-size:1rem}.tab span{display:none}}
@media(max-width:580px){.site-header{padding-inline:17px}.hero{min-height:510px;padding-inline:18px}.hero-content>p:last-child{line-height:1.6}.ornament span{width:66px}.server-strip,.shop-section{width:calc(100% - 26px)}.products-grid{grid-template-columns:1fr}.product-art{height:255px}.category-tabs{position:sticky;z-index:8;top:82px;padding:7px 0;background:#060504}.trust-strip{flex-direction:column;gap:12px;padding:22px}.trust-strip i{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}