html{box-sizing:border-box;font-size:100%;height:100%}body,html{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100%;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{margin:0;min-height:100%;padding:0}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh}header{grid-area:header}footer,header{background-color:#651fff}footer{grid-area:footer}footer,main{margin-bottom:0}main{grid-area:main;min-height:0;padding:8px}h1{font-size:18px;padding:10px 0}.payment-screen{margin:0 auto;max-width:1200px;padding:20px}.payment-container{margin:40px 0;text-align:center}.payment-container h1{color:#333;margin-bottom:30px}.payment-failed,.payment-success{border-radius:8px;margin:40px auto;max-width:500px;padding:40px 20px;text-align:center}.payment-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.payment-failed{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.error-icon,.success-icon{font-size:48px;margin-bottom:20px}.success-icon{color:#28a745}.error-icon{color:#dc3545}.retry-options{margin-top:20px}.retry-options .btn{margin:0 10px}.order-success-screen{margin:0 auto;max-width:1200px;padding:20px}.success-container{margin:40px auto;max-width:600px;padding:40px 20px;text-align:center}.success-container .success-icon{margin-bottom:0}.success-container .checkmark{background-color:#28a745;border-radius:50%;color:#fff;display:inline-block;font-size:40px;font-weight:700;height:80px;line-height:80px;width:80px}.success-container h1{color:#333;margin-bottom:20px}.success-message{color:#666;font-size:18px;margin-bottom:30px}.order-info{background-color:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.order-info h3{margin-bottom:15px}.order-info ul{list-style-type:none;padding:0}.order-info li{border-bottom:1px solid #eee;padding:8px 0}.order-info li:last-child{border-bottom:none}.order-info li:before{color:#28a745;content:"✓ ";font-weight:700;margin-right:8px}.action-buttons{margin-top:30px}.action-buttons .btn{display:inline-block;font-size:16px;margin:0 10px;padding:12px 24px;text-decoration:none}h2{font-size:16px;padding:10px 0}a{text-decoration:none}a:hover{color:#ff8000}ul{list-style-type:none;margin:0;padding:0}li{margin-top:10px}button,input,select,textarea{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid #4b4949;border-radius:5px;font-family:Helvetica,Arial,sans-serif;font-size:16px;padding:10px}select{border:1px solid #272424}button{background-color:#f8f8f8;color:#fff;cursor:pointer}button:hover,textarea:hover{color:#facccc}button.primary{background-color:#ff791f}button.secondary{background-color:#651fff}button.block{width:100%}button:disabled{background-color:#d4702c;color:silver}.header a{color:#fff;padding:10px}.header a:hover{color:#ff791f}a.brand{color:#fff;font-size:30px;font-weight:700}.badge{background-color:#f02020;font-size:14px;margin-left:2px;padding:2px 7px}.row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.row.center{justify-content:center}.row.top{align-items:flex-start}.col-1{flex:1 1 250px}.col-2{flex:2 1 500px}.min-30{min-width:300px}img{border-radius:5px}img.small{max-width:50px;width:100%}img.medium{max-width:290px;width:100%}img.large{height:700px;padding-left:50px;width:450px}.card{background-color:#f8f8f8;border:2px solid silver;border-radius:5px;margin:10px}.card-body{padding:10px}.card-body>*{margin-bottom:5px}.price{font-size:20px}.average_rating span{color:#f0c040;margin:2px}.average_rating span:last-child{color:#404040}.loading{display:block!important}.success{color:#20a020}.danger{color:#a02020}.alert{border:0 solid #0000;border-radius:5px;padding:10px}.alert-info{background-color:#e0e0ff;color:#2020a0}.alert-danger{background-color:#ffe0e0e0;color:#a02020}.form{margin:0 auto;max-width:600px}.form>div{display:flex;flex-direction:column;margin:10px}.form label{margin:10px 0}.dropdown-content{background-color:#203040;border-radius:5px;margin:5px 0 0}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px;padding:20px}.product-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#7c3aed33;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.product-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;height:220px;justify-content:center;margin:16px;overflow:hidden;position:relative}.product-image-container a{display:block;height:100%;width:100%}.wishlist-heart-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:36px;z-index:2}.wishlist-heart-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.wishlist-heart-btn i{color:#dc3545;font-size:16px;transition:all .3s ease}.wishlist-heart-btn.active i{animation:heartBeat .6s ease;color:#dc3545}.share-btn{background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:36px;justify-content:center;position:absolute;right:12px;top:56px;width:36px;z-index:2}.share-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.share-btn i{color:#6c757d;font-size:14px;transition:all .3s ease}.share-btn:hover i{color:#495057}.product-image{background:#fff;display:block;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;width:100%}.product-card:hover .product-image{transform:none}.wishlist-item.product-card:hover .wishlist-image-container.product-image-container .product-image{transform:none!important}.wishlist-image-container.product-image-container .product-image{object-fit:contain!important;object-position:center}.product-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:16px}.product-price-container{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:8px}.wishlist-price-original{font-size:.9rem}.wishlist-savings{font-size:.7rem}.product-title-link{color:inherit;text-decoration:none}.product-title{font-size:16px;font-weight:600;height:44px;margin:0 0 8px}.product-title-link:hover .product-title{color:#651fff}.product-rating{margin:8px 0}.product-price{color:#651fff;font-size:20px;font-weight:700;margin-top:auto}.product-actions{background:#0000;display:flex;gap:6px;padding:12px 16px}.product-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.product-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.product-actions button:hover:before{left:100%}.add-to-cart-btn{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 4px #05966933;color:#fff}.add-to-cart-btn:hover{background:linear-gradient(135deg,#047857,#065f46);box-shadow:0 4px 8px #0596694d;transform:translateY(-1px)}.product-actions button i{font-size:.8rem}.category-filter{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px auto;max-width:1200px;padding:20px}.category-filter-title{color:#333;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.category-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-btn{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:16px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:6px;min-width:80px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#e9ecef;border-color:#651fff;color:#651fff;transform:translateY(-2px)}.category-btn.active{background:#651fff;border-color:#651fff;box-shadow:0 4px 12px #651fff4d;color:#fff}.category-icon{align-items:center;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;position:relative;width:32px}.category-icon-img{border-radius:4px;height:100%;object-fit:contain;width:100%}.category-icon-emoji{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.category-name{font-size:12px;font-weight:500;line-height:1.2;text-align:center}.products-section{margin:0 auto;max-width:1200px}.wishlist-item.product-card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.wishlist-item.product-card:hover{border-color:#7c3aed33;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.wishlist-image-container.product-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;height:220px;justify-content:center;margin:16px;overflow:hidden;position:relative}.wishlist-image-container.product-image-container img{background:#fff;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.wishlist-item.product-card:hover .wishlist-image-container.product-image-container img{transform:scale(1.05)}.wishlist-product-info.product-card-body{display:flex;flex:1 1;flex-direction:column;padding:0 16px 16px}.wishlist-product-title.product-title-link{color:#1f2937;display:block;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:8px;text-decoration:none;transition:color .2s ease}.wishlist-product-title.product-title-link:hover{color:#7c3aed}.wishlist-price-container.product-price-container{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:12px}.wishlist-price-current.product-price{color:#059669;font-size:1.25rem;font-weight:700}.wishlist-actions.product-actions{background:#0000;display:flex;gap:6px;padding:12px 16px}.wishlist-actions.product-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.wishlist-actions.product-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.wishlist-actions.product-actions button:hover:before{left:100%}.wishlist-actions.product-actions .add-to-cart-btn{background:#fff;border:2px solid #651fff;box-shadow:0 2px 4px #651fff33;color:#651fff}.wishlist-actions.product-actions .add-to-cart-btn:hover{background:#651fff;box-shadow:0 4px 8px #651fff4d;color:#fff;transform:translateY(-1px)}.add-to-cart-btn.in-cart{background:red;border:2px solid red}.add-to-cart-btn.in-cart:hover{background:red;border-color:red;box-shadow:0 4px 8px #ff00004d;transform:translateY(-1px)}.wishlist-actions.product-actions .add-to-cart-btn.in-cart{background:red;border:2px solid red;color:#fff}.wishlist-actions.product-actions .add-to-cart-btn.in-cart:hover{background:red;border-color:red;box-shadow:0 4px 8px #ff00004d;transform:translateY(-1px)}.wishlist-actions.product-actions .buy-now-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 4px #7c3aed33;color:#fff}.wishlist-actions.product-actions .buy-now-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 8px #7c3aed4d;transform:translateY(-1px)}.wishlist-actions.product-actions button i{font-size:.8rem}.products-header{padding:0 20px 10px}.products-title{align-items:center;color:#333;display:flex;font-size:24px;font-weight:600;gap:10px;margin:0}.products-count{background:#f8f9fa;border-radius:20px;color:#666;font-size:16px;font-weight:400;padding:4px 12px}.no-products{color:#666;padding:60px 20px;text-align:center}.no-products p{font-size:18px;margin:0}@media (max-width:768px){.products-header{align-items:stretch;flex-direction:column;text-align:center}.search-input{max-width:100%;width:100%}.product-count{margin-bottom:10px}.category-filter{margin:16px;padding:16px}.category-filter-title{font-size:18px}.category-buttons{gap:8px}.category-btn{font-size:13px;min-width:70px;padding:10px 12px}.category-icon{font-size:20px}.category-icon,.category-icon-img{height:28px;width:28px}.category-name{font-size:11px}.products-title{align-items:flex-start;flex-direction:column;font-size:20px;gap:8px}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px}.product-card{height:450px}.product-actions{flex-direction:column;gap:8px}.product-actions button{width:100%}.product-image-container{height:220px}}.checkout-steps>div{border-top:3px solid silver;color:silver;flex:1 1;font-weight:700;padding:10px}.checkout-steps>div.active{border-top-color:#f08000;color:#f08000}.pagination-info{background:#f8f9fa;border-radius:5px;color:#666;font-size:14px;margin:20px 0;padding:10px;text-align:center}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:40px 0}.pagination-btn{background:#fff;border:1px solid #673ab7;border-radius:5px;color:#673ab7;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#673ab7;color:#fff}.pagination-btn:disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed;opacity:.5}.pagination-numbers{display:flex;flex-wrap:wrap;gap:5px}.pagination-number{align-items:center;background:#fff;border:1px solid #673ab7;border-radius:5px;color:#673ab7;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number.active,.pagination-number:hover{background:#673ab7;color:#fff}.pagination-number.active{font-weight:600}@media (max-width:768px){.pagination-controls{flex-direction:column;gap:15px}.pagination-numbers{justify-content:center;max-width:100%;overflow-x:auto;padding:5px}.pagination-btn{min-width:120px}.pagination-info{font-size:12px;margin:15px 0}}.address-card,.address-card *,.address-content,.address-content *,.address-content p,.address-content p:last-child,.address-info,.address-info *,.bank-info,.bank-info *,.business-info,.business-info *,.info-section,.info-section *,.profile-card,.profile-card *,.profile-container,.profile-container *{color:inherit!important}.cart-page{align-items:flex-start}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-item-card{background:#fff;border:1px solid #ececec;border-radius:8px;padding:12px}.cart-item-row{align-items:stretch}.cart-item-image{align-items:center;display:flex;justify-content:center;margin-right:12px;width:70px}.cart-item-info{display:flex;flex-direction:column;gap:6px}.cart-item-title{color:#333;font-weight:600}.cart-item-meta{color:#666;font-size:13px}.cart-item-price{color:#651fff;font-weight:700}.cart-item-price .mrp{color:#999;font-weight:500;margin-right:8px;text-decoration:line-through}.cart-item-price .price-now{color:#651fff;font-weight:700}.cart-item-qty{align-items:flex-start;display:flex;flex-direction:column;gap:6px;margin-left:auto}.cart-qty-hint{color:#777;font-size:12px}.cart-item-actions{margin-left:12px}.cart-page .col-2{padding-left:16px}.cart-summary-col{position:-webkit-sticky;position:sticky;top:12px}.cart-summary h2{font-size:16px}.cart-item-actions .danger{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;box-shadow:0 2px 4px #dc354533;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.cart-item-actions .danger:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.cart-item-actions .danger:active{box-shadow:0 2px 4px #dc354533;transform:translateY(0)}.cart-item-card.confirming{animation:pulse-warning 2s infinite;background:#ffc1071a;border-left:4px solid #ffc107}@keyframes pulse-warning{0%{box-shadow:0 0 0 0 #ffc10766}70%{box-shadow:0 0 0 10px #ffc10700}to{box-shadow:0 0 0 0 #ffc10700}}.toast-warning{background:linear-gradient(135deg,#ffc107,#e0a800)!important;border-left:4px solid #d39e00}.toast-warning .toast-icon{color:#856404}.toast-success{background:linear-gradient(135deg,#28a745,#218838)!important;border-left:4px solid #1e7e34}.toast-success .toast-icon{color:#155724}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}.toast{animation:slideInRight .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0000001f;cursor:pointer;max-width:400px;min-width:300px;overflow:hidden;pointer-events:auto;transition:transform .2s ease,box-shadow .2s ease}.toast:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.toast-exit{animation:slideOutRight .3s ease-in-out forwards}.toast-content{align-items:center;color:#fff;display:flex;padding:16px 20px;position:relative}.toast-icon{flex-shrink:0;font-size:20px;margin-right:12px}.toast-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin-right:12px}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:.7;padding:6px;transition:opacity .2s ease,transform .2s ease;width:28px}.toast-close:hover{background:#ffffff1a;opacity:1;transform:scale(1.1)}.toast-close i{font-size:12px}.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast:after{animation:progress 3s linear forwards;background:#ffffff4d;bottom:0;content:"";height:3px;left:0;position:absolute}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100%) scale(.8)}}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:768px){.toast-container{left:16px;right:16px;top:70px}.toast{max-width:none;min-width:auto}.toast-content{padding:14px 16px}.toast-message{font-size:13px}.toast-icon{font-size:18px;margin-right:10px}}@media (prefers-color-scheme:dark){.toast{border-color:#fff3}}.image-gallery{margin:0 auto;max-width:500px;width:100%}.main-image-container{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.main-image{height:100%;object-fit:contain;transition:opacity .3s ease;width:100%}.no-image{color:#6c757d;font-size:18px;text-align:center}.nav-arrow{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px;z-index:2}.nav-arrow:hover{background:#000000b3}.prev-arrow{left:10px}.next-arrow{right:10px}.image-counter{background:#000000b3;border-radius:12px;bottom:10px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:10px;z-index:2}.thumbnail-indicators{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:4px 0}.thumbnail{background:none;border:2px solid #0000;border-radius:4px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:border-color .3s ease;width:60px}.thumbnail:hover{border-color:#007bff}.thumbnail.active{border-color:#651fff}.thumbnail img{height:100%;object-fit:cover;width:100%}.dot-indicators{display:none;gap:8px;justify-content:center;margin-top:12px}.dot{background-color:#dee2e6;border:none;border-radius:50%;cursor:pointer;height:10px;transition:background-color .3s ease;width:10px}.dot.active{background-color:#651fff}.dot:hover{background-color:#007bff}@media (max-width:768px){.main-image-container{height:300px}.thumbnail-indicators{display:none}.dot-indicators{display:flex}.nav-arrow{font-size:14px;height:35px;width:35px}.prev-arrow{left:5px}.next-arrow{right:5px}}@media (max-width:480px){.main-image-container{height:250px}.nav-arrow{font-size:12px;height:30px;width:30px}}.product-rating-section{background:#fff;border-radius:0;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;margin:12px 0;max-width:100%;overflow:hidden;padding:24px;position:relative;width:100%;z-index:1}.product-rating-section .rating-overview,.product-rating-section .user-rating-section{box-sizing:border-box;margin:0 auto;max-width:680px}.product-rating-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.rating-overview{display:flex;gap:32px;margin-bottom:32px}.average-rating-display{min-width:120px;text-align:center}.average-number{color:#333;font-size:48px;font-weight:700;line-height:1}.average-stars{display:flex;gap:2px;margin:8px 0}.star-container{display:inline-block;position:relative}.star-bg,.star-fill{font-size:18px}.total-ratings{color:#666;font-size:14px}.rating-breakdown{flex:1 1;max-width:300px}.rating-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.star-label{font-weight:500;min-width:12px;text-align:right}.star-icon{color:#ffc107;font-size:12px}.rating-bar{background-color:#e9ecef;border-radius:4px;flex:1 1;height:8px;max-width:200px;overflow:hidden}.rating-fill{background-color:#ffc107;height:100%;transition:width .3s ease}.rating-count{min-width:30px;text-align:right}.user-rating-section{border-top:1px solid #e9ecef;padding-top:24px}.user-rating-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.rate-now-container{display:flex;gap:8px;margin-bottom:12px}.star-button{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:all .2s ease}.star-button:hover{background-color:#f8f9fa}.star-button .fa-star{color:#ddd;font-size:24px;transition:color .2s ease}.star-button:hover .fa-star{transform:scale(1.1)}.rating-labels{margin-top:8px;text-align:center}.rating-text{color:#666;font-size:14px;font-weight:500;transition:color .2s ease}.user-rating-text{color:#28a745;font-size:14px;font-weight:500;margin:8px 0 0;text-align:center}.thank-you-message{animation:thankYouSlideIn .5s ease-out;left:auto;position:absolute;right:12px;top:8px;transform:none;z-index:10}.thank-you-content{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:25px;box-shadow:0 4px 15px #ee5a244d;color:#fff;display:flex;gap:8px;overflow:hidden;padding:12px 20px;position:relative}.thank-you-content.rating-5{background:linear-gradient(135deg,#00d2ff,#3a7bd5);box-shadow:0 4px 15px #3a7bd54d}.thank-you-content.rating-4{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe4d}.thank-you-content.rating-3{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 4px 15px #43e97b4d}.thank-you-content.rating-2{background:linear-gradient(135deg,#fa709a,#fee140);box-shadow:0 4px 15px #fa709a4d}.thank-you-content.rating-1{background:linear-gradient(135deg,#ff9a9e,#fecfef);box-shadow:0 4px 15px #ff9a9e4d}.thank-you-content:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.thank-you-content i.fa-heart{animation:heartBeat 1s infinite;color:#ff4757}.rating-sparkles{display:flex;gap:4px}.rating-sparkles i{animation:sparkle 1.5s infinite;font-size:10px}.rating-sparkles i:nth-child(2){animation-delay:.3s}.rating-sparkles i:nth-child(3){animation-delay:.6s}.rate-now-container{position:relative}.star-button.bounce{animation:starBounce .6s ease-out}.star-button:disabled{cursor:not-allowed}.star-particles{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.particle{animation:particleExplosion .8s ease-out;background:#ffc107;border-radius:50%;height:4px;position:absolute;width:4px}.particle:first-child{animation-delay:.1s;transform:translate(-15px,-15px)}.particle:nth-child(2){animation-delay:.2s;transform:translate(15px,-10px)}.particle:nth-child(3){animation-delay:.3s;transform:translateY(-20px)}@keyframes thankYouSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes starBounce{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(10deg)}60%{transform:scale(1.1) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}@keyframes particleExplosion{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(0) scale(0);transform:translate(var(--dx,0),var(--dy,0)) scale(0)}}.star-button:hover .fa-star{color:#ffc107;text-shadow:0 0 10px #ffc10780;transform:scale(1.2)}.star-button.active .fa-star{color:#ffc107;text-shadow:0 0 8px #ffc10766;transform:scale(1.1)}@media (max-width:768px){.product-rating-section{margin:16px 0;padding:16px}.product-rating-section .rating-overview,.product-rating-section .user-rating-section{max-width:100%}.rating-overview{flex-direction:column;gap:20px}.average-rating-display{min-width:auto}.average-number{font-size:36px}.rating-row{gap:6px}.star-button .fa-star{font-size:20px}}@media (max-width:480px){.rating-overview{gap:16px}.average-number{font-size:32px}.star-button .fa-star{font-size:18px}}.product-specification-tabs{background:#fff;border-radius:0;box-shadow:0 1px 2px #0000001a;box-sizing:border-box;flex-shrink:0;margin:12px 0;max-width:100%;min-height:320px;overflow:hidden;position:relative;width:100%;z-index:1}.tabs-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.tab-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:6px;min-width:0;padding:16px 12px;position:relative;transition:all .3s ease;width:100%}.tab-button:hover{background:#e9ecef;color:#333;transform:translateY(-1px)}.tab-button.active{background:#fff;border-bottom-color:#651fff;box-shadow:0 -2px 8px #651fff1a;color:#651fff}.tab-button i{font-size:20px;margin-bottom:2px;transition:transform .3s ease}.tab-button:hover i{transform:scale(1.1)}.tab-button.active i{transform:scale(1.15)}.tab-button span{font-weight:600;letter-spacing:.5px;line-height:1.2;text-align:center}.tabs-content{-ms-overflow-style:none;box-sizing:border-box;margin:0 auto;max-height:60vh;max-width:680px;min-height:320px;min-width:680px;overflow-y:auto;padding:24px;scrollbar-width:none;width:100%}.tabs-content::-webkit-scrollbar{display:none}.tab-content{min-height:320px}.tab-content h4{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.tab-content h5{color:#333;font-size:16px;font-weight:600;margin:16px 0 8px}.description-content{color:#666;line-height:1.6;margin-bottom:20px}.key-features ul{list-style:none;margin:0;padding:0}.key-features li{border-bottom:1px solid #f0f0f0;color:#666;padding:8px 0 8px 20px;position:relative}.key-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.key-features li:last-child{border-bottom:none}.specifications-grid{display:flex;flex-direction:column;gap:12px}.spec-row{border-bottom:1px solid #f0f0f0;display:flex;padding:12px 0}.spec-row:last-child{border-bottom:none}.spec-label{color:#333;flex:0 0 150px;font-weight:600}.spec-value{color:#666;flex:1 1}.delivery-info,.policy-info{display:flex;flex-direction:column;gap:20px}.delivery-item,.policy-item{background:#f8f9fa;border-radius:8px;display:flex;gap:16px;padding:16px}.delivery-item i,.policy-item i{color:#651fff;flex-shrink:0;font-size:24px;margin-top:4px}.delivery-item div,.policy-item div{flex:1 1}.delivery-item h5,.policy-item h5{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.delivery-item p,.policy-item p{color:#666;font-size:14px;line-height:1.4;margin:4px 0}@media (max-width:768px){.tabs-header{grid-template-columns:repeat(4,1fr)}.tab-button{font-size:11px;max-height:56px;min-height:56px;padding:12px 8px}.tab-button i{font-size:16px}.tabs-content{max-height:50vh;max-width:100%;padding:16px}.spec-row{flex-direction:column;gap:4px}.spec-label{flex:none}.spec-label,.spec-value{font-size:14px}.delivery-item,.policy-item{padding:12px}.delivery-item i,.policy-item i{font-size:20px}}@media (max-width:480px){.tabs-header{grid-template-columns:repeat(4,1fr)}.tab-button{font-size:10px;padding:10px 6px}.tab-button i{font-size:14px}.tabs-content{padding:12px}.tab-content h4{font-size:16px}.delivery-item,.policy-item{flex-direction:column;gap:8px;text-align:center}.delivery-item i,.policy-item i{align-self:center;margin-top:0}}.coupon-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.coupon-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.coupon-dialog-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.coupon-dialog-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.coupon-dialog-content{padding:24px}.manual-coupon-section{margin-bottom:32px}.manual-coupon-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.coupon-input-group{display:flex;gap:12px}.coupon-input{border:2px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:12px 16px;text-transform:uppercase;transition:border-color .3s ease}.coupon-input:focus{border-color:#651fff;outline:none}.apply-btn{background:#651fff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .3s ease;white-space:nowrap}.apply-btn:hover:not(:disabled){background:#5e35b1}.apply-btn:disabled{cursor:not-allowed;opacity:.6}.available-coupons-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.loading-coupons,.no-coupons{color:#666;font-style:italic;padding:20px;text-align:center}.coupons-list{display:flex;flex-direction:column;gap:12px}.coupon-card{align-items:center;border:2px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:border-color .3s ease}.coupon-card:hover{border-color:#651fff}.coupon-info{flex:1 1}.coupon-title{color:#333;font-weight:600;margin-bottom:4px}.coupon-description{color:#666;font-size:14px;margin-bottom:8px}.coupon-details{display:flex;gap:16px;margin-bottom:4px}.discount-text{color:#28a745;font-size:14px;font-weight:600}.min-order{color:#666;font-size:12px}.expiry-date{color:#dc3545;font-size:12px}.select-coupon-btn{background:#651fff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.select-coupon-btn:hover:not(:disabled){background:#5e35b1}.select-coupon-btn:disabled{cursor:not-allowed;opacity:.6}.error-message{background:#f8d7da;color:#721c24}.error-message,.success-message{border-radius:6px;font-size:14px;margin-top:16px;padding:12px 16px}.success-message{background:#d4edda;color:#155724}@media (max-width:768px){.coupon-dialog-overlay{padding:10px}.coupon-dialog{max-height:90vh}.coupon-dialog-header{padding:16px 20px}.coupon-dialog-content{padding:20px}.coupon-input-group{flex-direction:column;gap:8px}.coupon-card{align-items:stretch;flex-direction:column;gap:12px}.select-coupon-btn{align-self:flex-end}}@media (max-width:480px){.coupon-dialog-header{padding:12px 16px}.coupon-dialog-content{padding:16px}.manual-coupon-section{margin-bottom:24px}}.share-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-dialog{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:80vh;max-width:480px;overflow-y:auto;width:100%}.share-dialog-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.share-dialog-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.close-btn{border-radius:4px;color:#666;font-size:20px;padding:4px;transition:background-color .2s ease}.close-btn:hover{background-color:#f8f9fa}.share-dialog-content{padding:24px}.product-preview{background:#f8f9fa;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.preview-image{background:#fff;border-radius:6px;height:80px;object-fit:cover;width:80px}.preview-info{flex:1 1}.preview-info h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 8px;overflow:hidden}.preview-price{color:#651fff;font-size:18px;font-weight:700;margin:0}.share-options h4{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.share-buttons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.share-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 8px;text-decoration:none;transition:all .3s ease}.share-button:hover{border-color:var(--share-color);color:var(--share-color);transform:translateY(-2px)}.share-button i{color:var(--share-color);font-size:24px}.share-button span{font-size:12px;font-weight:500;text-align:center}.native-share{margin-bottom:24px}.native-share-btn{align-items:center;background:#fff;border:2px solid #651fff;border-radius:8px;color:#651fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;padding:14px;transition:all .3s ease;width:100%}.native-share-btn:hover{background:#651fff;color:#fff}.native-share-btn i{font-size:16px}.copy-link-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.copy-link-container{display:flex;gap:8px}.link-input{background:#f8f9fa;border:2px solid #ddd;border-radius:6px;color:#666;flex:1 1;font-size:14px;padding:12px 16px}.link-input:focus{border-color:#651fff;outline:none}.copy-btn{align-items:center;background:#651fff;border-radius:6px;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.copy-btn:hover:not(.copied){background:#5e35b1}.copy-btn.copied{background:#28a745}.copy-btn i{font-size:14px}@media (max-width:768px){.share-dialog-overlay{padding:10px}.share-dialog{max-height:90vh}.share-dialog-header{padding:16px 20px}.share-dialog-content{padding:20px}.product-preview{gap:12px;padding:12px}.preview-image{height:60px;width:60px}.preview-info h4{font-size:14px}.preview-price{font-size:16px}.share-buttons-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.share-button{padding:12px 6px}.share-button i{font-size:20px}.share-button span{font-size:11px}.copy-link-container{flex-direction:column;gap:8px}}@media (max-width:480px){.share-dialog-header{padding:12px 16px}.share-dialog-content{padding:16px}.share-buttons-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.share-button{padding:10px 4px}.share-button i{font-size:18px}.share-button span{font-size:10px}}.wishlist-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.wishlist-btn:hover{border-color:#651fff;color:#651fff;transform:translateY(-1px)}.wishlist-btn.active{background:#651fff;border-color:#651fff;color:#fff}.wishlist-btn.active:hover{background:#5e35b1;border-color:#5e35b1}.wishlist-btn.loading{cursor:not-allowed;opacity:.7}.wishlist-btn i{font-size:16px}.wishlist-btn.active i{color:#fff}@media (max-width:768px){.wishlist-btn{font-size:13px;padding:8px 12px}.wishlist-btn i{font-size:14px}}.product-screen{background:#f1f3f6;padding:0}.product-suggestions{background:#fff;border-top:1px solid #eaeaea;margin-top:24px;overflow:hidden;width:100%}.product-suggestions:first-of-type{margin-top:16px}.product-suggestions .suggestions-inner{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:16px 60px;position:relative}.product-suggestions .suggestions-title{color:#333;font-size:22px;font-weight:700;margin:4px 8px 16px}.product-suggestions .suggestions-grid{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;display:flex;flex-direction:row;gap:16px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.product-suggestions .suggestions-grid::-webkit-scrollbar{display:none}.product-suggestions .product-card{flex:0 0 250px;min-height:360px;width:250px}.product-suggestions .wishlist-item.product-card{display:flex;flex-direction:column}.product-suggestions .product-image-container,.product-suggestions .wishlist-image-container{height:200px}.product-suggestions .product-card-body,.product-suggestions .wishlist-product-info{display:flex;flex-direction:column;height:100%;padding-top:8px}.product-suggestions .product-actions,.product-suggestions .wishlist-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-top:auto}.product-suggestions .wishlist-actions.product-actions .add-to-cart-btn,.product-suggestions .wishlist-actions.product-actions .buy-now-btn{font-size:11px;overflow:hidden;padding:8px 6px;text-overflow:ellipsis;white-space:nowrap}.product-suggestions .product-actions .add-to-cart-btn,.product-suggestions .product-actions .buy-now-btn,.product-suggestions .wishlist-actions .add-to-cart-btn,.product-suggestions .wishlist-actions .buy-now-btn{border-radius:8px;box-shadow:0 2px 6px #0000000f;flex:none;font-size:12.5px;font-weight:700;min-height:38px;padding:10px 12px;width:100%}.product-suggestions .add-to-cart-btn{background:#fff;border:2px solid #651fff;color:#651fff}.product-suggestions .add-to-cart-btn:hover{background:#651fff;color:#fff}.product-suggestions .buy-now-btn{background:linear-gradient(135deg,#651fff,#5e35b1);border:none;color:#fff}.product-suggestions .buy-now-btn:hover{filter:brightness(1.08)}.product-suggestions .product-card .product-title,.product-suggestions .product-title-link{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;display:-webkit-box;font-size:14px;line-height:1.3;min-height:36px;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.product-suggestions .suggestions-inner{padding:12px 50px}.product-suggestions .suggestions-title{font-size:18px;margin:4px 6px 12px}.product-suggestions .suggestions-grid{gap:12px}.product-suggestions .product-card{flex:0 0 220px;min-height:340px;width:220px}.product-suggestions .product-image-container,.product-suggestions .wishlist-image-container{height:180px}.product-suggestions .product-actions .add-to-cart-btn,.product-suggestions .product-actions .buy-now-btn,.product-suggestions .wishlist-actions .add-to-cart-btn,.product-suggestions .wishlist-actions .buy-now-btn{font-size:12px;padding:8px 10px}.suggestions-nav{height:35px;width:35px}.suggestions-nav.left{left:8px}.suggestions-nav.right{right:8px}}.suggestions-nav{align-items:center;background:#651fffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:3}.suggestions-nav.left{left:10px}.suggestions-nav.right{right:10px}.suggestions-nav:hover{background:#651fff;transform:translateY(-50%) scale(1.1)}.suggestions-nav:disabled{cursor:not-allowed;opacity:.5;transform:translateY(-50%) scale(1)}.breadcrumb-container{background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 0}.breadcrumb{align-items:center;color:#878787;display:flex;font-size:12px;gap:8px;margin:0 auto;max-width:1200px;padding:0 16px}.breadcrumb span{cursor:pointer;transition:color .2s ease}.breadcrumb span:hover:not(.current){color:#2874f0}.breadcrumb span.current{color:#212121;cursor:default;font-weight:500}.breadcrumb i{color:#878787;font-size:10px}.product-navigation{left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.nav-btn{align-items:center;background:#651fffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:18px;height:50px;justify-content:center;pointer-events:auto;position:absolute;transition:all .3s ease;width:50px}.nav-btn:hover{background:#651fff;transform:scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.product-images-section{background:#fff;border-right:1px solid #f0f0f0;flex:0 0 40%}.product-layout{background:#fff;box-shadow:0 1px 2px #0000001a;display:flex;margin:12px auto;max-width:1200px}.product-images-container{background:#fff;border-right:1px solid #f0f0f0;flex-shrink:0;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:480px}.product-images-section{padding:16px}.product-content-container{flex:1 1;min-height:150vh}.product-content-wrapper{padding:0}.secondary-actions{display:flex;gap:12px;justify-content:flex-start;margin:16px 0;min-height:48px}.share-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.share-btn:hover{border-color:#651fff;color:#651fff;transform:translateY(-1px)}.share-btn i{font-size:16px}.product-content-container .product-details-section{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;padding:24px}.product-additional-content{background:#f1f3f6;margin:12px auto;max-width:1200px;overflow-x:hidden;padding:0}.product-title{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:#333;display:-webkit-box;font-size:28px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0 0 20px;max-width:100%;min-height:80px;overflow:hidden;overflow-wrap:break-word;text-align:left;white-space:normal;word-break:break-word;z-index:1}.product-rating-mini{align-items:center;display:flex;gap:8px;min-height:28px}.rating-value{color:#333;font-size:18px;font-weight:700}.stars-mini{display:flex;gap:2px}.star-wrapper{display:inline-block;position:relative}.star-bg{color:#e0e0e0;font-size:16px}.star-fill{color:#ffc107;font-size:16px;left:0;position:absolute;top:0}.rating-count{color:#666;font-size:14px}.product-pricing{align-items:center;display:flex;gap:12px;min-height:44px}.current-price{color:#651fff;font-size:32px;font-weight:700}.original-price{color:#999;font-size:20px}.cod-indicator{align-items:center;color:#28a745;display:flex;font-size:14px;font-weight:500;gap:8px}.cod-indicator i{font-size:16px}.free-coupons{background:linear-gradient(135deg,#651fff,#5e35b1);border-radius:8px;color:#fff;padding:16px}.free-coupons h4{font-size:16px;font-weight:600;margin:0 0 8px}.free-coupons p{font-size:14px;margin:0;opacity:.9}.coupon-section{margin:16px 0}.coupon-btn{align-items:center;background:#fff3e0;border:2px solid #f57c00;border-radius:6px;color:#f57c00;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.coupon-btn:hover{background:#f57c00;color:#fff}.coupon-btn i{font-size:16px}.product-buttons{display:flex;gap:12px;margin-top:24px;min-height:56px}.add-to-cart-btn,.buy-now-btn,.out-of-stock-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.add-to-cart-btn{background:#fff;border:2px solid #651fff;color:#651fff}.add-to-cart-btn:hover:not(:disabled){background:#651fff;color:#fff}.add-to-cart-btn.in-cart{background:#28a745;border-color:#28a745;color:#fff}.buy-now-btn{background:#651fff}.buy-now-btn:hover{background:#5e35b1;transform:translateY(-2px)}.out-of-stock-btn{background:#6c757d;color:#fff;cursor:not-allowed}.add-to-cart-btn:disabled,.buy-now-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-container{background:#f1f3f6;gap:20px;min-height:100vh}.loading-spinner{border:4px solid #e0e0e0;border-top-color:#651fff}.loading-text{color:#651fff;font-size:18px;font-weight:500;text-align:center}.loading-subtext{color:#666;font-size:14px;margin-top:8px;text-align:center}.loading-skeleton{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-container{background:#fff;border-radius:8px;margin:20px;padding:40px}.error-container h2{margin-bottom:16px}.error-container p{margin-bottom:24px}.error-container button{background:#651fff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}@media (max-width:1024px){.product-layout{flex-direction:column;margin:8px auto;min-height:auto}.product-images-container{border-bottom:1px solid #f0f0f0;border-right:none;height:auto;overflow:visible;position:relative;top:auto;width:100%}.product-images-container .product-images-section{height:auto}.product-content-wrapper{min-height:auto}.product-content-container .product-details-section{padding:16px}.product-additional-content{padding:0}.nav-btn{font-size:16px;height:45px;width:45px}.prev-btn{left:15px}.next-btn{right:15px}}@media (max-width:768px){.product-screen{padding:0}.breadcrumb{font-size:11px;padding:0 12px}.breadcrumb span.current{display:none}.product-container{border-radius:0;margin:8px auto 0;padding:0}.product-details-section,.product-images-section{padding:12px}.product-additional-content{margin:8px auto;padding:0}.product-title{font-size:22px;height:auto;line-height:1.4;margin:0 0 16px;min-height:auto;overflow:visible;overflow-wrap:break-word;word-break:break-word}.current-price{font-size:28px}.original-price{font-size:18px}.product-buttons{flex-direction:column}.add-to-cart-btn,.buy-now-btn,.out-of-stock-btn{font-size:15px;padding:14px 20px}.secondary-actions{justify-content:center;margin:12px 0}.nav-btn{font-size:14px;height:40px;width:40px}.prev-btn{left:10px}.next-btn{right:10px}}@media (max-width:480px){.product-container{margin:0;padding:0}.product-details-section,.product-images-section{padding:8px}.product-additional-content{padding:0}.product-title{font-size:18px;height:auto;line-height:1.5;margin:0 0 14px;max-height:none;min-height:auto;overflow:visible;overflow-wrap:break-word;white-space:normal;word-break:break-word}.current-price{font-size:24px}.original-price{font-size:16px}.product-pricing{align-items:flex-start;flex-direction:column;gap:4px}.add-to-cart-btn,.buy-now-btn,.out-of-stock-btn{font-size:14px;padding:12px 16px}}.signin-screen{align-items:flex-start;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px 20px}.signin-container{margin:0 auto;max-width:450px;width:100%}.signin-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.signin-header{background:linear-gradient(135deg,#651fff,#5a1ae6);color:#fff;padding:20px;text-align:center}.signin-header .logo{height:50px;margin-bottom:15px;width:auto}.signin-header h1{font-size:28px;font-weight:700;margin:0 0 8px}.signin-header p{font-size:16px;margin:0;opacity:.9}.signin-form{padding:30px}.form-group{margin-bottom:20px}.form-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#651fff;box-shadow:0 0 0 3px #651fff1a;outline:none}.form-options{display:flex;justify-content:flex-end;margin-bottom:25px}.forgot-link{color:#651fff;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#5a1ae6;text-decoration:underline}.signin-btn{background:linear-gradient(135deg,#651fff,#5a1ae6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:16px;transition:all .3s ease;width:100%}.signin-btn:hover:not(:disabled){box-shadow:0 8px 25px #651fff4d;transform:translateY(-2px)}.signin-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.signin-footer{border-top:1px solid #eee;padding-top:20px;text-align:center}.signin-footer p{color:#666;font-size:14px;margin:0}.register-link{color:#651fff;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#5a1ae6;text-decoration:underline}.user-type-indicator{background:#f8f9fa;border-radius:8px;color:#666;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.user-type-indicator.user{border-left:4px solid #28a745}.user-type-indicator.retailer{border-left:4px solid #007bff}@media (max-width:768px){.signin-screen{padding:20px 10px 10px}.signin-card{border-radius:12px}.signin-header{padding:25px 20px}.signin-header h1{font-size:24px}.signin-form{padding:25px 20px}.form-input{padding:12px 14px}}@media (max-width:480px){.signin-screen{padding:15px 5px 5px}.signin-header{padding:20px 15px}.signin-header h1{font-size:22px}.signin-form{padding:20px 15px}.form-input{font-size:16px}}.form-input:focus,.signin-btn:focus{outline:2px solid #651fff;outline-offset:2px}.signin-btn:active{box-shadow:0 4px 12px #651fff33;transform:translateY(0)}.signin-success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.header{background-color:#673ab7;height:60px;justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.header__left{align-items:center;display:flex}.header__left{flex:0 0 auto}.header__center{flex:1 1;justify-content:center;margin:0 20px;max-width:600px}.header__center,.header__right{align-items:center;display:flex}.header__right{flex:0 0 auto}.header__logo{height:60px;object-fit:contain;width:120px}.header__search,.header__search form{align-items:center;display:flex;width:100%}.header__search form{background-color:#fff;border-radius:25px;box-shadow:0 2px 4px #0000001a;max-width:500px;overflow:hidden}.header__searchInput{background-color:initial;border:none;flex:1 1;font-size:14px;height:40px;outline:none;padding:0 15px}.header__searchInput::placeholder{color:#999;font-style:italic}.header__searchIcon{background-color:#673ab7;color:#fff;cursor:pointer;height:24px;padding:8px 12px;transition:background-color .3s ease}.header__searchIcon:hover{background-color:#5e35b1}.header__option{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;padding:5px 10px;position:relative;text-decoration:none;transition:opacity .3s ease}.header__option:hover{opacity:.8}.header__cart{position:relative}.header__auth{min-width:80px}.message{background-color:red;display:flex;font-size:30px;left:600px;margin:auto;padding:4px;position:absolute;top:6px}.header__optionLineOne{font-size:10px;line-height:1}.header__optionLineTwo{font-size:15px;line-height:1}.header__optionLineTwo a{color:#fff;text-decoration:none}.header__optionLineTwo a:hover{opacity:.8}.badge{align-items:center;background-color:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:2px 6px}.profile-dropdown-container{display:inline-block;position:relative;z-index:1000}.profile-trigger{align-items:center;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.profile-trigger:hover{background-color:#ffffff1a}.profile-avatar-header{object-fit:cover}.profile-avatar-header,.profile-avatar-header-fallback{border:2px solid #ffffff4d;border-radius:50%;height:32px;width:32px}.profile-avatar-header-fallback{align-items:center;background-color:#9c27b0;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center}.profile-name-header{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown{background-color:#fff;border:1px solid #0000001a;border-radius:8px;box-shadow:0 8px 24px #00000026;margin-top:8px;max-height:80vh;max-width:min(96vw,720px);min-width:340px;overflow-x:hidden;overflow-y:auto;position:absolute;right:8px;top:100%;z-index:1000}.profile-dropdown-header{background:linear-gradient(135deg,#673ab7,#9c27b0);color:#fff;padding:12px 16px}.profile-header-title{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between}.profile-header-actions{display:flex;gap:8px}.profile-header-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s ease}.profile-header-btn:hover{background:#ffffff4d}.profile-header-btn.logout-btn:hover{background:#f44336cc}.profile-main-info{padding:16px}.profile-info{flex-wrap:wrap;gap:12px}.profile-dropdown-avatar{border:2px solid #ffffff4d;border-radius:50%;height:48px;object-fit:cover;width:48px}.profile-dropdown-avatar-fallback{align-items:center;background-color:#673ab7;border:2px solid #673ab7;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.profile-details{flex:1 1;min-width:0}.profile-name-full{color:#333;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email{color:#666;font-size:13px;margin-bottom:2px;opacity:.7;white-space:normal;word-break:break-all}.profile-mobile{font-size:12px;opacity:.8;white-space:normal;word-break:break-word}.profile-dropdown-divider{background-color:#e0e0e0;height:1px}.profile-menu{background:#f6f2ff;padding:5px 0}.profile-badges{display:flex;gap:6px;margin-top:8px}.profile-badge{font-size:11px;font-weight:500;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.profile-badge.primary{background-color:#673ab7;color:#fff}.profile-badge.success{background-color:#4caf50;color:#fff}.profile-details-section{padding:16px}.profile-section-title{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.profile-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.profile-detail-item{display:flex;flex-direction:column;gap:2px}.profile-detail-label{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.profile-detail-value{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-action-section{padding:16px}.profile-action-btn{border:none;border-radius:6px;cursor:pointer;display:block;font-size:14px;font-weight:600;padding:12px 16px;text-align:center;text-decoration:none;transition:all .2s ease;width:100%}.profile-action-btn.primary{background-color:#673ab7;color:#fff}.profile-action-btn.primary:hover{background-color:#5e35b1;box-shadow:0 4px 8px #673ab74d;transform:translateY(-1px)}.profile-dropdown-menu{padding:8px 0}.profile-menu-item,.profile-menu-item:link,.profile-menu-item:visited{align-items:center;color:#3f2ea7!important;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.profile-menu-item+.profile-menu-item{border-top:1px solid #f2f2f2}.profile-menu-item:focus,.profile-menu-item:hover{background-color:#ede7f6;color:#2d1e7a!important}.profile-menu-icon{align-items:center;display:inline-flex;height:20px;justify-content:center;width:20px}.profile-menu-icon svg{color:#5e35b1;opacity:.95}.profile-menu-item:focus .profile-menu-icon svg,.profile-menu-item:hover .profile-menu-icon svg{opacity:1}.dropdown{display:inline-block;position:relative}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 8px 16px 0 #0003;display:none;min-width:120px;overflow:hidden;position:absolute;right:0;z-index:1}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{color:#333!important;display:block;font-size:14px;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown>a{color:#fff;font-size:14px;text-decoration:none}@media (max-width:768px){.header{padding:0 10px}.header__center{margin:0 10px}.header__right{gap:10px}.header__search form{max-width:250px}.header__searchInput{font-size:12px}.header__logo{height:40px;width:80px}.dropdown>a{font-size:12px}.profile-trigger{padding:6px 8px}.profile-name{display:none}.profile-dropdown{max-width:min(96vw,380px);min-width:300px;right:8px}.profile-details-grid{gap:10px;grid-template-columns:1fr}.profile-dropdown-header{padding:10px 12px}.profile-action-section,.profile-details-section,.profile-main-info{padding:12px}.profile-dropdown-avatar{height:40px;width:40px}.profile-dropdown-avatar-fallback{font-size:16px;height:40px;width:40px}.profile-name-full{font-size:15px}.profile-email{font-size:12px}.profile-mobile{font-size:11px}}.header__optionBasket{align-items:center;display:flex}.header__basketCount{margin-bottom:-6px;margin-left:16px}.header__nav{display:flex;justify-content:space-evenly}.profile-dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.professional-footer{background:#6a1b9a!important;background:linear-gradient(135deg,#4a148c,#6a1b9a)!important;color:#fff!important;margin-bottom:0;margin-top:20px;min-height:auto;padding:50px 0 0;width:100%}.professional-footer *{color:#fff!important}.footer-container{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:repeat(4,1fr);margin:0 auto 30px;max-width:1200px;padding:0 20px}.footer-column{background:#0000;display:flex;flex-direction:column}.footer-title{border-bottom:2px solid #fff;color:#fff!important;display:inline-block;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;padding-bottom:8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.footer-description{color:#fff!important;font-size:13px;font-weight:400;line-height:1.6;margin-bottom:20px;opacity:.95}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-menu{list-style:none;margin:0;padding:0}.footer-menu li{margin-bottom:12px}.footer-link{color:#fff!important;display:inline-block;font-size:13px;font-weight:400;opacity:.9;padding:3px 0;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#ffeb3b!important;font-weight:500;opacity:1;text-decoration:none;transform:translateX(5px)}.contact-column{background:#ffffff1a!important;border:1px solid #fff3;border-radius:10px;box-shadow:0 2px 10px #0000001a;max-width:100%;overflow:hidden;padding:0 10px 10px}.contact-info{display:flex;flex-direction:column;gap:5px}.contact-item{justify-content:center;padding:5px 0}.contact-icon{align-items:center;background:#ffffff40!important;border-radius:50%;box-shadow:0 1px 5px #0000001a;display:flex;flex-shrink:0;font-size:18px;height:35px;justify-content:center;min-width:30px;width:35px}.contact-details{word-wrap:break-word;color:#fff!important;flex:1 1;font-size:12px;font-weight:400;line-height:1.5;overflow-wrap:break-word}.contact-details strong{color:#fff!important;display:block;font-size:13px;font-weight:700;margin-bottom:5px}.contact-link{color:#fff!important;font-weight:500;text-decoration:none;transition:all .3s ease}.contact-link:hover{color:#ffeb3b!important;text-decoration:underline;text-shadow:0 0 5px #ffeb3b4d}.footer-bottom{background:#4a148ccc!important;border-top:2px solid #ffffff4d;margin-bottom:0;margin-top:20px;padding:10px 0}.footer-bottom .footer-container{margin-bottom:0;padding-bottom:0}.footer-bottom .footer-container,.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-bottom-content{width:100%}.footer-bottom-content p{color:#fff!important;font-size:14px;font-weight:500;margin:0;text-shadow:0 1px 3px #0000004d}.social-links{align-items:center;display:flex;gap:20px}.social-links span{color:#fff!important;font-size:14px;font-weight:500;margin-right:8px}.social-link{background:#ffffff1a;border-radius:50%;display:inline-block;font-size:22px;padding:6px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#fff3;box-shadow:0 4px 15px #0003;transform:scale(1.3)}@media (max-width:768px){.professional-footer{min-height:auto;padding:40px 0 0}.footer-container{gap:35px;grid-template-columns:1fr;padding:0 20px}.footer-title{font-size:18px}.contact-column{padding:25px}.footer-bottom .footer-container,.footer-bottom-content{flex-direction:column;gap:20px;text-align:center}.social-links{justify-content:center}}@media (max-width:480px){.footer-container{padding:0 15px}.footer-title{font-size:16px}.contact-details,.footer-description,.footer-link{font-size:14px}.contact-column{padding:20px}}.register-screen{align-items:flex-start;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px 20px}.register-container{margin:0 auto;max-width:600px;width:100%}.register-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.register-header{background:linear-gradient(135deg,#651fff,#5a1ae6);color:#fff;padding:15px;text-align:center}.register-header .logo{height:50px;margin-bottom:15px;width:auto}.register-header h1{font-size:24px;font-weight:700;margin:0 0 4px}.register-header p{font-size:14px;margin:0;opacity:.9}.register-form{padding:20px}.form-group label{font-size:14px;margin-bottom:4px}.form-input,.form-select{background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#651fff;box-shadow:0 0 0 3px #651fff1a;outline:none}.form-select:focus{border-color:#651fff!important;box-shadow:none!important;outline:none!important}.form-input::placeholder{color:#999}.form-select{-webkit-appearance:none;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='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.business-section{background:#f8f9fa;border-left:4px solid #651fff;border-radius:12px;margin:15px 0;padding:15px}.business-section h3{align-items:center;color:#651fff;display:flex;font-size:16px;font-weight:600;gap:6px;margin:0 0 15px}.business-section h3:before{content:"🏢";font-size:20px}.file-upload{display:inline-block;position:relative;width:100%}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.file-label{background:#fafafa;border:2px dashed #ddd;border-radius:8px;color:#666;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:center;transition:all .3s ease}.file-label:hover{background:#f8f6ff;border-color:#651fff;color:#651fff}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.register-btn{background:linear-gradient(135deg,#651fff,#5a1ae6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.register-btn:hover:not(:disabled){box-shadow:0 8px 25px #651fff4d;transform:translateY(-2px)}.register-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-footer{border-top:1px solid #eee;margin-top:15px;padding-top:15px;text-align:center}.register-footer p{color:#666;font-size:14px;margin:0}.signin-link{color:#651fff;font-weight:600;text-decoration:none;transition:color .3s ease}.signin-link:hover{color:#5a1ae6;text-decoration:underline}.loading-box,.message-box{border-radius:8px;margin-bottom:20px}@media (max-width:768px){.register-screen{padding:20px 10px 10px}.register-card{border-radius:12px}.register-header{padding:25px 20px}.register-header h1{font-size:24px}.register-form{padding:25px 20px}.form-row{gap:0;grid-template-columns:1fr}.business-section{margin:20px 0;padding:15px}.business-section h3{font-size:16px}}@media (max-width:480px){.register-screen{padding:15px 5px 5px}.register-header{padding:20px 15px}.register-header h1{font-size:22px}.register-form{padding:20px 15px}.form-input,.form-select{font-size:16px;padding:10px 12px}}.business-section{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-input:focus,.form-select:focus,.register-btn:focus{outline:2px solid #651fff;outline-offset:2px}.file-input:focus+.file-label{background:#f8f6ff;border-color:#651fff}.file-label.has-file{background:#f8fff9;border-color:#28a745;color:#28a745}.form-input.error,.form-select.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}*{transition:all .2s ease}#recaptcha-container{margin:20px auto;max-width:400px;text-align:center}.register-form #recaptcha-container{background:#f8f9fa;border:1px solid #e1e5e9;border-radius:8px;margin:15px 0;padding:10px}.otp-verification-screen{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.otp-container{animation:otpModalIn .18s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000040;max-width:420px;padding:32px 28px;text-align:center;width:100%}@keyframes otpModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.otp-header h1{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.otp-header p{color:#666;font-size:14px;margin-bottom:30px}.otp-form{gap:20px}.form-group,.otp-form{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#333;margin-bottom:8px}.otp-input{border:2px solid #e1e5e9;border-radius:8px;font-size:18px;font-weight:600;letter-spacing:4px;padding:15px;text-align:center;transition:border-color .3s ease}.otp-input:focus{border-color:#651fff;box-shadow:0 0 0 3px #651fff1a;outline:none}body:has(.otp-verification-screen){overflow:hidden}.verify-btn{background:#651fff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease}.verify-btn:hover:not(:disabled){background:#5a1ae6;transform:translateY(-2px)}.verify-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.resend-btn{background:#0000;border:2px solid #651fff;border-radius:8px;color:#651fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px;transition:all .3s ease}.resend-btn.active:hover{background:#651fff;color:#fff}.resend-btn.disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.otp-footer{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.otp-footer p{color:#666;font-size:12px;margin:0}@media (max-width:480px){.otp-container{margin:10px;padding:26px 18px}.otp-header h1{font-size:20px}.otp-input{font-size:16px;letter-spacing:3px}}.pending-approval-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.pending-container{margin:0 auto;max-width:700px;width:100%}.pending-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pending-header{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:30px;text-align:center}.status-icon{display:block;font-size:48px;margin-bottom:15px}.pending-header h1{font-size:28px;font-weight:700;margin:0 0 8px}.pending-header p{font-size:16px;margin:0;opacity:.9}.pending-content{padding:30px}.contact-section,.status-section,.user-info-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:25px}.contact-section:last-child,.status-section:last-child,.user-info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-section h3,.status-section h3,.user-info-section h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr}.info-item label{font-size:14px}.info-item span{font-size:15px}.role-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.role-badge.retailer{background:#e3f2fd;color:#1976d2}.role-badge.user{background:#f3e5f5;color:#7b1fa2}.status-message{background:#f8f9fa;border-left:4px solid #ff9800;border-radius:12px;padding:20px}.steps{margin-top:20px}.step{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.step:last-child{margin-bottom:0}.step-number{align-items:center;background:#ff9800;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.step-content strong{color:#333;display:block;font-size:16px;margin-bottom:5px}.step-content p{font-size:14px;line-height:1.4}.contact-options{display:flex;flex-direction:column;gap:12px;margin-top:15px}.contact-btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.phone-btn{background:#4caf50;color:#fff}.phone-btn:hover{background:#45a049;transform:translateY(-2px)}.email-btn{background:#2196f3;color:#fff}.email-btn:hover{background:#1976d2;transform:translateY(-2px)}.action-section{border-top:1px solid #eee;margin-top:30px;padding-top:25px;text-align:center}.back-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.back-btn:hover{background:#5a6268;transform:translateY(-2px)}@media (max-width:768px){.pending-approval-screen{padding:10px}.pending-header{padding:25px 20px}.pending-header h1{font-size:24px}.status-icon{font-size:40px;margin-bottom:12px}.pending-content{padding:25px 20px}.info-grid{gap:12px;grid-template-columns:1fr}.contact-section h3,.status-section h3,.user-info-section h3{font-size:18px}.step{gap:12px}.step-number{font-size:12px;height:25px;width:25px}.contact-options{gap:10px}}@media (max-width:480px){.pending-approval-screen{padding:5px}.pending-content,.pending-header{padding:20px 15px}.status-icon{font-size:36px}.pending-header h1{font-size:22px}.contact-btn{font-size:13px;padding:10px 16px}}.delivery-page{gap:16px}.loading-container{background:#0000;gap:8px;min-height:140px;padding:16px}.loading-spinner{border:3px solid #e5e7eb;border-radius:9999px;border-top-color:#6d28d9;height:28px;width:28px}.loading-text{color:#6b7280;font-size:14px}.address-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.add-address-btn{background:#5b21b6;color:#fff;display:inline-flex;padding:8px 12px}.add-address-btn i{font-size:12px}.add-address-btn:hover{background:#4c1d95}.address-list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;list-style:none;margin:12px 0 0;padding:0}.address-item{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:10px}.address-item.selected{background:#fff;border-color:#5b21b6;box-shadow:0 0 0 2px #5b21b626}.address-radio{align-items:flex-start;display:flex;gap:10px}.address-radio input{margin-top:4px}.address-content.fit{width:100%}.address-header{gap:8px}.address-name{font-weight:600}.address-type{background:#eef2ff;border-radius:9999px;color:#3730a3;font-size:12px;padding:2px 6px}.address-lines{grid-gap:2px;color:#374151;display:grid;gap:2px;margin-top:6px}.address-phones{color:#6b7280;font-size:12px}.summary-item{grid-gap:12px;display:grid;gap:12px}.summary-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.summary-row{grid-gap:12px;align-items:flex-start;display:grid;gap:12px;grid-template-columns:120px 1fr}.summary-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:120px;object-fit:cover;width:120px}.summary-info .title{font-weight:600}.title-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.chip{border:1px solid #e5e7eb;border-radius:9999px;font-size:12px;padding:2px 8px;white-space:nowrap}.chip-green{background:#065f46;border-color:#34d399;color:#ecfdf5;font-weight:600}.chip-gray{background:#f3f4f6;border-color:#d1d5db;color:#374151}.chip-red{background:#ef4444;border-color:#ef4444;color:#fee2e2;font-weight:600}.summary-info .meta{color:#6b7280;font-size:13px}.price-row{align-items:baseline;display:flex;gap:8px}.price-row .mrp{color:#9ca3af;text-decoration:line-through}.price-row .price-now{color:#111827;font-weight:700}.selectors{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:100px 1fr 1fr}.selector label{color:#374151;display:block;font-size:13px;margin-bottom:4px}.modal input,.modal select,.modal textarea,.qty-select,.selector input,.selector select{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;outline:none;padding:8px 10px;width:80%}.qty-select{min-width:80px}.totals .row{justify-content:space-between;padding:6px 0}.modal-overlay,.totals .row{align-items:center;display:flex}.modal-overlay{background:#11182780;inset:0;justify-content:center;position:fixed;z-index:50}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;overflow:hidden;width:min(680px,92vw)}.modal-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.modal-body{grid-gap:12px;display:grid;gap:12px;padding:16px}.form-row{grid-gap:10px;gap:10px;grid-template-columns:repeat(3,1fr)}.form-group{grid-gap:6px;display:grid;gap:6px}.form-group label{color:#374151;font-size:13px}.modal-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;padding:0 16px 16px}.primary{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px}.primary:hover{background:#15803d}.secondary{background:#e5e7eb;border:none;border-radius:6px;color:#111827;cursor:pointer;padding:8px 12px}.icon-btn{background:#0000;border:none;color:#6b7280;cursor:pointer}.block{width:100%}@media (max-width:900px){.delivery-page.row{display:block}.delivery-page .col-1,.delivery-page .col-2{margin:0 0 12px;width:100%}.selectors{gap:8px}.form-row,.selectors{grid-template-columns:1fr}.summary-row{align-items:center;grid-template-columns:90px 1fr}.summary-thumb{height:90px;width:90px}.summary-header-row{align-items:flex-start;flex-direction:column;gap:8px}.modal input,.modal select,.modal textarea,.qty-select,.selector input,.selector select{min-height:42px}.add-address-btn{padding:10px 14px}.primary.block{bottom:8px;box-shadow:0 6px 16px #00000026;position:-webkit-sticky;position:sticky;width:100%}}.pm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 16px}.pm-tile{grid-gap:10px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:grid;gap:10px;grid-template-columns:40px 1fr;padding:10px 12px;transition:box-shadow .12s ease,border-color .12s ease,transform 80ms ease}.pm-tile:hover{border-color:#d1d5db;box-shadow:0 8px 20px #0000000f}.pm-tile.pm-selected{background:linear-gradient(180deg,#faf5ff,#fff);border-color:#5b21b6;box-shadow:0 8px 24px #5b21b62e}.pm-tile.pm-disabled{cursor:not-allowed;opacity:.6}.pm-tile input[type=radio]{display:none}.pm-icon{background:#f3f4f6;border-radius:8px;display:grid;font-size:20px;height:40px;overflow:hidden;place-items:center;width:40px}.pm-logo{display:block;max-height:100%;max-width:100%;object-fit:contain}.pm-label{color:#111827;display:flex;flex-direction:column;font-weight:600}.pm-note{color:#6b7280;font-size:12px;font-weight:400}.pm-continue{margin-top:8px;width:100%}@media (max-width:900px){.pm-grid{grid-template-columns:1fr}}.pm-card{margin:12px 0 16px}.pm-list{grid-gap:10px;display:grid;gap:10px}.pm-row{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:12px;grid-template-columns:20px 44px 1fr;padding:10px 12px;transition:box-shadow .12s ease,border-color .12s ease,background .12s ease}.pm-row:hover{border-color:#d1d5db;box-shadow:0 8px 20px #0000000f}.pm-row.selected{background:linear-gradient(180deg,#faf5ff,#fff);border-color:#5b21b6}.pm-row.disabled{cursor:not-allowed;opacity:.6}.pm-row input[type=radio]{height:18px;width:18px}.pm-row-logo{background:#f3f4f6;border-radius:8px;display:grid;height:44px;overflow:hidden;place-items:center;width:44px}.pm-row-logo img{display:block;max-height:100%;max-width:100%;object-fit:contain}.pm-fallback{color:#374151;font-size:12px;font-weight:700}.pm-row-info{grid-gap:2px;display:grid;gap:2px}.pm-row-title{color:#111827;font-weight:600}.pm-row-note{color:#6b7280;font-size:12px}@media (max-width:900px){.pm-row{grid-template-columns:20px 40px 1fr}.pm-row-logo{height:40px;width:40px}}.payment-method-display{margin-top:8px}.payment-method-row{align-items:center;display:flex;gap:12px}.payment-logo{object-fit:contain;padding:4px}.payment-fallback,.payment-logo{background:#f3f4f6;border-radius:6px;height:40px;width:40px}.payment-fallback{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:700;justify-content:center}.payment-label{color:#111827;font-weight:600}.flag_india_small{height:auto;margin-left:8px;vertical-align:middle;width:20px}@media (max-width:768px){.payment-method-row{gap:8px}.payment-fallback,.payment-logo{height:32px;width:32px}.flag_india_small{width:16px}}.payment-gateway{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:500px;padding:20px}.payment-gateway h3{color:#333;margin-bottom:20px;text-align:center}.payment-details{background-color:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.payment-details p{font-weight:500;margin:5px 0}.form-group label{color:#555}.form-control{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.btn{font-size:16px;padding:12px 20px;transition:background-color .3s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#1e7e34}.btn-secondary{background-color:#6c757d;margin-left:10px}.btn-secondary:hover:not(:disabled){background-color:#545b62}.paytm-pay-btn{background:linear-gradient(135deg,#00baf2,#0082c6);color:#fff;font-size:18px;margin-bottom:20px;padding:15px;width:100%}.paytm-pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#0082c6,#006ba6)}.payment-info{margin-top:15px;text-align:center}.payment-info p{color:#666;font-size:14px;margin:5px 0}.cod-verification{text-align:center}.otp-request,.otp-verification{margin:20px 0;text-align:left}.button-group{align-items:center;display:flex;justify-content:center;margin-top:15px}.button-group .btn{margin:0 5px}@media (max-width:600px){.payment-gateway{margin:10px;padding:15px}.button-group{flex-direction:column}.button-group .btn{margin:5px 0;width:100%}}.order-success-screen{background-color:#fff;min-height:100vh;overflow-x:hidden;padding:20px 0;position:relative}.success-container{margin:30px auto 0;max-width:800px;padding:30px 20px;position:relative;z-index:2}.success-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.success-icon{position:relative;z-index:3}.checkmark-circle{align-items:center;animation:bounceIn .8s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;box-shadow:0 16px 32px #4caf504d;display:flex;height:96px;justify-content:center;overflow:hidden;position:relative;width:96px}.checkmark-circle:before{animation:shine 2s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.checkmark{animation:checkmarkPop .6s ease-out .3s both;color:#fff;font-size:40px;font-weight:700}.success-animation{animation:pulse 2s infinite;border:3px solid #4caf504d;border-radius:50%;height:160px;position:absolute;width:160px}.success-header{margin-bottom:0;text-align:center}.success-title{animation:slideInUp .8s ease-out .2s both;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2px;text-shadow:0 4px 8px #0003}.success-subtitle{animation:slideInUp .8s ease-out .4s both;color:#000;font-size:1.2rem;line-height:1.6;margin:2px auto;max-width:600px}.next-steps-card,.order-details-card{animation:slideInUp .8s ease-out .6s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:10px;padding:10px 20px}.card-header{border-bottom:2px solid #f0f0f0;margin-bottom:25px;padding-bottom:15px}.card-header h3{align-items:center;display:flex;font-size:1.4rem;font-weight:600;gap:10px}.order-meta{display:flex;flex-direction:column;gap:5px}.detail-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:7px 0;transition:all .3s ease}.detail-row:hover{background:#677eea0d;border-radius:8px;margin:0 -5px;padding:7px 5px}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;font-size:.95rem;font-weight:500}.detail-value{color:#333;font-size:1rem;font-weight:600}.order-id{background:#f8f9fa;border-radius:6px;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.amount{color:#4caf50;font-size:1.1rem}.amount-row{background:linear-gradient(135deg,#4caf501a,#45a0490d);border:1px solid #4caf5033;border-radius:8px;margin:0 -5px;padding:7px 5px}.payment-method{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.9rem;padding:4px 12px}.reference-no{background:#fff3e0;border-radius:6px;color:#f57c00;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.status{border-radius:20px;font-size:.9rem;font-weight:600;padding:6px 12px}.status.paid{background:#e8f5e8;color:#2e7d32}.status.pending{background:#fff3e0;color:#f57c00}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #667eea;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.step-item:hover{box-shadow:0 10px 20px #667eea1a;transform:translateX(5px)}.step-icon{font-size:2rem;min-width:50px;text-align:center}.step-content h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 8px}.step-content p{color:#666;line-height:1.5;margin:0}.action-buttons{animation:slideInUp .8s ease-out .8s both;display:flex;gap:20px;justify-content:center;margin-top:40px}.btn{align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{box-shadow:0 10px 20px #667eea4d}.btn-primary:hover{box-shadow:0 15px 30px #667eea66;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 10px 20px #f093fb4d;color:#fff}.btn-secondary:hover{box-shadow:0 15px 30px #f093fb66;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.celebration-confetti{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.confetti{animation:confettiFall 3s linear infinite;background:gold;height:10px;position:absolute;width:10px}.confetti:first-child{animation-delay:0s;background:#ff6b6b;left:10%}.confetti:nth-child(2){animation-delay:.5s;background:#4ecdc4;left:30%}.confetti:nth-child(3){animation-delay:1s;background:#45b7d1;left:50%}.confetti:nth-child(4){animation-delay:1.5s;background:#96ceb4;left:70%}.confetti:nth-child(5){animation-delay:2s;background:#feca57;left:90%}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@media (max-width:768px){.success-container{padding:20px 15px}.success-title{font-size:2rem}.success-subtitle{font-size:1rem}.checkmark-circle{height:100px;width:100px}.checkmark{font-size:40px}.next-steps-card,.order-details-card{margin-bottom:0;padding:10px 20px}.action-buttons{flex-direction:column;gap:15px}.btn{font-size:.9rem;padding:12px 25px}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{align-self:flex-end}.step-item{padding:15px}.step-icon{font-size:1.5rem;min-width:40px}}@media (max-width:480px){.success-title{font-size:1.8rem}.checkmark-circle{height:60px;width:60px}.checkmark{font-size:24px}.next-steps-card,.order-details-card{padding:15px}.card-header h3{font-size:1.2rem}}.profile-page{margin:0 auto;max-width:1200px;padding:20px}.profile-header{margin-bottom:30px}.profile-header h1{color:#333;font-size:2rem;margin-bottom:10px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.profile-card{border-radius:8px;border-top:4px solid #673ab7;box-shadow:0 2px 8px #0000001a}.profile-card.success{border-top-color:#4caf50}.profile-card.info{border-top-color:#2196f3}.profile-card.warning{border-top-color:#ff9800}.card-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;justify-content:between;padding:15px 20px}.card-header h3{color:#333;font-size:1.1rem;margin:0}.profile-avatar{background:#673ab7;color:#fff;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin:0 15px 0 0;width:50px}.profile-avatar,.profile-info{align-items:center;display:flex}.profile-info{margin-bottom:20px;text-align:left}.profile-badge{background:#673ab7;border-radius:12px;color:#fff;display:inline-block;font-size:.8rem;margin:5px 0;padding:4px 12px}.form-group{margin-bottom:15px}.form-group label{font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px}.btn{border:none;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:10px 20px;text-align:center;text-decoration:none}.btn-primary{background:#673ab7}.btn-primary:hover{background:#5e35b1}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-small{font-size:12px;padding:6px 12px}.loading{padding:50px;text-align:center}.loading-spinner{border:3px solid #f3f3f3;margin:0 auto 20px}.message{border-radius:4px;margin:15px 0;padding:10px 15px}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.profile-detail{margin-bottom:10px}.profile-detail-label{color:#666;font-size:.9rem;font-weight:500}.profile-detail-value{color:#333;margin-top:2px}.card-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;padding:15px 20px;text-align:right}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}.profile-page{padding:15px}}.profile-container{background-color:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.profile-title{border-bottom:3px solid #673ab7;color:#333;font-size:28px;font-weight:600;margin-bottom:30px;padding-bottom:10px}.profile-loading{align-items:center;color:#666;display:flex;flex-direction:column;height:80vh;justify-content:center}.loading-spinner{border-top-color:#673ab7;margin-bottom:15px}.notification{animation:slideInFromBottom .3s ease;border-radius:8px;bottom:20px;box-shadow:0 4px 12px #00000026;color:#fff!important;font-weight:600;padding:12px 20px;position:fixed;right:20px;z-index:1000}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.user-profile-card{border-top:4px solid #673ab7}.address-card{border-top:4px solid #4caf50}.bank-card{border-top:4px solid #2196f3}.business-card{border-top:4px solid #ff9800}.card-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;justify-content:space-between;padding:16px 20px}.card-header,.card-header-left{align-items:center;display:flex}.card-header-left{color:#333;font-weight:600;gap:10px}.profile-container .card-icon{color:#673ab7;font-size:18px}.edit-btn{border:none;border-radius:20px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase;transition:all .2s ease}.edit-btn.edit{background:#673ab7;color:#fff!important}.edit-btn.edit:hover{background:#5e35b1;transform:translateY(-1px)}.edit-btn.cancel{background:#f44336;color:#fff!important}.edit-btn.cancel:hover{background:#d32f2f;transform:translateY(-1px)}.card-content{padding:20px}.profile-avatar-section,.user-profile-content{align-items:center;display:flex;flex-direction:column}.profile-avatar-section{margin-bottom:14px}.avatar-wrapper{display:inline-block;position:relative}.avatar-overlay{align-items:center;background:#00000073;border-radius:50%;bottom:0;color:#fff!important;display:flex;flex-direction:column;gap:6px;justify-content:center;left:0;position:absolute;right:0;top:0}.profile-avatar{border:none;border-radius:50%;object-fit:cover}.profile-avatar,.profile-avatar-fallback{height:80px;margin-bottom:10px;width:80px}.profile-avatar-fallback{align-items:center;background:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;justify-content:center}.role-chip{background:#673ab7;border-radius:12px;color:#fff!important;font-size:12px;font-weight:600;margin-bottom:10px;padding:4px 12px;text-transform:capitalize}.profile-details{text-align:left;width:100%}.profile-name{color:#333;font-size:16px;font-weight:600;margin-bottom:6px;text-align:left}.profile-contact{margin-bottom:8px}.contact-item{align-items:center;color:#333;display:flex;font-size:14px;gap:8px;justify-content:flex-start;margin-bottom:4px}.contact-item i{color:#666;font-size:14px;width:16px}.user-id-section{align-items:center;color:#333;display:flex;font-size:14px;gap:8px;justify-content:flex-start;margin-bottom:8px}.user-id-label{font-weight:500}.user-id-value{background:#0000;border-radius:4px;color:#333;font-family:monospace;font-size:13px;padding:0}.copy-btn{background:none;border:none;border-radius:4px;color:#673ab7;cursor:pointer;font-size:14px;padding:2px 4px;transition:background-color .2s ease}.copy-btn:hover{background:#ede7f6}.member-since{color:#0abe40!important;font-size:12px;font-weight:700;margin-top:2px;text-align:left}.edit-form>*+*{margin-top:16px}.form-group{margin-bottom:16px}.form-group label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#673ab7;outline:none}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.save-btn{background:#673ab7;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 20px;transition:all .2s ease}.save-btn:hover:not(:disabled){background:#5e35b1;transform:translateY(-1px)}.save-btn:disabled{background:#ccc;cursor:not-allowed}.address-info>*+*,.bank-info>*+*,.business-info>*+*{margin-top:16px}.info-section{margin-bottom:16px}.info-section label{color:#666;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.info-section p{color:#333!important;font-size:14px;margin:0;word-break:break-word}.info-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.view-document-btn{background:#673ab7;border-radius:20px;color:#fff!important;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.view-document-btn:hover{background:#5e35b1;transform:translateY(-1px)}.addresses-section{margin-top:30px}.addresses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 5px}.addresses-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:10px}.addresses-title i{color:#673ab7;font-size:20px}.add-address-btn{align-items:center;background:#673ab7;border:none;border-radius:6px;color:#fff!important;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .2s ease}.add-address-btn:hover{background:#5e35b1;transform:translateY(-1px)}.add-address-form{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden}.form-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:16px 20px}.form-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.close-form-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:4px;transition:background-color .2s ease}.close-form-btn:hover{background:#f1f1f1}.form-content{padding:20px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#f5f5f5;border:none;color:#666;padding:10px 20px}.cancel-btn:hover{background:#e0e0e0}.save-address-btn{background:#673ab7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-backdrop{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:999}.modal-backdrop,.modal-dialog{bottom:0;left:0;position:fixed;right:0;top:0}.modal-dialog{align-items:center;animation:slideIn .3s ease;display:flex;justify-content:center;padding:20px;z-index:1000}.modal-content{animation:modalBounce .4s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px}.modal-header{background:linear-gradient(135deg,#673ab7,#5e35b1);border-radius:16px 16px 0 0;padding:20px 24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#fff3;transform:scale(1.1)}.modal-body{padding:24px}.modal-footer{background:#f8f9fa;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-cancel-btn{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-cancel-btn:hover{background:#e0e0e0;transform:translateY(-1px)}.modal-save-btn{background:#673ab7;border:none;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.loading-spinner.small{border-width:3px;height:16px;margin:0;width:16px}.modal-save-btn:hover{background:#5e35b1;box-shadow:0 4px 12px #673ab74d;transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes modalBounce{0%{transform:scale(.8)}50%{transform:scale(1.05)}to{transform:scale(1)}}.addresses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.address-card{background:#fff!important;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#333;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.address-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.address-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;justify-content:space-between;padding:16px 20px}.address-header,.address-type{align-items:center;display:flex}.address-type{gap:8px}.address-type span{color:#333;font-weight:600}.address-type-label{color:#666;font-size:14px;font-weight:400;margin-left:2px}.address-type i{color:#673ab7;font-size:16px}.address-actions{align-items:center;display:flex;gap:8px}.primary-btn{background:#4caf50;cursor:default}.primary-btn,.set-primary-btn{border:none;border-radius:4px;color:#fff!important;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.set-primary-btn{background:#673ab7;cursor:pointer;transition:all .2s ease}.set-primary-btn:hover{background:#5e35b1}.delete-btn{align-items:center;background:#f44336;border:none;border-radius:4px;color:#fff!important;cursor:pointer;display:flex;font-size:11px;font-weight:700;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.address-card.primary{border:2px solid #f44336!important;box-shadow:0 4px 20px #f4433633;transform:translateY(-2px)}.address-card.primary .address-header{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-bottom:1px solid #ef9a9a}.address-card.primary .address-type i{color:#f44336}.address-card.primary .primary-btn{animation:pulse 2s infinite;background:success!important;color:#fff!important}@keyframes pulse{0%{box-shadow:0 0 0 0 #f44336b3}70%{box-shadow:0 0 0 10px #f4433600}to{box-shadow:0 0 0 0 #f4433600}}.address-content{color:#333!important;padding:16px 20px}.address-content p{color:#333!important;font-size:14px;line-height:1.4;margin:0 0 4px}.address-content p:last-child{color:#673ab7!important;font-weight:600;margin-bottom:0}.form-group select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group select:focus{border-color:#673ab7;outline:none}@media (max-width:768px){.profile-container{padding:15px}.profile-grid{gap:15px}.form-row,.info-row,.profile-grid{grid-template-columns:1fr}.card-header{padding:12px 16px}.card-content{padding:16px}.profile-avatar,.profile-avatar-fallback{height:60px;width:60px}.profile-avatar-fallback{font-size:24px}.addresses-grid{grid-template-columns:1fr}.addresses-header{align-items:flex-start;flex-direction:column;gap:15px}.address-actions{flex-direction:column;gap:6px}.address-header{align-items:flex-start;flex-direction:column;gap:12px}.modal-dialog{padding:10px}.modal-content{max-height:95vh;max-width:95vw}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{flex-direction:column;gap:10px;padding:16px 20px}.modal-cancel-btn,.modal-save-btn{width:100%}}@media (max-width:480px){.profile-title{font-size:24px}.card-header{align-items:flex-start;flex-direction:column;gap:10px}.edit-btn{align-self:flex-end}.addresses-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.orders-screen{background-color:#f7f7fb;min-height:100vh;padding:10px 0}.orders-container{margin:0 auto;max-width:1200px;padding:0 10px}.orders-header{margin-bottom:22px;text-align:center}.orders-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.orders-header p{color:#666;font-size:1.1rem;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border-top-color:#667eea;height:50px;width:50px}.loading-state p{color:#666;font-size:1.1rem}.empty-state{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:10px}.empty-state p{color:#666;font-size:1rem;margin-bottom:30px}.empty-state .btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.empty-state .btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background:#fff;border:1px solid #e9e9f2;border-radius:12px;box-shadow:0 6px 14px #0000000f;cursor:pointer;padding:16px;transition:all .25s ease}.order-card:hover{border-color:#d6d6eb;box-shadow:0 10px 22px #00000014;transform:translateY(-2px)}.order-header{align-items:flex-start;border-bottom:1px solid #f1f1f6;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:6px}.order-info h3{color:#333;font-size:1.2rem;font-weight:600;margin:0 0 2px}.order-date{color:#666;font-size:.9rem;margin:0}.order-status{align-items:center;display:flex}.status-badge{align-items:center;border-radius:18px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:5px 10px;text-transform:capitalize}.order-summary{align-items:flex-end;display:flex;gap:12px;justify-content:space-between}.order-items{flex:1 1}.order-item-preview{align-items:center;display:flex;gap:10px;margin-bottom:8px}.order-item-preview:last-child{margin-bottom:0}.item-image{border:1px solid #e0e0e0;border-radius:8px;height:50px;object-fit:cover;width:50px}.item-details{flex:1 1}.item-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:.9rem;font-weight:500;margin:0 0 3px;overflow:hidden}.item-quantity{color:#666;font-size:.8rem;margin:0}.more-items{color:#667eea;font-size:.85rem;font-weight:500;margin-top:5px}.order-total{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.payment-info{text-align:right}.payment-method{color:#666;font-size:.84rem;margin:0 0 2px}.payment-status{font-size:.8rem;font-weight:600;margin:0}.total-amount{text-align:right}.amount{color:#333;font-size:1.2rem;font-weight:700}.order-details-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:background .3s ease;width:35px}.close-btn:hover{background:#fff3}.modal-body{padding:22px}.order-info-section,.order-items-section,.order-total-section{margin-bottom:22px}.order-info-section h3,.order-items-section h3,.order-total-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.2rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:1rem;font-weight:500}.items-list{display:flex;flex-direction:column;gap:10px}.item-detail{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;gap:15px;padding:15px}.item-actions,.item-detail{align-items:center;display:flex}.item-actions{gap:10px;margin-left:auto}.cancel-btn{background:#0000;border:1px solid #f44336;border-radius:6px;color:#f44336;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:all .2s ease}.cancel-btn:hover{background:#f44336;color:#fff}.cancel-status{color:#ff9800;font-size:.85rem;font-weight:600}.confirm-modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.confirm-modal{background:#fff;border-radius:10px;box-shadow:0 16px 40px #0003;max-width:420px;padding:18px 20px;width:100%}.confirm-modal h4{color:#333;font-size:1.1rem;margin:0 0 8px}.confirm-modal p{color:#555;font-size:.95rem;margin:0 0 14px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.btn-secondary{background:#0000;border:1px solid #c9c9d8;border-radius:6px;color:#444}.btn-primary,.btn-secondary{cursor:pointer;font-weight:600;padding:8px 12px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff}.btn-primary:disabled,.cancel-btn:disabled,.cancel-order-btn:disabled{cursor:not-allowed;opacity:.7}.order-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.cancel-order-btn{background:#0000;border:1px solid #f44336;border-radius:6px;color:#f44336;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 12px;transition:all .2s ease}.cancel-order-btn:hover{background:#f44336;color:#fff}.item-image-large{border:1px solid #e0e0e0;border-radius:8px;height:80px;object-fit:cover;width:80px}.item-info{flex:1 1}.item-info h4{color:#333;font-size:1rem;font-weight:600;margin:0 0 8px}.item-info p{color:#666;font-size:.9rem;margin:0 0 4px}.original-price{color:#999!important;text-decoration:line-through}.total-breakdown{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.total-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.total-row:last-child{border-bottom:none}.total-row.savings{color:#4caf50;font-weight:600}.total-row.final{border-bottom:none;border-top:2px solid #333;color:#333;font-size:1.1rem;font-weight:700;margin-top:10px;padding-top:15px}@media (max-width:768px){.orders-container{padding:0 15px}.orders-header h1{font-size:2rem}.order-card{padding:15px}.order-summary{align-items:flex-start;flex-direction:column;gap:15px}.order-total{align-items:flex-start;width:100%}.payment-info,.total-amount{text-align:left}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:15px 20px}.modal-body{padding:20px}.info-grid{gap:12px;grid-template-columns:1fr}.item-detail{align-items:flex-start;flex-direction:column;text-align:center}.item-image-large{align-self:center}}@media (max-width:480px){.orders-header h1{font-size:1.8rem}.order-header{align-items:flex-start;flex-direction:column;gap:10px}.order-item-preview{gap:8px}.item-image{height:40px;width:40px}.amount{font-size:1.1rem}.modal-header h2{font-size:1.3rem}}.wishlist-container{margin:0 auto;max-width:1200px;min-height:60vh;padding:20px}.wishlist-header{background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:20px;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px 20px;position:relative;text-align:center}.wishlist-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='75' cy='75' r='1' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='10' cy='50' r='.5' fill='%23fff' opacity='.1'/%3E%3Ccircle cx='90' cy='30' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.wishlist-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;position:relative;z-index:1}.wishlist-header p{font-size:1.1rem;margin:0;opacity:.9;position:relative;z-index:1}.wishlist-stats{display:flex;gap:20px;justify-content:center;margin-top:15px;position:relative;z-index:1}.wishlist-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;padding:8px 16px}.wishlist-stat-number{display:block;font-size:1.2rem;font-weight:700}.wishlist-stat-label{font-size:.8rem;opacity:.8}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#7c3aed;height:40px;margin-bottom:20px;width:40px}.loading-text{color:#666;font-size:1.2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.skeleton-item{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden}.skeleton-image{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:12px;height:252px;margin:16px}.skeleton-content{padding:0 16px 16px}.skeleton-title{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;margin-bottom:8px}.skeleton-meta{display:flex;gap:8px;margin-bottom:12px}.skeleton-tag{height:16px;width:60px}.skeleton-price,.skeleton-tag{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-price{height:24px;margin-bottom:16px;width:120px}.skeleton-actions{background:#f8fafc;border-top:1px solid #0000000f;display:flex;gap:8px;padding:16px}.skeleton-button{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;flex:1 1;height:36px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#dc3545;margin-bottom:15px}.error-container p{color:#666;margin-bottom:20px}.retry-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s ease}.retry-btn:hover{background:#0056b3}.wishlist-empty{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border:2px dashed #e5e7eb;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:400px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.wishlist-empty:before{animation:float 3s ease-in-out infinite;content:"💜";font-size:3rem;opacity:.1;position:absolute;right:30px;top:20px}.wishlist-empty:after{animation:float 3s ease-in-out infinite reverse;bottom:30px;content:"🛍️";font-size:2.5rem;left:30px;opacity:.1;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wishlist-empty h2{color:#374151;font-size:2.2rem;font-weight:700;margin-bottom:15px}.wishlist-empty p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:30px;max-width:400px}.shop-btn,.signin-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:12px;box-shadow:0 4px 12px #7c3aed33;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.shop-btn:before,.signin-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.shop-btn:hover:before,.signin-btn:hover:before{left:100%}.shop-btn:hover,.signin-btn:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 8px 20px #7c3aed4d;transform:translateY(-2px)}.wishlist-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:30px}.wishlist-item{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.wishlist-item:hover{border-color:#7c3aed33;box-shadow:0 12px 32px #0000001f;transform:translateY(-8px)}.discount-badge{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;box-shadow:0 2px 4px #ef44444d;color:#fff;font-size:.75rem;font-weight:600;left:12px;padding:4px 8px;position:absolute;top:12px;z-index:2}.wishlist-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;display:flex;height:220px;justify-content:center;margin:16px;overflow:hidden;position:relative}.wishlist-image-container img{background:#fff;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.wishlist-item:hover .wishlist-image-container img{transform:scale(1.05)}.wishlist-product-info{display:flex;flex:1 1;flex-direction:column;padding:0 16px 16px}.wishlist-product-title{color:#1f2937;display:block;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:8px;text-decoration:none;transition:color .2s ease}.wishlist-product-title:hover{color:#7c3aed}.wishlist-meta{color:#6b7280;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;margin-bottom:8px}.wishlist-meta span{background:#f3f4f6;border-radius:4px;padding:2px 6px}.wishlist-price-container{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:12px}.wishlist-price-current{color:#059669;font-size:1.25rem;font-weight:700}.wishlist-price-original{color:#9ca3af;font-size:1rem;text-decoration:line-through}.wishlist-savings{background:#d1fae5;border-radius:4px;color:#059669;font-size:.75rem;font-weight:600;padding:2px 6px}.wishlist-actions{background:#0000;display:flex;gap:6px;padding:12px 16px}.wishlist-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.wishlist-actions button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.wishlist-actions button:hover:before{left:100%}.remove-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef444433;color:#fff}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.buy-now-btn{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 4px #7c3aed33;color:#fff}.buy-now-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 8px #7c3aed4d;transform:translateY(-1px)}.view-product-btn{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 4px #64748b33;color:#fff}.view-product-btn:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 4px 8px #64748b4d;transform:translateY(-1px)}.wishlist-actions button i{font-size:.8rem}@media (max-width:768px){.wishlist-container{padding:15px}.wishlist-header h1{font-size:2rem}.wishlist-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wishlist-actions{flex-direction:column;gap:8px}.wishlist-actions button{justify-content:center;width:100%}}@media (max-width:480px){.wishlist-grid{grid-template-columns:1fr}.wishlist-empty h2{font-size:1.5rem}}.details-btn{background:#6610f2;color:#fff}.details-btn.active,.details-btn:hover{background:#520dc2;transform:scale(1.05)}.wishlist-details{background:#fcfcff;border-top:1px solid #eee;padding:16px}.details-title{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.image-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 0 14px}.image-strip img{background:#fff;border:1px solid #e9ecef;border-radius:8px;height:72px;object-fit:cover;width:72px}.details-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item{display:flex;gap:8px}.detail-item.full{grid-column:1/-1}.detail-item .label{color:#666;font-weight:600;min-width:120px}.detail-item .value{color:#333}.json-block{background:#0f172a;border:1px solid #1f2937;border-radius:8px;color:#e2e8f0;margin-top:14px;overflow:hidden}.json-title{background:#111827;color:#93c5fd;font-size:12px;letter-spacing:.3px;padding:6px 10px;text-transform:uppercase}.json-block pre{font-size:12px;line-height:1.4;margin:0;max-height:260px;overflow:auto;padding:12px}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.detail-item .label{min-width:90px}}.notif-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notif-title{color:#333;font-size:24px;font-weight:700}.notif-actions{align-items:center;display:flex;gap:16px}.notif-tabs{display:flex;gap:8px}.notif-tab{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.notif-tab:hover{background:#f5f5f5}.notif-tab.active{background:#673ab7;border-color:#673ab7;box-shadow:0 2px 8px #673ab74d;color:#fff}.notif-tab-badge{background:#00000014;border-radius:999px;font-size:11px;font-weight:700;padding:2px 6px}.notif-tab.active .notif-tab-badge{background:#fff3}.notif-markall{background:linear-gradient(135deg,#673ab7,#9c27b0);border:none;border-radius:8px;box-shadow:0 2px 8px #673ab733;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.notif-markall:hover{box-shadow:0 4px 12px #673ab74d;transform:translateY(-1px)}.notif-markall:disabled{cursor:not-allowed;opacity:.5;transform:none}.notif-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:8px}.notif-item{cursor:pointer;transition:all .2s ease}.notif-item.is-unread:hover{transform:translateY(-1px)}.notif-item.is-read{opacity:.7}.notif-card{grid-gap:12px;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 4px #0000000a;display:grid;gap:12px;grid-template-columns:4px 36px 1fr auto;padding:12px;transition:all .2s ease}.notif-item.is-unread .notif-card{background:linear-gradient(135deg,#fff,#fafbff);border-color:#e3f2fd}.notif-item.is-unread:hover .notif-card{box-shadow:0 4px 12px #00000014}.notif-accent{background:#e0e0e0;border-radius:4px;height:32px;width:4px}.notif-avatar{align-items:center;background:linear-gradient(135deg,#f5f5f5,#eee);border-radius:10px;display:flex;height:36px;justify-content:center;overflow:hidden;width:36px}.notif-avatar img{height:100%;object-fit:cover;width:100%}.notif-icon{font-size:16px}.notif-content{display:flex;flex-direction:column;gap:3px}.notif-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.notif-title-text{color:#333;font-size:14px;font-weight:700;line-height:1.3}.notif-dot{background:#ff5252;border-radius:50%;height:6px;width:6px}.notif-body{color:#666;font-size:13px;line-height:1.4}.notif-meta{align-items:center;color:#999;display:flex;font-size:11px;gap:6px;margin-top:2px}.notif-time{font-weight:500}.notif-order{background:#f0f0f0;border-radius:4px;color:#666;font-weight:600;padding:1px 6px}.notif-sep{color:#ddd}.notif-status{align-items:center;display:flex}.notif-new{background:linear-gradient(135deg,#ff5722,#ff7043);border-radius:12px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.notif-type-placed .notif-accent{background:#42a5f5}.notif-type-packed .notif-accent{background:#29b6f6}.notif-type-shipped .notif-accent{background:#26a69a}.notif-type-delivered .notif-accent{background:#66bb6a}.notif-type-cancelled .notif-accent{background:#ef5350}.notif-type-info .notif-accent{background:#9e9e9e}.notif-empty{padding:40px 20px;text-align:center}.notif-empty-emoji{font-size:40px}.notif-empty-title{font-size:18px;font-weight:700;margin-top:8px}.notif-empty-sub{color:#777;margin-top:4px}
/*# sourceMappingURL=main.51b53138.css.map*/