:root{--bg:#faf8f4;--text:#2f2f2f;--accent:#ff7a1a;--accent-2:#79c86a;--accent-soft:#ff7a1a24;--accent-2-soft:#79c86a29}[data-theme=dark]{--bg:#121212;--text:#e5e5e5;--accent:#ff8a2d;--accent-2:#86d977;--accent-soft:#ff8a2d2e;--accent-2-soft:#86d9772e}body{background:var(--bg);color:var(--text);margin:0;font-family:Helvetica Neue,Arial Rounded MT Bold,Arial,sans-serif;transition:background-color .25s,color .25s}.page{max-width:1100px;margin:0 auto;padding:140px 24px}.page-subtitle{opacity:.8;max-width:520px}::view-transition-old(root){animation-duration:.22s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.navbar{z-index:9999;background:var(--bg);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .navbar{border-bottom:1px solid #ffffff14}.nav-left{align-items:center;gap:48px;display:flex}.nav-links{gap:28px;display:flex}.logo{letter-spacing:.25em;color:var(--text);white-space:nowrap;font-weight:600;text-decoration:none}.nav-link{color:var(--text);letter-spacing:.12em;opacity:.6;padding-bottom:6px;font-size:14px;text-decoration:none;transition:opacity .2s,color .2s,border-color .2s}.nav-link:hover{opacity:1;color:var(--accent)}.nav-link.active{opacity:1;border-bottom:2px solid var(--accent)}.theme-toggle{cursor:pointer;width:44px;height:44px;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.theme-toggle svg{stroke:currentColor;fill:currentColor;opacity:.85;width:20px;height:20px;transition:transform .25s,opacity .25s;display:block}.theme-toggle:hover svg{opacity:1;transform:scale(1.12)}@media (max-width:820px){.nav-left,.nav-theme-desktop{display:none}.nav-mobile-btn{display:inline-flex}.nav-mobile-logo{display:block}.navbar{justify-content:center;padding:0 12px}.nav-hamburger{position:absolute;left:10px}.nav-mobile-theme{position:absolute;right:10px}.nav-mobile-logo{letter-spacing:.22em;font-size:14px}}.drawer{pointer-events:none;z-index:99999;position:fixed;inset:0}.drawer.open{pointer-events:auto}.drawer-backdrop{opacity:0;background:#00000073;transition:opacity .2s;position:absolute;inset:0}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{background:var(--bg);width:min(84vw,360px);height:100%;color:var(--text);border-right:1px solid #00000014;flex-direction:column;transition:transform .22s;display:flex;position:absolute;top:0;left:0;transform:translate(-100%)}[data-theme=dark] .drawer-panel{border-right:1px solid #ffffff1a}.drawer.open .drawer-panel{transform:translate(0)}.drawer-top{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:18px 16px;display:flex}[data-theme=dark] .drawer-top{border-bottom:1px solid #ffffff14}.drawer-brand{letter-spacing:.18em;font-weight:700}.drawer-close{cursor:pointer;color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.drawer-links{flex-direction:column;padding:10px 8px;display:flex}.drawer-link{color:var(--text);letter-spacing:.1em;opacity:.8;border-radius:10px;padding:14px 12px;text-decoration:none;transition:background-color .18s,opacity .18s}.drawer-link:hover{opacity:1;background:#0000000a}[data-theme=dark] .drawer-link:hover{background:#ffffff0f}.drawer-link.active{opacity:1;background:#d8a39d2e}.drawer-bottom{border-top:1px solid #0000000f;margin-top:auto;padding:14px 12px 18px}[data-theme=dark] .drawer-bottom{border-top:1px solid #ffffff14}.drawer-theme{width:100%;color:var(--text);cursor:pointer;letter-spacing:.1em;background:0 0;border:1px solid #0000001a;border-radius:10px;padding:12px 14px}[data-theme=dark] .drawer-theme{border:1px solid #ffffff1f}.home-section{max-width:1100px;margin:0 auto;padding:70px 24px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (max-width:900px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.category-grid{grid-template-columns:1fr}}.category-card{color:inherit;aspect-ratio:3/4;background:#00000005;border:1px solid #0000000f;border-radius:12px;text-decoration:none;transition:transform .16s,box-shadow .2s;display:block;position:relative;overflow:hidden}[data-theme=dark] .category-card{background:#ffffff08;border:1px solid #ffffff1a}.category-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}[data-theme=dark] .category-card:hover{box-shadow:0 12px 26px #00000073}.category-bg{background-position:50%;background-size:cover;transition:transform .4s;position:absolute;inset:0;transform:scale(1)}.category-card:hover .category-bg{transform:scale(1.05)}.category-overlay{background:#00000059;position:absolute;inset:0}.category-content{color:#fff;flex-direction:column;justify-content:flex-end;padding:16px;display:flex;position:absolute;inset:0}.category-title{letter-spacing:.14em;font-size:18px;font-weight:700}.category-subtitle{letter-spacing:.1em;opacity:.9;margin-top:8px;font-size:12px}.yt-frameWrap{aspect-ratio:16/9;background:#0000000f;border-radius:10px;width:100%;position:relative;overflow:hidden}.yt-frame{border:0;width:100%;height:100%;position:absolute;inset:0}.exp-title{letter-spacing:.14em;opacity:.85;margin-bottom:14px;font-size:12px}.exp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (max-width:900px){.exp-grid{grid-template-columns:1fr}}.exp-item{background:#00000005;border:1px solid #00000014;padding:16px}[data-theme=dark] .exp-item{background:#ffffff0a;border:1px solid #ffffff1a}.exp-h{letter-spacing:.1em;font-weight:700}.exp-p{opacity:.75;margin-top:10px;line-height:1.6}.brands-head{margin-bottom:12px}.brands-title{letter-spacing:.14em;opacity:.85;font-size:12px}.brands-subtitle{opacity:.7;max-width:520px;margin-top:6px}.brands-viewport{padding:10px 0;overflow:hidden}.brands-track{gap:16px;width:max-content;animation:26s linear infinite brands-move;display:flex}.brands-viewport:hover .brands-track{animation-play-state:paused}@keyframes brands-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-chip{background:#00000005;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-theme=dark] .brand-chip{background:#ffffff0a;border:1px solid #ffffff1a}.brand-logoWrap{flex:0 0 46px;width:46px;height:26px;position:relative}.brand-logo{object-fit:contain}.brand-name{letter-spacing:.08em;opacity:.9;white-space:nowrap;font-size:12px}.pg{margin-top:18px}.pg-toolbar{background:#00000005;border:1px solid #00000014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}[data-theme=dark] .pg-toolbar{background:#ffffff0a;border:1px solid #ffffff1a}.pg-left{align-items:center;gap:10px;display:flex}.pg-label{opacity:.7;letter-spacing:.06em;font-size:12px}.pg-select{background:var(--bg);color:var(--text);border:1px solid #0000001a;border-radius:10px;outline:none;padding:10px 12px}[data-theme=dark] .pg-select{border:1px solid #ffffff1f}.pg-right{align-items:center;gap:12px;display:flex}.pg-page{opacity:.7;letter-spacing:.06em;font-size:12px}.pg-btn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:10px;padding:10px 12px}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-grid{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:12px;margin-top:16px;display:grid}@media (max-width:900px){.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.pg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pg-card{color:inherit;background:#00000005;border:1px solid #0000000f;border-radius:10px;text-decoration:none;transition:transform .16s,box-shadow .2s;display:block;overflow:hidden}[data-theme=dark] .pg-card{background:#ffffff08;border:1px solid #ffffff14}.pg-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0000001a}[data-theme=dark] .pg-card:hover{box-shadow:0 10px 24px #00000073}.pg-imgWrap{aspect-ratio:1;background:#0000000a;width:100%;position:relative}.pg-img{object-fit:cover}.pg-meta{padding:10px 10px 12px}.pg-name{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pg-price{letter-spacing:.06em;margin-top:6px;font-size:12px;font-weight:700}.belt{margin-top:18px}.belt-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.belt-title{letter-spacing:.14em;opacity:.8;font-size:12px}.belt-viewport{padding:8px 0;overflow:hidden}.belt-track{gap:12px;width:max-content;animation:26s linear infinite belt-move;display:flex}.belt-viewport:hover .belt-track{animation-play-state:paused}@keyframes belt-move{0%{transform:translate(0)}to{transform:translate(-50%)}}.belt-item{color:inherit;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:box-shadow .2s,transform .16s,background-color .2s;display:flex}.belt-item:hover{background:#00000005;transform:translateY(-1px);box-shadow:0 10px 22px #00000014}[data-theme=dark] .belt-item:hover{background:#ffffff0a;box-shadow:0 10px 22px #00000073}.belt-imgWrap{background:#0000000a;border-radius:6px;flex:0 0 44px;width:44px;height:44px;position:relative;overflow:hidden}.belt-img{object-fit:cover}.belt-name{letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;opacity:.9;max-width:160px;font-size:12px;overflow:hidden}.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:28px;padding:10px 0;display:flex}.contact-icon{color:var(--text);background:#00000008;border:1px solid #0000000f;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:transform .18s,box-shadow .22s,background-color .22s;display:inline-flex}[data-theme=dark] .contact-icon{background:#ffffff0a;border:1px solid #ffffff1a}.icon-wrapper{opacity:.92;justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.contact-icon:hover{background:#d8a39d1f;transform:translateY(-2px);box-shadow:0 12px 26px #0000001f}[data-theme=dark] .contact-icon:hover{background:#d8a39d29;box-shadow:0 12px 26px #00000073}@media (max-width:650px){.page{padding:120px 16px}.home-section{padding:54px 16px}h1{font-size:28px}.contact-actions{gap:16px}.contact-icon{width:64px;height:64px}.icon-wrapper{font-size:28px}}.contact-section{max-width:1100px;margin:0 auto;padding:0 24px 70px}.contact-title{letter-spacing:.14em;margin:0;font-size:28px}.contact-actionsWrap{text-align:center;margin-top:16px}.contact-friendly{opacity:.78;letter-spacing:.02em;max-width:560px;margin:14px auto 0;line-height:1.7}.contact-mapWrap{background:#00000008;border:1px solid #00000014;border-radius:12px;height:420px;margin-top:26px;overflow:hidden}[data-theme=dark] .contact-mapWrap{background:#ffffff0a;border:1px solid #ffffff1a}@media (max-width:650px){.contact-section{padding:0 16px 54px}.contact-title{font-size:24px}.contact-mapWrap{height:360px}}.footer{background:#00000003;border-top:1px solid #0000000f;margin-top:70px;padding:46px 24px 18px}[data-theme=dark] .footer{background:#ffffff08;border-top:1px solid #ffffff1a}.footer-inner{grid-template-columns:1.4fr 1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:900px){.footer-inner{grid-template-columns:1fr}}.footer-brand{letter-spacing:.18em;font-size:14px;font-weight:800}.footer-title{letter-spacing:.12em;opacity:.85;margin-bottom:10px;font-size:12px}.footer-link{color:var(--text);opacity:.75;letter-spacing:.04em;margin:8px 0;text-decoration:none;transition:opacity .16s,color .16s;display:block}.footer-link:hover{opacity:1;color:var(--accent)}.footer-muted{opacity:.7;margin-top:10px;line-height:1.7}.footer-bottom{border-top:1px solid #0000000f;max-width:1100px;margin:26px auto 0;padding-top:14px}[data-theme=dark] .footer-bottom{border-top:1px solid #ffffff1a}.nav-theme-desktop{display:inline-flex}.nav-mobile-btn,.nav-mobile-logo{display:none}@media (max-width:820px){.nav-left,.nav-theme-desktop{display:none}.nav-mobile-btn{display:inline-flex}.nav-mobile-logo{display:block}.nav-mobile-btn{z-index:10001}.nav-mobile-logo{z-index:10000}.nav-hamburger{position:absolute;left:10px}.nav-mobile-theme{position:absolute;right:10px}}
