.cl-config__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(28px,4vw,64px);align-items:start}.cl-config__stage{position:sticky;top:calc(var(--cl-header-h) + 20px);background:var(--cl-ink);border-radius:26px;padding:clamp(10px,1.3vw,16px);box-shadow:0 30px 60px -30px #00000073}.cl-config__frame{position:relative;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 40%,#fff,#f3f3f3 70%,#e6e6e6)}.cl-config__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}.cl-config__frame img.is-hidden{opacity:0}.cl-config__title{color:inherit;font-family:var(--cl-font-head);font-weight:600;font-size:clamp(3.2rem,4.4vw,4.8rem);line-height:1.02;margin:0 0 10px}.cl-config__summary{font-size:1.5rem;opacity:.7;margin:0 0 28px;min-height:2.4em}.cl-opt{border:0;padding:0;margin:0 0 26px}.cl-opt legend{font-family:var(--cl-font-head);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cl-muted);margin-bottom:12px;padding:0}html[lang=ar] .cl-opt legend{letter-spacing:0;font-size:1.4rem}.cl-opt legend span{color:var(--cl-ink);letter-spacing:0;text-transform:none;font-weight:500;margin-inline-start:6px;font-size:1.5rem}.cl-swatches{display:flex;flex-wrap:wrap;gap:10px}.cl-swatch{position:relative;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;border:1.5px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-size:1.45rem;color:var(--cl-ink);transition:border-color .2s,box-shadow .2s}html[dir=rtl] .cl-swatch{padding:8px 8px 8px 16px}.cl-swatch:hover{border-color:#0006}.cl-swatch input{position:absolute;opacity:0;pointer-events:none}.cl-swatch__chip{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f;flex:none;background-size:cover}.cl-swatch:has(input:checked){border-color:var(--cl-ink);box-shadow:0 0 0 1px var(--cl-ink)}.cl-swatch:has(input:focus-visible){outline:2px solid var(--cl-muted);outline-offset:2px}.cl-swatch.is-unavailable{opacity:.45}.cl-swatch.is-unavailable .cl-swatch__label{text-decoration:line-through}.cl-config__price{padding:22px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:22px}.cl-config__note{font-size:1.35rem;color:var(--cl-muted);margin-top:8px;font-weight:500}.cl-config__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cl-config__actions .cl-btn{width:100%}.cl-config__msg{font-size:1.4rem;margin-top:12px;min-height:1.4em}.cl-config__msg.is-error{color:var(--cl-error)}.cl-config__perks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;font-size:1.45rem}.cl-config__perks li{display:flex;gap:10px;align-items:flex-start}.cl-config__perks svg{width:20px;height:20px;flex:none;color:var(--cl-muted);margin-top:2px}.cl-config__setup{margin-top:18px;padding:14px 16px;border-radius:var(--cl-radius-sm);background:#fff;border:1px dashed var(--cl-muted);font-size:1.4rem;color:var(--cl-ink)}@media(max-width:989px){.cl-config__grid{grid-template-columns:1fr}.cl-config__stage{position:relative;top:0}}@media(max-width:749px){.cl-config{padding-block:14px 18px}.cl-config__grid{grid-template-columns:minmax(0,1fr);gap:12px}.cl-config__stage{border-radius:18px;padding:6px}.cl-config__frame{aspect-ratio:2 / 1;border-radius:13px}.cl-config .cl-eyebrow,.cl-config__summary{display:none}.cl-config__title{font-size:2.6rem;margin:0 0 10px}.cl-opt{margin-bottom:10px}.cl-opt legend{margin-bottom:6px}.cl-swatches{gap:6px}.cl-swatch{gap:6px;padding:4px 10px 4px 4px;white-space:nowrap}html[dir=rtl] .cl-swatch{padding:4px 4px 4px 10px}.cl-swatch__chip{width:22px;height:22px}.cl-config__price{padding:8px 0;margin-bottom:10px}.cl-config__note{margin-top:2px}.cl-config__actions .cl-btn{min-height:46px;padding:0 12px}.cl-config__msg{min-height:0;margin-top:6px}.cl-config__msg:empty{display:none}.cl-config__perks{margin-top:8px;gap:4px;line-height:1.4}.cl-config__perks svg{width:16px;height:16px;margin-top:2px}}@media(max-width:749px)and (max-height:700px){.cl-config__frame{aspect-ratio:5 / 2}.cl-config__title{display:none}.cl-config{padding-top:8px}.cl-opt{margin-bottom:6px}.cl-config__price{padding:4px 0;margin-bottom:8px}.cl-config__perks{margin-top:6px;gap:2px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/cl-configurator.css.map */