.spec-tabs{background-color:#2a2a3c99;border-radius:.5rem;display:flex;gap:.25rem;margin-bottom:.75rem;overflow-x:auto;padding:.125rem}@media(min-width:1024px){.spec-tabs{background-color:transparent;border-radius:0;gap:.5rem;margin-bottom:1.25rem;padding:0}}.spec-tabs{-ms-overflow-style:none;scrollbar-width:none}.spec-tabs::-webkit-scrollbar{display:none}.spec-tab{border-radius:.375rem;flex-shrink:0;font-size:.75rem;font-weight:500;line-height:1rem;padding:.375rem .75rem;transition-duration:.15s;transition-property:background-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:1024px){.spec-tab{border-radius:.75rem;font-size:.875rem;line-height:1.25rem;padding:.625rem 1.25rem}}.spec-tab--active{--tw-bg-opacity:1;background-color:rgb(155 93 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:1024px){.spec-tab--active{--tw-shadow:0 4px 15px rgba(155,93,229,.3);--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.spec-tab--idle{--tw-text-opacity:1;color:rgb(160 160 176/var(--tw-text-opacity,1))}@media(min-width:1024px){.spec-tab--idle,.spec-tab--idle:hover{--tw-bg-opacity:1;background-color:rgb(42 42 60/var(--tw-bg-opacity,1))}.spec-tab--idle:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}}.sku-card{cursor:pointer;display:flex;flex-direction:column;position:relative;text-align:start;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}@media(min-width:1024px){.sku-card{border-radius:.75rem;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}}.sku-badge{background-color:#f15bb533;border-end-start-radius:.375rem;border-start-end-radius:5px;color:#f15bb5cc;font-size:8px;inset-inline-end:0;padding-left:.125rem;padding-right:.125rem;position:absolute;top:0;z-index:20}@media(min-width:1024px){.sku-badge{border-start-end-radius:11px;font-size:10px;padding:.125rem .375rem}}.sku-body{align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;flex-direction:column;overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(30 30 46/var(--tw-bg-opacity,1));padding:.5rem .375rem .25rem}@media(min-width:1024px){.sku-body{border-top-left-radius:10px;border-top-right-radius:10px;padding:1.25rem .75rem .5rem}}.sku-icon{height:2.5rem;margin-bottom:.25rem;-o-object-fit:contain;object-fit:contain;position:relative;width:2.5rem;z-index:10;--tw-drop-shadow:drop-shadow(0 0 12px rgba(155,93,229,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media(min-width:1024px){.sku-icon{height:4rem;margin-bottom:.75rem;width:4rem}}.sku-name{display:-webkit-box;overflow:hidden;position:relative;z-index:10;-webkit-box-orient:vertical;font-size:10px;font-weight:500;-webkit-line-clamp:2;line-height:1.25;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:1024px){.sku-name{font-size:.875rem;line-height:1.25rem;line-height:1.375}}.sku-footer{align-items:baseline;border-bottom-left-radius:4px;border-bottom-right-radius:4px;display:flex;flex-wrap:wrap;margin-top:auto;--tw-bg-opacity:1;background-color:rgb(24 24 37/var(--tw-bg-opacity,1));padding:.25rem .375rem}@media(min-width:1024px){.sku-footer{align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;flex-direction:column;gap:.25rem;justify-content:center;padding:.625rem .75rem}}.sku-price{flex:1 1 auto;font-size:11px;font-weight:700;min-width:50%;text-align:center;--tw-text-opacity:1;color:rgb(255 71 87/var(--tw-text-opacity,1))}@media(min-width:1024px){.sku-price{flex:none;font-size:1rem;line-height:1.5rem;width:100%}}.sku-original{color:#ffffff4d;display:none;flex:1 1 auto;font-size:9px;min-width:50%;text-align:center;text-decoration-line:line-through}@media(min-width:1024px){.sku-original{display:block;flex:none;font-size:.75rem;line-height:1rem;width:100%}}@media(max-width:1023.98px){.sku-grid--collapsed>.sku-card:nth-child(n+10){display:none}}.sku-more-btn{align-items:center;background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:.375rem;display:flex;gap:.25rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:.5rem;width:-moz-fit-content;width:fit-content;--tw-gradient-from:rgba(155,93,229,.05) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(155,93,229,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(155,93,229,.1) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:rgba(155,93,229,.05) var(--tw-gradient-to-position);font-size:11px;font-weight:500;padding:.25rem .75rem;--tw-text-opacity:1;color:rgb(155 93 229/var(--tw-text-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:rgba(155,93,229,.2);transition-duration:.15s;transition-property:background-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sku-more-btn:active,.sku-more-btn__count{background-color:#9b5de526}.sku-more-btn__count{border-radius:.25rem;font-size:9px;font-weight:600;padding-left:.25rem;padding-right:.25rem;--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.sku-more-btn__icon{height:.625rem;transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.625rem}@media(min-width:1024px){.sku-more-btn{display:none}}.qty-stepper{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.qty-stepper:focus-within{background-color:#ffffff17}.qty-btn{align-items:center;color:#fffc;display:flex;justify-content:center;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2.25rem}.qty-btn svg{height:.75rem;width:.75rem}.qty-btn:hover:not(:disabled){background-color:#ffffff14;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.qty-btn:active:not(:disabled){background-color:#ffffff1f}.qty-btn:disabled{color:#ffffff40;cursor:not-allowed}.qty-stepper--sm .qty-btn{width:1.75rem}.qty-stepper--sm .qty-btn svg{height:.625rem;width:.625rem}.qty-input{background-color:transparent;font-size:.875rem;font-weight:600;line-height:1.25rem;text-align:center;width:3rem;--tw-text-opacity:1;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-stepper--sm .qty-input{font-size:.75rem;line-height:1rem;width:2rem}.topup-btn{background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:.75rem;--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(192,132,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#e879f9 var(--tw-gradient-to-position);font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.topup-btn--lg{font-size:1rem;line-height:1.5rem;padding-bottom:.875rem;padding-top:.875rem;width:100%;--tw-shadow:0 4px 20px rgba(192,132,252,.3);--tw-shadow-colored:0 4px 20px var(--tw-shadow-color);transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.topup-btn--lg,.topup-btn--lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.topup-btn--lg:hover{--tw-shadow:0 6px 25px rgba(192,132,252,.4);--tw-shadow-colored:0 6px 25px var(--tw-shadow-color)}.topup-btn--lg:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.topup-btn--sm{animation:topup-breathe 2.4s ease-in-out infinite;font-size:.875rem;line-height:1.25rem;overflow:hidden;padding:.625rem 1.5rem;position:relative;will-change:transform,box-shadow}.topup-btn--sm:before{animation:topup-shine 2.8s ease-in-out infinite;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.55) 50%,transparent);bottom:0;content:"";left:-60%;pointer-events:none;position:absolute;top:0;transform:skew(-18deg);width:45%}.topup-btn--sm:active{animation-play-state:paused;transform:scale(.97);transition:transform .1s ease}.topup-btn__label{position:relative;z-index:1}@keyframes topup-breathe{0%,to{box-shadow:0 4px 15px #c084fc59;transform:scale(1)}50%{box-shadow:0 8px 24px #e879f98c;transform:scale(1.05)}}@keyframes topup-shine{0%{left:-60%}55%,to{left:120%}}@media(prefers-reduced-motion:reduce){.topup-btn--sm,.topup-btn--sm:before{animation:none}}
