:root{--primary: #a54410;--primary-hover: #E05E00;--primary-light: #894419;--dark: #111111;--dark-light: #222222;--light: #eff4f4fe;--bg-color: #d9e1e9;--card-bg: #FFFFFF;--border-color: #EEEEEE;--text-primary: #111111;--text-secondary: #666666;--text-muted: #e3d8d8;--success: #10B981;--success-light: #236a49;--warning: #F59E0B;--warning-light: #FEF3C7;--error: #EF4444;--error-light: #FEF2F2;--info: #3B82F6;--info-light: #EFF6FF;--font-heading: "Outfit", "Inter", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--shadow-premium: 0 20px 40px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-normal: .25s ease;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--dark);line-height:1.25}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}button{cursor:pointer;background:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.grid{display:grid}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 992px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.container{padding:0 var(--spacing-md)}}@media (max-width: 480px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;font-weight:600;border-radius:var(--border-radius-md);transition:all var(--transition-normal);text-align:center;font-size:.95rem}.btn-primary{background-color:var(--primary);color:var(--light)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b0033}.btn-secondary{background-color:var(--dark);color:var(--light)}.btn-secondary:hover{background-color:var(--dark-light);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{background-color:var(--grey-100);border-color:var(--text-muted)}.btn-text{padding:0;color:var(--primary)}.btn-text:hover{color:var(--primary-hover);text-decoration:underline}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.05rem}.btn-block{display:flex;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:.75rem;font-weight:700;border-radius:var(--border-radius-sm);text-transform:uppercase}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-error{background-color:var(--error-light);color:var(--error)}.badge-info{background-color:var(--info-light);color:var(--info)}.badge-pill{border-radius:var(--border-radius-full)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.form-control{width:100%;padding:.75rem 1rem;background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-fast)}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b001a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 480px){.form-row{grid-template-columns:1fr;gap:0}}.card{background-color:var(--card-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--light);border-radius:var(--border-radius-lg);max-width:500px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.modal-close{color:var(--text-muted);cursor:pointer;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:var(--spacing-xxl)}.header-wrapper{position:sticky;top:0;background-color:var(--light);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm)}.header-top{background-color:var(--dark);color:var(--light);text-align:center;padding:var(--spacing-xs) 0;font-size:.8rem;font-weight:500;letter-spacing:.5px}.nav-container{height:70px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-heading);font-weight:800;font-size:1.5rem;color:var(--dark);display:flex;align-items:center;gap:var(--spacing-xs)}.logo span{color:var(--primary)}.search-bar-container{flex:1;max-width:500px;margin:0 var(--spacing-xl);position:relative}.search-input{width:100%;padding:.6rem 1rem .6rem 2.5rem;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-full);font-size:.9rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.nav-links{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{font-weight:500;font-size:.95rem;color:var(--text-secondary)}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:var(--spacing-md)}.action-btn{position:relative;color:var(--dark);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:var(--border-radius-full);transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--grey-100);color:var(--primary)}.icon-badge{position:absolute;top:-4px;right:-4px;background-color:var(--primary);color:var(--light);font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--light)}.mobile-menu-trigger{display:none;font-size:1.5rem;color:var(--dark)}@media (max-width: 768px){.search-bar-container,.nav-links{display:none}.mobile-menu-trigger{display:block}}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:var(--light);z-index:1200;box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .3s ease-out;padding:var(--spacing-lg);display:flex;flex-direction:column}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.mobile-drawer-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mobile-drawer-link{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.promo-banner{background:linear-gradient(135deg,var(--dark) 0%,var(--dark-light) 100%);color:var(--light);border-radius:var(--border-radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);position:relative;overflow:hidden;margin-bottom:var(--spacing-xxl);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md)}.promo-banner-content{max-width:60%;z-index:2}.promo-banner-tag{color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-sm);display:inline-block;background-color:#ff6b001a;padding:.25rem .75rem;border-radius:var(--border-radius-full)}.promo-banner-title{font-size:2.5rem;margin-bottom:var(--spacing-md);color:var(--light);line-height:1.1}.promo-banner-desc{font-size:1.1rem;color:var(--grey-300);margin-bottom:var(--spacing-lg)}.promo-banner-image{max-width:35%;z-index:2}.promo-banner-bg{position:absolute;right:-50px;bottom:-50px;width:400px;height:400px;background-color:var(--primary);opacity:.1;border-radius:var(--border-radius-full);filter:blur(40px)}@media (max-width: 768px){.promo-banner{flex-direction:column;padding:var(--spacing-xl);text-align:center}.promo-banner-content{max-width:100%;margin-bottom:var(--spacing-lg)}.promo-banner-title{font-size:1.8rem}.promo-banner-image{max-width:70%}}.category-card{position:relative;border-radius:var(--border-radius-md);height:150px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--light);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.category-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#0003,#0009);z-index:1}.category-card-title{z-index:2;font-size:1.25rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center}.category-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.category-card:hover img{transform:scale(1.1)}.trust-badges-bar{background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl) var(--spacing-md);margin:var(--spacing-xxl) 0;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.trust-badge-item{display:flex;align-items:center;gap:var(--spacing-md)}.trust-badge-icon{color:var(--primary);background-color:var(--primary-light);padding:var(--spacing-sm);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.trust-badge-title{font-size:.95rem;font-weight:700;color:var(--dark)}.trust-badge-desc{font-size:.8rem;color:var(--text-secondary)}@media (max-width: 768px){.trust-badges-bar{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (max-width: 480px){.trust-badges-bar{grid-template-columns:1fr;gap:var(--spacing-md)}}.tabs-header{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:1rem;color:var(--text-secondary);position:relative}.tab-btn:hover,.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:3px;background-color:var(--primary);border-radius:var(--border-radius-full)}.section-header{margin-bottom:var(--spacing-xl);display:flex;align-items:flex-end;justify-content:space-between}.section-title{font-size:1.75rem;position:relative;padding-bottom:var(--spacing-xs)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--primary);border-radius:var(--border-radius-full)}.product-card{position:relative;background-color:var(--card-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image-container{position:relative;height:220px;background-color:#f6f6f6;overflow:hidden;display:flex;align-items:center;justify-content:center}.product-image-container img{height:100%;width:100%;object-fit:cover;transition:transform var(--transition-normal)}.product-card:hover .product-image-container img{transform:scale(1.05)}.product-wishlist-btn{position:absolute;top:10px;right:10px;background-color:#ffffffe6;color:var(--text-secondary);width:34px;height:34px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);z-index:10;transition:all var(--transition-fast)}.product-wishlist-btn:hover{background-color:var(--light);color:#ef4444;transform:scale(1.1)}.product-wishlist-btn.active{color:#ef4444}.product-tag{position:absolute;top:10px;left:10px;z-index:10}.product-details-content{padding:var(--spacing-md);display:flex;flex-direction:column;flex-grow:1}.product-category-text{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs);font-weight:600}.product-title-link{font-size:.95rem;font-weight:600;color:var(--dark);margin-bottom:var(--spacing-xs);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6rem}.product-rating-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.8rem;color:var(--warning);margin-bottom:var(--spacing-sm)}.product-rating-count{color:var(--text-muted);font-size:.75rem;margin-left:2px}.product-price-row{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-top:auto;margin-bottom:var(--spacing-md)}.product-curr-price{font-size:1.15rem;font-weight:700;color:var(--primary)}.product-old-price{font-size:.85rem;text-decoration:line-through;color:var(--text-muted)}.product-discount-pct{font-size:.8rem;font-weight:700;color:var(--success)}.product-card-footer{margin-top:auto}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);margin-top:var(--spacing-xl)}@media (max-width: 768px){.detail-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}}.gallery-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.main-image-viewport{background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.main-image-viewport img{max-height:100%;object-fit:contain}.thumbnail-row{display:flex;gap:var(--spacing-sm)}.thumbnail-btn{width:80px;height:80px;border-radius:var(--border-radius-md);border:1px solid var(--border-color);background-color:var(--light);overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.thumbnail-btn.active{border-color:var(--primary)}.thumbnail-btn img{max-height:100%;object-fit:cover}.detail-info{display:flex;flex-direction:column}.detail-brand{font-size:.9rem;color:var(--primary);font-weight:700;text-transform:uppercase;margin-bottom:var(--spacing-xs)}.detail-title{font-size:2.2rem;margin-bottom:var(--spacing-sm);line-height:1.2}.pincode-box{background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pincode-input-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.pincode-result{font-size:.85rem;margin-top:var(--spacing-xs);font-weight:500}.share-row{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.share-title{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.share-btn-group{display:flex;gap:var(--spacing-sm)}.share-social-btn{width:36px;height:36px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;color:var(--light);font-size:.9rem}.share-whatsapp{background-color:#25d366}.share-whatsapp:hover{background-color:#128c7e}.share-facebook{background-color:#3b5998}.share-facebook:hover{background-color:#2d4373}.share-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-instagram:hover{filter:brightness(.9)}.share-link{background-color:var(--dark)}.share-link:hover{background-color:var(--dark-light)}.detail-bottom-section{margin-top:var(--spacing-xxl)}.footer{background-color:var(--dark);color:var(--light);padding:var(--spacing-xxl) 0 var(--spacing-xl) 0;border-top:5px solid var(--primary);margin-top:var(--spacing-xxl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xxl)}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.footer-col-title{font-size:1.15rem;color:var(--light);margin-bottom:var(--spacing-lg);font-weight:700;position:relative}.footer-col-title:after{content:"";position:absolute;bottom:-6px;left:0;width:30px;height:2px;background-color:var(--primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-link{color:var(--grey-300);font-size:.9rem}.footer-link:hover{color:var(--primary);padding-left:4px}.footer-brand-text{font-size:.9rem;color:var(--grey-300);margin:var(--spacing-md) 0;line-height:1.5}.footer-newsletter-row{display:flex;margin-top:var(--spacing-sm)}.footer-newsletter-input{flex:1;padding:.6rem 1rem;border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);font-size:.9rem}.footer-newsletter-btn{background-color:var(--primary);color:var(--light);padding:0 1.25rem;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;font-weight:600}.footer-newsletter-btn:hover{background-color:var(--primary-hover)}.footer-bottom{border-top:1px solid var(--dark-light);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-copy{font-size:.85rem;color:var(--text-muted)}.footer-payments{display:flex;gap:var(--spacing-sm);align-items:center}.whatsapp-widget{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.whatsapp-icon-btn{background-color:#25d366;color:var(--light);width:60px;height:60px;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #25d36666;font-size:2rem;transition:all var(--transition-normal)}.whatsapp-icon-btn:hover{transform:scale(1.1) rotate(10deg);background-color:#128c7e}.whatsapp-chat-box{position:absolute;bottom:75px;right:0;width:320px;background-color:var(--light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border-color);transform-origin:bottom right;animation:whatsappPop .25s ease-out;display:flex;flex-direction:column}@keyframes whatsappPop{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.whatsapp-chat-header{background-color:#075e54;color:var(--light);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md)}.whatsapp-avatar{width:40px;height:40px;border-radius:var(--border-radius-full);background-color:var(--light);display:flex;align-items:center;justify-content:center;font-weight:800;color:#075e54}.whatsapp-chat-body{padding:var(--spacing-lg);background-color:#ece5dd;max-height:200px;overflow-y:auto}.whatsapp-bubble{background-color:var(--light);padding:var(--spacing-sm) var(--spacing-md);border-radius:0 var(--border-radius-md) var(--border-radius-md) var(--border-radius-md);font-size:.85rem;max-width:85%;box-shadow:0 1px 2px #0000001a;margin-bottom:var(--spacing-sm)}.whatsapp-chat-footer{padding:var(--spacing-md);background-color:var(--light)}.razorpay-header{background-color:#0c1a30;color:var(--light);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.razorpay-logo{font-weight:800;color:#00b4f0;font-size:1.1rem}.razorpay-merchant-info{text-align:right;font-size:.8rem}.razorpay-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--border-color)}.razorpay-tab{padding:var(--spacing-md) var(--spacing-xs);font-size:.75rem;font-weight:600;text-align:center;cursor:pointer;color:var(--text-secondary)}.razorpay-tab.active{color:#00b4f0;border-bottom:2px solid #00b4f0;background-color:#00b4f00d}.razorpay-body{padding:var(--spacing-lg);min-height:250px}.razorpay-pay-btn{background-color:#00b4f0;color:var(--light);width:100%;padding:.85rem;font-weight:700;margin-top:var(--spacing-lg);border-radius:var(--border-radius-md)}.razorpay-pay-btn:hover{background-color:#008cc0}.cart-list-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-item-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.cart-item-img{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-md)}.cart-qty-selector{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.cart-qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--grey-100)}.cart-qty-btn:hover{background-color:var(--grey-200)}.cart-qty-value{width:40px;text-align:center;font-weight:600}.summary-card{background-color:var(--light);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);position:sticky;top:90px}.summary-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);font-size:.95rem}.summary-divider{border-top:1px dashed var(--border-color);margin:var(--spacing-md) 0}.gst-invoice-box{background-color:var(--light);border:2px solid var(--dark);padding:var(--spacing-xl);max-width:800px;margin:0 auto;font-family:monospace,sans-serif;color:#000}.invoice-header-grid{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--dark);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.invoice-table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.invoice-table th,.invoice-table td{border:1px solid #000;padding:.5rem;text-align:left;font-size:.85rem}.invoice-table th{background-color:#f0f0f0}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%}}.faq-accordion-item{border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--light);margin-bottom:var(--spacing-md);overflow:hidden}.faq-trigger-btn{width:100%;padding:var(--spacing-md);text-align:left;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--dark)}.faq-answer-body{padding:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.admin-layout-wrapper{display:flex;min-height:calc(100vh - 70px)}.admin-sidebar{width:250px;background-color:var(--dark);color:var(--light);padding:var(--spacing-lg) 0;display:flex;flex-direction:column}.admin-sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--grey-300);font-weight:500;transition:all var(--transition-fast)}.admin-sidebar-link:hover,.admin-sidebar-link.active{color:var(--light);background-color:var(--dark-light);border-left:4px solid var(--primary)}.admin-content-area{flex:1;padding:var(--spacing-xl);background-color:#f3f4f6;overflow-y:auto}@media (max-width: 768px){.admin-layout-wrapper{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:var(--spacing-sm)}.admin-sidebar-link{padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap}.admin-sidebar-link.active{border-left:none;border-bottom:3px solid var(--primary)}}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.admin-kpi-card{background-color:var(--light);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between}@media (max-width: 992px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-kpi-grid{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:20px;left:20px;z-index:1500;display:flex;flex-direction:column;gap:var(--spacing-sm)}.toast-msg{background-color:var(--dark);color:var(--light);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--spacing-md);font-size:.9rem;font-weight:500;animation:toastFadeIn .3s ease-out}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.tracker-stepper{display:flex;justify-content:space-between;position:relative;margin:var(--spacing-xl) 0}.tracker-stepper:before{content:"";position:absolute;top:15px;left:0;right:0;height:4px;background-color:var(--border-color);z-index:1}.tracker-step-node{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex:1}.tracker-step-dot{width:32px;height:32px;border-radius:var(--border-radius-full);background-color:var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:4px solid var(--light)}.tracker-step-node.completed .tracker-step-dot{background-color:var(--success);color:var(--light)}.tracker-step-node.active .tracker-step-dot{background-color:var(--primary);color:var(--light)}.tracker-step-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-top:var(--spacing-sm);text-align:center}.tracker-step-node.completed .tracker-step-label{color:var(--success)}.tracker-step-node.active .tracker-step-label{color:var(--primary);font-weight:700}.category-bubble-grid{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-xxl)}.category-bubble-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer}.category-bubble-img{width:70px;height:70px;border-radius:var(--border-radius-full);background-color:var(--primary-light);display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all var(--transition-fast)}.category-bubble-item:hover .category-bubble-img{border-color:var(--primary);transform:scale(1.05)}.category-bubble-label{font-size:.85rem;font-weight:600;color:var(--text-primary)}