.clr{padding-top:clamp(28px,4vw,48px)}.clr-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:16px 20px;border-radius:22px;background:var(--glass-strong);border:1px solid var(--glass-line);box-shadow:var(--sh1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:18px}.clr-bar-txt{display:flex;flex-direction:column;gap:6px;min-width:0}.clr-chip{align-self:flex-start;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}.clr-ends{font-size:1rem;letter-spacing:-.01em}.clr-cd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clr-cd-l{font-size:.82rem;color:var(--muted);margin-inline-end:4px}.clr-u{display:inline-flex;flex-direction:column;align-items:center;min-width:52px;padding:6px 8px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.clr-u b{font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.clr-u small{font-size:.68rem;color:var(--muted)}.clr-endmsg{display:none;text-align:center;padding:clamp(36px,6vw,64px) 20px;border-radius:24px;background:var(--soft);border:1px solid var(--line);margin-bottom:24px}.clr-endmsg h2{font-size:clamp(1.5rem,3vw,2rem)}.clr-endmsg p{color:var(--muted);margin:0 0 1.2rem}.clr[data-ended] .clr-endmsg{display:block}.clr[data-ended] .clr-bar,.clr[data-ended] .clr-price,.clr[data-ended] .clr-acts,.clr[data-ended] .clr-pick,.clr[data-ended] .clr-notes .clr-pr{display:none}.clr[data-ended] .clr-card{opacity:.6}.clr-notes{font-size:.86rem;color:var(--muted);margin:0 0 22px;line-height:1.55}.clr-tabs{margin-bottom:10px}.clr-tabs a span{opacity:.6;font-variant-numeric:tabular-nums}.clr-tabs a.on span{opacity:.8}.clr-sum{margin:0 0 clamp(20px,3vw,32px)}.clr-group{margin-bottom:clamp(36px,5vw,56px)}.clr-group[hidden]{display:none}.clr-gh{font-size:clamp(1.3rem,2.4vw,1.7rem);display:flex;align-items:center;gap:10px;margin-bottom:18px}.clr-cc{font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.22rem .55rem;border-radius:8px;background:var(--soft);border:1px solid var(--line);color:var(--muted)}.clr-card .ph{position:relative}.clr-card .ph img{max-width:100%}.clr-wh{position:absolute;inset-inline-start:10px;top:10px;font-size:.74rem;font-weight:600;color:#1d1d1f;padding:.28rem .7rem;border-radius:999px;background:#ffffffdb;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clr-ph{display:flex;flex-direction:column;align-items:center;gap:6px;color:#86868b}.clr-ph b{font-size:2.2rem;color:#1d1d1f;letter-spacing:.02em}.clr-ph small{font-size:.8rem}.clr-card .bd{gap:8px}.clr-card h3 a{color:inherit}.clr-card h3 a:hover{color:var(--brand-d)}.clr-price{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--soft);border:1px solid var(--line)}.clr-price b{font-size:1.7rem;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.clr-price span{font-size:.74rem;line-height:1.35;color:var(--muted)}.clr-colors{display:flex;flex-direction:column;gap:6px}.clr-ct{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.clr-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.92rem;text-align:start;cursor:pointer;transition:border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}.clr-row:hover{border-color:#0071e359}.clr-row[aria-checked=true]{border-color:var(--brand);background:#0071e30f;box-shadow:inset 0 0 0 1px var(--brand)}.clr-row .sw{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.clr-row .cn{font-weight:600}.clr-row .qty{margin-inline-start:auto;color:var(--muted);font-size:.86rem;font-variant-numeric:tabular-nums;white-space:nowrap}.clr-facts{list-style:none;padding:0;margin:2px 0 0;font-size:.84rem;color:var(--muted);display:flex;flex-direction:column;gap:3px}.clr-facts li{position:relative;padding-inline-start:16px}.clr-facts li:before{content:"";position:absolute;inset-inline-start:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.6}.clr-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}.clr-acts .btn{flex:1 1 auto}.clr-mgr{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:16px}.clr-mgr[hidden]{display:none}.clr-mgr-bg{position:absolute;inset:0;background:#0f172a8c}.clr-mgr-box{position:relative;background:#fff;color:#0f172a;border-radius:16px;width:100%;max-width:400px;max-height:90vh;overflow:auto;padding:20px 18px 14px;box-shadow:0 20px 60px #0000004d}.clr-mgr-box h3{margin:0 28px 4px 0;font-size:18px}.clr-mgr-sub{margin:0 0 12px;font-size:13px;color:#64748b}.clr-mgr-x{position:absolute;top:8px;right:10px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer;color:#64748b;padding:4px 8px}.clr-mgr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.clr-mgr-a{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;color:inherit}.clr-mgr-a:hover,.clr-mgr-a:focus-visible{border-color:#25d366;background:#f0fdf4}.clr-mgr-av{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background:#dcfce7;flex:none;display:flex;align-items:center;justify-content:center}.clr-mgr-av i{font-style:normal;font-weight:700;font-size:13px;color:#15803d}.clr-mgr-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clr-mgr-n{flex:1;min-width:0;display:flex;flex-direction:column}.clr-mgr-n small{color:#64748b;font-size:12px}.clr-mgr-go{background:#25d366;color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:5px 10px}html.clr-lock{overflow:hidden}html[data-theme=dark] .clr-mgr-box{background:#0f172a;color:#e2e8f0}html[data-theme=dark] .clr-mgr-a{border-color:#334155}html[data-theme=dark] .clr-mgr-a:hover{background:#052e16}.clr-imglink{display:block;cursor:pointer;width:100%;height:100%}@media(max-width:640px){.clr-card .clr-imglink{position:absolute;inset:0;z-index:1}}.clr-card h3 a,.clr-card a.m{cursor:pointer}.clr-wa{background:#25d366;color:#fff;box-shadow:0 1px #0000000d}.clr-wa:hover{background:#1ebe5b;color:#fff}.clr-pick{text-align:center;margin-top:-12px}.clr-cur{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-8px 0 16px}.clr-cur-l{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-inline-end:4px}.clr-cur button{font:inherit;font-size:.86rem;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,background .2s}.clr-cur button span{opacity:.6;font-weight:500}.clr-cur button:hover{border-color:#0071e359}.clr-cur button[aria-checked=true]{border-color:var(--brand);background:var(--brand);color:#fff}.clr-cur button[aria-checked=true] span{opacity:.85}.clr-fx{text-align:center;font-size:.8rem;max-width:760px;margin:-20px auto 18px;line-height:1.5}.clr[data-ended] .clr-cur,.clr[data-ended] .clr-fx{display:none}.clr-form-sec{padding-top:0}.clr-panel{max-width:860px;margin:0 auto;scroll-margin-top:90px}#clr-form{scroll-margin-top:70px}html[data-theme=dark] .clr-row[aria-checked=true]{background:#2997ff1f}html[data-theme=dark] .clr-wa{color:#fff}@media(max-width:640px){.clr-bar{padding:14px}.clr-u{min-width:46px;padding:5px 6px}.clr-u b{font-size:1.15rem}.clr-cd-l{width:100%}.clr-cur{gap:6px}.clr-cur-l{width:100%}.clr-cur button{padding:6px 10px;font-size:.82rem}.clr-grid{grid-template-columns:1fr}.clr-card .ph{aspect-ratio:4/3}.clr-card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}}
