.variant-picker__legend{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:1.2rem;padding:0;border:0}.variant-picker__legend-title{font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.variant-picker__legend-hint{font-size:1.2rem;font-weight:400;color:rgba(var(--color-foreground),.55);letter-spacing:0;text-transform:none}.product-form__input--tint-card{border:0;margin:0 0 2.4rem;padding:0}.variant-tint-card__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;width:100%}.variant-tint-card__option{position:relative;width:100%}.variant-tint-card__option input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-tint-card__option label{display:flex;flex-direction:column;width:100%;cursor:pointer;border-radius:.8rem;overflow:hidden;border:2px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.variant-tint-card__option input[type=radio]:checked+label{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.variant-tint-card__option input[type=radio].disabled+label,.variant-tint-card__option input[type=radio]:disabled+label{opacity:.45;cursor:not-allowed}.variant-tint-card__media{position:relative;width:100%;aspect-ratio:140 / 137;overflow:hidden;background:#e8e8e8}.variant-tint-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.variant-tint-card__percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(1.6rem,4.5vw,2.2rem);line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.45);pointer-events:none}.variant-tint-card__percent-sub{font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:600;margin-top:.2rem;opacity:.9}.variant-tint-card__check{position:absolute;top:.5rem;right:.5rem;width:1.8rem;height:1.8rem;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .2s ease}.variant-tint-card__check .icon-checkmark{width:1rem;height:1rem}.variant-tint-card__option input[type=radio]:checked+label .variant-tint-card__check{opacity:1;transform:scale(1)}.variant-tint-card__caption{padding:.6rem .4rem;text-align:center;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:500;color:rgb(var(--color-foreground));transition:background-color .2s ease}.variant-tint-card__option input[type=radio]:checked+label .variant-tint-card__caption{background:#eff6ff;color:#1d4ed8}.product-form__input--vehicle-grid{border:0;margin:0 0 2.4rem;padding:0;width:100%;max-width:none}.variant-vehicle-grid{display:flex;flex-wrap:wrap;gap:.8rem;width:100%}.variant-vehicle-grid__option{position:relative;flex:0 0 auto;width:auto}.variant-vehicle-grid__option input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-vehicle-grid__option label{display:inline-flex;align-items:center;gap:.8rem;width:auto;min-width:max-content;max-width:none;flex-shrink:0;padding:1rem 1.2rem;border:2px solid rgba(var(--color-foreground),.12);border-radius:.8rem;background:rgb(var(--color-background));cursor:pointer;font-size:1.4rem;font-weight:600;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;min-height:5.2rem}.variant-vehicle-grid__option input[type=radio]:checked+label{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.variant-vehicle-grid__option input[type=radio].disabled+label,.variant-vehicle-grid__option input[type=radio]:disabled+label{opacity:.45;cursor:not-allowed}.variant-vehicle-grid__icon{flex-shrink:0;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center}.variant-vehicle-grid__icon img{max-width:100%;max-height:100%;object-fit:contain}.variant-vehicle-grid__name{line-height:1.3;white-space:nowrap;flex-shrink:0;word-break:keep-all;overflow-wrap:normal}.product-form__input--window-list{border:0;margin:0 0 2.4rem;padding:0}.variant-window-list{display:flex;flex-direction:column;gap:.8rem}.variant-window-list__option{position:relative}.variant-window-list__option input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.variant-window-list__option label{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;border:2px solid rgba(var(--color-foreground),.12);border-radius:.8rem;background:rgb(var(--color-background));cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}@media screen and (max-width:749px){.variant-window-list__option label{grid-template-columns:auto auto minmax(0,1fr) auto}.variant-window-list__price{justify-self:end}}.variant-window-list__option input[type=radio]:checked+label{border-color:#2563eb;background:#eff6ff}.variant-window-list__option input[type=radio].disabled+label,.variant-window-list__option input[type=radio]:disabled+label{opacity:.45;cursor:not-allowed}.variant-window-list__radio{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.25);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease}.variant-window-list__radio-dot{width:1rem;height:1rem;border-radius:50%;background:#2563eb;opacity:0;transform:scale(.5);transition:opacity .2s ease,transform .2s ease}.variant-window-list__option input[type=radio]:checked+label .variant-window-list__radio{border-color:#2563eb}.variant-window-list__option input[type=radio]:checked+label .variant-window-list__radio-dot{opacity:1;transform:scale(1)}.variant-window-list__thumb{width:5.6rem;height:5.6rem;border-radius:.6rem;overflow:hidden;background:#f3f4f6;flex-shrink:0}.variant-window-list__thumb img{width:100%;height:100%;object-fit:cover;display:block}.window-package-preview{margin-top:2rem;text-align:center}@media screen and (max-width:749px){.window-package-preview{display:none}}.package-preview-inner{min-height:12rem;border:1px dashed rgba(var(--color-foreground),.2);border-radius:1.2rem;background:rgba(var(--color-foreground),.03);display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-placeholder{margin:0;padding:2rem;color:rgba(var(--color-foreground),.55);font-size:1.3rem;line-height:1.4}.package-preview-image{display:block;width:100%;height:auto;object-fit:contain}.variant-window-list__content{min-width:0}.variant-window-list__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.variant-window-list__title{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground));margin:0;overflow-wrap:anywhere}.variant-window-list__option input[type=radio]:checked+label .variant-window-list__title{color:#1d4ed8}.variant-window-list__badge{display:inline-block;padding:.2rem .6rem;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#92400e;background:#fef3c7;border-radius:.3rem}.variant-window-list__subtitle{margin:.3rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.6);line-height:1.4}.variant-window-list__price{font-size:1.6rem;font-weight:700;color:#2563eb;white-space:nowrap;flex-shrink:0}.variant-tint-card__option input[type=radio]:not(:disabled):not(.disabled)+label:hover{border-color:#2563eb;box-shadow:0 2px 10px #2563eb1f}.variant-tint-card__option input[type=radio]:not(:disabled):not(.disabled)+label:hover .variant-tint-card__caption{background:#f8fafc}.variant-tint-card__option input[type=radio]:not(:disabled):not(.disabled)+label:hover .variant-tint-card__media img{transform:scale(1.04)}.variant-vehicle-grid__option input[type=radio]:not(:disabled):not(.disabled)+label:hover{border-color:#2563eb;background:#f8fafc;box-shadow:0 2px 10px #2563eb1f}.variant-window-list__option input[type=radio]:not(:disabled):not(.disabled)+label:hover{border-color:#2563eb;background:#f8fafc;box-shadow:0 2px 10px #2563eb1f}.variant-window-list__option input[type=radio]:not(:disabled):not(.disabled)+label:hover .variant-window-list__radio{border-color:#2563eb}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-custom-variant-picker.css.map */