:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button:not(.product-card button):not(.filter-option):not(.btn-edit-small):not(.btn-remove-small):not(.btn-default-small):not(.btn-primary):not(.btn-secondary):not(.btn-edit-premium):not(.btn-remove-premium):not(.btn-security-primary):not(.btn-security-secondary):not(.btn-order-primary):not(.btn-order-secondary):not(.btn-order-action):not(.quantity-btn):not(.wishlist-btn):not(.remove-btn):not(.clear-cart-btn):not(.apply-btn):not(.checkout-btn):not(.submit-btn):not(.add-btn):not(.edit-btn):not(.delete-btn){border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:not(.product-card button):not(.filter-option):not(.btn-edit-small):not(.btn-remove-small):not(.btn-default-small):not(.btn-primary):not(.btn-secondary):not(.btn-edit-premium):not(.btn-remove-premium):not(.btn-security-primary):not(.btn-security-secondary):not(.btn-order-primary):not(.btn-order-secondary):not(.btn-order-action):not(.quantity-btn):not(.wishlist-btn):not(.remove-btn):not(.clear-cart-btn):not(.apply-btn):not(.checkout-btn):not(.submit-btn):not(.add-btn):not(.edit-btn):not(.delete-btn):hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--nb-bg: #ffffff;--nb-border: rgba(0,0,0,.08);--nb-text: #1a1a1a;--nb-muted: #6b7280;--nb-primary: #dc2626;--nb-primary-hover: #b91c1c;--nb-shadow: 0 1px 3px rgba(0,0,0,.1)}.nb{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important;width:100%;margin:0!important;padding:0!important;outline:none!important;left:0!important;right:0!important;overflow:visible!important}.nb-inner{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;min-height:64px;margin:0;border:none!important;outline:none!important;box-shadow:none!important;overflow:visible!important;position:relative}.nb-left{display:flex;align-items:center;gap:48px;flex:1;min-width:0}.nb-logo{display:inline-flex;align-items:center;gap:12px;color:var(--nb-text);text-decoration:none;transition:transform .2s ease}.nb-logo:hover{transform:scale(1.02);color:var(--nb-primary)!important}.nb-logo:hover .nb-name{color:var(--nb-primary)!important}.nb-badge{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--nb-primary),var(--nb-primary-hover));color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px #dc26264d}.nb-logo-img{width:48px;height:48px;object-fit:contain;border-radius:8px}.nb-name{font-weight:900;letter-spacing:1px;font-size:30px;color:#dc2626;font-family:Algerian,Times New Roman,"serif",Helvetica,sans-serif;text-shadow:0 2px 4px rgba(220,38,38,.2);-webkit-text-stroke:.5px #dc2626}.nb-nav{display:flex;align-items:center;gap:4px;flex-shrink:0}.nb-nav a{color:var(--nb-muted);text-decoration:none;padding:12px 16px;border-radius:8px;font-weight:500;font-size:15px;transition:all .2s ease;position:relative}.nb-nav a:hover{background:#dc262614;color:var(--nb-primary)}.nb-nav a.active{color:var(--nb-primary);background:#dc26261a;font-weight:600}.nb-right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible!important;position:relative}.nb-points{display:flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);border-radius:20px;color:#fff;margin-right:8px;height:36px;min-width:90px;flex-shrink:0;box-shadow:0 4px 15px #dc262666;transition:all .3s ease;position:relative;overflow:hidden}.nb-points .points-display.compact{height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px;margin:0;padding:0}.nb-points .points-display.compact .points-icon,.nb-points .points-display.compact .points-value,.nb-points .points-display.compact .points-label{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;margin:0!important;padding:0!important;vertical-align:middle!important;height:auto!important}.nb-points:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.nb-points:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262680}.nb-points:hover:before{left:100%}.nb-refresh-points{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#fff;transition:all .2s ease;margin-left:8px}.nb-refresh-points:hover{background:#fff3;color:#fff}.nb-icon{text-decoration:none;color:var(--nb-muted);font-size:20px;padding:8px;border-radius:8px;transition:all .2s ease;position:relative}.nb-icon:hover{color:var(--nb-primary);background:#dc262614;transform:scale(1.1)}.nb-wishlist{position:relative}.wishlist-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #dc26264d;border:2px solid var(--nb-bg);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.nb-wishlist:hover .wishlist-badge{animation:none;transform:scale(1.1)}.nb-cart{position:relative}.cart-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #dc26264d;border:2px solid var(--nb-bg);animation:pulse 2s infinite}.nb-cart:hover .cart-badge{animation:none;transform:scale(1.1)}.nb-profile-container{position:relative;display:flex;align-items:center;min-width:40px;min-height:40px;z-index:200;overflow:visible!important}.nb-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent!important;border:none!important;font-size:16px;cursor:pointer;color:var(--nb-primary);transition:all .2s ease;flex-shrink:0}.nb-avatar svg{width:20px;height:20px;display:block!important;fill:currentColor!important;color:var(--nb-primary)!important;opacity:1!important;visibility:visible!important}.nb-avatar:hover{background:transparent!important;transform:scale(1.05)}.nb-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--nb-bg);border:1px solid var(--nb-border);border-radius:12px;box-shadow:0 8px 25px #00000026;padding:8px 0;min-width:200px;max-width:280px;z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;transform:translate(0);animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.nb-dropdown-header{padding:16px 20px 12px;border-bottom:1px solid var(--nb-border);margin-bottom:8px;background:#dc262605;border-radius:8px 8px 0 0}.nb-user-email{font-size:14px;color:var(--nb-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;display:block;padding:8px 12px;background:#dc26260d;border-radius:6px;border:1px solid rgba(220,38,38,.1);text-align:center}.nb-dropdown a,.nb-dropdown button{display:block;width:100%;padding:12px 16px;text-align:left;background:none;border:none;color:var(--nb-text);text-decoration:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:0}.nb-dropdown a:hover,.nb-dropdown button:hover{background:#dc262614;color:var(--nb-primary)}.nb-dropdown button:last-child{color:#dc2626;font-weight:600;border:none!important;outline:none!important;box-shadow:none!important}.nb-dropdown button:last-child:hover{background:#dc262614!important;color:var(--nb-primary)!important;border:none!important;outline:none!important;box-shadow:none!important}.nb-dropdown button:last-child:focus{background:#dc262614!important;color:var(--nb-primary)!important;border:none!important;outline:none!important;box-shadow:none!important}.nb{width:100%;box-sizing:border-box;border:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.nb-inner{box-sizing:border-box;border:none!important;outline:none!important;box-shadow:none!important;margin-left:0!important;margin-right:0!important}@media (max-width: 768px){.nb-inner{padding:12px 16px;min-height:56px}.nb-left{gap:20px}.nb-nav{display:none}.nb-name{font-size:20px;letter-spacing:.8px}.nb-badge{width:32px;height:32px;font-size:12px}.nb-logo-img{width:40px;height:40px}.nb-right{gap:4px}.nb-avatar{width:36px;height:36px}.nb-dropdown{min-width:180px;max-width:240px;right:-10px}.nb-user-email{font-size:12px}}@media (max-width: 480px){.nb-inner{padding:8px 12px}.nb-left{gap:12px}.nb-name{font-size:18px;letter-spacing:.6px}.nb-logo-img{width:36px;height:36px}}.footer{background:#e24d4d;padding:32px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);margin-top:auto}.footer-content{display:flex;flex-direction:column;align-items:center;gap:20px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}.footer-link{color:#fffffff2;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;position:relative}.footer-link:hover{color:#fff;text-decoration:underline}.footer-copyright{color:#ffffffe6;font-size:13px;font-weight:400;text-align:center}@media (max-width: 768px){.footer{padding:24px 0}.footer-links{gap:20px}.footer-link{font-size:13px}.footer-copyright{font-size:12px;padding:0 16px}}@media (max-width: 480px){.footer{padding:20px 0}.footer-links{flex-direction:column;gap:12px}.footer-link{font-size:12px}.footer-copyright{font-size:11px}}.product-card{background:#fff!important;border-radius:16px;border:none!important;outline:none!important;box-shadow:0 4px 16px #00000014,0 2px 8px #0000000f;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;height:auto;display:flex;flex-direction:column;position:relative;cursor:pointer;min-height:auto!important;max-height:none!important;padding:0!important;margin:0!important;align-items:stretch}.product-card:before,.product-card:after{display:none!important;content:none!important;background:none!important;border:none!important}.dark .product-card{background:#374151f2;border:none;outline:none;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #00000026}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f,0 6px 16px #00000014;border:none;outline:none}.dark .product-card:hover{box-shadow:0 25px 50px -12px #00000080;border:none;outline:none}.product-image-container{position:relative;width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px 16px 0 0;border:none;flex-shrink:0}.dark .product-image-container{background:linear-gradient(135deg,#374151,#4b5563)}.product-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.1)}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(236,72,153,.1) 0%,rgba(219,39,119,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.product-card:hover .image-overlay{opacity:1}.wishlist-button{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#fffffff2;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #00000026,0 0 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3}.dark .wishlist-button{background:#374151f2;box-shadow:0 4px 12px #0000004d,0 0 0 1px #6b728033}.wishlist-button:hover{transform:scale(1.15);box-shadow:0 6px 20px #0003,0 0 0 2px #ef44444d}.wishlist-button.favorited{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 4px 12px #ef444466,0 0 0 2px #fff3}.wishlist-button.favorited .heart-filled,.wishlist-button.favorited svg{fill:#fff!important;color:#fff!important;stroke:#fff!important;stroke-width:0!important;opacity:1!important;visibility:visible!important;display:block!important}.wishlist-button.favorited .heart-filled path,.wishlist-button.favorited svg path{fill:#fff!important;stroke:none!important}.wishlist-button.favorited:hover{box-shadow:0 6px 20px #ef444480,0 0 0 3px #ffffff4d}.heart-filled{fill:#fff!important;color:#fff!important;stroke:#fff!important;stroke-width:0!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:1!important}.heart-outline{fill:none;color:#6b7280;stroke:currentColor;stroke-width:2.5;transition:all .3s ease}.wishlist-button:hover .heart-outline{color:#ef4444;stroke-width:3}.quick-add-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:20px 16px 16px;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);opacity:0;pointer-events:none}.product-card:hover .quick-add-overlay{transform:translateY(0);opacity:1;pointer-events:auto}.quick-add-button{width:100%;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ec489966;text-transform:uppercase;letter-spacing:.5px}.quick-add-button:hover{background:linear-gradient(135deg,#db2777,#be185d);transform:translateY(-2px);box-shadow:0 6px 20px #ec489980}.product-info{padding:20px;padding-bottom:20px!important;background:#fff!important;border:none!important;border-top:none!important;border-bottom:none!important;margin:0!important;position:relative;flex:1;display:flex;flex-direction:column}.product-info:before,.product-info:after{display:none!important;content:none!important}.dark .product-info{background:#374151f2}.product-brand{font-size:12px;font-weight:600;color:#ef4444;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;opacity:.9}.dark .product-brand{color:#f87171}.product-name{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease;letter-spacing:-.025em}.stars{display:flex;align-items:center;gap:2px}.star-filled{fill:#fbbf24;color:#fbbf24;filter:drop-shadow(0 1px 2px rgba(251,191,36,.3))}.star-empty{fill:none;color:#e5e7eb;stroke:currentColor;stroke-width:1.5}.rating-number{font-size:14px;font-weight:600;color:#374151;margin-left:4px}.dark .rating-number{color:#d1d5db}.reviews-count{font-size:12px;color:#9ca3af;margin-left:4px;transition:color .3s ease}.dark .reviews-count{color:#6b7280}.product-footer{display:flex;flex-direction:column;gap:12px;border:none!important;border-top:none!important;border-bottom:none!important;padding:0!important;margin:12px 0 0!important;background:transparent!important;position:relative;flex-shrink:0}.product-footer:before,.product-footer:after{display:none!important;content:none!important}.product-pricing{width:100%}.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.price-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.price-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.product-price{font-size:20px;font-weight:800;color:#ef4444;transition:color .3s ease;letter-spacing:-.025em;display:block}.product-original-price{font-size:14px;color:#9ca3af;font-weight:500;opacity:.8;position:relative;text-decoration:line-through;text-decoration-color:#ef4444;text-decoration-thickness:2px;text-decoration-style:solid}.dark .product-original-price{color:#6b7280;text-decoration-color:#f87171}.product-original-price:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#ef4444;transform:translateY(-50%);z-index:1;border-radius:1px}.dark .product-original-price:after{background:#f87171}.savings-row{margin-top:2px}.savings-ribbon{position:relative;display:inline-flex;align-items:center;background:linear-gradient(135deg,#10b981,#059669);padding:10px 16px;border-radius:8px;border:2px solid #ffffff;box-shadow:0 4px 12px #10b98180,0 2px 6px #0596694d,0 0 0 1px #fff6;animation:ribbonFloat 3s ease-in-out infinite;min-width:90px;justify-content:center}@keyframes ribbonFloat{0%,to{transform:translateY(0) rotate(0);box-shadow:0 4px 10px #10b98166,0 0 0 1px #ffffff4d}50%{transform:translateY(-2px) rotate(1deg);box-shadow:0 6px 14px #10b98180,0 0 0 2px #fff6}}.savings-ribbon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.savings-ribbon:hover:before{left:100%}.savings-ribbon:hover{transform:translateY(-3px) rotate(-2deg) scale(1.08);animation-play-state:paused;box-shadow:0 8px 20px #10b98199,0 4px 10px #05966966,0 0 0 2px #ffffff80}.ribbon-content{display:flex;align-items:center;justify-content:center;line-height:1;position:relative;z-index:2;gap:4px;color:#fff!important}.savings-amount{font-size:16px;font-weight:900;color:#fff!important;fill:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:-.5px;-webkit-text-fill-color:#ffffff!important}.savings-label{font-size:9px;font-weight:700;color:#fff!important;fill:#fff!important;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.8);opacity:1;-webkit-text-fill-color:#ffffff!important}.ribbon-tail{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #059669;border-top:8px solid transparent;border-bottom:8px solid transparent;filter:drop-shadow(2px 0 2px rgba(0,0,0,.2))}.ribbon-tail:after{content:"";position:absolute;left:-6px;top:-8px;width:0;height:0;border-left:6px solid #047857;border-top:8px solid transparent;border-bottom:8px solid transparent}.dark .savings-ribbon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 8px #10b98166,0 0 0 1px #3741514d}.dark .savings-ribbon:hover{box-shadow:0 6px 16px #10b98199,0 0 0 2px #37415180}.add-to-cart-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ef44444d,0 0 0 1px #ffffff1a;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;margin-bottom:0!important}.add-to-cart-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466,0 0 0 2px #fff3}.add-to-cart-button:active{transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d,0 0 0 1px #ffffff1a}.add-to-cart-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-to-cart-button:disabled:hover{transform:none;box-shadow:0 4px 12px #ec48994d,0 0 0 1px #ffffff1a}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}.filter-section{background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .filter-section{background:#374151;border-color:#4b5563;box-shadow:0 1px 3px #0000004d}.filter-header{padding:18px 20px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:#fafafa;transition:background-color .3s ease,border-color .3s ease}.dark .filter-header{background:#4b5563;border-bottom-color:#6b7280}.filter-title{font-size:16px;font-weight:600;color:#374151;margin:0;transition:color .3s ease}.filter-content{padding:16px 20px 20px}.filter-option{display:block;width:100%;padding:10px 14px;margin-bottom:6px;background:#f8f9fa;border:1px solid transparent;text-align:left;cursor:pointer;border-radius:8px;font-size:14px;color:#4b5563;transition:all .2s ease;font-weight:500}.dark .filter-option{background:#4b5563;color:#d1d5db}.filter-option:hover{background:#e5e7eb;border-color:transparent}.dark .filter-option:hover{background:#6b7280}.filter-option.active{background:#fce7f3!important;border-color:#dc2626!important;border:1px solid #dc2626!important;color:#dc2626!important;font-weight:600;box-shadow:0 1px 2px #dc26261a!important}.shop-page .filter-section .filter-content .filter-option.active{background:#fce7f3!important;border-color:#dc2626!important;border:1px solid #dc2626!important;color:#dc2626!important;font-weight:600!important;box-shadow:0 1px 2px #dc26261a!important}.filter-content .filter-option:not(.active){background:#f8f9fa!important;border-color:transparent!important;border:1px solid transparent!important;color:#4b5563!important;font-weight:500!important;box-shadow:none!important}.shop-page .filter-section .filter-content button.filter-option:not(.active){background:#f8f9fa!important;border:1px solid transparent!important;color:#4b5563!important;font-weight:500!important;box-shadow:none!important}.shop-page .filter-section .filter-content button.filter-option.active{background:#fce7f3!important;border:1px solid #dc2626!important;color:#dc2626!important;font-weight:600!important;box-shadow:0 1px 2px #dc26261a!important}.price-range-container{margin:20px 0}.price-range-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.price-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#ec4899;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.price-range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0003}.price-range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#ec4899;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #00000026;transition:all .2s ease}.price-range-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #0003}.price-range-labels{display:flex;justify-content:space-between;margin-top:12px;font-size:13px;color:#6b7280;font-weight:500}.sort-select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;background:#f8f9fa;font-size:14px;color:#4b5563;cursor:pointer;font-weight:500;transition:all .2s ease}.dark .sort-select{background:#4b5563;border-color:#6b7280;color:#d1d5db}.sort-select:hover{background:#e5e7eb;border-color:#9ca3af}.dark .sort-select:hover{background:#6b7280;border-color:#9ca3af}.sort-select:focus{outline:none;border-color:#ec4899;background:#fff;box-shadow:0 0 0 3px #ec48991a}.dark .sort-select:focus{background:#374151;border-color:#ec4899;box-shadow:0 0 0 3px #ec489933}.products-header{margin-bottom:24px}.products-count{font-size:14px;color:#6b7280;margin:0;transition:color .3s ease}.chevron-icon{width:18px;height:18px;color:#6b7280;transition:all .2s ease;opacity:.7}.filter-header:hover .chevron-icon{color:#374151;opacity:1}.dark .filter-header:hover .chevron-icon{color:#f9fafb}.filter-header:hover{background:#f0f0f0}.dark .filter-header:hover{background:#6b7280}.shop-sidebar{width:260px;flex-shrink:0;background:#fafafa;padding:16px;border-radius:12px;transition:background-color .3s ease}@media (max-width: 768px){.product-card{border-radius:16px}.product-image-container{height:200px;border-radius:12px 12px 0 0}.product-info{padding:16px}.product-name{font-size:15px}.product-price{font-size:18px}.add-to-cart-button{padding:10px 16px;font-size:13px}.quick-add-button{padding:10px 14px;font-size:13px}.discount-badge{padding:4px 8px;font-size:10px}.wishlist-button{width:36px;height:36px}.products-grid{grid-template-columns:1fr;gap:16px}}.discount-banner-container{width:100%;margin:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#fef2f2,#fee2e2,#fef2f2);border-top:2px solid rgba(220,38,38,.1);border-bottom:2px solid rgba(220,38,38,.1);padding:16px 0}.banner-marquee-wrapper{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.banner-marquee{display:flex;gap:24px;width:max-content;animation:scroll-left 50s linear infinite;will-change:transform;flex-wrap:nowrap!important;flex-direction:row!important;align-items:center}.banner-marquee:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.banner-item{flex-shrink:0;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;padding:12px 24px;min-width:320px;position:relative;overflow:hidden;box-shadow:0 4px 12px #dc262633,0 2px 6px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.banner-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.banner-item:hover:before{left:100%}.banner-item:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #dc26264d,0 4px 10px #00000026,inset 0 1px #ffffff4d}.banner-item-content{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.banner-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff40;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0003;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);box-shadow:0 2px 8px #0003}50%{transform:scale(1.1);box-shadow:0 4px 12px #fff6}}.banner-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.banner-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.banner-item-title{font-size:16px;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-item-subtitle{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-divider{width:2px;height:32px;background:#fff6;border-radius:2px;flex-shrink:0}.banner-code{display:flex;align-items:center;justify-content:center;background:#ffffff40;padding:8px 16px;border-radius:8px;border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff4d;flex-shrink:0;min-width:80px}.code-text{font-size:14px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:Courier New,monospace}.banner-marquee-loading{display:flex;gap:24px;width:max-content;animation:scroll-left 40s linear infinite}.banner-item-loading{flex-shrink:0;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;border-radius:12px;padding:12px 24px;min-width:320px;height:70px;animation:shimmer-loading 1.5s infinite}@keyframes shimmer-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 768px){.discount-banner-container{padding:12px 0}.banner-item{min-width:280px;padding:10px 20px}.banner-item-title{font-size:14px}.banner-item-subtitle{font-size:16px}.banner-icon{width:32px;height:32px}.banner-icon svg{width:16px;height:16px}.code-text{font-size:12px;letter-spacing:1px}.banner-code{padding:6px 12px;min-width:70px}.banner-marquee{gap:16px;animation-duration:30s}}@media (max-width: 480px){.banner-item{min-width:240px;padding:8px 16px}.banner-item-title{font-size:13px}.banner-item-subtitle{font-size:15px}.banner-item-content{gap:12px}.banner-icon{width:28px;height:28px}.banner-icon svg{width:14px;height:14px}}@media (prefers-reduced-motion: reduce){.banner-marquee,.banner-marquee-loading,.banner-icon{animation:none}}.home-page{min-height:100vh;background:#fff}.category-navigation-section{background:linear-gradient(135deg,#fffbeb,#fef3c7,#fffbeb);border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;padding:0;box-shadow:none!important;overflow:visible;position:relative;z-index:50}.category-navigation-section .container{overflow:visible!important;position:relative;padding:0!important;margin:0!important;max-width:100%!important;width:100%!important;border:none!important;outline:none!important;box-shadow:none!important;display:flex;justify-content:center;align-items:center}.discount-banner-section{background:#fff;padding:0;border-bottom:1px solid #e5e7eb}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero-section{background:linear-gradient(135deg,#0000004d,#0006),url(https://images.unsplash.com/photo-1596462502278-27bfdc403348?w=1920&h=1080&fit=crop&crop=center);background-size:cover;background-position:center;background-attachment:fixed;min-height:85vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1}.hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.hero-text{color:#fff;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.hero-badge:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.hero-text h1{font-size:4rem;font-weight:700;line-height:1.1;margin:0 0 24px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.hero-text p{font-size:1.3rem;line-height:1.6;margin:0 0 32px;color:#fffffff2;text-shadow:0 2px 6px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.5)}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,var(--gold-color) 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite;color:#fff;padding:18px 36px;border-radius:16px;text-decoration:none;font-weight:700;font-size:17px;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #dc262666,0 4px 12px #d4af374d;position:relative;overflow:hidden;border:2px solid transparent;transform-style:preserve-3d}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#dc262680,#d4af3780);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(16px)}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,var(--gold-color) 100%);transform:translateY(-6px) scale(1.05);box-shadow:0 16px 40px #dc262680,0 8px 20px #d4af3766,0 0 0 2px #fff3}.btn-primary:hover:after{opacity:1}.btn-primary svg{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover svg{transform:translate(6px) scale(1.1)}.btn-secondary{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--gold-color) 0%,#f59e0b 50%,#d97706 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite;color:#fff;padding:18px 36px;border-radius:16px;text-decoration:none;font-weight:700;font-size:17px;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(245,158,11,.5);position:relative;overflow:hidden;box-shadow:0 8px 24px #d4af3766,0 4px 12px #f59e0b4d,inset 0 2px 8px #fff3;transform-style:preserve-3d;text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-secondary:hover:before{left:100%}.btn-secondary:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#f59e0b80,#d4af3766);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(16px);animation:goldGlow 2s ease-in-out infinite}@keyframes goldGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.btn-secondary:hover{background:linear-gradient(135deg,#d97706 0%,var(--gold-color) 50%,#f59e0b 100%);border-color:#f59e0bcc;transform:translateY(-6px) scale(1.05);box-shadow:0 16px 40px #f59e0b80,0 8px 20px #d4af3766,0 0 0 3px #f59e0b4d,inset 0 2px 12px #ffffff4d}.btn-secondary:hover:after{opacity:1;animation:goldGlowHover 1.5s ease-in-out infinite}@keyframes goldGlowHover{0%,to{opacity:.8;transform:scale(1.05)}50%{opacity:1;transform:scale(1.15)}}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;max-width:800px;width:100%}.stat-item{text-align:center;background:linear-gradient(135deg,#fee2e2,#fecaca,#fee2e2)!important;background-color:#fee2e2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:36px 24px;border-radius:25px/45px;border:none;outline:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 16px 40px #dc262626,0 8px 20px #ef44441a;position:relative;overflow:hidden;transform-style:preserve-3d;clip-path:polygon(0% 10%,10% 0%,90% 0%,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%)}.stat-item:before{content:"";position:absolute;inset:-4px;border-radius:30px/50px;background:linear-gradient(135deg,#ef444433,#dc262626);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);clip-path:polygon(0% 10%,10% 0%,90% 0%,100% 10%,100% 90%,90% 100%,10% 100%,0% 90%);pointer-events:none}.stat-number{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.stat-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .7s ease}.stat-item:hover:after{left:100%}.stat-item:hover{background:linear-gradient(135deg,#fecaca,#fca5a5,#fecaca)!important;transform:translateY(-16px) scale(1.08) rotateY(3deg);box-shadow:0 32px 64px #00000026,0 16px 32px #dc26261f;border:none;outline:none}.stat-number{display:block;font-size:2.75rem;font-weight:900;margin-bottom:10px;text-shadow:none;letter-spacing:-1px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.stat-item:hover .stat-number{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));transform:scale(1.15)}.stat-item:hover .stat-label{color:#7f1d1d;transform:translateY(-2px)}.features-section{padding:80px 0;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 18s ease infinite;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 14s ease-in-out infinite;pointer-events:none}.features-section .container{position:relative;z-index:2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;position:relative;z-index:2}.feature-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px 32px;border-radius:20px;text-align:center;box-shadow:0 8px 32px #00000014,0 4px 16px #dc26260d;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;transform-style:preserve-3d}.feature-card:before{content:"";position:absolute;inset:-4px;border-radius:24px;background:linear-gradient(135deg,#dc262633,#d4af3733);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(16px);animation:cardGlow 3s ease-in-out infinite}@keyframes cardGlow{0%,to{opacity:0}50%{opacity:.3}}.feature-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.feature-card:hover:after{left:100%}.feature-card:hover{transform:translateY(-12px) scale(1.03) rotateY(2deg);box-shadow:0 20px 48px #dc262633,0 12px 24px #d4af3726,0 0 0 1px #dc26261a;background:#fff;border-color:#dc262633}.feature-card:hover:before{opacity:1}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,var(--gold-color) 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:#fff;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 8px 24px #dc26264d,0 4px 12px #d4af3733;animation:iconFloat 4s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.feature-icon:before{content:"";position:absolute;inset:-6px;border-radius:24px;background:linear-gradient(135deg,#dc262666,#d4af3766);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(12px)}.feature-card:hover .feature-icon{transform:translateY(-8px) scale(1.1) rotate(5deg);box-shadow:0 12px 32px #dc262666,0 8px 16px #d4af374d}.feature-card:hover .feature-icon:before{opacity:1}.feature-card:hover .feature-icon svg{transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.feature-icon svg{transition:all .5s cubic-bezier(.34,1.56,.64,1);z-index:1;position:relative}.feature-card h3{font-size:1.5rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,#dc2626 0%,var(--gold-color) 50%,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;letter-spacing:-.5px}.feature-card:hover h3{filter:drop-shadow(0 2px 4px rgba(220,38,38,.3))}.feature-card p{color:#64748b;line-height:1.7;margin:0;font-size:1rem;font-weight:500;transition:color .3s ease}.feature-card:hover p{color:#475569}.featured-products{padding:80px 0;background:linear-gradient(135deg,#fef2f2,#fffbeb,#f0fdf4,#fef2f2,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;overflow:hidden}.featured-products:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 15s ease-in-out infinite;pointer-events:none}.featured-products .container{position:relative;z-index:2}.section-header{text-align:center;margin-bottom:48px;display:block}.section-header h2{font-size:2.5rem;font-weight:700;margin:0 0 16px;color:#1f2937;display:block;width:100%}.section-header p{font-size:1.125rem;color:#6b7280;margin:0 0 24px;display:block;width:100%}.featured-products .section-header{margin-bottom:60px;position:relative;background:transparent!important;padding:0;border:none;box-shadow:none;display:flex;flex-direction:column;gap:8px}.featured-products .section-header>div{display:flex;justify-content:space-between;align-items:center;width:100%}.featured-products .section-header h2{font-size:2.75rem;font-weight:900;margin-bottom:0;margin-top:0;background:linear-gradient(135deg,#dc2626 0%,var(--gold-color) 50%,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:block!important;letter-spacing:-1px;text-align:left;line-height:1.2;animation:titleGlow 3s ease-in-out infinite;flex:1}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 8px rgba(220,38,38,.3))}50%{filter:drop-shadow(0 0 16px rgba(212,175,55,.4))}}.featured-products .section-header h2:after{display:none}.featured-products .section-header p{font-size:1.25rem;color:#64748b;margin:0;margin-top:0!important;margin-bottom:0!important;font-weight:500;text-align:left;display:block!important;width:100%;line-height:1.6}.testimonials-section .section-header{margin-bottom:60px;position:relative;z-index:2;text-align:center;background:transparent!important;padding:0;border:none;box-shadow:none}.testimonials-section .section-header{display:block;text-align:center}.testimonials-section .section-header h2{font-size:2.75rem;font-weight:900;margin-bottom:28px;margin-top:0;background:linear-gradient(135deg,#dc2626 0%,var(--gold-color) 50%,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:block!important;letter-spacing:-1px;text-align:center;width:100%;line-height:1.2;float:none!important;clear:both!important}.testimonials-section .section-header h2:after{content:"";display:block;width:100%}.testimonials-section .section-header p,.testimonials-section .testimonial-subtitle{font-size:1.25rem;color:#64748b;margin:12px auto 0!important;padding-top:0!important;font-weight:500;max-width:600px;text-align:center!important;display:block!important;width:100%;line-height:1.6;float:none!important;clear:both!important}.view-all-link{display:inline-flex;align-items:center;gap:8px;color:#dc2626;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}.view-all-link:hover{color:#b91c1c;transform:translate(4px)}.featured-products .view-all-link{display:inline-flex;align-items:center;gap:10px;color:#dc2626;text-decoration:none;font-weight:700;font-size:1.1rem;padding:12px 24px;border-radius:12px;background:linear-gradient(135deg,#dc26261a,#d4af371a);border:2px solid transparent;background-clip:padding-box;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #dc262626;margin-left:auto;flex-shrink:0}.featured-products .view-all-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.featured-products .view-all-link:hover:before{left:100%}.featured-products .view-all-link:hover{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,var(--gold-color) 100%);transform:translate(6px) scale(1.05);box-shadow:0 8px 24px #dc262659;border-color:#d4af374d}.featured-products .view-all-link svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.featured-products .view-all-link:hover svg{transform:translate(4px) scale(1.1)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.featured-products .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:2}.featured-products .product-card{position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.featured-products .product-card:hover{transform:translateY(-12px) scale(1.02) rotateY(2deg);box-shadow:0 20px 40px #dc262633,0 8px 16px #d4af3726}.featured-products .product-card:hover .product-image{transform:scale(1.15) rotate(2deg)}.featured-products .product-card .product-image-container:after{display:none!important;content:none!important}.testimonials-section{padding:80px 0;background:linear-gradient(135deg,#fff5f5,#fff8ed,#fff5f5,#f0f9ff,#fff5f5);background-size:400% 400%;animation:gradientShift 25s ease infinite;position:relative;overflow:hidden}.testimonials-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(220,38,38,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0%,transparent 70%);opacity:.7;animation:pulse 12s ease-in-out infinite}.testimonials-container{position:relative;z-index:2}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}.testimonials-scroll{display:flex;transition:transform .5s ease-in-out;width:100%}.testimonials-scroll .testimonial-card{flex:0 0 33.333%;width:33.333%;margin:0;padding:0 24px;box-sizing:border-box}.testimonials-navigation{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.nav-button{background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026;pointer-events:auto}.nav-button:hover:not(:disabled){background:#fff;transform:scale(1.1);box-shadow:0 6px 16px #0003}.nav-button:disabled{opacity:.3;cursor:not-allowed;transform:none}.nav-button:disabled:hover{background:#ffffffe6;transform:none;box-shadow:0 4px 12px #00000026}.nav-button.prev{left:-24px;transform:rotate(180deg)}.nav-button.next{right:-24px}.testimonials-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.testimonials-dots .dot{width:12px;height:12px;border-radius:50%;border:none;background:#e5e7eb;cursor:pointer;transition:all .3s ease}.testimonials-dots .dot.active{background:#dc2626;transform:scale(1.2)}.testimonials-dots .dot:hover{background:#dc2626;opacity:.7}.testimonial-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px 36px 44px;border-radius:28px;box-shadow:0 20px 60px #0000001a,0 8px 24px #00000014,inset 0 1px #ffffffe6;transition:all .6s cubic-bezier(.34,1.56,.64,1);border:3px solid rgba(220,38,38,.1);min-height:360px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transform-style:preserve-3d}.testimonial-card:before{content:"";position:absolute;inset:-3px;border-radius:28px;padding:3px;background:linear-gradient(135deg,var(--gold-color),#dc2626,var(--gold-color),#dc2626);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;animation:borderGlowTestimonial 4s ease infinite;transition:opacity .4s ease;z-index:-1}@keyframes borderGlowTestimonial{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.testimonial-card:hover:before{opacity:1;animation:borderGlowTestimonial 2s ease infinite}.testimonial-card .card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.5),transparent);transform:rotate(45deg);opacity:0;transition:opacity .6s ease;z-index:1}.testimonial-card:hover .card-shine{animation:cardShineTestimonial 2s ease-in-out}@keyframes cardShineTestimonial{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:.8}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.testimonial-card:hover{transform:translateY(-16px) scale(1.02) rotateY(2deg);box-shadow:0 32px 80px #dc262633,0 16px 40px #dc262626,inset 0 -4px 20px #ffffff4d;border-color:#dc26264d}.testimonial-header{display:flex;align-items:flex-start;gap:24px;margin-top:20px;margin-bottom:28px;position:relative;z-index:2}.customer-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.4);box-shadow:0 12px 32px #0003,0 6px 16px #00000026,inset 0 2px 8px #ffffff4d;position:relative;overflow:visible;transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:avatarFloat 4s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0) scale(1);box-shadow:0 12px 32px #0003,0 6px 16px #00000026,inset 0 2px 8px #ffffff4d}50%{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px #00000040,0 8px 20px #0003,inset 0 2px 10px #fff6}}.customer-avatar:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:inherit;opacity:.3;filter:blur(20px);z-index:-1;animation:avatarGlow 3s ease-in-out infinite}@keyframes avatarGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.testimonial-card:hover .customer-avatar{transform:scale(1.15) rotate(5deg) translateY(-4px);box-shadow:0 20px 50px #0000004d,0 10px 25px #00000040,inset 0 2px 12px #fff6;animation:avatarBounce .6s ease}@keyframes avatarBounce{0%,to{transform:scale(1.15) rotate(5deg) translateY(-4px)}50%{transform:scale(1.2) rotate(8deg) translateY(-8px)}}.avatar-initials{font-size:28px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);z-index:1;position:relative;transition:all .6s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.testimonial-card:hover .avatar-initials{transform:scale(1.1);text-shadow:0 6px 12px rgba(0,0,0,.5),0 3px 6px rgba(0,0,0,.4)}.bg-gradient-to-br.from-pink-500.to-rose-600{background:linear-gradient(135deg,#ec4899,#e11d48)}.bg-gradient-to-br.from-blue-500.to-indigo-600{background:linear-gradient(135deg,#3b82f6,#4f46e5)}.bg-gradient-to-br.from-green-500.to-emerald-600{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-to-br.from-purple-500.to-violet-600{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.bg-gradient-to-br.from-orange-500.to-red-600{background:linear-gradient(135deg,#f97316,#dc2626)}.bg-gradient-to-br.from-teal-500.to-cyan-600{background:linear-gradient(135deg,#14b8a6,#0891b2)}.bg-gradient-to-br.from-yellow-500.to-orange-600{background:linear-gradient(135deg,#eab308,#ea580c)}.bg-gradient-to-br.from-indigo-500.to-purple-600{background:linear-gradient(135deg,#6366f1,#9333ea)}.customer-info{position:relative;z-index:2}.customer-info h4{font-size:1.375rem;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#1f2937,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;transition:all .4s ease}.testimonial-card:hover .customer-info h4{background:linear-gradient(135deg,#dc2626,var(--gold-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customer-info p{color:#64748b;margin:0 0 14px;font-size:.95rem;font-weight:600;transition:all .4s ease}.testimonial-card:hover .customer-info p{color:#475569}.rating{display:flex;gap:4px;align-items:center}.star-filled{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.4));transition:all .4s cubic-bezier(.34,1.56,.64,1)}.testimonial-card:hover .star-filled{color:#f59e0b;transform:scale(1.15);filter:drop-shadow(0 4px 8px rgba(245,158,11,.5));animation:starTwinkle .6s ease}@keyframes starTwinkle{0%,to{transform:scale(1.15)}50%{transform:scale(1.3) rotate(15deg)}}.testimonial-content{position:relative;flex:1;display:flex;flex-direction:column;z-index:2}.quote-icon{color:var(--gold-color);margin-bottom:24px;opacity:.8;align-self:flex-start;filter:drop-shadow(0 2px 4px rgba(212,175,55,.3));transition:all .6s cubic-bezier(.34,1.56,.64,1);animation:quotePulse 3s ease-in-out infinite}@keyframes quotePulse{0%,to{opacity:.8;transform:scale(1);filter:drop-shadow(0 2px 4px rgba(212,175,55,.3))}50%{opacity:1;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(212,175,55,.5))}}.testimonial-card:hover .quote-icon{color:var(--gold-color);transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 6px 12px rgba(212,175,55,.6));animation:quoteSpin .6s ease}@keyframes quoteSpin{0%{transform:scale(1.2) rotate(-5deg)}50%{transform:scale(1.3) rotate(-15deg)}to{transform:scale(1.2) rotate(-5deg)}}.testimonial-content p{font-size:1.125rem;line-height:1.75;background:linear-gradient(135deg,#374151,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-style:italic;flex:1;display:flex;align-items:flex-start;font-weight:500;transition:all .4s ease;position:relative}.testimonial-card:hover .testimonial-content p{background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--gold-color: #D4AF37;--gold-light: #F4E4A6;--gold-dark: #B8941F}.connect-section{padding:60px 0;background:linear-gradient(135deg,#fef3e7,#fff8ed,#fef3e7,#ffe5e5,#fef3e7);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#1f2937;position:relative;overflow:hidden}.connect-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.6) 0%,transparent 70%);opacity:.8;animation:pulse 10s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.connect-content{position:relative;z-index:2}.connect-header{text-align:center;margin-bottom:50px}.connect-header h2{font-size:3rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#dc2626 0%,var(--gold-color) 50%,#dc2626 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;letter-spacing:-1px}.connect-header p{font-size:1.25rem;color:#64748b;line-height:1.6;font-weight:500;max-width:600px;margin:0 auto}.connect-icons{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;max-width:800px;margin:0 auto}.connect-icon{position:relative;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;transition:all .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:0 8px 24px #00000026,0 4px 12px #0000001a;transform-style:preserve-3d}.connect-icon:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.3;filter:blur(20px);z-index:-1;animation:iconGlow 2s ease-in-out infinite}@keyframes iconGlow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.connect-icon svg{transition:all .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));z-index:1;position:relative;color:#fff}.connect-icon:hover{transform:translateY(-12px) scale(1.15) rotate(5deg)}.connect-icon:hover svg{transform:scale(1.1);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4));color:#fff!important}.instagram-icon{background:linear-gradient(135deg,#e1306c,#fd1d1d,#f56040);animation:iconFloat 3s ease-in-out infinite}.instagram-icon:hover{background:linear-gradient(135deg,#e1306c,#fd1d1d,#f56040);box-shadow:0 16px 48px #e1306c66,0 8px 24px #e1306c4d}.instagram-icon svg{color:#fff}.instagram-icon:hover svg{color:#fff!important}.facebook-icon{background:linear-gradient(135deg,#1877f2,#42a5f5);animation:iconFloat 3s ease-in-out infinite .2s}.facebook-icon:hover{background:linear-gradient(135deg,#1877f2,#42a5f5);box-shadow:0 16px 48px #1877f266,0 8px 24px #1877f24d}.facebook-icon svg{color:#fff}.facebook-icon:hover svg{color:#fff!important}.whatsapp-icon{background:linear-gradient(135deg,#25d366,#128c7e);animation:iconFloat 3s ease-in-out infinite .4s}.whatsapp-icon:hover{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 16px 48px #25d36666,0 8px 24px #25d3664d}.whatsapp-icon svg{color:#fff}.whatsapp-icon:hover svg{color:#fff!important}.email-icon{background:linear-gradient(135deg,#ea4335,#fbbc04);animation:iconFloat 3s ease-in-out infinite .6s}.email-icon:hover{background:linear-gradient(135deg,#ea4335,#fbbc04);box-shadow:0 16px 48px #ea433566,0 8px 24px #ea43354d}.email-icon svg{color:#fff}.email-icon:hover svg{color:#fff!important}.location-icon{background:linear-gradient(135deg,var(--gold-color) 0%,#dc2626 100%);animation:iconFloat 3s ease-in-out infinite .8s;cursor:default}.location-icon:hover{background:linear-gradient(135deg,var(--gold-color) 0%,#dc2626 100%);box-shadow:0 16px 48px #d4af3766,0 8px 24px #d4af374d}.location-icon svg{color:#fff}.location-icon:hover svg{color:#fff!important}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.connect-section .section-header{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:20px 24px;background:linear-gradient(135deg,#d4af3726,#dc262626);border-radius:16px;border:1px solid rgba(212,175,55,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;text-align:left}.connect-section .section-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideRight 3s ease-in-out infinite}@keyframes slideRight{0%{left:-100%}50%,to{left:100%}}.connect-section .section-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--gold-color),#dc2626);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #d4af3766,0 0 30px #d4af374d;position:relative;z-index:1;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 8px 20px #d4af3766,0 0 30px #d4af374d;transform:scale(1)}50%{box-shadow:0 12px 28px #d4af3799,0 0 40px #d4af3780;transform:scale(1.05)}}.connect-section .section-header:hover .section-icon{animation:iconSpin .6s ease-in-out}@keyframes iconSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}.connect-section .section-header h3{background:linear-gradient(135deg,var(--gold-color),#ffffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:800;margin:0;text-shadow:0 2px 8px rgba(212,175,55,.5);position:relative;z-index:1;letter-spacing:-.5px}.social-links{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.social-link{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid transparent;border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{background:linear-gradient(135deg,#d4af3726,#ffffff1a);border-color:var(--gold-color);transform:translate(8px) scale(1.02);box-shadow:0 8px 24px #0000004d,0 0 40px #d4af374d}.social-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--gold-color),#dc2626);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #d4af3766,0 0 30px #d4af3733;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.social-link:hover .social-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 28px #d4af3799,0 0 50px #d4af3766}.social-link.instagram:hover .social-icon{background:linear-gradient(135deg,#e1306c,#fd1d1d);box-shadow:0 12px 28px #e1306c99,0 0 50px #e1306c66}.social-link.facebook:hover .social-icon{background:linear-gradient(135deg,#1877f2,#42a5f5);box-shadow:0 12px 28px #1877f299,0 0 50px #1877f266}.social-info{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.social-name{color:#fff;font-weight:700;font-size:1.125rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.social-link:hover .social-name{color:var(--gold-color);text-shadow:0 0 10px rgba(212,175,55,.5)}.social-handle{color:#cbd5e1;font-size:.95rem;font-weight:500;transition:all .3s ease}.social-link:hover .social-handle{color:#e2e8f0}.social-link svg:last-child{color:#9ca3af;transition:all .4s ease;position:relative;z-index:1}.social-link:hover svg:last-child{color:var(--gold-color);transform:translate(4px) scale(1.2);filter:drop-shadow(0 0 8px rgba(212,175,55,.8))}.contact-section{background:linear-gradient(135deg,#dc26261a,#ffffff0d,#d4af371a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid;border-image:linear-gradient(135deg,rgba(220,38,38,.5),var(--gold-color),rgba(220,38,38,.5)) 1;border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 60px #dc262633,inset 0 0 40px #ffffff0d}.contact-section:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(-45deg,transparent,rgba(220,38,38,.1),transparent);transform:rotate(-45deg);animation:shineReverse 4s ease-in-out infinite}@keyframes shineReverse{0%{transform:translate(100%) translateY(-100%) rotate(-45deg)}50%{transform:translate(0) translateY(0) rotate(-45deg)}to{transform:translate(-100%) translateY(100%) rotate(-45deg)}}.contact-section:hover{background:linear-gradient(135deg,#dc262626,#ffffff1a,#d4af3726);border-image:linear-gradient(135deg,rgba(220,38,38,.8),var(--gold-color),rgba(220,38,38,.8)) 1;transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #0006,0 0 80px #dc262666,inset 0 0 60px #ffffff1a}.contact-methods{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.contact-method{display:flex;align-items:center;gap:20px;padding:20px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid transparent;border-radius:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0003;cursor:pointer}.contact-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.2),transparent);transition:left .5s ease}.contact-method:hover:before{left:100%}.contact-method:hover{background:linear-gradient(135deg,#dc262626,#ffffff1a);border-color:#dc262680;transform:translate(8px) scale(1.02);box-shadow:0 8px 24px #0000004d,0 0 40px #dc26264d}.contact-icon{width:56px;height:56px;background:linear-gradient(135deg,#dc2626,var(--gold-color));border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #dc262666,0 0 30px #dc262633;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.contact-method:hover .contact-icon{transform:scale(1.1) rotate(-5deg);box-shadow:0 12px 28px #dc262699,0 0 50px #dc262666}.contact-method.whatsapp:hover .contact-icon{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 12px 28px #25d36699,0 0 50px #25d36666;animation:bounce .6s ease-in-out}.contact-method.email:hover .contact-icon{background:linear-gradient(135deg,#ea4335,#fbbc04);box-shadow:0 12px 28px #ea433599,0 0 50px #ea433566;animation:bounce .6s ease-in-out}.contact-method.location:hover .contact-icon{background:linear-gradient(135deg,#34a853,#0f9d58);box-shadow:0 12px 28px #34a85399,0 0 50px #34a85366;animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.15) rotate(-5deg) translateY(-4px)}}.contact-details{flex:1;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.contact-label{color:#fff;font-weight:700;font-size:1.125rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.contact-method:hover .contact-label{color:var(--gold-color);text-shadow:0 0 10px rgba(212,175,55,.5)}.contact-value{color:#cbd5e1;font-size:.95rem;font-weight:500;transition:all .3s ease}.contact-method:hover .contact-value{color:#e2e8f0}.contact-method svg:last-child{color:#9ca3af;transition:all .4s ease;position:relative;z-index:1}.contact-method:hover svg:last-child{color:var(--gold-color);transform:translate(4px) scale(1.2);filter:drop-shadow(0 0 8px rgba(212,175,55,.8))}.newsletter-text h2{font-size:2.75rem;font-weight:700;margin:0 0 20px;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.newsletter-text p{font-size:1.25rem;color:#ffffffe6;margin:0 0 36px;line-height:1.6;text-shadow:0 1px 2px rgba(0,0,0,.3)}.newsletter-benefits{display:flex;flex-direction:column;gap:16px}.benefit{display:flex;align-items:center;gap:14px;color:#fffffff2;font-weight:500;font-size:16px}.benefit svg{color:#10b981;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(16,185,129,.3))}.newsletter-form{background:#ffffff14;padding:40px;border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d;transition:all .3s ease}.newsletter-form:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 24px 80px #0006}.newsletter-section .form-group{position:relative;display:flex;flex-direction:row;align-items:stretch;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026;transition:all .3s ease;height:64px;border:2px solid transparent;gap:0;width:100%}.newsletter-section .form-group:focus-within{box-shadow:0 12px 32px #0003;transform:translateY(-2px);border-color:#dc26264d}.newsletter-section .mail-icon{position:absolute;left:20px;color:#6b7280;z-index:2;top:50%;transform:translateY(-50%);width:20px;height:20px}.newsletter-section .form-group input{flex:1;padding:18px 16px 18px 54px;border:none;font-size:16px;background:transparent;color:#1f2937;font-weight:500;height:100%;line-height:1.5;border-radius:14px 0 0 14px;outline:none;margin:0}.newsletter-section .form-group input::placeholder{color:#9ca3af;font-weight:400}.newsletter-section .form-group input:focus{outline:none}.newsletter-section .form-group button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:0;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:none;height:100%;border-radius:0 14px 14px 0;flex-shrink:0;width:70px;min-width:70px;margin:0;position:relative}.newsletter-section .form-group button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:scale(1.05);box-shadow:0 4px 12px #dc26264d}.newsletter-section .form-group button svg{color:#fff;width:18px;height:18px;transition:transform .2s ease}.newsletter-section .form-group button:hover svg{transform:translate(2px)}.newsletter-section .form-group button:disabled{opacity:.7;cursor:not-allowed}.success-message{margin-top:16px;color:#10b981;font-size:14px;text-align:center}.dark .home-page,.dark .features-section,.dark .featured-products,.dark .testimonials-section{background:#111827}.dark .feature-card h3{color:#f9fafb}.dark .feature-card p{color:#d1d5db}.dark .section-header p{color:#d1d5db}.dark .testimonial-card{background:#1f2937!important;border-color:#4b5563!important;padding:48px 32px 40px!important}.dark .testimonial-card .customer-info h4{color:#f9fafb}.dark .testimonial-card .customer-info p{color:#d1d5db}.dark .testimonial-content p{color:#e5e7eb}.dark .testimonial-card .star-filled{color:#fbbf24!important}.dark .newsletter-section{background:linear-gradient(135deg,#111827,#000)}.dark .newsletter-form{background:#ffffff0d;border-color:#ffffff1a}.dark .form-group input{color:#f9fafb}.dark .form-group input::placeholder{color:#9ca3af}@media (max-width: 1024px){.hero-text h1{font-size:3rem}.newsletter-content{grid-template-columns:1fr;gap:40px;text-align:center}}@media (max-width: 768px){.container{padding:0 16px}.hero-section{min-height:80vh;padding:40px 0}.hero-section{background-attachment:scroll}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.125rem}.featured-products .products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hero-actions{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{padding:16px 12px}.stat-number{font-size:1.75rem}.hero-image-container{height:300px}.features-section,.featured-products,.testimonials-section,.connect-section{padding:50px 0}.connect-icons{gap:32px}.connect-icon{width:70px;height:70px}.connect-icon svg{width:36px;height:36px}.connect-header h2{font-size:2.25rem}.connect-header p{font-size:1.125rem}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px}.products-grid{grid-template-columns:1fr;gap:24px}.testimonials-container{margin-top:32px}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:32px}.testimonial-card{padding:40px 28px 36px;min-height:360px}.customer-avatar{width:70px;height:70px}.avatar-initials{font-size:24px}.nav-button{width:40px;height:40px}.nav-button.prev{left:-20px}.nav-button.next{right:-20px}.testimonial-card{padding:32px 24px 24px}.section-header h2{font-size:2rem}}@media (max-width: 480px){.connect-section{padding:50px 0}.connect-icons{gap:24px}.connect-icon{width:60px;height:60px}.connect-icon svg{width:32px;height:32px}.connect-header h2{font-size:1.875rem}.featured-products .products-grid{grid-template-columns:1fr;gap:16px}.connect-header p{font-size:1rem}.testimonials-grid{grid-template-columns:1fr;gap:20px}.testimonial-card{padding:36px 20px 28px;min-height:280px}.hero-text h1{font-size:2rem}.hero-text p{font-size:1rem}.hero-stats{grid-template-columns:1fr;gap:12px}.stat-number{font-size:1.5rem}.feature-icon{width:48px;height:48px}.feature-card h3{font-size:1.125rem}.section-header h2,.newsletter-text h2{font-size:1.75rem}}.category-dropdown-container{position:relative;width:100%;max-width:100%;background:linear-gradient(135deg,#fffbeb,#fef3c7,#fffbeb);z-index:50;border:none!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;box-shadow:none!important;overflow:visible;margin:0 auto;padding:0;outline:none!important;display:flex;justify-content:center;align-items:center}.category-nav{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:0;height:55px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative;overflow:visible;margin:0;gap:0;border:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important}.category-nav::-webkit-scrollbar{display:none}.category-item{position:static;margin:0;flex:0 0 auto;text-align:center;border:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important;outline:none!important;box-shadow:none!important}.category-item:not(:first-child):not(:last-child){margin-left:0;margin-right:0}.category-item:first-child{border-left:none!important;margin-left:0;padding-left:0;outline:none!important;box-shadow:none!important;border:none!important;margin-right:0}.category-item:last-child{border-right:none!important;margin-right:0;padding-right:0;outline:none!important;box-shadow:none!important}.category-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;color:#1f2937;text-decoration:none;font-weight:700;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;width:auto;position:relative;border-radius:0;margin:4px 0 0;outline:none!important;box-shadow:none!important}.category-item:first-child .category-link{border-left:none!important;margin-left:0;padding-left:16px;padding-right:16px;outline:none!important;box-shadow:none!important;border:none!important;border-radius:0}.category-item:last-child .category-link{border-right:none!important;margin-right:0;padding-right:16px;padding-left:16px;outline:none!important;box-shadow:none!important;border:none!important;border-radius:0}.category-link:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#d9770614,#fbbf240d);border-radius:0;opacity:0;transition:opacity .3s ease;z-index:-1}.category-link:hover:before,.category-link.active:before{opacity:1}.category-link:hover,.category-link.active{color:#d97706;border-bottom-color:#d97706;background:linear-gradient(135deg,#d977061a,#fbbf2414);transform:translateY(-2px);box-shadow:0 4px 12px #d9770626;border-left:none!important;border-right:none!important;border-top:none!important;outline:none!important}.category-link span{position:relative;z-index:1;text-shadow:0 1px 2px rgba(255,255,255,.8)}.category-dropdown{position:absolute;top:100%;left:0;width:auto;max-width:none;background:linear-gradient(135deg,#fff,#fffbeb,#fff);border:3px solid #d97706;border-top:none;box-shadow:0 20px 60px #d9770640,0 8px 24px #00000026,inset 0 1px #ffffffe6;z-index:90;min-height:400px;animation:slideDown .4s cubic-bezier(.4,0,.2,1);border-radius:0 0 20px 20px;margin-top:-1px;overflow:hidden}.category-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d97706,#f59e0b,#fbbf24,#f59e0b,#d97706);background-size:200% 100%;animation:shimmer-border 3s ease-in-out infinite}@keyframes shimmer-border{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-content{display:flex;max-width:2400px;margin:0 auto;padding:32px 50px;gap:50px;min-height:250px;align-items:flex-start;position:relative;z-index:1;width:100%}.dropdown-header{background:#f8f9fa;padding:12px 16px;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.dropdown-column{flex:1;min-width:200px;max-width:250px;position:relative}.subcategory-group{margin-bottom:20px}.subcategory-group:last-child{margin-bottom:0}.subcategory-title{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid #d97706;text-transform:uppercase;letter-spacing:.5px}.subcategory-subgroup{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#fffc,#fffbeb99);border-radius:12px;border:1px solid rgba(217,119,6,.1);transition:all .3s ease;position:relative;overflow:hidden}.subcategory-subgroup:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(217,119,6,.1),transparent);transition:left .5s ease}.subcategory-subgroup:hover:before{left:100%}.subcategory-subgroup:hover{background:linear-gradient(135deg,#fffffff2,#fffbebcc);transform:translateY(-2px);box-shadow:0 4px 12px #d9770626;border-color:#d9770633}.subcategory-subgroup:last-child{margin-bottom:0}.subcategory-subtitle{font-size:15px;font-weight:800;background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid rgba(217,119,6,.3);text-transform:uppercase;letter-spacing:.5px;position:relative}.subcategory-subtitle:after{content:"";position:absolute;bottom:-2px;left:0;width:50px;height:2px;background:linear-gradient(90deg,#d97706,transparent)}.subcategory-columns{display:flex;gap:50px;width:100%;flex-wrap:nowrap;justify-content:flex-start}.subcategory-columns.makeup-layout{gap:30px}.subcategory-columns.makeup-layout .subcategory-column.makeup-brands{margin-left:0;padding-left:10px}.subcategory-column{flex:1;min-width:180px;max-width:200px}.subcategory-items{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:4px}.subcategory-item{margin:0;width:100%;display:block}.subcategory-item a{display:block!important;padding:10px 14px!important;color:#374151!important;text-decoration:none!important;font-size:13px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important;min-height:38px!important;border-bottom:none!important;line-height:1.4!important;position:relative;background:#fff9;border:1px solid rgba(217,119,6,.08)}.subcategory-item a:before{content:"→";position:absolute;left:8px;opacity:0;transform:translate(-8px);transition:all .3s ease;color:#d97706;font-weight:800}.subcategory-item a:hover:before{opacity:1;transform:translate(0)}.subcategory-item a:hover{color:#d97706!important;background:linear-gradient(135deg,#d977061a,#fbbf2414)!important;font-weight:700!important;transform:translate(8px);border-color:#d9770633;box-shadow:0 2px 8px #d9770626;padding-left:28px!important}.quick-links-section{margin-bottom:20px}.trending-section{margin-bottom:0}.additional-categories-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.additional-category-item{margin:0;width:100%;display:block}.additional-category-item a{display:block!important;padding:8px 12px!important;color:#4b5563!important;text-decoration:none!important;font-size:14px!important;font-weight:500!important;transition:all .2s ease!important;border-radius:4px!important;width:100%!important;box-sizing:border-box!important;min-height:36px!important;border-bottom:none!important}.additional-category-item a:hover{color:#d97706;background:#d9770614;font-weight:600}.dropdown-banner{background:linear-gradient(135deg,#d97706,#b45309);color:#fff;padding:20px;border-radius:8px;margin-top:16px;position:relative;overflow:hidden}.dropdown-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.banner-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.banner-text h3{font-size:1.5rem;font-weight:800;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.banner-text p{font-size:.85rem;margin:0;opacity:.9;line-height:1.4}.banner-image{flex:0 0 auto;margin:0 20px}.product-showcase{display:flex;align-items:center;gap:16px}.product-item{position:relative}.product-image{width:60px;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 4px 12px #0003}.banner-cta{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 20px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.banner-cta:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 1200px){.dropdown-content{max-width:2000px;gap:40px;padding:25px 40px}.subcategory-columns{gap:40px}.subcategory-column{min-width:160px;max-width:180px}}@media (max-width: 1024px){.dropdown-content{max-width:1800px;gap:30px;padding:20px 30px}.dropdown-column{min-width:150px}.subcategory-columns{gap:30px}.subcategory-column{min-width:150px;max-width:170px}}@media (max-width: 768px){.category-nav{padding:0;height:40px;justify-content:center}.category-item{margin:0 auto;flex:0 0 auto}.category-link{padding:6px 2px;font-size:13px}.category-dropdown{position:fixed;inset:0;background:#fff;z-index:95;overflow-y:auto;animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.dropdown-content{flex-direction:column;gap:24px;padding:20px 16px}.dropdown-column{min-width:auto}.subcategory-columns{flex-direction:column;gap:20px}.subcategory-column{min-width:auto;max-width:none}.subcategory-items,.brands-list,.additional-categories-list{display:flex;flex-direction:column;gap:2px}.banner-content{flex-direction:column;text-align:center;gap:16px}.banner-text h3{font-size:1.5rem}.banner-text p{font-size:.8rem}}@media (max-width: 480px){.category-nav{padding:0;height:38px;justify-content:space-evenly}.category-item{margin:0;flex:1}.category-link{padding:5px 1px;font-size:12px}.dropdown-content{padding:16px 12px;gap:20px;flex-wrap:wrap}.dropdown-column{min-width:200px;max-width:none}.subcategory-items,.brands-list,.additional-categories-list{display:flex;flex-direction:column;gap:2px}.subcategory-title,.section-title{font-size:14px;margin-bottom:12px}.subcategory-item a,.brand-item a,.additional-category-item a{font-size:13px!important;padding:8px 12px!important;width:100%!important;box-sizing:border-box!important;min-height:36px!important;display:block!important}.dropdown-banner{padding:16px}.banner-text h3{font-size:1.25rem}.banner-text p{font-size:.75rem}.banner-cta{padding:10px 20px;font-size:12px}}.shop-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.shop-hero{background:linear-gradient(135deg,#0000004d,#0006),url(https://images.unsplash.com/photo-1522335789203-aabd1fc54bc9?w=1920&h=1080&fit=crop&crop=center);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:40px 0;position:relative;overflow:hidden}.shop-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain-shop" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain-shop)"/></svg>');opacity:.1;pointer-events:none}.shop-hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}.hero-text h1{font-size:36px;font-weight:700;margin:0 0 16px;letter-spacing:-1px;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.7),0 2px 4px rgba(0,0,0,.5)}.hero-text p{font-size:16px;color:#ffffffe6;margin:0 0 24px;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.6)}.hero-badges{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.shop-hero{background-attachment:scroll}.shop-hero-content{grid-template-columns:1fr;gap:20px;text-align:center}}.products-search{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.search-container{position:relative;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:2}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#1f2937;transition:all .2s ease}.search-input::placeholder{color:#9ca3af}.search-input:focus{outline:none;border-color:#dc2626;background:#fff;box-shadow:0 0 0 3px #dc26261a}.search-input:hover{border-color:#d1d5db}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;z-index:2}.clear-search:hover{background:#e5e7eb;color:#374151;transform:translateY(-50%) scale(1.1)}.badge{background:#fff3;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .2s ease;display:flex;align-items:center;gap:6px}.badge:hover{background:#ffffff4d;transform:translateY(-1px)}.hero-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:280px;height:280px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2)}.floating-elements{position:relative;width:100%;height:100%}.element{position:absolute;font-size:32px;animation:float 3s ease-in-out infinite}.element-1{top:20%;left:20%;animation-delay:0s}.element-2{top:20%;right:20%;animation-delay:.5s}.element-3{bottom:20%;left:20%;animation-delay:1s}.element-4{bottom:20%;right:20%;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shop-features{padding:30px 0;background:#fff}.features-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.feature-card{text-align:center;padding:20px 16px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001a;background:#fff}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff}.feature-content h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 6px}.feature-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4}.shop-content{padding:40px 0}.shop-page .shop-layout{max-width:2000px;margin:0 auto;padding:0;display:flex;align-items:flex-start;gap:50px}.shop-page .shop-sidebar{flex:0 0 280px;max-width:280px;margin:0}@media (max-width: 1000px){.shop-page .shop-sidebar{flex:0 0 180px;max-width:180px}}.shop-page .shop-main{flex:1 1 auto;margin:0}.mobile-filter-toggle{display:none}.filter-toggle-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #dc26264d;margin-bottom:20px}.filter-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.shop-sidebar{background:#fff;border-radius:16px 0 0 16px;padding:0;box-shadow:0 4px 20px #00000014;border:2px solid #e5e7eb;border-right:none;height:fit-content;position:sticky;top:20px;overflow:hidden;margin:0;margin-right:0!important}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.sidebar-header h2{font-size:22px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.025em}.close-filters{background:#f3f4f6;border:2px solid #e5e7eb;font-size:18px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:600}.close-filters:hover{background:#ef4444;color:#fff;border-color:#dc2626;transform:scale(1.05)}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6;margin-bottom:0!important;margin-top:0!important}.filter-content{padding:16px 24px 24px}.category-option,.subcategory-option,.brand-option{display:flex;align-items:center;justify-content:space-between;width:100%}.category-name,.subcategory-name,.brand-name{flex:1;text-align:left}.checkmark{color:#fff;font-weight:700;font-size:16px}.show-more-btn{background:#f8fafc;color:#6b7280;border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;width:100%;margin-top:8px}.show-more-btn:hover{background:#e5e7eb;color:#374151}.rating-option{display:flex;align-items:center;gap:8px}.rating-icon{color:#fbbf24}.discount-option{display:flex;align-items:center;gap:8px}.discount-icon{color:#16a34a}.availability-option{display:flex;align-items:center;gap:8px}.availability-icon{color:#3b82f6}.price-range-slider-container{margin:16px 0}.price-range-labels{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-top:8px}.dual-range-slider{position:relative;height:20px;margin:20px 0}.range-slider{position:absolute;top:0;left:0;width:100%;height:20px;background:none;outline:none;-webkit-appearance:none;appearance:none;pointer-events:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#dc2626;border:3px solid white;box-shadow:0 2px 6px #0003;cursor:pointer;pointer-events:all;transition:all .2s ease}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#dc2626;border:3px solid white;box-shadow:0 2px 6px #0003;cursor:pointer;pointer-events:all;transition:all .2s ease}.range-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.range-track{position:absolute;top:50%;left:0;right:0;height:6px;background:#e5e7eb;border-radius:3px;transform:translateY(-50%)}.range-progress{position:absolute;top:50%;height:6px;background:#dc2626;border-radius:3px;transform:translateY(-50%);transition:all .2s ease}.range-slider-min{z-index:2}.range-slider-max{z-index:1}.filter-section{margin-bottom:0!important}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0!important;margin-top:0!important}.filter-content{display:flex;flex-direction:column;gap:8px}.filter-option{background:none;border:2px solid #e5e7eb;padding:12px 16px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;color:#374151}.filter-option:hover{border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.filter-option.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.price-range-inputs{display:flex;align-items:center;gap:8px}.price-input{flex:1;padding:8px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;text-align:center;transition:all .2s ease}.price-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.price-separator{color:#6b7280;font-weight:600}.sort-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;background:#fff;color:#374151}.sort-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.sort-select:hover{border-color:#d1d5db}.shop-main{background:#fff;border-radius:0 16px 16px 0;padding:32px 32px 32px 24px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;border-left:none;margin:0;margin-left:0!important}.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.products-info h2{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.products-info p{font-size:14px;color:#6b7280;margin:0}.view-controls{display:flex;align-items:center;gap:16px}.view-toggle{display:flex;background:#f3f4f6;border-radius:10px;padding:4px}.view-btn{background:none;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280}.view-btn:hover{color:#374151}.view-btn.active{background:#fff;color:#dc2626;box-shadow:0 2px 4px #0000001a}.products-grid{display:grid;gap:10px}.products-grid.grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}@media (min-width: 900px){.products-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.products-grid.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1400px){.products-grid.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1800px){.products-grid.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.products-grid.list{grid-template-columns:1fr}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;border:none;outline:none;transition:all .3s ease;cursor:pointer;position:relative}.product-card:before,.product-card:after{display:none!important;content:none!important}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border:none;outline:none}.product-card.grid-view{display:flex;flex-direction:column}.product-card.list-view{display:flex;flex-direction:row;align-items:center;padding:0;min-height:120px;background:#fff;border:none;outline:none;border-radius:16px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;margin-bottom:12px}.product-card.list-view:before{display:none!important;content:none!important}.product-card.list-view:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a;border:none;outline:none}.product-card.grid-view .product-image-container{width:100%;height:200px}.product-card.list-view .product-image-section{width:100px;height:100px;border-radius:12px;flex-shrink:0;overflow:hidden;background:#f9fafb;position:relative;box-shadow:0 2px 8px #0000001a}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.05)}.wishlist-button{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#fffffff2;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a}.product-card.list-view .wishlist-button{width:32px;height:32px;top:8px;right:8px}.wishlist-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #00000026}.heart-filled{color:#dc2626;fill:currentColor}.heart-outline{color:#6b7280}.product-info{padding:20px;display:flex;flex-direction:column;flex:1}.product-card.list-view .product-info{padding:20px;flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;height:100%}.product-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.product-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4;flex:1}.product-card.list-view .product-details{flex:1;display:flex;flex-direction:column;gap:8px}.product-card.list-view .product-name{font-size:16px;font-weight:600;margin:0;line-height:1.3;color:#1f2937;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card.list-view .product-description{-webkit-line-clamp:2;line-clamp:2;margin:0;font-size:13px;line-height:1.4;color:#6b7280}.star-filled{color:#fbbf24;fill:currentColor}.reviews-count{font-size:12px;color:#6b7280}.product-card.list-view .reviews-count{font-size:12px;color:#6b7280;font-weight:500}.product-card.list-view .product-rating{margin:0;display:flex;align-items:center;gap:6px}.product-card.list-view .stars{gap:1px}.product-card.list-view .stars .star-filled,.product-card.list-view .stars .star-empty{width:12px;height:12px}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.product-card.list-view .product-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:120px}.product-price{font-size:18px;font-weight:700;color:#ef4444}.product-card.list-view .product-price{font-size:18px;font-weight:700;color:#ef4444;margin:0;white-space:nowrap}.add-to-cart-button{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #dc26264d}.add-to-cart-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.product-card.list-view .add-to-cart-button{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease;white-space:nowrap;width:100%;box-shadow:0 1px 3px #dc262633}.product-card.list-view .add-to-cart-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.dark .product-card{background:#374151;border-color:#4b5563}.dark .product-description{color:#9ca3af}.dark .product-price{color:#f87171}.dark .reviews-count,.dark .heart-outline{color:#9ca3af}.dark .products-search{border-bottom-color:#4b5563}.dark .search-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .search-input::placeholder{color:#9ca3af}.dark .search-input:focus{border-color:#dc2626;background:#374151}.dark .search-input:hover{border-color:#6b7280}.dark .search-icon{color:#9ca3af}.dark .clear-search{background:#4b5563;color:#9ca3af}.dark .clear-search:hover{background:#6b7280;color:#d1d5db}.no-products{text-align:center;padding:80px 20px}.no-products-content{max-width:400px;margin:0 auto}.no-products-icon{font-size:64px;margin-bottom:24px}.no-products-content h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 12px}.no-products-content p{font-size:16px;color:#6b7280;margin:0 0 24px}.clear-filters-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc26264d}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid #e5e7eb}.pagination-btn{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.pagination-numbers{display:flex;gap:8px}.pagination-number{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:40px}.pagination-number:hover{border-color:#dc2626;color:#dc2626}.pagination-number.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.dark .shop-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .shop-features{background:#1f2937}.dark .feature-card{background:#374151;border-color:#4b5563}.dark .feature-card:hover{background:#4b5563}.dark .feature-content h3{color:#f9fafb}.dark .feature-content p{color:#9ca3af}.dark .shop-sidebar,.dark .shop-main{background:#374151;border-color:#4b5563}.dark .sidebar-header{border-bottom-color:#4b5563}.dark .sidebar-header h2{color:#f9fafb}.dark .close-filters{color:#9ca3af}.dark .close-filters:hover{background:#4b5563;color:#d1d5db}.dark .sidebar-header{background:#374151;border-bottom-color:#4b5563}.dark .header-content h2{color:#f9fafb}.dark .filter-header{border-bottom-color:#4b5563}.dark .filter-header:hover{background:#374151}.dark .chevron-icon{color:#9ca3af}.dark .show-more-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.dark .show-more-btn:hover{background:#4b5563;color:#d1d5db}.dark .price-range-labels{color:#9ca3af}.dark .range-track{background:#4b5563}.dark .range-progress{background:#dc2626}.dark .range-slider::-webkit-slider-thumb{background:#dc2626;border-color:#374151}.dark .range-slider::-moz-range-thumb{background:#dc2626;border-color:#374151}.dark .filter-title{color:#f9fafb}.dark .filter-option{background:#4b5563;border-color:#6b7280;color:#d1d5db}.dark .filter-option:hover{border-color:#dc2626;color:#f9fafb}.dark .price-input,.dark .sort-select{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark .price-input:focus,.dark .sort-select:focus{border-color:#dc2626}.dark .price-input:hover,.dark .sort-select:hover{border-color:#9ca3af}.dark .products-header{border-bottom-color:#4b5563}.dark .products-info h2{color:#f9fafb}.dark .products-info p{color:#9ca3af}.dark .view-toggle{background:#4b5563}.dark .view-btn{color:#9ca3af}.dark .view-btn:hover{color:#d1d5db}.dark .view-btn.active{background:#374151;color:#dc2626}.dark .no-products-content h3{color:#f9fafb}.dark .no-products-content p{color:#9ca3af}.dark .pagination{border-top-color:#4b5563}.dark .pagination-btn,.dark .pagination-number{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .pagination-btn:hover:not(:disabled),.dark .pagination-number:hover{border-color:#dc2626;color:#f9fafb}@media (max-width: 1024px){.shop-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.features-container{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr;gap:20px}.shop-sidebar{position:static;order:2}.shop-main{order:1}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:2rem}.loading-spinner{color:#dc2626;margin-bottom:1rem;animation:spinner-rotate .9s linear infinite;filter:drop-shadow(0 4px 10px rgba(220,38,38,.35))}@keyframes spinner-rotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.error-container h2{color:#ef4444;margin-bottom:1rem}.error-container p{color:#6b7280;margin-bottom:1.5rem}.pagination-container{margin-top:3rem;padding:2rem 0;border-top:1px solid #e5e7eb}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.products-count{font-size:14px;color:#6b7280;font-weight:500}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector label{font-size:14px;color:#374151;font-weight:500}.page-size-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease}.page-size-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.pagination-nav{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#dc2626;color:#dc2626}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:.5rem}.page-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page-number:hover{background:#f9fafb;border-color:#dc2626;color:#dc2626}.page-number.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.page-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#9ca3af;font-size:14px;font-weight:500}.dark .pagination-container{border-top-color:#374151}.dark .products-count{color:#9ca3af}.dark .page-size-selector label{color:#d1d5db}.dark .page-size-select{background:#1f2937;border-color:#374151;color:#d1d5db}.dark .page-size-select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.dark .pagination-btn{background:#1f2937;border-color:#374151;color:#d1d5db}.dark .pagination-btn:hover:not(:disabled){background:#374151;border-color:#dc2626;color:#dc2626}.dark .page-number{background:#1f2937;border-color:#374151;color:#d1d5db}.dark .page-number:hover{background:#374151;border-color:#dc2626;color:#dc2626}.dark .page-number.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.dark .page-ellipsis{color:#6b7280}@media (max-width: 768px){.pagination-info{flex-direction:column;align-items:flex-start;gap:1rem}.pagination-nav{flex-wrap:wrap;gap:.5rem}.pagination-btn{padding:.5rem 1rem;font-size:13px}.page-number,.page-ellipsis{width:35px;height:35px;font-size:13px}}@media (max-width: 768px){.shop-hero{padding:30px 0}.shop-hero-content{padding:0 16px}.hero-text h1{font-size:28px}.hero-text p{font-size:14px}.hero-badges{justify-content:center}.products-search{margin-bottom:20px;padding-bottom:16px}.search-container{max-width:100%}.image-placeholder{width:200px;height:200px}.shop-features{padding:20px 0}.features-container{grid-template-columns:1fr;gap:20px}.shop-content{padding:20px 0}.shop-layout{padding:0 16px}.mobile-filter-toggle{display:block}.shop-sidebar{display:none;position:fixed;inset:0;z-index:1000;background:#fff;border-radius:0;padding:20px;overflow-y:auto}.shop-sidebar.show{display:block}.shop-main{padding:24px}.products-header{flex-direction:column;align-items:flex-start;gap:16px}.products-search{margin-bottom:16px;padding-bottom:12px}.search-input{padding:10px 14px 10px 40px;font-size:14px}.products-grid.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pagination{flex-wrap:wrap;gap:8px}.pagination-numbers{flex-wrap:wrap}}@media (max-width: 480px){.shop-hero{padding:20px 0}.hero-text h1{font-size:24px}.hero-text p{font-size:14px}.image-placeholder{width:150px;height:150px}.shop-features{padding:15px 0}.feature-card{padding:24px 16px}.shop-main{padding:20px}.products-grid.grid{grid-template-columns:1fr}.pagination-btn,.pagination-number{padding:6px 10px;font-size:12px}}.filter-checkbox,.filter-radio{appearance:none;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s ease;margin-right:12px;flex-shrink:0}.filter-checkbox:checked,.filter-radio:checked{background:#dc2626;border-color:#dc2626}.filter-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.filter-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.filter-checkbox:hover,.filter-radio:hover{border-color:#dc2626;transform:scale(1.05)}.filter-option{display:flex;align-items:center;padding:8px 0;cursor:pointer;transition:all .2s ease;border-radius:6px;margin-bottom:4px}.filter-option:hover{background:#f8fafc;padding-left:8px}.filter-label{font-size:14px;color:#374151;font-weight:500;flex:1;margin-right:8px}.filter-count{font-size:12px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px;font-weight:500}.price-range-container-new{margin:20px 0}.price-range-slider-new{position:relative;height:6px;background:#e5e7eb;border-radius:3px;margin:20px 0}.price-range-min-new,.price-range-max-new{position:absolute;top:-8px;width:100%;height:22px;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;pointer-events:none}.price-range-min-new{z-index:2}.price-range-max-new{z-index:1}.price-range-min-new::-webkit-slider-thumb,.price-range-max-new::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#dc2626;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease;pointer-events:auto}.price-range-min-new::-webkit-slider-thumb:hover,.price-range-max-new::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.price-range-min-new::-webkit-slider-thumb:active,.price-range-max-new::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 6px 16px #dc262680}.price-range-min-new::-moz-range-thumb,.price-range-max-new::-moz-range-thumb{width:20px;height:20px;background:#dc2626;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003;transition:all .2s ease;pointer-events:auto}.price-range-min-new::-moz-range-thumb:hover,.price-range-max-new::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #dc262666}.price-range-min-new::-moz-range-thumb:active,.price-range-max-new::-moz-range-thumb:active{transform:scale(1.2);box-shadow:0 6px 16px #dc262680}.price-range-progress-new{position:absolute;top:0;height:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:3px;transition:all .2s ease;pointer-events:none}.price-display{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:#374151;background:#f8fafc;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb}.price-min,.price-max{color:#dc2626}.price-separator{color:#6b7280;margin:0 8px}.rating-display{display:flex;align-items:center;gap:4px;font-size:13px;color:#6b7280}.star-filled{color:#fbbf24}.star-empty{color:#d1d5db}.filter-actions{padding:20px 24px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 16px 16px}.clear-filters-btn{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #dc26264d}.clear-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262666;background:linear-gradient(135deg,#dc2626,#b91c1c)}.shop-sidebar{background:#fff;border-radius:16px 0 0 16px;padding:0;box-shadow:0 8px 32px #0000001a;border:1px solid #e5e7eb;border-right:none;height:fit-content;position:sticky;top:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;margin-right:0!important}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px 16px 0 0}.sidebar-header h2{font-size:24px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.025em}.filter-section{border-bottom:1px solid #f3f4f6;margin-bottom:0!important;margin-top:0!important}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;transition:all .2s ease;background:#fff;margin-bottom:0!important;margin-top:0!important}.filter-header:hover{background:#f8fafc}.filter-title{font-size:16px;font-weight:600;color:#1f2937;margin:0}.chevron-icon{color:#6b7280;transition:transform .2s ease}.chevron-icon.expanded{transform:rotate(180deg)}.filter-content{padding:16px 24px 24px;background:#fafbfc;margin-top:0!important;margin-bottom:0!important}.main-search-container{margin-bottom:24px;padding:0 4px}.search-and-view-wrapper{display:flex;align-items:center;gap:20px;max-width:800px;margin:0 auto}.main-search-input{width:100%;padding:16px 20px 16px 56px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;background:#fff;color:#1f2937;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.main-search-input:focus{outline:none;border-color:#dc2626;background:#fff;box-shadow:0 0 0 4px #dc26261a,0 4px 16px #0000001a;transform:translateY(-1px)}.main-search-input:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014}.main-search-icon.search-loading{animation:spinner-rotate-icon .9s linear infinite;color:#dc2626}@keyframes spinner-rotate-icon{0%{transform:translateY(-50%) rotate(0) scale(1)}50%{transform:translateY(-50%) rotate(180deg) scale(1.05)}to{transform:translateY(-50%) rotate(360deg) scale(1)}}.products-grid.search-loading{opacity:.7;transition:opacity .3s ease}.view-toggle{display:flex;background:#fff;border-radius:12px;padding:4px;box-shadow:0 4px 12px #0000001a;border:2px solid #e5e7eb;transition:all .3s ease}.view-toggle:hover{border-color:#dc2626;box-shadow:0 6px 16px #dc262626}.view-btn{background:transparent;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.view-btn:hover{background:#dc26261a;color:#dc2626;transform:translateY(-1px)}.view-btn.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.view-btn.active:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);animation:shimmer 2s infinite}.shop-sidebar{background:linear-gradient(145deg,#fff,#f8fafc,#fff);border-radius:24px 0 0 24px;padding:0;box-shadow:0 24px 48px #dc26261f,0 12px 24px #dc262614,0 4px 8px #0000000a,inset 0 1px #ffffffe6;border:2px solid rgba(220,38,38,.15);border-right:none;height:fit-content;position:sticky;top:20px;overflow-y:auto;overflow-x:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:calc(100vh - 40px);transition:all .3s ease;margin:0;margin-right:0!important}.shop-sidebar:hover{box-shadow:0 28px 56px #dc262626,0 16px 32px #dc26261a,0 8px 16px #0000000f;transform:translateY(-2px);border-color:#dc262640;margin-right:0!important}.shop-sidebar::-webkit-scrollbar{width:6px}.shop-sidebar::-webkit-scrollbar-track{background:#f3f4f680;border-radius:3px}.shop-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:3px;transition:all .2s ease}.shop-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#b91c1c,#991b1b)}.shop-sidebar{scrollbar-width:thin;scrollbar-color:#dc2626 rgba(243,244,246,.5)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 28px;border-bottom:3px solid rgba(220,38,38,.2);background:linear-gradient(135deg,#fee2e2,#fecaca,#fef2f2,#fecaca,#fee2e2);border-radius:24px 0 0;position:relative;overflow:hidden;box-shadow:0 4px 12px #dc26261a}.sidebar-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shimmer 3s infinite}.sidebar-header h2{font-size:28px;font-weight:900;background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(220,38,38,.1);position:relative;z-index:2}.close-filters{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid rgba(229,231,235,.8);font-size:18px;color:#6b7280;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:600;box-shadow:0 2px 8px #0000001a}.close-filters:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 16px #dc26264d}.filter-section{border-bottom:2px solid rgba(220,38,38,.08);background:linear-gradient(135deg,#fff,#fef2f2);transition:all .3s ease;position:relative;margin-bottom:0!important;margin-top:0!important}.filter-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);opacity:0;transition:opacity .3s ease}.filter-section:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom-color:#dc262626}.filter-section:hover:before{opacity:1}.filter-section:last-of-type{border-bottom:none}.filter-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;cursor:pointer;transition:all .3s ease;background:transparent;position:relative}.filter-header:hover{background:linear-gradient(135deg,#fef2f2cc,#fee2e299);padding-left:32px;transform:translate(4px)}.filter-header:active{transform:translate(2px)}.filter-title{font-size:18px;font-weight:800;background:linear-gradient(135deg,#dc2626,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.01em;transition:all .3s ease}.filter-header:hover .filter-title{background:linear-gradient(135deg,#b91c1c,#7f1d1d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chevron-icon{color:#6b7280;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;border:1px solid rgba(220,38,38,.1)}.chevron-icon:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #dc262633}.chevron-icon.expanded{transform:rotate(180deg);background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 16px #dc26264d;border-color:#dc2626}.chevron-icon.expanded:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:rotate(180deg) scale(1.1)}.filter-content{padding:24px 28px 32px;background:linear-gradient(135deg,#fff,#fef2f2);border-top:2px solid rgba(220,38,38,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{display:flex;align-items:center;padding:14px 18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:14px;margin-bottom:8px;background:linear-gradient(135deg,#fff,#fef2f2);border:2px solid rgba(220,38,38,.1);box-shadow:0 2px 6px #dc262614;position:relative;overflow:hidden}.filter-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);transition:left .5s ease}.filter-option:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding-left:24px;transform:translate(6px) scale(1.02);box-shadow:0 6px 20px #dc262626;border-color:#dc26264d}.filter-option:hover:before{left:100%}.filter-checkbox,.filter-radio{appearance:none;width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;position:relative;transition:all .3s ease;margin-right:16px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.filter-radio{border-radius:50%}.filter-checkbox:checked,.filter-radio:checked{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);border-color:#dc2626;transform:scale(1.15);box-shadow:0 6px 16px #dc262666,0 0 0 3px #dc26261a,inset 0 2px 4px #fff3;animation:pulse .5s ease}@keyframes pulse{0%,to{transform:scale(1.15)}50%{transform:scale(1.25)}}.filter-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.filter-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003}.filter-checkbox:hover,.filter-radio:hover{border-color:#dc2626;transform:scale(1.05);box-shadow:0 4px 8px #dc262633}.filter-label{font-size:16px;color:#1f2937;font-weight:700;flex:1;margin-right:12px;letter-spacing:-.01em;transition:all .3s ease;position:relative;z-index:1}.filter-option:hover .filter-label{color:#dc2626;transform:translate(2px)}.filter-count{display:none!important}.filter-actions{padding:24px;border-top:2px solid rgba(229,231,235,.6);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 0 20px 20px}.clear-filters-btn{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);color:#fff;border:none;padding:16px 20px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #dc26264d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.clear-filters-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.clear-filters-btn:hover:before{left:100%}.clear-filters-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262666;background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b)}@media (max-width: 768px){.shop-sidebar{height:100vh;position:fixed;top:0;left:0;right:0;z-index:1000;transform:translate(-100%);transition:transform .3s ease;border-radius:0;max-height:100vh}.shop-sidebar.mobile-open{transform:translate(0)}.main-search-container{margin-bottom:20px;padding:0 8px}.search-and-view-wrapper{flex-direction:column;gap:16px;max-width:100%}.main-search-wrapper{max-width:100%}.view-toggle{align-self:center;width:fit-content}.main-search-input{padding:14px 18px 14px 50px;font-size:15px;border-radius:12px}.main-search-icon{left:16px}.main-search-clear{right:14px;width:26px;height:26px}.filter-content{padding:16px 20px 20px}.filter-header{padding:18px 20px}.sidebar-header{padding:24px 20px}.filter-actions{padding:20px}.price-display{font-size:13px;padding:6px 10px}.filter-option{padding:10px 14px}.filter-checkbox,.filter-radio{width:18px;height:18px;margin-right:14px}.product-card.list-view{flex-direction:column;min-height:auto;margin-bottom:12px}.product-card.list-view .product-image-section{width:100%;height:180px;align-self:center;max-width:200px}.product-card.list-view .product-info{flex-direction:column;text-align:center;gap:16px;padding:20px}.product-card.list-view .product-details{align-items:center}.product-card.list-view .product-name{text-align:center;font-size:16px}.product-card.list-view .product-description{font-size:13px;text-align:center}.product-card.list-view .product-actions{align-items:center;min-width:auto}.product-card.list-view .product-price{font-size:18px}.product-card.list-view .add-to-cart-button{width:100%;max-width:160px;padding:10px 16px}}.product-detail-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 0}.product-detail-container{max-width:1200px;margin:0 auto;padding:0 20px}.product-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite}.product-detail-loading p{color:#6b7280;font-size:16px;font-weight:500}.product-not-found{text-align:center;padding:60px 20px}.product-not-found h2{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:16px}.product-not-found p{font-size:18px;color:#6b7280;margin-bottom:32px}.breadcrumb{display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:14px;color:#6b7280}.breadcrumb-back{display:flex;align-items:center;gap:8px;background:none;border:none;color:#dc2626;font-weight:600;cursor:pointer;transition:color .3s ease}.breadcrumb-back:hover{color:#b91c1c}.breadcrumb-separator{color:#9ca3af}.breadcrumb-category,.breadcrumb-subcategory{color:#374151;font-weight:500}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px;align-items:start}.product-images{display:flex;flex-direction:column;gap:20px}.main-image{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #0000001a;max-height:500px}.product-main-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.main-image:hover .product-main-image{transform:scale(1.05)}.discount-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;box-shadow:0 4px 16px #dc26264d}.image-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:4px}.thumbnail{width:80px;height:80px;border-radius:12px;overflow:hidden;border:3px solid transparent;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000001a}.thumbnail:hover{border-color:#dc2626;transform:translateY(-2px)}.thumbnail.active{border-color:#dc2626;box-shadow:0 4px 16px #dc26264d}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:20px;background:#fff;padding:24px;border-radius:20px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb;position:relative;z-index:1;height:fit-content}.product-header{display:flex;flex-direction:column;gap:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.product-brand{font-size:16px;font-weight:600;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.product-title{font-size:28px;font-weight:700;color:#1f2937;line-height:1.2;margin:0;letter-spacing:-.025em}.product-rating{display:flex;align-items:center;gap:12px}.stars{display:flex;gap:4px}.stars .filled{color:#fbbf24;fill:currentColor}.stars .empty{color:#d1d5db}.rating-text{font-size:16px;color:#6b7280;font-weight:500}.product-pricing{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #f3f4f6}.price-current{font-size:32px;font-weight:700;color:#1f2937;letter-spacing:-.025em}.price-original{font-size:18px;color:#9ca3af;text-decoration:line-through;font-weight:500}.discount-text{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:8px 16px;border-radius:24px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #dc26264d}.product-options{display:flex;flex-direction:column;gap:18px;padding:16px 0}.option-group{display:flex;flex-direction:column;gap:10px}.option-label{font-size:16px;font-weight:700;color:#1f2937;letter-spacing:-.025em}.color-options{display:flex;gap:12px;flex-wrap:wrap}.color-option{width:48px;height:48px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.color-option:hover{border-color:#dc2626;transform:scale(1.1)}.color-option.selected{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.color-option.out-of-stock{opacity:.5;cursor:not-allowed}.out-of-stock-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#dc2626;font-weight:600;text-align:center;line-height:1}.size-options{display:flex;gap:12px;flex-wrap:wrap}.size-option{padding:12px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#374151}.size-option:hover{border-color:#dc2626;color:#dc2626}.size-option.selected{border-color:#dc2626;background:#dc2626;color:#fff}.quantity-selector{display:flex;align-items:center;gap:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:8px;width:fit-content}.quantity-btn{width:40px;height:40px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#374151}.quantity-btn:hover:not(:disabled){background:#dc2626;color:#fff}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:18px;font-weight:600;color:#1f2937;min-width:40px;text-align:center}.stock-info{margin-top:8px}.in-stock{display:flex;align-items:center;gap:8px;color:#059669;font-weight:500}.out-of-stock{color:#dc2626;font-weight:500}.product-actions{display:flex;gap:16px;flex-wrap:wrap;padding:16px 0;border-top:1px solid #f3f4f6}.btn-add-to-cart{flex:1;min-width:200px;padding:16px 24px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #dc262633}.btn-add-to-cart:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.btn-add-to-cart:disabled{opacity:.5;cursor:not-allowed}.btn-buy-now{flex:1;min-width:200px;padding:16px 24px;background:#1f2937;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #1f293733}.btn-buy-now:hover:not(:disabled){background:#374151;transform:translateY(-2px);box-shadow:0 8px 24px #1f29374d}.btn-buy-now:disabled{opacity:.5;cursor:not-allowed}.btn-wishlist,.btn-share{width:52px;height:52px;border:2px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#6b7280;box-shadow:0 2px 8px #0000000f}.btn-wishlist:hover,.btn-share:hover{border-color:#dc2626;color:#dc2626}.btn-wishlist.active{border-color:#dc2626;background:#dc2626;color:#fff}.tab-panel .product-features{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #f3f4f6;margin:24px 0}.tab-panel .product-features h4{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;letter-spacing:-.025em}.tab-panel .product-benefits{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #f3f4f6;margin:24px 0}.tab-panel .product-benefits h4{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:20px;letter-spacing:-.025em}.tab-panel .benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tab-panel .benefit-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.tab-panel .benefit-item:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tab-panel .benefit-item svg{color:#dc2626;flex-shrink:0}.tab-panel .benefit-item h5{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.tab-panel .benefit-item p{font-size:14px;color:#6b7280;margin:0}.tab-panel .product-tags{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #f3f4f6;margin:24px 0}.tab-panel .product-tags h4{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:16px;letter-spacing:-.025em}.tab-panel .tags-container{display:flex;flex-wrap:wrap;gap:8px}.product-features h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:16px;letter-spacing:-.025em}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.features-list li{display:flex;align-items:center;gap:12px;color:#374151;font-weight:500}.features-list li svg{color:#059669;flex-shrink:0}.product-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.benefit-item{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;border:1px solid #f3f4f6}.benefit-item svg{color:#dc2626;flex-shrink:0}.benefit-item h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 4px;letter-spacing:-.025em}.benefit-item p{font-size:14px;color:#6b7280;margin:0}.product-details-tabs{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000000f;overflow:hidden}.tab-navigation{display:flex;border-bottom:1px solid #e5e7eb;background:#f8fafc}.tab-btn{flex:1;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:#6b7280;transition:all .3s ease;position:relative}.tab-btn:hover{color:#dc2626;background:#dc26260d}.tab-btn.active{color:#dc2626;background:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444)}.tab-content{padding:40px}.tab-panel h3{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:20px}.tab-panel p{font-size:16px;line-height:1.6;color:#374151;margin-bottom:24px}.product-tags{display:flex;gap:12px;flex-wrap:wrap}.product-tag{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.reviews-summary{margin-bottom:32px}.rating-breakdown{display:flex;flex-direction:column;gap:12px}.rating-item{display:flex;align-items:center;gap:16px}.rating-item span:first-child{min-width:60px;font-weight:500;color:#374151}.rating-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.rating-fill{height:100%;background:linear-gradient(90deg,#dc2626,#ef4444);transition:width .3s ease}.rating-item span:last-child{min-width:40px;text-align:right;font-weight:500;color:#6b7280}.reviews-list{display:flex;flex-direction:column;gap:24px}.review-item{padding:24px;background:#f8fafc;border-radius:16px;border:1px solid #e5e7eb}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reviewer-info{display:flex;align-items:center;gap:12px}.reviewer-avatar{width:40px;height:40px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.reviewer-name{font-weight:600;color:#1f2937}.review-rating{display:flex;gap:2px}.review-date{color:#6b7280;font-size:14px}.review-text{color:#374151;line-height:1.6}@media (max-width: 768px){.product-detail-content{grid-template-columns:1fr;gap:40px}.product-info{padding:24px;min-height:auto}.product-title{font-size:22px}.price-current{font-size:26px}.product-actions{flex-direction:column}.btn-add-to-cart,.btn-buy-now{min-width:auto}.product-benefits{grid-template-columns:1fr}.tab-navigation{flex-direction:column}.tab-content{padding:24px}.image-thumbnails{justify-content:center}.tab-panel .benefits-grid{grid-template-columns:1fr;gap:16px}.tab-panel .product-features,.tab-panel .product-benefits,.tab-panel .product-tags{padding:20px;margin:20px 0}}.dark .product-detail-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .product-info,.dark .tab-panel .product-features,.dark .tab-panel .product-benefits,.dark .tab-panel .product-tags{background:#374151;border-color:#4b5563}.dark .tab-panel .product-features h4,.dark .tab-panel .product-benefits h4,.dark .tab-panel .product-tags h4{color:#f9fafb}.dark .tab-panel .benefit-item{background:#4b5563;border-color:#6b7280}.dark .tab-panel .benefit-item:hover{background:#6b7280}.dark .tab-panel .benefit-item h5{color:#f9fafb}.dark .tab-panel .benefit-item p,.dark .product-detail-loading p{color:#9ca3af}.dark .product-not-found h2{color:#f9fafb}.dark .product-not-found p,.dark .breadcrumb{color:#9ca3af}.dark .breadcrumb-category,.dark .breadcrumb-subcategory{color:#d1d5db}.dark .main-image,.dark .thumbnail{background:#374151}.dark .product-brand{color:#dc2626}.dark .product-title{color:#f9fafb}.dark .price-original{color:#6b7280}.dark .option-label{color:#d1d5db}.dark .size-option{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .size-option:hover{border-color:#dc2626;color:#dc2626}.dark .size-option.selected{border-color:#dc2626;background:#dc2626;color:#fff}.dark .quantity-selector{background:#374151;border-color:#4b5563}.dark .quantity-btn{background:#4b5563;color:#d1d5db}.dark .quantity-value{color:#f9fafb}.dark .btn-wishlist,.dark .btn-share{background:#374151;border-color:#4b5563;color:#9ca3af}.dark .product-features{background:#374151}.dark .product-features h3{color:#f9fafb}.dark .features-list li{color:#d1d5db}.dark .benefit-item{background:#374151}.dark .benefit-item h4{color:#f9fafb}.dark .benefit-item p{color:#9ca3af}.dark .product-details-tabs{background:#374151}.dark .tab-navigation{background:#1f2937;border-bottom-color:#4b5563}.dark .tab-btn{color:#9ca3af}.dark .tab-btn:hover{color:#dc2626;background:#dc26261a}.dark .tab-btn.active{color:#dc2626;background:#374151}.dark .tab-panel h3{color:#f9fafb}.dark .tab-panel p,.dark .rating-item span:first-child{color:#d1d5db}.dark .rating-item span:last-child{color:#9ca3af}.dark .review-item{background:#1f2937;border-color:#4b5563}.dark .reviewer-name{color:#f9fafb}.dark .review-date{color:#9ca3af}.dark .review-text{color:#d1d5db}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.about-hero{background:linear-gradient(135deg,#0000004d,#0006),url(https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=1920&h=1080&fit=crop&crop=center);background-size:cover;background-position:center right;background-attachment:fixed;color:#fff;padding:100px 0;position:relative;overflow:hidden;min-height:70vh}.about-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain-about" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain-about)"/></svg>');opacity:.1;pointer-events:none}.about-hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;z-index:2}.about-hero .hero-text{max-width:600px;margin:0}.about-hero .hero-text h1{font-size:48px;font-weight:700;margin:0 0 20px;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#ffffffe6,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.about-hero .hero-text p{font-size:20px;color:#fffffff2;margin:0 0 32px;line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.5)}.about-hero .hero-badges{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start;margin-top:20px}.about-hero .badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#1f2937;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.2);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000001a;text-shadow:none}.about-hero .badge svg{transition:transform .4s cubic-bezier(.34,1.56,.64,1);color:#dc2626}.about-hero .badge:hover{background:linear-gradient(135deg,#fffffffa,#ffffffe6);transform:translateY(-4px) scale(1.05);box-shadow:0 8px 24px #dc262633,0 4px 12px #d4af3726;border-color:#dc262666}.about-hero .badge:hover svg{transform:scale(1.2) rotate(5deg)}@media (max-width: 768px){.about-hero{background-attachment:scroll;padding:80px 0;min-height:60vh}.about-hero .hero-text h1{font-size:2.5rem}.about-hero .hero-text p{font-size:1.1rem}.about-hero .hero-badges{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.about-hero{padding:60px 0;min-height:55vh}.about-hero .hero-text h1{font-size:2rem}.about-hero .hero-text p{font-size:1rem}}.stats-section{padding:60px 0;background:#fff}.stats-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.stat-card{text-align:center;background:linear-gradient(135deg,#fee2e2,#fecaca,#fee2e2)!important;background-color:#fee2e2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:36px 24px;border-radius:24px;border:none;outline:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 16px 40px #dc262626,0 8px 20px #ef44441a;position:relative;overflow:hidden;transform-style:preserve-3d}.stat-card:before{content:"";position:absolute;inset:-4px;border-radius:28px;background:linear-gradient(135deg,#ef444433,#dc262626);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);pointer-events:none}.stat-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .7s ease}.stat-card:hover:after{left:100%}.stat-card:hover{background:linear-gradient(135deg,#fecaca,#fca5a5,#fecaca)!important;transform:translateY(-16px) scale(1.08) rotateY(3deg);box-shadow:0 32px 64px #00000026,0 16px 32px #dc26261f;border:none;outline:none}.stat-card:hover:before{opacity:1}.stat-icon{width:64px;height:64px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlow 2s ease-in-out infinite;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff;box-shadow:0 8px 24px #dc26264d;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.stat-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlow 2s ease-in-out infinite}.stat-card:hover .stat-icon{transform:scale(1.2) rotate(8deg);box-shadow:0 16px 40px #dc262680}.stat-number{display:block;font-size:2.75rem;font-weight:900;background:linear-gradient(135deg,#dc2626,#ef4444,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-1px;margin-bottom:10px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:gradientShift 4s ease infinite;position:relative}.stat-card:hover .stat-number{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));transform:scale(1.15);animation:gradientShift 2s ease infinite}.stat-card:hover .stat-label{color:#7f1d1d;transform:translateY(-2px)}.story-section{padding:80px 0;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;overflow:hidden}.story-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none}@keyframes iconGlowPink{0%,to{box-shadow:0 8px 24px #ec489966,0 4px 12px #be185d33,0 0 20px #ec48994d}50%{box-shadow:0 12px 32px #ec489999,0 6px 16px #be185d66,0 0 30px #ec489980}}@keyframes iconGlowBlue{0%,to{box-shadow:0 8px 24px #3b82f666,0 4px 12px #1d4ed833,0 0 20px #3b82f64d}50%{box-shadow:0 12px 32px #3b82f699,0 6px 16px #1d4ed866,0 0 30px #3b82f680}}@keyframes iconGlowPurple{0%,to{box-shadow:0 8px 24px #8b5cf666,0 4px 12px #7c3aed33,0 0 20px #8b5cf64d}50%{box-shadow:0 12px 32px #8b5cf699,0 6px 16px #7c3aed66,0 0 30px #8b5cf680}}.story-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.story-text h2{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#dc2626,#d97706,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin:0 0 24px;letter-spacing:-1px;position:relative}.story-text h2:after{content:"";position:absolute;bottom:-8px;left:0;width:80px;height:5px;background:linear-gradient(135deg,#dc2626,#b91c1c,#dc2626);background-size:200% 200%;animation:gradientShift 2s ease infinite;border-radius:2px;box-shadow:0 2px 8px #dc262666}.story-text p{font-size:1.1rem;color:#4b5563;line-height:1.7;margin:0 0 20px;font-weight:400}.story-features{margin-top:32px}.feature{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:20px 24px;background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);border-radius:20px;border:2px solid rgba(220,38,38,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #dc26261a,0 2px 8px #dc262614;position:relative;overflow:hidden}.feature:before{content:"";position:absolute;inset:-4px;border-radius:24px;background:linear-gradient(135deg,#dc262626,#d4af371a);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px)}.feature:hover:before{opacity:1}.feature:hover{background:linear-gradient(135deg,#fff,#fee2e2f2,#fff);transform:translate(16px) scale(1.03);box-shadow:0 16px 40px #dc262633,0 4px 16px #d4af3726;border-color:#dc262666}.feature-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlow 2s ease-in-out infinite;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #dc262666;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative}.feature-icon-wrapper:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlow 2s ease-in-out infinite}.feature:hover .feature-icon-wrapper{transform:scale(1.2) rotate(8deg);box-shadow:0 12px 32px #dc262680}.feature span{font-size:1.1rem;color:#1f2937;font-weight:700;transition:all .3s ease}.feature:hover span{color:#dc2626;transform:translate(4px)}.story-image{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:linear-gradient(135deg,#fff,#fafafa);border-radius:24px;box-shadow:0 20px 60px #00000014;border:1px solid #e5e7eb;transition:all .4s ease;overflow:hidden;min-height:300px;max-height:650px;max-width:600px}.story-image:hover{transform:translateY(-8px);box-shadow:0 32px 80px #0000001f}.about-shop{width:100%;height:100%;object-fit:contain;border-radius:24px;transition:transform .3s ease}.about-shop:hover{transform:scale(1.02)}.dark .story-image{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.visual-card{background:linear-gradient(135deg,#fff,#fafafa);border-radius:24px;padding:32px;box-shadow:0 20px 60px #00000014;border:1px solid #e5e7eb;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease;width:100%;max-width:320px}.visual-card:hover{transform:translateY(-8px);box-shadow:0 32px 80px #0000001f}.visual-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:24px 24px 0 0}.visual-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f3f4f6}.brand-logo{width:56px;height:56px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #dc26264d}.brand-text{text-align:left}.brand-text h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 4px}.brand-text p{font-size:.875rem;color:#6b7280;margin:0;font-weight:500}.visual-stats{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.visual-stat{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9;transition:all .3s ease}.visual-stat:hover{background:#f1f5f9;transform:translate(4px)}.visual-stat .stat-icon{width:36px;height:36px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-info{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:1.1rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.8rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.visual-footer{padding-top:20px;border-top:1px solid #f3f4f6}.achievement-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:12px 20px;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:0 4px 16px #dc26264d}.values-section{padding:80px 0;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;overflow:hidden}.values-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none}.values-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;font-weight:700;background:linear-gradient(135deg,#dc2626,#d97706,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin:0 0 16px;letter-spacing:-.5px}.section-header p{font-size:18px;color:#6b7280;margin:0}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.value-card{background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;border:2px solid rgba(220,38,38,.15);transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #dc262614,0 2px 8px #dc26260d}.value-card:after{content:"";position:absolute;inset:-4px;border-radius:28px;background:linear-gradient(135deg,#dc262633,#d4af3726);opacity:0;transition:opacity .6s ease;z-index:-1;filter:blur(24px);pointer-events:none}.value-card:hover:after{opacity:1}.value-card:hover{transform:translateY(-12px) scale(1.04) rotateY(2deg);box-shadow:0 24px 60px #dc262633,0 8px 24px #d4af3726,0 0 0 1px #dc26261a;background:linear-gradient(135deg,#fff,#fee2e2f2,#fff);border-color:#dc262666}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#dc2626,#b91c1c)}.value-card.pink:before{background:linear-gradient(135deg,#ec4899,#be185d)}.value-card.blue:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.value-card.purple:before{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.value-card.green:before{background:linear-gradient(135deg,#10b981,#059669)}.value-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#fff;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #00000026;position:relative}.value-card.pink .value-icon{background:linear-gradient(135deg,#ec4899,#be185d,#ec4899);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlowPink 2s ease-in-out infinite}.value-card.pink .value-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#ec4899,#be185d,#ec4899);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlowPink 2s ease-in-out infinite}.value-card.blue .value-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#3b82f6);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlowBlue 2s ease-in-out infinite}.value-card.blue .value-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#3b82f6);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlowBlue 2s ease-in-out infinite}.value-card.purple .value-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlowPurple 2s ease-in-out infinite}.value-card.purple .value-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlowPurple 2s ease-in-out infinite}.value-card.green .value-icon{background:linear-gradient(135deg,#10b981,#059669,#10b981);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlowGreen 2s ease-in-out infinite}.value-card.green .value-icon:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#10b981,#059669,#10b981);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlowGreen 2s ease-in-out infinite}.value-card:hover .value-icon{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 32px #00000040}.value-card h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px}.value-card p{font-size:16px;color:#6b7280;line-height:1.6;margin:0}.team-section{padding:80px 0;background:#f8fafc}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;grid-column:1 / -1}.loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:#6b7280;font-size:1rem;margin:0}.team-container{max-width:1200px;margin:0 auto;padding:0 20px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.team-card{background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;text-align:center;border:2px solid rgba(220,38,38,.1);transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #dc26260d}.team-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #dc262626,0 4px 16px #d4af371a;background:linear-gradient(135deg,#fff,#fee2e2f2,#fff);border-color:#dc26264d}.member-image{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid #f3f4f6;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 24px #dc262626}.team-card:hover .member-image{transform:scale(1.1);border-color:#dc26264d;box-shadow:0 12px 32px #dc262640}.member-image img{width:100%;height:100%;object-fit:cover}.member-info h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.member-role{font-size:16px;background:linear-gradient(135deg,#dc2626,#ef4444,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;font-weight:600;margin:0 0 12px}.member-bio{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.mission-section{padding:80px 0;background:linear-gradient(135deg,#dc2626,#b91c1c,#dc2626);background-size:200% 200%;animation:gradientShift 8s ease infinite;color:#fff;position:relative;overflow:hidden}.mission-container{max-width:1200px;margin:0 auto;padding:0 20px}.mission-card{background:#ffffff26;border-radius:24px;padding:60px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0003;transition:all .4s ease;position:relative;overflow:hidden}.mission-card:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,#fff3,#ffffff1a,#fff3);background-size:200% 200%;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .4s ease;z-index:-1;filter:blur(10px)}.mission-card:hover:before{opacity:1}.mission-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 28px 80px #0000004d,0 12px 32px #d4af3733}.mission-card h2{font-size:36px;font-weight:700;margin:0 0 24px;letter-spacing:-.5px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.mission-card p{font-size:20px;color:#fff;line-height:1.7;max-width:800px;margin:0 auto 40px;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:500}.mission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.mission-stat{text-align:center}.mission-stat .stat-number{font-size:36px;font-weight:800;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);letter-spacing:-1px}.mission-stat .stat-label{font-size:16px;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);opacity:.95}.dark .about-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .stats-section{background:#1f2937}.dark .stat-card{background:#374151;border-color:#4b5563}.dark .stat-card:hover{background:#4b5563}.dark .stat-label{color:#9ca3af}.dark .story-section{background:#374151}.dark .story-text h2{color:#f9fafb}.dark .story-text p{color:#9ca3af}.dark .feature span{color:#d1d5db}.dark .feature-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.dark .image-card{background:#374151;border-color:#4b5563}.dark .logo-circle{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444466}.dark .logo-circle:after{background:linear-gradient(135deg,#ef4444,#dc2626)}.dark .card-content h3{color:#f9fafb}.dark .card-content p{color:#9ca3af}.dark .values-section{background:#1f2937}.dark .value-card{background:#374151;border-color:#4b5563}.dark .value-card h3{color:#f9fafb}.dark .value-card p{color:#9ca3af}.dark .team-section{background:#374151}.dark .team-card{background:#1f2937;border-color:#4b5563}.dark .member-info h3{color:#f9fafb}.dark .member-bio{color:#9ca3af}@media (max-width: 1024px){.about-hero-content{grid-template-columns:1fr;gap:40px;text-align:center}.stats-container{grid-template-columns:repeat(2,1fr)}.story-content{grid-template-columns:1fr;gap:32px}.story-text h2{font-size:28px}.story-text p{font-size:15px}.values-grid,.team-grid{grid-template-columns:1fr}.mission-stats{grid-template-columns:1fr;gap:24px}}@media (max-width: 768px){.about-hero{padding:60px 0}.about-hero-content{padding:0 16px}.hero-text h1{font-size:36px}.hero-text p{font-size:18px}.image-placeholder{width:300px;height:300px}.stats-section,.story-section,.values-section,.team-section,.mission-section{padding:60px 0}.story-image{max-width:500px;min-height:250px;max-height:500px}.stats-container,.story-container,.values-container,.team-container,.mission-container{padding:0 16px}.stats-container{grid-template-columns:repeat(2,1fr);gap:24px}.section-header h2{font-size:28px}.section-header p{font-size:16px}.story-text h2{font-size:24px}.story-text p{font-size:15px}.feature-icon-wrapper{width:36px;height:36px}.feature span{font-size:15px}.image-card{padding:24px}.logo-circle{width:64px;height:64px}.logo-text{font-size:18px}.mission-card{padding:40px 24px}.mission-card h2{font-size:28px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.mission-card p{font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mission-stat .stat-number{font-size:28px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.mission-stat .stat-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}}@media (max-width: 480px){.about-hero{padding:40px 0}.hero-text h1{font-size:28px}.hero-text p{font-size:16px}.hero-badges{justify-content:center}.image-placeholder{width:250px;height:250px}.story-image{max-width:400px;min-height:300px;max-height:500px}.stats-container{grid-template-columns:1fr}.stat-card{padding:24px 16px}.value-card,.team-card{padding:24px}.mission-card{padding:32px 20px}.mission-card h2{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.mission-card p{font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.mission-stat .stat-number{font-size:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4)}.mission-stat .stat-label{font-size:14px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}}.contact-page{min-height:100vh;background:#fff}.contact-hero{background:linear-gradient(135deg,#0000004d,#0006),url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=1920&h=1080&fit=crop&crop=center);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 0;min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain-contact" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.02)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain-contact)"/></svg>');opacity:.1;pointer-events:none}.contact-hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.contact-hero .hero-text{max-width:800px;margin:0 auto}.contact-hero .hero-text h1{font-size:4rem;font-weight:700;line-height:1.1;margin:0 0 24px;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6)}.contact-hero .hero-text p{font-size:1.3rem;line-height:1.6;color:#fffffff2;margin:0 0 32px;text-shadow:0 2px 6px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.5)}.contact-hero .hero-badges{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:20px}.contact-hero .badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #0000001a;transition:all .3s ease;text-shadow:none;color:#fff}.contact-hero .badge:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.contact-info-section{padding:80px 0;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 18s ease infinite;position:relative;overflow:hidden}.contact-info-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 14s ease-in-out infinite;pointer-events:none}.contact-info-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.section-header{text-align:left;margin-bottom:60px;background:none!important;padding:0!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:flex-start;gap:0}.section-header h2{font-size:2.75rem;font-weight:700;color:#1f2937;margin:0!important;padding:0!important;letter-spacing:-.5px;background:linear-gradient(135deg,#dc2626,#d97706,#dc2626);background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;display:block;width:100%;text-align:left;line-height:1!important}.section-header p{font-size:1.125rem;color:#6b7280;margin:2px 0 0!important;padding:0!important;display:block;width:100%;text-align:left;clear:both;line-height:1.2!important}.contact-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.contact-info-card{background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:3px solid rgba(220,38,38,.15);border-radius:28px;padding:48px 40px;display:flex;align-items:flex-start;gap:28px;transition:all .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 40px #dc26261f,0 4px 16px #dc262614,inset 0 1px #ffffffe6;position:relative;overflow:hidden;transform-style:preserve-3d}.contact-info-card:before{content:"";position:absolute;inset:-6px;border-radius:32px;background:linear-gradient(135deg,#dc26264d,#d4af3740,#dc26264d);background-size:200% 200%;animation:gradientShift 4s ease infinite,cardGlow 3s ease-in-out infinite;opacity:0;transition:opacity .6s ease;z-index:-1;filter:blur(24px);pointer-events:none}@keyframes cardGlow{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.contact-info-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:rotate(45deg);transition:left 1s ease,top 1s ease;opacity:0}.contact-info-card:hover:after{left:100%;top:100%;opacity:1}.contact-info-card:hover{transform:translateY(-16px) scale(1.03) rotateY(3deg);box-shadow:0 28px 60px #dc262640,0 12px 24px #d4af3733,0 0 0 2px #dc26261a,inset 0 1px #fff;background:linear-gradient(135deg,#fff,#fee2e2f2,#fff);border-color:#dc262666}.contact-info-card:hover:before{opacity:1}.info-icon{width:72px;height:72px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconPulse 2s ease-in-out infinite;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 12px 32px #dc262659,0 4px 12px #dc262640,inset 0 1px #ffffff4d;transition:all .6s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 12px 32px #dc262659,0 4px 12px #dc262640,inset 0 1px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 16px 40px #dc262673,0 6px 16px #dc26264d,inset 0 1px #fff6}}.info-icon:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .6s ease}.info-icon svg{position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.contact-info-card:hover .info-icon{transform:scale(1.2) rotate(8deg);box-shadow:0 20px 48px #dc262680,0 8px 20px #dc262659,inset 0 1px #fff6}.contact-info-card:hover .info-icon:before{opacity:1}.info-content h3{font-size:1.625rem;font-weight:800;color:#1f2937;margin:0 0 20px;transition:all .4s cubic-bezier(.34,1.56,.64,1);letter-spacing:-.02em;background:linear-gradient(135deg,#1f2937,#dc2626);background-size:200% 200%;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.contact-info-card:hover .info-content h3{background:linear-gradient(135deg,#dc2626,#b91c1c);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(6px) scale(1.02)}.info-details p{font-size:1.0625rem;color:#374151;font-weight:700;margin:0 0 10px;transition:all .4s ease;letter-spacing:-.01em;line-height:1.6}.contact-info-card:hover .info-details p{color:#991b1b;transform:translate(3px);font-weight:800}.info-description{font-size:.9375rem;color:#6b7280;margin:20px 0 0;line-height:1.7;transition:all .4s ease;font-weight:500}.contact-info-card:hover .info-description{color:#4b5563;transform:translate(2px);font-weight:600}.contact-form-section{padding:80px 0;background:linear-gradient(135deg,#fef2f2,#fffbeb,#f0fdf4,#fef2f2,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;overflow:hidden}.contact-form-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 15s ease-in-out infinite;pointer-events:none}.contact-form-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.form-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.form-sidebar{background:linear-gradient(135deg,#dc262614,#d4af370f,#ec489914);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:40px 36px;border:3px solid rgba(220,38,38,.2);position:sticky;top:20px;box-shadow:0 16px 48px #dc262626,0 4px 16px #d4af371a,inset 0 1px #ffffff80;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.form-sidebar:before{content:"";position:absolute;inset:-2px;border-radius:30px;background:linear-gradient(135deg,#dc26264d,#d4af3740,#ec48994d);background-size:200% 200%;animation:gradientShift 5s ease infinite;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);pointer-events:none}.form-sidebar:hover:before{opacity:1}.form-sidebar:hover{border-color:#dc262666;box-shadow:0 20px 60px #dc262633,0 8px 24px #d4af3726,inset 0 1px #fff9;transform:translateY(-6px) scale(1.01);background:linear-gradient(135deg,#dc26261f,#d4af3714,#ec48991f)}.sidebar-content h3{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 32px;background:linear-gradient(135deg,#dc2626,#d97706,#ec4899);background-size:200% 200%;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-transform:none}.contact-reasons{display:flex;flex-direction:column;gap:24px}.reason-item{display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#ffffffe6,#fef2f2cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(220,38,38,.15);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #dc26261a;position:relative;overflow:hidden}.reason-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#dc2626,#d97706,#ec4899);opacity:0;transition:opacity .5s ease}.reason-item:hover:before{opacity:1}.reason-item:hover{background:linear-gradient(135deg,#fff,#fee2e2f2);transform:translate(8px) scale(1.02);border-color:#dc26264d;box-shadow:0 8px 24px #dc262626,0 4px 12px #d4af371a}.reason-icon{width:56px;height:56px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconPulse 2.5s ease-in-out infinite;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #dc262666,0 4px 12px #dc26264d,inset 0 1px #ffffff4d;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative}.reason-item:hover .reason-icon{transform:scale(1.15) rotate(8deg);box-shadow:0 12px 32px #dc262680,0 6px 16px #dc262666,inset 0 1px #fff6}.reason-text h4{font-size:1.125rem;font-weight:800;color:#1f2937;margin:0 0 8px;background:linear-gradient(135deg,#dc2626,#b91c1c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s ease}.reason-item:hover .reason-text h4{background:linear-gradient(135deg,#b91c1c,#991b1b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:translate(2px)}.reason-text p{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;font-weight:500;transition:all .4s ease}.reason-item:hover .reason-text p{color:#4b5563;font-weight:600}.form-content{background:linear-gradient(135deg,#fffffffa,#fef2f2f2,#fffbebfa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:48px 44px;box-shadow:0 16px 48px #dc26261f,0 4px 16px #d4af3714,inset 0 1px #ffffffe6;border:3px solid rgba(220,38,38,.15);position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.form-content:before{content:"";position:absolute;inset:-2px;border-radius:30px;background:linear-gradient(135deg,#dc262633,#d4af3726,#ec489933);background-size:200% 200%;animation:gradientShift 5s ease infinite;opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);pointer-events:none}.form-content:hover:before{opacity:1}.form-content:hover{border-color:#dc26264d;box-shadow:0 20px 60px #dc26262e,0 8px 24px #d4af371f,inset 0 1px #fff;transform:translateY(-4px);background:linear-gradient(135deg,#fff,#fee2e2fa,#fff7ed)}.form-header{display:flex;align-items:center;gap:20px;margin-bottom:36px;padding-bottom:28px;border-bottom:3px solid rgba(220,38,38,.15);position:relative}.form-header:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:3px;background:linear-gradient(90deg,#dc2626,#d97706,#ec4899);transition:width .6s ease}.form-content:hover .form-header:after{width:100%}.form-icon{width:64px;height:64px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconPulse 2s ease-in-out infinite;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 12px 32px #dc262666,0 4px 16px #dc26264d,inset 0 1px #ffffff4d;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative}.form-content:hover .form-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 16px 40px #dc262680,0 6px 20px #dc262666,inset 0 1px #fff6}.form-title h3{font-size:1.875rem;font-weight:800;color:#1f2937;margin:0 0 6px;letter-spacing:-.025em;background:linear-gradient(135deg,#dc2626,#d97706,#ec4899);background-size:200% 200%;animation:gradientShift 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s ease}.form-content:hover .form-title h3{transform:translate(2px)}.form-title p{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.6;font-weight:500;transition:all .4s ease}.form-content:hover .form-title p{color:#4b5563;font-weight:600}.contact-form,.form-fields{display:flex;flex-direction:column;gap:24px}.input-label-premium{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;color:#374151;letter-spacing:-.025em}.label-icon{color:#dc2626;transition:all .3s ease}.input-group-premium:hover .label-icon{transform:scale(1.1);color:#b91c1c}.input-container-premium{position:relative;width:100%;display:inline-block}.input-premium,.textarea-premium{width:100%;padding:18px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;color:#1f2937;font-weight:500;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;outline:none;box-shadow:0 2px 8px #0000000a;display:block;box-sizing:border-box}.textarea-premium{resize:vertical;min-height:140px}.input-premium:focus,.textarea-premium:focus{border-color:#dc2626;background:#fff;box-shadow:0 0 0 4px #dc26261a,0 4px 16px #dc26261a;transform:translateY(-2px)}.input-premium:hover,.textarea-premium:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc262614}.input-premium::placeholder,.textarea-premium::placeholder{color:#9ca3af;font-weight:400}.input-border-premium{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;position:absolute;pointer-events:none}.submit-btn{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,var(--gold-color) 100%)!important;background-size:200% 200%!important;animation:gradientShift 3s ease infinite!important;color:#fff!important;border:none!important;padding:18px 36px!important;border-radius:16px!important;font-weight:700!important;font-size:17px!important;cursor:pointer;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex!important;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #dc262666,0 4px 12px #d4af374d!important;margin-top:16px;width:100%;opacity:1!important;visibility:visible!important;position:relative;overflow:hidden;transform-style:preserve-3d}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.submit-btn:hover:before{left:100%}.submit-btn:after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(135deg,#dc262680,#d4af3780);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(16px)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,var(--gold-color) 100%)!important;transform:translateY(-6px) scale(1.05);box-shadow:0 16px 40px #dc262680,0 8px 20px #d4af3766,0 0 0 2px #fff3!important}.submit-btn:hover:after{opacity:1}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn.submitting{background:linear-gradient(135deg,#6b7280,#4b5563)!important;animation:none!important}.submit-btn svg{width:20px!important;height:20px!important;color:#fff!important;opacity:1!important;visibility:visible!important;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.submit-btn:hover svg{transform:translate(6px) scale(1.1)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.success-message{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#16a34a1a,#22c55e0d);border-radius:24px;border:2px solid rgba(22,163,74,.2)}.success-icon{color:#16a34a;margin-bottom:24px;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.success-message h3{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 12px}.success-message p{font-size:1rem;color:#6b7280;margin:0}.faq-section{padding:80px 0;background:linear-gradient(135deg,#fff5f5,#fff8ed,#fff5f5,#f0f9ff,#fff5f5);background-size:400% 400%;animation:gradientShift 25s ease infinite;position:relative;overflow:hidden}.faq-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(220,38,38,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.7) 0%,transparent 70%);opacity:.7;animation:pulse 12s ease-in-out infinite}.faq-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:2}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-card{background:linear-gradient(135deg,#ffffffe6,#fef2f2cc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(220,38,38,.1);border-radius:20px;padding:32px;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #dc26261a;position:relative;overflow:hidden;transform-style:preserve-3d}.faq-card:before{content:"";position:absolute;inset:-4px;border-radius:24px;background:linear-gradient(135deg,#dc262633,#d4af3726);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);pointer-events:none}.faq-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .7s ease}.faq-card:hover:after{left:100%}.faq-card:hover{transform:translateY(-8px) scale(1.02) rotateY(1deg);box-shadow:0 16px 40px #dc262633,0 8px 16px #d4af3726;background:linear-gradient(135deg,#fffffff2,#fee2e2e6);border-color:#dc26264d}.faq-card:hover:before{opacity:1}.faq-card h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 16px;transition:all .3s ease;background:linear-gradient(135deg,#dc2626,#d97706,#dc2626);background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-card:hover h3{background:linear-gradient(135deg,#b91c1c,#b45309,#b91c1c);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-card p{font-size:.875rem;color:#6b7280;line-height:1.75;margin:0;transition:all .3s ease}.faq-card:hover p{color:#4b5563}@media (max-width: 1024px){.contact-info-grid,.faq-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:1fr;gap:32px}.form-sidebar{position:static;order:2}.contact-hero{padding:80px 0;min-height:60vh}.contact-hero .hero-text h1{font-size:3rem}.contact-hero .hero-text p{font-size:1.1rem}}@media (max-width: 768px){.contact-hero{padding:60px 0;min-height:50vh;background-attachment:scroll}.contact-hero-content{padding:0 16px}.contact-hero .hero-text h1{font-size:2.5rem}.contact-hero .hero-text p{font-size:1rem}.contact-hero .hero-badges{flex-direction:column;align-items:center;gap:12px}.contact-info-section,.contact-form-section,.faq-section{padding:60px 0}.contact-info-container,.contact-form-container,.faq-container{padding:0 16px}.section-header h2{font-size:2rem;white-space:nowrap}.section-header p{font-size:1rem}.contact-info-card{flex-direction:column;text-align:center;gap:20px;padding:32px 24px}.form-content{padding:32px 24px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.form-icon{width:48px;height:48px}.form-title h3{font-size:1.5rem}.form-sidebar,.faq-card{padding:24px}}@media (max-width: 480px){.contact-hero{padding:40px 0;min-height:40vh}.contact-hero .hero-text h1{font-size:2rem}.contact-hero .hero-text p{font-size:.875rem}.contact-info-section,.contact-form-section,.faq-section{padding:40px 0}.contact-info-card{padding:24px}.form-content{padding:24px 20px}.input-premium,.textarea-premium{padding:14px 16px;font-size:14px}.submit-btn{padding:16px 24px!important;font-size:16px!important}.faq-card{padding:20px}.faq-card h3{font-size:1.125rem}.faq-card p{font-size:.8125rem}.section-header h2{font-size:1.5rem;white-space:normal;line-height:1.2}}:root{--gold-color: #D4AF37}:root{--bg: #ffffff;--bg-accent: #f6f7fb;--card: #ffffff;--card-border: rgba(23,26,45,.08);--text: #11121a;--muted: #6b7280;--primary: #D70040;--primary-2: #b00034;--danger: #ef4444;--success: #16a34a}.dark{--bg: #0f1226;--bg-accent: #121635;--card: #171b3a;--card-border: rgba(255,255,255,.08);--text: #e8eaff;--muted: #a8b0d8;--primary: #D70040;--primary-2: #b00034;--danger: #ff6b6b;--success: #4ade80}.two-factor-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--primary);margin-bottom:8px}.two-factor-input-container{position:relative;display:flex;align-items:center}.two-factor-icon{position:absolute;left:12px;color:var(--muted);z-index:1}.two-factor-input{padding-left:44px!important;text-align:center;font-size:18px;font-weight:600;letter-spacing:2px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.two-factor-help{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}.two-factor-field{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html,body{background:var(--bg)}*{box-sizing:border-box}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text);background:var(--bg)}.auth-shell{width:100%;max-width:440px}.brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.brand-badge{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 10px 20px #3b82f640;color:#fff;font-weight:700}.theme-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.toggle-btn{width:42px;height:24px;border-radius:999px;background:var(--bg-accent);border:1px solid var(--card-border);position:relative;cursor:pointer}.toggle-dot{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-2));transition:transform .18s ease}.toggle-on .toggle-dot{transform:translate(18px)}.brand h1{font-size:20px;letter-spacing:.3px;margin:0}.auth-card{background:linear-gradient(180deg,var(--card) 0%,var(--bg-accent) 100%);border:1px solid var(--card-border);border-radius:16px;padding:28px;box-shadow:0 14px 28px #1118271a}.auth-title{margin:0 0 8px;font-size:22px}.auth-subtitle{margin:0 0 20px;color:var(--muted);font-size:14px}.form{display:grid;gap:14px}.field label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}.input{width:100%;padding:12px 14px;background:var(--bg-accent);color:var(--text);border:1px solid var(--card-border);border-radius:10px;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#d70040cc;box-shadow:0 0 0 3px #d700402e}.actions{margin-top:8px}.btn-primary{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0;border-radius:10px;font-weight:600;letter-spacing:.2px;cursor:pointer;box-shadow:0 12px 24px #d7004040;transition:transform .06s ease,box-shadow .2s ease,filter .2s ease;text-align:center;display:flex;align-items:center;justify-content:center}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:grayscale(.4);cursor:not-allowed}.feedback{margin-top:6px;font-size:13px}.feedback.error{color:var(--danger)}.feedback.success{color:var(--success)}.note{margin-top:14px;font-size:12px;color:var(--muted);text-align:center}.input.success{border-color:var(--success);box-shadow:0 0 0 2px #16a34a1a}.input.error{border-color:var(--danger);box-shadow:0 0 0 2px #ef44441a}.referral-info{margin-top:8px;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:12px;color:#0369a1}.referral-info small{font-size:12px;line-height:1.4}.cart-page{min-height:100vh;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:0;position:relative}.cart-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none;z-index:0}.cart-container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:2}.loading-icon{color:#dc2626;margin-bottom:16px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-state p{color:#6b7280;font-size:16px}.empty-cart{display:flex;align-items:center;justify-content:center;min-height:60vh}.empty-cart-content{text-align:center;max-width:400px}.cart-page .empty-icon{background:none;box-shadow:none;padding:0;border-radius:0;animation:none}.empty-cart-content h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px}.empty-cart-content p{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.6}.continue-shopping-btn{display:inline-flex;align-items:center;gap:8px;background:#dc2626;color:#fff;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:all .2s ease;box-shadow:0 4px 16px #dc26264d}.continue-shopping-btn:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.cart-header{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b 60%,#7f1d1d);background-size:400% 400%;animation:gradientShift 8s ease infinite;color:#fff;padding:60px 40px;border-radius:24px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 20px 60px #dc26264d,inset 0 2px 20px #0003;display:flex;justify-content:space-between;align-items:flex-start}.cart-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.2) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:1;pointer-events:none;animation:pulse 6s ease-in-out infinite}.cart-title h1{font-size:3rem;font-weight:900;margin:0 0 8px;background:linear-gradient(135deg,#fff 0% 20%,#d4af37e6 40%,#fff 60% 80%,#fff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;text-shadow:0 8px 24px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6);letter-spacing:-2px;position:relative;z-index:2}.cart-title p{font-size:1.25rem;color:#fffffffa;margin:0;font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.4);position:relative;z-index:2}.continue-shopping-link{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 28px;border-radius:16px;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000004d,0 4px 16px #ffffff1a inset;position:relative;z-index:2;overflow:hidden}.continue-shopping-link:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(45deg,#fff6,#d4af374d,#fff6);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.continue-shopping-link:hover:before{opacity:1}.continue-shopping-link:hover{background:#ffffff4d;transform:translateY(-6px) scale(1.08);box-shadow:0 16px 48px #0006,0 8px 24px #fff3 inset;border-color:#fff9}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.cart-items{background:linear-gradient(135deg,#fffffffa,#fee2e205,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:2px solid rgba(220,38,38,.1);overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #dc26260d;position:relative}.cart-items:before{content:"";position:absolute;inset:-2px;border-radius:26px;background:linear-gradient(135deg,#dc26261a,#d4af370d);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px)}.cart-items:hover:before{opacity:1}.items-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:#f8fafc;border-bottom:2px solid #e5e7eb}.items-header h3{font-size:20px;font-weight:700;color:#1f2937;margin:0}.clear-cart-btn{display:flex!important;align-items:center;gap:8px;background:#fff;color:#ef4444;border:none;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;opacity:1!important;visibility:visible!important;box-shadow:0 2px 8px #ef444433}.clear-cart-btn:hover{background:#fef3f3;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.clear-cart-btn svg{width:18px!important;height:18px!important;color:#fc0101!important;opacity:1!important;visibility:visible!important}.wishlist-btn svg,.remove-btn svg{width:24px!important;height:24px!important;color:inherit!important;opacity:1!important;visibility:visible!important}.items-list{padding:0}.cart-item{display:grid;grid-template-columns:120px 1fr auto auto;gap:24px;padding:24px 32px;border-bottom:1px solid rgba(220,38,38,.08);align-items:center;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:linear-gradient(135deg,#fff,#fee2e21a,#fff);transform:translateY(-4px);box-shadow:0 4px 16px #dc26261a}.cart-item:after{content:"";position:absolute;bottom:0;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,rgba(220,38,38,.2),transparent);opacity:0;transition:opacity .3s ease}.cart-item:hover:after{opacity:1}.item-image{position:relative;width:120px;height:120px;border-radius:12px;overflow:hidden;background:#f3f4f6}.item-image img{width:100%;height:100%;object-fit:cover}.discount-badge{position:absolute;top:8px;right:8px;background:#dc2626;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.item-details{display:flex;flex-direction:column;gap:12px}.item-info h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.item-description{font-size:14px;color:#6b7280;margin:0 0 12px;line-height:1.5}.item-meta{display:flex;align-items:center;gap:16px}.item-category{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.item-rating{display:flex;align-items:center;gap:4px}.rating-stars{color:#fbbf24;font-size:14px}.rating-text{font-size:12px;color:#6b7280}.item-actions{display:flex;gap:8px}.wishlist-btn,.remove-btn{width:40px;height:40px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#4b5563;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000a}.wishlist-btn:hover{border-color:#dc2626;color:#dc2626;background:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #dc262626}.remove-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2;transform:translateY(-2px);box-shadow:0 4px 12px #ef444426}.item-quantity{display:flex;flex-direction:column;gap:8px;align-items:center}.item-quantity label{font-size:12px;font-weight:600;color:#374151}.quantity-controls{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;width:fit-content}.quantity-btn{width:40px;height:40px;border:none;background:#f8fafc;color:#1f2937;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:600}.quantity-btn:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.quantity-btn svg{width:20px!important;height:20px!important;color:#1f2937!important;opacity:1!important;visibility:visible!important;display:block!important;stroke:currentColor!important;fill:none!important;stroke-width:2!important}.quantity-btn:hover svg{color:#fff!important;stroke:#fff!important}.quantity-value{width:40px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;font-weight:600;color:#1f2937;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;font-size:14px}.item-pricing{text-align:right;min-width:120px}.price-details{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.current-price{font-size:18px;font-weight:700;color:#1f2937}.original-price{font-size:14px;color:#9ca3af;text-decoration:line-through}.item-total{font-size:16px;font-weight:600;color:#dc2626}.order-summary{display:flex;flex-direction:column;gap:24px}.summary-card{background:linear-gradient(135deg,#fffffffa,#fee2e205,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:2px solid rgba(220,38,38,.1);padding:32px;box-shadow:0 8px 32px #00000014,0 2px 8px #dc26260d}.shipping-note{display:flex;align-items:center;gap:8px;background:#f0f9ff;color:#0369a1;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:8px}.checkout-btn{width:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:20px 24px;border-radius:12px;font-weight:700;font-size:17px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #dc26264d;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.checkout-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-3px);box-shadow:0 10px 30px #dc262666}.security-item svg{color:#16a34a}.promo-section{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:24px;box-shadow:0 4px 20px #00000014}.promo-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#374151;font-weight:600;font-size:16px}.promo-input{display:flex;gap:8px}.promo-input input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.promo-input input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.apply-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;display:flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;box-shadow:0 2px 8px #dc262633}.apply-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.dark .cart-page{background:#111827}.dark .cart-items,.dark .summary-card,.dark .promo-section{background:#1f2937;border-color:#4b5563}.dark .items-header{background:#374151;border-color:#4b5563}.dark .cart-item:hover{background:#374151}.dark .cart-title h1{color:#f9fafb}.dark .cart-title p{color:#9ca3af}.dark .items-header h3,.dark .summary-card h3,.dark .item-info h4{color:#f9fafb}.dark .item-description{color:#9ca3af}.dark .item-category{background:#4b5563;color:#d1d5db}.dark .rating-text{color:#9ca3af}.dark .quantity-btn{background:#374151;color:#d1d5db}.dark .quantity-btn:hover{background:#4b5563}.dark .quantity-value{background:#1f2937;color:#f9fafb;border-color:#4b5563}.dark .current-price,.dark .total-row span:first-child{color:#f9fafb}.dark .original-price{color:#6b7280}.dark .summary-row span:first-child{color:#9ca3af}.dark .summary-row span:last-child{color:#f9fafb}.dark .promo-header{color:#d1d5db}.dark .promo-input input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .promo-input input::placeholder{color:#9ca3af}.dark .promo-input input:focus{border-color:#dc2626}.dark .security-item{color:#9ca3af}.dark .shipping-note{background:#1e3a8a;color:#93c5fd}@media (max-width: 1024px){.cart-layout{grid-template-columns:1fr;gap:32px}.order-summary{order:-1}}@media (max-width: 768px){.cart-container{padding:0 16px}.cart-header{flex-direction:column;gap:16px;align-items:flex-start}.cart-title h1{font-size:28px}.cart-item{grid-template-columns:80px 1fr;gap:16px;padding:20px 16px}.item-image{width:80px;height:80px}.item-quantity,.item-pricing{grid-column:1 / -1;margin-top:16px}.item-quantity{flex-direction:row;justify-content:space-between;align-items:center}.item-pricing{text-align:left}.items-header{padding:20px 16px}.summary-card,.promo-section{padding:24px 20px}}@media (max-width: 480px){.cart-item{grid-template-columns:1fr;gap:16px;text-align:center}.item-image{width:100px;height:100px;margin:0 auto}.item-details{text-align:center}.item-actions{justify-content:center}.item-quantity{flex-direction:column;gap:8px}.item-pricing{text-align:center}.summary-card,.promo-section{padding:20px 16px}.checkout-btn{padding:14px 20px;font-size:15px}}.error-message{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-btn .loading-spinner{margin-right:8px}.points-redemption-content{margin-top:12px}.points-info{display:flex;justify-content:center;align-items:center;margin-bottom:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.points-balance{font-weight:600;color:#1e293b;font-size:.95rem}.points-count{font-weight:700;color:#059669;font-size:1rem}.points-redemption-actions{display:flex;flex-direction:column;gap:8px}.points-note{font-size:.85rem;color:#64748b;text-align:center;font-style:italic}@media (max-width: 768px){.points-redemption-actions{align-items:center}}.checkout-page{min-height:100vh;background:#f8fafc;padding:20px 0}.unit-price.discounted{color:#dc2626;font-weight:600}.original-price{color:#9ca3af;text-decoration:line-through;font-size:.9em;margin-left:8px}.reward-discount-badge{display:inline-block;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d;font-size:.75em;font-weight:700;padding:4px 8px;border-radius:12px;margin-top:4px;border:1px solid #22c55e;box-shadow:0 1px 3px #22c55e33;text-transform:uppercase;letter-spacing:.5px}.reward-discount-row{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-left:4px solid #0ea5e9;padding:12px 16px;margin:8px 0;border-radius:8px;box-shadow:0 2px 4px #0ea5e91a;position:relative;overflow:hidden}.reward-discount-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0ea5e9,#06b6d4,#0ea5e9);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reward-discount-row span:first-child{color:#0c4a6e;font-weight:600;font-size:.95em;display:flex;align-items:center;gap:6px;padding-left:8px}.reward-discount-amount{color:#0ea5e9;font-weight:700;font-size:1.05em;text-shadow:0 1px 2px rgba(14,165,233,.2);background:#0ea5e91a;padding:2px 8px;border-radius:6px;border:1px solid rgba(14,165,233,.2)}.reward-discount-row:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0ea5e926;transition:all .2s ease}.checkout-container{max-width:1500px;margin:0 auto;padding:0 40px}.checkout-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.back-btn{display:flex;align-items:center;gap:8px;background:transparent;color:#dc2626;border:none;padding:12px 20px;border-radius:0;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:none}.back-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.back-btn:hover{background:transparent;color:#b91c1c;border:none;transform:translate(-4px);text-decoration:underline}.checkout-header h1{font-size:32px;font-weight:700;color:#1f2937;margin:0}.checkout-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;width:100%}.order-details{display:flex;flex-direction:column;gap:32px;width:100%}.checkout-section{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:32px;box-shadow:0 4px 20px #00000014}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.section-header h2{font-size:20px;font-weight:700;color:#1f2937;margin:0;flex:1}.section-header svg{color:#dc2626;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.add-btn{position:relative;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:2px solid #dc2626;padding:12px 20px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc262633;text-transform:uppercase;letter-spacing:.5px;overflow:hidden}.add-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c;transform:translateY(-3px);box-shadow:0 8px 20px #dc262666}.add-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.add-btn svg{color:#fff!important;fill:none!important;stroke:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));width:16px;height:16px;display:block;stroke-width:2.5;pointer-events:none}.add-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);border-radius:8px;opacity:0;transition:opacity .3s ease}.add-btn:hover:before{opacity:1}@keyframes buttonPulse{0%{box-shadow:0 4px 12px #dc262633}50%{box-shadow:0 4px 12px #dc262666}to{box-shadow:0 4px 12px #dc262633}}.add-btn{animation:buttonPulse 2s ease-in-out infinite}.add-btn:hover{animation:none}.add-btn [data-lucide],.edit-btn [data-lucide],.delete-btn [data-lucide]{color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2.5;width:16px;height:16px;display:block}.add-btn:hover [data-lucide],.edit-btn:hover [data-lucide],.delete-btn:hover [data-lucide]{color:#fff!important;fill:none!important;stroke:#fff!important}.add-btn *,.edit-btn *,.delete-btn *{color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2.5}.add-btn:hover *,.edit-btn:hover *,.delete-btn:hover *{color:#fff!important;fill:none!important;stroke:#fff!important}.checkout-page .edit-btn svg,.checkout-page .delete-btn svg,.checkout-page .add-btn svg{color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2.5!important;width:18px!important;height:18px!important;display:block!important;visibility:visible!important;opacity:1!important}.checkout-page .edit-btn:hover svg,.checkout-page .delete-btn:hover svg,.checkout-page .add-btn:hover svg{color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2.5!important;visibility:visible!important;opacity:1!important}.checkout-page .edit-btn path,.checkout-page .delete-btn path,.checkout-page .add-btn path,.checkout-page .edit-btn line,.checkout-page .delete-btn line,.checkout-page .add-btn line,.checkout-page .edit-btn circle,.checkout-page .delete-btn circle,.checkout-page .add-btn circle,.checkout-page .edit-btn rect,.checkout-page .delete-btn rect,.checkout-page .add-btn rect{stroke:#fff!important;fill:none!important;stroke-width:2.5!important}.address-list{display:flex;flex-direction:column;gap:16px}.address-card{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.address-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc26261a}.address-card.selected{border-color:#dc2626;background:#fef2f2;box-shadow:0 4px 12px #dc262626}.address-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 8px}.address-info p{font-size:14px;color:#6b7280;margin:0 0 4px;line-height:1.5}.default-badge{display:inline-block;background:#dc2626;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;margin-top:8px}.edit-btn,.delete-btn{width:40px;height:40px;border:2px solid #dc2626;border-radius:10px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #dc262633;font-weight:600}.edit-btn svg,.delete-btn svg{color:#fff!important;fill:none!important;stroke:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));stroke-width:2.5;width:18px;height:18px;display:block;pointer-events:none}.edit-btn:hover svg,.delete-btn:hover svg{color:#fff!important;fill:none!important;stroke:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.edit-btn:hover{border-color:#3b82f6;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.edit-btn:hover svg{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.delete-btn:hover{border-color:#ef4444;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.delete-btn:hover svg{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.edit-btn:active,.delete-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.payment-type-selector{display:flex;gap:12px;margin-bottom:24px;padding:8px;background:#f8fafc;border-radius:12px;border:2px solid #e5e7eb}.payment-type-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:2px solid transparent;border-radius:10px;background:#fff;color:#6b7280;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.payment-type-btn:hover{background:#f9fafb;color:#374151;border-color:#d1d5db}.payment-type-btn.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.payment-type-btn svg{width:20px;height:20px}.payment-info-box{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;border:2px solid #fecaca;margin-bottom:16px}.payment-info-box .info-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;color:#dc2626}.payment-info-box .info-content h4{font-size:16px;font-weight:700;color:#1f2937;margin:0 0 8px}.payment-info-box .info-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.payment-options{display:flex;flex-direction:column;gap:24px}.saved-payment-section{display:flex;flex-direction:column;gap:16px}.saved-payment-header{display:flex;justify-content:space-between;align-items:center}.saved-payment-header h4{font-size:16px;font-weight:700;color:#1f2937;margin:0}.use-saved-card-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;font-weight:600;color:#374151}.use-saved-card-toggle input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#dc2626}.new-card-section{display:flex;flex-direction:column;gap:16px;padding-top:16px;border-top:2px solid #e5e7eb}.new-card-form{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:2px solid #e5e7eb}.new-card-form .form-group{display:flex;flex-direction:column;gap:8px}.new-card-form .form-group label{font-size:14px;font-weight:600;color:#374151}.new-card-form .form-group input,.new-card-form .form-group select{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.new-card-form .form-group input:focus,.new-card-form .form-group select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.new-card-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.upi-payment-section{display:flex;flex-direction:column;gap:16px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border:2px solid #bae6fd}.upi-payment-section .form-group{display:flex;flex-direction:column;gap:8px}.upi-payment-section .form-group label{font-size:14px;font-weight:600;color:#374151}.upi-input{padding:14px 16px;border:2px solid #bae6fd;border-radius:10px;font-size:16px;transition:all .2s ease;background:#fff;font-weight:500}.upi-input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.upi-hint{font-size:12px;color:#64748b;margin:4px 0 0;font-style:italic}.upi-providers{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.upi-provider-badge{display:inline-flex;align-items:center;padding:6px 12px;background:#fff;border:1px solid #bae6fd;border-radius:8px;font-size:12px;font-weight:600;color:#0369a1}.payment-list{display:flex;flex-direction:column;gap:16px}.payment-card{display:flex;align-items:center;padding:20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff}.payment-card:hover{border-color:#dc2626;box-shadow:0 4px 12px #dc26261a}.payment-card.selected{border-color:#dc2626;background:#fef2f2;box-shadow:0 4px 12px #dc262626}.payment-info{display:flex;align-items:center;gap:16px;flex:1}.payment-info svg{color:#dc2626;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.payment-info h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.payment-info p{font-size:14px;color:#6b7280;margin:0}.order-items-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 8px #0000000d;width:100%}.order-items-header{display:grid;grid-template-columns:1fr 50px 80px 90px;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;font-weight:600;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:.5px;width:100%}.header-product{grid-column:1}.header-quantity{grid-column:2;text-align:center;justify-self:center}.header-price{grid-column:3;text-align:right;justify-self:end}.header-total{grid-column:4;text-align:right;justify-self:end}.order-items{display:flex;flex-direction:column}.order-items .order-item{display:grid!important;grid-template-columns:1fr 50px 80px 90px!important;gap:12px;padding:16px 20px;border-bottom:1px solid #f3f4f6;align-items:center;transition:all .2s ease;background:transparent;margin:0;border:none;border-radius:0;box-shadow:none;width:100%}.order-items .order-item:nth-child(2n){background:#fafbfc}.order-items .order-item:last-child{border-bottom:none}.order-items .order-item:hover{background:#f0f9ff}.item-product{display:flex;align-items:center;gap:16px;grid-column:1;width:100%;min-width:0;flex:1;justify-self:stretch}.item-image-container{position:relative;flex-shrink:0}.item-image{width:60px;height:60px;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb;transition:all .2s ease;flex-shrink:0}.item-image:hover{border-color:#dc2626;transform:scale(1.02)}.quantity-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 8px #dc26264d}.item-details{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;justify-content:flex-start;overflow:visible}.item-name{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 6px;line-height:1.4;width:100%;word-wrap:break-word;white-space:normal;overflow:visible;flex:1}.item-brand{font-size:13px;color:#6b7280;margin:0 0 8px;font-weight:500;width:100%}.item-specs{display:flex;flex-direction:column;gap:4px;width:100%}.item-spec{font-size:12px;color:#9ca3af;background:#f3f4f6;padding:2px 8px;border-radius:6px;display:inline-block;width:fit-content}.item-quantity{grid-column:2;display:flex;justify-content:center;align-items:center;width:100%;justify-self:center;min-width:50px}.quantity-display{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:8px;padding:8px 12px;min-width:40px;text-align:center}.quantity-number{font-size:16px;font-weight:700;color:#1f2937}.item-price{grid-column:3;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;width:100%;justify-self:end;min-width:80px}.price-values{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.unit-price{font-size:16px;font-weight:600;color:#1f2937}.original-price{font-size:14px;color:#9ca3af;text-decoration:line-through;font-weight:500}.price-label{font-size:11px!important;color:#9ca3af!important;text-transform:uppercase!important;letter-spacing:.5px!important;align-self:flex-end!important;margin-top:1px!important;margin-right:0!important;text-align:right!important;width:fit-content!important;display:block!important}.checkout-page .order-item .item-price .price-label{text-align:right!important;align-self:flex-end!important;margin-left:auto!important;margin-right:0!important}.item-total{grid-column:4;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:100%;justify-self:end;min-width:90px}.total-price{font-size:18px;font-weight:700;color:#dc2626}.savings-badge{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #16a34a33}.order-items-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #e5e7eb;padding:20px}.items-summary{display:flex;flex-direction:column;gap:12px}.items-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.items-summary .summary-row span:first-child{color:#6b7280;font-weight:500}.items-summary .summary-row span:last-child{font-weight:600;color:#1f2937}.items-summary .discount-row span:last-child{color:#16a34a}.items-summary .free-shipping,.savings-amount{color:#16a34a!important;font-weight:700}.checkout-layout .order-summary{position:sticky;top:20px;display:flex!important;flex-direction:column!important;gap:24px;width:100%!important;min-width:0;align-items:stretch!important}.checkout-layout .summary-card{background:#fff;border-radius:16px;border:2px solid #e5e7eb;padding:32px;box-shadow:0 4px 20px #00000014;width:100%!important;min-width:0;max-width:none!important}.summary-card h3{font-size:20px;font-weight:700;color:#1f2937;margin:0 0 24px}.summary-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.summary-row span:last-child{font-weight:600;color:#1f2937}.discount-row span:last-child{color:#16a34a}.free-shipping{color:#16a34a!important;font-weight:600}.reward-discount-row{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;padding:12px 16px;margin:8px 0;border:1px solid #bae6fd}.reward-discount-row span:first-child{color:#0369a1;font-weight:600}.reward-discount-amount{color:#059669!important;font-weight:700;font-size:1.1rem}.summary-total{border-top:2px solid #e5e7eb;padding-top:24px;margin-bottom:24px}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:700}.total-row span:first-child{color:#1f2937}.total-amount{color:#dc2626;font-size:24px}.place-order-btn{width:100%;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:20px 24px;border-radius:12px;font-weight:700;font-size:17px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px #dc26264d;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.place-order-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.place-order-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-3px);box-shadow:0 10px 30px #dc262666}.place-order-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-features{display:flex;flex-direction:column;gap:12px}.security-item{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.security-item svg{color:#16a34a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.empty-state svg{color:#d1d5db;margin-bottom:16px}.empty-state p{font-size:16px;margin:0 0 20px}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.modal-header h3{font-size:20px;font-weight:700;color:#1f2937;margin:0}.close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#1f2937}.address-form,.payment-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:14px;font-weight:600;color:#374151}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-text{color:#ef4444;font-size:12px;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151}.checkbox-label input[type=checkbox]{width:16px;height:16px;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f8fafc;border-color:#d1d5db;color:#374151}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;color:#dc2626;margin-bottom:16px}.loading-spinner-icon{animation:spin 1s linear infinite;color:#dc2626}.loading-state .loading-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-state p{color:#6b7280;font-size:16px;margin:0}.error-message{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.error-close{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;margin-left:auto;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}.error-close:hover{background:#fecaca}@media (max-width: 1024px){.checkout-layout{grid-template-columns:1fr;gap:32px}.order-summary{position:static;order:-1}}@media (max-width: 768px){.checkout-container{padding:0 20px}.checkout-header{flex-direction:column;gap:16px;align-items:flex-start}.checkout-header h1{font-size:28px}.checkout-section{padding:24px 20px}.form-row{grid-template-columns:1fr}.modal-content{padding:24px 20px}.address-card,.payment-card{flex-direction:column;align-items:flex-start;gap:16px}.address-actions{align-self:flex-end}.order-items-header{display:grid;grid-template-columns:1fr 50px 80px 90px;gap:8px;padding:12px 16px;font-size:12px}.order-items .order-item{display:grid!important;grid-template-columns:1fr 50px 80px 90px!important;gap:8px;padding:12px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:0;background:transparent}.order-item:last-child{border-bottom:none}.item-product{display:flex;align-items:center;gap:12px;grid-column:1;justify-self:stretch}.item-image{width:60px;height:60px}.item-details{flex:1;min-width:0}.item-quantity{grid-column:2;justify-self:center;min-width:50px}.item-price{grid-column:3;justify-self:end;min-width:80px}.item-total{grid-column:4;justify-self:end;min-width:90px}.item-name{font-size:14px}.item-brand{font-size:12px}.item-specs{flex-direction:row;flex-wrap:wrap;gap:6px}.item-spec{font-size:10px;padding:2px 6px}.item-quantity,.item-price,.item-total{display:flex;justify-content:space-between;align-items:center;padding:8px 0;background:transparent;border:none}.item-price{flex-direction:column!important;align-items:flex-end!important;justify-content:center!important}.quantity-display{background:transparent;border:none;padding:0;min-width:auto}.quantity-number,.unit-price{font-size:14px}.total-price{font-size:16px}.savings-badge{font-size:10px;padding:2px 6px}}@media (max-width: 480px){.checkout-section,.modal-content{padding:20px 16px}.place-order-btn{padding:16px 20px;font-size:15px}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.dark .checkout-page{background:#111827}.dark .checkout-section,.dark .summary-card,.dark .modal-content{background:#1f2937;border-color:#4b5563}.dark .checkout-header h1,.dark .section-header h2{color:#f9fafb}.dark .address-card,.dark .payment-card{background:#374151;border-color:#4b5563}.dark .address-card:hover,.dark .payment-card:hover{border-color:#dc2626}.dark .address-card.selected,.dark .payment-card.selected{background:#4b5563;border-color:#dc2626}.dark .address-info h4,.dark .payment-info h4{color:#f9fafb}.dark .address-info p,.dark .payment-info p{color:#9ca3af}.dark .item-info h4{color:#f9fafb}.dark .item-info p{color:#9ca3af}.dark .form-group input,.dark .form-group select,.dark .form-group textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-group input::placeholder,.dark .form-group textarea::placeholder{color:#9ca3af}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#dc2626}.dark .checkbox-label{color:#d1d5db}.dark .empty-state{color:#9ca3af}.dark .empty-state svg{color:#4b5563}.dark .order-items-container{background:#1f2937;border-color:#4b5563}.dark .order-items-header{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;color:#d1d5db}.dark .order-item{border-color:#4b5563;background:transparent}.dark .order-item:nth-child(2n){background:#374151}.dark .order-item:hover{background:#1f2937;border-left:3px solid #dc2626;padding-left:17px}.dark .item-image{border-color:#4b5563}.dark .item-image:hover{border-color:#dc2626}.dark .item-name{color:#f9fafb}.dark .item-brand{color:#9ca3af}.dark .item-spec{background:#4b5563;color:#d1d5db}.dark .quantity-display{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark .quantity-number,.dark .unit-price{color:#f9fafb}.dark .price-label{color:#9ca3af}.dark .total-price{color:#dc2626}.dark .order-items-footer{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark .items-summary .summary-row span:first-child{color:#9ca3af}.dark .items-summary .summary-row span:last-child{color:#f9fafb}.dark .section-header{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280}.dark .add-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.dark .add-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);border-color:#b91c1c;box-shadow:0 8px 20px #dc262680}.dark .edit-btn,.dark .delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;box-shadow:0 2px 8px #dc26264d}.dark .edit-btn svg,.dark .delete-btn svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));stroke-width:2.5}.dark .edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.dark .edit-btn:hover svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.dark .delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 4px 12px #ef444466}.dark .delete-btn:hover svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.dark .add-btn *,.dark .edit-btn *,.dark .delete-btn *{color:#fff!important;fill:none!important;stroke:#fff!important;stroke-width:2.5}.dark .add-btn:hover *,.dark .edit-btn:hover *,.dark .delete-btn:hover *{color:#fff!important;fill:none!important;stroke:#fff!important}.reward-redemption-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.reward-redemption-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.reward-redemption-section .section-header h4{display:flex;align-items:center;gap:8px;margin:0;color:#1e293b;font-size:1.1rem;font-weight:600;white-space:nowrap}.reward-redemption-section .section-header .icon{width:18px;height:18px;color:#059669}.reward-redemption-section .total-discount{font-size:1.2rem;font-weight:700;color:#059669}.applied-rewards{display:flex;flex-direction:column;gap:12px}.applied-reward{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;align-items:start}.applied-reward:hover{border-color:#bae6fd;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.reward-info{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;width:100%}.reward-name{font-weight:700;color:#1e293b;font-size:1.1rem;line-height:1.3;margin:0;text-align:left;width:100%}.reward-description{font-size:.9rem;color:#64748b;line-height:1.4;margin:0;text-align:left;width:100%}.reward-meta{grid-column:1;grid-row:2;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.reward-meta .points-used{font-size:.9rem;color:#7c3aed;font-weight:600;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:4px 8px;border-radius:6px;border:1px solid #d8b4fe}.reward-meta .time-remaining{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#f59e0b;font-weight:500}.reward-meta .time-remaining .icon{width:14px;height:14px}.discount-amount{grid-column:2;grid-row:2;font-size:1.2rem;font-weight:700;color:#059669;white-space:nowrap;justify-self:end;align-self:center}.remove-reward-btn{background:none!important;border:none!important;color:#dc2626;padding:0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;grid-column:2;grid-row:1;justify-self:end;align-self:start;width:24px;height:24px}.remove-reward-btn:hover{background:none!important;border:none!important;transform:scale(1.1)}.remove-reward-btn:hover .icon,.remove-reward-btn:hover .close-text{color:#b91c1c!important}.reward-redemption-section .remove-reward-btn .icon,.reward-redemption-section .remove-reward-btn svg,.reward-redemption-section .remove-reward-btn [data-lucide]{width:18px!important;height:18px!important;stroke-width:2.5!important;color:#dc2626!important;fill:none!important;stroke:#dc2626!important;display:block!important;visibility:visible!important;opacity:1!important}.reward-redemption-section .remove-reward-btn path,.reward-redemption-section .remove-reward-btn line,.reward-redemption-section .remove-reward-btn circle,.reward-redemption-section .remove-reward-btn rect{stroke:#dc2626!important;fill:none!important;stroke-width:2.5!important}.reward-redemption-section .remove-reward-btn .close-text{font-size:18px;font-weight:700;color:#dc2626;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:none!important}.reward-redemption-section .remove-reward-btn,.reward-redemption-section .remove-reward-btn:focus,.reward-redemption-section .remove-reward-btn:active,.reward-redemption-section .remove-reward-btn:visited{background:none!important;border:none!important;outline:none!important;box-shadow:none!important}.reward-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.reward-summary .summary-row{display:flex;justify-content:space-between;align-items:center;font-weight:600}.reward-summary .discount-total{color:#059669;font-size:1.1rem}.reward-redemption-loading{text-align:center;padding:20px;color:#64748b}.reward-redemption-loading .loading-container{display:flex;align-items:center;justify-content:center;gap:8px}.reward-redemption-loading .loading-spinner-icon{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite}.reward-redemption-loading .loading-text{font-size:14px;color:#6b7280;font-weight:500}.razorpay-payment-form{margin:20px 0;padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.payment-summary{margin-bottom:24px}.payment-summary h3{font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:16px;text-align:center}.summary-details{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6;font-size:1.1rem}.summary-row:last-child{border-bottom:none}.summary-row .amount{font-weight:700;color:#dc2626;font-size:1.3rem}.payment-methods{margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.payment-methods p{font-weight:600;color:#374151;margin-bottom:12px;font-size:1rem}.payment-methods ul{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.payment-methods li{color:#4b5563;font-size:.95rem;padding:10px 12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;border-left:4px solid #dc2626;transition:all .2s ease;font-weight:500}.payment-methods li:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);transform:translate(4px);box-shadow:0 2px 8px #dc26261a}.payment-note{font-size:.85rem;color:#6b7280;font-style:italic;margin:12px 0 0;padding:8px 12px;background:#f0f9ff;border-radius:6px;border-left:3px solid #0ea5e9}.pay-with-razorpay-btn{padding:14px 28px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #dc26264d}.pay-with-razorpay-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.pay-with-razorpay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-info{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb;text-align:center}.security-badges{display:flex;justify-content:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}.security-badge{display:flex;align-items:center;gap:6px;color:#16a34a;font-size:.9rem;font-weight:500}.security-note{font-size:.85rem;color:#6b7280;margin:0;line-height:1.4}@media (max-width: 768px){.razorpay-payment-form{padding:16px;margin:16px 0}.payment-methods ul{grid-template-columns:1fr}.security-badges{flex-direction:column;align-items:center;gap:8px}.pay-with-razorpay-btn{width:100%;justify-content:center;padding:16px}}.payment-element-container{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:120px}.payment-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px}.payment-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-payment-btn{padding:12px 24px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-payment-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cancel-payment-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-payment-btn{padding:12px 24px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #dc26264d}.confirm-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.confirm-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-form-loading{display:flex;justify-content:center;align-items:center;padding:40px 20px}.payment-form-loading .loading-container{display:flex;flex-direction:column;align-items:center;gap:12px}.payment-form-loading .loading-spinner-icon{animation:spin 1s linear infinite;color:#dc2626}.payment-form-loading .loading-text{font-size:16px;color:#6b7280;font-weight:500}.payment-element-container .StripeElement{padding:12px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.payment-element-container .StripeElement--focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.payment-element-container .StripeElement--invalid{border-color:#ef4444}.dark .stripe-payment-form{background:#374151;border-color:#4b5563}.dark .payment-element-container{background:#1f2937;border-color:#4b5563}.dark .cancel-payment-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .cancel-payment-btn:hover:not(:disabled){background:#4b5563}.dark .payment-element-container .StripeElement{background:#374151;border-color:#4b5563;color:#f9fafb}@media (max-width: 768px){.applied-reward{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px}.reward-info{grid-column:1;grid-row:1;flex-direction:column;align-items:flex-start;gap:4px}.reward-name{white-space:normal}.reward-description{flex:none}.remove-reward-btn{grid-column:2;grid-row:1;justify-self:end;width:40px;height:40px}.reward-meta{grid-column:1;grid-row:2}.discount-amount{grid-column:2;grid-row:2;justify-self:end;font-size:1.1rem}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}@keyframes iconGlow{0%,to{box-shadow:0 8px 24px #dc262666,0 4px 12px #dc262633,0 0 20px #dc26264d}50%{box-shadow:0 12px 32px #dc262699,0 6px 16px #dc262666,0 0 30px #dc262680}}.likes-page{min-height:100vh;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:0;position:relative}.likes-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none;z-index:0}.likes-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.likes-loading p{color:#64748b;font-size:16px;font-weight:500}.likes-container{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:2}.likes-header-premium{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b 60%,#7f1d1d);background-size:400% 400%;animation:gradientShift 8s ease infinite;color:#fff;padding:100px 0;margin-bottom:60px;position:relative;overflow:hidden;box-shadow:0 20px 60px #dc26264d,inset 0 2px 20px #0003}.likes-header-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.2) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:1;pointer-events:none;animation:pulse 6s ease-in-out infinite}.likes-header-premium:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmerRotate 20s linear infinite;pointer-events:none}@keyframes shimmerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.header-left{display:flex;align-items:center;gap:16px}.header-icon{width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid rgba(255,255,255,.4);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0000004d,0 4px 16px #ffffff1a inset;position:relative;overflow:hidden}.header-icon:before{content:"";position:absolute;inset:-2px;border-radius:22px;padding:2px;background:linear-gradient(45deg,#fff6,#d4af374d,#fff6);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s ease}.header-icon:hover:before{opacity:1}.header-icon:hover{background:#ffffff4d;transform:scale(1.15) rotate(5deg);box-shadow:0 12px 48px #0006,0 8px 24px #fff3 inset}.header-text h1{font-size:3.5rem;font-weight:900;margin:0 0 12px;background:linear-gradient(135deg,#fff 0% 20%,#d4af37e6 40%,#fff 60% 80%,#fff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;text-shadow:0 8px 24px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6);letter-spacing:-2px;position:relative;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.header-text p{font-size:1.35rem;color:#fffffffa;margin:0;font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.4);letter-spacing:.5px}.continue-shopping{display:inline-flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:14px 28px;border-radius:16px;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .5s cubic-bezier(.34,1.56,.64,1);border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 32px #0000004d,0 4px 16px #ffffff1a inset;position:relative;overflow:hidden}.continue-shopping:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(45deg,#fff6,#d4af374d,#fff6);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientShift 3s ease infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.continue-shopping:hover:before{opacity:1}.continue-shopping:hover{background:#ffffff4d;transform:translateY(-6px) scale(1.08);box-shadow:0 16px 48px #0006,0 8px 24px #fff3 inset;border-color:#fff9}.likes-stats-premium{margin-bottom:40px}.stats-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-bottom:24px}.stat-card-premium{text-align:center;background:linear-gradient(135deg,#fee2e2,#fecaca,#fee2e2)!important;background-color:#fee2e2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:36px 24px;border-radius:24px;border:none;outline:none;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 16px 40px #dc262626,0 8px 20px #ef44441a;position:relative;overflow:hidden;transform-style:preserve-3d}.stat-card-premium:before{content:"";position:absolute;inset:-4px;border-radius:28px;background:linear-gradient(135deg,#ef444433,#dc262626);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px);pointer-events:none}.stat-card-premium:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .7s ease}.stat-card-premium:hover:after{left:100%}.stat-card-premium:hover{background:linear-gradient(135deg,#fecaca,#fca5a5,#fecaca)!important;transform:translateY(-16px) scale(1.08) rotateY(3deg);box-shadow:0 32px 64px #00000026,0 16px 32px #dc26261f;border:none;outline:none}.stat-card-premium:hover:before{opacity:1}.stat-icon{width:48px;height:48px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite,iconGlow 2s ease-in-out infinite;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 8px 24px #dc26264d;transition:all .4s cubic-bezier(.34,1.56,.64,1);margin:0 auto 16px;position:relative}.stat-icon:after{content:"";position:absolute;inset:-4px;border-radius:16px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlow 2s ease-in-out infinite}.stat-card-premium:hover .stat-icon{transform:scale(1.2) rotate(8deg);box-shadow:0 16px 40px #dc262680}.stat-content{position:relative;z-index:2;text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#dc2626,#ef4444,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;letter-spacing:-1px;margin-bottom:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:gradientShift 4s ease infinite;position:relative}.stat-card-premium:hover .stat-number{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));transform:scale(1.15);animation:gradientShift 2s ease infinite}.stat-label{font-size:.875rem;color:#991b1b;font-weight:700;text-shadow:none;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;z-index:1}.stat-card-premium:hover .stat-label{color:#7f1d1d;transform:translateY(-2px)}.search-filters-container{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.main-search-container{flex:1;max-width:600px;padding:0 4px}.main-search-wrapper{position:relative;flex:1;max-width:600px}.main-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#6b7280;z-index:2}.main-search-input{width:100%;padding:16px 20px 16px 56px;border:2px solid rgba(220,38,38,.2);border-radius:20px;font-size:16px;background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #dc262614}.main-search-input::placeholder{color:#9ca3af;font-weight:400}.main-search-input:focus{outline:none;border-color:#dc2626;background:#fff;box-shadow:0 0 0 4px #dc262626,0 8px 24px #dc262633,0 2px 8px #d4af371a;transform:translateY(-2px) scale(1.01)}.main-search-input:hover{border-color:#dc262666;box-shadow:0 8px 20px #dc262626;transform:translateY(-1px)}.main-search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s ease;z-index:2}.main-search-clear:hover{background:#e5e7eb;color:#374151;transform:translateY(-50%) scale(1.1)}.filter-controls-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap;flex-shrink:0}.filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;flex-shrink:0}.filter-group{display:flex;gap:20px;flex-wrap:wrap}.filter-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:none;border-radius:8px;transition:all .3s ease;min-width:140px;flex-shrink:0}.filter-item:hover{background:#dc26260d}.filter-item svg{color:#dc2626;flex-shrink:0}.filter-select,.sort-select{border:none;background:none;font-size:15px;font-weight:600;color:#1f2937;cursor:pointer;outline:none;min-width:120px}.filter-select:focus,.sort-select:focus{outline:none}.results-info{display:flex;align-items:center;gap:12px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;max-width:1000px;margin:0 0 24px}.results-count{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-left:4px}.search-term{font-size:.875rem;color:#dc2626;font-weight:600;background:#fef2f2;padding:4px 8px;border-radius:6px}.likes-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}.like-card-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #0000000d}.like-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#dc2626,#ef4444)}.like-card-premium:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:#dc262633}.card-header{position:relative}.product-image-container{position:relative;overflow:hidden}.product-image{width:100%;height:240px;object-fit:cover;transition:transform .3s ease}.like-card-premium:hover .product-image{transform:scale(1.05)}.stock-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#10b981e6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stock-badge:not([data-stock=true]){background:#ef4444e6}.discount-badge-premium{position:absolute;top:12px;right:12px;padding:8px 12px;border-radius:20px;font-size:14px;font-weight:700;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.card-body{padding:24px}.product-info{margin-bottom:16px}.product-brand{font-size:14px;color:#dc2626;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.product-name{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px;line-height:1.3}.product-description{font-size:14px;color:#6b7280;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9ca3af}.product-category{background:#f3f4f6;padding:4px 8px;border-radius:6px;font-weight:500}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px}.stars{display:flex;gap:2px}.star{width:16px;height:16px;color:#fbbf24}.star.empty{color:#d1d5db}.rating-text{font-size:14px;color:#6b7280;font-weight:500}.product-price{display:flex;align-items:center;gap:12px;margin-bottom:20px}.price-current{font-size:24px;font-weight:800;color:#111827}.price-original{font-size:16px;color:#9ca3af;text-decoration:line-through}.savings{font-size:12px;color:#10b981;font-weight:600;background:#ecfdf5;padding:4px 8px;border-radius:6px}.card-footer{padding:0 24px 24px}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.secondary-actions{display:flex;gap:8px;justify-content:center}.btn-view-details,.btn-add-to-cart{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-view-details{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid rgba(55,65,81,.2)}.btn-view-details:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-add-to-cart{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-add-to-cart:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.btn-add-to-cart:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;box-shadow:none}.btn-share,.btn-remove-premium{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.btn-share{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.btn-share:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-1px)}.btn-remove-premium{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.btn-remove-premium:hover{background:#ef444433;border-color:#ef44444d;transform:translateY(-1px)}.load-more-section{display:flex;justify-content:center;margin-top:40px}.load-more-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid rgba(55,65,81,.2);border-radius:12px;color:#374151;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.load-more-btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.likes-empty-premium{background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(220,38,38,.2);border-radius:28px;padding:80px 40px;text-align:center;box-shadow:0 12px 48px #dc26261a,0 4px 16px #dc26260f;position:relative;overflow:hidden}.likes-empty-premium:before{content:"";position:absolute;inset:-4px;border-radius:32px;background:linear-gradient(135deg,#dc262633,#d4af3726);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(24px);animation:pulse 3s ease-in-out infinite}.empty-content{max-width:500px;margin:0 auto}.empty-icon-container{width:140px;height:140px;background:linear-gradient(135deg,#fef2f2,#fee2e2,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;position:relative;box-shadow:0 12px 40px #dc262633;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.empty-icon-container:before{content:"";position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#dc262633,#d4af3726);z-index:-1;filter:blur(20px);animation:pulse 3s ease-in-out infinite}.empty-icon{color:#dc2626;animation:iconGlow 2s ease-in-out infinite;position:relative;z-index:1}.likes-empty-premium h2{font-size:36px;font-weight:800;background:linear-gradient(135deg,#dc2626,#d97706,#dc2626);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin-bottom:16px}.likes-empty-premium p{font-size:18px;color:#6b7280;margin-bottom:40px;line-height:1.6}.empty-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-shop-now-premium,.btn-browse-categories{display:flex;align-items:center;gap:12px;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-shop-now-premium{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,var(--gold-color) 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite;color:#fff;box-shadow:0 8px 24px #dc262666,0 4px 12px #d4af374d;position:relative;overflow:hidden}.btn-shop-now-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-shop-now-premium:hover:before{left:100%}.btn-shop-now-premium:hover{background:linear-gradient(135deg,#b91c1c 0%,#dc2626 50%,var(--gold-color) 100%);transform:translateY(-6px) scale(1.05);box-shadow:0 16px 40px #dc262680,0 8px 20px #d4af3766,0 0 0 2px #fff3}.btn-browse-categories{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:2px solid #e5e7eb}.btn-browse-categories:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-6px) scale(1.05);box-shadow:0 8px 16px #0000001a;border-color:#d1d5db}@media (max-width: 768px){.likes-page{padding:20px 16px}.likes-header-premium{padding:24px;margin-bottom:24px}.header-content{flex-direction:column;text-align:center;gap:16px}.header-text h1{font-size:28px}.header-text p{font-size:16px}.stats-grid-premium{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card-premium{padding:20px;gap:16px}.stat-icon{width:40px;height:40px}.stat-number{font-size:24px}.search-filters-container{flex-direction:column;gap:16px;align-items:stretch}.main-search-container{max-width:100%;padding:0 8px}.filter-controls-right{justify-content:flex-start;gap:16px}.main-search-wrapper{max-width:100%}.main-search-input{padding:14px 18px 14px 50px;font-size:15px;border-radius:12px}.main-search-icon{left:16px}.main-search-clear{right:14px;width:26px;height:26px}.filter-controls{flex-direction:column;gap:12px;align-items:stretch;width:100%}.filter-group{flex-direction:column;gap:12px}.results-info{max-width:100%;padding:0 8px;margin:0 0 20px}.results-count{font-size:.8rem}.filter-item{justify-content:space-between}.likes-grid-premium{grid-template-columns:1fr;gap:20px}.like-card-premium{margin:0 8px}.product-actions{grid-template-columns:1fr;gap:8px}.secondary-actions{flex-direction:column;gap:8px}.btn-share,.btn-remove-premium{width:100%;padding:12px;font-size:14px}.likes-empty-premium{padding:60px 24px}.empty-actions{flex-direction:column;align-items:center}.btn-shop-now-premium,.btn-browse-categories{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.stats-grid-premium{grid-template-columns:1fr}.header-text h1,.likes-empty-premium h2{font-size:24px}.likes-empty-premium p{font-size:16px}}.dark .likes-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .likes-header-premium,.dark .likes-stats-premium .stat-card-premium,.dark .likes-filter-section,.dark .like-card-premium,.dark .likes-empty-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .header-text h1{background:linear-gradient(135deg,#f9fafb,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .header-text p{color:#9ca3af}.dark .main-search-input{background:#4b5563;border-color:#dc26264d;color:#f9fafb}.dark .main-search-input:focus{border-color:#dc262680}.dark .main-search-clear{background:#6b7280;color:#d1d5db}.dark .main-search-clear:hover{background:#9ca3af;color:#f9fafb}.dark .filter-item{background:transparent;border:none}.dark .filter-item:hover{background:#dc26261a}.dark .filter-select,.dark .sort-select{color:#d1d5db}.dark .results-count,.dark .search-term{color:#9ca3af}.dark .product-name{color:#f9fafb}.dark .product-description{color:#d1d5db}.dark .product-category{background:#4b5563;color:#d1d5db}.dark .product-date{color:#9ca3af}.dark .price-current{color:#f9fafb}.dark .price-original{color:#9ca3af}.dark .savings{background:#064e3b;color:#6ee7b7}.dark .btn-view-details{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .btn-view-details:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.dark .btn-add-to-cart:disabled{background:#4b5563;color:#6b7280}.dark .btn-share{background:#3b82f633;color:#60a5fa;border-color:#3b82f64d}.dark .btn-share:hover{background:#3b82f64d;border-color:#3b82f666}.dark .btn-remove-premium{background:#ef444433;color:#f87171;border-color:#ef44444d}.dark .btn-remove-premium:hover{background:#ef44444d;border-color:#ef444466}.dark .likes-empty-premium h2{color:#f9fafb}.dark .likes-empty-premium p{color:#9ca3af}.dark .btn-browse-categories{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .btn-browse-categories:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.wishlist-product-card{background:linear-gradient(135deg,#fffffff2,#fef2f2e6,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(220,38,38,.15);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #dc262614,0 2px 8px #dc26260d;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%;opacity:1;transform:scale(1);position:relative}.wishlist-product-card:before{content:"";position:absolute;inset:-4px;border-radius:24px;background:linear-gradient(135deg,#dc262626,#d4af371a);opacity:0;transition:opacity .5s ease;z-index:-1;filter:blur(20px)}.wishlist-product-card:hover:before{opacity:1}.wishlist-product-card.removing{opacity:0;transform:scale(.95);transition:all .4s ease}.wishlist-product-card:hover{transform:translateY(-12px) scale(1.02) rotateY(2deg);box-shadow:0 24px 60px #dc262633,0 8px 24px #d4af3726,0 0 0 1px #dc26261a;border-color:#dc262666;background:linear-gradient(135deg,#fff,#fee2e2f2,#fff)}.card-image-section{position:relative;width:100%;height:200px;overflow:hidden}.card-image-section .image-container{position:relative;width:100%;height:100%}.card-image-section .product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.wishlist-product-card:hover .product-image{transform:scale(1.05)}.card-image-section .discount-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;animation:gradientShift 3s ease infinite;color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #dc262666;z-index:2}.btn-delete-overlay{position:absolute;top:12px;right:12px;width:auto!important;height:auto!important;padding:0!important;margin:0!important;display:flex;align-items:center;justify-content:center;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;outline:none!important;color:#dc2626;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);z-index:10}.btn-delete-overlay svg{width:32px;height:32px;stroke-width:2.5;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.btn-delete-overlay:hover{background:transparent!important;transform:scale(1.3) rotate(90deg)}.btn-delete-overlay:hover svg{filter:drop-shadow(0 4px 12px rgba(220,38,38,.8))}.card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column;gap:8px}.product-meta-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.product-brand{font-size:12px;font-weight:600;color:#dc2626;text-transform:uppercase;letter-spacing:.5px}.product-category{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}.product-title{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-rating{display:flex;align-items:center;gap:6px;margin:4px 0}.product-rating .stars{display:flex;gap:1px}.product-rating .star{color:#fbbf24}.product-rating .star.empty{color:#d1d5db}.rating-count{font-size:12px;color:#6b7280}.price-section{margin:8px 0}.current-price{font-size:18px;font-weight:700;color:#111827;margin-bottom:2px}.original-price{font-size:14px;color:#9ca3af;text-decoration:line-through;margin-right:8px}.savings{font-size:12px;color:#059669;font-weight:600}.added-date{font-size:11px;color:#9ca3af;margin-top:auto}.card-actions{padding:20px;border-top:1px solid #f3f4f6;display:flex;flex-direction:column;gap:16px;background:#fafbfc}.btn-add-cart{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #dc262633}.btn-add-cart:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.btn-add-cart:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.secondary-actions{display:flex;justify-content:center;gap:16px;padding:8px 0}.btn-view,.btn-remove{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.btn-view{color:#4b5563}.btn-view:hover{background:#f8fafc;color:#1f2937;border-color:#dc2626;box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.btn-remove{color:#dc2626}.btn-remove:hover{background:#fef2f2;color:#b91c1c;border-color:#dc2626;box-shadow:0 4px 12px #dc262633;transform:translateY(-2px)}@media (max-width: 768px){.likes-grid-premium{grid-template-columns:1fr;gap:16px}.card-image-section{height:180px}.card-content,.card-actions{padding:12px}}@keyframes iconGlowGreen{0%,to{box-shadow:0 8px 24px #10b98166,0 4px 12px #05966933,0 0 20px #10b9814d}50%{box-shadow:0 12px 32px #10b98199,0 6px 16px #05966966,0 0 30px #10b98180}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;padding:0;position:relative}.profile-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none;z-index:0}.required{color:#dc2626;font-weight:700;margin-left:4px}.field-error{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important;background-color:#fef2f2!important;transition:all .2s ease-in-out}.field-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262633!important;outline:none}.field-error-message{color:#dc2626;font-size:12px;font-weight:500;margin-top:4px;margin-left:2px;display:flex;align-items:center;gap:4px}.field-error-message:before{content:"⚠";font-size:14px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;background:linear-gradient(180deg,#f8fafcf5,#fff 35%,#f1f5f9eb);border-radius:24px;box-shadow:0 25px 50px -12px #1e40af59,0 10px 25px #1e40af1f;border:1px solid rgba(37,99,235,.12);max-width:1000px!important;width:90%!important;min-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at -10% -10%,rgba(59,130,246,.28),transparent 55%),radial-gradient(circle at 110% 0%,rgba(147,197,253,.24),transparent 55%);pointer-events:none}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 32px;background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6);border-radius:24px 24px 0 0;box-shadow:0 12px 30px #2563eb40;position:sticky;top:0;z-index:3}.modal-header h3{margin:0;font-size:24px;font-weight:700;letter-spacing:.5px;color:#f8fafc;text-shadow:0 10px 24px rgba(15,23,42,.35)}.modal-close{background:transparent!important;background-color:transparent!important;border:none!important;cursor:pointer;padding:0!important;color:#fff!important;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;border-radius:0;width:auto;height:auto;min-width:auto;min-height:auto;position:relative;z-index:10;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}.modal-close:before,.modal-close:after{display:none!important;content:none!important}.modal-close:hover{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;transform:scale(1.15);opacity:.9}.modal-close:active{background:transparent!important;background-color:transparent!important;transform:scale(1.1);opacity:.8}.modal-close svg{stroke:#fff!important;stroke-width:3.5!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;position:relative;z-index:1}.modal-close svg line{stroke:#fff!important;stroke-width:3.5!important;stroke-linecap:round!important;opacity:1!important;visibility:visible!important;vector-effect:non-scaling-stroke}.address-form{position:relative;padding:32px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:calc(90vh - 120px)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.form-row-three{grid-template-columns:repeat(3,1fr);gap:20px}.form-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative}.form-header-row .form-row{flex:1}.form-group{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fffffffa,#eff6ffe6);border:1px solid rgba(59,130,246,.12);box-shadow:0 18px 30px -18px #1e40af59,inset 0 1px #ffffffa6;transition:transform .2s ease,box-shadow .2s ease}.form-group:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px #2563eb59}.form-group label{font-size:13px;font-weight:600;color:#1e3a8a;text-transform:uppercase;letter-spacing:.55px;margin-bottom:0;display:flex;align-items:center;gap:10px}.form-group-checkbox{padding:12px 16px!important;justify-content:center;align-items:flex-start}.form-group-checkbox label{font-size:12px;text-transform:none;letter-spacing:.3px;font-weight:500;color:#374151;cursor:pointer;margin:0;white-space:nowrap}.form-group-checkbox input[type=checkbox]{margin-right:8px;cursor:pointer;width:18px;height:18px;accent-color:#2563eb}.form-group-checkbox-compact{padding:8px 14px!important;background:linear-gradient(135deg,#fffffff2,#eff6ffd9)!important;border:1px solid rgba(59,130,246,.15)!important;border-radius:12px!important;box-shadow:0 4px 12px -4px #1e40af33,inset 0 1px #ffffff80!important;display:flex;align-items:center;justify-content:center;min-width:auto;flex-shrink:0;margin-top:0;height:fit-content}.form-group-checkbox-compact label{font-size:12px;text-transform:none;letter-spacing:.2px;font-weight:500;color:#374151;cursor:pointer;margin:0;white-space:nowrap;display:flex;align-items:center;gap:6px;padding:0}.form-group-checkbox-compact input[type=checkbox]{margin:0;cursor:pointer;width:16px;height:16px;accent-color:#2563eb;flex-shrink:0}.form-group-checkbox-compact:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px #2563eb40,inset 0 1px #fff9!important;border-color:#3b82f640!important}.form-input{padding:14px 18px;border:1px solid rgba(59,130,246,.2);border-radius:12px;font-size:15px;transition:all .2s ease;background:#ffffffe0;color:#0f172a;box-shadow:inset 0 1px 3px #0f172a0d;appearance:none}.form-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.form-input.field-error{border-color:#dc2626;background-color:#fef2f2;box-shadow:0 0 0 3px #dc262626}.form-input::placeholder{color:#1e40af73}.form-input::-webkit-calendar-picker-indicator{filter:hue-rotate(150deg)}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%232563EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:12px;padding-right:48px}.form-group label input[type=checkbox]{margin-right:6px;accent-color:#2563eb;transform:scale(1.1)}.modal-actions{display:flex;justify-content:flex-end;gap:14px;margin-top:0;padding:8px 32px 32px;border-top:1px solid rgba(37,99,235,.1)}.btn-secondary{padding:12px 26px;background:#94a3b82e;color:#1f2937;border:1px solid rgba(148,163,184,.25);border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#94a3b847;border-color:#94a3b873;transform:translateY(-1px)}.modal-actions .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 25px #2563eb59;text-transform:uppercase;letter-spacing:1px}.modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 35px #2563eb73}.no-addresses-integrated{text-align:center;padding:40px 20px;color:#6b7280}.no-addresses-integrated .no-addresses-icon{font-size:48px;margin-bottom:16px}.no-addresses-integrated p{margin:0;font-size:14px}.address-item-integrated{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;background-color:#fff;transition:all .2s ease}.address-item-integrated:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.address-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.address-details{flex:1;margin-right:16px}.address-type{font-weight:600;color:#111827;font-size:14px}.default-badge-small{background-color:#10b981;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.address-text p{margin:0 0 4px;font-size:14px;color:#374151;line-height:1.4}.address-text p:last-child{margin-bottom:0}@media (min-width: 1200px){.modal-content{max-width:1200px!important;width:85%!important}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:0}.modal-content{margin:10px;max-height:95vh;max-width:100%!important;width:calc(100% - 20px)!important;min-width:auto}.modal-actions{flex-direction:column}.btn-secondary,.btn-primary{width:100%}}.toast-error{background:#dc2626!important;color:#fff!important;font-size:14px!important;padding:16px 20px!important;border-radius:8px!important;max-width:500px!important;box-shadow:0 4px 12px #dc26264d!important;border:1px solid #b91c1c!important}.profile-container{max-width:1200px;margin:0 auto;padding:0 20px}.profile-hero{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b 60%,#7f1d1d);background-size:400% 400%;animation:gradientShift 8s ease infinite;color:#fff;padding:80px 0;margin-bottom:40px;border-radius:0 0 32px 32px;position:relative;overflow:hidden;box-shadow:0 20px 60px #7f1d1d80,inset 0 2px 20px #0003}.profile-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.2) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:1;pointer-events:none;animation:pulse 6s ease-in-out infinite}.profile-hero:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(220,38,38,.05),transparent);animation:rotate-profile 40s linear infinite;pointer-events:none}@keyframes rotate-profile{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 40px;max-width:1200px;margin:0 auto}.profile-avatar-section{display:flex;align-items:center;gap:24px}.profile-avatar{position:relative;width:120px;height:120px;border-radius:50%;overflow:visible;border:4px solid rgba(255,255,255,.6);box-shadow:0 12px 40px #0000004d;background:linear-gradient(135deg,#ffffff26,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar .default-avatar{width:100%;height:100%;background:linear-gradient(135deg,#dc2626,#b91c1c,#dc2626);background-size:200% 200%;animation:gradientShift 3s ease infinite;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;font-size:2.5rem;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.3);filter:drop-shadow(0 0 20px rgba(220,38,38,.6))}.profile-avatar .default-avatar:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:linear-gradient(135deg,#dc262680,#b91c1cb3,#dc262680);background-size:200% 200%;animation:gradientShift 3s ease infinite,pulse 2s ease-in-out infinite;z-index:-1;filter:blur(20px)}.profile-avatar .default-avatar:after{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(220,38,38,.3),transparent 70%);animation:pulse 3s ease-in-out infinite;z-index:-2;filter:blur(15px)}.profile-avatar .default-avatar svg{position:relative;z-index:2;width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.profile-info h1{font-size:2.25rem;font-weight:700;margin:0 0 12px;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.6);letter-spacing:-.5px;color:#fff}.profile-email{font-size:1.125rem;color:#fffffff2;margin:0 0 20px;font-weight:500;text-shadow:0 2px 6px rgba(0,0,0,.7),0 1px 3px rgba(0,0,0,.5)}.profile-badges{display:flex;gap:8px}.profile-hero .badge{background:linear-gradient(135deg,#fffffff2,#ffffffd9);color:#1f2937;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);transition:all .3s ease;box-shadow:0 4px 16px #0000001a;text-shadow:none}.profile-hero .badge:hover{background:linear-gradient(135deg,#fffffffa,#ffffffe6);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.profile-stats-badges{display:flex;gap:12px;align-items:center}.stat-badge{display:flex;align-items:center;gap:8px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 20px;border-radius:50px;border:2px solid rgba(255,255,255,.3);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.stat-badge svg{width:18px;height:18px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.badge-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.badge-number{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.4)}.badge-label{font-size:.65rem;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.stat-badge:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.1) translateY(-2px);box-shadow:0 8px 24px #0000004d,0 4px 12px #ffffff1a}.profile-nav{display:flex;background:#fff;border-radius:16px;padding:8px;margin-bottom:32px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border:none;background:transparent;border-radius:12px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:14px}.nav-tab:hover{background:#f8fafc;color:#374151}.nav-tab[data-tab-id=overview].active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 16px #dc262666}.nav-tab[data-tab-id=profile].active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f666}.nav-tab[data-tab-id=orders].active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b98166}.nav-tab[data-tab-id=payment].active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 16px #8b5cf666}.nav-tab[data-tab-id=loyalty].active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 16px #f59e0b66}.nav-tab[data-tab-id=security].active{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 16px #06b6d466}.tab-red .section-header-premium{border-left:4px solid #dc2626}.tab-red .section-icon-premium,.tab-red .section-icon{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 16px #dc26264d;color:#fff}.tab-red .stat-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#dc2626,#ef4444)}.tab-red .stat-card-premium:hover{border-color:#dc26264d;box-shadow:0 8px 24px #dc262633}.tab-red .overview-section-premium{border-left:3px solid rgba(220,38,38,.2)}.tab-red .quick-action-card:hover{border-color:#dc26264d}.tab-red .stat-icon-container,.tab-red .action-icon{background:linear-gradient(135deg,#dc26261a,#ef44440d);color:#dc2626}.tab-red .view-all-btn-premium:hover{background:#dc26261a;color:#dc2626}.tab-red .order-card-premium:hover{border-color:#dc26264d}.tab-red .btn-primary{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626}.tab-red .btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);border-color:#b91c1c}.tab-red .timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#dc2626,#ef4444)}.tab-blue .section-header-premium{border-left:4px solid #3b82f6}.tab-blue .section-icon-premium,.tab-blue .section-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f64d;color:#fff}.tab-blue .input-premium:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tab-blue .address-item-integrated:hover{border-color:#3b82f64d}.tab-blue .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.tab-blue .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.tab-blue .btn-edit-small:hover{background:#3b82f61a;color:#3b82f6}.tab-blue .addresses-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.tab-blue .btn-default-small{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:8px}.tab-blue .btn-default-small:hover{background-color:#2563eb}.tab-blue .add-address-integrated:hover{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.tab-purple .section-header-premium{border-left:4px solid #8b5cf6}.tab-purple .section-icon-premium,.tab-purple .section-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 16px #8b5cf64d;color:#fff}.tab-purple .payment-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tab-purple .payment-card-premium:hover{border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626}.tab-purple .payment-brand-icon{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d)}.tab-purple .btn-edit-premium{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);color:#8b5cf6;border-color:#8b5cf64d}.tab-purple .btn-edit-premium:hover{background:#8b5cf633;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633}.tab-purple .btn-remove-premium{background:linear-gradient(135deg,#dc26261a,#b91c1c0d);color:#dc2626;border-color:#dc26264d}.tab-purple .btn-remove-premium:hover{background:#dc262633;border-color:#dc2626;box-shadow:0 4px 12px #dc262633}.tab-purple .add-payment-btn-premium:hover{background:#8b5cf61a;color:#8b5cf6;border-color:#8b5cf64d}.tab-purple .add-payment-icon{background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);color:#8b5cf6}.tab-green .section-header-premium{border-left:4px solid #10b981}.tab-green .section-icon-premium,.tab-green .section-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;color:#fff}.tab-green .order-stat-card{background:linear-gradient(135deg,#d1fae5e6,#a7f3d0b3,#f0fdfaf2)!important;border:1px solid rgba(16,185,129,.3)!important;border-left:3px solid rgba(16,185,129,.5)!important}.tab-green .order-stat-card:hover{background:linear-gradient(135deg,#d1fae5cc,#a7f3d099,#f0fdfa)!important;border-color:#10b98159!important;border-left-color:#10b98180!important;box-shadow:0 4px 12px #10b98133!important}.tab-green .order-card-premium:hover{border-color:#10b9814d}.tab-green .order-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#10b981,#059669)}.tab-green .stat-icon{background:linear-gradient(135deg,#10b9811a,#0596690d);color:#10b981;animation:iconGlowGreen 2s ease-in-out infinite;box-shadow:0 8px 24px #10b9814d;position:relative}.tab-green .stat-icon:after{content:"";position:absolute;inset:-4px;border-radius:14px;background:linear-gradient(135deg,#10b981,#059669,#10b981);opacity:.3;z-index:-1;filter:blur(8px);animation:iconGlowGreen 2s ease-in-out infinite}.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-green .order-stat-card .stat-info .stat-number,.tab-green .order-stat-card .stat-number,.tab-green .stat-number,div.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info span.stat-number,span.stat-number.tab-green{color:#10b981!important}.tab-green .btn-order-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.tab-green .btn-order-primary:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.tab-green .btn-order-action:hover{background:#10b9811a;color:#10b981;border-color:#10b9814d}.tab-green .filter-select:focus,.tab-green .search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.tab-green .load-more-btn:hover{background:#10b9811a;color:#10b981;border-color:#10b9814d}.tab-green .timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#10b981,#059669)}.tab-amber .section-header-premium{border-left:4px solid #f59e0b}.tab-amber .section-icon-premium,.tab-amber .section-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d;color:#fff}.tab-amber .btn-primary{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b}.tab-amber .btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#d97706}.tab-cyan .section-header-premium{border-left:4px solid #06b6d4}.tab-cyan .section-icon-premium,.tab-cyan .section-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 16px #06b6d44d;color:#fff}.tab-cyan .security-section{border-left:3px solid rgba(6,182,212,.2)}.tab-cyan .security-card:hover{border-color:#06b6d44d}.tab-cyan .password-toggle-btn:hover{background:#06b6d41a;color:#06b6d4}.tab-cyan .btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4}.tab-cyan .btn-primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490);border-color:#0891b2}.tab-cyan .security-toggle-switch:checked{background:#06b6d4}.tab-cyan .login-activity-item:hover{border-color:#06b6d44d}.tab-cyan .security-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#06b6d4,#0891b2)}.tab-cyan .security-icon-container{background:linear-gradient(135deg,#06b6d41a,#0891b20d)}.tab-cyan .btn-security-primary,.tab-cyan .btn-security-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d44d}.tab-cyan .btn-security-primary:hover,.tab-cyan .btn-security-secondary:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 6px 16px #06b6d466}.profile-content{background:#fff;border-radius:20px;padding:40px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb;margin-bottom:40px}.section-header{margin-bottom:32px}.section-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.section-header p{color:#6b7280;font-size:16px;margin:0}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:32px}.overview-card{background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e5e7eb}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0}.view-all-btn{background:none;border:none;color:#dc2626;font-weight:600;cursor:pointer;font-size:14px}.view-all-btn:hover{text-decoration:underline}.order-list{display:flex;flex-direction:column;gap:16px}.order-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.order-item:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.order-image{width:48px;height:48px;border-radius:8px;object-fit:cover}.order-details{flex:1}.order-title{font-weight:600;color:#1f2937;margin-bottom:4px}.order-status{text-align:right}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:4px}.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge.shipped{background:#dbeafe;color:#1e40af}.order-total{font-weight:600;color:#1f2937}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.action-btn{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#374151}.action-btn:hover{background:#f8fafc;border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.order-card{background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e5e7eb;transition:all .2s ease}.order-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.order-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.order-info h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.order-info p{color:#6b7280;margin:0}.order-card-body{display:flex;align-items:center;justify-content:space-between;gap:24px}.order-items{display:flex;align-items:center;gap:16px}.order-product-image{width:64px;height:64px;border-radius:12px;object-fit:cover}.order-item-details h4{font-weight:600;color:#1f2937;margin:0 0 4px}.order-item-details p{color:#6b7280;margin:0;font-size:14px}.order-summary{text-align:right}.order-summary .order-total{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:12px}.profile-form{display:flex;flex-direction:column;gap:32px}.form-section{background:#fff;border-radius:24px;padding:40px;margin-bottom:32px;box-shadow:0 8px 32px #00000014;border:2px solid #e5e7eb;position:relative;overflow:hidden}.form-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.form-section h3{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 32px;letter-spacing:-.025em;position:relative;padding-bottom:16px}.form-section h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-fields{display:flex;flex-direction:column;gap:24px;padding-top:8px}.form-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding-top:8px}.form-field-compact{display:flex;flex-direction:column;gap:8px;padding:20px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.form-field-compact:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444);opacity:0;transition:opacity .3s ease}.form-field-compact:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc26261a;transform:translateY(-2px)}.form-field-compact:hover:before{opacity:1}.form-field-compact.full-width{grid-column:1 / -1}.form-field-compact label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#1f2937;letter-spacing:-.025em;margin-bottom:4px}.form-field-compact label svg{color:#dc2626}.form-input-compact{padding:14px 16px;border:2px solid #f1f5f9;border-radius:12px;font-size:15px;color:#374151;font-weight:500;background:#fff;transition:all .3s ease;font-family:inherit}.form-input-compact:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;background:#fff}.form-input-compact:hover{border-color:#d1d5db}.form-input-compact::placeholder{color:#9ca3af;font-weight:400}.form-section-premium{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:40px;margin-bottom:32px;box-shadow:0 8px 32px #0000000f;border:1px solid rgba(220,38,38,.1);position:relative;overflow:hidden}.form-section-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.section-header-premium{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(220,38,38,.1)}.section-icon{width:56px;height:56px;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px #dc26264d}.section-title h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px;letter-spacing:-.025em}.section-title p{font-size:16px;color:#6b7280;margin:0;font-weight:500}.form-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.input-group-premium{display:flex;flex-direction:column;gap:12px}.input-group-premium.full-width{grid-column:1 / -1}.input-label-premium{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:#374151;letter-spacing:-.025em}.label-icon{color:#dc2626;opacity:.8}.input-container-premium{position:relative}.input-premium{width:100%;padding:18px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;color:#1f2937;font-weight:500;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;outline:none}.input-premium:focus{border-color:#dc2626;background:#fff;box-shadow:0 0 0 4px #dc26261a}.input-premium:hover{border-color:#d1d5db}.input-premium::placeholder{color:#9ca3af;font-weight:400}.input-border-premium{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#dc2626,#ef4444);border-radius:1px;transform:scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.input-premium:focus+.input-border-premium{transform:scaleX(1)}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#374151;font-size:14px}.form-group.horizontal{display:flex!important;flex-direction:row!important;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.form-group.horizontal:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc26261a;transform:translateY(-2px)}.form-group.horizontal label{min-width:160px;margin-bottom:0;font-size:15px;color:#1f2937;font-weight:700;flex-shrink:0;display:flex;align-items:center;gap:10px;letter-spacing:-.025em}.form-group.horizontal .form-input{flex:1;margin-bottom:0;background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:16px 20px;font-size:15px;color:#374151;font-weight:500;transition:all .3s ease}.form-group.horizontal .form-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;background:#fff}.form-group.horizontal .form-input:hover{border-color:#d1d5db}.form-input{padding:16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease;background:#fff}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #dc26264d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.form-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #e5e7eb}.notification-groups{display:flex;flex-direction:column;gap:32px}.notification-group{background:#f8fafc;border-radius:16px;padding:24px;border:1px solid #e5e7eb}.notification-group h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.notification-options{display:flex;flex-direction:column;gap:16px}.notification-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:8px;transition:background .2s ease}.notification-option:hover{background:#fff}.notification-option input[type=checkbox]{width:20px;height:20px;accent-color:#dc2626;cursor:pointer}.notification-option span{font-weight:500;color:#374151}.dark .profile-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .profile-content{background:#1f2937;border-color:#374151}.dark .section-header h2{color:#f9fafb}.dark .section-header p{color:#9ca3af}.addresses-preview{display:flex;flex-direction:column;gap:16px}.address-item{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.address-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.address-info h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.address-info p{font-size:14px;color:#6b7280;margin:0 0 4px;line-height:1.4}.default-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;margin-top:8px}.address-actions{display:flex;gap:8px}.add-address-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed rgba(220,38,38,.3);border-radius:16px;color:#6b7280;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.add-address-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.1),transparent);transition:left .5s ease}.add-address-btn:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#dc262680;color:#374151;transform:translateY(-2px);box-shadow:0 8px 24px #dc262626}.add-address-btn:hover:before{left:100%}.dark .overview-card{background:#374151;border-color:#4b5563}.dark .card-header h3{color:#f9fafb}.dark .address-item{background:#4b5563;border-color:#6b7280}.dark .address-item:hover{border-color:#9ca3af;box-shadow:0 2px 8px #0003}.dark .address-info h4{color:#f9fafb}.dark .address-info p{color:#d1d5db}.dark .add-address-btn{background:linear-gradient(135deg,#4b5563,#374151);border-color:#6b7280;color:#d1d5db}.dark .add-address-btn:hover{background:linear-gradient(135deg,#6b7280,#4b5563);border-color:#9ca3af;color:#f9fafb}.dark .addresses-section-integrated{border-top-color:#dc262633}.dark .addresses-title h4{color:#f9fafb}.dark .addresses-title p{color:#9ca3af}.dark .address-item-integrated{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .address-item-integrated:hover{border-color:#dc26264d;box-shadow:0 2px 8px #dc262626}.dark .address-type{color:#f9fafb}.dark .address-text p{color:#d1d5db}.dark .btn-edit-small{background:linear-gradient(135deg,#374151,#1f2937);color:#d1d5db;border-color:#4b55634d}.dark .btn-edit-small:hover{background:linear-gradient(135deg,#4b5563,#374151);color:#f9fafb;border-color:#4b556380;box-shadow:0 4px 8px #0000004d}.dark .btn-remove-small{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;border-color:#7f1d1d4d}.dark .btn-remove-small:hover{background:linear-gradient(135deg,#991b1b,#b91c1c);color:#fecaca;border-color:#7f1d1d80;box-shadow:0 4px 8px #dc26264d}.dark .add-address-integrated{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262666;color:#d1d5db}.dark .add-address-integrated:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#dc262699;color:#f9fafb}.form-actions-bottom{margin-top:40px;padding-top:32px;border-top:1px solid rgba(220,38,38,.1);display:flex;justify-content:center}.form-actions-bottom .btn-primary{padding:16px 48px;font-size:16px;font-weight:600;border-radius:12px;box-shadow:0 4px 12px #dc26264d;transition:all .3s ease}.form-actions-bottom .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262666}.input-premium[type=select],.input-premium select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.dark .form-actions-bottom{border-top-color:#dc262633}.section-header-premium{display:flex;align-items:center;gap:16px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(220,38,38,.1);border-radius:16px;box-shadow:0 4px 12px #0000000d}.section-icon-premium{width:48px;height:48px;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-title-premium h2{font-size:24px;font-weight:700;color:#111827;margin:0 0 4px}.section-title-premium p{font-size:14px;color:#6b7280;margin:0}.payment-methods-premium{display:flex;flex-direction:column;gap:20px}.payment-card-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.payment-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#dc262633}.payment-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.payment-brand-icon{width:48px;height:48px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#374151}.default-badge-premium{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.payment-card-body{margin-bottom:20px}.payment-card-number{display:flex;align-items:center;gap:12px;margin-bottom:16px}.card-brand{font-size:18px;font-weight:700;color:#111827}.card-number{font-size:16px;font-weight:500;color:#6b7280;font-family:Courier New,monospace;letter-spacing:1px}.payment-card-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-expiry,.card-type{display:flex;flex-direction:column;gap:4px}.expiry-label,.type-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.expiry-date,.type-value{font-size:14px;font-weight:500;color:#374151}.payment-card-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid rgba(220,38,38,.1)}.btn-edit-premium,.btn-remove-premium{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.btn-edit-premium{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid rgba(55,65,81,.2)}.btn-edit-premium:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-remove-premium{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.btn-remove-premium:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.add-payment-premium{margin-top:8px}.add-payment-btn-premium{width:100%;display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed rgba(220,38,38,.3);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:left}.add-payment-btn-premium:hover{border-color:#dc262680;background:linear-gradient(135deg,#fef2f2,#f8fafc);transform:translateY(-1px);box-shadow:0 4px 12px #dc26261a}.add-payment-icon{width:48px;height:48px;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.add-payment-content{flex:1}.add-payment-content h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.add-payment-content p{font-size:14px;color:#6b7280;margin:0}.add-payment-arrow{color:#9ca3af;flex-shrink:0}.dark .section-header-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .section-title-premium h2{color:#f9fafb}.dark .section-title-premium p{color:#d1d5db}.dark .payment-card-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .payment-brand-icon{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db}.dark .card-brand{color:#f9fafb}.dark .card-number,.dark .expiry-date,.dark .type-value{color:#d1d5db}.dark .payment-card-actions{border-top-color:#dc262633}.dark .btn-edit-premium{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .btn-edit-premium:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.dark .btn-remove-premium{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;border-color:#7f1d1d4d}.dark .btn-remove-premium:hover{background:linear-gradient(135deg,#991b1b,#b91c1c);color:#fecaca}.dark .add-payment-btn-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262666}.dark .add-payment-btn-premium:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#dc262699}.dark .add-payment-content h3{color:#f9fafb}.dark .add-payment-content p{color:#d1d5db}.dark .add-payment-arrow{color:#9ca3af}.security-sections-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.security-card-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.security-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#dc262633}.security-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.security-icon-container{width:56px;height:56px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.security-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.security-status-badge.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.security-status-badge.inactive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.security-card-body{margin-bottom:24px}.security-card-body h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 8px}.security-card-body p{font-size:14px;color:#6b7280;line-height:1.5;margin:0 0 16px}.security-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.security-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#374151}.detail-value.strong{color:#10b981;font-weight:600}.security-card-actions{padding-top:20px;border-top:1px solid rgba(220,38,38,.1)}.btn-security-primary,.btn-security-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.btn-security-primary{color:#fff;border:none}.btn-security-primary:hover{transform:translateY(-1px);border:none}.btn-security-secondary{color:#fff;border:none}.btn-security-secondary:hover{color:#fff;transform:translateY(-1px);border:none}.dark .security-card-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .security-icon-container{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db}.dark .security-card-body h3{color:#f9fafb}.dark .security-card-body p,.dark .detail-value{color:#d1d5db}.dark .detail-value.strong{color:#34d399}.dark .security-card-actions{border-top-color:#dc262633}.dark .btn-security-secondary{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;box-shadow:0 4px 12px #dc26264d}.dark .btn-security-secondary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #dc262666;border:none}.twofa-modal{max-width:500px;width:90%}.twofa-setup{text-align:center}.setup-header{margin-bottom:32px}.setup-header svg{color:#dc2626;margin-bottom:16px}.setup-header h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.setup-header p{font-size:16px;color:#6b7280;margin:0}.setup-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.step{display:flex;align-items:flex-start;gap:16px;text-align:left}.step-number{width:32px;height:32px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content h4{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.step-content p{font-size:14px;color:#6b7280;margin:0}.setup-actions{display:flex;justify-content:center}.twofa-verify{text-align:center}.verify-header{margin-bottom:32px}.verify-header svg{color:#dc2626;margin-bottom:16px}.verify-header h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.verify-header p{font-size:16px;color:#6b7280;margin:0}.qr-code-container{margin-bottom:24px}.qr-code{width:200px;height:200px;border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.qr-instructions{font-size:14px;color:#6b7280;margin-top:12px}.secret-container{margin-bottom:24px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.secret-label{font-size:14px;color:#374151;margin:0 0 8px}.secret-key{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.secret-key code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#374151;flex:1;word-break:break-all}.copy-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:#e5e7eb;border-color:#9ca3af}.verification-form{text-align:left}.twofa-disable{text-align:center}.disable-header{margin-bottom:32px}.disable-header svg{color:#dc2626;margin-bottom:16px}.disable-header h3{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 8px}.disable-header p{font-size:16px;color:#6b7280;margin:0}.disable-form{text-align:left}.dark .setup-header h3,.dark .verify-header h3,.dark .disable-header h3{color:#f9fafb}.dark .setup-header p,.dark .verify-header p,.dark .disable-header p{color:#9ca3af}.dark .step-content h4{color:#f9fafb}.dark .step-content p{color:#9ca3af}.dark .secret-container{background:#374151;border-color:#4b5563}.dark .secret-label{color:#d1d5db}.dark .secret-key{background:#1f2937;border-color:#4b5563}.dark .secret-key code{color:#d1d5db}.dark .copy-btn{background:#4b5563;border-color:#6b7280;color:#d1d5db}.dark .copy-btn:hover{background:#6b7280;border-color:#9ca3af}.overview-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.stat-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#dc262633}.stat-icon-container{width:48px;height:48px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#374151;margin-bottom:16px}.stat-content h3{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:700;color:#111827;margin:0 0 8px}.stat-change{font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;display:inline-block}.stat-change.positive{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-change.neutral{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151}.overview-section-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px}.overview-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(220,38,38,.1)}.section-title h3{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.view-all-btn-premium{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid rgba(55,65,81,.2);border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-btn-premium:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.orders-list-premium{display:flex;flex-direction:column;gap:16px}.order-card-premium{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(220,38,38,.1);border-radius:12px;padding:20px;transition:all .2s ease}.order-card-premium:hover{border-color:#dc262633;box-shadow:0 4px 12px #0000000d}.order-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.order-info h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.order-date{font-size:14px;color:#6b7280;margin:0}.order-status{display:flex;align-items:center;gap:8px}.status-badge-delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-shipped{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-processing{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge-pending{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-card-body{display:flex;align-items:center;justify-content:space-between}.order-product-info{display:flex;align-items:center;gap:12px}.order-product-image{width:48px;height:48px;border-radius:8px;object-fit:cover}.order-details h5{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.tracking-info{font-size:12px;color:#6b7280;margin:0}.order-summary{display:flex;align-items:center;gap:16px}.order-total{font-size:18px;font-weight:700;color:#111827}.btn-order-action{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#dc2626,#ef4444);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-order-action:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(220,38,38,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.quick-action-card:hover{border-color:#dc262633;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.action-icon{width:40px;height:40px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.action-content h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 4px}.action-content p{font-size:12px;color:#6b7280;margin:0}.dark .stat-card-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .stat-icon-container{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db}.dark .stat-content h3{color:#d1d5db}.dark .stat-value{color:#f9fafb}.dark .stat-change.positive{background:linear-gradient(135deg,#064e3b,#065f46);color:#a7f3d0}.dark .stat-change.neutral{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db}.dark .overview-section-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .overview-section-header{border-bottom-color:#dc262633}.dark .section-title p{color:#d1d5db}.dark .view-all-btn-premium{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .view-all-btn-premium:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.dark .order-card-premium{background:linear-gradient(135deg,#4b5563,#374151);border-color:#dc262633}.dark .order-info h4{color:#f9fafb}.dark .order-details h5{color:#f9fafb}.dark .tracking-info{color:#d1d5db}.dark .quick-action-card{background:linear-gradient(135deg,#4b5563,#374151);border-color:#dc262633}.dark .action-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#d1d5db}.dark .action-content h4{color:#f9fafb}.dark .action-content p{color:#d1d5db}.order-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.order-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.order-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;border-color:#dc262633}.stat-icon{width:40px;height:40px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:24px;font-weight:700;color:#111827}div.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info span.stat-number,.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-green .order-stat-card .stat-info .stat-number,.tab-green .order-stat-card .stat-number,.tab-green .stat-number{color:#10b981!important}.orders-filter-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 12px #0000000d}.filter-controls{display:flex;gap:16px;align-items:center}.search-box{flex:1;max-width:300px}.search-input{width:100%;padding:12px 16px;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#dc262666;box-shadow:0 0 0 3px #dc26261a}.filter-select,.sort-select{padding:12px 16px;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:focus,.sort-select:focus{outline:none;border-color:#dc262666;box-shadow:0 0 0 3px #dc26261a}.orders-list-premium{display:flex;flex-direction:column;gap:20px}.order-card-premium{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(220,38,38,.1);border-radius:16px;padding:24px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.order-card-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:#dc262633}.order-card-header{margin-bottom:20px}.order-main-info{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.order-number{flex:1;min-width:0}.order-number h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 4px}.order-date{font-size:14px;color:#6b7280}.order-status-section{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.status-icon{color:#6b7280}.status-icon.pending{color:#6b7280}.order-card-body{display:grid;grid-template-columns:1fr auto;gap:24px;margin-bottom:20px}.order-product-section{display:flex;gap:16px}.product-image-container{position:relative;flex-shrink:0}.order-product-image{width:80px;height:80px;border-radius:12px;object-fit:cover}.item-count-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border:2px solid white}.order-details h4{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.tracking-info{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tracking-label{font-size:14px;color:#6b7280}.tracking-number{font-size:14px;font-weight:500;color:#374151;font-family:Courier New,monospace}.order-meta{display:flex;gap:16px;font-size:12px;color:#9ca3af}.order-summary-section{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:200px}.order-total-section{text-align:right}.total-label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}.total-amount{font-size:24px;font-weight:700;color:#111827}.btn-order-secondary,.btn-order-primary{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-order-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid rgba(55,65,81,.2)}.btn-order-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-order-primary{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-order-primary:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.order-card-footer{padding-top:20px;border-top:1px solid rgba(220,38,38,.1)}.order-timeline{display:flex;justify-content:space-between;align-items:center;position:relative}.order-timeline:before{content:"";position:absolute;top:12px;left:12px;right:12px;height:2px;background:#e5e7eb;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:2;flex:1}.timeline-dot{width:24px;height:24px;border-radius:50%;background:#e5e7eb;border:3px solid white;box-shadow:0 2px 4px #0000001a}.timeline-item span{font-size:12px;font-weight:500;color:#6b7280;text-align:center}.timeline-item.completed span{color:#10b981}.load-more-section{display:flex;justify-content:center;margin-top:32px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid rgba(55,65,81,.2);border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dark .order-stat-card{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .stat-icon{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db}.dark .stat-label{color:#d1d5db}.dark .stat-number{color:#f9fafb}.dark .orders-filter-section{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .search-input,.dark .filter-select,.dark .sort-select{background:#4b5563;border-color:#dc26264d;color:#f9fafb}.dark .search-input:focus,.dark .filter-select:focus,.dark .sort-select:focus{border-color:#dc262680}.dark .order-card-premium{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .order-number h3{color:#f9fafb}.dark .order-date{color:#d1d5db}.dark .order-details h4{color:#f9fafb}.dark .tracking-label,.dark .tracking-number{color:#d1d5db}.dark .order-meta{color:#9ca3af}.dark .total-label{color:#d1d5db}.dark .total-amount{color:#f9fafb}.dark .btn-order-secondary{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .btn-order-secondary:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.dark .order-card-footer{border-top-color:#dc262633}.dark .order-timeline:before{background:#4b5563}.dark .timeline-dot{background:#4b5563;border-color:#374151}.dark .timeline-item span{color:#d1d5db}.dark .load-more-btn{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#4b55634d}.dark .load-more-btn:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb}.addresses-section-integrated{margin-top:40px;padding-top:32px;border-top:1px solid rgba(220,38,38,.1)}.addresses-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.addresses-title h4{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.addresses-title p{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.addresses-content{display:flex;flex-direction:column;gap:16px}.address-item-integrated{display:flex;align-items:flex-start;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(220,38,38,.1);border-radius:12px;transition:all .2s ease}.address-item-integrated:hover{border-color:#dc262633;box-shadow:0 2px 8px #dc262614}.address-details{flex:1}.address-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.address-type{font-size:16px;font-weight:600;color:#111827}.default-badge-small{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px}.address-text p{font-size:14px;color:#6b7280;margin:0 0 2px;line-height:1.4}.address-buttons{display:flex!important;gap:8px;flex-shrink:0;visibility:visible!important;opacity:1!important}.btn-edit-small,.btn-remove-small{display:flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.2);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #00000026;flex-shrink:0;visibility:visible!important;opacity:1!important}.btn-edit-small{background:linear-gradient(135deg,#fff,#f8fafc)!important;color:#374151!important;border-color:#37415166!important;box-shadow:0 2px 6px #00000026!important;visibility:visible!important;opacity:1!important}.btn-edit-small:hover{background:linear-gradient(135deg,#f8fafc,#e5e7eb);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #0003;border-color:#3741514d}.btn-remove-small{background:linear-gradient(135deg,#fff,#fef2f2)!important;color:#dc2626!important;border-color:#dc262666!important;box-shadow:0 2px 6px #dc262626!important;visibility:visible!important;opacity:1!important}.btn-remove-small:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633;border-color:#dc26264d}.add-address-integrated{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px dashed rgba(220,38,38,.3);border-radius:10px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-address-integrated:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#dc262680;color:#374151}.addresses-list{display:flex;flex-direction:column;gap:24px}.address-card{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(220,38,38,.1);border-radius:16px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;position:relative}.address-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626);border-radius:16px 16px 0 0}.address-card:hover{border-color:#dc262633;box-shadow:0 8px 24px #dc26261a;transform:translateY(-2px)}.address-card .address-info h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 16px;display:flex;align-items:center;gap:12px}.address-card .address-info h3:before{content:"🏠";font-size:18px}.address-card .address-info p{font-size:16px;color:#6b7280;margin:0 0 8px;line-height:1.6;font-weight:400}.address-card .address-actions{display:flex;gap:12px;flex-shrink:0;align-items:flex-start}.address-card .btn-secondary,.address-card .btn-danger{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a}.address-card .btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.address-card .btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#111827;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.address-card .btn-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fecaca}.address-card .btn-danger:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc262633}.dark .address-card{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262633}.dark .address-card:hover{border-color:#dc26264d;box-shadow:0 8px 24px #dc262633}.dark .address-card .address-info h3{color:#f9fafb}.dark .address-card .address-info p{color:#d1d5db}.dark .address-card .btn-secondary{background:linear-gradient(135deg,#4b5563,#374151);color:#d1d5db;border-color:#6b7280}.dark .address-card .btn-secondary:hover{background:linear-gradient(135deg,#6b7280,#4b5563);color:#f9fafb;border-color:#9ca3af}.dark .address-card .btn-danger{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;border-color:#b91c1c}.dark .address-card .btn-danger:hover{background:linear-gradient(135deg,#991b1b,#b91c1c);color:#fecaca;border-color:#dc2626}.dark .add-address-btn{background:linear-gradient(135deg,#374151,#1f2937);border-color:#dc262666;color:#d1d5db}.dark .add-address-btn:hover{background:linear-gradient(135deg,#4b5563,#374151);border-color:#dc262699;color:#f9fafb}@media (max-width: 768px){.address-item{flex-direction:column;gap:12px;padding:12px}.address-actions{width:100%;justify-content:flex-end}.add-address-btn{padding:16px 20px;font-size:15px}.address-info h4{font-size:15px}.address-info p{font-size:13px}.address-card{flex-direction:column;gap:20px;padding:20px}.address-card .address-actions{width:100%;justify-content:flex-end}.address-card .btn-secondary,.address-card .btn-danger{padding:10px 16px;font-size:13px}.address-card .address-info h3{font-size:18px}.address-card .address-info p{font-size:15px}.addresses-section-integrated{margin-top:32px;padding-top:24px}.addresses-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.addresses-icon{width:36px;height:36px}.addresses-title h4{font-size:16px}.addresses-title p{font-size:13px}.address-item-integrated{flex-direction:column;gap:12px;padding:14px}.address-buttons{width:100%;justify-content:flex-end}.btn-edit-small,.btn-remove-small{width:40px;height:40px;border-width:1.5px}.add-address-integrated{padding:10px 14px;font-size:13px}.form-actions-bottom{margin-top:32px;padding-top:24px}.form-actions-bottom .btn-primary{padding:14px 32px;font-size:15px;width:100%;max-width:200px}.section-header-premium{flex-direction:column;text-align:center;gap:12px;padding:20px}.section-icon-premium{width:40px;height:40px}.section-title-premium h2{font-size:20px}.payment-card-premium{padding:20px}.payment-card-header{margin-bottom:16px}.payment-brand-icon{width:40px;height:40px}.payment-card-number{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.card-brand{font-size:16px}.card-number{font-size:14px}.payment-card-details{grid-template-columns:1fr;gap:12px}.payment-card-actions{flex-direction:column;gap:8px}.btn-edit-premium,.btn-remove-premium{padding:12px 16px;font-size:14px}.add-payment-btn-premium{padding:20px;flex-direction:column;text-align:center;gap:12px}.add-payment-icon{width:40px;height:40px}.add-payment-content h3{font-size:15px}.add-payment-content p{font-size:13px}.add-payment-arrow{transform:rotate(90deg)}.security-sections-premium{grid-template-columns:1fr;gap:20px}.security-card-premium{padding:20px}.security-card-header{margin-bottom:16px}.security-icon-container{width:48px;height:48px}.security-card-body h3{font-size:18px}.security-card-body p{font-size:13px;margin-bottom:12px}.security-details{grid-template-columns:1fr;gap:12px}.security-card-actions{padding-top:16px}.btn-security-primary,.btn-security-secondary{padding:14px 16px;font-size:14px}.overview-stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.stat-card-premium{padding:20px}.stat-icon-container{width:40px;height:40px;margin-bottom:12px}.stat-value{font-size:24px}.overview-section-premium{padding:20px;margin-bottom:20px}.overview-section-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.view-all-btn-premium{align-self:flex-end}.order-card-premium{padding:16px}.order-card-header{margin-bottom:12px}.order-main-info{flex-direction:column;align-items:flex-start;gap:8px}.order-status-section{margin-left:0;align-self:flex-end}.order-card-body{flex-direction:column;align-items:flex-start;gap:12px}.order-product-info{width:100%}.order-summary{width:100%;justify-content:space-between}.quick-actions-grid{grid-template-columns:1fr;gap:12px}.quick-action-card{padding:16px;gap:12px}.action-icon{width:36px;height:36px}.order-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.order-stat-card{padding:16px;gap:12px}.stat-icon{width:32px;height:32px}.stat-number{font-size:20px}.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number{color:#10b981!important}.orders-filter-section{padding:20px;margin-bottom:20px}.filter-controls{flex-direction:column;gap:12px;align-items:stretch}.search-box{max-width:none}.filter-select,.sort-select{min-width:auto;width:100%}.order-card-premium{padding:20px}.order-card-body{grid-template-columns:1fr;gap:16px}.order-product-section{gap:12px}.order-product-image{width:60px;height:60px}.order-summary-section{align-items:stretch;min-width:auto}.order-total-section{text-align:left}.order-actions{flex-direction:column;gap:8px}.btn-order-secondary,.btn-order-primary{width:100%;justify-content:center}.order-timeline{flex-wrap:wrap;gap:8px}.timeline-item{min-width:60px}.timeline-item span{font-size:10px}}.dark .order-item{background:#374151;border-color:#4b5563}.dark .order-title{color:#f9fafb}.dark .order-date{color:#9ca3af}.dark .action-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .action-btn:hover{background:#4b5563;color:#f9fafb}.dark .order-card{background:#374151;border-color:#4b5563}.dark .order-info p{color:#9ca3af}.dark .form-section{background:#1f2937;border-color:#4b5563}.dark .form-group.horizontal{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.dark .form-group.horizontal:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc262633}.dark .form-group.horizontal .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-group.horizontal .form-input:focus{border-color:#dc2626;background:#374151}.dark .form-field-compact{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.dark .form-field-compact:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc262633}.dark .form-field-compact label{color:#f9fafb}.dark .form-field-compact label svg{color:#dc2626}.dark .form-input-compact{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-input-compact:focus{border-color:#dc2626;background:#374151}.dark .form-input-compact::placeholder{color:#9ca3af}.dark .form-section-premium{background:linear-gradient(135deg,#1f2937,#111827);border-color:#dc262633}.dark .section-header-premium{border-bottom-color:#dc262633}.dark .section-title h3{color:#f9fafb}.dark .input-label-premium{color:#d1d5db}.dark .label-icon{color:#dc2626}.dark .input-premium{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .input-premium:focus{border-color:#dc2626;background:#374151}.dark .input-premium::placeholder{color:#9ca3af}.dark .form-section h3{color:#f9fafb}.dark .form-group label,.dark .form-group.horizontal label{color:#d1d5db}.dark .form-input{background:#1f2937;border-color:#4b5563;color:#f9fafb}.dark .btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.dark .btn-secondary:hover{border-color:#dc2626;color:#f9fafb}.dark .notification-group{background:#374151;border-color:#4b5563}.dark .notification-group h3{color:#f9fafb}.dark .notification-option:hover{background:#4b5563}.dark .notification-option span{color:#d1d5db}@media (max-width: 1024px){.profile-stats-badges{flex-wrap:wrap;gap:8px}.overview-grid,.quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.profile-container{padding:0 16px}.profile-hero{background-attachment:scroll;padding:60px 0}.profile-hero-content{flex-direction:column;text-align:center;gap:32px;padding:0 20px}.profile-avatar-section{flex-direction:column;gap:16px}.profile-stats-badges{flex-wrap:wrap;justify-content:center;gap:8px}.profile-nav{flex-wrap:wrap;gap:8px}.nav-tab{flex:none;min-width:120px}.profile-content{padding:24px}.form-grid{grid-template-columns:1fr}.order-card-body{flex-direction:column;align-items:flex-start;gap:16px}.order-summary{text-align:left;width:100%}.order-actions{width:100%;justify-content:flex-start}}@media (max-width: 480px){.profile-hero{padding:32px 0}.profile-hero-content{padding:0 16px}.profile-info h1{font-size:24px}.stat-badge{padding:10px 16px}.badge-number{font-size:1rem}.badge-label{font-size:.6rem}.profile-content,.form-section{padding:20px}.form-grid-compact{grid-template-columns:1fr;gap:16px}.form-field-compact{padding:16px}.form-grid-premium{grid-template-columns:1fr;gap:24px}.form-section-premium{padding:24px}.section-header-premium{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.section-icon{width:48px;height:48px}}.payment-modal-content{border:1px solid rgba(139,92,246,.12)!important;box-shadow:0 25px 50px -12px #8b5cf659,0 10px 25px #8b5cf61f!important}.payment-modal-content:before{background:radial-gradient(circle at -10% -10%,rgba(139,92,246,.28),transparent 55%),radial-gradient(circle at 110% 0%,rgba(167,139,250,.24),transparent 55%)!important}.payment-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9)!important;box-shadow:0 12px 30px #8b5cf640!important}.payment-modal-header:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 80% 20%,rgba(196,181,253,.28),transparent 60%)!important}.payment-modal-header h3{color:#f8fafc!important;text-shadow:0 12px 32px rgba(79,70,229,.45)!important}.payment-modal-header .close-btn{background:transparent!important;border:none!important;cursor:pointer;padding:6px;color:#fff!important;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border-radius:50%;width:32px;height:32px;position:relative;z-index:10;box-shadow:none!important;outline:none!important}.payment-modal-header .close-btn:hover{background:#ffffff26!important;color:#fff!important;transform:scale(1.1);opacity:.9}.payment-modal-header .close-btn svg{stroke:#fff!important;stroke-width:3!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.payment-modal-header .close-btn svg *{stroke:#fff!important;color:#fff!important;fill:none!important}.payment-modal-header .modal-close{background:transparent!important;background-color:transparent!important;border:none!important;cursor:pointer;padding:0!important;color:#fff!important;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;border-radius:0;width:auto;height:auto;min-width:auto;min-height:auto;position:relative;z-index:10;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}.payment-modal-header .modal-close:hover{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;transform:scale(1.15);opacity:.9}.payment-modal-header .modal-close svg{stroke:#fff!important;stroke-width:3.5!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;position:relative;z-index:1}.payment-modal-header .modal-close svg line{stroke:#fff!important;stroke-width:3.5!important;stroke-linecap:round!important;opacity:1!important;visibility:visible!important;vector-effect:non-scaling-stroke}.password-modal-content{border:1px solid rgba(6,182,212,.12)!important;box-shadow:0 25px 50px -12px #06b6d459,0 10px 25px #06b6d41f!important}.password-modal-content:before{background:radial-gradient(circle at -10% -10%,rgba(6,182,212,.28),transparent 55%),radial-gradient(circle at 110% 0%,rgba(103,232,249,.24),transparent 55%)!important}.password-modal-header{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)!important;box-shadow:0 12px 30px #06b6d440!important}.password-modal-header:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 80% 20%,rgba(103,232,249,.28),transparent 60%)!important}.password-modal-header h2,.password-modal-header h3{color:#f8fafc!important;text-shadow:0 12px 32px rgba(6,182,212,.45)!important}.password-modal-header .modal-close{background:transparent!important;background-color:transparent!important;border:none!important;cursor:pointer;padding:0!important;color:#fff!important;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;border-radius:0;width:auto;height:auto;min-width:auto;min-height:auto;position:relative;z-index:10;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}.password-modal-header .modal-close:hover{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;transform:scale(1.15);opacity:.9}.password-modal-header .modal-close svg{stroke:#fff!important;stroke-width:3.5!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;position:relative;z-index:1}.password-modal-header .modal-close svg line{stroke:#fff!important;stroke-width:3.5!important;stroke-linecap:round!important;opacity:1!important;visibility:visible!important;vector-effect:non-scaling-stroke}.password-modal-content .form-actions{border-top:1px solid rgba(6,182,212,.1)!important}.password-modal-content .form-actions .btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;box-shadow:0 12px 25px #06b6d459!important;border-color:#06b6d4!important;text-transform:uppercase;letter-spacing:1px}.password-modal-content .form-actions .btn-primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490)!important;transform:translateY(-2px);box-shadow:0 16px 35px #06b6d473!important;border-color:#0891b2!important}.password-modal-content .form-actions .btn-secondary{border-color:#06b6d440!important}.password-modal-content .form-actions .btn-secondary:hover{border-color:#06b6d473!important;color:#06b6d4!important}.\32 fa-modal-content{border:1px solid rgba(6,182,212,.12)!important;box-shadow:0 25px 50px -12px #06b6d459,0 10px 25px #06b6d41f!important}.\32 fa-modal-content:before{background:radial-gradient(circle at -10% -10%,rgba(6,182,212,.28),transparent 55%),radial-gradient(circle at 110% 0%,rgba(103,232,249,.24),transparent 55%)!important}.\32 fa-modal-header{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)!important;box-shadow:0 12px 30px #06b6d440!important}.\32 fa-modal-header:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 80% 20%,rgba(103,232,249,.28),transparent 60%)!important}.\32 fa-modal-header h2,.\32 fa-modal-header h3{color:#f8fafc!important;text-shadow:0 12px 32px rgba(6,182,212,.45)!important}.\32 fa-modal-header .modal-close{background:transparent!important;background-color:transparent!important;border:none!important;cursor:pointer;padding:0!important;color:#fff!important;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;border-radius:0;width:auto;height:auto;min-width:auto;min-height:auto;position:relative;z-index:10;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}.\32 fa-modal-header .modal-close:hover{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;transform:scale(1.15);opacity:.9}.\32 fa-modal-header .modal-close svg{stroke:#fff!important;stroke-width:3.5!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;position:relative;z-index:1}.\32 fa-modal-header .modal-close svg line{stroke:#fff!important;stroke-width:3.5!important;stroke-linecap:round!important;opacity:1!important;visibility:visible!important;vector-effect:non-scaling-stroke}.\32 fa-modal-content .form-actions{border-top:1px solid rgba(6,182,212,.1)!important}.\32 fa-modal-content .form-actions .btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;box-shadow:0 12px 25px #06b6d459!important;border-color:#06b6d4!important;text-transform:uppercase;letter-spacing:1px}.\32 fa-modal-content .form-actions .btn-primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490)!important;transform:translateY(-2px);box-shadow:0 16px 35px #06b6d473!important;border-color:#0891b2!important}.\32 fa-modal-content .form-actions .btn-secondary{border-color:#06b6d440!important}.\32 fa-modal-content .form-actions .btn-secondary:hover{border-color:#06b6d473!important;color:#06b6d4!important}.\32 fa-modal-content .setup-actions .btn-primary{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;box-shadow:0 12px 25px #06b6d459!important;border-color:#06b6d4!important;text-transform:uppercase;letter-spacing:1px}.\32 fa-modal-content .setup-actions .btn-primary:hover{background:linear-gradient(135deg,#0891b2,#0e7490)!important;transform:translateY(-2px);box-shadow:0 16px 35px #06b6d473!important;border-color:#0891b2!important}.login-activity-modal-content{border:1px solid rgba(6,182,212,.12)!important;box-shadow:0 25px 50px -12px #06b6d459,0 10px 25px #06b6d41f!important}.login-activity-modal-content:before{background:radial-gradient(circle at -10% -10%,rgba(6,182,212,.28),transparent 55%),radial-gradient(circle at 110% 0%,rgba(103,232,249,.24),transparent 55%)!important}.login-activity-modal-header{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)!important;box-shadow:0 12px 30px #06b6d440!important}.login-activity-modal-header:after{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.18),transparent 55%),radial-gradient(circle at 80% 20%,rgba(103,232,249,.28),transparent 60%)!important}.login-activity-modal-header h2,.login-activity-modal-header h3{color:#f8fafc!important;text-shadow:0 12px 32px rgba(6,182,212,.45)!important}.login-activity-modal-header .modal-close{background:transparent!important;background-color:transparent!important;border:none!important;cursor:pointer;padding:0!important;color:#fff!important;transition:all .2s ease;display:flex!important;align-items:center;justify-content:center;border-radius:0;width:auto;height:auto;min-width:auto;min-height:auto;position:relative;z-index:10;box-shadow:none!important;outline:none!important;-webkit-appearance:none!important;appearance:none!important}.login-activity-modal-header .modal-close:hover{background:transparent!important;background-color:transparent!important;border:none!important;color:#fff!important;transform:scale(1.15);opacity:.9}.login-activity-modal-header .modal-close svg{stroke:#fff!important;stroke-width:3.5!important;width:20px!important;height:20px!important;color:#fff!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6));pointer-events:none;position:relative;z-index:1}.login-activity-modal-header .modal-close svg line{stroke:#fff!important;stroke-width:3.5!important;stroke-linecap:round!important;opacity:1!important;visibility:visible!important;vector-effect:non-scaling-stroke}.login-activity-modal-content .retry-btn{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;box-shadow:0 12px 25px #06b6d459!important;border-color:#06b6d4!important;color:#fff!important}.login-activity-modal-content .retry-btn:hover{background:linear-gradient(135deg,#0891b2,#0e7490)!important;transform:translateY(-2px);box-shadow:0 16px 35px #06b6d473!important;border-color:#0891b2!important}.payment-form{display:flex;flex-direction:column;gap:20px}.payment-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-form .form-group{display:flex;flex-direction:column;gap:10px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#fffffffa,#f5f3ffe6);border:1px solid rgba(139,92,246,.12);box-shadow:0 18px 30px -18px #8b5cf659,inset 0 1px #ffffffa6;transition:transform .2s ease,box-shadow .2s ease}.payment-form .form-group:hover{transform:translateY(-2px);box-shadow:0 18px 40px -16px #8b5cf659}.payment-form .form-group label{font-size:13px;font-weight:600;color:#6b21a8;text-transform:uppercase;letter-spacing:.55px;margin-bottom:0;display:flex;align-items:center;gap:10px}.payment-form .form-input{padding:14px 18px;border:1px solid rgba(139,92,246,.2)!important;border-radius:12px;font-size:15px;transition:all .2s ease;background:#ffffffe0;color:#0f172a;box-shadow:inset 0 1px 3px #0f172a0d;appearance:none}.payment-form select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:12px;padding-right:48px}.payment-form .form-input:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 4px #8b5cf62e!important;outline:none}.payment-form .form-input::placeholder{color:#8b5cf673}.payment-form .form-input.field-error{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a;background-color:#fef2f2}.payment-form .checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.payment-form .checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6!important}.payment-modal-content .modal-actions{border-top:1px solid rgba(139,92,246,.1)!important}.payment-modal-content .modal-actions .btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 12px 25px #8b5cf659!important;text-transform:uppercase;letter-spacing:1px}.payment-modal-content .modal-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 35px #8b5cf673!important}.payment-modal-content .modal-actions .btn-secondary{border-color:#8b5cf640!important}.payment-modal-content .modal-actions .btn-secondary:hover{border-color:#8b5cf673!important;color:#8b5cf6!important}.auth-required-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fef3c7;border-radius:12px;border:2px solid #f59e0b}.auth-required-message .auth-icon{color:#f59e0b;margin-bottom:16px}.auth-required-message h3{font-size:20px;font-weight:600;color:#92400e;margin-bottom:8px}.auth-required-message p{color:#92400e;font-size:14px;margin-bottom:20px}.auth-required-message .btn-primary{background:#f59e0b;border-color:#f59e0b;color:#fff}.auth-required-message .btn-primary:hover{background:#d97706;border-color:#d97706}.no-payment-methods{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.no-payment-methods .empty-icon{color:#9ca3af;margin-bottom:16px}.no-payment-methods h3{font-size:18px;font-weight:600;color:#374151;margin-bottom:8px}.no-payment-methods p{color:#6b7280;font-size:14px}.error-message{display:flex;align-items:center;gap:8px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}.error-close{background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;margin-left:auto;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.error-close:hover{background:#fecaca;border-radius:4px}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary .loading-spinner{margin-right:8px}@media (max-width: 768px){.payment-form .form-row{grid-template-columns:1fr;gap:16px}.no-payment-methods{padding:40px 16px}.no-payment-methods h3{font-size:16px}.no-payment-methods p{font-size:13px}}.login-activity-loading,.login-activity-error,.login-activity-empty{display:flex;align-items:center;gap:12px;padding:20px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:14px}.login-activity-error{background:#fee2e2;border-color:#fecaca;color:#dc2626}.retry-btn{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:#b91c1c}.login-activity-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.login-activity-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s ease}.login-activity-item:hover{background:#f1f5f9;border-color:#d1d5db}.login-activity-item.current{background:#ecfdf5;border-color:#bbf7d0}.login-activity-item.current .activity-icon{background:#bbf7d0;color:#16a34a}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px}.activity-header{display:flex;align-items:center;gap:8px}.activity-device{font-weight:600;color:#1f2937;font-size:14px}.current-session-badge{background:#16a34a;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.activity-details{display:flex;align-items:center;gap:12px;font-size:12px;color:#6b7280}.activity-location{font-weight:500}.activity-time{color:#9ca3af}.activity-status{margin-top:4px}.status-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:6px;background:#0000000d}.dark .login-activity-loading,.dark .login-activity-empty{background:#4b5563;border-color:#6b7280;color:#9ca3af}.dark .login-activity-error{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.dark .login-activity-item{background:#4b5563;border-color:#6b7280}.dark .login-activity-item:hover{background:#374151;border-color:#9ca3af}.dark .login-activity-item.current{background:#064e3b;border-color:#10b981}.dark .login-activity-item.current .activity-icon{background:#10b981;color:#064e3b}.dark .activity-device{color:#f9fafb}.dark .activity-details{color:#9ca3af}.dark .status-badge{background:#ffffff1a}.login-activity-modal{max-width:600px;max-height:80vh;overflow-y:auto}.login-activity-modal .modal-body{padding:0}.login-activity-modal .login-activity-list{max-height:400px;overflow-y:auto;padding:16px}.login-activity-modal .login-activity-item{margin-bottom:12px;padding:16px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;transition:all .2s ease-in-out}.login-activity-modal .login-activity-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.login-activity-modal .login-activity-item.current{background:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 1px #10b98133}.login-activity-modal .activity-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.login-activity-modal .login-activity-item.current .activity-icon{background:#10b981;color:#fff}.login-activity-modal .activity-content{flex:1;min-width:0}.login-activity-modal .activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.login-activity-modal .activity-device{font-weight:600;color:#111827;font-size:14px}.login-activity-modal .current-session-badge{background:#10b981;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.login-activity-modal .activity-details{display:flex;align-items:center;gap:16px;margin-bottom:8px;font-size:13px;color:#6b7280}.login-activity-modal .activity-location,.login-activity-modal .activity-time{display:flex;align-items:center;gap:4px}.login-activity-modal .activity-status{display:flex;align-items:center;justify-content:flex-end}.login-activity-modal .status-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dark .login-activity-modal .login-activity-item{background:#1f2937;border-color:#374151}.dark .login-activity-modal .login-activity-item:hover{border-color:#4b5563;box-shadow:0 2px 8px #0000004d}.dark .login-activity-modal .login-activity-item.current{background:#064e3b;border-color:#10b981}.dark .login-activity-modal .activity-icon{background:#374151;color:#9ca3af}.dark .login-activity-modal .login-activity-item.current .activity-icon{background:#10b981;color:#064e3b}.dark .login-activity-modal .activity-device{color:#f9fafb}.dark .login-activity-modal .activity-details{color:#9ca3af}.dark .login-activity-modal .activity-time{color:#6b7280}.dark .login-activity-modal .status-badge{background:#ffffff1a}.privacy-loading,.privacy-error{display:flex;align-items:center;gap:8px;padding:16px;border-radius:8px;margin:16px 0}.privacy-loading{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.privacy-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.dark .privacy-loading{background:#1e3a8a;color:#93c5fd;border-color:#3b82f6}.dark .privacy-error{background:#7f1d1d;color:#fca5a5;border-color:#ef4444}.privacy-settings-modal{max-width:700px;max-height:90vh;overflow-y:auto}.privacy-settings-form{padding:0}.privacy-section{margin-bottom:32px}.privacy-section h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.privacy-options{display:flex;flex-direction:column;gap:16px}.privacy-option{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease-in-out}.privacy-option:hover{border-color:#d1d5db;background:#fff}.privacy-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0}.privacy-checkbox{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;flex-shrink:0;margin-top:2px;transition:all .2s ease-in-out}.privacy-checkbox:checked{background:#10b981;border-color:#10b981;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e")}.privacy-checkbox:focus{outline:none;box-shadow:0 0 0 3px #10b9811a}.privacy-text{display:flex;flex-direction:column;gap:4px}.privacy-text strong{font-size:14px;font-weight:600;color:#111827}.privacy-text small{font-size:12px;color:#6b7280;line-height:1.4}.dark .privacy-section h3{color:#f9fafb;border-bottom-color:#374151}.dark .privacy-option{background:#1f2937;border-color:#374151}.dark .privacy-option:hover{border-color:#4b5563;background:#111827}.dark .privacy-checkbox{background:#374151;border-color:#6b7280}.dark .privacy-checkbox:checked{background:#10b981;border-color:#10b981}.dark .privacy-text strong{color:#f9fafb}.dark .privacy-text small{color:#9ca3af}.privacy-select{width:120px;padding:8px 12px;border:2px solid #d1d5db;border-radius:6px;background:#fff;color:#111827;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;flex-shrink:0;margin-right:12px}.privacy-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.privacy-select:hover{border-color:#9ca3af}.dark .privacy-select{background:#374151;border-color:#6b7280;color:#f9fafb}.dark .privacy-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.dark .privacy-select:hover{border-color:#9ca3af}.order-details-dropdown{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;padding:20px;margin-top:0;animation:slideDown .3s ease-out;overflow:visible}.order-details-dropdown *{box-sizing:border-box}.order-details-dropdown .order-item-detail *{all:unset;display:revert;box-sizing:border-box}.order-details-dropdown.premium{background:#fafbfc;border-top:1px solid #e5e7eb}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:20px;padding-bottom:20px}}.dropdown-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.dropdown-header h4{color:#374151;font-size:16px;font-weight:600;margin:0}.order-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%;overflow:visible}.order-item-detail{display:flex!important;align-items:flex-start!important;gap:16px!important;padding:16px!important;background:#f9fafb!important;border-radius:8px!important;border:1px solid #e5e7eb!important;width:100%!important;box-sizing:border-box!important;min-height:80px!important;flex-direction:row!important}.item-image{flex-shrink:0!important;width:50px!important;height:50px!important;display:block!important}.item-thumbnail{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:6px!important;border:1px solid #e5e7eb!important;display:block!important}.item-info{flex:1!important;min-width:200px!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;width:auto!important}.item-info h5{color:#111827!important;font-size:14px!important;font-weight:600!important;margin:0 0 6px!important;line-height:1.3!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;width:100%!important;display:block!important;text-align:left!important}.item-quantity,.item-price{color:#6b7280!important;font-size:12px!important;margin:1px 0!important;line-height:1.2!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;width:100%!important;text-align:left!important}.item-total{flex-shrink:0!important;text-align:right!important;min-width:80px!important;padding-left:16px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}.total-price{color:#111827!important;font-size:14px!important;font-weight:600!important;display:block!important}.no-items{text-align:center;padding:20px;color:#6b7280;font-style:italic}.order-summary-detail{background:#f3f4f6;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.summary-row:last-child{margin-bottom:0}.summary-row.total{font-weight:600;font-size:16px;color:#111827;padding-top:8px;border-top:1px solid #d1d5db;margin-top:8px}.summary-row span:first-child{color:#6b7280}.summary-row span:last-child{color:#111827;font-weight:500}.btn-order-action:hover,.btn-order-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.order-details-dropdown{padding:16px}.order-item-detail{flex-direction:row;align-items:flex-start;gap:12px}.item-image{width:40px;height:40px}.item-thumbnail{width:100%;height:100%}.item-info{flex:1;padding-left:0}.item-total{align-self:flex-start;padding-left:8px;min-width:60px}}.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card{background:linear-gradient(135deg,#d1fae5e6,#a7f3d0b3,#f0fdfaf2)!important;border:1px solid rgba(16,185,129,.3)!important;border-left:3px solid rgba(16,185,129,.5)!important}.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0d9,#f0fdfa)!important;border-color:#10b98166!important;border-left-color:#10b98199!important}.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info .stat-number,.tab-content-wrapper.tab-green .order-stats-grid .order-stat-card .stat-info span.stat-number{color:#10b981!important}.orders-empty-state-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:linear-gradient(135deg,#f0fdfa80,#d1fae54d);border-radius:16px;border:1px solid rgba(16,185,129,.1);margin:40px 0;position:relative}.orders-empty-state-premium:before,.orders-empty-state-premium:after{display:none!important;content:none!important}.orders-empty-state-premium .empty-icon{color:#10b981;margin-bottom:24px;opacity:.7;filter:none!important;box-shadow:none!important;text-shadow:none!important;outline:none!important}.orders-empty-state-premium h3{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:12px}.orders-empty-state-premium p{font-size:16px;color:#6b7280;margin-bottom:24px;max-width:400px}.orders-empty-state-premium .btn-clear-filters{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.orders-empty-state-premium .btn-clear-filters:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.orders-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:40px 20px}.orders-container{max-width:1200px;margin:0 auto}.orders-header{text-align:center;margin-bottom:40px}.orders-header h1{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.orders-header p{font-size:16px;color:#6b7280}.orders-list{display:flex;flex-direction:column;gap:24px}.order-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb;transition:all .3s ease}.order-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.order-info h3{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:4px}.order-info p{font-size:14px;color:#6b7280;margin-bottom:2px}.tracking-number{font-family:Courier New,monospace;font-weight:600;color:#374151}.order-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-weight:600;font-size:14px}.status-badge.delivered{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.shipped{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.status-badge.processing{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-icon{width:20px;height:20px}.status-icon.delivered{color:#10b981}.status-icon.shipped{color:#3b82f6}.status-icon.processing{color:#f59e0b}.order-card-body{display:flex;justify-content:space-between;align-items:center;gap:24px}.order-items{display:flex;align-items:center;gap:16px;flex:1}.order-product-image{width:80px;height:80px;border-radius:12px;object-fit:cover;border:2px solid #f3f4f6}.order-item-details h4{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.order-item-details p{font-size:14px;color:#6b7280;margin-bottom:2px}.delivery-info{font-size:12px;color:#9ca3af;font-style:italic}.order-summary{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.order-total{font-size:20px;font-weight:700;color:#1f2937}.order-actions{display:flex;gap:12px}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #dc26264d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262666}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;color:#374151;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.orders-empty{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #00000014;border:1px solid #e5e7eb}.empty-icon{color:#d1d5db;margin-bottom:24px}.orders-empty h2{font-size:24px;font-weight:700;color:#374151;margin-bottom:12px}.orders-empty p{font-size:16px;color:#6b7280;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.orders-page{padding:20px 16px}.orders-header h1{font-size:28px}.order-card{padding:20px}.order-card-header{flex-direction:column;gap:16px;align-items:stretch}.order-card-body{flex-direction:column;gap:20px;align-items:stretch}.order-items{flex-direction:column;text-align:center}.order-product-image{width:120px;height:120px}.order-summary{align-items:center}.order-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center}}@media (max-width: 480px){.order-card-header{text-align:center}.status-badge{justify-content:center}.order-item-details{text-align:center}}.dark .orders-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .orders-header h1{color:#f9fafb}.dark .orders-header p{color:#9ca3af}.dark .order-card,.dark .orders-empty{background:#374151;border-color:#4b5563}.dark .order-info h3{color:#f9fafb}.dark .order-info p,.dark .tracking-number{color:#d1d5db}.dark .order-item-details h4{color:#f9fafb}.dark .order-item-details p{color:#9ca3af}.dark .order-total{color:#f9fafb}.dark .btn-secondary{background:#4b5563;border-color:#6b7280;color:#f9fafb}.dark .btn-secondary:hover{background:#6b7280}.dark .orders-empty h2{color:#f9fafb}.dark .orders-empty p{color:#9ca3af}.security-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:40px 0}.security-container{max-width:800px;margin:0 auto;padding:0 20px}.security-header{text-align:center;margin-bottom:40px}.security-header h1{font-size:36px;font-weight:700;color:#1f2937;margin:0 0 12px;letter-spacing:-.5px}.security-header p{font-size:18px;color:#6b7280;margin:0}.security-content{display:flex;flex-direction:column;gap:32px}.security-overview{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #16a34a;border-radius:16px;padding:24px}.overview-card{display:flex;align-items:center;gap:16px}.overview-icon{width:48px;height:48px;background:#16a34a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.overview-content h3{font-size:18px;font-weight:600;color:#166534;margin:0 0 4px}.overview-content p{font-size:14px;color:#166534;margin:0 0 8px}.security-status{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#166534}.status-icon{color:#16a34a}.security-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.section-icon{width:40px;height:40px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.section-title h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}.section-title p{font-size:14px;color:#6b7280;margin:0}.password-actions{display:flex;justify-content:flex-start;padding-top:8px}.password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:14px}.password-input-container{position:relative}.form-input{width:100%;padding:12px 48px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input:hover{border-color:#d1d5db}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent!important;border:none!important;box-shadow:none!important;color:#6b7280;cursor:pointer;padding:4px;border-radius:0;transition:color .2s ease}.password-toggle:hover{color:#374151}.form-actions{display:flex;justify-content:flex-end;padding-top:8px}.two-factor-card{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.two-factor-info h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.two-factor-info p{font-size:14px;color:#6b7280;margin:0 0 8px}.two-factor-status{display:flex;align-items:center;gap:6px}.status-enabled{display:flex;align-items:center;gap:6px;color:#16a34a;font-weight:600;font-size:14px}.status-disabled{color:#6b7280;font-weight:600;font-size:14px}.btn-toggle{padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:2px solid}.btn-toggle.enabled{background:#fee2e2;color:#dc2626;border-color:#fecaca}.btn-toggle.enabled:hover{background:#fecaca;border-color:#f87171}.btn-toggle.disabled{background:#dcfce7;color:#16a34a;border-color:#bbf7d0}.btn-toggle.disabled:hover{background:#bbf7d0;border-color:#86efac}.notification-settings{display:flex;flex-direction:column;gap:20px}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}.notification-info h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.notification-info p{font-size:14px;color:#6b7280;margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#dc2626}input:checked+.slider:before{transform:translate(24px)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}.activity-icon{width:32px;height:32px;background:#e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.activity-content h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.activity-content p{font-size:13px;color:#6b7280;margin:0 0 4px}.activity-time{font-size:12px;color:#9ca3af;font-weight:500}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #dc26264d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite}.success-message{display:flex;align-items:center;gap:8px;background:#dcfce7;border:1px solid #16a34a;color:#166534;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500}.error-message{display:flex;align-items:center;gap:8px;background:#fee2e2;border:1px solid #dc2626;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-weight:500;position:relative}.error-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc2626;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.error-close:hover{color:#b91c1c}.field-error{color:#dc2626;font-size:12px;margin-top:4px;font-weight:500}.form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.password-strength{margin-top:8px}.strength-label{font-size:12px;color:#6b7280;margin-bottom:4px;display:flex;align-items:center;gap:4px}.strength-text{font-weight:600}.strength-bar{width:100%;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:2px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.modal-body .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dark .security-page{background:linear-gradient(135deg,#111827,#1f2937)}.dark .security-header h1{color:#f9fafb}.dark .security-header p{color:#9ca3af}.dark .security-overview{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981}.dark .overview-content h3{color:#6ee7b7}.dark .overview-content p{color:#a7f3d0}.dark .security-status{color:#6ee7b7}.dark .security-section{background:#374151;border-color:#4b5563}.dark .section-icon{background:#4b5563;color:#9ca3af}.dark .section-title h2{color:#f9fafb}.dark .section-title p{color:#9ca3af}.dark .form-group label{color:#d1d5db}.dark .form-input{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .form-input:focus{border-color:#dc2626}.dark .form-input:hover{border-color:#6b7280}.dark .password-toggle{color:#9ca3af}.dark .password-toggle:hover{color:#d1d5db}.dark .two-factor-card,.dark .notification-item,.dark .activity-item{background:#4b5563;border-color:#6b7280}.dark .two-factor-info h3,.dark .notification-info h3,.dark .activity-content h4{color:#f9fafb}.dark .two-factor-info p,.dark .notification-info p,.dark .activity-content p{color:#9ca3af}.dark .activity-time{color:#6b7280}.dark .activity-icon{background:#374151;color:#9ca3af}.dark .success-message{background:#064e3b;border-color:#10b981;color:#6ee7b7}.dark .error-message{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.dark .error-close{color:#fca5a5}.dark .error-close:hover{color:#f87171}.dark .field-error{color:#fca5a5}.dark .form-input.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}.dark .strength-label{color:#9ca3af}.dark .strength-bar{background:#374151}.dark .modal-content{background:#374151;border:1px solid #4b5563}.dark .modal-header{border-bottom-color:#4b5563}.dark .modal-header h2{color:#f9fafb}.dark .modal-close{color:#9ca3af}.dark .modal-close:hover{background:#4b5563;color:#d1d5db}.dark .btn-secondary{background:#4b5563;color:#d1d5db;border-color:#6b7280}.dark .btn-secondary:hover{background:#6b7280;border-color:#9ca3af}@media (max-width: 768px){.security-container{padding:0 16px}.security-header h1{font-size:28px}.security-header p{font-size:16px}.overview-card{flex-direction:column;text-align:center}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.two-factor-card{flex-direction:column;align-items:flex-start;gap:16px}.notification-item,.activity-item{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 480px){.security-page{padding:20px 0}.security-header{margin-bottom:24px}.security-header h1{font-size:24px}.security-section{padding:20px}.btn-primary{width:100%;justify-content:center}.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}.modal-body .form-actions{flex-direction:column;gap:8px}.modal-body .form-actions .btn-primary,.modal-body .form-actions .btn-secondary{width:100%;justify-content:center}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.loyalty-dashboard{max-width:1200px;margin:0 auto;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,#fff8f0,#fff5f5,#f0fdf4,#fff8f0,#fff5f5);background-size:400% 400%;animation:gradientShift 20s ease infinite;min-height:100vh;position:relative}.loyalty-dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,175,55,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.8) 0%,transparent 70%);opacity:.6;animation:pulse 16s ease-in-out infinite;pointer-events:none;z-index:0}.loyalty-header{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b 60%,#7f1d1d);background-size:400% 400%;animation:gradientShift 8s ease infinite;color:#fff;padding:60px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px #7f1d1d80,inset 0 2px 20px #0003}.loyalty-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.2) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);opacity:1;pointer-events:none;animation:pulse 6s ease-in-out infinite}.loyalty-header-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.loyalty-header h1{font-size:3.5rem;font-weight:900;margin-bottom:16px;background:linear-gradient(135deg,#fff 0% 20%,#d4af37e6 40%,#fff 60% 80%,#fff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;text-shadow:0 8px 24px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6);letter-spacing:-2px;position:relative}.loyalty-header p{font-size:1.3rem;color:#fffffffa;font-weight:600;text-shadow:0 4px 12px rgba(0,0,0,.8),0 2px 6px rgba(0,0,0,.6),0 1px 3px rgba(0,0,0,.4)}.points-summary{background:linear-gradient(135deg,#fffffffa,#fee2e205,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:-40px 20px 0;border-radius:24px;box-shadow:0 8px 32px #00000014,0 2px 8px #dc26260d;border:2px solid rgba(220,38,38,.1);padding:40px;position:relative;z-index:3}.points-main-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #f1f5f9}.points-display-section{display:flex;flex-direction:column;align-items:flex-start}.points-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;line-height:1;margin-bottom:8px;text-shadow:0 4px 12px rgba(220,38,38,.3)}.points-label{font-size:1.1rem;color:#64748b;font-weight:500}.tier-section{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.tier-badge{padding:12px 24px;border-radius:25px;font-weight:700;font-size:1rem;color:#fff;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #0003}.tier-multiplier{color:#64748b;font-size:.9rem;font-weight:600}.earned-redeemed-badges{display:flex;gap:8px;margin-top:8px}.mini-badge{padding:6px 12px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.mini-badge:before{content:"";position:absolute;inset:0;border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.mini-badge:hover:before{opacity:1}.mini-badge.earned{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:2px solid rgba(34,197,94,.3)}.mini-badge.earned:before{background:radial-gradient(circle,rgba(34,197,94,.3),transparent 70%)}.mini-badge.redeemed{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);border:2px solid rgba(251,191,36,.3)}.mini-badge.redeemed:before{background:radial-gradient(circle,rgba(251,191,36,.3),transparent 70%)}.mini-badge-number{font-size:1.1rem;font-weight:800;line-height:1}.mini-badge.earned .mini-badge-number{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mini-badge.redeemed .mini-badge-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mini-badge-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.mini-badge.earned .mini-badge-label{color:#16a34a}.mini-badge.redeemed .mini-badge-label{color:#d97706}.mini-badge:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.mini-badge.earned:hover{border-color:#22c55e80;background:linear-gradient(135deg,#22c55e4d,#22c55e33)}.mini-badge.redeemed:hover{border-color:#fbbf2480;background:linear-gradient(135deg,#fbbf244d,#fbbf2433)}.points-display{margin-bottom:20px}.points-card{background:linear-gradient(135deg,#fffffffa,#fee2e205,#fffffffa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(220,38,38,.1);border-radius:24px;box-shadow:0 8px 32px #00000014,0 2px 8px #dc26260d;padding:32px;margin-bottom:0}.points-icon-wrapper{display:flex;justify-content:center;margin-bottom:16px}.points-card-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(220,38,38,.1)}.points-main{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:0;flex:1}.points-icon-large{display:flex;align-items:center;justify-content:center;background:none;border:none;box-shadow:none;margin-bottom:0;font-size:3rem;font-weight:900}.points-card .tier-section{align-items:flex-end!important;margin-top:0!important;min-width:200px}.points-card .tier-badge{text-transform:none!important;letter-spacing:normal!important}.points-breakdown{display:flex;justify-content:center;gap:16px;margin-top:24px}.breakdown-item{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:25px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.breakdown-item:before{content:"";position:absolute;inset:0;border-radius:25px;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.breakdown-item:hover:before{opacity:1}.breakdown-item:nth-child(1){background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:2px solid rgba(34,197,94,.3)}.breakdown-item:nth-child(1):before{background:radial-gradient(circle,rgba(34,197,94,.3),transparent 70%)}.breakdown-item:nth-child(2){background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:2px solid rgba(251,191,36,.3)}.breakdown-item:nth-child(2):before{background:radial-gradient(circle,rgba(251,191,36,.3),transparent 70%)}.breakdown-item .label{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.breakdown-item:nth-child(1) .label{color:#16a34a}.breakdown-item:nth-child(2) .label{color:#d97706}.breakdown-item .value{font-size:1.25rem;font-weight:900;line-height:1}.breakdown-item:nth-child(1) .value{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breakdown-item:nth-child(2) .value{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.breakdown-item:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 6px 20px #0000001f}.breakdown-item:nth-child(1):hover{border-color:#22c55e80;background:linear-gradient(135deg,#22c55e40,#22c55e26)}.breakdown-item:nth-child(2):hover{border-color:#fbbf2480;background:linear-gradient(135deg,#fbbf2440,#fbbf2426)}.points-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.stat-item{text-align:center;padding:24px;background:linear-gradient(135deg,#fee2e24d,#ffffff80,#fee2e24d);border-radius:16px;border:2px solid rgba(220,38,38,.1);transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #dc262614;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg,#dc262626,#d4af371a,#dc262626);opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(20px)}.stat-item:hover:before{opacity:1}.stat-item:hover{background:linear-gradient(135deg,#fee2e280,#ffffffb3,#fee2e280);transform:translateY(-8px) scale(1.05);box-shadow:0 12px 32px #dc262633,0 4px 16px #dc26261a;border-color:#dc26264d}.stat-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#dc2626,#b91c1c,#ef4444);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite;margin-bottom:4px}.stat-label{font-size:.9rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.loyalty-tabs{display:flex;background:#fff;border-radius:12px;padding:6px;margin:30px 20px;box-shadow:0 4px 6px #0000000d;gap:4px}.tab{flex:1;padding:12px 20px;border:none;background:transparent;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s ease;text-align:center}.tab:hover{color:#dc2626;background:#fef2f2}.tab.active{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 8px #dc26264d}.tab-content{padding:0 20px 40px}.overview-content{display:grid;grid-template-columns:1fr;gap:30px}.tier-info{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.tier-info h3{color:#1e293b;margin-bottom:20px;font-size:1.5rem;font-weight:700}.tier-benefits h4{color:#374151;margin-bottom:12px;font-size:1.1rem;font-weight:600}.tier-benefits ul{list-style:none;padding:0;margin:0}.tier-benefits li{color:#64748b;position:relative;padding:8px 0 8px 24px;font-size:.95rem}.tier-benefits li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1rem}.tier-progress{margin-top:30px;padding-top:30px;border-top:1px solid #f1f5f9}.tier-progress h4{color:#374151;margin-bottom:12px;font-size:1.1rem;font-weight:600}.progress-bar{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#dc2626,#b91c1c);transition:width .3s ease;border-radius:4px}.max-tier-message{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-top:16px}.max-tier-message p{margin:0;font-size:1.1rem;font-weight:600}.referral-content{padding:0}.referral-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stat-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;color:#fff}.stat-info{flex:1}.stat-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1;margin-bottom:4px}.stat-label{font-size:.9rem;color:#64748b;font-weight:500}.referral-tabs{display:flex;background:#fff;border-radius:12px;padding:4px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.referral-tabs .tab{flex:1;padding:12px 16px;border:none;background:transparent;color:#64748b;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.referral-tabs .tab.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 2px 8px #dc26264d}.referral-tabs .tab:hover:not(.active){background:#f8fafc;color:#374151}.referral-tab-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.referral-overview{display:flex;flex-direction:column;gap:32px}.referral-code-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px;border-radius:12px;border:2px solid #e2e8f0}.referral-code-card h4{color:#1e293b;margin-bottom:16px;font-size:1.25rem;font-weight:700}.referral-code-display{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.referral-code{background:#fff;padding:12px 20px;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:1.1rem;font-weight:700;color:#dc2626;border:2px solid #dc2626;letter-spacing:1px}.code-actions{display:flex;gap:8px}.copy-btn,.copy-link-btn,.share-btn{padding:8px 16px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-link-btn{border:2px solid #7c3aed!important}.copy-btn{background:#dc2626;color:#fff}.copy-btn:hover{background:#b91c1c;transform:translateY(-1px)}.copy-link-btn{background:#3aedab!important;color:#fff!important;border:2px solid #46f29f!important;font-weight:700!important}.copy-link-btn:hover{background:#086e3a!important;border-color:#087139!important;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed66}.share-btn{background:#3b82f6;color:#fff}.share-btn:hover{background:#2563eb;transform:translateY(-1px)}.referral-description{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}.no-code-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px}.no-code-message{color:#64748b;margin:0;font-size:.95rem}.generate-code-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-code-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.referral-benefits h4{color:#1e293b;margin-bottom:20px;font-size:1.25rem;font-weight:700}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.benefit-icon{font-size:1.5rem;flex-shrink:0}.benefit-text h5{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:700}.benefit-text p{color:#64748b;margin:0;font-size:.9rem;line-height:1.4}.referral-share h4{color:#1e293b;margin-bottom:20px;font-size:1.25rem;font-weight:700}.share-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.share-option{background:#f8fafc;padding:20px;border-radius:12px;border:1px solid #e2e8f0;text-align:center}.share-option h5{color:#1e293b;margin:0 0 8px;font-size:1rem;font-weight:700}.share-option p{color:#64748b;margin:0 0 16px;font-size:.9rem}.share-note{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.share-note p{margin:0;color:#0369a1;font-size:.9rem}.referral-history h4{color:#1e293b;margin-bottom:20px;font-size:1.25rem;font-weight:700}.referrals-list{display:flex;flex-direction:column;gap:12px}.referral-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.referral-info{flex:1}.referral-email{font-weight:600;color:#1e293b;margin-bottom:4px}.referral-date{font-size:.85rem;color:#64748b}.referral-status{display:flex;align-items:center;gap:12px}.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.points-earned{color:#10b981;font-weight:600;font-size:.9rem}.no-referrals{text-align:center;padding:40px 20px;color:#64748b}.no-referrals-icon{font-size:3rem;margin-bottom:16px}.no-referrals p{margin:0;font-size:1rem}@media (max-width: 768px){.referral-stats-overview{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px;gap:12px}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-number{font-size:1.5rem}.referral-tabs{flex-direction:column}.referral-tabs .tab{text-align:center}.referral-code-display{flex-direction:column;align-items:stretch}.code-actions{justify-content:center}.benefits-grid{grid-template-columns:1fr}.benefit-item{padding:16px}.share-options{grid-template-columns:1fr}.referral-item{flex-direction:column;align-items:flex-start;gap:12px}.referral-status{align-self:flex-end}}.rewards-content h3{color:#1e293b;margin-bottom:25px;font-size:1.5rem;font-weight:700}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.reward-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;position:relative;overflow:hidden}.reward-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#dc2626,#b91c1c);transform:scaleX(0);transition:transform .3s ease}.reward-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;border-color:#dc2626}.reward-card:hover:before{transform:scaleX(1)}.reward-info h4{color:#1e293b;margin-bottom:8px;font-size:1.2rem;font-weight:700}.reward-info p{color:#64748b;margin-bottom:16px;line-height:1.5;font-size:.95rem}.required-product-info{margin:12px 0;padding:10px;background:#f8fafc;border-radius:8px;border-left:3px solid #dc2626}.required-label{font-size:.85rem;font-weight:600;color:#64748b;display:block;margin-bottom:6px}.required-product{display:flex;justify-content:space-between;align-items:center;gap:8px}.product-name{font-size:.9rem;color:#1e293b;font-weight:500}.product-status{font-size:.8rem;padding:3px 8px;border-radius:12px;font-weight:600}.product-status.in-cart{background:#dcfce7;color:#15803d}.product-status.not-in-cart{background:#fee2e2;color:#dc2626}.reward-cost{margin-bottom:20px}.points-cost{background:#fef2f2;color:#dc2626;padding:6px 12px;border-radius:20px;font-weight:700;font-size:.85rem;display:inline-block}.redeem-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;width:100%}.redeem-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.redeem-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.history-content h3{color:#1e293b;margin-bottom:25px;font-size:1.5rem;font-weight:700}.transactions-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background:#f8fafc}.transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-type{font-weight:700;color:#374151;text-transform:capitalize;font-size:.95rem}.transaction-description{color:#64748b;font-size:.9rem}.transaction-date{color:#94a3b8;font-size:.8rem}.transaction-points{font-weight:800;font-size:1.1rem}.transaction-points.earned{color:#10b981}.transaction-points.redeemed{color:#ef4444}.referral-content h3{color:#1e293b;margin-bottom:25px;font-size:1.5rem;font-weight:700}.referral-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;margin-bottom:25px}.referral-info h4{color:#1e293b;margin-bottom:16px;font-size:1.2rem;font-weight:700}.referral-code-display{display:flex;align-items:center;gap:12px;margin-bottom:16px}.referral-code{background:#f8fafc;color:#1e293b;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;border:1px solid #e2e8f0}.copy-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px)}.referral-stats{display:flex;gap:30px;margin-top:20px}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#dc2626;margin-bottom:4px}.stat-label{color:#64748b;font-size:.9rem;font-weight:500}.referral-benefits{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.referral-benefits h4{color:#1e293b;margin-bottom:16px;font-size:1.1rem;font-weight:700}.referral-benefits ul{list-style:none;padding:0;margin:0}.referral-benefits li{color:#64748b;position:relative;padding:6px 0 6px 20px;font-size:.95rem}.referral-benefits li:before{content:"•";position:absolute;left:0;color:#dc2626;font-weight:700}.loading-spinner,.loading{text-align:center;color:#64748b;padding:40px;font-size:1rem}.loading-container{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px}.loading-spinner-icon{width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:14px;color:#6b7280;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{text-align:center;color:#ef4444;padding:40px;background:#fef2f2;border-radius:12px;border:1px solid #fecaca}@media (max-width: 768px){.loyalty-header{padding:40px 20px}.loyalty-header h1{font-size:2.5rem}.loyalty-header p{font-size:1.1rem}.points-summary{margin:-20px 15px 0;padding:30px 20px}.points-main-card{flex-direction:column;gap:20px;text-align:center}.points-number{font-size:3rem}.points-stats{grid-template-columns:1fr;gap:20px}.loyalty-tabs{margin:20px 15px;flex-wrap:wrap}.tab{min-width:100px;padding:10px 16px;font-size:.9rem}.tab-content{padding:0 15px 30px}.rewards-grid{grid-template-columns:1fr;gap:16px}.referral-stats{flex-direction:column;gap:20px}}@media (max-width: 480px){.loyalty-header h1{font-size:2rem}.points-number{font-size:2.5rem}.points-summary{padding:20px 15px}.loyalty-tabs{padding:4px}.tab{padding:8px 12px;font-size:.8rem}}.points-display.compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:0;background:transparent;box-shadow:none;border-radius:0;color:#fff;font-family:Inter,sans-serif;text-align:center;height:100%;line-height:1}.points-display.compact .points-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1;margin:0;padding:0;height:auto}.points-display.compact .points-value,.points-display.compact .points-label{display:inline-flex;align-items:center;white-space:nowrap;line-height:1;margin:0;padding:0;height:auto}.points-icon-large{font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.points-display.compact .points-value{font-size:1.3rem;font-weight:900;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#fef2f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-display.compact .points-label{color:#fffc;font-size:.7rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:1px}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}#root{width:100%;min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}