.topbar{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,rgba(5,6,10,.97),rgba(7,8,12,.91));backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,168,79,.16);box-shadow:0 24px 80px rgba(0,0,0,.36)}
.topbar__inner{height:96px;position:relative;display:grid;grid-template-columns:205px minmax(0,1fr) auto;align-items:center;gap:30px}
.logo{min-width:0;line-height:1;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:3;transition:.25s ease}
.logo:hover{transform:translateY(-1px)}
.logo img{display:block;width:142px;height:142px;object-fit:contain;object-position:center;border-radius:0;border:0;background:transparent;transform:translateY(6px);filter:drop-shadow(0 22px 24px rgba(0,0,0,.68)) drop-shadow(0 0 26px rgba(216,168,79,.32)) drop-shadow(0 0 10px rgba(255,232,170,.22));transition:transform .28s ease, filter .28s ease}
.logo--large:hover img{transform:translateY(5px) scale(1.025);filter:drop-shadow(0 25px 28px rgba(0,0,0,.74)) drop-shadow(0 0 38px rgba(216,168,79,.48)) drop-shadow(0 0 16px rgba(255,232,170,.34))}
.logo span{display:grid;gap:7px;padding-left:2px}
.logo b{font-size:25px;letter-spacing:.065em;color:#f7dc91;text-shadow:0 0 22px rgba(216,168,79,.22)}
.logo small{color:#e8ebf3;opacity:.92;letter-spacing:.17em;text-transform:uppercase;font-size:11px;white-space:nowrap}
.nav{height:auto;align-self:center;display:flex;justify-content:center;gap:34px;color:#cfd3dc;align-items:center;font-size:17px;font-weight:650;letter-spacing:.01em}
.nav a{height:42px;position:relative;display:flex;align-items:center;padding:0;line-height:1;transition:.22s ease}
.nav a:after{content:"";position:absolute;left:-3px;right:-3px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#fff1b8 18%,#d8a84f 52%,#9a641c 82%,transparent);transform:scaleX(0);transform-origin:center;transition:transform .28s ease, opacity .28s ease;opacity:.85;border-radius:99px;box-shadow:0 0 16px rgba(216,168,79,.34)}
.nav a:hover,.nav a.is-active{color:#f3d98f;text-shadow:0 0 18px rgba(216,168,79,.24)}.nav a:hover:after,.nav a.is-active:after{transform:scaleX(1)}
.topbar__right{height:auto;align-self:center;display:flex;align-items:center;gap:14px}
.topbar__addr{position:relative;text-align:right;color:#fff;font-size:12px;line-height:1.08;font-weight:800;white-space:nowrap;padding-left:16px}
.topbar__addr:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f6dfa0,#a46f22);box-shadow:0 0 18px rgba(216,168,79,.45);transform:translateY(-50%)}
.topbar__addr b{font-size:13px;letter-spacing:.01em}
.topbar__addr span{color:#b8bfcc;font-size:12px;font-weight:500}
.call{min-height:42px;padding:11px 21px;border-radius:14px;background:linear-gradient(135deg,#fff0ba 0%,#e0b85f 38%,#c89536 68%,#8f5d1f 100%);color:#090909;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 10px 24px rgba(216,168,79,.18),0 0 0 1px rgba(255,255,255,.10);transition:transform .24s ease, box-shadow .24s ease, filter .24s ease}
.call:hover{transform:translateY(-1px) scale(1.035);filter:saturate(1.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.66),0 14px 30px rgba(216,168,79,.24),0 0 0 1px rgba(255,255,255,.14)}
.mobile-menu-toggle{display:none;width:48px;height:48px;flex:0 0 48px;align-items:center;justify-content:center;gap:5px;padding:0;border-radius:14px;border:1px solid rgba(216,168,79,.42);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(216,168,79,.09));color:#f7dc91;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.mobile-menu-toggle span{display:block;width:22px;height:2px;border-radius:99px;background:linear-gradient(90deg,#fff,#f2d384);box-shadow:0 0 12px rgba(216,168,79,.28);transition:transform .24s ease,opacity .2s ease}
.mobile-menu-toggle:hover{transform:translateY(-1px);border-color:rgba(255,232,170,.70);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(216,168,79,.14))}
.mobile-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none}
.contact-icon{width:19px;height:19px;display:inline-block;flex:0 0 19px;object-fit:contain;margin-right:7px}.social-links .contact-icon{margin-right:0;width:18px;height:18px}.site-footer__socials .contact-icon{width:15px;height:15px;margin-right:4px;vertical-align:-2px}.mobile-nav .contact-icon{vertical-align:-4px}
.topbar__socials{display:flex;align-items:center;gap:6px}
.topbar__socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(216,168,79,.2);border-radius:9px;background:rgba(255,255,255,.025);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.topbar__socials a:hover,.topbar__socials a:focus-visible{border-color:#d8a84f;box-shadow:0 0 16px rgba(216,168,79,.15);transform:translateY(-1px);outline:0}
.topbar__socials img{display:block;width:17px;height:17px;object-fit:contain}
.topbar{color:#fff}.topbar .container{max-width:1600px;width:94%}.topbar .nav a[aria-current],.topbar .nav a:hover{background:transparent;padding:0;border-radius:0;color:#f3d98f}.topbar .call{font-size:14px}.topbar .contact-icon{vertical-align:middle}
@media(max-width:1400px){.topbar__inner{grid-template-columns:150px minmax(0,1fr) auto;gap:18px}.nav{gap:20px;font-size:15px}.topbar__addr{display:none}}
@media(max-width:1000px){.topbar__inner{height:80px;grid-template-columns:auto 1fr}.logo img{width:100px;height:100px}.topbar .nav{display:none}.topbar__right{justify-self:end}.topbar__socials{display:none}.mobile-menu-toggle{display:flex;flex-direction:column}.topbar .mobile-nav{display:none;padding:10px 4%;background:#0b0c12}.topbar.is-menu-open .mobile-nav{display:grid}.mobile-nav a{color:#fff;padding:14px 0;border-bottom:1px solid #303239}.mobile-nav__socials{display:none}}
@media(max-width:420px){.topbar .call{font-size:12px;padding:10px}.topbar .call .contact-icon{display:none}.topbar__right{gap:8px}.logo img{width:82px;height:82px}.mobile-menu-toggle{width:40px;height:40px;flex-basis:40px}}
.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.topbar .logo img{width:86px;height:86px;transform:none;filter:drop-shadow(0 2px 8px rgba(216,168,79,.24))}.topbar .logo--large:hover img{transform:scale(1.02)}@media(max-width:1000px){.topbar .logo img{width:70px;height:70px}}

@media(max-width:1000px){body.site-menu-open{overflow:hidden}.topbar .mobile-nav{position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100dvh - 160px);overflow-y:auto;padding:14px 16px 20px;box-shadow:0 20px 30px #0005}.topbar.is-menu-open .mobile-nav{display:flex;flex-direction:column;gap:4px}.topbar .mobile-nav>a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin:0;padding:13px 16px;border:0;border-radius:12px;font-size:16px;line-height:1.3}.topbar .mobile-nav>a[aria-current]{background:#ffda35;color:#17191e;font-weight:700}.topbar .mobile-nav>a:after{content:'›';color:#8d929c}}

/* Fixed viewport header avoids sticky displacement in iOS in-app browsers. */
:root{--shop-header-height:97px}body:has(>.topbar){padding-top:calc(var(--shop-header-height) + env(safe-area-inset-top,0px))}.topbar{position:fixed!important;top:0!important;left:0;right:0;width:100%;padding-top:env(safe-area-inset-top,0px);z-index:80;transform:none!important}.topbar .mobile-nav{max-height:calc(100dvh - var(--shop-header-height) - env(safe-area-inset-top,0px) - 90px)}@media(max-width:1000px){:root{--shop-header-height:81px}}

/* Reserve real width for navigation so it cannot overlap the address. */
@media(min-width:921px){.topbar__inner{grid-template-columns:142px minmax(0,1fr) auto;column-gap:32px}.topbar .nav{min-width:0;gap:clamp(14px,1.3vw,24px);font-size:16px;white-space:nowrap}.topbar .nav a{flex-shrink:0}}
@media(min-width:921px) and (max-width:1400px){.topbar__addr{display:none}.topbar__inner{grid-template-columns:110px minmax(0,1fr) auto;column-gap:24px}.topbar .nav{gap:16px;font-size:15px}}
@media(min-width:921px) and (max-width:1100px){.topbar__socials{display:none}.topbar .call{padding:11px 14px;font-size:13px}.topbar .nav{gap:12px;font-size:14px}}