:root{--base-slide-width:240px;--base-slide-img-width:200px;--base-slide-move-distance:300px;--font-title:2.2rem;--font-preview-name:1.5rem;--font-preview-tag:1.6rem;--font-nav-btn:.9rem;--controller-width:8.8rem;--controller-inner-width:4rem}.preview-container{background-color:#c6d6e3;width:100vw;height:100dvh;font-family:Barlow Condensed,sans-serif;font-style:normal;font-weight:600;position:fixed;top:0;left:0}.nav{z-index:3;justify-content:center;align-items:center;width:100%;padding:2rem;display:flex;position:fixed;top:2.2rem}.nav p{text-transform:uppercase}.product-name{color:#000;font-style:bold;font-size:var(--font-title);text-align:center;padding-top:2.5rem;font-size:1.4rem}.gallery{z-index:2;place-content:center;place-items:center;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.products{width:var(--base-slide-width);height:var(--base-slide-width);position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.products li{width:var(--base-slide-width);height:var(--base-slide-width);will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute}.products li img{width:var(--base-slide-img-width);height:var(--base-slide-img-width)}.controller{width:var(--controller-width);height:var(--controller-width);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;z-index:30;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.home-btn{color:#000;z-index:35;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:-4.7rem;transform:translateY(-50%)}.home-btn:hover{opacity:.7;transform:translateY(-50%)scale(1.1)}.controller-inner{width:var(--controller-inner-width);height:var(--controller-inner-width);background:var(--base-300);clip-path:circle(40%);will-change:clip-path;cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close-icon{width:20px;height:20px;position:relative}.close-icon span{background:var(--base-100);transform-origin:50%;width:0;height:2px;position:absolute;top:50%;left:50%}.close-icon span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.close-icon span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.play-icon{color:var(--base-100);pointer-events:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controller-outer{background:var(--base-400);clip-path:circle(50%);will-change:clip-path;z-index:-1;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.controller-label p{text-transform:uppercase;color:var(--base-100);will-change:opacity;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.nav-btn{font-size:var(--font-nav-btn);color:var(--base-100);will-change:opacity;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn.prev{left:1rem}.nav-btn.next{right:1rem}.nav-btn.disabled{opacity:.25;pointer-events:none}.product-banner{z-index:-1;opacity:0;will-change:opacity;width:100vw;height:100%;position:absolute;top:0;left:0}.product-banner img{object-fit:cover;width:100vw;height:100%;display:none}.product-preview{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background-color:rgba(255,255,255,.3);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:50%;height:auto;max-height:65vh;padding:2rem 1rem;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,60vh)}.product-preview-info{color:#000;flex-direction:column;align-items:center;gap:.2rem;display:flex}.product-preview-name p{font-size:var(--font-preview-name)}.product-preview-tag{background-color:var(--base-500);color:var(--base-100);font-size:var(--font-preview-tag);border-radius:.25rem;padding:.25rem .5rem}.product-preview-tag p{font-size:1rem}.product-preview-img{aspect-ratio:1;border-radius:.25rem;width:25%}.product-preview-img img{object-fit:cover;width:100%;height:100%}.product-actions{justify-content:center;gap:1rem;width:100%;display:flex}.btn{cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.btn.primary{background-color:#ff4e4e;flex:1}.btn.secondary{background-color:transparent;border:1px solid #ff4e4e;flex:1}.btn.secondary:hover{background-color:rgba(255,255,255,.1)}.btn a,.btn span{color:#000;text-align:center;width:100%;padding:.5rem;font-size:1rem;text-decoration:none;display:block}.pricing-overlay{overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;flex-direction:column;flex:1;width:100%;min-height:0;padding-right:.5rem;display:flex;overflow-y:auto}.pricing-overlay::-webkit-scrollbar{width:4px}.pricing-overlay::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.pricing-overlay::-webkit-scrollbar-thumb{background:var(--base-500);border-radius:2px}.pricing-header{color:#000;border-bottom:1px solid rgba(255,255,255,.2);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.pricing-header h3{color:#000;margin:0;font-size:1.5rem}.close-pricing{color:#000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;transition:background-color .3s;display:flex}.close-pricing:hover{background-color:rgba(255,255,255,.1)}.pricing-grid{flex-direction:column;gap:1.5rem;display:flex}.pricing-card{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem}.pricing-card-header{color:#000;justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.pricing-card-header h4{color:#000;margin:0;font-size:1.1rem}.pricing-card-header .price{color:#000;font-size:1.1rem;font-weight:700}.pricing-details{color:#000;flex-direction:column;gap:1rem;display:flex}.detail-section h5{color:#000;text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem}.detail-section ul{margin:0;padding:0;list-style:none}.detail-section li{color:#000;margin-bottom:.25rem;padding-left:1rem;font-size:.85rem;position:relative}.detail-section li:before{content:"•";color:#000;position:absolute;left:0}@media (max-width:600px){.product-preview{width:calc(100% - 3rem);height:auto;left:50%}.product-preview-img{width:40%}.nav{top:3rem}}.confirmation-overlay{flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.confirmation-modal{text-align:center;color:#000;flex-direction:column;gap:1.5rem;display:flex}.confirmation-modal h3{color:#ff4d4d;margin:0;font-size:1.5rem}.confirmation-modal p{color:#000;font-size:1.1rem;line-height:1.5}.confirmation-actions{gap:1rem;width:100%;margin-top:1rem;display:flex}
.sale-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background-color:rgba(0,0,0,.7);justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.sale-modal-content{text-align:center;color:#fff;background:rgba(20,20,20,.95);border:1px solid rgba(255,255,255,.1);border-radius:1rem;width:90%;max-width:400px;padding:2rem;font-family:Barlow Condensed,sans-serif;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 0 30px rgba(0,0,0,.5),0 0 20px rgba(255,77,77,.2)}.sale-modal-close{color:rgba(255,255,255,.5);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:10px;right:15px}.sale-modal-close:hover{color:#fff}.sale-modal-header h2{background:linear-gradient(45deg,#ff4d4d,#f99);-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:2.5rem}.sale-modal-body p{color:rgba(255,255,255,.9);margin-bottom:1.5rem;font-size:1.2rem}.coupon-container{background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.3);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.coupon-container span{text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:.5rem;font-size:.9rem;display:block}.coupon-code{letter-spacing:2px;color:#fff;-webkit-user-select:all;-moz-user-select:all;user-select:all;font-size:2rem;font-weight:700}.shop-now-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#ff4d4d;border:none;border-radius:2rem;width:100%;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s,background .2s}.shop-now-btn:hover{background:#f66;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.sale-indicator-fixed{white-space:nowrap;pointer-events:none;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,77,77,.15);border:1px solid rgba(255,77,77,.3);border-radius:2rem;padding:.3rem .8rem;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}.sale-indicator-fixed p{color:#000;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,77,77,.5);margin:0;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:700}
