.header-navigation{background:color-mix(in srgb,var(--soft) 65%,#eee5d4);border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink)}
.header-navigation-inner{max-width:1660px;margin:auto;padding:0 44px;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-navigation-note{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;letter-spacing:.2px}.header-navigation-note>span{font-size:19px;color:var(--accent)}
.header-navigation-links{display:flex;align-items:stretch;gap:8px;align-self:stretch}
.header-navigation button{display:flex;align-items:center;gap:8px;position:relative;border:0;background:none;padding:13px 17px;font:600 11px Manrope,sans-serif;color:var(--ink);white-space:nowrap}
.header-navigation button svg{width:16px;height:16px;color:var(--accent)}.header-navigation button:hover{background:color-mix(in srgb,var(--white) 45%,transparent)}
.header-navigation button[aria-pressed=true],.header-navigation button[aria-expanded=true]{background:color-mix(in srgb,var(--white) 60%,transparent)}
.header-navigation button[aria-pressed=true]::after,.header-navigation button[aria-expanded=true]::after{content:'';position:absolute;bottom:0;left:16px;right:16px;height:3px;background:var(--accent);border-radius:3px 3px 0 0}
.header-navigation button b{font:600 9px 'DM Sans',sans-serif;min-width:18px;text-align:center;padding:1px 5px;background:color-mix(in srgb,var(--white) 60%,transparent);border-radius:5px;color:var(--muted)}
html{scroll-padding-top:calc(var(--store-header-height,150px) + 20px)}.catalog-sidebar{top:calc(var(--store-header-height,150px) + 22px)}
#about{width:760px;padding:32px}.about-intro{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:24px}.about-intro strong{color:var(--ink);font-weight:600}
.about-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.about-benefits article{border:1px solid var(--line);border-radius:12px;background:var(--canvas);padding:17px}.about-benefits article>span{font-size:20px;color:var(--accent)}.about-benefits h3{font-size:12px;margin:9px 0 6px}.about-benefits p{font-size:11px;color:var(--muted);margin:0}
.about-shops-heading{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:12px}.about-shops-heading h3{font-size:15px;margin:0}.about-shops-heading>span{font-size:10px;color:var(--muted)}
.about-shops{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:9px}.about-shops li{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px}.about-shop-symbol{color:var(--accent)}.about-shops li>div{flex:1;min-width:0}.about-shops strong{display:block;font-size:12px}.about-shops li>div>span{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.about-shops small{font-size:9px;white-space:nowrap;color:var(--muted);background:var(--soft);padding:3px 7px;border-radius:5px}.about-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.about-footer p{font-size:10px;color:var(--muted);max-width:340px;margin:0}.about-footer .primary{width:auto;font-size:11px;white-space:nowrap}
.product-added{display:block;color:var(--muted);font-size:9px;margin:-7px 0 14px}
html[data-appearance=dark] .header-navigation{background:#253248;border-color:#35445d}html[data-appearance=dark] .header-navigation button:hover,html[data-appearance=dark] .header-navigation button[aria-pressed=true],html[data-appearance=dark] .header-navigation button[aria-expanded=true]{background:#30415c}html[data-appearance=dark] .header-navigation button b{background:#192537}
@media(max-width:1000px){.header-navigation-inner{padding:0 24px}.header-navigation-note{font-size:9px}}
@media(max-width:700px){.header-navigation-inner{padding:0 18px;min-height:45px}.header-navigation-note{display:none}.header-navigation-links{width:100%;justify-content:space-between;gap:2px}.header-navigation button{justify-content:center;padding:12px 9px;gap:6px;font-size:10px;flex:1}.header-navigation button svg{width:14px;height:14px}.header-navigation button b{font-size:8px;min-width:15px;padding:1px 4px}#about{padding:23px}.about-intro{font-size:12px}.about-benefits{grid-template-columns:1fr;gap:8px;margin-bottom:22px}.about-benefits article{padding:13px;display:grid;grid-template-columns:25px 1fr;column-gap:10px}.about-benefits h3{margin:0 0 3px}.about-benefits p{grid-column:2}.about-benefits article>span{grid-row:1/3}.about-footer{align-items:stretch;flex-direction:column}.about-footer .primary{width:100%}.about-shops-heading>span{display:none}.about-shops li{padding:12px}.catalog-sidebar{top:auto}}
@media(max-width:380px){.header-navigation-inner{padding:0 10px}.header-navigation button{padding:12px 6px;gap:5px}.header-navigation button svg{display:none}.about-shops li{flex-wrap:wrap}.about-shops small{margin-left:33px}}
