@font-face{font-family:Onest;src:url('/fonts/onest.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Mulish;src:url('/fonts/mulish.woff2') format('woff2');font-weight:200 900;font-display:swap}
:root{color-scheme:light;--ink:#202020;--cream:#efede8;--yellow:#ffc75b;--muted:#666;--border:#d9d6ce}
*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
html.age-pending,html.menu-open{overflow:hidden}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 Mulish,Arial,sans-serif}
body,.site-shell{min-height:100vh}
.site-shell{display:flex;flex-direction:column}
.site-main{flex:1}
.container{width:min(1132px,calc(100% - 48px));margin-inline:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid #e69200;outline-offset:4px}
.skip-link{position:absolute;z-index:30;top:8px;left:8px;transform:translateY(-150%);padding:8px 12px;background:#fff;color:#202020}
.skip-link:focus{transform:none}
.site-header,.site-footer{background:var(--ink);color:#fff}
.header-top{border-bottom:1px solid #666;font-size:14px;color:var(--cream)}
.header-top__inner{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-info,.header-contacts,.header-contacts a{display:flex;align-items:center;gap:9px}
.header-contacts{gap:20px}.header-contacts a{color:var(--yellow)}
.header-main{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);column-gap:24px;align-items:center}
.header-logo{grid-column:2;grid-row:1;justify-self:center;display:flex;align-items:center;min-width:0}
.header-logo img{width:190px;max-width:100%;height:auto;display:block}
.primary-navigation{display:contents}
.navigation-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-weight:700;font-size:15px;white-space:nowrap}
.navigation-list--left{grid-column:1;grid-row:1}.navigation-list--right{grid-column:3;grid-row:1}
.navigation-list li+li::before,.footer-links li+li::before{content:'';display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;margin-right:12px;vertical-align:middle}
.navigation-list li+li{display:flex;align-items:center;flex:1 0 auto}.navigation-list li+li::before{flex:none;margin-inline:auto}
.navigation-list a,.footer-links a{text-decoration:none}.navigation-list a:hover,.footer-links a:hover{color:var(--yellow)}
.menu-toggle{display:none}
.site-footer{padding:52px 0 36px}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:27px;text-align:center}
.footer-logo{display:block;width:210px;height:auto}.footer-links{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:0;padding:0;font-size:15px;font-weight:700}.footer-inner p{margin:0;color:var(--cream);font-size:14px}
h1,h2,h3{font-family:Onest,Arial,sans-serif;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(2rem,4vw,3.3rem)}
.document{padding-block:48px 84px}.document__content{max-width:900px}.document h1{margin:38px 0 30px}.document h2{margin:40px 0 14px;font-size:clamp(1.35rem,2vw,1.8rem)}.document p,.document li{line-height:1.8}.document p{margin:0 0 18px}.document li{margin-bottom:8px}.document a{color:#795000}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:var(--muted)}
.system-page{padding-block:clamp(70px,12vw,145px);min-height:390px}.system-page h1{max-width:740px;margin:12px 0 18px}.system-page p:not(.system-page__code):not(.system-page__label){color:var(--muted);max-width:600px}.system-page__code,.system-page__label{font-family:Onest,sans-serif;font-weight:800;color:#a15b00;letter-spacing:.08em}.system-page__code{font-size:28px;margin:0}.system-page .button{margin-top:18px}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;padding:11px 24px;font:700 15px/1.3 Mulish,Arial,sans-serif;text-decoration:none;cursor:pointer}.button--primary{background:var(--yellow);color:var(--ink)}.button--primary:hover{background:#ffb52c}.button--secondary{border-color:#aaa;background:transparent;color:#fff}.button--secondary:hover{border-color:#fff}
.age-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.74);overflow:auto}.age-dialog{width:min(100%,480px);padding:40px;background:#202020;border:1px solid #5d5547;border-radius:20px;color:#fff;text-align:center;box-shadow:0 24px 80px #0006}.age-logo{display:block;width:min(190px,75%);height:auto;margin:0 auto 34px}.age-eyebrow{margin:0 0 8px;color:var(--yellow);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.age-dialog h2{margin:0 0 16px;font-size:clamp(1.8rem,5vw,2.35rem)}.age-dialog #age-description{margin:0 auto;color:var(--cream);max-width:340px}.age-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.age-actions form{margin:0}.age-actions .button{min-width:130px}
.age-dialog .button:focus-visible{outline:2px solid var(--yellow);outline-offset:2px;box-shadow:none}
@media(max-width:900px){.container{width:calc(100% - 36px)}.header-top{display:none}.header-main{min-height:68px;display:flex;justify-content:space-between}.header-logo img{width:165px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:1px solid #666;border-radius:50%;background:transparent;cursor:pointer}.menu-toggle span{display:block;height:2px;width:22px;background:#fff}.primary-navigation{display:none;position:fixed;z-index:20;top:68px;left:0;right:0;bottom:0;overflow-y:auto;background:var(--ink);padding:24px 22px 40px}.primary-navigation.is-open{display:block}.navigation-list{display:block;font-size:20px}.navigation-list li{border-bottom:1px solid #4b4b4b}.navigation-list li+li::before{display:none}.navigation-list a{display:flex;align-items:center;gap:14px;padding:13px 4px}.navigation-list a::before{content:'';flex:none;width:7px;height:7px;background:var(--yellow);border-radius:50%}.footer-links{column-gap:16px;row-gap:12px}.footer-links li+li::before{display:none}.footer-inner{gap:22px}.site-footer{padding:42px 0 30px}.document{padding-block:30px 60px}.document h1{margin:28px 0 22px}.age-dialog{padding:32px 22px}.age-actions{flex-direction:column}.age-actions .button{width:100%}}

.footer-app{display:flex;align-items:center;justify-content:space-between;gap:35px;width:min(100%,900px);padding:24px 28px;border:1px solid #555;border-radius:16px;text-align:left}.footer-app strong{font:700 19px Onest,sans-serif}.footer-app p{margin:6px 0 0;color:#cbc7c0;max-width:310px}.footer-app__links{display:flex;gap:8px;flex-wrap:wrap}.footer-app__links a{display:flex;flex-direction:column;line-height:1.2;background:#333;border:1px solid #5d5d5d;border-radius:9px;padding:9px 12px;color:#fff;text-decoration:none;font-size:14px;font-weight:800}.footer-app__links a:hover{border-color:#ffc75b;color:#ffc75b}.footer-app__links span{font-size:11px;font-weight:400;margin-top:4px;color:#d0cdc6}

@media(max-width:900px){.navigation-list li+li{display:block}.footer-app{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:600px){.footer-app{padding:20px}.footer-app__links{display:grid;grid-template-columns:1fr 1fr;width:100%}}
/* Shared decorative banner layer: the central Figma artwork stays at its native scale. */
.banner-dots{position:absolute;inset:0 0 auto;height:286px;z-index:-1;pointer-events:none;overflow:hidden}
.banner-dots::after{content:'';position:absolute;inset:0;background:url('/images/optimized/cover-pattern.webp') center top/1280px 286px no-repeat}
.banner-dots::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fedc2d,#b693ff 33%,#773af8 67%,#ff41ca);opacity:.5;mask-image:radial-gradient(circle,#000 1.6px,transparent 2px),linear-gradient(to bottom,#000 0%,#000 35%,transparent 100%),linear-gradient(to right,#000,transparent calc(50% - 610px),transparent calc(50% + 610px),#000);mask-size:8px 8px,100% 100%,100% 100%;mask-position:center top,center,center;mask-composite:intersect}
.banner-dots::after{inset:0 auto auto 50%;width:1280px;height:286px;transform:translateX(-50%);mask-image:linear-gradient(to right,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
.banner-dots::before{mask-image:radial-gradient(circle,#000 1.6px,transparent 2px),linear-gradient(to bottom,#000 0%,#000 35%,transparent 100%),linear-gradient(to right,#000 calc(50% - 640px),transparent calc(50% - 480px),transparent calc(50% + 480px),#000 calc(50% + 640px))}
@font-face{font-family:HeliosCondC;src:url('/fonts/HeliosCondC-bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
/* Shared button typography */
button,input[type=submit],input[type=button],.button,.shops__more,.shops__pages a,.review-dialog__links a,.footer-app__links a{color:var(--Accent-black,#202020)!important;text-align:center!important;font-family:HeliosCondC,sans-serif!important;font-size:1rem!important;font-style:normal!important;font-weight:700!important;line-height:.9375rem!important;letter-spacing:.00625rem!important}
.age-dialog .button--secondary{background:#efede8;border-color:#efede8}.age-dialog .button--secondary:hover{background:#fff}
.footer-app__links a{background:#efede8;border-color:#efede8}.footer-app__links a:hover{background:#ffc75b;border-color:#ffc75b}.footer-app__links span{color:#595959}

@font-face{font-family:Inter;src:url('/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
.site-header,.site-footer{font-family:Inter,Arial,sans-serif}.site-header .navigation-list,.site-footer .footer-links{font-weight:500}.site-footer .footer-app strong{font-family:HeliosCondC,sans-serif}
.navigation-list a[aria-current=page]{color:var(--yellow)}

.site-logo{display:block}.site-logo img{max-width:100%;height:auto}.age-pending .site-shell{filter:blur(6px);pointer-events:none}.age-loader{display:grid;justify-items:center;gap:18px;padding-block:38px}.age-loader::before{content:"";width:36px;height:36px;border:3px solid #ffffff35;border-top-color:var(--yellow);border-radius:50%;animation:age-spin .8s linear infinite}@keyframes age-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.age-loader::before{animation:none}}

.age-loader[hidden],.age-overlay.is-loading [data-age-form]{display:none}
