@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@600;700&family=Space+Mono&display=swap');
:root{--ink:#141310;--gold:#F4C21A;--paper:#F3F1EA;--surface:#fff;--stone:#68635A;--line:rgba(20,19,16,.14)}
html[data-theme="dark"]{--ink:#F3F1EA;--paper:#15140F;--surface:#201E18;--stone:#B8B1A4;--line:rgba(243,241,234,.15);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}.wrap{max-width:1180px;margin:auto;padding:0 32px}a{color:inherit;text-decoration:none}button{font:inherit}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;height:80px}.brand img{display:block;height:78px;width:auto}.navlinks{display:flex;gap:28px;font-size:14px}.navlinks a{opacity:.72}.navlinks a:hover{opacity:1}.nav-actions{display:flex;gap:10px;align-items:center}.lang-select{height:44px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);padding:0 12px;font-weight:700;cursor:pointer}.theme-toggle,.catalog-icon{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer}.theme-toggle::before{content:"☀";display:block;color:var(--ink);font-size:21px;line-height:1}html[data-theme="dark"] .theme-toggle::before{content:"☾"}.catalog-icon svg{width:20px;height:20px}.cart-badge{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--gold);color:#141310;font-size:11px;font-weight:800;display:grid;place-items:center;border:1px solid #141310}.home-btn{background:var(--ink);color:var(--paper);padding:12px 20px;border-radius:99px;font-weight:600;font-size:14px}
.hero{padding:72px 0 46px}.eyebrow{font-family:'Space Mono',monospace;color:var(--stone);font-size:13px}.hero h1{font:700 clamp(52px,8vw,94px)/.94 'Space Grotesk',sans-serif;text-transform:uppercase;letter-spacing:-.04em;margin:20px 0}.hero-copy{max-width:650px;color:var(--stone);font-size:17px;line-height:1.6}.category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.category-tabs a{border:1px solid var(--line);padding:11px 18px;border-radius:99px;font-weight:600;font-size:14px}.category-tabs a.active,.category-tabs a:hover{background:var(--gold);color:#141310;border-color:#141310}
.catalog{padding:18px 0 96px}.catalog-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.catalog-head h2{font:700 34px 'Space Grotesk',sans-serif;text-transform:uppercase;margin:0}.count{font-family:'Space Mono',monospace;color:var(--stone);font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.product-media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,#e8e1cf,#f7f3e9);display:flex;align-items:flex-end;justify-content:space-between;padding:22px;color:#141310;overflow:hidden}.product-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-media .sku{position:relative;margin-left:auto;background:rgba(255,255,255,.8);padding:5px 8px;border-radius:99px}.media-label{font:700 27px 'Space Grotesk',sans-serif;text-transform:uppercase}.sku{font:12px 'Space Mono',monospace}.card-body{padding:22px}.card h3{font:700 22px 'Space Grotesk',sans-serif;margin:0 0 8px}.card p{color:var(--stone);font-size:14px;line-height:1.55;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.tag{font-size:12px;color:var(--stone)}.add-cart{border:1px solid #141310;background:var(--gold);color:#141310;border-radius:99px;padding:9px 13px;font-weight:700;cursor:pointer}.account-link{font-size:13px;font-weight:700;text-decoration:none;color:inherit}.more{font-weight:700;color:#C89A00}
.empty-note{margin-top:24px;padding:18px 20px;border:1px dashed var(--line);border-radius:10px;color:var(--stone);font-size:13px}.cta{margin-bottom:70px;background:#242119;color:#F3F1EA;border-radius:14px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{font:700 32px 'Space Grotesk';margin:0}.cta a{background:var(--gold);color:#141310;padding:14px 24px;border-radius:99px;font-weight:700}footer{border-top:1px solid var(--line);padding:34px 0;color:var(--stone);font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cart-toast{position:fixed;right:22px;bottom:22px;z-index:999;background:#15130f;color:white;border-radius:12px;padding:15px 18px;display:flex;align-items:center;gap:12px;transform:translateY(120px);opacity:0;transition:.25s}.cart-toast.show{transform:none;opacity:1}.cart-toast b,.cart-toast a{color:var(--gold)}
@media(max-width:850px){.navlinks{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.wrap{padding:0 20px}.brand img{height:68px}.home-btn{padding:11px 14px}.hero{padding-top:52px}.grid{grid-template-columns:1fr}.catalog-head{align-items:start;flex-direction:column;gap:8px}.cta{padding:32px 24px;align-items:flex-start;flex-direction:column}}

/* Readable language menu with the same typography in both color modes. */
.lang-select,.lang-select option{font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:0;color:#141310;background:#f3f1ea}
html[data-theme="dark"] .lang-select{color:#f3f1ea;background:#201e18;border-color:rgba(243,241,234,.24)}
html[data-theme="dark"] .lang-select option{color:#f3f1ea;background:#201e18}
.gb-drawer-actions button,.gb-cart-close{color:#17140f!important;font-weight:700!important}.gb-remove{color:#9c251c!important}
