.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden!important}.custom-product-variants{--placeholder-background: #f5f5f5;--star-color: #ffd700;--variant-border-radius-sm: 10px;--variant-border-radius-md: 16px;--variant-border-radius-lg: 20px;--variant-shadow-light: 0 2px 8px rgba(var(--color-shadow), .08);--variant-shadow-medium: 0 4px 12px rgba(var(--color-shadow), .15);--variant-shadow-heavy: 0 4px 16px rgba(var(--color-shadow), .15);position:relative;overflow:hidden}.custom-product-variants__container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.custom-product-variants__preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem}.custom-product-variants__image-wrapper{position:relative;width:100%;max-width:500px;aspect-ratio:1;background:var(--accent-color, #f8f8f8);border-radius:var(--variant-border-radius-lg);overflow:hidden;padding:40px;display:flex;align-items:center;justify-content:center}.custom-product-variants__preview-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease;border-radius:var(--variant-border-radius-sm)}.custom-product-variants__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-background, #f5f5f5)}.custom-product-variants__placeholder .placeholder-svg{width:120px;height:120px;opacity:.4}.custom-product-variants__nav{position:absolute;top:50%;transform:translateY(-50%);width:33px;height:33px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;padding:0}.custom-product-variants__nav:hover{transform:translateY(-50%) scale(1.1)}.custom-product-variants__nav--prev{left:10px}.custom-product-variants__nav--next{right:10px}.custom-product-variants__nav svg{width:33px;height:33px}.custom-product-variants__nav svg rect{fill:rgb(var(--color-button));transition:fill .3s ease}.custom-product-variants__thumbnails{display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.custom-product-variants__thumbnail-wrapper{width:80px;height:80px;border-radius:var(--variant-border-radius-sm);overflow:hidden;cursor:pointer;transition:all .3s ease;border:3px solid transparent;opacity:.6;background:rgb(var(--color-background));box-shadow:var(--variant-shadow-light)}.custom-product-variants__thumbnail-wrapper:hover,.custom-product-variants__thumbnail-wrapper--active{opacity:1;background:var(--accent-color, #f8f8f8);transform:scale(1.05);box-shadow:var(--variant-shadow-medium);border:2px solid rgba(var(--color-foreground),.1)}.custom-product-variants__thumbnail{width:100%;height:100%;object-fit:cover}.custom-product-variants__thumbnail-placeholder{width:100%;height:100%;background:var(--placeholder-background, #f5f5f5);display:flex;align-items:center;justify-content:center}.custom-product-variants__info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;max-width:500px}.custom-product-variants__title{margin:1rem 0;color:inherit}.custom-product-variants__rating{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.custom-product-variants__stars{display:flex;gap:2px}.custom-product-variants__stars svg{color:var(--star-color, #ffd700);width:18px;height:18px}.custom-product-variants__rating-text{color:rgba(var(--color-foreground),.75)}.custom-product-variants__variant-heading{margin-bottom:1.5rem;font-size:1.5em}.custom-product-variants__options{display:flex;gap:20px;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center;border:none;padding:0;margin:0 0 1.5rem;width:100%}.custom-product-variants__option-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1}.custom-product-variants__option{position:relative;display:block;width:100%;aspect-ratio:1;max-width:160px;background:rgb(var(--color-background));border:3px solid transparent;border-radius:var(--variant-border-radius-md);cursor:pointer;transition:all .3s ease;overflow:hidden;box-shadow:var(--variant-shadow-light);padding:0;opacity:.6}.custom-product-variants__option:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-shadow),.12);opacity:1}.custom-product-variants__option--active{background:var(--accent-color, #f8f8f8);transform:translateY(-2px);box-shadow:var(--variant-shadow-heavy);border:2px solid rgba(var(--color-foreground),.1);opacity:1}.custom-product-variants__option-image{width:100%;height:100%;object-fit:cover;display:block}.custom-product-variants__option-placeholder{width:100%;height:100%;background:var(--placeholder-background, #f5f5f5);display:flex;align-items:center;justify-content:center}.custom-product-variants__option-placeholder .placeholder-svg{width:40px;height:40px;opacity:.4}.custom-product-variants__option-label{text-align:center;display:block;margin-top:.25rem}.custom-product-variants__actions{margin-top:1rem;width:100%}.custom-product-variants__actions .button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (max-width: 1024px){.custom-product-variants__container{gap:3rem}}@media screen and (max-width: 768px){.custom-product-variants__container{grid-template-columns:1fr;gap:1rem}.custom-product-variants__preview{order:1}.custom-product-variants__info{order:2;padding:0}.custom-product-variants__title{text-align:left}.custom-product-variants__variant-heading{font-size:1.25em;margin-bottom:1rem;margin-top:.5rem}.custom-product-variants__image-wrapper{max-width:400px;padding:30px}.custom-product-variants__options{justify-content:center;gap:.75rem}.custom-product-variants__option-wrapper{gap:.5rem}.custom-product-variants__option{width:100px;height:100px}.custom-product-variants__nav{display:none!important}}@media screen and (max-width: 480px){.custom-product-variants__container{gap:.75rem}.custom-product-variants__image-wrapper{max-width:none;width:100%;padding:20px}.custom-product-variants__options{gap:.5rem}.custom-product-variants__option-wrapper{gap:.375rem}.custom-product-variants__option{width:85px;height:85px}.custom-product-variants__thumbnails{gap:1rem}.custom-product-variants__thumbnail-wrapper{width:80px;height:80px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-product-variants.css.map */