@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Quicksand:wght@400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Nunito,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.kawaii-text,h1,h2,h3,h4{font-family:Nunito,sans-serif;font-weight:700}.kawaii-btn,.kawaii-label{font-family:Quicksand,sans-serif;font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,body,body *{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}*{box-sizing:border-box;margin:0;padding:0}.light-theme{--bg-primary:#f8f4f9;--bg-secondary:#fff;--bg-tertiary:#f0e8ed;--text-primary:#2d1b2e;--text-secondary:#555;--text-muted:#888;--border-color:#e8e0e5;--shadow:0 2px 20px #0000000a;--shadow-lg:0 8px 40px #0000000f;--card-bg:#fff;--hover-bg:#f8f4f9;--input-bg:#fff;--input-border:#e8e0e5;--input-focus:#d4af37}.dark-theme{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#666;--border-color:#333;--shadow:0 2px 20px #0000004d;--shadow-lg:0 8px 40px #0006;--card-bg:#1a1a1a;--hover-bg:#222;--input-bg:#222;--input-border:#444;--input-focus:#d4af37}.App,body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.App{min-height:100vh}.category-section,.checkout-grid,.products,.profile-page-modern,.recently-viewed,[class$=-page],[class*=Page]{padding-top:80px!important}@media (max-width:768px){.category-section,.checkout-grid,.products,.profile-page-modern,.recently-viewed,[class$=-page],[class*=Page]{padding-top:70px!important}}@media (max-width:480px){.category-section,.checkout-grid,.products,.profile-page-modern,.recently-viewed,[class$=-page],[class*=Page]{padding-top:65px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmerLoading{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-product{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px}.skeleton-image{background:var(--bg-tertiary);border-radius:8px;height:300px;width:100%}.skeleton-text{background:var(--bg-tertiary);border-radius:4px;height:16px;margin:8px 0}.shimmer{animation:shimmer 1.5s infinite}.skeleton-categories{display:flex;gap:16px;overflow-x:auto}.skeleton-category{background:var(--bg-tertiary);border-radius:12px;flex:0 0 auto;height:180px;width:160px}@keyframes sparkleFloat{0%{opacity:0;transform:translateY(0) scale(0) rotate(0deg)}30%{opacity:1;transform:translateY(-20px) scale(1) rotate(20deg)}70%{opacity:1;transform:translateY(-60px) scale(1.2) rotate(-10deg)}to{opacity:0;transform:translateY(-100px) scale(.5) rotate(30deg)}}.sparkle{animation:sparkleFloat 2s ease-out forwards;font-size:20px;pointer-events:none;position:fixed;z-index:9999}@keyframes kawaiiBounce{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(-4px)}70%{transform:translateY(-8px)}90%{transform:translateY(-2px)}}.kawaii-bounce{animation:kawaiiBounce .8s ease}@keyframes kawaiiWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.kawaii-wiggle{animation:kawaiiWiggle .5s ease}@keyframes kawaiiPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.kawaii-pop{animation:kawaiiPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes kawaiiPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kawaii-pulse{animation:kawaiiPulse 2s ease-in-out infinite}@keyframes kawaiiFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.kawaii-float{animation:kawaiiFloat 3s ease-in-out infinite}.fade-in{animation:fadeIn .5s ease}.fade-in-up{animation:fadeInUp .6s ease}.fade-in-down{animation:fadeInDown .4s ease}.fade-in-scale{animation:fadeInScale .4s ease}.slide-in-left{animation:slideInLeft .5s ease}.slide-in-right{animation:slideInRight .5s ease}.bounce-in{animation:bounceIn .6s ease}.pulse{animation:pulse 1.5s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.shimmer{animation:shimmerLoading 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%}.container{max-width:1400px;padding:0 40px}.section-title{color:#d4af37;font-size:32px;margin-bottom:50px;position:relative;text-align:center}.section-title:after{background:#d4af37;border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.section-title.gold:after{background:#d4af37}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);left:0;padding:15px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header,.header.scrolled{background:var(--bg-secondary)}.header.scrolled{box-shadow:var(--shadow);padding:10px 0}.header-content{gap:20px}.header-left{flex-shrink:0}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:500px;position:relative}.header-right{flex-shrink:0;gap:12px}.logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;font-weight:700;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-l,.logo-p{color:var(--text-primary)}.logo-infinity{color:#d4af37;font-size:32px;margin:0 2px;transition:transform .3s ease}.logo:hover .logo-infinity{transform:rotate(20deg) scale(1.1)}.header-search-bar{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;display:flex;max-width:400px;padding:6px 14px;position:relative;transition:all .3s ease;width:100%}.header-search-bar:focus-within{background:var(--bg-secondary);border-color:#d4af37;box-shadow:0 0 30px #d4af371a,inset 0 0 20px #d4af370d}.header-search-bar .search-icon{color:var(--text-muted);flex-shrink:0;font-size:16px;margin-right:10px;transition:color .3s ease}.header-search-bar:focus-within .search-icon{color:#d4af37}.header-search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:14px;min-width:120px;outline:none;padding:6px 0;width:100%}.header-search-input::placeholder{color:var(--text-muted);transition:color .3s ease}.header-search-bar:focus-within .header-search-input::placeholder{color:var(--text-secondary)}.header-search-bar .search-shortcut{background:var(--bg-tertiary);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:500;margin-left:8px;padding:2px 8px}.header-search-results{animation:fadeInDown .2s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:42px;z-index:1000}.header-search-results::-webkit-scrollbar{width:4px}.header-search-results::-webkit-scrollbar-track{background:var(--bg-tertiary)}.header-search-results::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.search-result-empty{color:var(--text-muted);padding:16px 20px;text-align:center}.header-search-result{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .3s ease}.header-search-result:hover{background:var(--hover-bg);padding-left:20px}.header-search-result img{border-radius:4px;height:36px;object-fit:cover;width:36px}.header-search-result .result-info{display:flex;flex:1 1;flex-direction:column}.header-search-result .result-name{color:var(--text-primary);font-size:13px}.header-search-result .result-price{color:#d4af37;font-size:12px;font-weight:600}.admin-header{background:var(--bg-secondary);border-bottom:1px solid #d4af3733;padding:12px 0}.admin-badge{background:#d4af3726;border-radius:12px;color:#d4af37;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:10px;padding:2px 12px}.admin-user-name{color:#d4af37;font-size:14px;font-weight:500}.admin-header .cart-icon,.admin-header .mobile-wishlist-link,.admin-header .nav,.admin-header .notification-wrapper,.admin-header .search-toggle{display:none!important}.wishlist-heart-link{align-items:center;border-radius:8px;color:var(--text-primary);display:flex;font-size:22px;padding:4px 8px;position:relative;text-decoration:none;transition:all .3s ease}.wishlist-heart-link:hover{background:var(--hover-bg);color:#f44;transform:scale(1.1)}.wishlist-heart-count{animation:bounceIn .4s ease;background:#f44;border-radius:50%;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;position:absolute;right:0;text-align:center;top:-4px}.notification-wrapper{position:relative}.notification-bell{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:22px;padding:4px 8px;position:relative;transition:all .3s ease}.notification-bell:hover{background:var(--hover-bg);transform:scale(1.1)}.notification-bell:active{transform:scale(.9)}.notification-count{animation:bounceIn .4s ease;background:#f44;border-radius:50%;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;position:absolute;right:0;text-align:center;top:-4px}.notification-dropdown{animation:fadeInDown .3s ease;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);max-height:450px;overflow:hidden;position:absolute;right:0;top:40px;width:380px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;font-weight:600;justify-content:space-between;padding:16px 20px}.notification-actions button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 8px;transition:color .3s ease}.notification-actions button:hover{color:#d4af37}.notification-list{max-height:350px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:all .3s ease}.notification-item:hover{background:var(--hover-bg);padding-left:24px}.notification-item.unread{background:#d4af370d}.notification-item.unread:before{background:#d4af37;border-radius:50%;content:"";flex-shrink:0;height:8px;margin-top:6px;width:8px}.no-notifications{color:var(--text-muted);padding:30px;text-align:center}.global-toast{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:12px;left:50%;opacity:0;padding:14px 28px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%) translateY(-100px);transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:99999}.global-toast.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.global-toast.success{border-left:4px solid #28a745}.global-toast.error{border-left:4px solid #f44}.global-toast.info{border-left:4px solid #d4af37}.global-toast.warning{border-left:4px solid #f80}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:0 4px;transition:color .3s ease}.toast-close:hover{color:var(--text-primary)}.recently-viewed{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:30px 0 50px}.recently-viewed-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.header-left,.recently-viewed-header{align-items:center;display:flex;gap:12px}.recently-viewed-header h3{color:var(--text-primary);font-size:18px;margin:0}.recent-count{background:var(--bg-tertiary);border-radius:12px;color:var(--text-muted);font-size:13px;padding:2px 12px}.header-right{align-items:center;display:flex;gap:10px}.clear-recent{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:13px;padding:4px 12px;transition:all .3s ease}.clear-recent:hover{background:#ff444414;color:#f44}.recently-viewed-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.recently-viewed-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.recently-viewed-item:hover{border-color:#d4af37;box-shadow:var(--shadow)}.recent-image-wrapper{background:var(--bg-tertiary);overflow:hidden;padding-top:100%;position:relative;width:100%}.recent-image-wrapper img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .3s ease;width:100%}.recently-viewed-item:hover .recent-image-wrapper img{transform:scale(1.05)}.recent-sale-badge{background:#f44;border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:8px;padding:2px 8px;position:absolute;top:8px;z-index:2}.recent-quick-add{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;font-size:16px;opacity:0;padding:6px 10px;position:absolute;right:8px;transform:translateY(10px);transition:all .3s ease;z-index:3}.recently-viewed-item:hover .recent-quick-add{opacity:1;transform:translateY(0)}.recent-quick-add:hover{background:#d4af37;color:#000;transform:scale(1.1)}.recent-info{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.recently-viewed-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:13px;font-weight:500;overflow:hidden}.recent-price-row,.recent-rating{align-items:center;display:flex}.recent-price-row{flex-wrap:wrap;gap:6px}.recently-viewed-price{color:#d4af37;font-size:14px;font-weight:700}.recent-original-price{color:var(--text-muted);font-size:12px;text-decoration:line-through}.recent-meta{align-items:center;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.recent-meta,.recent-time{color:var(--text-muted)}.recent-stock-warning{color:#f80;font-weight:500}.recent-carousel-wrapper{align-items:center;display:flex;gap:10px;position:relative}.recently-viewed-scroll{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;gap:16px;overflow-x:auto;padding:8px 4px;scroll-behavior:smooth;scrollbar-width:none}.recently-viewed-scroll::-webkit-scrollbar{display:none}.carousel-item{flex:0 0 180px;min-width:160px}.carousel-arrow{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.carousel-arrow:hover{background:#d4af37;border-color:#d4af37;color:#fff}.carousel-arrow:active{transform:scale(.9)}@media (max-width:768px){.recently-viewed-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.carousel-item{flex:0 0 150px;min-width:130px}.carousel-arrow{font-size:12px;height:32px;width:32px}.recently-viewed-header h3{font-size:16px}}@media (max-width:480px){.recently-viewed-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.carousel-item{flex:0 0 130px;min-width:110px}.recently-viewed-name{font-size:11px}.recently-viewed-price{font-size:12px}.recent-quick-add{font-size:14px;opacity:1;padding:4px 8px;transform:none}}.floating-heart{animation:floatHeart 1.5s ease-out forwards;font-size:28px;pointer-events:none;position:fixed;z-index:9999}@keyframes floatHeart{0%{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}to{opacity:0;transform:scale(.3) translateY(-200px) rotate(20deg)}}.bottom-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-secondary);border-top:1px solid var(--border-color);bottom:0;display:none;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:999}.bottom-nav-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:10px;gap:2px;padding:4px 16px;position:relative;text-decoration:none;transition:all .3s ease}.bottom-nav-item.active,.bottom-nav-item:hover{color:#d4af37}.bottom-nav-icon{font-size:22px;transition:transform .3s ease}.bottom-nav-item:hover .bottom-nav-icon{transform:scale(1.2)}.bottom-nav-label{font-size:10px;letter-spacing:.5px}.bottom-nav-badge{animation:bounceIn .4s ease;background:#f44;border-radius:50%;color:#fff;font-size:9px;font-weight:700;min-width:16px;padding:1px 6px;position:absolute;right:6px;text-align:center;top:-2px}.hero{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at center,#d4af3714 0,#0000 70%);bottom:0;left:0;right:0;top:0}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{animation:gradientMove 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 40px,#d4af3705 0,#d4af3705 41px);height:200%;left:-50%;top:-50%;width:200%}.hero-content{animation:fadeInUp 1s ease;padding:120px 20px;position:relative;z-index:1}.hero-logo-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px}.hero-logo-big{animation:fadeInScale 1s ease;font-size:120px;font-weight:700}.hero-l-big{animation:float 3s ease-in-out infinite;color:var(--text-primary);display:inline-block}.hero-infinity-big{animation:float 3s ease-in-out .5s infinite;color:#d4af37;display:inline-block;font-size:130px;margin:0 15px}.hero-p-big{animation:float 3s ease-in-out 1s infinite;color:var(--text-primary);display:inline-block}.hero-tagline{animation:fadeInUp 1s ease .3s both;color:#d4af37;font-size:20px;font-weight:500;letter-spacing:8px}.cta-button{animation:fadeInUp 1s ease .6s both;background:#d4af37;border:none;border-radius:40px;color:#000;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;overflow:hidden;padding:16px 48px;position:relative;text-transform:uppercase;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-button:hover{box-shadow:0 10px 40px #d4af374d;transform:translateY(-3px)}.cta-button:hover:before{left:100%}.banner-section{background:var(--bg-primary);padding:20px 0}.banner-carousel{aspect-ratio:41/20;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow);max-height:500px;overflow:hidden;position:relative;touch-action:pan-y}.banner-slide{cursor:pointer;height:100%;position:relative;width:100%}.banner-image{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.banner-slide:hover .banner-image{transform:scale(1.02)}.banner-overlay{background:linear-gradient(0deg,#000000e6 0,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;gap:8px;left:0;padding:30px 40px;position:absolute;right:0}.banner-type-badge{animation:fadeInScale .5s ease;background:#d4af37;border-radius:20px;color:#000;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 14px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.banner-title{animation:slideInLeft .5s ease;font-size:28px;font-weight:700}.banner-description,.banner-title{margin:0;text-shadow:0 2px 20px #00000080}.banner-description{animation:slideInLeft .5s ease .1s both;font-size:16px;opacity:.9}.banner-timer{color:#f44;text-shadow:0 2px 20px #00000080}.banner-cta,.banner-timer{font-size:14px;font-weight:600}.banner-cta{background:#d4af37;border:none;border-radius:30px;color:#000;cursor:pointer;margin-top:4px;padding:10px 24px;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.banner-cta:hover{box-shadow:0 5px 25px #d4af374d;transform:scale(1.05)}.banner-dots{bottom:12px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:5}.banner-dot{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.banner-dot.active{background:#d4af37;border-color:#d4af37;border-radius:5px;width:24px}.banner-arrow{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;opacity:0;padding:12px 16px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px;z-index:5}.banner-carousel:hover .banner-arrow{opacity:1}.banner-arrow:hover{background:#000c;transform:translateY(-50%) scale(1.05)}.banner-arrow-left{left:12px}.banner-arrow-right{right:12px}.products{background:var(--bg-primary);padding:100px 0}.product-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.product-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.25,.46,.45,.94)}.product-card:hover{border-color:#d4af37;box-shadow:var(--shadow-lg);transform:translateY(-10px)}.product-image{background:var(--bg-tertiary);height:300px;overflow:hidden;position:relative;width:100%}.product-img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.25,.46,.45,.94);width:100%}.product-card:hover .product-img{transform:scale(1.08)}.sale-badge{animation:pulse 2s ease-in-out infinite;background:#f44;border-radius:20px;font-size:12px;font-weight:700;left:12px;padding:5px 12px;top:12px}.sale-badge,.wishlist-btn-card{color:#fff;position:absolute;z-index:2}.wishlist-btn-card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:6px 10px;right:10px;top:10px;transition:all .3s ease}.wishlist-btn-card.active{color:#f44}.wishlist-btn-card:hover{background:#000c;transform:scale(1.15)}.product-name{color:var(--text-primary);font-size:16px;font-weight:600;padding:16px 16px 4px;transition:color .3s ease}.product-card:hover .product-name{color:#d4af37}.product-rating{align-items:center;display:flex;font-size:14px;gap:8px;padding:0 16px}.stars{color:#d4af37;letter-spacing:1px}.review-count{color:var(--text-muted);font-size:12px}.product-price{color:var(--text-primary);font-size:18px;font-weight:700;padding:8px 16px 12px}.original-price{color:var(--text-muted);font-size:14px;font-weight:400;margin-right:8px;text-decoration:line-through}.sale-price{color:#f44}.regular-price{color:var(--text-primary)}.free-shipping-badge{background:#28a7451a;border-radius:12px;color:#28a745;display:inline-block;font-size:11px;margin-left:16px;margin-top:4px;padding:2px 10px}.add-to-cart-container{margin:4px 16px 16px;width:calc(100% - 32px)}.add-to-cart{background:#d4af37;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:700;padding:12px;transition:all .3s ease;width:100%}.add-to-cart:hover{background:#c49f2e;transform:scale(1.02)}.add-to-cart:active{transform:scale(.98)}.quantity-control-card{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;display:flex;justify-content:space-between;padding:6px 12px}.qty-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:20px;font-weight:700;padding:4px 12px;transition:all .3s ease}.qty-btn:hover{color:#d4af37;transform:scale(1.2)}.qty-number{color:var(--text-primary);font-size:16px;font-weight:700}.cart-sidebar{animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-secondary);box-shadow:-5px 0 40px #00000080;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:2000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.cart-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.cart-header h3{color:var(--text-primary);font-size:20px}.close-cart{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:24px;transition:all .3s ease}.close-cart:hover{opacity:.7;transform:rotate(90deg)}.cart-items{flex:1 1;overflow-y:auto;padding:20px}.cart-item{align-items:center;animation:slideInLeft .3s ease;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.cart-item-info{flex:1 1}.cart-item-name{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:5px}.cart-item-size{color:#d4af37;font-size:12px}.cart-item-price{color:#d4af37;font-size:14px;font-weight:700}.cart-item-actions{align-items:center;display:flex;gap:10px}.cart-item-actions button{background:var(--bg-tertiary);border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:16px;height:28px;transition:all .2s ease;width:28px}.cart-item-actions button:hover{background:#d4af37;color:#000;transform:scale(1.1)}.remove-item{background:none!important;font-size:18px}.empty-cart{color:var(--text-muted);padding:60px 20px;text-align:center}.cart-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:20px}.cart-total{color:var(--text-primary);display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:15px}.checkout-btn{background:#d4af37;border:none;border-radius:8px;color:#000;cursor:pointer;display:block;font-weight:700;padding:14px;text-align:center;transition:all .3s ease;width:100%}.checkout-btn:hover{background:#c49f2e;transform:scale(1.02)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:60px 0 30px;text-align:center}.footer-logo{color:var(--text-primary);font-size:24px;margin-bottom:15px;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.05)}.footer-tagline{color:#d4af37;font-size:14px;letter-spacing:2px;margin-bottom:20px}.copyright{color:var(--text-muted);font-size:12px}.loading-spinner{align-items:center;background:var(--bg-primary);color:#d4af37;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top:3px solid #d4af37;height:50px;margin-bottom:20px;width:50px}.sidebar-toggle{color:var(--text-primary);transition:transform .3s ease}.sidebar-toggle:hover{transform:scale(1.1)}.sidebar-hamburger .bar{background:var(--text-primary)}.sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sidebar-panel{animation:slideInLeft .3s ease;background:var(--bg-secondary);box-shadow:4px 0 40px #00000080}.sidebar-header{border-bottom:1px solid var(--border-color)}.sidebar-close{color:var(--text-muted);transition:all .3s ease}.sidebar-close:hover{color:var(--text-primary);transform:rotate(90deg)}.sidebar-user{border-bottom:1px solid var(--border-color)}.sidebar-user-name{color:var(--text-primary)}.sidebar-user-email{color:var(--text-muted)}.sidebar-nav-item{color:var(--text-secondary)}.sidebar-nav-item:hover{background:var(--hover-bg)}.sidebar-logout:hover{transform:scale(1.02)}.sidebar-footer{border-top:1px solid var(--border-color);color:var(--text-muted)}.masonry-grid{display:flex;flex-wrap:wrap;gap:16px;margin:0 -8px}.masonry-column{flex:1 1;min-width:220px;padding:0 8px}.masonry-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;break-inside:avoid;margin-bottom:16px;overflow:hidden;page-break-inside:avoid;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.masonry-item:hover{border-color:#d4af37;box-shadow:var(--shadow);transform:translateY(-4px)}.masonry-item img{display:block;transition:transform .5s ease;width:100%}.masonry-item:hover img{transform:scale(1.03)}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:8px}.header-center{flex:0 0 100%;margin:4px 0 0;max-width:100%;order:3}.header-search-bar{max-width:100%}.header-left{flex:1 1}.header-right{flex:1 1;justify-content:flex-end}.desktop-cart,.wishlist-heart-link{display:none!important}.bottom-nav{display:flex!important}.sidebar-panel{width:280px}.container{padding:0 20px}.hero-logo-big{font-size:50px}.hero-infinity-big{font-size:55px;margin:0 8px}.hero-tagline{font-size:14px;letter-spacing:3px}.cta-button{font-size:16px;padding:12px 30px}.product-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.product-image{height:220px}.product-name{font-size:13px}.cart-sidebar{width:100%}.section-title{font-size:24px}.user-name{display:none}.header-right{gap:12px}.hero,.product-page,.products{padding-bottom:70px}.notification-dropdown{right:-80px;width:320px}.search-shortcut{display:none}.recently-viewed-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.global-toast{font-size:12px;max-width:90%;padding:10px 16px;text-align:center;top:70px;white-space:normal}.banner-carousel{aspect-ratio:16/9;border-radius:12px;max-height:300px}.banner-overlay{padding:20px 24px}.banner-title{font-size:20px}.banner-description{font-size:14px}.banner-cta{font-size:12px;padding:8px 18px}.banner-arrow{font-size:18px;height:36px;opacity:.6;padding:8px 10px;width:36px}.header-search-results{top:38px}.masonry-column{min-width:160px}.skeleton-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.skeleton-image{height:200px}}@media (max-width:480px){.container{padding:0 15px}.hero-logo-big{font-size:36px}.hero-infinity-big{font-size:40px}.hero-tagline{font-size:12px;letter-spacing:2px}.cta-button{font-size:14px;padding:10px 24px}.product-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-image{height:180px}.product-name{font-size:12px}.bottom-nav-item{padding:2px 10px}.bottom-nav-icon{font-size:18px}.bottom-nav-label{font-size:8px}.bottom-nav-badge{font-size:8px;min-width:14px;padding:1px 5px;right:2px;top:-4px}.notification-dropdown{right:-60px;width:290px}.recently-viewed-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.recently-viewed-item img{height:48px;width:48px}.recently-viewed-name,.recently-viewed-price{font-size:10px}.global-toast{font-size:11px;max-width:95%;padding:8px 14px;top:65px}.banner-carousel{aspect-ratio:16/9;border-radius:8px;max-height:200px}.banner-overlay{gap:4px;padding:12px 16px}.banner-title{font-size:16px}.banner-description{font-size:12px}.banner-type-badge{font-size:9px;padding:2px 10px}.banner-cta,.banner-timer{font-size:11px}.banner-cta{padding:6px 14px}.banner-arrow{font-size:14px;height:28px;padding:4px 6px;width:28px}.banner-dot{height:8px;width:8px}.banner-dot.active{width:16px}.header-search-bar .search-shortcut{display:none}.header-search-input{font-size:13px;min-width:80px}.header-search-bar{padding:4px 10px}.header-search-bar .search-icon{font-size:14px;margin-right:6px}.sidebar-panel{width:260px}.masonry-column{min-width:140px}.skeleton-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.skeleton-image{height:160px}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px)}.btn-primary,.page-exit-active{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.btn-primary{overflow:hidden;position:relative}.btn-primary:hover{box-shadow:0 8px 30px #d4af3740;transform:translateY(-2px)}.btn-primary:active{transform:scale(.95)}.btn-primary:after{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s;width:0}.btn-primary:active:after{height:300px;width:300px}.card-hover{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.input-group{margin-bottom:20px;position:relative}.input-group input,.input-group textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-primary);font-size:16px;padding:14px;transition:all .3s;width:100%}.input-group input:focus,.input-group textarea:focus{border-color:#d4af37;box-shadow:0 0 30px #d4af370d;outline:none}.input-group label{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:14px;transition:all .3s}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label,.input-group textarea:focus+label,.input-group textarea:not(:placeholder-shown)+label{background:var(--bg-secondary);color:#d4af37;padding:0 4px;transform:translateY(-24px) scale(.8)}.toast-slide-in{animation:toastSlideIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.toast-progress{animation:toastProgress 3s linear forwards;background:#d4af37;bottom:0;height:3px;left:0;position:absolute}@keyframes toastProgress{0%{width:100%}to{width:0}}.spinner-brand{animation:spin 1s cubic-bezier(.25,.46,.45,.94) infinite;border-bottom:3px solid #0000;border-top:3px solid #0000;border-color:#d4af37 #0000;border-radius:50%;border-style:solid;border-width:3px;height:50px;width:50px}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#111c;background:rgba(var(--bg-secondary-rgb,17,17,17),.8);border:1px solid #ffffff0d}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px;-webkit-transition:all .3s;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:#d4af37}::selection{background:#d4af37;color:#000}.cart-count-badge{font-family:Poppins,sans-serif}.cart-particles{font-size:20px}.cart-flash{animation:cartFlash .6s ease}@keyframes cartFlash{0%,to{background:#0000}50%{background:#28a74526}}.cart-item-added{animation:itemSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes itemSlideIn{0%{opacity:0;transform:translateX(30px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.cart-icon-wrapper{align-items:center;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.cart-icon-wrapper:hover{background:#d4af371a}.cart-icon-wrapper .cart-svg{color:var(--text-primary);height:28px;transition:transform .3s ease;width:28px}.cart-icon-wrapper:hover .cart-svg{transform:scale(1.1)}.cart-count-badge{align-items:center;background:#f44;border:2px solid var(--bg-secondary);border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-2px;top:-2px}.cart-bounce{animation:cartBounce .5s cubic-bezier(.25,.46,.45,.94)}@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.4)}50%{transform:scale(.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}.cart-pop{animation:cartPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cartPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.cart-particles{animation:floatParticle .8s ease-out forwards;pointer-events:none;position:fixed;z-index:9999}@keyframes floatParticle{0%{opacity:1;transform:translate(0) scale(1) rotate(0deg)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3) rotate(20deg)}}.add-to-cart-btn{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.add-to-cart-btn .btn-content{align-items:center;display:flex;gap:8px;justify-content:center}.add-to-cart-btn .btn-icon{transition:transform .3s ease}.add-to-cart-btn:hover .btn-icon{transform:translateX(4px)}.add-to-cart-btn .ripple{animation:rippleAnim .6s ease-out;background:#ffffff4d;border-radius:50%;position:absolute;transform:scale(0)}@keyframes rippleAnim{to{opacity:0;transform:scale(4)}}.header{transition:box-shadow .3s ease,background-color .3s ease}.header-scrolled{box-shadow:0 4px 30px #0000001a}.user-avatar-mini{align-items:center;background:#d4af37;border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar-mini span{font-size:14px}.user-menu{align-items:center;display:flex;gap:10px}.user-menu .user-name{color:var(--text-primary)}.logout-btn-header,.user-menu .user-name{font-size:13px;font-weight:500;white-space:nowrap}.logout-btn-header{background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;padding:6px 14px;transition:all .3s ease}.logout-btn-header:hover{background:#ff444414;color:#f44}.login-link{border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.login-link:hover{background:#d4af3714;color:#d4af37}.desktop-only{display:inline-flex!important}@media (max-width:768px){.user-menu .user-name{font-size:12px}.user-avatar-mini{font-size:11px;height:28px;width:28px}.login-link,.logout-btn-header{font-size:12px;padding:4px 10px}.header-search-bar .search-shortcut{display:none}.wishlist-heart-link.desktop-only{display:none!important}}@media (max-width:480px){.user-avatar-mini{font-size:10px;height:24px;width:24px}.user-menu .user-name{font-size:11px}.login-link,.logout-btn-header{font-size:11px;padding:3px 8px}.notification-bell{font-size:18px}.cart-icon-wrapper .cart-svg{height:22px;width:22px}.header-search-bar{padding:4px 10px}.header-search-input{font-size:13px}}.order-history-page{background:#f8f4f9;min-height:100vh;padding-top:90px;position:relative}.order-history-page:before{animation:floatBackground 20s ease-in-out infinite;bottom:0;color:#d4af3708;content:"✦ ✧ ★ ✧ ✦ ✧ ★ ✧ ✦";font-size:20px;left:0;letter-spacing:30px;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes floatBackground{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.container{margin:0 auto;max-width:900px;padding:0 16px;position:relative;z-index:1}.order-history-header{margin-bottom:24px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.order-history-header h1{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:24px;font-weight:700;margin:0}.order-history-header h1:after{content:" ✨"}.order-history-header p{color:#888;font-size:14px;margin:4px 0 0}.header-stats-badge{background:linear-gradient(135deg,#d4af37,#ffb7c5);border-radius:20px;box-shadow:0 4px 15px #d4af3733;color:#fff;font-size:13px;font-weight:600;padding:6px 18px}.order-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.order-stat-card{background:#fff;border:1px solid #d4af3714;border-radius:14px;box-shadow:0 2px 8px #0000000a;padding:14px 16px;text-align:center;transition:all .3s ease}.order-stat-card:hover{border-color:#d4af3733;box-shadow:0 4px 20px #d4af371a;transform:translateY(-3px)}.order-stat-number{color:#2d1b2e;display:block;font-family:Nunito,sans-serif;font-size:22px;font-weight:700}.order-stat-number:after{color:#d4af37;content:" ✦";font-size:14px}.order-stat-label{color:#888;font-size:12px;font-weight:500}.order-filters-bar{align-items:center;background:#fff;border:1px solid #d4af370f;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.order-filter-tabs{display:flex;flex-wrap:wrap;gap:4px}.order-filter-tab{background:#0000;border:none;border-radius:20px;color:#888;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s ease}.order-filter-tab:hover:not(.active){background:#f8f4f9;color:#d4af37}.order-filter-tab.active{background:linear-gradient(135deg,#d4af37,#ffb7c5);box-shadow:0 4px 15px #d4af3733;color:#fff}.tab-badge{background:#fff3;border-radius:10px;font-size:11px;margin-left:4px;padding:0 8px}.order-filter-tab.active .tab-badge{background:#ffffff40}.order-sort-select{background:#fff;border:1px solid #e8e0e5;border-radius:20px;color:#2d1b2e;cursor:pointer;font-family:Nunito,sans-serif;font-size:13px;padding:6px 14px;transition:all .3s ease}.order-sort-select:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af370d;outline:none}.order-search-bar{margin-bottom:16px;position:relative}.order-search-bar input{background:#fff;border:1px solid #e8e0e5;border-radius:14px;color:#2d1b2e;font-family:Nunito,sans-serif;font-size:14px;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.order-search-bar input:focus{border-color:#d4af37;box-shadow:0 0 30px #d4af370d;outline:none}.order-search-bar .search-icon{font-size:16px;left:14px}.clear-search,.order-search-bar .search-icon{color:#aaa;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 8px;right:12px}.clear-search:hover{color:#ff6b6b}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{animation:cardFadeIn .5s ease forwards;background:#fff;border:1px solid #d4af370f;border-radius:16px;box-shadow:0 2px 8px #0000000a;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.order-card:before{animation:shimmerBorder 3s ease-in-out infinite;background:linear-gradient(90deg,#d4af37,#ffb7c5,#d4a5ff,#d4af37);background-size:300% 100%;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.order-card:hover:before{opacity:1}.order-card:hover{border-color:#d4af3726;box-shadow:0 4px 20px #d4af370f}.order-card.expanded{border-color:#d4af3733}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerBorder{0%{background-position:0 0}to{background-position:300% 0}}.order-header{border-bottom:1px solid #f5f0f2;gap:8px;justify-content:space-between;padding:14px 18px}.order-header,.order-header-left{align-items:center;display:flex;flex-wrap:wrap}.order-header-left{gap:12px}.order-id{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:14px;font-weight:700}.order-id:before{content:"📋 "}.order-date{color:#aaa;font-size:13px}.order-items-count{background:#f8f4f9;border-radius:12px;color:#bbb;font-size:12px;padding:2px 12px}.order-header-right{align-items:center;display:flex;gap:12px}.order-status{align-items:center;background:#0000000a;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 12px}.order-toggle-btn{background:none;border:none;border-radius:8px;color:#aaa;cursor:pointer;font-size:16px;padding:4px 8px;transition:all .3s ease}.order-toggle-btn:hover{background:#f8f4f9;color:#d4af37}.order-items-preview{padding:12px 18px}.order-item-preview{align-items:center;border-bottom:1px solid #f5f0f2;display:flex;gap:12px;padding:6px 0}.order-item-preview:last-child{border-bottom:none}.item-preview-image{align-items:center;background:linear-gradient(135deg,#f8f4f9,#fff);border:1px solid #f0e8ed;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.item-preview-image img{height:100%;object-fit:cover;width:100%}.item-preview-placeholder{font-size:20px}.item-preview-details{display:flex;flex:1 1;flex-direction:column}.item-preview-name{color:#2d1b2e;font-size:14px;font-weight:500}.item-preview-price{color:#aaa;font-size:12px}.item-preview-total{color:#d4af37;font-size:14px;font-weight:600;white-space:nowrap}.order-more-items{color:#d4af37;font-size:13px;font-weight:500;padding-top:6px}.order-footer{border-top:1px solid #f5f0f2;flex-wrap:wrap;justify-content:space-between;padding:12px 18px}.order-footer,.order-total{align-items:center;display:flex;gap:10px}.total-label{color:#aaa;font-size:13px}.total-value{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:18px;font-weight:700}.delivery-badge{background:#4cdf8b1a;border-radius:12px;color:#4cdf8b;font-size:11px;font-weight:600;padding:2px 12px}.order-actions-bar{display:flex;gap:8px}.order-action-btn{align-items:center;background:#0000;border:1px solid #e8e0e5;border-radius:20px;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:12px;font-weight:600;gap:4px;padding:6px 16px;transition:all .3s ease}.order-action-btn:hover{transform:translateY(-2px)}.order-action-btn.cancel{color:#ff6b6b}.order-action-btn.cancel:hover{background:#fff5f5;border-color:#ff6b6b}.order-action-btn.reorder{color:#d4af37}.order-action-btn.reorder:hover{background:#fffdf5;border-color:#d4af37}.order-action-btn.rate{color:#ff9f00}.order-action-btn.rate:hover{background:#fff8e1;border-color:#ff9f00}.order-expanded{animation:expandSlide .3s ease;background:#fcfafb;border-top:1px solid #f5f0f2;padding:16px 18px 18px}@keyframes expandSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.order-expanded h4{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:14px;font-weight:600;margin:0 0 10px}.order-items-full .order-item-full{align-items:center;border-bottom:1px solid #f0e8ed;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.order-items-full .order-item-full:last-child{border-bottom:none}.item-full-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.item-full-name{color:#2d1b2e;font-weight:500}.item-full-details{color:#aaa;font-size:12px}.item-full-price{color:#d4af37;font-weight:600}.order-timeline .timeline-item{align-items:center;border-bottom:1px solid #f0e8ed;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.order-timeline .timeline-item:last-child{border-bottom:none}.timeline-status{color:#2d1b2e;font-weight:500}.timeline-date{color:#aaa;font-size:12px}.order-tracking{align-items:center;background:#fff;border:1px solid #f0e8ed;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding:10px 14px;transition:all .3s ease}.order-tracking:hover{border-color:#d4af37}.tracking-icon{font-size:18px}.tracking-number{color:#2d1b2e;font-size:13px;font-weight:600}.tracking-courier{color:#aaa;font-size:12px}.tracking-link{color:#d4af37;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s ease}.tracking-link:hover{text-decoration:underline;transform:translateX(4px)}.rating-reminder{align-items:center;background:linear-gradient(135deg,#d4af370d,#ffb7c50d);border:1px solid #d4af371a;border-radius:10px;display:flex;gap:10px;margin-top:12px;padding:10px 14px}.rating-reminder span{color:#d4af37;font-size:13px;font-weight:500}.rate-now-btn{background:linear-gradient(135deg,#d4af37,#ffb7c5);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:4px 18px;transition:all .3s ease}.rate-now-btn:hover{box-shadow:0 4px 15px #d4af3733;transform:scale(1.05)}.rating-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2d1b2eb3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.rating-modal{animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;max-width:420px;padding:28px;position:relative;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.rating-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;position:absolute;right:16px;top:12px;transition:all .3s ease}.rating-modal-close:hover{color:#ff6b6b;transform:rotate(90deg)}.rating-modal h3{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:20px;margin:0 0 4px}.rating-modal-subtitle{color:#aaa;font-size:13px;margin-bottom:18px}.rating-stars{display:flex;gap:6px;justify-content:center}.rating-stars .star-btn{background:none;border:none;color:#e8e0e5;cursor:pointer;font-size:36px;transition:all .3s ease}.rating-stars .star-btn:hover{transform:scale(1.2)}.rating-stars .star-btn.active{color:#ff9f00}.rating-stars .star-btn.active:hover{transform:scale(1.2)}.rating-label{color:#d4af37;font-size:14px;font-weight:500;margin:8px 0 16px;min-height:22px;text-align:center}.rating-comment{border:1px solid #e8e0e5;border-radius:12px;font-family:Nunito,sans-serif;font-size:14px;margin-bottom:16px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.rating-comment:focus{border-color:#d4af37;box-shadow:0 0 20px #d4af370d;outline:none}.rating-modal-actions{display:flex;gap:10px}.rating-cancel-btn{background:#0000;border:1px solid #e8e0e5;border-radius:12px;color:#aaa;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.rating-cancel-btn:hover{background:#f8f4f9}.rating-submit-btn{background:linear-gradient(135deg,#d4af37,#ffb7c5);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:2 1;font-weight:600;padding:10px;transition:all .3s ease}.rating-submit-btn:hover{box-shadow:0 4px 20px #d4af3733;transform:scale(1.02)}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.kawaii-spinner{animation:spin 1s cubic-bezier(.25,.46,.45,.94) infinite;border-bottom:3px solid #f0e8ed;border-top:3px solid #f0e8ed;border-color:#d4af37 #f0e8ed #ffb7c5;border-radius:50%;border-style:solid;border-width:3px;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#888;font-size:14px;margin-top:12px}.no-orders{padding:60px 20px;text-align:center}.no-orders-icon{animation:float 3s ease-in-out infinite;display:block;font-size:56px;margin-bottom:12px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-orders h3{color:#2d1b2e;font-family:Nunito,sans-serif;font-size:20px;margin:12px 0 4px}.no-orders p{color:#aaa;font-size:14px;margin-bottom:20px}.shop-now-btn{background:linear-gradient(135deg,#d4af37,#ffb7c5);border-radius:30px;box-shadow:0 4px 20px #d4af3726;color:#fff;display:inline-block;font-weight:600;padding:10px 28px;text-decoration:none;transition:all .3s ease}.shop-now-btn:hover{box-shadow:0 6px 30px #d4af3740;transform:scale(1.05)}.no-orders-found{color:#aaa;padding:40px 20px;text-align:center}.no-orders-found span{display:block;font-size:40px;margin-bottom:8px}.no-orders-found p{font-size:15px;margin-bottom:16px}.clear-filters-btn{background:linear-gradient(135deg,#d4af37,#ffb7c5);border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:600;padding:8px 24px;transition:all .3s ease}.clear-filters-btn:hover{box-shadow:0 4px 20px #d4af3726;transform:scale(1.05)}.order-error{align-items:center;background:#ff6b6b0d;border:1px solid #ff6b6b1a;border-radius:14px;color:#ff6b6b;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 18px}.order-error .login-link{color:#d4af37;font-weight:600;margin-left:auto;text-decoration:none}.order-error .login-link:hover{text-decoration:underline}@media (max-width:768px){.order-history-page{padding-top:80px}.order-stats-row{gap:8px;grid-template-columns:repeat(2,1fr)}.order-stat-number{font-size:18px}.order-filters-bar{align-items:stretch;flex-direction:column;gap:10px}.order-filter-tabs{justify-content:center}.order-filter-tab{font-size:12px;padding:4px 12px}.order-header{align-items:stretch;flex-direction:column;gap:6px}.order-header-left,.order-header-right{justify-content:center}.order-footer{align-items:stretch;flex-direction:column;gap:10px}.order-actions-bar{justify-content:center}.order-item-preview{flex-wrap:wrap}.item-preview-total{margin-left:auto}.order-item-full{gap:4px}.order-item-full,.order-tracking{align-items:flex-start;flex-direction:column}.rating-modal{margin:16px;padding:20px}.rating-stars .star-btn{font-size:28px}}@media (max-width:480px){.order-history-page{padding-top:70px}.order-stats-row{gap:6px;grid-template-columns:repeat(2,1fr)}.order-stat-card{padding:10px 12px}.order-stat-number{font-size:16px}.order-stat-label{font-size:10px}.order-filter-tab{font-size:11px;padding:3px 10px}.order-id{font-size:12px}.total-value{font-size:16px}.order-action-btn{font-size:11px;padding:4px 12px}.rating-stars .star-btn{font-size:24px}.rating-modal{padding:16px}}.header-right-actions{align-items:center;display:flex;gap:12px}.whatsapp-help-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:50%;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.whatsapp-help-btn:hover{box-shadow:0 6px 25px #25d36666;transform:scale(1.1)}.whatsapp-help-btn:active{transform:scale(.95)}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{opacity:.8}.item-preview-name.clickable:hover{color:#c49f2e!important;text-decoration:underline}.order-whatsapp-help{border-top:1px solid #f0e8ed;margin-top:16px;padding-top:16px}.whatsapp-order-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.whatsapp-order-btn:hover{box-shadow:0 4px 20px #25d3664d;transform:scale(1.02)}.order-breakdown{background:#1a1a1a;background:var(--bg-tertiary,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;margin-top:16px;padding:16px 20px}.order-breakdown h4{color:#d4af37;font-family:Nunito,sans-serif;font-size:14px;margin:0 0 12px}.breakdown-row{color:#ccc;color:var(--text-secondary,#ccc);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.breakdown-row.discount{color:#28a745}.breakdown-row.coupon{color:#d4af37}.breakdown-row.total{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);font-size:15px;font-weight:700;margin-top:6px;padding-top:10px}.breakdown-row.total span:last-child{color:#d4af37}.breakdown-divider{border-top:1px dashed #333;border-top:1px dashed var(--border-color,#333);margin:4px 0}@media (max-width:768px){.order-breakdown{padding:12px 16px}.breakdown-row{font-size:12px;padding:4px 0}.breakdown-row.total{font-size:14px;padding-top:8px}}@media (max-width:480px){.order-breakdown{border-radius:8px;padding:10px 12px}.order-breakdown h4{font-size:12px}.breakdown-row{font-size:11px;padding:3px 0}.breakdown-row.total{font-size:13px;padding-top:6px}}.breakdown-row .free-badge{align-items:center;animation:freeBadgePulse 2s ease-in-out infinite;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 12px}.breakdown-row .free-badge.shipping{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.breakdown-row .free-badge.platform{background:linear-gradient(135deg,#d4af37,#ffb7c5);color:#000}.breakdown-row .free-badge.handling{background:linear-gradient(135deg,#fd7e14,#ff6b6b);color:#fff}@media (max-width:480px){.breakdown-row .free-badge{font-size:10px;padding:1px 8px}}.sidebar-menu{position:relative;z-index:1001}.sidebar-toggle{align-items:center;background:none;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;padding:8px 4px}.sidebar-hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.sidebar-hamburger .bar{background:#fff;background:var(--text-primary,#fff);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.sidebar-toggle:hover .bar{background:#d4af37}.sidebar-overlay{animation:fadeIn .3s ease;background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.sidebar-panel{animation:slideIn .3s ease;background:#111;background:var(--bg-secondary,#111);box-shadow:4px 0 30px #00000080;display:flex;flex-direction:column;height:100vh;left:0;max-width:85%;overflow-y:auto;padding:20px;position:fixed;top:0;width:320px}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding-bottom:16px}.sidebar-brand{color:#d4af37;font-size:24px;font-weight:700}.sidebar-close{background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;font-size:24px;transition:color .3s}.sidebar-close:hover{color:#fff;color:var(--text-primary,#fff)}.sidebar-user{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);gap:14px;padding:16px 0}.sidebar-avatar,.sidebar-user{align-items:center;display:flex}.sidebar-avatar{background:#d4af37;border-radius:50%;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#000;font-size:24px;font-weight:700}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.sidebar-user-email{color:#888;color:var(--text-secondary,#888);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-theme-toggle{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;gap:12px;justify-content:space-between;padding:14px 0}.theme-label{color:#ccc;color:var(--text-primary,#ccc);font-size:14px;font-weight:500}.theme-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:50px}.theme-switch input{height:0;opacity:0;width:0}.theme-slider{background:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.theme-slider,.theme-slider:before{position:absolute;transition:.3s ease}.theme-slider:before{background:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 8px #00000026;content:"";height:20px;left:4px;width:20px}.theme-switch input:checked+.theme-slider{background:#d4af37}.theme-switch input:checked+.theme-slider:before{transform:translateX(22px)}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 0}.sidebar-nav-item{align-items:center;border-radius:8px;color:#ccc;color:var(--text-secondary,#ccc);display:flex;font-size:14px;gap:14px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.sidebar-nav-item:hover{background:#222;background:var(--hover-bg,#222);color:#d4af37;padding-left:20px}.sidebar-nav-icon{font-size:20px;text-align:center;width:28px}.sidebar-divider{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);margin:12px 0;padding-top:12px}.sidebar-section-title{color:#d4af37;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 16px;text-transform:uppercase}.category-count{background:#222;background:var(--bg-tertiary,#222);border-radius:12px;color:#666;color:var(--text-secondary,#666);font-size:11px;margin-left:auto;padding:1px 8px}.sidebar-logout{background:none;border:1px solid #f44;border-radius:8px;color:#f44;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;padding:12px 16px;transition:all .3s ease}.sidebar-logout:hover{background:#f44;color:#fff}.sidebar-footer{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);color:#666;color:var(--text-secondary,#666);font-size:12px;margin-top:16px;padding-top:16px;text-align:center}@media (max-width:768px){.sidebar-panel{width:280px}}@media (max-width:480px){.sidebar-panel{padding:16px;width:260px}.sidebar-theme-toggle{flex-wrap:wrap}.theme-label{font-size:13px}.theme-switch{height:24px;width:44px}.theme-slider:before{bottom:3px;height:17px;left:3px;width:17px}.theme-switch input:checked+.theme-slider:before{transform:translateX(20px)}}.profile-completion-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a2e);display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-completion-card{animation:fadeInScale .6s ease;background:#111111f2;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 10px 50px #00000080;max-width:520px;padding:40px;width:100%}.profile-completion-header{margin-bottom:30px;text-align:center}.profile-completion-header h2{color:#fff;font-size:24px;margin:10px 0 5px}.profile-completion-header p{color:#888;font-size:14px}.profile-skip-hint{color:#666!important;font-size:12px!important;margin-top:4px}.gender-options{display:flex;gap:10px}.gender-option{background:#1a1a1a;border:2px solid #333;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:14px;padding:12px;transition:all .3s}.gender-option:hover{border-color:#666}.gender-option.active{background:#d4af370d;border-color:#d4af37;color:#d4af37}.avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-top:5px}.avatar-option{align-items:center;aspect-ratio:1;background:#1a1a1a;border:2px solid #333;border-radius:50%;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:12px;transition:all .3s}.avatar-option:hover{border-color:#666;transform:scale(1.05)}.avatar-option.active{background:#d4af371a;border-color:#d4af37;transform:scale(1.1)}.selected-avatar{color:#d4af37;font-size:14px;margin-top:8px;text-align:center}.profile-completion-actions{display:flex;gap:12px;margin-top:20px}.skip-btn{background:#0000;border:1px solid #333;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:14px;padding:14px;transition:all .3s}.skip-btn:hover{border-color:#666;color:#fff}.submit-btn{background:#d4af37;border:none;border-radius:8px;color:#000;cursor:pointer;flex:2 1;font-size:15px;font-weight:700;padding:14px;transition:all .3s}.submit-btn:hover:not(:disabled){box-shadow:0 4px 20px #d4af374d;transform:scale(1.02)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.profile-error{background:#ff44441a;border:1px solid #f44;border-radius:8px;color:#f44}.profile-error,.profile-success{font-size:14px;margin-bottom:15px;padding:12px 16px;text-align:center}.profile-success{animation:fadeInUp .3s ease;background:#28a7451a;border:1px solid #28a745;border-radius:8px;color:#28a745}@media (max-width:480px){.profile-completion-card{padding:25px 20px}.gender-options{flex-direction:column}.avatar-grid{grid-template-columns:repeat(5,1fr)}.profile-completion-actions{flex-direction:column}}
/*# sourceMappingURL=main.def61cb2.css.map*/