.product-configurator{width:100%}.configurator-tabs{display:flex;border:1px solid #ddd;border-radius:6px;overflow:hidden;margin-bottom:16px}.configurator-tab{flex:1;padding:12px 16px;background:#fff;border:none;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#666;cursor:pointer;transition:all .2s;text-align:center}.configurator-tab+.configurator-tab{border-left:1px solid #ddd}.configurator-tab.active{color:#111;background:#f8f8f8;position:relative}.configurator-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#111}.configurator-tab:not(.active):hover{background:#fafafa;color:#333}.configurator-tab[data-tab=custom].active{color:#2a355d}.configurator-tab[data-tab=custom].active:after{background:#2a355d}.configurator-content{display:none}.configurator-content.active{display:block}.configurator-info-banner{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:12px 16px;font-size:14px;color:#333;text-align:center;margin-bottom:16px}.standard-fit-intro{font-size:14px;color:#666;margin-bottom:12px}.variant-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.variant-option{cursor:pointer}.variant-option input[type=radio]{display:none}.variant-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid #ddd;border-radius:6px;transition:all .2s}.variant-option input:checked+.variant-card{border-color:#111;background:#f9f9f9}.variant-option.sold-out .variant-card{opacity:.5;cursor:not-allowed}.variant-title,.variant-price{font-size:14px;font-weight:600;color:#111}.club-selection-wrapper{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.club-grid-group{display:grid;grid-template-columns:repeat(4,1fr)}.club-grid-note{font-size:13px;color:#666;padding:10px 14px;margin:0;border-top:1px solid #e0e0e0}.club-checkbox{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;border-right:1px solid #eee;border-bottom:1px solid #eee;transition:background .15s;font-size:14px}.club-checkbox:hover{background:#fafafa}.club-checkbox:nth-child(4n){border-right:none}.club-checkbox input[type=checkbox]{display:none}.club-checkbox-mark{width:20px;height:20px;border:2px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;color:transparent}.club-checkbox input:checked~.club-checkbox-mark{background:#2a355d;border-color:#2a355d;color:#fff}.club-checkbox-label{font-size:14px;color:#333;font-weight:500}.config-field{margin-bottom:10px;position:relative}.config-field .config-label{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:14px;font-weight:500;color:#111;pointer-events:none;transition:all .2s ease;z-index:1}.config-field.has-value .config-label{top:10px;transform:translateY(0);font-size:11px;font-weight:400;color:#999}.config-field select{width:100%;padding:14px 40px 14px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:transparent;background:#fff;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;transition:border-color .2s ease;font-family:inherit}.config-field.has-value select{padding:22px 40px 6px 14px;color:#111}.config-field select:hover{border-color:#999}.config-field select:focus{outline:none;border-color:#2d4895;box-shadow:0 0 0 1px #2d4895}.config-field select option{color:#111;font-size:14px}.config-field select option:disabled{display:none}.price-summary{background:#f9f9f9;border:1px solid #e5e5e5;border-radius:6px;padding:14px 16px;margin:16px 0}.price-row{display:flex;justify-content:space-between;font-size:13px;color:#555;padding:3px 0}.price-row.price-total{border-top:1px solid #ddd;margin-top:6px;padding-top:8px;font-size:22px;font-weight:700;color:#111}.configurator-add-btn{width:100%;padding:14px 24px;border:none;border-radius:6px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s;background:#141448;color:#fff}.configurator-add-btn:hover{background:#43436d}.configurator-add-btn:disabled{background:#bdc3c7;cursor:not-allowed;color:#fff}.config-section{margin-bottom:12px}.config-field select:disabled{opacity:.4;cursor:not-allowed;background-color:#f9f9f9}@media(max-width:480px){.club-grid-wrapper{grid-template-columns:repeat(3,1fr)}.club-checkbox:nth-child(4n){border-right:1px solid #eee}.club-checkbox:nth-child(3n){border-right:none}.club-checkbox:nth-last-child(-n+4){border-bottom:1px solid #eee}.club-checkbox:nth-last-child(-n+3){border-bottom:none}}.custom-dropdown{position:relative;margin-bottom:10px}.custom-dropdown.is-disabled{opacity:.4;pointer-events:none}.custom-dropdown__trigger{width:100%;padding:14px 40px 14px 14px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;position:relative;transition:border-color .2s ease;min-height:48px;display:flex;align-items:center}.custom-dropdown__trigger:hover{border-color:#999}.custom-dropdown.is-open .custom-dropdown__trigger{border-color:#2d4895;box-shadow:0 0 0 1px #2d4895;border-bottom-left-radius:0;border-bottom-right-radius:0}.custom-dropdown.is-invalid .custom-dropdown__trigger{border-color:#c0392b}.custom-dropdown__arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;transition:transform .2s ease;pointer-events:none}.custom-dropdown.is-open .custom-dropdown__arrow{transform:translateY(-50%) rotate(180deg)}.custom-dropdown__arrow svg{width:100%;height:100%}.custom-dropdown__label{font-size:14px;font-weight:500;color:#111;transition:all .2s ease;pointer-events:none}.custom-dropdown.has-value .custom-dropdown__label{font-size:11px;font-weight:400;color:#999;position:absolute;top:6px;left:14px}.custom-dropdown__value{display:none;font-size:14px;font-weight:500;color:#111;padding-top:10px}.custom-dropdown.has-value .custom-dropdown__value{display:block}.custom-dropdown__options{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #2d4895;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:100;max-height:250px;overflow-y:auto;box-shadow:0 4px 12px #00000014}.custom-dropdown.is-open .custom-dropdown__options{display:block}.custom-dropdown__option{padding:12px 14px;font-size:14px;font-weight:400;color:#111;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .15s ease}.custom-dropdown__option:last-child{border-bottom:none}.custom-dropdown__option:hover{background-color:#f5f7fa}.custom-dropdown__option.is-selected{background-color:#eef1f8;font-weight:500}.custom-dropdown__options::-webkit-scrollbar{width:6px}.custom-dropdown__options::-webkit-scrollbar-track{background:transparent}.custom-dropdown__options::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.config-field select.custom-dropdown-hidden{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.custom-dropdown__option-image{width:100%;height:48px;object-fit:contain;object-position:left;margin-bottom:4px;background:#fff;border-radius:4px}.custom-dropdown__option-name{font-size:14px;color:#111}.custom-dropdown__option-price{font-size:14px;color:#2d4895;font-weight:600;margin-left:4px}.config-field input[type=text][data-custom-personalisation-text]{width:100%;padding:22px 14px 6px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;font-weight:500;color:#111;background:#fff;transition:border-color .2s ease;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.config-field input[type=text][data-custom-personalisation-text]:hover{border-color:#999}.config-field input[type=text][data-custom-personalisation-text]:focus{outline:none;border-color:#2d4895;box-shadow:0 0 0 1px #2d4895}[data-personalisation-text-wrapper]{position:relative}[data-personalisation-text-wrapper] .config-label{position:absolute;top:8px;left:14px;font-size:11px;font-weight:400;color:#999;pointer-events:none;z-index:1}.config-hint{display:block;font-size:12px;color:#999;margin-top:4px;padding-left:14px}.config-acknowledgement{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px;margin-bottom:12px}.config-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;color:#444;line-height:1.5}.config-checkbox-label input[type=checkbox]{margin:2px 0 0;flex-shrink:0;width:16px;height:16px;accent-color:#141448;cursor:pointer}.config-checkbox-label span{flex:1}.custom-dropdown__trigger{display:flex;align-items:center;gap:12px}.custom-dropdown__trigger-text{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.custom-dropdown__arrow{flex:0 0 auto}.custom-dropdown__trigger-icon{flex:0 0 auto;width:32px;height:32px;background-color:#f5f5f5;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:4px;display:none}.custom-dropdown__trigger-icon.has-image{display:block}.custom-dropdown--icon-left .custom-dropdown__option{display:flex;align-items:center;gap:12px}.custom-dropdown--icon-left .custom-dropdown__option-icon{flex:0 0 auto;width:32px;height:32px;object-fit:contain;border-radius:4px}.custom-dropdown--icon-left .custom-dropdown__option-text{flex:1 1 auto}.custom-dropdown--icon-large .custom-dropdown__trigger-icon,.custom-dropdown--icon-large .custom-dropdown__option-icon{width:72px;height:72px}.custom-dropdown--banner .custom-dropdown__option{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:10px 12px}.custom-dropdown--banner .custom-dropdown__option-banner{display:block;width:100%;height:auto;border-radius:2px;background-color:#f5f5f5}.custom-dropdown--banner .custom-dropdown__option-text{display:block}.custom-dropdown__banner-preview{margin-top:6px;border-radius:2px;overflow:hidden;background-color:#f5f5f5}.custom-dropdown__banner-preview img{display:block;width:100%;height:auto;background-color:#f5f5f5}.custom-dropdown__option-text{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.custom-dropdown__option-name{color:#141448}.custom-dropdown__option-price{color:#d33;font-size:.9em}.custom-dropdown__option.is-selected .custom-dropdown__option-name{font-weight:600;text-decoration:underline}.custom-dropdown__options{max-height:950px;overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/8/assets/configurator.css.map */