.rim-customizer{max-width:1400px;margin:0 auto}.rim-customizer__header{text-align:center;margin-bottom:4.854rem;max-width:900px;margin-left:auto;margin-right:auto}.rim-customizer__title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:rgb(var(--color-foreground))}.rim-customizer__subtitle{font-size:1.125rem;color:rgba(var(--color-foreground),.7);max-width:600px;margin:0 auto}.rim-customizer__main{display:grid;grid-template-columns:1fr 1.618fr;gap:3rem;align-items:start}.rim-customizer__preview{position:sticky;top:2rem}.product-preview{background:rgb(var(--color-background));border-radius:12px;padding:2.618rem;box-shadow:0 4px 6px -1px #0000001a;position:relative}.product-image-container{position:relative;margin-bottom:2.618rem;border-radius:8px;overflow:hidden;background:#f8f9fa;min-height:400px;display:flex;align-items:center;justify-content:center;background-position:center center}.product-image{max-width:100%;max-height:400px;object-fit:contain;transition:transform .3s ease}.product-image:hover{transform:scale(1.05)}.image-zoom-indicator{position:absolute;bottom:1rem;right:1rem;background:#000000b3;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;opacity:0;transition:opacity .3s ease}.product-image-container:hover .image-zoom-indicator{opacity:1}.product-info{text-align:center}.product-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.product-description{font-size:1rem;color:rgba(var(--color-foreground),.7);line-height:1.6;margin-bottom:1.5rem}.configuration-summary{background:rgba(var(--color-button),.05);border:1px solid rgba(var(--color-button),.2);border-radius:8px;padding:1.5rem;text-align:left}.configuration-summary h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.config-details{font-size:.875rem;color:rgba(var(--color-foreground),.8);line-height:1.5}.config-details strong{color:rgb(var(--color-foreground));font-weight:600}.rim-customizer__config{background:rgb(var(--color-background));border-radius:12px;padding:2.618rem;box-shadow:0 4px 6px -1px #0000001a}.config-panel{display:flex;flex-direction:column;gap:2.618rem}.config-section{border-bottom:1px solid rgba(var(--color-foreground),.1);padding-bottom:2.618rem;display:flex;flex-direction:column;gap:1.618rem}.config-section:last-child{border-bottom:none;padding-bottom:0}.config-section-title{font-size:1.309rem;font-weight:600;margin-bottom:1.618rem;color:rgb(var(--color-foreground));display:flex;align-items:center;gap:.618rem}.config-section-title:before{content:counter(section-counter);counter-increment:section-counter;background:rgb(var(--color-button));color:rgb(var(--color-button-text));width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.config-panel{counter-reset:section-counter}.fitment-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.fitment-field{display:flex;flex-direction:column}.fitment-field label{font-weight:500;margin-bottom:.5rem;color:rgb(var(--color-foreground));font-size:.875rem}.fitment-select,.option-select{padding:.75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1rem;transition:border-color .2s ease}.fitment-select:focus,.option-select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.wheel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.618rem}.wheel-card{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative}.wheel-card:hover{border-color:rgb(var(--color-button));box-shadow:0 4px 12px #0000001a}.wheel-card.selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.wheel-card__image{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:.75rem}.wheel-card__title{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:rgb(var(--color-foreground))}.wheel-card__brand{font-size:.75rem;color:rgba(var(--color-foreground),.7);margin-bottom:.5rem}.wheel-card__price{font-size:1rem;font-weight:700;color:rgb(var(--color-button))}.wheel-card__checkmark{position:absolute;top:.75rem;right:.75rem;width:20px;height:20px;background:rgb(var(--color-button));border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:.75rem}.wheel-card.selected .wheel-card__checkmark{display:flex}.tire-selection{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.tire-option h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.tire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.tire-card{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1);border-radius:6px;padding:.75rem;cursor:pointer;transition:all .2s ease}.tire-card:hover{border-color:rgb(var(--color-button))}.tire-card.selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.tire-card__image{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.tire-card__title{font-size:.75rem;font-weight:500;margin-bottom:.25rem;color:rgb(var(--color-foreground))}.tire-card__size{font-size:.625rem;color:rgba(var(--color-foreground),.7);margin-bottom:.25rem}.tire-card__price{font-size:.875rem;font-weight:600;color:rgb(var(--color-button))}.color-selector-field{margin-bottom:1.618rem}.color-selector-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:rgb(var(--color-foreground))}.color-select{width:100%;padding:.75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:6px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1rem;transition:border-color .2s ease;cursor:pointer}.color-select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.style-preview-container{margin-top:1.5rem;text-align:center}.style-preview-image{max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;border:1px solid rgba(var(--color-foreground),.1)}.style-section,.tire-section{margin-bottom:2.618rem}.product-match-status{margin-top:1rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.product-match-status.match-found{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.product-match-status.match-not-found{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);color:#fbbf24}.match-indicator{display:flex;align-items:center;gap:.5rem}.style-label,.tire-label{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.style-label span,.tire-label span{color:rgb(var(--color-button))}.style-grid,.tire-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.style-option,.tire-option-btn{padding:.75rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:6px;background:rgb(var(--color-background));cursor:pointer;transition:all .2s ease;text-align:center;font-size:.875rem;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:.5rem}.style-image{width:100%;height:80px;object-fit:cover;border-radius:4px;margin-bottom:.5rem}.style-label{font-size:.75rem;font-weight:500;color:rgb(var(--color-foreground));text-align:center;line-height:1.2}.style-option:hover,.tire-option-btn:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.style-option.selected,.tire-option-btn.selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.1);color:rgb(var(--color-button))}.wheel-position-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.wheel-position-option{padding:1.5rem;border:2px solid rgba(var(--color-foreground),.2);border-radius:8px;background:rgb(var(--color-background));cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.wheel-position-option:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.wheel-position-option.selected{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.1)}.wheel-position-icon{font-size:2rem}.wheel-position-label{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground))}.customize-both-option{padding:1rem;background:rgba(var(--color-foreground),.02);border-radius:8px;border:1px solid rgba(var(--color-foreground),.1)}.customize-both-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:.5rem}.customize-both-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:rgb(var(--color-button))}.customize-both-label{font-size:1rem;font-weight:500;color:rgb(var(--color-foreground))}.customize-both-help{font-size:.875rem;color:rgba(var(--color-foreground),.7);margin:0;padding-left:2rem}.logo-upload-section{margin-bottom:2rem;padding:1.5rem;background:rgba(var(--color-foreground),.02);border-radius:8px;border:1px solid rgba(var(--color-foreground),.1)}.logo-upload-label{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.logo-upload-container{display:flex;flex-direction:column;gap:1rem}.logo-upload-label-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px dashed rgba(var(--color-foreground),.3);border-radius:8px;background:rgb(var(--color-background));cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:rgb(var(--color-foreground))}.logo-upload-label-btn:hover{border-color:rgb(var(--color-button));background:rgba(var(--color-button),.05);color:rgb(var(--color-button))}.upload-icon{font-size:1.25rem}.logo-preview-container{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:rgb(var(--color-background));border-radius:8px;border:1px solid rgba(var(--color-foreground),.1)}.logo-preview-wrapper{position:relative;display:inline-block;width:fit-content;margin:0 auto}.logo-preview-image{max-width:200px;max-height:150px;object-fit:contain;border-radius:6px;border:1px solid rgba(var(--color-foreground),.1);background:#fff;padding:.5rem}.logo-remove-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;border:2px solid rgb(var(--color-background));background:rgb(var(--color-button));color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 4px #0003}.logo-remove-btn:hover{background:rgb(var(--color-button));opacity:.9;transform:scale(1.1)}.logo-preview-text{text-align:center;font-size:.875rem;color:rgba(var(--color-foreground),.7);margin:0}.logo-upload-help{font-size:.75rem;color:rgba(var(--color-foreground),.6);margin:0;text-align:center}.quantity-section{margin-bottom:1.5rem}.quantity-section label{display:block;font-weight:500;margin-bottom:.5rem;color:rgb(var(--color-foreground));font-size:.875rem}.quantity-selector{display:flex;align-items:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:6px;width:fit-content}.quantity-btn{padding:.75rem 1rem;border:none;background:transparent;cursor:pointer;font-size:1.125rem;font-weight:600;color:rgb(var(--color-foreground));transition:background-color .2s ease}.quantity-btn:hover{background:rgba(var(--color-foreground),.05)}.quantity-btn:active{background:rgba(var(--color-foreground),.1)}#quantity-selector{padding:.75rem;border:none;background:transparent;text-align:center;font-size:1rem;font-weight:500;color:rgb(var(--color-foreground));width:60px}#quantity-selector:focus{outline:none}.stock-status{margin-bottom:1.5rem}.stock-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.stock-indicator.in-stock{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.stock-indicator.out-of-stock{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.product-details-section{margin-top:3rem;padding-top:3rem;border-top:1px solid rgba(var(--color-foreground),.1)}.product-details-content{max-width:800px;margin:0 auto}.product-details-content h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:rgb(var(--color-foreground))}.product-description-content{margin-bottom:2rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.compatibility-notes{margin-bottom:2rem;padding:1.5rem;background:rgba(var(--color-button),.05);border:1px solid rgba(var(--color-button),.2);border-radius:8px}.compatibility-notes h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.compatibility-notes ul{list-style:none;padding:0}.compatibility-notes li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.compatibility-notes li:before{content:"\26a0\fe0f";position:absolute;left:0}.compatibility-notes a{color:rgb(var(--color-button));text-decoration:underline}.included-items{margin-bottom:2rem}.included-items h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:rgb(var(--color-foreground))}.included-items ul{list-style:none;padding:0}.included-items li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.included-items li:before{content:"\2713";position:absolute;left:0;color:rgb(var(--color-button));font-weight:600}.tire-options-table{overflow-x:auto}.tire-options-table table{width:100%;border-collapse:collapse;margin-top:1rem}.tire-options-table th,.tire-options-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(var(--color-foreground),.1)}.tire-options-table th{font-weight:600;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground))}.price-summary{background:rgba(var(--color-button),.05);border:1px solid rgba(var(--color-button),.2);border-radius:8px;padding:1.618rem;margin-bottom:1.618rem}.price-breakdown{margin-bottom:1rem}.price-item{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:rgba(var(--color-foreground),.7)}.total-price{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(var(--color-foreground),.1)}.total-label{font-size:1.125rem;font-weight:600;color:rgb(var(--color-foreground))}.total-amount{font-size:1.5rem;font-weight:700;color:rgb(var(--color-button))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.btn--primary:hover:not(:disabled){background:rgba(var(--color-button),.8)}.btn--large{padding:1rem 2rem;font-size:1.125rem;width:100%}.add-to-cart{display:flex;align-items:center;justify-content:space-between;gap:1.618rem}.btn-text{flex:1}.btn-price{font-weight:700;font-size:1.125rem}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top:2px solid rgb(var(--color-button));border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:749px){.rim-customizer__title{font-size:2rem}.rim-customizer__main{grid-template-columns:1fr;gap:2.618rem}.rim-customizer__preview{position:static}.product-preview,.rim-customizer__config{padding:1.5rem}.fitment-selector,.wheel-grid{grid-template-columns:1fr}.tire-selection{grid-template-columns:1fr;gap:1rem}.options-grid{grid-template-columns:1fr}.product-image-container{min-height:300px}}@media screen and (max-width:480px){.product-preview,.rim-customizer__config{padding:1rem}.wheel-card,.tire-card{padding:.75rem}.product-image-container{min-height:250px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-rim-customizer.css.map */