.cs-config{display:flex;flex-direction:column;gap:28px;margin-top:32px}.cs-config__card{background:var(--cs-white);border:1px solid var(--cs-border);border-radius:var(--cs-radius-card);box-shadow:var(--cs-shadow-card);padding:36px 40px}.cs-config__card--finder{box-shadow:var(--cs-shadow-finder)}.cs-config__lead{margin:0 0 24px;font-size:clamp(19px,2.2vw,22px);font-weight:600;line-height:1.35;color:var(--cs-ink);text-align:center;text-wrap:balance}.cs-config__reset{width:45px;height:45px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--cs-border-input);background:var(--cs-white);color:var(--cs-text-mid);cursor:pointer;transition:border-color .15s,color .15s,transform .2s}.cs-config__reset:hover{border-color:var(--cs-azure);color:var(--cs-azure);transform:rotate(-45deg)}.cs-config__card--resettable{position:relative}.cs-config__card--resettable .cs-config__step-title{padding-right:52px}.cs-config__step-reset{position:absolute;top:16px;right:16px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--cs-border-input);background:var(--cs-white);color:var(--cs-text-mid);cursor:pointer;transition:border-color .15s,color .15s,transform .2s}.cs-config__step-reset:hover{border-color:var(--cs-azure);color:var(--cs-azure);transform:rotate(-45deg)}.cs-config__card--final{border:2px solid var(--cs-azure);box-shadow:var(--cs-shadow-step4)}.cs-config__card.cs-fade-up{animation:cs-fade-up .4s ease both}.cs-config__progress{display:flex;align-items:center;justify-content:center;gap:10px;padding-bottom:28px;border-bottom:1px solid var(--cs-border);flex-wrap:wrap}.cs-config__progress-item{display:flex;align-items:center;gap:10px}.cs-config__progress-line{width:36px;height:2px;background:var(--cs-border);border-radius:1px}.cs-config__progress-line.is-done{background:var(--cs-azure)}.cs-config__progress-circle{width:26px;height:26px;border-radius:50%;background:var(--cs-white);color:var(--cs-text-3);border:1.5px solid var(--cs-border-input);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}.cs-config__progress-label{font-size:13px;font-weight:600;color:var(--cs-text-3)}.cs-config__progress-item.is-active .cs-config__progress-circle,.cs-config__progress-item.is-done .cs-config__progress-circle{background:var(--cs-azure);color:var(--cs-white);border-color:var(--cs-azure)}.cs-config__progress-item.is-active .cs-config__progress-label,.cs-config__progress-item.is-done .cs-config__progress-label{color:var(--cs-azure)}.cs-config__step-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.cs-config__step-title{font-size:20px;font-weight:600;color:var(--cs-ink);margin:0}.cs-config__step-title .cs-config__step-num{color:var(--cs-azure)}.cs-config__step-hint{font-size:13.5px;color:var(--cs-text-3)}.cs-config__step-intro{font-size:14.5px;color:var(--cs-text-2);margin-top:10px;max-width:640px;text-wrap:pretty}.cs-config__guide{font-size:13.5px;color:var(--cs-text-3);margin-top:14px}.cs-config__step-intro+.cs-config__guide{margin-top:8px}.cs-config__brands{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.cs-config__brand{font-family:var(--cs-font);font-size:15px;font-weight:600;padding:11px 22px;border-radius:var(--cs-radius-chip);cursor:pointer;background:var(--cs-white);color:var(--cs-text-mid);border:1.5px solid var(--cs-border-input);transition:all .15s}.cs-config__brand:hover{border-color:var(--cs-azure)}.cs-config__brand.is-active{background:var(--cs-ink);color:var(--cs-white);border-color:var(--cs-ink)}.cs-config__series{margin-top:20px}.cs-config__series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.cs-config__series-tile{font-family:var(--cs-font);border:1.5px solid var(--cs-border);background:var(--cs-white);border-radius:var(--cs-radius-tile);padding:18px 16px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:all .15s}.cs-config__series-tile:hover{border-color:var(--cs-azure)}.cs-config__series-tile.is-active{border-color:var(--cs-azure);background:var(--cs-tint)}.cs-config__series-name{font-size:16px;font-weight:600;color:var(--cs-ink)}.cs-config__series-count{font-size:12.5px;color:var(--cs-text-3);margin-top:3px}.cs-config__models{margin-top:24px}.cs-config__models-label{font-size:13.5px;font-weight:600;color:var(--cs-text-mid);margin-bottom:12px}.cs-config__models-label span{font-weight:400;color:var(--cs-text-3)}.cs-config__radio{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--cs-border-input);background:var(--cs-white);display:inline-flex;align-items:center;justify-content:center;color:var(--cs-white);transition:all .15s}.cs-config__radio svg{width:10px;height:10px;opacity:0;transition:opacity .12s}.cs-config__series-tile.is-active .cs-config__radio,.cs-config__model.is-active .cs-config__radio,.cs-config__variant.is-active .cs-config__radio,.cs-config__color.is-active .cs-config__radio{background:var(--cs-azure);border-color:var(--cs-azure)}.cs-config__series-tile.is-active .cs-config__radio svg,.cs-config__model.is-active .cs-config__radio svg,.cs-config__variant.is-active .cs-config__radio svg,.cs-config__color.is-active .cs-config__radio svg{opacity:1}.cs-config__models-grid{display:grid;grid-template-columns:1fr;gap:8px}.cs-config__model{font-family:var(--cs-font);text-align:left;border:1.5px solid var(--cs-border);background:var(--cs-white);border-radius:var(--cs-radius-chip);padding:13px 16px;font-size:14.5px;font-weight:500;color:var(--cs-ink);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:9px}.cs-config__model .cs-config__radio{width:16px;height:16px}.cs-config__model:hover{border-color:var(--cs-azure)}.cs-config__model.is-active{border-color:var(--cs-azure);background:var(--cs-tint);font-weight:600}.cs-config__variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:24px}.cs-config__variant{border:2px solid var(--cs-border);background:var(--cs-white);border-radius:var(--cs-radius-card);padding:20px;cursor:pointer;display:flex;flex-direction:column;transition:all .15s}.cs-config__variant:not(.is-disabled):hover{border-color:var(--cs-azure)}.cs-config__variant.is-active{border-color:var(--cs-azure);background:var(--cs-tint)}.cs-config__variant.is-disabled{border-color:var(--cs-surface);opacity:.55;cursor:default}.cs-config__variant-img{aspect-ratio:1 / 1;border-radius:var(--cs-radius-chip);background:var(--cs-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cs-config__variant-img img{width:100%;height:100%;object-fit:cover}.cs-config__img-hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .25s ease;pointer-events:none}.cs-config__variant-img:hover .cs-config__img-hover,.cs-config__product-img:hover .cs-config__img-hover{opacity:1}.cs-config__variant-img-note{font-size:12px;color:var(--cs-text-disabled)}.cs-config__variant-row{display:flex;align-items:center;gap:9px;margin-top:12px}.cs-config__variant-row .cs-config__variant-name{flex:1}.cs-config__variant-name{font-size:16px;font-weight:600;color:var(--cs-ink)}.cs-config__variant-price{font-size:15px;font-weight:600;color:var(--cs-ink)}.cs-config__variant.is-disabled .cs-config__variant-name,.cs-config__variant.is-disabled .cs-config__variant-price{color:var(--cs-text-3)}.cs-config__variant-desc{font-size:13.5px;line-height:1.5;color:var(--cs-text-2);margin-top:6px;text-wrap:pretty}.cs-config__variant.is-disabled .cs-config__variant-desc{color:var(--cs-text-disabled)}.cs-config__variant-more{margin-top:auto;font-size:13px;font-weight:600;color:var(--cs-azure);cursor:pointer;width:max-content;background:none;border:0;padding:10px 0 0;font-family:var(--cs-font)}.cs-config__variant-more:hover{color:var(--cs-azure-hover)}.cs-config__variant-unavailable{margin-top:auto;padding-top:10px;font-size:12.5px;font-weight:500;color:var(--cs-text-disabled)}.cs-config__price-note{margin-top:14px;font-size:12.5px;color:var(--cs-text-3)}.cs-config__colors{display:flex;gap:16px;margin-top:22px;flex-wrap:wrap}.cs-config__color{font-family:var(--cs-font);display:flex;align-items:center;gap:11px;border:2px solid var(--cs-border);background:var(--cs-white);border-radius:var(--cs-radius-tile);padding:11px 22px;cursor:pointer;transition:all .15s}.cs-config__color:hover{border-color:var(--cs-azure)}.cs-config__color.is-active{border-color:var(--cs-azure);background:var(--cs-tint)}.cs-config__color-swatch{width:44px;height:44px;flex:none;border-radius:50%;border:1px solid var(--cs-border-input)}.cs-config__gallery{position:absolute;top:0;right:0;bottom:0;left:0}.cs-config__gal-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease}.cs-config__gal-slide.is-current{opacity:1}.cs-config__gal-dots{position:absolute;left:0;right:0;bottom:19px;display:flex;justify-content:center;gap:7px;pointer-events:none}.cs-config__gal-dot{width:8px;height:8px;padding:0;border-radius:50%;border:0;background:var(--cs-border-input);cursor:pointer;transition:background .15s,transform .15s;pointer-events:auto}.cs-config__gal-dot.is-active{background:var(--cs-azure);transform:scale(1.25)}.cs-config__gal-arrow{position:absolute;bottom:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--cs-border-input);background:var(--cs-white);color:var(--cs-text-mid);cursor:pointer;opacity:0;transition:opacity .15s,border-color .15s,color .15s}.cs-config__gal-arrow--prev{left:8px}.cs-config__gal-arrow--next{right:8px}.cs-config__gallery:hover .cs-config__gal-arrow,.cs-config__gal-arrow:focus-visible{opacity:1}.cs-config__gal-arrow:hover{border-color:var(--cs-azure);color:var(--cs-azure)}@media(hover:none){.cs-config__gal-arrow{opacity:.75}}.cs-config__color-name{font-size:14.5px;font-weight:600;color:var(--cs-ink)}.cs-config__product{display:flex;gap:32px;margin-top:24px;flex-wrap:wrap}.cs-config__product-media{flex:1.1;min-width:280px;position:relative}.cs-config__product-img{border-radius:var(--cs-radius-tile);overflow:hidden;background:var(--cs-surface);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;position:relative}.cs-config__product-img img{width:100%;height:100%;object-fit:cover}.cs-config__ar-badge{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:7px;background:#fffffff0;border:1px solid var(--cs-border);border-radius:var(--cs-radius-badge);padding:7px 12px;font-size:12.5px;font-weight:600;color:var(--cs-ink)}.cs-config__product-info{flex:1;min-width:280px;display:flex;flex-direction:column;gap:8px}.cs-config__product-title{font-size:21px;font-weight:800;letter-spacing:-.01em;color:var(--cs-ink);margin:0}.cs-config__product-sub{font-size:14px;color:var(--cs-text-2)}.cs-config__product-price{font-size:26px;font-weight:800;color:var(--cs-ink);margin-top:6px}.cs-config__product-fine{font-size:12.5px;color:var(--cs-text-3)}.cs-config__atc{margin-top:12px;width:100%;background:var(--cs-azure);color:var(--cs-white);font-family:var(--cs-font);font-size:15.5px;font-weight:600;text-align:center;padding:15px;border:0;border-radius:var(--cs-radius-tile);cursor:pointer;transition:background .15s}.cs-config__atc:hover{background:var(--cs-azure-hover)}.cs-config__atc:active{background:var(--cs-azure-active)}.cs-config__atc[disabled]{background:var(--cs-text-disabled);cursor:default}.cs-config__details-link{text-align:center;font-size:14px;font-weight:600;margin-top:4px}.cs-config__product-trust{display:flex;gap:18px;justify-content:center;margin-top:10px;font-size:12px;color:var(--cs-text-2);flex-wrap:wrap}.cs-config__product-pay{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:8px;flex-wrap:wrap}.cs-config__product-pay-note{font-size:12px;color:var(--cs-text-3)}.cs-config__product-pay-chip{font-size:11.5px;font-weight:600;color:var(--cs-text-mid);border:1px solid var(--cs-border);border-radius:6px;padding:3px 8px}.cs-config__error{font-size:13px;color:#b00020;text-align:center}.cs-config__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0d1280;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.cs-config__modal{background:var(--cs-white);border-radius:var(--cs-radius-card);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;padding:28px 32px;box-shadow:var(--cs-shadow-modal);animation:cs-fade-up .25s ease both}.cs-config__modal-head{display:flex;justify-content:space-between;align-items:baseline}.cs-config__modal-title{font-size:21px;font-weight:800;color:var(--cs-ink);margin:0}.cs-config__modal-close{font-size:20px;color:var(--cs-text-3);cursor:pointer;padding:0 4px;background:none;border:0;line-height:1}.cs-config__modal-close:hover{color:var(--cs-ink)}.cs-config__modal-body{display:flex;gap:24px;margin-top:16px;flex-wrap:wrap}.cs-config__modal-media{flex:1.1;min-width:250px}.cs-config__modal-media-frame{border-radius:var(--cs-radius-tile);background:var(--cs-surface);aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;position:relative}.cs-config__modal-media-frame img,.cs-config__modal-media-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cs-config__modal-caption{position:relative;font-size:12px;color:var(--cs-text-mid);background:#ffffffe6;padding:3px 10px;border-radius:6px}.cs-config__modal-info{flex:1;min-width:250px;display:flex;flex-direction:column}.cs-config__modal-bullets{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none}.cs-config__modal-bullet{display:flex;gap:9px;font-size:14px;line-height:1.5;color:var(--cs-text-nav)}.cs-config__modal-bullet:before{content:"\b7";color:var(--cs-azure);font-weight:600}.cs-config__modal-goodif{margin-top:14px;font-size:13.5px;color:var(--cs-text-2);font-style:italic}.cs-config__modal-cta-wrap{margin-top:auto;padding-top:16px}.cs-config__modal-cta{width:100%;background:var(--cs-azure);color:var(--cs-white);font-family:var(--cs-font);font-size:14.5px;font-weight:600;text-align:center;padding:13px;border:0;border-radius:11px;cursor:pointer;transition:background .15s}.cs-config__modal-cta:hover{background:var(--cs-azure-hover)}@media screen and (max-width:749px){.cs-config{gap:18px;margin-top:24px}.cs-config__card{padding:24px 18px}.cs-config__brands{gap:8px}.cs-config__series{gap:10px}.cs-config__models-grid{gap:8px}.cs-config__variants{gap:14px}.cs-config__progress{gap:6px}.cs-config__progress-line{width:18px}.cs-config__progress-label{font-size:11px}.cs-config__modal{padding:20px 18px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/cs-configurator.css.map */