*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#007aff;--secondary-color:#5856d6;--success-color:#34c759;--warning-color:#ff9500;--error-color:#ff3b30;--background-primary:#fff;--background-secondary:#f2f2f7;--background-tertiary:#fff;--background-grouped:#f2f2f7;--text-primary:#000;--text-secondary:#8e8e93;--text-tertiary:#c7c7cc;--text-quaternary:#f2f2f7;--separator:#c6c6c8;--overlay:#0006;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-tertiary:linear-gradient(135deg,#4facfe,#00f2fe);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--border-radius-sm:6px;--border-radius-md:12px;--border-radius-lg:20px;--border-radius-xl:28px;--shadow-sm:0 1px 3px #0000001f,0 1px 2px #0000003d;--shadow-md:0 4px 6px #00000012,0 1px 3px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #00000026,0 10px 10px #0000000a;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell",sans-serif;--font-secondary:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--background-primary);color:#000;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-family:var(--font-primary);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none!important}a,button{transition:all .15s ease-out;transition:all var(--transition-fast)}button{border:none;cursor:pointer;font-family:inherit;outline:none}img{height:auto;max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f2f2f7;background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:#8e8e93;background:var(--text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#000;background:var(--text-primary)}::selection{background-color:#007aff;background-color:var(--primary-color);color:#fff}:focus{outline:2px solid #007aff;outline:2px solid var(--primary-color);outline-offset:2px}.container{margin:0 auto;max-width:1200px;padding:0 16px;padding:0 var(--spacing-md)}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.nav{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-normal);z-index:1000}.nav:hover{background:#fffffff2}.nav-logo{align-items:center;display:flex;gap:var(--spacing-md);transition:transform var(--transition-fast)}.nav-logo:hover{transform:scale(1.02)}.nav-logo img{border-radius:var(--border-radius-sm);height:40px;object-fit:contain;width:40px}.nav-logo p{font-size:20px;font-weight:700;letter-spacing:-.5px}.nav-logo p,.nav-menu{color:var(--text-primary);font-family:var(--font-secondary)}.nav-menu{font-size:15px;font-weight:500;gap:var(--spacing-xl);list-style:none}.nav-menu,.nav-menu li{align-items:center;display:flex}.nav-menu li{border-radius:var(--border-radius-md);cursor:pointer;flex-direction:column;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.nav-menu li:hover{background:#007aff1a;transform:translateY(-1px)}.nav-menu li a{color:var(--text-primary);font-weight:500;transition:color var(--transition-fast)}.nav-menu li:hover a{color:var(--primary-color)}.nav-menu hr{animation:slideIn .3s ease-out;background:var(--primary-color);border:none;border-radius:var(--border-radius-sm);bottom:-2px;height:2px;left:0;position:absolute;width:100%}@keyframes slideIn{0%{left:50%;width:0}to{left:0;width:100%}}.nav-login-cart{align-items:center;display:flex;gap:var(--spacing-lg)}.cart-container{display:inline-block;position:relative;transition:transform var(--transition-fast)}.cart-container:hover{transform:scale(1.05)}.cart-container:hover .nav-cart-count{animation:none;transform:scale(1.1)}.nav-login-cart button{background:var(--background-primary);border:1px solid var(--separator);border-radius:var(--border-radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-secondary);font-size:15px;font-weight:500;height:40px;outline:none;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-fast)}.nav-login-cart button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-login-cart button:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.nav-login-cart button:hover:before{left:100%}.nav-login-cart button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.nav-login-cart img{border-radius:var(--border-radius-sm);cursor:pointer;height:28px;padding:6px;transition:all var(--transition-fast);width:28px}.nav-login-cart img:hover{background:#007aff1a;transform:scale(1.1)}.nav-cart-count{align-items:center;animation:pulse 2s infinite;background:var(--error-color);border:2px solid #fff;border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px;z-index:10}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nav-dropdown{cursor:pointer;display:none;height:24px;transition:transform var(--transition-fast);width:24px}.nav-dropdown:hover{transform:rotate(90deg)}@media(max-width:1024px){.nav{padding:var(--spacing-md) var(--spacing-lg)}.nav-menu{gap:var(--spacing-lg)}.nav-menu li{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:768px){.nav{padding:var(--spacing-md)}.nav-login-cart{gap:var(--spacing-md)}.nav-dropdown{background:#007aff1a;border-radius:var(--border-radius-sm);display:block;height:28px;padding:4px;width:28px}.nav-menu{animation:slideDown .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #0000000d;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:none;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);position:absolute;right:var(--spacing-md);top:70px;width:220px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-menu li{background:#0000;border-radius:var(--border-radius-md);justify-content:flex-start;margin:0;padding:var(--spacing-md);width:100%}.nav-menu li:hover{background:#007aff1a;transform:none}.nav-menu hr{display:none}.nav-menu-visible{display:flex}.nav-dropdown.open{background:var(--primary-color);transform:rotate(180deg)}.nav-cart-count{font-size:9px;height:16px;right:-6px;top:-6px;width:16px}}@media(max-width:500px){.nav{padding:var(--spacing-md)}.nav-logo img{height:32px;width:32px}.nav-logo p{font-size:16px}.nav-menu{right:var(--spacing-sm);top:65px;width:180px}.nav-login-cart{gap:var(--spacing-md);transform:scale(.9)}.nav-login-cart button{font-size:14px;padding:var(--spacing-xs) var(--spacing-md)}.nav-dropdown{height:24px;width:24px}}.new-collections{align-items:center;background:#f8f9fa4d;display:flex;flex-direction:column;margin-bottom:var(--spacing-xxxl);padding:var(--spacing-xxxl) var(--spacing-lg)}.new-collections h1{color:var(--text-primary);font-family:var(--font-secondary);font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-1px;margin-bottom:var(--spacing-md);text-align:center}.new-collections hr{animation:expandWidth 1s ease-out;background:var(--gradient-primary);border:none;border-radius:var(--border-radius-sm);height:4px;margin-bottom:var(--spacing-xxl);width:80px}@keyframes expandWidth{0%{width:0}to{width:80px}}.collections{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:0 var(--spacing-md);width:100%}@media(max-width:768px){.new-collections{margin-bottom:var(--spacing-xxl);padding:var(--spacing-xxl) var(--spacing-md)}.collections{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:500px){.new-collections{padding:var(--spacing-xl) var(--spacing-sm)}.collections{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.item{animation:fadeIn .6s ease-out;background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:all var(--transition-normal)}.item:before{background:linear-gradient(135deg,#0000,#007aff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:1}.item:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.item:hover:before{opacity:1}.item img{background:var(--background-secondary);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;filter:brightness(1.02) saturate(1.05);height:300px;object-fit:cover;object-position:center top;transition:all var(--transition-normal);width:100%}.item:hover img{filter:brightness(1.05) saturate(1.1);transform:scale(1.05)}.item img:not([src]),.item img[src=""]{animation:shimmer 2s infinite;background:linear-gradient(135deg,var(--background-secondary) 0,#007aff1a 50%,var(--background-secondary) 100%);background-size:200% 200%}@keyframes shimmer{0%{background-position:-200% -200%}to{background-position:200% 200%}}.item p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-family:var(--font-secondary);font-size:16px;font-weight:500;line-height:1.4;margin:var(--spacing-md) var(--spacing-md) var(--spacing-sm);min-height:44px;overflow:hidden;text-overflow:ellipsis}.item-prices{align-items:center;display:flex;gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md)}.item-price-new{color:var(--text-primary);font-family:var(--font-secondary);font-size:20px;font-weight:700}.item-price-old{color:var(--text-secondary);font-size:16px;font-weight:500;position:relative;text-decoration:line-through}.item-price-old:after{background:var(--error-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media(max-width:768px){.item img{height:260px;object-position:center center}.item p{font-size:15px;margin:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);min-height:40px}.item-prices{gap:var(--spacing-sm);padding:0 var(--spacing-sm) var(--spacing-sm)}.item-price-new{font-size:18px}.item-price-old{font-size:14px}}@media(max-width:500px){.item img{height:220px;object-position:center center}.item p{font-size:14px;margin:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs);min-height:36px}.item-prices{padding:0 var(--spacing-xs) var(--spacing-xs)}.item-price-new{font-size:16px}.item-price-old{font-size:12px}.item:hover{transform:translateY(-4px)}}.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;height:100%;width:100%}.spinner___27VUp{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin___S3UuE;animation-timing-function:linear;border:4px solid #a9a9a9;border-radius:30px;border-top-color:#000;height:30px;left:calc(50% - 15px);position:absolute;top:calc(50% - 15px);width:30px}@keyframes spin___S3UuE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container___2O72F{height:100%;overflow:hidden;position:relative;width:100%}.overlay___IV4qY{bottom:0;cursor:zoom-in;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{background-color:#f4f4f4;bottom:0;left:0;position:absolute;right:0;top:0}.slide___3-Nqo{box-sizing:border-box;display:block;height:0;list-style-type:none;margin:0;position:relative}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{height:100%;left:0;position:absolute;top:0;width:100%}.focusRing___1airF{bottom:5px;left:5px;outline-color:Highlight;outline-style:solid;outline-width:5px;pointer-events:none;position:absolute;right:5px;top:5px}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-color:-webkit-focus-ring-color;outline-style:auto}}.horizontalSlider___281Ls{overflow:hidden;position:relative}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{overflow:hidden;position:relative}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;margin:0;padding:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{background-color:#f4f4f4;bottom:0;left:0;position:absolute;right:0;top:0}.modern-carousel-wrapper{margin:var(--spacing-xl) auto;max-width:1200px;padding:0 var(--spacing-lg);position:relative}.carousel{background:#fff;box-shadow:var(--shadow-soft);z-index:1}.carousel,.carousel__slider{border-radius:var(--border-radius-xl);overflow:hidden;position:relative}.carousel__slide{background:#fff;height:25vh;position:relative}.carousel__slide img{background:#fff;border-radius:var(--border-radius-xl);display:block;filter:brightness(1.05) saturate(1.1);height:100%;object-fit:cover;object-position:center center;transition:transform var(--transition-slow);width:100%}.carousel__slide:hover img{transform:scale(1.02)}.carousel__dot-group{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0000004d;border:1px solid #fff3;border-radius:var(--border-radius-xl);bottom:var(--spacing-xl);display:flex;gap:var(--spacing-sm);justify-content:center;left:50%;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;transform:translateX(-50%);z-index:10}.carousel__dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;overflow:hidden;position:relative;width:12px}.carousel__dot,.carousel__dot:before{transition:all var(--transition-fast)}.carousel__dot:before{background:#fff;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.carousel__dot:hover{background:#ffffffb3;transform:scale(1.1)}.carousel__dot--selected{background:#fff;box-shadow:0 0 0 2px #007aff4d}.carousel__dot--selected:before{background:var(--primary-color);height:6px;width:6px}.slide-container{height:100%;position:relative;width:100%}@media(max-width:1024px){.modern-carousel-wrapper{max-width:90%;padding:0 var(--spacing-md)}.carousel__slide{height:22vh}}@media(max-width:768px){.modern-carousel-wrapper{margin:var(--spacing-lg) auto;max-width:95%;padding:0 var(--spacing-sm)}.carousel__slide{height:20vh}.carousel__dot-group{bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-md)}.carousel__dot{height:10px;width:10px}.carousel__dot--selected:before{height:4px;width:4px}}@media(max-width:500px){.modern-carousel-wrapper{margin:var(--spacing-md) auto}.carousel__slide{height:18vh}.carousel__dot-group{bottom:var(--spacing-md)}.carousel__dot{height:8px;width:8px}}.carousel__slider-tray{transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.carousel__slide img{animation:imageLoad .8s ease-out}@keyframes imageLoad{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.modern-carousel-wrapper{background:#0000}.shop-page{background:var(--background-primary)}.shop-content{margin-top:var(--spacing-lg)}.shop-page .new-collections{margin-top:0;padding-top:0}@media (max-width:768px){.welcome-section{margin:var(--spacing-lg) var(--spacing-md) var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-md)}.welcome-title{font-size:clamp(20px,5vw,28px)}.welcome-subtitle{font-size:15px}}@media (max-width:500px){.welcome-section{margin:var(--spacing-md) var(--spacing-sm) var(--spacing-lg);padding:var(--spacing-md) var(--spacing-sm)}.welcome-title{font-size:clamp(18px,6vw,24px)}.welcome-subtitle{font-size:14px}}.shop-container{padding:20px}.modern-cart-container{margin:var(--spacing-xl) auto;max-width:1400px;min-height:80vh;padding:0 var(--spacing-lg)}.cart-layout{grid-gap:var(--spacing-xxxl);align-items:start;display:grid;gap:var(--spacing-xxxl);grid-template-columns:380px 1fr}.order-summary{background:#fff;border:1px solid #0000000d;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-soft);padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:var(--spacing-xl)}.summary-header{border-bottom:1px solid #0000001a;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.summary-title{color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-size:24px!important;font-weight:700!important;margin-bottom:var(--spacing-sm)!important}.summary-items{color:var(--text-secondary)!important;font-size:14px!important}.summary-details{margin-bottom:var(--spacing-xl)}.summary-row{font-size:15px;padding:var(--spacing-sm) 0;position:relative}.summary-row span:first-child{font-weight:500}.summary-row span:last-child{font-weight:600}.free-shipping{color:var(--success-color)!important;font-weight:600!important}.discount-row{background:#28a7450d;border:1px solid #28a74533;padding:var(--spacing-sm) var(--spacing-md)}.discount-amount{color:var(--success-color)!important;font-weight:700!important}.remove-discount-btn{align-items:center;background:var(--error-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;position:absolute;right:-10px;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:20px}.remove-discount-btn:hover{background:#c82333;transform:translateY(-50%) scale(1.1)}.summary-divider{background:#0000001a;border:none;height:1px;margin:var(--spacing-md) 0}.total-row{margin-top:var(--spacing-sm);padding:var(--spacing-md) 0}.total-row span{font-size:18px!important;font-weight:700!important}.promo-section{margin-bottom:var(--spacing-xl)}.promo-title{color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-size:16px!important;font-weight:600!important;margin-bottom:var(--spacing-md)!important}.promo-input-container{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.promo-input{border:1px solid #0003;border-radius:var(--border-radius-md);flex:1 1;font-family:var(--font-primary);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast)}.promo-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007aff33;outline:none}.apply-promo-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast);white-space:nowrap}.apply-promo-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.apply-promo-btn:disabled{background:#ccc;cursor:not-allowed}.promo-message{border-radius:var(--border-radius-sm);font-size:12px;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm)}.promo-message.success{background:#28a7451a;border:1px solid #28a7454d;color:var(--success-color)}.promo-message.error{background:#dc35451a;border:1px solid #dc35454d;color:var(--error-color)}.checkout-btn{background:var(--gradient-primary)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-lg)!important;text-transform:none!important;transition:all var(--transition-normal)!important}.checkout-btn:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.continue-shopping-btn{font-size:14px!important;padding:var(--spacing-sm) var(--spacing-lg)!important;transition:all var(--transition-fast)!important}.cart-items-section{background:#fff;border:1px solid #0000000d;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-soft);padding:var(--spacing-xl)}.cart-header{border-bottom:1px solid #0000001a;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.cart-title{color:var(--text-primary)!important;font-family:var(--font-secondary)!important;font-size:28px!important;font-weight:700!important}.cart-item{align-items:center;background:#fff;border:1px solid #0000001a;border-radius:var(--border-radius-lg);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}.cart-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-image{flex-shrink:0}.item-image img{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:100px;object-fit:cover;width:100px}.item-details{flex:1 1;min-width:0}.item-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-family:var(--font-secondary);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-xs) 0;overflow:hidden}.item-price{font-size:16px;font-weight:500;margin:0 0 var(--spacing-sm) 0}.item-price,.item-quantity{color:var(--text-secondary)}.item-quantity{align-items:center;display:flex;font-size:14px;gap:var(--spacing-xs)}.quantity-badge{background:var(--primary-color);border-radius:var(--border-radius-sm);color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.item-total{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-sm)}.total-price{color:var(--text-primary);font-family:var(--font-secondary);font-size:20px;font-weight:700}.remove-item-btn{align-items:center;background:#dc35451a;border:1px solid #dc35454d;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);transition:all var(--transition-fast)}.remove-item-btn:hover{background:#dc354533;transform:scale(1.1)}.remove-item-btn img{height:16px;opacity:.7;width:16px}@media (max-width:1024px){.cart-layout{gap:var(--spacing-xl);grid-template-columns:1fr}.order-summary{order:2;position:static}.cart-items-section{order:1}}@media (max-width:768px){.modern-cart-container{margin:var(--spacing-lg) auto;padding:0 var(--spacing-md)}.cart-items-section,.order-summary{padding:var(--spacing-lg)}.cart-item{flex-direction:column;gap:var(--spacing-md);text-align:center}.item-image img{height:80px;width:80px}.item-details{text-align:center}.item-total{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.cart-title,.summary-title{font-size:22px!important}}@media (max-width:500px){.modern-cart-container{padding:0 var(--spacing-sm)}.cart-item,.cart-items-section,.order-summary{padding:var(--spacing-md)}.item-image img{height:60px;width:60px}.item-name{font-size:16px}.total-price{font-size:18px}.promo-input-container{flex-direction:column}.apply-promo-btn{width:100%}}.cartitems-product-icon{border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);height:64px;object-fit:cover;width:64px}.cartitems-remove-icon{border-radius:var(--border-radius-sm);cursor:pointer;height:20px;margin:0 var(--spacing-md);opacity:.6;padding:8px;transition:all var(--transition-fast);width:20px}.cartitems-remove-icon:hover{background:var(--error-color);opacity:1;transform:scale(1.1)}.cartitems-quantity{background:var(--background-primary);border:1px solid var(--separator);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:16px;font-weight:600;height:48px;text-align:center;transition:all var(--transition-fast);width:60px}.cartitems-quantity:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1a}.cartitems-down{display:flex;flex-wrap:wrap;gap:var(--spacing-xxxl);margin:var(--spacing-xxxl) 0}.cartitems-total{background:var(--background-primary);border:1px solid var(--separator);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);min-width:400px;padding:var(--spacing-xl)}.cartitems-total h1{border-bottom:1px solid var(--separator);color:var(--text-primary);font-family:var(--font-secondary);font-size:24px;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md)}.cartitems-total-item{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:var(--spacing-md) 0}.cartitems-total-item:last-child{border-top:1px solid var(--separator);color:var(--text-primary);font-size:20px;font-weight:700;margin-top:var(--spacing-md);padding-top:var(--spacing-lg)}.cartitems-total button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:var(--font-secondary);font-size:16px;font-weight:600;height:56px;outline:none;overflow:hidden;position:relative;transition:all var(--transition-fast);width:100%}.cartitems-total button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.cartitems-total button:hover{background:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.cartitems-total button:hover:before{left:100%}.cartitems-total button:active{transform:translateY(0)}.cartitems-promocode{background:var(--background-primary);border:1px solid var(--separator);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex:1 1;font-size:16px;font-weight:500;min-width:350px;padding:var(--spacing-xl)}.cartitems-promocode h3{color:var(--text-primary);font-family:var(--font-secondary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-md)}.cartitems-promocode p{color:var(--text-secondary);font-size:14px;margin-bottom:var(--spacing-lg)}.cartitems-promobox{align-items:center;background:var(--background-secondary);border:1px solid var(--separator);border-radius:var(--border-radius-md);display:flex;height:56px;overflow:hidden;transition:all var(--transition-fast);width:100%}.cartitems-promobox:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1a}.cartitems-promobox input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-primary);font-size:16px;height:100%;outline:none;padding:0 var(--spacing-lg)}.cartitems-promobox input::placeholder{color:var(--text-secondary)}.cartitems-promobox button{background:var(--text-primary);border:none;color:#fff;cursor:pointer;font-family:var(--font-secondary);font-size:14px;font-weight:600;height:100%;transition:all var(--transition-fast);width:140px}.cartitems-promobox button:hover{background:var(--primary-color)}.modal-content{border:1px solid var(--separator)}.modal-content p{color:var(--error-color)}.cartitems-promocode p.invalid-code{color:var(--error-color);font-size:14px;font-weight:500;margin-top:var(--spacing-sm)}.cartitems-promocode p.success-code{color:var(--success-color);font-size:14px;font-weight:500;margin-top:var(--spacing-sm)}.remove-discount-button{background:#5e3a931a;border:1px solid var(--secondary-color);border-radius:var(--border-radius-lg);color:var(--secondary-color);cursor:pointer;font-family:var(--font-secondary);font-size:12px;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.remove-discount-button:hover{background:var(--secondary-color);color:#fff;transform:translateY(-1px)}.empty-cart{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:60vh;padding:var(--spacing-xxxl);text-align:center}.empty-cart h2{color:var(--text-primary);font-family:var(--font-secondary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-md)}.empty-cart p{color:var(--text-secondary);font-size:18px;margin-bottom:var(--spacing-xl)}.empty-cart button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:var(--font-secondary);font-size:16px;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.empty-cart button:hover{background:var(--secondary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(max-width:1024px){.cartitems{margin:var(--spacing-xxl) auto;padding:0 var(--spacing-md)}.cartitems-format,.cartitems-format-main{font-size:14px;gap:var(--spacing-md);grid-template-columns:.3fr 2fr .8fr .8fr .8fr .5fr;padding:var(--spacing-md)}.cartitems-product-icon{height:48px;width:48px}.cartitems-quantity{font-size:14px;height:40px;width:50px}.cartitems-down{gap:var(--spacing-xl);margin:var(--spacing-xxl) 0}.cartitems-total{min-width:350px;padding:var(--spacing-lg)}.cartitems-promocode{min-width:300px;padding:var(--spacing-lg)}}@media(max-width:768px){.cartitems{margin:var(--spacing-xl) auto;padding:0 var(--spacing-sm)}.cartitems-format-main{font-size:13px}.cartitems-format,.cartitems-format-main{gap:var(--spacing-sm);grid-template-columns:2fr 1fr 1fr .5fr;padding:var(--spacing-sm)}.cartitems-down{flex-direction:column;gap:var(--spacing-xl)}.cartitems-promocode,.cartitems-total{min-width:100%}.cartitems-promobox{height:48px}.cartitems-promobox button{font-size:13px;width:120px}}@media(max-width:500px){.cartitems-format-main{display:none}.cartitems-format{background:var(--background-secondary);border-radius:var(--border-radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.cartitems-product-info{align-items:center;display:flex;gap:var(--spacing-md)}.cartitems-product-icon{height:60px;width:60px}.cartitems-details{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.cartitems-quantity{font-size:14px;height:36px;width:45px}.cartitems-remove-icon{height:18px;margin:0;width:18px}.empty-cart{min-height:50vh;padding:var(--spacing-xl) var(--spacing-md)}.empty-cart h2{font-size:24px}.empty-cart p{font-size:16px}}.breadcrums{align-items:center;color:#5e5e5e;display:flex;flex-wrap:wrap;font-size:14px;font-weight:500;gap:8px;margin:20px 10%}.breadcrums img{height:12px}@media(max-width:1024px){.breadcrums{margin:20px 8%}}@media(max-width:800px){.breadcrums{margin:20px 5%}.breadcrums img{height:10px}}.productdisplay{animation:fadeIn .8s ease-out;background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-xxxl);margin:0 auto;max-width:1400px;padding:var(--spacing-xxxl) var(--spacing-lg)}.productdisplay-left{display:flex;flex:1 1;gap:var(--spacing-lg)}.productdisplay-img-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.productdisplay-img-list img{border:2px solid #0000;border-radius:var(--border-radius-md);cursor:pointer;filter:brightness(.95) saturate(.95);height:100px;object-fit:cover;object-position:center center;opacity:.7;transition:all var(--transition-fast);width:100px}.productdisplay-img-list img.active,.productdisplay-img-list img:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);filter:brightness(1.05) saturate(1.1);opacity:1;transform:scale(1.05)}.productdisplay-main-img{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);filter:brightness(1.02) saturate(1.05);height:500px;object-fit:cover;object-position:center center;transition:all var(--transition-normal);width:450px}.productdisplay-main-img:hover{box-shadow:var(--shadow-lg);filter:brightness(1.05) saturate(1.1);transform:scale(1.02)}.productdisplay-right{display:flex;flex:1 1;flex-direction:column;padding-left:var(--spacing-lg)}.productdisplay-right h1{color:var(--text-primary);font-family:var(--font-secondary);font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}.productdisplay-right-stars{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.productdisplay-right-stars .stars{color:var(--warning-color);display:flex;gap:2px}.productdisplay-right-stars .rating-text{color:var(--text-secondary);font-size:14px;font-weight:500;margin-left:var(--spacing-sm)}.productdisplay-right-prices{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.productdisplay-right-price-new{color:var(--text-primary);font-family:var(--font-secondary);font-size:32px;font-weight:700}.productdisplay-right-price-old{font-size:24px;font-weight:500;position:relative;text-decoration:line-through}.productdisplay-right-description{background:var(--background-secondary);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.productdisplay-right-size h1{color:var(--text-primary);font-family:var(--font-secondary);font-size:20px;font-weight:600;margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.productdisplay-right-sizes{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.productdisplay-right-sizes div{background:var(--background-secondary);border:2px solid var(--separator);border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;min-width:60px;padding:var(--spacing-md) var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.productdisplay-right-sizes div:hover{background:#007aff1a;border-color:var(--primary-color);transform:translateY(-2px)}.productdisplay-right-sizes div.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.productdisplay-right button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:var(--font-secondary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-xl);max-width:300px;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all var(--transition-fast);width:100%}.productdisplay-right button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.productdisplay-right button:hover{background:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.productdisplay-right button:hover:before{left:100%}.productdisplay-right button:active{transform:translateY(0)}.productdisplay-right button:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.productdisplay-right-category{background:var(--background-secondary);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg);padding:var(--spacing-lg)}.productdisplay-right-category span{color:var(--text-primary);font-family:var(--font-secondary);font-weight:600}.productdisplay-right-category p{color:var(--text-secondary);margin-top:var(--spacing-sm)}.toast-notification{animation:slideInRight .4s cubic-bezier(.16,1,.3,1);position:fixed;right:24px;top:24px;z-index:9999}.toast-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #34c75933;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;display:flex;gap:12px;min-width:300px;padding:16px 24px}.toast-icon{color:#34c759;flex-shrink:0;font-size:24px!important}.toast-message{color:#1d1d1f;font-family:var(--font-primary);font-size:.9375rem;font-weight:600;letter-spacing:-.2px;margin:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.modal{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:var(--overlay);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:var(--background-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);min-width:300px;padding:var(--spacing-xl);text-align:center}.modal-content p{color:var(--success-color);font-family:var(--font-secondary);font-size:18px;font-weight:600;margin:0}@media(max-width:1024px){.productdisplay{gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-md)}.productdisplay-img-list{gap:var(--spacing-sm)}.productdisplay-img-list img{height:80px;width:80px}.productdisplay-main-img{height:400px;width:380px}.productdisplay-right{padding-left:var(--spacing-md)}}@media(max-width:768px){.productdisplay{flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-md)}.productdisplay-left{align-self:center;gap:var(--spacing-md)}.productdisplay-img-list{flex-direction:row;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-sm)}.productdisplay-img-list img{flex-shrink:0;height:70px;width:70px}.productdisplay-main-img{height:350px;max-width:350px;width:100%}.productdisplay-right{padding-left:0}.productdisplay-right button{max-width:100%}}@media(max-width:500px){.productdisplay{padding:var(--spacing-md) var(--spacing-sm)}.productdisplay-left{gap:var(--spacing-sm)}.productdisplay-img-list img{height:60px;width:60px}.productdisplay-main-img{height:280px;max-width:280px;width:100%}.productdisplay-right h1,.productdisplay-right-price-new{font-size:24px}.productdisplay-right-price-old{font-size:18px}.productdisplay-right-sizes div{font-size:14px;min-width:50px;padding:var(--spacing-sm) var(--spacing-md)}.productdisplay-right button{font-size:16px;padding:var(--spacing-md)}}.descriptionbox{margin:120px 170px}.descriptionbox-navigator{display:flex}.descriptionbox-nav-box{align-items:center;border:1px solid #d0d0d0;display:flex;font-size:16px;font-weight:600;height:70px;justify-content:center;width:171px}.descriptionbox-nav-box.fade{background:#fbfbfb;color:#555}.descriptionbox-description{border:1px solid #d0d0d0;display:flex;flex-direction:column;gap:25px;padding:48px 48px 70px}@media(max-width:1280px){.descriptionbox{margin:60px;margin:60px 20px}.descriptionbox-description{font-size:14px}}.relatedproducts{align-items:center;display:flex;flex-direction:column;gap:10px;padding:10px 0 100px}.relatedproducts h1{color:#171717;font-size:40px;font-weight:600}.relatedproducts hr{background:#252525;border-radius:10px;height:4px;width:150px}.relatedproducts-item{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:50px;max-width:1280px;width:100%}@media(max-width:600px){.relatedproducts h1{font-size:30px}.relatedproducts hr{height:4px;width:100px}}.footer{align-items:center;background:var(--text-primary);color:#fff;display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:center;overflow:hidden;padding:var(--spacing-xxxl) var(--spacing-lg) var(--spacing-xl);position:relative}.footer:before{background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.footer-logo{align-items:center;display:flex;gap:var(--spacing-md);transition:transform var(--transition-fast);z-index:2}.footer-logo:hover{transform:scale(1.05)}.footer-logo img{background:#fff;border-radius:var(--border-radius-sm);height:48px;object-fit:contain;padding:4px;width:48px}.footer-logo p{color:#fff;font-family:var(--font-secondary);font-size:24px;font-weight:700;letter-spacing:-.5px}.footer-links{color:#fffc;display:flex;flex-wrap:wrap;font-size:16px;font-weight:500;gap:var(--spacing-xl);justify-content:center;list-style:none;z-index:2}.footer-links li{border-radius:var(--border-radius-md);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all var(--transition-fast)}.footer-links li:after{background:var(--primary-color);bottom:-4px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all var(--transition-fast);width:0}.footer-links li:hover{background:#ffffff1a;color:#fff;transform:translateY(-2px)}.footer-links li:hover:after{width:100%}.footer-social-icons{display:flex;gap:var(--spacing-md);z-index:2}.footer-icons-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-md);cursor:pointer;display:flex;height:48px;justify-content:center;transition:all var(--transition-fast);width:48px}.footer-icons-container:hover{background:#fff3;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.footer-icons-container img{filter:brightness(0) invert(1);height:24px;width:24px}.footer-copyright{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;font-size:14px;font-weight:400;gap:var(--spacing-lg);width:100%;z-index:2}.footer-copyright hr{background:#fff3;border:none;border-radius:var(--border-radius-sm);height:1px;max-width:600px;width:60%}@media(max-width:768px){.footer{gap:var(--spacing-lg);padding:var(--spacing-xxl) var(--spacing-md) var(--spacing-lg)}.footer-logo img{height:40px;width:40px}.footer-logo p{font-size:20px}.footer-links{font-size:14px;gap:var(--spacing-lg)}.footer-links li{padding:var(--spacing-xs) var(--spacing-sm)}.footer-icons-container{height:40px;width:40px}.footer-icons-container img{height:20px;width:20px}}@media(max-width:500px){.footer{gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-md)}.footer-logo p{font-size:18px}.footer-links{font-size:13px;gap:var(--spacing-md)}.footer-social-icons{gap:var(--spacing-sm)}.footer-copyright{font-size:12px;gap:var(--spacing-md)}}.modern-category-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0;height:220px;margin-bottom:40px;overflow:hidden;position:relative;width:100%}.banner-image{object-fit:cover;object-position:center 30%}.banner-image,.banner-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.banner-overlay{background:linear-gradient(135deg,#3478f6d9,#2563ebbf 50%,#6366f1d9);z-index:1}.banner-content{align-items:flex-start;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1400px;padding:0 60px;position:relative;z-index:2}.banner-category-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;color:#ffffffe6;display:inline-block;font-family:var(--font-primary);font-size:.75rem;font-weight:600;letter-spacing:2px;margin-bottom:12px;padding:6px 16px;text-transform:uppercase}.banner-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin:0 0 8px;text-shadow:0 2px 20px #0003}.banner-subtitle,.banner-title{font-family:var(--font-primary)}.banner-subtitle{color:#fffffff2;font-size:1rem;font-weight:400;letter-spacing:.3px;margin:0;text-shadow:0 1px 10px #00000026}.shopcategory-banner{display:none}.shopcategory-indexSort{align-items:center;display:flex;justify-content:space-between;margin:0 170px}.shopcategory-sort{border:1px solid #888;border-radius:40px;padding:10px 20px}.shopcategory-indexSort p span{font-weight:600}.shopcategory-products{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin:20px auto;max-width:1360px;width:90%}.shopcategory-loadmore{background:#ededed;border-radius:75px;color:#787878;font-size:16px;font-weight:500;height:60px;justify-content:center;margin:100px auto;width:200px}.shopcategory-loadmore,.shopcategory-sort{align-items:center;display:flex}.shopcategory-sort select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1em;margin-left:5px;padding:5px}.shopcategory-sort-container{align-items:center;display:flex;position:relative}.shopcategory-sort-icon{font-size:1.2em;margin-right:5px}.shopcategory-sort-label{color:#333;font-size:1em;margin-right:15px}.shopcategory-sort-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1em;padding:5px 10px;position:relative;z-index:1}.shopcategory-sort-container:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000;content:"";pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:0}@media (max-width:1280px){.shopcategory-indexSort{margin:auto;width:90%}.shopcategory-sort{font-size:12px;padding:5px 10px}.shopcategory-indexSort p{font-size:12px}.modern-category-banner{height:200px;margin-bottom:35px}.banner-content{padding:0 40px}.banner-title{font-size:2.25rem;letter-spacing:-1.2px}.banner-subtitle{font-size:.9375rem}}@media (max-width:800px){.shopcategory-loadmore{font-size:13px;height:40px;margin:60px auto;width:150px}.modern-category-banner{height:170px;margin-bottom:30px}.banner-content{align-items:center;padding:0 24px;text-align:center}.banner-category-label{font-size:.6875rem;margin-bottom:10px;padding:5px 14px}.banner-title{font-size:2rem;letter-spacing:-1px;margin-bottom:6px}.banner-subtitle{font-size:.875rem}.shopcategory-indexSort{align-items:flex-start;flex-direction:column;gap:16px;margin:0 20px}}@media (max-width:480px){.modern-category-banner{height:140px;margin-bottom:24px}.banner-content{padding:0 20px}.banner-category-label{font-size:.625rem;letter-spacing:1.5px;margin-bottom:8px;padding:4px 12px}.banner-title{font-size:1.5rem;letter-spacing:-.5px;margin-bottom:4px}.banner-subtitle{font-size:.75rem}}.loginsignup{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%}.loginsignup:before{background:radial-gradient(circle at 30% 70%,#ffffff1a 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.loginsignup-container{animation:slideUp .8s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:480px;padding:var(--spacing-xxxl) var(--spacing-xl);position:relative;width:100%;z-index:2}.loginsignup-container h1{color:var(--text-primary);font-family:var(--font-secondary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:var(--spacing-xl);text-align:center}.loginsignup-fields{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.loginsignup-fields input{background:var(--background-primary);border:1px solid var(--separator);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-primary);font-size:16px;height:56px;outline:none;padding:0 var(--spacing-lg);transition:all var(--transition-fast);width:100%}.loginsignup-fields input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #007aff1a;transform:translateY(-1px)}.loginsignup-fields input::placeholder{color:var(--text-secondary)}.loginsignup-container button{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-family:var(--font-secondary);font-size:18px;font-weight:600;height:56px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:100%}.loginsignup-container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.loginsignup-container button:hover{background:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.loginsignup-container button:hover:before{left:100%}.loginsignup-container button:active{transform:translateY(0)}.loginsignup-login{color:var(--text-secondary);font-size:15px;font-weight:500;line-height:1.5;margin-top:var(--spacing-lg);text-align:center}.loginsignup-login span{color:var(--primary-color);cursor:pointer;font-weight:600;transition:color var(--transition-fast)}.loginsignup-login span:hover{color:var(--secondary-color)}.loginsignup-agree{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:14px;font-weight:400;gap:var(--spacing-sm);line-height:1.4;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.loginsignup-agree input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;height:18px;margin:0;width:18px}.loginsignup-agree a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.loginsignup-agree a:hover{color:var(--secondary-color)}@media(max-width:768px){.loginsignup{padding:var(--spacing-lg) var(--spacing-md)}.loginsignup-container{padding:var(--spacing-xxl) var(--spacing-lg)}.loginsignup-container h1{font-size:28px;margin-bottom:var(--spacing-lg)}}@media(max-width:500px){.loginsignup{padding:var(--spacing-md)}.loginsignup-container{border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.loginsignup-container h1{font-size:24px;margin-bottom:var(--spacing-md)}.loginsignup-fields{gap:var(--spacing-md)}.loginsignup-fields input{font-size:15px;height:48px;padding:0 var(--spacing-md)}.loginsignup-container button{font-size:16px;height:48px}.loginsignup-agree{font-size:13px;gap:var(--spacing-xs)}.loginsignup-agree input[type=checkbox]{height:16px;width:16px}}.modern-checkout-container{margin:0 auto;max-width:1400px;min-height:80vh;padding:var(--spacing-xl) var(--spacing-lg)}.checkout-layout{grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1.2fr}.checkout-summary-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:var(--spacing-lg)}.summary-header h2{color:var(--text-primary);font-family:var(--font-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0 0 var(--spacing-lg) 0}.summary-details{margin-bottom:var(--spacing-lg)}.summary-row{align-items:center;border-bottom:1px solid var(--border-light);display:flex;font-family:var(--font-primary);justify-content:space-between;padding:var(--spacing-md) 0}.summary-row:last-child{border-bottom:none}.summary-row span:first-child{color:var(--text-secondary);font-weight:400}.summary-row span:last-child{color:var(--text-primary);font-weight:500}.discount-row{background:#34c7591a;border:1px solid #34c75933;border-radius:var(--border-radius-md);margin:var(--spacing-sm) 0;padding:var(--spacing-md) var(--spacing-lg)}.discount-row span{color:var(--success-color)!important;font-weight:600!important}.total-row{border-top:2px solid var(--primary-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.total-row span{color:var(--text-primary)!important;font-size:1.25rem;font-weight:600}.payment-actions{margin-top:var(--spacing-lg)}.payment-btn{background:var(--gradient-primary)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-md) var(--spacing-lg)!important;text-transform:none!important;transition:all var(--transition-normal)!important;width:100%!important}.payment-btn:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.back-to-cart-btn{background:#0000!important;border:2px solid var(--primary-color)!important;border-radius:var(--border-radius-lg)!important;color:var(--primary-color)!important;font-size:14px!important;font-weight:600!important;padding:var(--spacing-sm) var(--spacing-lg)!important;text-transform:none!important;transition:all var(--transition-fast)!important;width:100%!important}.back-to-cart-btn:hover{background:var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;transform:translateY(-1px)!important}.checkout-form-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.checkout-header{border-bottom:1px solid var(--border-light);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.header-content{gap:var(--spacing-md)}.header-icon{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));box-shadow:var(--shadow-md);height:48px;width:48px}.form-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.5px;margin:0 0 var(--spacing-xs) 0}.form-subtitle,.form-title{font-family:var(--font-primary)}.form-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:0}.checkout-section{background:#f8f9fa80;border:1px solid var(--border-light);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title-container{align-items:center;display:flex;gap:var(--spacing-md)}.section-icon{align-items:center;background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-md);color:var(--primary-color);display:flex;height:40px;justify-content:center;width:40px}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.3px;margin:0}.modern-add-btn,.section-title{font-family:var(--font-primary)}.modern-add-btn{align-items:center;background:rgba(var(--primary-rgb),.05);border:2px solid var(--primary-color);border-radius:var(--border-radius-lg);color:var(--primary-color);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);text-transform:none;transition:all var(--transition-standard)}.modern-add-btn:hover{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-icon{font-size:1rem;font-weight:600}.modern-options,.radio-group-modern{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-group-modern{width:100%}.modern-option-card{background:#ffffffe6;border:2px solid var(--border-light);border-radius:var(--border-radius-lg);cursor:pointer;margin:0;overflow:hidden;padding:0;position:relative;transition:all var(--transition-standard)}.modern-option-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.modern-option-card.address-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2)}.modern-option-card.payment-card{background:linear-gradient(135deg,#3478f60d,#fffffff2)}.card-content{padding:var(--spacing-lg)}.card-header{margin-bottom:var(--spacing-md)}.address-icon,.payment-icon{align-items:center;background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-sm);color:var(--primary-color);display:flex;height:32px;justify-content:center;width:32px}.payment-icon{color:var(--primary-color)}.card-title{align-items:center;display:flex;flex:1 1;font-size:1rem;gap:var(--spacing-sm)}.card-brand{background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:2px 8px}.card-radio{margin:0}.modern-radio{padding:0}.modern-radio .MuiSvgIcon-root{color:var(--border-medium);transition:all var(--transition-standard)}.modern-radio.Mui-checked .MuiSvgIcon-root{color:var(--primary-color)}.card-details{margin-bottom:var(--spacing-md);margin-left:44px}.address-line,.card-number{color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem;line-height:1.4;margin:0 0 var(--spacing-xs) 0}.card-number{font-size:1rem;font-weight:500;letter-spacing:1px}.card-meta{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-sm)}.cardholder,.expiry{color:var(--text-secondary);font-family:var(--font-primary);font-size:.8125rem}.card-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius-full);color:#fff;font-family:var(--font-primary);font-size:.75rem;font-weight:600;padding:4px 12px;position:absolute;right:var(--spacing-md);top:var(--spacing-md);z-index:1}.payment-badge{background:linear-gradient(135deg,#34c759,#30a46c);z-index:1}.badge-text{letter-spacing:.5px;text-transform:uppercase}.modern-option-card:has(.Mui-checked){border-color:var(--primary-color);border-width:2px;box-shadow:0 4px 12px rgba(var(--primary-rgb),.15),0 0 0 3px rgba(var(--primary-rgb),.1);position:relative}.modern-option-card:has(.Mui-checked):before{background:linear-gradient(180deg,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.modern-option-card.address-card:has(.Mui-checked){background:linear-gradient(135deg,#3478f614,#f8f9faf2)}.modern-option-card.payment-card:has(.Mui-checked){background:linear-gradient(135deg,#3478f61a,#fffffff2)}.address-option,.payment-option{padding:var(--spacing-sm) 0}.address-option p,.payment-option p{color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem;line-height:1.4;margin:var(--spacing-xs) 0}.address-option strong,.payment-option strong{color:var(--text-primary);font-weight:600}.checkout-form-section .MuiButton-root{border-radius:var(--border-radius-md);font-family:var(--font-primary);font-size:1rem;font-weight:600;margin-right:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);text-transform:none}.checkout-form-section .MuiButton-contained{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff;transition:all var(--transition-standard)}.checkout-form-section .MuiButton-contained:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.checkout-form-section .MuiButton-outlined{background:#fffc;border:2px solid var(--border-medium);color:var(--text-primary)}.checkout-form-section .MuiButton-outlined:hover{background:var(--surface-secondary);border-color:var(--primary-color)}.MuiModal-root .MuiPaper-root{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-xl)}.MuiModal-root h2{color:var(--text-primary);font-family:var(--font-primary);font-weight:600;margin-bottom:var(--spacing-lg)}.MuiTextField-root{margin-bottom:var(--spacing-md)}.MuiTextField-root .MuiOutlinedInput-root{border-radius:var(--border-radius-md);font-family:var(--font-primary)}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color)}.MuiTextField-root .MuiInputLabel-root.Mui-focused{color:var(--primary-color)}@media (max-width:1024px){.checkout-layout{gap:var(--spacing-lg);grid-template-columns:1fr}.checkout-summary-panel{order:2;position:static}.checkout-form-section{order:1}}@media (max-width:768px){.modern-checkout-container{padding:var(--spacing-lg) var(--spacing-md)}.checkout-form-section,.checkout-summary-panel{padding:var(--spacing-lg)}.checkout-header h2,.summary-header h2{font-size:1.25rem}.options-container .MuiFormControlLabel-root{padding:var(--spacing-md)}}@media (max-width:480px){.modern-checkout-container{padding:var(--spacing-md) var(--spacing-sm)}.checkout-form-section,.checkout-summary-panel{padding:var(--spacing-md)}.back-to-cart-btn,.checkout-form-section .MuiButton-root,.payment-btn{margin:var(--spacing-xs) 0!important;width:100%!important}}.modern-empty-state{background:#f8f9fa80;border:2px dashed var(--border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl) var(--spacing-lg)}.empty-icon{align-items:center;background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-full);color:var(--primary-color);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-lg) auto;width:64px}.empty-title{font-size:1.125rem;margin:0 0 var(--spacing-sm) 0}.empty-message{font-size:.875rem;line-height:1.5;margin:0 0 var(--spacing-lg) 0}.empty-action-btn{background:var(--primary-color);border:none;border-radius:var(--border-radius-md);color:#fff;font-family:var(--font-primary);font-size:.875rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);text-transform:none;transition:all var(--transition-standard)}.empty-action-btn:hover{background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.modern-loading-state{background:#f8f9fa80;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center}.loading-spinner{height:32px;margin:0 auto var(--spacing-md) auto;width:32px}.loading-text{font-size:.875rem}.modern-order-completed-container{align-items:center;background:linear-gradient(135deg,#3478f608,#fffffff2 25%,#34c75908);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg)}.no-order-content{max-width:600px;text-align:center;width:100%}.error-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);padding:var(--spacing-xxl)}.error-header,.error-icon{box-shadow:var(--shadow-lg)}.error-icon{align-items:center;animation:error-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#ff2d92);border-radius:var(--border-radius-full);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg) auto;width:80px}@keyframes error-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.error-title{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-md) 0}.error-message,.error-title{font-family:var(--font-primary)}.error-message{color:var(--text-secondary);font-size:1.125rem;line-height:1.6;margin:0 0 var(--spacing-xl) 0}.redirect-actions{margin-top:var(--spacing-lg)}.home-btn{background:var(--gradient-primary)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;font-family:var(--font-primary)!important;font-size:1rem!important;font-weight:700!important;min-width:180px!important;padding:var(--spacing-md) var(--spacing-xl)!important;text-transform:none!important;transition:all var(--transition-standard)!important}.home-btn:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.order-completed-content{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:800px;width:100%}.success-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-xxl);position:relative;text-align:center}.success-header:before{animation:success-shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000,#34c7591a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes success-shimmer{0%,to{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(100%) translateY(100%) rotate(45deg)}}.success-icon{align-items:center;animation:success-bounce .8s ease-out;background:linear-gradient(135deg,#34c759,#30a46c);border-radius:var(--border-radius-full);box-shadow:var(--shadow-lg);color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto var(--spacing-lg) auto;width:80px}@keyframes success-bounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--text-primary);font-family:var(--font-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-md) 0}.success-message{color:var(--text-secondary);font-family:var(--font-primary);font-size:1.125rem;line-height:1.6;margin:0 auto;max-width:500px}.info-card,.order-summary-card,.products-card{border-radius:var(--border-radius-lg)}.header-icon{background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-md);color:var(--primary-color);height:40px;width:40px}.card-title{font-size:1.25rem}.order-info-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.info-item{align-items:center;background:#f8f9fa80;border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-label,.info-value{font-family:var(--font-primary)}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.final-amount{color:var(--primary-color);font-size:1.25rem}.delivery-card,.payment-card{background:linear-gradient(135deg,#fffffff2,#f8f9faf2)}.address-content,.payment-content{margin-left:52px}.action-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-lg)}.my-orders-btn{background:var(--gradient-primary)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;font-family:var(--font-primary)!important;font-size:1rem!important;font-weight:700!important;min-width:180px!important;padding:var(--spacing-md) var(--spacing-xl)!important;text-transform:none!important;transition:all var(--transition-standard)!important}.my-orders-btn:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.continue-shopping-btn{background:#0000!important;border:2px solid var(--primary-color)!important;border-radius:var(--border-radius-lg)!important;color:var(--primary-color)!important;font-family:var(--font-primary)!important;font-size:1rem!important;font-weight:600!important;min-width:180px!important;padding:var(--spacing-md) var(--spacing-xl)!important;text-transform:none!important;transition:all var(--transition-standard)!important}.continue-shopping-btn:hover{background:var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;color:#fff!important;transform:translateY(-1px)!important}@media (max-width:768px){.modern-order-completed-container{padding:var(--spacing-lg) var(--spacing-md)}.order-completed-content{gap:var(--spacing-lg)}.success-header{padding:var(--spacing-xl)}.success-title{font-size:1.5rem}.success-message{font-size:1rem}.order-info-grid{grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.continue-shopping-btn,.my-orders-btn{max-width:300px!important;width:100%!important}.product-item{flex-direction:column;text-align:center}.product-details{order:2}.product-total{font-size:1.25rem;order:3}}@media (max-width:480px){.modern-order-completed-container{padding:var(--spacing-md) var(--spacing-sm)}.info-card,.order-summary-card,.products-card{padding:var(--spacing-lg)}.success-icon{height:64px;width:64px}.success-title{font-size:1.25rem}.card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.header-icon{height:32px;width:32px}}.modern-orders-container{background:linear-gradient(135deg,#3478f605,#fffffff2 25%,#34c75905);min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg)}.orders-content{margin:0 auto;max-width:1200px}.orders-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.page-subtitle{font-size:1rem;font-weight:400}.modern-empty-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xxxl);text-align:center}.empty-icon{color:var(--text-secondary);height:80px;margin:0 auto var(--spacing-xl) auto;width:80px}.empty-icon svg{fill:none;stroke:currentColor;align-items:center;background:rgba(var(--primary-rgb),.1);border-radius:var(--border-radius-full);color:var(--text-secondary);color:var(--primary-color);display:flex;height:64px;justify-content:center;width:64px}.empty-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 var(--spacing-md) 0}.empty-message,.empty-title{font-family:var(--font-primary)}.empty-message{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 0 var(--spacing-xl) 0;margin-left:auto;margin-right:auto;max-width:400px}.shop-now-btn{background:var(--gradient-primary)!important;border-radius:var(--border-radius-lg)!important;box-shadow:var(--shadow-md)!important;color:#fff!important;font-family:var(--font-primary)!important;font-size:1rem!important;font-weight:600!important;padding:var(--spacing-md) var(--spacing-xl)!important;text-decoration:none!important;text-transform:none!important;transition:all var(--transition-standard)!important}.shop-now-btn:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.orders-grid{display:flex;flex-direction:column;gap:10px}.modern-order-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000f;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;padding:0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.modern-order-card:before{background:linear-gradient(180deg,#3478f6,#2563eb);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.modern-order-card:hover{border-color:#3478f633;box-shadow:0 4px 12px #3478f614,0 2px 4px #0000000a;transform:translateY(-1px)}.modern-order-card:hover:before{opacity:1}.order-main-content{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:16px 20px}.order-left-section{flex:1 1;min-width:0}.order-badge{align-items:center;display:flex;gap:8px;margin-bottom:6px}.status-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot.completed{background:#34c759;box-shadow:0 0 0 3px #34c75926}.order-id{color:#1d1d1f;font-family:SF Mono,Consolas,Monaco,Liberation Mono,monospace;font-size:.9375rem;font-weight:600;letter-spacing:-.2px}.order-meta{align-items:center;color:#86868b;display:flex;font-size:.8125rem;font-weight:400;gap:8px}.order-date-text{font-family:var(--font-primary)}.meta-separator{color:#d2d2d7;font-weight:300}.order-items-count{font-family:var(--font-primary)}.order-center-section{flex-shrink:0}.order-amount{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.amount-label{color:#86868b;font-size:.6875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.amount-label,.amount-value{font-family:var(--font-primary)}.amount-value{color:#3478f6;font-size:1.125rem;font-weight:700;letter-spacing:-.3px}.order-right-section{flex-shrink:0}.modern-details-btn{align-items:center;background:#3478f614;border:none;border-radius:8px;color:#3478f6;cursor:pointer;display:inline-flex;font-family:var(--font-primary);font-size:.8125rem;font-weight:600;gap:4px;padding:8px 16px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-details-btn svg{fill:none;stroke:currentColor;transition:transform .2s ease}.modern-details-btn:hover{background:#3478f6;color:#fff;transform:translateX(-2px)}.modern-details-btn:hover svg{transform:translateX(2px)}.modern-details-btn:active{transform:translateX(-2px) scale(.98)}@media (max-width:768px){.modern-orders-container{padding:var(--spacing-lg) var(--spacing-md)}.header-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.page-title{font-size:1.5rem}.order-main-content{flex-wrap:wrap;gap:12px;padding:14px 16px}.order-left-section{flex:1 1 100%}.order-center-section{flex:1 1}.order-right-section{display:flex;flex:1 1;justify-content:flex-end}.order-amount{align-items:flex-start}}@media (max-width:480px){.modern-orders-container{padding:var(--spacing-md) var(--spacing-sm)}.modern-empty-state,.orders-header{padding:var(--spacing-lg)}.modern-order-card{border-radius:10px}.order-main-content{align-items:stretch;flex-direction:column;gap:10px;padding:12px 14px}.order-amount{align-items:center;flex-direction:row;justify-content:space-between}.modern-details-btn{justify-content:center;width:100%}.page-title{font-size:1.25rem}.header-icon{height:48px;width:48px}}.modern-order-details-container{background:linear-gradient(135deg,#3478f605,#fffffff2 25%,#34c75905);min-height:100vh;padding:var(--spacing-xl) var(--spacing-lg)}.order-details-content{display:flex;flex-direction:column;gap:var(--spacing-xl);margin:0 auto;max-width:1000px}.loading-state{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xxxl);text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid rgba(var(--primary-rgb),.1);border:3px solid rgba(var(--primary-rgb),.1);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:0 auto var(--spacing-lg) auto;width:40px}.loading-text{color:var(--text-secondary);font-family:var(--font-primary);font-size:1rem;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.details-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--spacing-xl);position:relative}.details-header:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{gap:var(--spacing-lg)}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:linear-gradient(135deg,#3478f6,#2563eb);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:#fff;flex-shrink:0;height:56px;justify-content:center;width:56px}.header-icon svg{fill:none;stroke:currentColor;color:#fff;height:24px;width:24px}.header-text{flex:1 1}.page-title{color:var(--text-primary);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 var(--spacing-xs) 0}.page-subtitle,.page-title{font-family:var(--font-primary)}.page-subtitle{color:var(--text-secondary);font-family:SF Mono,Consolas,Monaco,Liberation Mono,monospace;font-size:1.125rem;font-weight:500;margin:0}.order-status-badge{align-items:center;background:#34c7591a;border:1px solid #34c75933;border-radius:var(--border-radius-full);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.status-indicator{border-radius:var(--border-radius-full);height:12px;width:12px}.status-indicator.completed{background:linear-gradient(135deg,#34c759,#30a46c);box-shadow:0 0 0 3px #34c75933}.order-status-badge span{color:var(--success-color);font-family:var(--font-primary);font-size:.875rem;font-weight:600}.info-card,.order-summary-card,.products-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-xl)}.card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.card-header .header-icon{align-items:center;background:#3478f61a;border-radius:var(--border-radius-sm);box-shadow:none;color:#3478f6;display:flex;height:32px;justify-content:center;width:32px}.card-header .header-icon svg{fill:none;stroke:currentColor;color:#3478f6;height:20px;width:20px}.card-title{color:var(--text-primary);font-family:var(--font-primary);font-size:1.125rem;font-weight:600;letter-spacing:-.3px;margin:0}.summary-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.summary-item{align-items:center;background:#f8f9fa80;border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-md)}.summary-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.summary-label,.summary-value{font-family:var(--font-primary)}.summary-value{color:var(--text-primary);font-size:1rem;font-weight:600}.discount-value{background:#34c7591a;border-radius:var(--border-radius-sm);color:var(--success-color);padding:4px 8px}.total-item{background:linear-gradient(135deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.05));border:2px solid var(--primary-color);grid-column:1/-1}.total-value{color:var(--primary-color);font-size:1.25rem}.details-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.address-details,.payment-details{margin-left:44px}.address-line{color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;line-height:1.5;margin:0 0 var(--spacing-xs) 0}.card-display{align-items:center;background:#3478f60d;border:1px solid #3478f633;border-radius:var(--border-radius-md);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.card-number{color:var(--text-primary);font-family:SF Mono,Consolas,Monaco,Liberation Mono,monospace;font-size:1.125rem;font-weight:600;letter-spacing:2px}.card-type{color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem;font-weight:500}.products-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-item{align-items:center;background:#f8f9fa80;border:1px solid var(--border-light);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);transition:all var(--transition-standard)}.product-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-image{border-radius:var(--border-radius-md);flex-shrink:0;height:80px;overflow:hidden;width:80px}.product-image img{height:100%;object-fit:cover;width:100%}.product-details{flex:1 1}.product-name{color:var(--text-primary);font-family:var(--font-primary);font-size:1.125rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.product-meta{display:flex;gap:var(--spacing-lg)}.product-price,.product-quantity{color:var(--text-secondary);font-family:var(--font-primary);font-size:.875rem}.product-total{color:var(--primary-color);font-family:var(--font-primary);font-size:1.125rem;font-weight:600}@media (max-width:768px){.modern-order-details-container{padding:var(--spacing-lg) var(--spacing-md)}.header-content{flex-wrap:wrap;gap:var(--spacing-md)}.order-status-badge{justify-content:center;order:-1;width:100%}.page-title{font-size:1.5rem}.details-grid,.summary-grid{grid-template-columns:1fr}.product-item{flex-direction:column;text-align:center}.product-details{order:2}.product-total{font-size:1.25rem;order:3}}@media (max-width:480px){.modern-order-details-container{padding:var(--spacing-md) var(--spacing-sm)}.details-header,.info-card,.order-summary-card,.products-card{padding:var(--spacing-lg)}.header-icon{height:48px;width:48px}.page-title{font-size:1.25rem}.card-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}
/*# sourceMappingURL=main.5cfa8aa0.css.map*/