:root{--ps-accent: #1a202c;--ps-text-gray: #718096;--ps-border: #e2e8f0;--ps-radius: 12px;--ps-transition: all .2s ease}.pattern-selector-container{margin:2.5rem 0;display:block;visibility:visible;opacity:1;clear:both}.pattern-selector__title{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--ps-accent);display:flex;align-items:center;gap:.8rem}.pattern-mode-toggle{display:flex!important;gap:1rem!important;margin-bottom:2rem!important}.pattern-mode-btn{flex:1;padding:14px 20px!important;border:1px solid var(--ps-border)!important;background:#fff!important;border-radius:50px!important;cursor:pointer;transition:var(--ps-transition);font-size:1rem;font-weight:600;color:#4a5568!important;text-align:center}.pattern-mode-btn:hover{background:#f7fafc!important;border-color:#cbd5e0!important}.pattern-mode-btn.active{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:0 4px 12px #00000026}.selected-pattern-preview{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:var(--ps-radius);background:#f8fafc;border:1px solid var(--ps-border);margin-bottom:2rem}.selected-pattern-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;box-shadow:0 2px 4px #0000001a}.pattern-selector-modal.product-popup-modal{display:none!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000000b3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.pattern-selector-modal[open]{display:flex!important;opacity:1!important;visibility:visible!important}.pattern-selector-modal .modal-dialog__content{display:flex;flex-direction:column;background:#fff!important;width:90%!important;height:100%;max-width:800px!important;max-height:85vh!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000080!important;position:relative!important;left:auto!important;top:auto!important;transform:scale(.95);transition:transform .2s cubic-bezier(.175,.885,.32,1.275);margin:0!important}.pattern-selector-modal[open] .modal-dialog__content{transform:scale(1)}.ps-modal__header{padding:2.5rem 3rem 1.5rem}.ps-modal__subtitle{margin:.5rem 0 0;color:var(--ps-text-gray)}.ps-modal__body{padding:0 3rem 2rem;display:flex;flex-direction:column;gap:2rem;overflow:hidden}.ps-modal__featured-container{width:100%;aspect-ratio:16/10;background:#f8fafc;border-radius:16px;overflow:hidden;position:relative;border:1px solid var(--ps-border);touch-action:pan-y}.ps-modal__featured-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.ps-modal__featured-viewport{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.ps-modal__featured-viewport::-webkit-scrollbar{display:none}.ps-modal__featured-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.ps-modal__featured-slide img{max-width:100%;max-height:100%;object-fit:contain}.ps-modal__featured-placeholder{color:var(--ps-text-gray);font-weight:500}.ps-modal__featured-info{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 1rem;background:linear-gradient(transparent,#0009);color:#fff;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:3}.ps-modal__featured-number{font-weight:700;font-size:1.4rem}.ps-swipe-hint{display:flex;align-items:center;gap:6px;background:#fff3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;animation:pulseSwipeHint 2s infinite ease-in-out;pointer-events:none}.ps-swipe-hint svg{width:14px;height:14px}@keyframes pulseSwipeHint{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@media screen and (min-width:769px){.ps-swipe-hint{display:none}}.ps-modal__carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem}.ps-carousel__viewport{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem .2rem 2rem;scrollbar-width:none;scroll-behavior:smooth;flex:1}.ps-carousel__viewport::-webkit-scrollbar{display:none}.pattern-card{flex:0 0 calc(20% - 1rem);scroll-snap-align:start;aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;border:2px solid transparent;background:#fff;cursor:pointer;transition:var(--ps-transition);box-shadow:0 2px 8px #0000000d}.pattern-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.pattern-card.active{border-color:#000;transform:scale(1.05);box-shadow:0 10px 20px #00000026;z-index:2}.pattern-card img{width:100%;height:100%;object-fit:cover}.pattern-selector-modal .pattern-card .card-pattern__number{position:absolute;bottom:0;left:0;right:0;background:#fffc;padding:2px;font-size:1rem;font-weight:700;text-align:center;color:#000}.ps-sold-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);background:#ff0000d9;color:#fff;padding:2px 8px;font-weight:800;font-size:.7rem;border-radius:4px}.pattern-card.sold-out{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.ps-carousel__nav{background:#fff;border:1px solid var(--ps-border);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:var(--ps-transition);z-index:5;color:#000}.ps-carousel__nav:hover:not([disabled]){background:#000;color:#fff;transform:scale(1.1)}.ps-carousel__nav[disabled]{opacity:.3;cursor:not-allowed}.ps-carousel__nav svg{width:20px;height:20px}.ps-modal__footer{padding:1.5rem 3rem;border-top:1px solid var(--ps-border);display:flex;justify-content:space-between;align-items:center}.ps-modal__count{font-size:1.4rem;color:var(--ps-text-gray);font-weight:500}.ps-modal__footer-right{display:flex;gap:1rem}.ps-modal__btn-cancel{background:transparent;border:none;font-weight:600;padding:10px 20px;cursor:pointer;color:var(--ps-text-gray);transition:var(--ps-transition)}.ps-modal__btn-cancel:hover{color:#000}.ps-modal__btn-confirm{background:#000;color:#fff;border:none;padding:12px 24px;border-radius:50px;font-weight:700;cursor:pointer;transition:var(--ps-transition)}.ps-modal__btn-confirm:hover:not([disabled]){background:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ps-modal__btn-confirm[disabled]{background:#e2e8f0;color:#a0aec0;cursor:not-allowed}.animate-fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.ps-modal__header{padding:1.5rem}.ps-modal__body{padding:0 1.5rem 1.5rem;gap:1rem}.ps-modal__footer{padding:1rem 1.5rem;flex-direction:column;gap:1rem}.ps-modal__footer-left{order:2}.ps-modal__footer-right{width:100%;order:1}.ps-modal__btn-cancel{flex:1}.ps-modal__btn-confirm{flex:2}.ps-modal__featured-container{aspect-ratio:1}.pattern-card{flex:0 0 calc(33.33% - .8rem)}.ps-carousel__nav{display:none}}@media screen and (min-width:769px)and (max-width:1199px){.pattern-selector-modal.product-popup-modal{align-items:flex-start!important;padding-top:80px!important}}@media screen and (max-width:769px){.pattern-selector-modal.product-popup-modal{align-items:flex-start!important;padding:0!important}.pattern-selector-modal.product-popup-modal .modal-dialog__content{width:100%!important;max-height:100vh!important;border-radius:0!important}}.pattern-selector-modal[data-is-belt=true] .modal-dialog__content{max-width:1000px!important}.pattern-selector-modal[data-is-belt=true] .ps-modal__header{padding:1.5rem 2rem 1rem}.pattern-selector-modal[data-is-belt=true] .ps-modal__body{flex-direction:row;align-items:stretch;height:100%;padding:0 1rem 1.5rem;gap:1rem;min-height:400px}.pattern-selector-modal[data-is-belt=true] .ps-modal__featured-container{flex:1;aspect-ratio:auto;height:100%}.pattern-selector-modal[data-is-belt=true] .ps-modal__featured-viewport{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.pattern-selector-modal[data-is-belt=true] .ps-modal__featured-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center}.pattern-selector-modal[data-is-belt=true] .ps-modal__carousel-wrapper{flex-direction:column;width:120px;height:100%;overflow-y:auto;padding:0 5px;gap:.8rem}@media screen and (max-width:768px){.pattern-selector-modal[data-is-belt=true] .ps-modal__carousel-wrapper{width:60px}.pattern-selector-modal[data-is-belt=true] .ps-swipe-hint{flex-direction:column;padding:4px 2px;gap:2px;font-size:.6rem}.pattern-selector-modal[data-is-belt=true] .ps-carousel__nav{display:none}.pattern-selector-modal[data-is-belt=true] .ps-swipe-hint svg{transform:rotate(90deg)}}.pattern-selector-modal[data-is-belt=true] .ps-carousel__viewport{flex-direction:column;overflow-x:hidden;overflow-y:auto;width:100%;padding:5px;scroll-snap-type:y mandatory}.pattern-selector-modal[data-is-belt=true] .pattern-card{flex:0 0 auto;width:100%;aspect-ratio:1;scroll-snap-align:center}.pattern-selector-modal[data-is-belt=true] .ps-carousel__nav{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/pattern-selector.css.map */