.os-store{--os-brand:#10b981;--os-brand-strong:#047857;--os-brand-glow:rgba(16,185,129,.25);--os-gold:#d4af37;--os-gold-light:#fef08a;--os-ink:#0f172a;--os-muted:#64748b;--os-line:rgba(15,23,42,.08);--os-bg:#f8fafc;--os-card:#fff;--os-radius:24px;--os-shadow:0 20px 45px rgba(15,23,42,.08);--os-shadow-hover:0 28px 60px rgba(16,185,129,.16);background:radial-gradient(1200px 500px at 100% -10%,rgba(16,185,129,.12),transparent 60%),radial-gradient(900px 450px at 0% 25%,rgba(212,175,55,.08),transparent 60%),linear-gradient(180deg,#f1f5f9 0%,var(--os-bg)40%,#e2e8f0 100%);color:var(--os-ink);padding-bottom:72px;font-family:inherit}.os-store *{box-sizing:border-box}.os-cover{object-fit:cover;object-position:center}.os-glass{-webkit-backdrop-filter:blur(16px)saturate(150%);background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 40px rgba(15,23,42,.05),inset 0 1px rgba(255,255,255,.9)}.os-anim-icon{width:28px;height:28px;display:block}.os-mini-icon{vertical-align:-2px;width:15px;height:15px;margin-left:4px;display:inline-block}.os-perk-icon{width:48px;height:48px;color:var(--os-brand-strong);background:linear-gradient(145deg,rgba(16,185,129,.2),rgba(16,185,129,.06));border:1px solid rgba(16,185,129,.25);border-radius:16px;place-items:center;margin-bottom:6px;display:grid}.si-glint{animation:2.4s ease-in-out infinite os-glint}.si-pulse{transform-origin:50%;animation:3s ease-in-out infinite os-soft}.si-draw{stroke-dasharray:28;stroke-dashoffset:28px;animation:2.8s ease-in-out infinite os-draw}.si-spin-slow{transform-origin:50%;animation:6s linear infinite os-spin}.si-wiggle{transform-origin:28px 22px;animation:2.6s ease-in-out infinite os-wiggle}.si-spark{transform-origin:50%;animation:1.8s ease-in-out infinite os-spark}@keyframes os-glint{0%,to{opacity:.3}50%{opacity:1}}@keyframes os-soft{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes os-draw{0%,20%{stroke-dashoffset:28px}45%,70%{stroke-dashoffset:0}90%,to{stroke-dashoffset:28px}}@keyframes os-spin{to{transform:rotate(360deg)}}@keyframes os-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}@keyframes os-spark{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}.os-kicker,.os-kicker-dark{letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}.os-kicker{color:#6ee7b7}.os-kicker-dark{color:var(--os-brand-strong)}.os-btn{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px rgba(0,0,0,.05)}.os-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.os-btn:active{transform:translateY(0)}.os-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.os-btn-sm{min-height:36px;padding:0 14px;font-size:12px}.os-btn-dark{background:var(--os-ink);color:#fff;border:1px solid rgba(255,255,255,.1)}.os-btn-dark:hover{color:#6ee7b7;background:#1e293b}.os-btn-light{color:var(--os-ink);background:#fff}.os-btn-light:hover{color:var(--os-brand-strong);background:#f8fafc}.os-btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}.os-btn-ghost:hover{background:rgba(255,255,255,.25);border-color:#fff}.os-btn-line{color:var(--os-ink);border:1px solid var(--os-line);background:#fff}.os-btn-line.is-on{border-color:var(--os-brand);color:var(--os-brand-strong);background:rgba(16,185,129,.06)}.os-btn-line:hover{border-color:var(--os-brand);color:var(--os-brand-strong)}.os-link{color:var(--os-brand-strong);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:800;transition:color .15s}.os-link:hover{color:var(--os-brand);text-decoration:underline}.os-top-bar{color:#fff;background:linear-gradient(90deg,#0f172a 0%,#1e293b 100%);border-bottom:1px solid rgba(255,255,255,.1);padding:10px 20px}.os-top-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:0 auto;font-size:13px;display:flex}.os-top-perk{color:#e2e8f0;align-items:center;gap:6px;font-weight:500;display:flex}.os-top-perk .os-mini-icon{color:var(--os-gold)}.os-top-actions{align-items:center;gap:10px;display:flex}.os-top-btn{font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.os-face-btn{color:#6ee7b7;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(16,185,129,.1));border:1px solid rgba(16,185,129,.4)}.os-face-btn:hover{background:rgba(16,185,129,.35);transform:scale(1.02)}.os-comp-btn{color:var(--os-gold-light);background:rgba(212,175,55,.2);border:1px solid rgba(212,175,55,.4)}.os-comp-btn:hover{background:rgba(212,175,55,.3)}.os-hero{grid-template-columns:1.4fr .9fr;align-items:stretch;gap:20px;max-width:1240px;margin:24px auto 0;padding:0 20px;display:grid}.os-hero:not(:has(.os-trend)){grid-template-columns:1fr}.os-trend-fallback{justify-content:center;min-height:520px}.os-trend-fallback .os-trend-body h2{margin-top:18px}.os-trend-fallback-list{color:var(--os-muted);gap:8px;margin:0 0 18px;padding:0 18px 0 0;font-size:13px;line-height:1.5;display:grid}.os-trend-fallback-list li::marker{color:var(--os-brand-strong)}.os-hero-slider{isolation:isolate;color:#fff;border-radius:32px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.22)}.os-hero-slide{opacity:0;z-index:0;transition:opacity .8s,transform 6s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.04)}.os-hero-slide.is-active{opacity:1;transform:scale(1)}.os-hero-shade{z-index:1;background:linear-gradient(135deg,rgba(15,23,42,.78) 0%,rgba(15,23,42,.38) 48%,rgba(15,23,42,.12) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.os-hero-badge-floating{z-index:2;color:var(--os-ink);border-radius:20px;align-items:center;gap:12px;padding:10px 18px;display:flex;position:absolute;top:24px;left:24px}.os-hero-badge-floating strong{color:var(--os-ink);font-size:13px;font-weight:800;display:block}.os-hero-badge-floating small{color:var(--os-brand-strong);font-size:11px;font-weight:700;display:block}.os-hero-copy{z-index:2;flex-direction:column;justify-content:flex-end;max-width:600px;height:100%;padding:60px 48px 48px;display:flex;position:relative}.os-hero-copy h1{text-shadow:0 4px 16px rgba(0,0,0,.3);margin:0 0 14px;font-size:max(26px,min(3.8vw,40px));font-weight:900;line-height:1.25}.os-hero-copy p{color:#cbd5e1;margin:0 0 24px;font-size:14.5px;line-height:1.6}.os-hero-actions{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.os-hero-meta{color:#94a3b8;border-top:1px solid rgba(255,255,255,.15);gap:20px;margin-top:8px;padding-top:16px;font-size:12.5px;display:flex}.os-hero-meta b{color:#fff}.os-hero-dots{gap:8px;margin-top:16px;display:flex}.os-hero-dots button{cursor:pointer;background:rgba(255,255,255,.35);border:0;border-radius:999px;width:9px;height:9px;padding:0;transition:all .25s}.os-hero-dots button.is-active{background:var(--os-brand);width:32px}.os-trend{isolation:isolate;border-radius:32px;flex-direction:column;justify-content:space-between;padding:28px;display:flex;position:relative}.os-trend-badge{background:linear-gradient(135deg,var(--os-ink),#1e293b);color:var(--os-gold-light);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px rgba(15,23,42,.15)}.os-trend-visual{border:1px solid rgba(0,0,0,.06);border-radius:20px;width:100%;height:200px;margin:16px 0;position:relative;overflow:hidden}.os-size-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,23,42,.85);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}.os-trend-body small{color:var(--os-brand-strong);font-size:12px;font-weight:800}.os-trend-body h2{color:var(--os-ink);margin:4px 0 8px;font-size:22px;font-weight:900}.os-trend-body p{color:var(--os-muted);margin:0 0 12px;font-size:13px;line-height:1.5}.os-trend-specs{color:var(--os-muted);background:rgba(15,23,42,.04);border-radius:10px;gap:12px;margin-bottom:12px;padding:6px 12px;font-size:11.5px;display:flex}.os-trend-meta{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.os-trend-meta strong{color:var(--os-brand-strong);font-size:20px;font-weight:900}.os-trend-meta em{color:var(--os-gold);font-size:12.5px;font-style:normal;font-weight:800}.os-trend-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.os-perks{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1240px;margin:32px auto 0;padding:0 20px;display:grid}.os-perk{border-radius:24px;flex-direction:column;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.os-perk:hover{box-shadow:var(--os-shadow-hover);transform:translateY(-4px)}.os-perk strong{color:var(--os-ink);margin:8px 0 4px;font-size:15px;font-weight:800}.os-perk span{color:var(--os-muted);font-size:12.5px;line-height:1.5}.os-brands-block{max-width:1240px;margin:48px auto 0;padding:0 20px}.os-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.os-section-head h2{color:var(--os-ink);margin:0;font-size:max(20px,min(2.5vw,28px));font-weight:900}.os-brands-track{border:1px solid var(--os-line);background:rgba(255,255,255,.5);border-radius:24px;padding:12px;overflow:hidden}.os-brands-rail{gap:12px;width:max-content;animation:30s linear infinite os-brand-marquee;display:flex}.os-brands-rail:hover{animation-play-state:paused}@keyframes os-brand-marquee{0%{transform:translate(0)}to{transform:translate(50%)}}.os-brand-card{border:1px solid var(--os-line);cursor:pointer;min-width:148px;color:var(--os-ink);background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 18px 12px;transition:all .2s;display:flex}.os-brand-logo{justify-content:center;align-items:center;width:100%;height:40px;margin-bottom:2px;display:flex}.os-brand-mark{letter-spacing:.04em;min-width:42px;height:28px;color:var(--os-ink);background:rgba(15,23,42,.06);border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.os-brand-logo-img{object-fit:contain;filter:grayscale()contrast(1.15);opacity:.9;max-width:118px;width:auto!important;height:28px!important}.os-brand-card:hover .os-brand-logo-img,.os-brand-card.is-active .os-brand-logo-img{filter:none;opacity:1}.os-brand-card strong{font-size:12.5px;font-weight:800}.os-brand-note{color:var(--os-muted);font-size:11px}.os-brand-card:hover,.os-brand-card.is-active{border-color:var(--os-brand);background:rgba(16,185,129,.08);transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,.12)}.os-shapes-section{max-width:1240px;margin:48px auto 0;padding:0 20px}.os-shapes-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.os-shape-card{border:1px solid var(--os-line);text-align:center;cursor:pointer;color:var(--os-ink);background:#fff;border-radius:22px;flex-direction:column;align-items:center;padding:20px;transition:all .22s;display:flex;position:relative}.os-shape-icon{width:54px;height:54px;color:var(--os-ink);background:#f1f5f9;border-radius:16px;place-items:center;margin-bottom:12px;transition:all .22s;display:grid}.os-shape-svg{width:32px;height:32px}.os-shape-card strong{margin-bottom:4px;font-size:14.5px;font-weight:800}.os-shape-card small{color:var(--os-muted);margin-bottom:10px;font-size:11.5px;line-height:1.4}.os-shape-count{color:var(--os-brand-strong);background:rgba(16,185,129,.12);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800}.os-shape-card:hover,.os-shape-card.is-active{border-color:var(--os-brand);box-shadow:var(--os-shadow-hover);transform:translateY(-4px)}.os-shape-card.is-active .os-shape-icon{background:var(--os-brand);color:#fff}.os-collections{grid-template-columns:1fr 1fr 1fr;gap:18px;max-width:1240px;margin:48px auto 0;padding:0 20px;display:grid}.os-collection{cursor:pointer;isolation:isolate;text-align:right;color:#fff;border:0;border-radius:28px;align-items:flex-end;min-height:280px;padding:24px;display:flex;position:relative;overflow:hidden}.os-collection-shade{z-index:1;background:linear-gradient(transparent 0%,rgba(15,23,42,.2) 35%,rgba(15,23,42,.85) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.os-collection-label{z-index:2;flex-direction:column;display:flex;position:relative}.os-collection-label span{color:#6ee7b7;text-transform:uppercase;font-size:12px;font-weight:800}.os-collection-label strong{margin:4px 0;font-size:24px;font-weight:900}.os-collection-label em{color:#cbd5e1;font-size:12.5px;font-style:normal}.os-collection:hover .os-cover{transform:scale(1.06)}.os-cover{transition:transform .6s}.os-usage-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.os-usage{cursor:pointer;isolation:isolate;color:#fff;border:0;border-radius:20px;align-items:flex-end;min-height:134px;padding:14px;display:flex;position:relative;overflow:hidden}.os-usage-shade{z-index:1;background:linear-gradient(transparent 20%,rgba(15,23,42,.8) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.os-usage-label{z-index:2;text-align:right;flex-direction:column;display:flex;position:relative}.os-usage-label b{font-size:14.5px;font-weight:800}.os-usage-label span{color:#cbd5e1;font-size:11px}.os-usage:hover .os-cover,.os-usage.is-active .os-cover{transform:scale(1.08)}.os-usage.is-active{outline:3px solid var(--os-brand)}.os-new{max-width:1240px;margin:48px auto 0;padding:0 20px}.os-new-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.os-new-card{border:1px solid var(--os-line);color:var(--os-ink);cursor:pointer;text-align:right;border-radius:22px;flex-direction:column;gap:12px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.os-new-card:hover{box-shadow:var(--os-shadow-hover);border-color:var(--os-brand);transform:translateY(-3px)}.os-new-media{background:#f1f5f9;border-radius:16px;height:140px;position:relative;overflow:hidden}.os-badge-sm{background:var(--os-brand);color:#fff;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.os-new-info small{color:var(--os-muted);font-size:11.5px;display:block}.os-new-info strong{color:var(--os-ink);margin:2px 0 4px;font-size:14.5px;font-weight:800;display:block}.os-new-info span{color:var(--os-brand-strong);font-size:13.5px;font-weight:900}.os-catalog{grid-template-columns:280px 1fr;align-items:start;gap:28px;max-width:1240px;margin:56px auto 0;padding:0 20px;display:grid}.os-filters{border:1px solid var(--os-line);background:#fff;border-radius:28px;flex-direction:column;gap:20px;padding:24px;display:flex;position:-webkit-sticky;position:sticky;top:24px;box-shadow:0 10px 30px rgba(15,23,42,.04)}.os-filters-head{border-bottom:1px solid var(--os-line);justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.os-filters-head h2{color:var(--os-ink);margin:0 0 2px;font-size:16px;font-weight:900}.os-filters-head p{color:var(--os-muted);margin:0;font-size:11.5px}.os-field{flex-direction:column;gap:8px;display:flex}.os-field span{color:var(--os-ink);font-size:12.5px;font-weight:800}.os-field input[type=text],.os-field select{border:1px solid var(--os-line);width:100%;height:42px;font:inherit;color:var(--os-ink);background:#f8fafc;border-radius:12px;outline:none;padding:0 14px;font-size:13px;transition:border-color .15s}.os-field input[type=text]:focus,.os-field select:focus{border-color:var(--os-brand);box-shadow:0 0 0 3px var(--os-brand-glow);background:#fff}.os-chips{flex-wrap:wrap;gap:6px;display:flex}.os-chips button{border:1px solid var(--os-line);font:inherit;cursor:pointer;color:var(--os-ink);background:#f8fafc;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;transition:all .15s}.os-chips button:hover,.os-chips button.is-active{border-color:var(--os-brand);background:var(--os-brand);color:#fff}.os-chips-grid{grid-template-columns:1fr 1fr;display:grid}.os-chips-grid button{border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:7px;display:flex}.os-chip-ic{width:18px;height:18px}.os-range{flex-direction:column;gap:6px;display:flex}.os-range input{width:100%;accent-color:var(--os-brand)}.os-toggles{border-top:1px solid var(--os-line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.os-toggle{cursor:pointer;color:var(--os-ink);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.os-toggle input{width:16px;height:16px;accent-color:var(--os-brand);cursor:pointer}.os-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.os-toolbar h2{color:var(--os-ink);margin:0 0 4px;font-size:22px;font-weight:900}.os-toolbar p{color:var(--os-muted);margin:0;font-size:13px}.os-toolbar-actions{align-items:center;gap:10px;display:flex}.os-sort-select{border:1px solid var(--os-line);height:42px;font:inherit;color:var(--os-ink);cursor:pointer;background:#fff;border-radius:14px;padding:0 14px;font-size:13px;font-weight:700}.os-view-toggle{border:1px solid var(--os-line);background:#fff;border-radius:14px;padding:3px;display:flex}.os-view-toggle button{font:inherit;cursor:pointer;color:var(--os-muted);background:0 0;border:0;border-radius:11px;padding:6px 14px;font-size:12.5px;font-weight:700}.os-view-toggle button.is-active{background:var(--os-ink);color:#fff}.os-quick-presets{border:1px solid var(--os-line);background:rgba(255,255,255,.6);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;display:flex}.os-preset-title{color:var(--os-muted);font-size:12px;font-weight:800}.os-quick-presets button{border:1px solid var(--os-line);font:inherit;cursor:pointer;color:var(--os-ink);background:#fff;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s}.os-quick-presets button:hover,.os-quick-presets button.is-active{border-color:var(--os-brand);color:var(--os-brand-strong);background:rgba(16,185,129,.1)}.os-active-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.os-active-filters button{color:var(--os-brand-strong);font:inherit;cursor:pointer;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.os-active-filters .os-clear{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.os-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.os-grid.is-list{grid-template-columns:1fr}.os-card{border:1px solid var(--os-line);background:#fff;border-radius:28px;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.03)}.os-card:hover{box-shadow:var(--os-shadow-hover);border-color:rgba(16,185,129,.4);transform:translateY(-6px)}.os-card.is-list{flex-direction:row;align-items:center}.os-card.is-list .os-card-media{flex-shrink:0;width:320px;height:220px}.os-card.is-list .os-card-body{flex:1;padding:24px}.os-card-media{background:#f8fafc;width:100%;height:240px;position:relative;overflow:hidden}.os-card-badges{z-index:2;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:14px;right:14px}.os-badge{background:var(--os-ink);color:var(--os-gold-light);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800;box-shadow:0 4px 10px rgba(0,0,0,.15)}.os-sale{color:#fff;background:#ef4444;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:900}.os-size-tag{color:var(--os-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800}.os-card-actions-top{z-index:2;gap:6px;display:flex;position:absolute;top:14px;left:14px}.os-fav-btn,.os-comp-btn-mini{width:36px;height:36px;color:var(--os-ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.7);border-radius:999px;place-items:center;transition:all .2s;display:grid}.os-btn-ic{width:18px;height:18px}.os-fav-btn.is-on{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.os-comp-btn-mini.is-on{color:#b89628;border-color:var(--os-gold);background:rgba(212,175,55,.25)}.os-fav-btn:hover,.os-comp-btn-mini:hover{transform:scale(1.1)}.os-card-quick{z-index:3;opacity:0;grid-template-columns:1fr 1fr;gap:8px;transition:all .25s cubic-bezier(.4,0,.2,1);display:grid;position:absolute;top:auto;bottom:16px;left:16px;right:16px;transform:translateY(12px)}.os-card:hover .os-card-quick{opacity:1;transform:translateY(0)}.os-card-quick-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.os-card-quick-2 .os-btn{text-align:center;justify-content:center}.os-card-body.is-compact h3 a{color:inherit;text-decoration:none}.os-card-body.is-compact h3 a:hover{color:var(--os-brand-strong)}.os-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.os-card-body.is-compact{gap:6px;padding:14px 16px 16px}.os-card-tags{gap:6px;margin-bottom:8px;display:flex}.os-card-tags span{color:var(--os-muted);background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.os-card-brand-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.os-card-body.is-compact .os-card-brand-row{margin-bottom:0}.os-card-brand-row small{color:var(--os-brand-strong);font-size:12px;font-weight:800}.os-code-pill{color:var(--os-muted);background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.os-usage-chip{color:var(--os-muted);white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.os-card-body h3{margin:0 0 6px;font-size:16.5px;font-weight:800}.os-card-body.is-compact h3{margin:0;font-size:15.5px;line-height:1.35}.os-card-body h3 button{color:inherit;font:inherit;font-weight:inherit;cursor:pointer;text-align:right;background:0 0;border:0;padding:0}.os-card-body h3 button:hover{color:var(--os-brand-strong)}.os-card-body p{color:var(--os-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.os-colors-preview{align-items:center;gap:6px;margin-bottom:12px;display:flex}.os-color-dot{cursor:pointer;border:1px solid #ccc;border-radius:999px;width:14px;height:14px;transition:transform .15s}.os-color-dot:hover,.os-color-dot.is-active{box-shadow:0 0 0 2px var(--os-brand);transform:scale(1.3)}.os-color-more{color:var(--os-muted);margin-right:4px;font-size:10.5px;font-weight:600}.os-specs-mini{color:var(--os-muted);border-top:1px solid var(--os-line);justify-content:space-between;margin-top:auto;padding-top:10px;font-size:11.5px;display:flex}.os-card-foot{justify-content:space-between;align-items:baseline;margin:12px 0 8px;display:flex}.os-card-body.is-compact .os-card-foot{margin:auto 0 2px}.os-card-foot strong{color:var(--os-ink);font-size:17px;font-weight:900}.os-card-foot s{color:#94a3b8;margin-right:6px;font-size:12px}.os-card-foot em{color:var(--os-gold);font-size:12px;font-style:normal;font-weight:800}.os-stock{align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.os-card-body.is-compact .os-stock{margin-top:2px}.os-stock-dot{border-radius:999px;width:7px;height:7px}.os-stock.is-ok{color:#059669}.os-stock.is-ok .os-stock-dot{background:#10b981;box-shadow:0 0 8px #10b981}.os-stock.is-out{color:#dc2626}.os-stock.is-out .os-stock-dot{background:#ef4444}.os-empty{text-align:center;border:1px solid var(--os-line);background:#fff;border-radius:28px;padding:60px 20px}.os-empty strong{margin-bottom:8px;font-size:18px;display:block}.os-empty p{color:var(--os-muted);margin-bottom:20px}.os-more{text-align:center;margin-top:36px}.os-service{grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1240px;margin:64px auto 0;padding:0 20px;display:grid}.os-service-copy h2{color:var(--os-ink);margin:8px 0 16px;font-size:max(22px,min(2.8vw,32px));font-weight:900}.os-service-copy p{color:var(--os-muted);margin-bottom:24px;font-size:14.5px;line-height:1.7}.os-service-visual{height:380px;box-shadow:var(--os-shadow);border-radius:32px;position:relative;overflow:hidden}.os-compare-bar{z-index:90;color:#fff;background:rgba(15,23,42,.92);border:1px solid rgba(255,255,255,.2);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;width:min(90%,820px);padding:14px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px rgba(15,23,42,.25)}.os-compare-bar-info{align-items:center;gap:12px;display:flex}.os-compare-bar-info strong{font-size:13.5px;display:block}.os-compare-bar-info small{color:#cbd5e1;font-size:11px}.os-compare-bar-thumbs{gap:8px;display:flex}.os-compare-thumb{background:#fff;border:1px solid rgba(255,255,255,.3);border-radius:12px;width:44px;height:44px;position:relative;overflow:hidden}.os-compare-thumb button{color:#fff;cursor:pointer;background:rgba(0,0,0,.7);border:0;width:16px;height:16px;font-size:11px;position:absolute;top:0;right:0}.os-compare-bar-actions{gap:8px;display:flex}.os-modal{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.os-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(15,23,42,.75);border:0;position:fixed;top:0;bottom:0;left:0;right:0}.os-modal-panel{z-index:101;background:#fff;border-radius:32px;width:100%;max-width:1040px;max-height:90vh;padding:36px;position:relative;overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.3)}.os-modal-close{border:1px solid var(--os-line);cursor:pointer;z-index:10;width:40px;height:40px;color:var(--os-ink);background:#f8fafc;border-radius:999px;place-items:center;font-size:22px;transition:all .2s;display:grid;position:absolute;top:20px;left:20px}.os-modal-close:hover{background:var(--os-ink);color:#fff}.os-modal-head{border-bottom:1px solid var(--os-line);align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.os-modal-head h2{color:var(--os-ink);margin:0 0 4px;font-size:20px;font-weight:900}.os-modal-head p{color:var(--os-muted);margin:0;font-size:13px}.os-modal-grid{grid-template-columns:1fr 1fr;gap:32px;display:grid}.os-gallery-main{border:1px solid var(--os-line);background:#f8fafc;border-radius:24px;height:320px;position:relative;overflow:hidden}.os-gallery-badges{flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.os-thumbs{gap:10px;margin:12px 0 20px;padding-bottom:4px;display:flex;overflow-x:auto}.os-thumbs button{cursor:pointer;background:#f8fafc;border:2px solid transparent;border-radius:14px;flex-shrink:0;width:72px;height:72px;position:relative;overflow:hidden}.os-thumbs button.is-active{border-color:var(--os-brand)}.os-blueprint{border:1px dashed var(--os-line);background:#f8fafc;border-radius:20px;padding:16px 20px}.os-blueprint h4{color:var(--os-ink);margin:0 0 10px;font-size:12.5px;font-weight:800}.os-blueprint-diagram{text-align:center;justify-content:space-around;display:flex}.os-blueprint-diagram span{color:var(--os-muted);font-size:10.5px;display:block}.os-blueprint-diagram b{color:var(--os-brand-strong);font-size:14px;font-weight:900}.os-bp-note{color:var(--os-muted);text-align:center;margin:8px 0 0;font-size:11px}.os-modal-header-line{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.os-modal-head-btns{gap:6px;display:flex}.os-modal-info h2{color:var(--os-ink);margin:6px 0 10px;font-size:24px;font-weight:900}.os-modal-rating{color:var(--os-muted);gap:12px;margin-bottom:14px;font-size:12.5px;display:flex}.os-modal-rating em{color:var(--os-gold);font-style:normal;font-weight:800}.os-modal-short{color:var(--os-ink);margin:-4px 0 10px;font-size:13px;font-weight:600}.os-modal-desc{color:var(--os-muted);margin-bottom:18px;font-size:13.5px;line-height:1.6}.os-colors-detail{margin-bottom:14px}.os-colors-detail .os-color-dot{cursor:default}.os-colors-detail .os-color-dot:hover{box-shadow:none;transform:none}.os-price-box{border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;display:flex}.os-price-box strong{color:var(--os-brand-strong);font-size:24px;font-weight:900}.os-price-box s{color:#94a3b8;margin-right:8px;font-size:14px}.os-sale-inline{color:#ef4444;background:#fee2e2;border-radius:6px;margin-right:8px;padding:2px 8px;font-size:12px;font-weight:800}.os-lens-price-note{color:var(--os-brand-strong);margin-top:4px;font-size:11.5px;font-weight:700}.os-detail-tabs{border-bottom:1px solid var(--os-line);gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.os-detail-tabs button{font:inherit;color:var(--os-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid transparent;padding:10px 14px;font-size:13px;font-weight:800}.os-detail-tabs button.is-active{color:var(--os-brand-strong);border-bottom-color:var(--os-brand)}.os-tab-content{margin-bottom:20px}.os-spec-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.os-spec-grid div{background:#f8fafc;border-radius:12px;justify-content:space-between;padding:10px 14px;font-size:12.5px;display:flex}.os-features{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.os-features li{color:var(--os-ink);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.os-lens-sub{color:var(--os-muted);margin-bottom:12px;font-size:12px}.os-lens-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.os-lens-card{border:1px solid var(--os-line);text-align:right;cursor:pointer;background:#f8fafc;border-radius:16px;flex-direction:column;padding:14px;transition:all .2s;display:flex}.os-lens-card-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.os-lens-card strong{color:var(--os-ink);font-size:13px;font-weight:800}.os-lens-badge{color:var(--os-brand-strong);background:rgba(16,185,129,.12);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.os-lens-card p{color:var(--os-muted);flex:1;margin:0 0 8px;font-size:11.5px;line-height:1.4}.os-lens-card em{color:var(--os-brand-strong);font-size:12px;font-style:normal;font-weight:800}.os-lens-card:hover,.os-lens-card.is-active{border-color:var(--os-brand);background:rgba(16,185,129,.05)}.os-stock-table{flex-direction:column;gap:8px;display:flex}.os-stock-row{background:#f8fafc;border-radius:14px;justify-content:space-between;padding:12px 16px;font-size:13px;display:flex}.os-buy-row{align-items:center;gap:12px;display:flex}.os-qty{border:1px solid var(--os-line);background:#f8fafc;border-radius:999px;align-items:center;height:46px;display:flex}.os-qty button{cursor:pointer;background:0 0;border:0;width:38px;height:100%;font-size:18px}.os-qty span{padding:0 10px;font-size:15px;font-weight:800}.os-buy-submit{flex:1;min-height:48px;font-size:14.5px}.os-related{border-top:1px solid var(--os-line);margin-top:28px;padding-top:20px}.os-related h3{margin:0 0 12px;font-size:14px;font-weight:800}.os-related-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.os-related-grid button{border:1px solid var(--os-line);cursor:pointer;text-align:right;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:8px;display:flex}.os-related-img{background:#f8fafc;border-radius:8px;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.os-related-grid b{color:var(--os-ink);font-size:11.5px;font-weight:800;display:block}.os-related-grid em{color:var(--os-brand-strong);font-size:11px;font-style:normal;font-weight:700}.os-compare-panel{max-width:1100px}.os-compare-table-wrapper{overflow-x:auto}.os-compare-table{border-collapse:collapse;text-align:center;width:100%}.os-compare-table th,.os-compare-table td{border-bottom:1px solid var(--os-line);padding:14px 16px;font-size:13px}.os-comp-label-col{text-align:right;background:#f8fafc;width:160px;font-weight:800}.os-comp-header-cell{flex-direction:column;align-items:center;display:flex;position:relative}.os-comp-remove-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:999px;width:22px;height:22px;font-weight:900;position:absolute;top:-6px;right:-6px}.os-comp-img{background:#f8fafc;border-radius:12px;width:100px;height:70px;margin-bottom:8px;position:relative;overflow:hidden}.os-price-highlight{color:var(--os-brand-strong);font-size:16px;font-weight:900}.os-comp-actions{flex-direction:column;gap:6px;display:flex}.os-face-backdrop{-webkit-backdrop-filter:blur(6px);animation:.35s both os-face-fade;background:rgba(15,23,42,.55)!important}.os-face-guide-panel{-webkit-backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(165deg,rgba(255,255,255,.92) 0%,rgba(248,250,252,.88) 100%);border:1px solid rgba(255,255,255,.75);border-radius:28px;max-width:880px;max-height:min(92vh,920px);padding:28px 26px 24px;animation:.45s cubic-bezier(.22,1,.36,1) both os-face-panel-in;position:relative;overflow-x:hidden;overflow-y:auto;box-shadow:inset 0 1px rgba(255,255,255,.95),0 28px 80px rgba(15,23,42,.22)}.os-face-panel-glow{pointer-events:none;background:radial-gradient(rgba(16,185,129,.18),transparent 70%);width:55%;height:45%;animation:6s ease-in-out infinite alternate os-face-glow;position:absolute;top:-20%;bottom:auto;left:-10%;right:auto}.os-face-head{z-index:1;align-items:flex-start;gap:14px;margin-bottom:22px;animation:.45s 50ms both os-face-rise;position:relative}.os-face-head-ico{width:48px;height:48px;color:var(--os-brand-strong);background:linear-gradient(145deg,rgba(16,185,129,.22),rgba(16,185,129,.06));border:1px solid rgba(16,185,129,.28);border-radius:16px;flex-shrink:0;place-items:center;display:grid;box-shadow:0 10px 24px rgba(16,185,129,.15)}.os-face-kicker{letter-spacing:.06em;color:var(--os-brand-strong);margin:0 0 4px;font-size:.72rem;font-weight:800}.os-face-head h2{margin:0 0 6px}.os-face-head p{margin:0}.os-face-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid;position:relative}.os-face-card{cursor:pointer;text-align:center;opacity:0;background:rgba(255,255,255,.72);border:1px solid rgba(15,23,42,.08);border-radius:20px;flex-direction:column;align-items:center;gap:7px;padding:16px 10px 14px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s,box-shadow .28s;animation:.5s cubic-bezier(.22,1,.36,1) forwards os-face-rise;display:flex;position:relative;overflow:hidden}.os-face-card:before{content:"";opacity:0;background:linear-gradient(160deg,rgba(16,185,129,.14),transparent 55%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.os-face-avatar-wrap{z-index:1;background:linear-gradient(160deg,#f8fafc,#eef2f7);border:1px solid rgba(15,23,42,.06);border-radius:20px;place-items:center;width:64px;height:70px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:grid;position:relative}.os-face-avatar{width:48px;height:54px;display:block}.os-face-avatar-lg{width:58px;height:66px}.os-face-card strong,.os-face-card small{z-index:1;position:relative}.os-face-card strong{color:var(--os-ink);font-size:13.5px;font-weight:800}.os-face-card small{color:var(--os-muted);font-size:10.5px;font-weight:600;line-height:1.35}.os-face-card:hover{border-color:rgba(16,185,129,.4);transform:translateY(-4px);box-shadow:0 16px 32px rgba(16,185,129,.12)}.os-face-card:hover:before{opacity:1}.os-face-card:hover .os-face-avatar-wrap{transform:scale(1.06);box-shadow:0 8px 18px rgba(15,23,42,.08)}.os-face-card.is-active{background:rgba(255,255,255,.95);border-color:rgba(16,185,129,.65);transform:translateY(-3px);box-shadow:0 0 0 3px rgba(16,185,129,.14),0 18px 36px rgba(16,185,129,.18)}.os-face-card.is-active:before{opacity:1}.os-face-card.is-active .os-face-avatar-wrap{background:linear-gradient(160deg,rgba(167,243,208,.55),rgba(236,253,245,.9));border-color:rgba(16,185,129,.35);animation:2.4s ease-in-out infinite os-face-avatar-pulse}.os-face-card.is-active strong{color:var(--os-brand-strong)}.os-face-card.is-active small{color:var(--os-brand-strong);opacity:.85}.os-face-detail{z-index:1;text-align:right;background:linear-gradient(155deg,rgba(255,255,255,.78),rgba(236,253,245,.35));border:1px solid rgba(255,255,255,.85);border-radius:24px;gap:16px;padding:22px;animation:.4s cubic-bezier(.22,1,.36,1) both os-face-detail-swap;display:grid;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.9),0 14px 36px rgba(15,23,42,.06)}.os-face-detail-head{align-items:center;gap:14px;display:flex}.os-face-avatar-badge{background:linear-gradient(160deg,rgba(167,243,208,.45),rgba(255,255,255,.9));border:1px solid rgba(16,185,129,.28);border-radius:22px;flex-shrink:0;place-items:center;width:76px;height:84px;animation:2.8s ease-in-out infinite os-face-avatar-pulse;display:grid;box-shadow:0 12px 28px rgba(16,185,129,.16)}.os-face-detail h3{color:var(--os-ink);margin:0 0 4px;font-size:1.2rem;font-weight:900}.os-face-hint{color:var(--os-brand-strong);margin:0;font-size:12.5px;font-weight:700}.os-face-desc{color:var(--os-muted);margin:0;font-size:13.5px;line-height:1.75}.os-recommended-shapes span{color:var(--os-ink);letter-spacing:.02em;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.os-recommended-chips{flex-wrap:wrap;gap:8px;display:flex}.os-face-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;font:inherit;cursor:pointer;opacity:0;background:rgba(15,23,42,.92);border:1px solid rgba(15,23,42,.1);border-radius:999px;padding:.55rem .95rem;font-size:12px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s;animation:.4s cubic-bezier(.22,1,.36,1) forwards os-face-chip-in}.os-face-chip:hover{background:#047857;transform:translateY(-2px);box-shadow:0 10px 22px rgba(4,120,87,.28)}.os-face-products{gap:12px;margin-top:2px;display:grid}.os-face-products-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.os-face-products-head strong{color:var(--os-ink);font-size:14px;font-weight:800}.os-face-products-head span{color:var(--os-muted);font-size:11.5px;font-weight:600}.os-face-empty{color:var(--os-muted);background:rgba(15,23,42,.03);border-radius:14px;margin:0;padding:14px;font-size:13px}.os-face-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.os-face-product{color:inherit;opacity:0;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.07);border-radius:16px;grid-template-columns:58px 1fr;align-items:center;gap:10px;padding:9px;text-decoration:none;transition:transform .25s,border-color .2s,box-shadow .25s;animation:.45s cubic-bezier(.22,1,.36,1) forwards os-face-rise;display:grid}.os-face-product:hover{border-color:rgba(16,185,129,.45);transform:translateY(-3px);box-shadow:0 14px 28px rgba(16,185,129,.14)}.os-face-product-img{background:#f1f5f9;border-radius:12px;width:58px;height:58px;transition:transform .3s;position:relative;overflow:hidden}.os-face-product:hover .os-face-product-img{transform:scale(1.05)}.os-face-product-meta{gap:4px;min-width:0;display:grid}.os-face-product-meta b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.os-face-product-meta em{color:var(--os-brand-strong);font-size:11.5px;font-style:normal;font-weight:700}.os-face-browse{width:100%;min-height:46px;margin-top:4px;box-shadow:0 12px 28px rgba(16,185,129,.28);color:#042f2e!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:0!important;border-radius:14px!important;font-weight:800!important;transition:transform .2s,box-shadow .2s!important}.os-face-browse:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(16,185,129,.35)}@keyframes os-face-fade{0%{opacity:0}to{opacity:1}}@keyframes os-face-panel-in{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes os-face-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes os-face-detail-swap{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes os-face-chip-in{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes os-face-avatar-pulse{0%,to{transform:scale(1);box-shadow:0 10px 22px rgba(16,185,129,.14)}50%{transform:scale(1.03);box-shadow:0 14px 28px rgba(16,185,129,.26)}}@keyframes os-face-glow{0%{opacity:.55;transform:translate(0)scale(1)}to{opacity:.95;transform:translate(8%,6%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.os-face-backdrop,.os-face-guide-panel,.os-face-head,.os-face-card,.os-face-detail,.os-face-chip,.os-face-product,.os-face-avatar-wrap,.os-face-avatar-badge,.os-face-panel-glow{opacity:1!important;animation:none!important;transform:none!important}.os-face-card.is-active .os-face-avatar-wrap,.os-face-avatar-badge{animation:none!important}}.os-toast{z-index:120;color:#fff;background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.2);border-radius:20px;align-items:center;gap:12px;padding:14px 20px;animation:.3s cubic-bezier(.175,.885,.32,1.275) os-toast-in;display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 20px 40px rgba(0,0,0,.25)}.os-toast-ic{color:#6ee7b7;width:24px;height:24px}.os-toast strong{font-size:13.5px;display:block}.os-toast p{color:#cbd5e1;margin:2px 0 0;font-size:11.5px}@keyframes os-toast-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.os-mobile-only{display:none}.os-sheet{z-index:100;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.os-sheet-backdrop{background:rgba(0,0,0,.6);border:0;position:absolute;top:0;bottom:0;left:0;right:0}.os-sheet-panel{z-index:101;background:#fff;border-radius:28px 28px 0 0;max-height:85vh;padding:24px;position:relative;overflow-y:auto}.os-sheet-head{border-bottom:1px solid var(--os-line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.os-sheet-apply{width:100%;margin-top:20px}@media (max-width:980px){.os-hero{grid-template-columns:1fr}.os-hero-slider{min-height:440px}.os-catalog{grid-template-columns:1fr}.os-filters-desktop{display:none}.os-mobile-only{display:inline-flex}.os-collections,.os-service,.os-modal-grid{grid-template-columns:1fr}.os-face-grid{grid-template-columns:repeat(2,1fr)}.os-face-product-grid{grid-template-columns:1fr 1fr}.os-compare-bar{border-radius:24px;flex-direction:column;width:calc(100% - 32px)}}@media (max-width:640px){.os-card.is-list{flex-direction:column}.os-card.is-list .os-card-media{width:100%;height:200px}.os-face-grid{grid-template-columns:1fr 1fr}.os-face-product-grid,.os-features,.os-lens-grid,.os-related-grid{grid-template-columns:1fr}}