:root{--bg-dark: #f5f5f7;--bg-card: #ffffff;--brand-primary: #ff7700;--text-main: #1a1a1a;--text-muted: #666666;--border-color: #e0e0e0;--input-bg: #f0f0f0;--input-border: #cccccc;--overlay-bg: rgba(255,255,255,0.85);--transition: 0.3s ease-in-out}body.dark-mode{--bg-dark: #0d0d10;--bg-card: #1a1a1e;--text-main: #f0f0f0;--text-muted: #9a9a9a;--border-color: #2a2a30;--input-bg: #1e1e24;--input-border: #3a3a40;--overlay-bg: rgba(13,13,16,0.92)}*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color: var(--bg-dark);color: var(--text-main);transition: background-color var(--transition),color var(--transition);margin: 0;padding: 0}.main-header{background-color: var(--overlay-bg);backdrop-filter: blur(10px);border-bottom: 1px solid var(--border-color);transition: background-color var(--transition),border-color var(--transition)}.header-wrapper{display: flex;align-items: center;justify-content: space-between;padding: 12px 4%;max-width: 1400px;margin: 0 auto;gap: 20px;flex-wrap: nowrap}.logo{flex: 0 0 auto;display: flex;align-items: center}.logo a{display: flex;align-items: center;text-decoration: none}.logo img{height: 35px;width: auto;display: block;cursor: pointer;transition: var(--transition)}.search-bar{position: relative;flex: 1 1 auto;max-width: 500px;margin: 0 auto;display: flex;align-items: center}.search-bar input{width: 100%;padding: 10px 40px 10px 16px;background: var(--input-bg);border: 1px solid var(--input-border);border-radius: 25px;color: var(--text-main);font-size: 14px;outline: none;transition: border-color var(--transition),background-color var(--transition),color var(--transition)}.search-bar input:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.search-bar i{position: absolute;right: 16px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 14px;pointer-events: none}.header-actions{display: flex;gap: 15px;align-items: center;flex: 0 0 auto}.logo-light{display: block}.logo-dark{display: none}body.dark-mode .logo-light,html.dark-mode-pending .logo-light{display: none}body.dark-mode .logo-dark,html.dark-mode-pending .logo-dark{display: block}.logo img:hover{transform: scale(1.05)}.category-nav-bar{background-color: var(--bg-card);border-bottom: 1px solid var(--border-color)}.category-nav-wrapper{max-width: 1400px;margin: 0 auto;padding: 10px 4%;display: flex;align-items: center;justify-content: center;box-sizing: border-box}@media (min-width: 769px){.mobile-nav-buttons{display: none !important}.mobile-category-menu{display: none !important}.mobile-contact-submenu{display: none !important}.mobile-info-bar{display: none !important}.mobile-category-dropdown{display: none !important}.mobile-drawer-backdrop{display: none !important}.mobile-drawer{display: none !important}}.mobile-drawer-backdrop{position: fixed;inset: 0;background: rgba(10,10,15,0.65);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);z-index: 900;opacity: 0;visibility: hidden;transition: opacity 0.32s cubic-bezier(0.4,0,0.2,1),visibility 0.32s cubic-bezier(0.4,0,0.2,1)}.mobile-drawer-backdrop.drawer-open{opacity: 1;visibility: visible}.mobile-drawer{position: fixed;top: 0;left: 0;bottom: 0;width: min(340px,86vw);max-width: 86vw;background: var(--bg-card,#16161d);z-index: 950;transform: translateX(-104%);transition: transform 0.38s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s ease;will-change: transform;display: flex;flex-direction: column;overflow: hidden;box-shadow: 24px 0 60px rgba(0,0,0,0.5);border-right: 1px solid var(--border-color,rgba(255,255,255,0.05))}.mobile-drawer.drawer-open{transform: translateX(0%);box-shadow: 28px 0 80px rgba(255,119,0,0.08),12px 0 40px rgba(0,0,0,0.45)}.mobile-drawer-header{display: flex;align-items: center;justify-content: space-between;padding: 18px 20px;border-bottom: 1px solid var(--border-color,rgba(255,255,255,0.06));background: linear-gradient(135deg,rgba(255,119,0,0.08),rgba(255,119,0,0.01));min-height: 68px;box-sizing: border-box;flex-shrink: 0}.mobile-drawer-brand{display: flex;align-items: center;gap: 12px;font-weight: 700;color: var(--text-main,#fff);letter-spacing: 0.2px;font-size: 1.05rem}.mobile-drawer-brand .drawer-logo-badge{width: 38px;height: 38px;border-radius: 10px;background: linear-gradient(135deg,#ff7700,#ff5500);display: flex;align-items: center;justify-content: center;color: #fff;box-shadow: 0 6px 16px rgba(255,119,0,0.32);font-size: 17px;flex-shrink: 0}.mobile-drawer-close{width: 44px;height: 44px;min-width: 44px;min-height: 44px;border-radius: 10px;background: var(--input-bg,rgba(255,255,255,0.05));border: 1px solid var(--border-color,rgba(255,255,255,0.06));color: var(--text-main,#fff);font-size: 15px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.22s ease;flex-shrink: 0}.mobile-drawer-close:hover{background: #ff7700;color: #fff;border-color: #ff7700;transform: rotate(90deg)}.mobile-drawer-close:active{transform: rotate(90deg) scale(0.92)}.mobile-drawer-body{flex: 1 1 auto;overflow-y: auto;overflow-x: hidden;padding: 14px 6px 20px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: rgba(255,119,0,0.35) transparent}.mobile-drawer-body::-webkit-scrollbar{width: 6px}.mobile-drawer-body::-webkit-scrollbar-thumb{background: rgba(255,119,0,0.3);border-radius: 6px}.mobile-drawer-section-label{padding: 12px 16px 8px;font-size: 0.72rem;letter-spacing: 1.4px;text-transform: uppercase;color: var(--text-muted,#888);font-weight: 700}.mobile-drawer-item{position: relative;display: flex;align-items: center;gap: 12px;padding: 13px 16px;margin: 2px 8px;border-radius: 12px;color: var(--text-main,#fff);text-decoration: none;font-size: 0.95rem;font-weight: 500;transition: background 0.2s ease,transform 0.18s ease,color 0.2s ease;box-sizing: border-box}.mobile-drawer-item i{width: 20px;text-align: center;font-size: 1.02rem;flex-shrink: 0}.mobile-drawer-item::after{content: '\203A';margin-left: auto;opacity: 0;color: #ff7700;font-weight: 700;font-size: 1.1rem;transform: translateX(-6px);transition: all 0.22s ease}.mobile-drawer-item:hover,.mobile-drawer-item.is-active{background: linear-gradient(90deg,rgba(255,119,0,0.12),rgba(255,119,0,0.02));color: #ff7700}.mobile-drawer-item:hover::after,.mobile-drawer-item.is-active::after{opacity: 1;transform: translateX(0)}.mobile-drawer-item:active{transform: scale(0.985)}.mobile-drawer-divider{height: 1px;background: var(--border-color,rgba(255,255,255,0.06));margin: 12px 18px}.mobile-drawer-expandable{margin: 2px 8px;border-radius: 12px;overflow: hidden}.mobile-drawer-expandable-head{display: flex;align-items: center;gap: 12px;padding: 13px 16px;border-radius: 12px;color: var(--text-main,#fff);font-size: 0.95rem;font-weight: 500;cursor: pointer;transition: background 0.2s ease,color 0.2s ease;user-select: none}.mobile-drawer-expandable-head:hover{background: linear-gradient(90deg,rgba(255,119,0,0.10),rgba(255,119,0,0.02));color: #ff7700}.mobile-drawer-expandable-head i:first-child{width: 20px;text-align: center;flex-shrink: 0;font-size: 1.02rem}.mobile-drawer-expandable-head .chev{margin-left: auto;font-size: 0.82rem;transition: transform 0.28s ease;color: var(--text-muted,#888)}.mobile-drawer-expandable.expanded .chev{transform: rotate(180deg);color: #ff7700}.mobile-drawer-expandable-body{max-height: 0;overflow: hidden;transition: max-height 0.32s ease;padding-left: 14px}.mobile-drawer-expandable.expanded .mobile-drawer-expandable-body{max-height: 320px}.mobile-drawer-subitem{display: flex;align-items: center;gap: 10px;padding: 11px 14px 11px 20px;margin: 2px 8px 2px 8px;border-radius: 10px;color: var(--text-main,#fff);text-decoration: none;font-size: 0.88rem;transition: all 0.2s ease;border-left: 2px solid transparent}.mobile-drawer-subitem i{width: 18px;font-size: 0.95rem;flex-shrink: 0}.mobile-drawer-subitem:hover{color: #ff7700;background: rgba(255,119,0,0.06);border-left-color: #ff7700}.mobile-drawer-footer{flex-shrink: 0;padding: 14px 18px 20px;border-top: 1px solid var(--border-color,rgba(255,255,255,0.06));background: linear-gradient(0deg,rgba(255,119,0,0.05),transparent);display: flex;align-items: center;justify-content: space-between;gap: 10px;box-sizing: border-box}.mobile-drawer-footer-tag{display: inline-flex;align-items: center;gap: 6px;font-size: 0.72rem;color: var(--text-muted,#888);font-weight: 600}.mobile-drawer-footer-socials{display: flex;align-items: center;gap: 6px}.mobile-drawer-social{width: 32px;height: 32px;border-radius: 10px;background: var(--input-bg,rgba(255,255,255,0.05));border: 1px solid var(--border-color,rgba(255,255,255,0.06));color: var(--text-main,#fff);display: flex;align-items: center;justify-content: center;text-decoration: none;font-size: 0.85rem;transition: all 0.22s ease}.mobile-drawer-social:hover{color: #fff;border-color: #ff7700;background: #ff7700;transform: translateY(-2px);box-shadow: 0 4px 10px rgba(255,119,0,0.28)}.coming-soon-text{position: relative;text-align: center;padding: 50px 30px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 20px;grid-column: 1 / -1;box-sizing: border-box;width: 100%;max-width: 500px;margin: 40px auto;border-radius: 16px;background: var(--cs-bg,#18181b);border: 1px solid var(--cs-border,#27272a);border-top: 2px solid var(--brand-primary,#ff6b00);box-shadow: 0 4px 20px rgba(0,0,0,0.06),0 0 0 1px color-mix(in srgb,var(--brand-primary,#ff6b00) 8%,transparent),0 0 24px color-mix(in srgb,var(--brand-primary,#ff6b00) 10%,transparent);overflow: hidden;transition: background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease}body:not(.dark-mode) .coming-soon-text{--cs-bg: #FFFFFF;--cs-border: #E5E7EB;color: #111827;box-shadow: 0 4px 20px rgba(0,0,0,0.08),0 0 0 1px rgba(255,119,0,0.12)}body.dark-mode .coming-soon-text{--cs-bg: #18181b;--cs-border: #27272a;color: #ffffff;box-shadow: 0 8px 32px rgba(0,0,0,0.4),0 0 20px rgba(255,107,0,0.1)}.coming-soon-icon-box{display: flex !important;justify-content: center !important;align-items: center !important;margin: 0 auto;width: 80px;height: 80px;border-radius: 12px;background: linear-gradient(135deg,color-mix(in srgb,var(--brand-primary,#ff6b00) 15%,transparent),color-mix(in srgb,var(--brand-primary,#ff6b00) 5%,transparent));border: 1px solid color-mix(in srgb,var(--brand-primary,#ff6b00) 30%,transparent);position: relative;flex-shrink: 0;box-shadow: 0 4px 16px color-mix(in srgb,var(--brand-primary,#ff6b00) 20%,transparent)}.coming-soon-icon-box i{position: relative !important;top: auto !important;left: auto !important;transform: none !important;font-size: 32px;color: var(--brand-primary,#ff6b00);line-height: 1;margin: 0 !important;padding: 0 !important;text-shadow: 0 0 20px color-mix(in srgb,var(--brand-primary,#ff6b00) 50%,transparent);display: block}.coming-soon-text:has(.coming-soon-icon-box)::before{display: none}.coming-soon-text::before{content: '';width: 80px;height: 80px;border-radius: 12px;background: linear-gradient(135deg,rgba(255,107,0,0.15),rgba(255,107,0,0.05));display: flex;align-items: center;justify-content: center;border: 1px solid rgba(255,107,0,0.3);margin-bottom: 0;flex-shrink: 0;position: relative;box-shadow: 0 4px 16px rgba(255,107,0,0.2)}.coming-soon-text i{position: absolute;font-size: 32px;color: var(--brand-primary,#ff6b00);line-height: 1;z-index: 2;top: 50%;left: 50%;transform: translate(-50%,-50%);text-shadow: 0 0 20px rgba(255,107,0,0.5)}.coming-soon-text a i,.coming-soon-btn i,.coming-soon-text .coming-soon-icon-box ~ * i{position: static !important;top: auto !important;left: auto !important;transform: none !important;margin: 0 6px 0 0 !important;padding: 0 !important;font-size: inherit !important;color: inherit !important;line-height: inherit !important;text-shadow: none !important;display: inline-flex !important;align-items: center;justify-content: center;z-index: auto !important;background: transparent !important;box-shadow: none !important;border: none !important;width: auto !important;height: auto !important}.coming-soon-text h3{position: relative;z-index: 2;margin: 0;font-size: 1.8rem;font-weight: 700;letter-spacing: -0.3px;color: var(--cs-heading,#ffffff);line-height: 1.2;font-family: 'Poppins','Inter','Montserrat','Segoe UI',sans-serif}body:not(.dark-mode) .coming-soon-text h3{--cs-heading: #0f172a}body.dark-mode .coming-soon-text h3{--cs-heading: #ffffff}.coming-soon-text p{position: relative;z-index: 2;color: var(--cs-muted,#a0a0a0);font-size: 0.95rem;line-height: 1.6;margin: 0;font-weight: 400;max-width: 380px;font-family: 'Poppins','Inter','Montserrat','Segoe UI',sans-serif}body:not(.dark-mode) .coming-soon-text p{--cs-muted: #4B5563}body:not(.dark-mode) .coming-soon-icon-box{background: linear-gradient(135deg,color-mix(in srgb,var(--brand-primary,#ff6b00) 20%,transparent),color-mix(in srgb,var(--brand-primary,#ff6b00) 8%,transparent));border: 1px solid color-mix(in srgb,var(--brand-primary,#ff6b00) 40%,transparent);box-shadow: 0 4px 16px color-mix(in srgb,var(--brand-primary,#ff6b00) 25%,transparent)}body:not(.dark-mode) .coming-soon-icon-box i{text-shadow: 0 0 24px color-mix(in srgb,var(--brand-primary,#ff6b00) 60%,transparent)}body.dark-mode .coming-soon-text p{--cs-muted: #a0a0a0}@media (max-width: 768px){.coming-soon-text{padding: 40px 25px;max-width: 400px;margin: 30px auto}.coming-soon-icon-box{width: 70px;height: 70px}.coming-soon-icon-box i{font-size: 28px}.coming-soon-text::before{width: 70px;height: 70px}.coming-soon-text i{font-size: 28px}.coming-soon-text h3{font-size: 1.5rem}.coming-soon-text p{font-size: 0.85rem;max-width: 320px}}@media (max-width: 480px){.coming-soon-text{padding: 35px 20px;max-width: 320px;margin: 20px auto}.coming-soon-icon-box{width: 60px;height: 60px}.coming-soon-icon-box i{font-size: 24px}.coming-soon-text::before{width: 60px;height: 60px}.coming-soon-text i{font-size: 24px}.coming-soon-text h3{font-size: 1.3rem}.coming-soon-text p{font-size: 0.8rem;max-width: 280px}.coming-soon-text a,.coming-soon-btn{padding: 10px 20px;font-size: 0.85rem}}.coming-soon-text a,.coming-soon-btn{display: inline-flex;align-items: center;justify-content: center;gap: 6px;padding: 12px 24px;background: #ff6b00;color: white;text-decoration: none;border-radius: 8px;font-weight: 600;transition: background-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease,color 0.25s ease;transition-property: background-color,transform,box-shadow,color;margin-top: 20px;text-align: center;border: none;border-color: transparent;outline: none;cursor: pointer;font-family: 'Poppins','Inter','Montserrat','Segoe UI',sans-serif;font-size: 0.9rem;line-height: 1;box-sizing: border-box;transform-origin: center center;backface-visibility: hidden;-webkit-backface-visibility: hidden;will-change: transform}.coming-soon-text a:hover,.coming-soon-btn:hover{background-color: #e55d00;transform: translateY(-2px) scale(1.01);box-shadow: 0 4px 12px rgba(255,107,0,0.4)}.coming-soon-text a:active,.coming-soon-btn:active{background-color: #cc5200;transform: translateY(0) scale(0.98);box-shadow: 0 2px 6px rgba(255,107,0,0.28)}.coming-soon-text a:focus-visible,.coming-soon-btn:focus-visible{outline: none;box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand-primary,#ff7700) 30%,transparent),0 4px 12px rgba(255,107,0,0.4)}*{box-sizing: border-box}.animate-on-scroll{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease-out,transform 0.6s ease-out}.animate-on-scroll.is-visible{opacity: 1;transform: translateY(0)}section,.hero-section,.category-row-section,.new-arrivals-section,.promo-banner-section,.about-us-section,.homepage-reviews-section,.track-order-section,.products,.products-grid{max-width: 100%;overflow-x: hidden}.social-btn{max-width: 100%}.category-nav-bar .category-links{display: flex;gap: 8px;align-items: center;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;justify-content: center;padding: 0 10px;max-width: 100%;width: 100%;box-sizing: border-box;position: relative;scroll-behavior: smooth}.category-nav-bar .category-links::-webkit-scrollbar{display: none}.category-nav-bar .category-links::before,.category-nav-bar .category-links::after{content: '';position: absolute;top: 0;bottom: 0;width: 40px;pointer-events: none;z-index: 1;opacity: 0;transition: opacity 0.3s ease}.category-nav-bar .category-links::before{left: 0;background: linear-gradient(to right,var(--bg-card),transparent)}.category-nav-bar .category-links::after{right: 0;background: linear-gradient(to left,var(--bg-card),transparent)}.category-nav-bar .category-links:hover::before,.category-nav-bar .category-links:hover::after{opacity: 0.8}.mobile-info-bar{display: none;position: fixed;bottom: 0;left: 0;right: 0;background: var(--bg-card);border-top: 1px solid var(--border-color);padding: 10px 15px;z-index: 100;box-shadow: 0 -4px 20px rgba(0,0,0,0.15);justify-content: space-around;align-items: center;gap: 8px}.mobile-info-bar .mobile-info-item{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 4px;font-size: 12px;color: var(--text-main);font-weight: 600;padding: 8px 12px;background: var(--input-bg);border: 1px solid var(--border-color);border-radius: 8px;min-width: 80px;min-height: 44px;box-shadow: 0 2px 4px rgba(0,0,0,0.05)}.mobile-info-bar .mobile-info-item i{font-size: 18px;color: var(--brand-primary);margin-bottom: 2px}@media (max-width: 768px){.mobile-info-bar{display: none}.about-us-section .feature-pills-row{display: none}}.review-submission-form{background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;padding: 30px;margin-bottom: 40px;max-width: 600px;margin-left: auto;margin-right: auto}.review-submission-form h3{text-align: center;margin-bottom: 20px;color: var(--text-main);font-size: 1.4rem}.review-submission-form .form-group{margin-bottom: 18px}.review-submission-form label{display: block;margin-bottom: 8px;color: var(--text-main);font-weight: 600;font-size: 14px}.review-submission-form input,.review-submission-form textarea{width: 100%;padding: 12px;background: var(--input-bg);border: 1px solid var(--input-border);border-radius: 8px;color: var(--text-main);font-size: 14px;box-sizing: border-box;transition: border-color 0.3s ease}.review-submission-form input:focus,.review-submission-form textarea:focus{outline: none;border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.star-rating{display: flex;gap: 8px;font-size: 24px;cursor: pointer}.star-rating i{color: var(--border-color);transition: color 0.2s ease}.star-rating i.active,.star-rating i:hover{color: #ffc107}.submit-review-btn{width: 100%;padding: 14px;background: var(--brand-primary);color: white;border: none;border-radius: 8px;font-size: 16px;font-weight: 700;cursor: pointer;transition: background 0.3s ease}.submit-review-btn:hover{background: #e66a00}.product-tags-wrapper{position: absolute;top: 8px;left: 8px;display: flex;flex-direction: column;gap: 4px;z-index: 10;pointer-events: none;max-width: calc(100% - 16px);min-width: fit-content}.product-tags-wrapper .product-badge,.product-tags-wrapper .badge{position: static;display: inline-block;z-index: 1;pointer-events: auto;min-width: fit-content}.product-badge{position: absolute;top: 8px;left: 8px;padding: 3px 8px;border-radius: 6px;font-size: 10px;font-weight: 700;color: white;z-index: 10;text-transform: uppercase;transition: all 0.25s ease;white-space: nowrap;max-width: 100px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}.product-badge.bestseller{background: linear-gradient(135deg,#ff4500,#ff6347);box-shadow: 0 2px 8px rgba(255,69,0,0.4)}.product-badge.toprated{background: linear-gradient(135deg,#ffc107,#ffca28);color: #333;box-shadow: 0 2px 8px rgba(255,193,7,0.4)}.product-badge.sale{background: linear-gradient(135deg,#e74c3c,#c0392b);box-shadow: 0 2px 8px rgba(231,76,60,0.4)}.product-badge.newarrival{background: linear-gradient(135deg,#00d26a,#00ff88);box-shadow: 0 3px 12px rgba(0,210,106,0.5),0 0 0 2px rgba(0,210,106,0.2);color: white;font-weight: 800;letter-spacing: 0.5px}@keyframes newArrivalPulse{0%,100%{box-shadow: 0 3px 12px rgba(0,210,106,0.5),0 0 0 2px rgba(0,210,106,0.2)}50%{box-shadow: 0 3px 16px rgba(0,210,106,0.7),0 0 0 3px rgba(0,210,106,0.3)}}.product-badges-container{position: absolute;top: 10px;left: 10px;display: flex;flex-direction: column;gap: 6px;z-index: 10}.product-badges-container .product-badge{position: static}@media (max-width: 768px){.review-submission-form{padding: 20px}.product-badge{font-size: 9px;padding: 2px 6px;border-radius: 4px;max-width: 80px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}.product-tags-wrapper{top: 6px;left: 6px;gap: 3px;max-width: calc(100% - 12px)}.badge{font-size: 9px;padding: 2px 6px;border-radius: 4px;top: 6px;left: 6px;max-width: 70px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}}.cat-pill{display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;background: var(--input-bg);border: 1px solid var(--border-color);color: var(--text-main);font-size: 14px;font-weight: 500;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;text-decoration: none;white-space: nowrap;flex-shrink: 0}.cat-pill:hover{border-color: var(--brand-primary);color: var(--brand-primary);transform: translateY(-2px);background-color: var(--bg-card)}.cat-pill.active-category{background: linear-gradient(135deg,#ff7700,#e66a00);color: #ffffff;border-color: #ff7700;box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.cat-more-wrap{position: relative;flex-shrink: 0}.cat-more-btn{display: inline-flex;align-items: center;gap: 6px;padding: 8px 16px;background: var(--input-bg);border: 1px solid var(--border-color);color: var(--text-main);font-size: 14px;font-weight: 500;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;white-space: nowrap}.cat-more-btn:hover{border-color: var(--brand-primary);color: var(--brand-primary)}.cat-more-dropdown{position: absolute;top: calc(100% + 8px);right: 0;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;padding: 8px;min-width: 180px;box-shadow: 0 8px 24px rgba(0,0,0,0.15);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.3s ease;z-index: 980}.cat-more-dropdown.is-open{opacity: 1;visibility: visible;transform: translateY(0)}.cat-more-dropdown .cat-pill{display: block;width: 100%;margin-bottom: 4px;text-align: left}.cat-more-dropdown .cat-pill:last-child{margin-bottom: 0}.cat-pill-visible{display: inline-flex}.cat-pill-hidden{display: none}@media (max-width: 768px){.cat-pill-hidden{display: none}}.theme-toggle{background: none;border: 1px solid var(--border-color);color: var(--text-main);width: 44px;height: 44px;min-width: 44px;min-height: 44px;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 18px;transition: all 0.25s ease;flex-shrink: 0;outline: none}.theme-toggle:hover{background-color: var(--brand-primary);border-color: var(--brand-primary);color: #fff;transform: rotate(15deg) scale(1.08);box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.theme-toggle:focus-visible{box-shadow: 0 0 0 2px var(--brand-primary),0 4px 12px rgba(255,119,0,0.3)}.cart-container{position: relative;font-size: 24px;cursor: pointer;background: none;border: 1px solid var(--border-color);color: var(--text-main);padding: 0;line-height: 1;width: 44px;height: 44px;min-width: 44px;min-height: 44px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.25s ease;outline: none;flex-shrink: 0}.cart-container:hover{background-color: var(--input-bg);border-color: var(--brand-primary);color: var(--brand-primary);transform: scale(1.05)}.cart-container:focus-visible{box-shadow: 0 0 0 2px var(--brand-primary)}body.cart-open{overflow: hidden}.cart-drawer{position: fixed;inset: 0;z-index: 1050;pointer-events: none;visibility: hidden}.cart-drawer.open{pointer-events: auto;visibility: visible}.cart-drawer-overlay{position: absolute;inset: 0;background: rgba(0,0,0,0.55);opacity: 0;transition: opacity 0.35s ease;will-change: opacity}.cart-drawer.open .cart-drawer-overlay{opacity: 1}.cart-drawer-panel{position: absolute;top: 0;right: 0;height: 100%;width: min(420px,100%);background-color: var(--bg-card);border-left: 1px solid var(--border-color);display: flex;flex-direction: column;transform: translateX(100%);transition: transform 0.38s cubic-bezier(0.22,1,0.36,1);box-shadow: -12px 0 40px rgba(0,0,0,0.25);color: var(--text-main);will-change: transform}.cart-drawer.open .cart-drawer-panel{transform: translateX(0)}.cart-drawer-header{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 20px 22px 16px;border-bottom: 1px solid var(--border-color);flex-shrink: 0}.cart-drawer-header h2{color: var(--brand-primary);font-size: 1.15rem;margin: 0}.cart-drawer-header .close-cart-modal{position: static;font-size: 32px;line-height: 1;background: none;border: none;color: var(--text-muted);cursor: pointer;padding: 0;width: 44px;height: 44px;min-width: 44px;min-height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%}.cart-drawer-header .close-cart-modal:hover{color: var(--brand-primary)}.cart-drawer-body{flex: 1;overflow-y: auto;padding: 16px 22px}.cart-drawer-footer{flex-shrink: 0;padding: 16px 22px 22px;border-top: 1px solid var(--border-color);background: var(--bg-card)}.cart-subtotal{display: flex;justify-content: space-between;align-items: center;font-size: 18px;font-weight: bold;margin-bottom: 14px}.cart-subtotal-value{color: var(--brand-primary)}.cart-count{position: absolute;top: -8px;right: -10px;background-color: var(--brand-primary);color: white;font-size: 12px;padding: 2px 6px;border-radius: 50%;font-weight: bold}body:not(.dark-mode) .cart-drawer-header .close-cart-modal{color: var(--text-muted) !important}body:not(.dark-mode) .cart-drawer-body .cart-item h4{color: var(--text-main) !important}body:not(.dark-mode) .cart-drawer-body .cart-item .qty-controls span{color: var(--text-main) !important}body:not(.dark-mode) .cart-drawer-footer .cart-subtotal{color: var(--text-main) !important}.hero{height: 60vh;display: flex;align-items: center;justify-content: center;text-align: center;background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.7)),url('https://via.placeholder.com/1920x1080/222/333?text=Gaming+Background') center/cover;color: #f8f8f8}.hero-content h1{font-size: 3rem;margin-bottom: 15px;text-transform: uppercase;color: #f8f8f8}.hero-content p{font-size: 1.1rem;color: #cccccc;margin-bottom: 30px;max-width: 600px;margin-left: auto;margin-right: auto}.btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 30px;background-color: var(--brand-primary);color: white;text-decoration: none;font-size: 1rem;font-weight: bold;border-radius: 4px;transition: var(--transition);position: relative}.btn-primary:hover{background-color: white;color: var(--brand-primary);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,119,0,0.3)}.products-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(250px,1fr));gap: 25px;max-width: 1400px;margin: 30px auto;padding: 0 5%;box-sizing: border-box;justify-items: start}.products-grid .product-card{background-color: var(--bg-card);border-radius: 12px;overflow: hidden;transition: all 0.25s ease;border: 1px solid transparent;display: flex;flex-direction: column;height: 100%;box-shadow: 0 4px 20px rgba(0,0,0,0.06);box-sizing: border-box;width: 100%;max-width: 280px}body.dark-mode .products-grid .product-card{box-shadow: 0 4px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.03)}.products-grid .product-card:hover{border-color: var(--brand-primary);transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0,0,0,0.08),0 0 0 1px color-mix(in srgb,var(--brand-primary) 20%,transparent)}body.dark-mode .products-grid .product-card:hover{box-shadow: 0 12px 32px rgba(0,0,0,0.5),0 0 0 1px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.product-card-img{width: 100%;height: 220px;aspect-ratio: 1 / 1;object-fit: cover;display: block;background-color: #f2f2f2;transition: transform 0.25s ease}.products-grid .product-card:hover .product-card-img{transform: scale(1.05)}.product-title{font-size: 0.98rem;font-weight: 600;margin: 0 0 10px;color: var(--text-main);line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: calc(1.4em * 2)}.price-box{display: flex;align-items: baseline;justify-content: center;flex-wrap: wrap;gap: 6px}.product-actions{display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 10px 18px 18px;box-sizing: border-box;margin-top: auto}.product-info .product-actions{padding: 10px 0 0;margin-top: 10px}.action-buttons{display: flex;gap: 10px;margin-top: 10px}.action-buttons .add-to-cart-btn{flex: 0 0 44px;width: 44px;height: 44px;border-radius: 8px;border: 1px solid var(--brand-primary);background-color: transparent;color: var(--brand-primary);cursor: pointer;font-size: 1rem;display: inline-flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0;padding: 0}.action-buttons .add-to-cart-btn:hover{background-color: var(--brand-primary);color: #ffffff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.action-buttons .view-details-btn{flex: 1 1 auto;min-width: 0;padding: 0 16px;height: 44px;line-height: 44px;background-color: var(--brand-primary);border: 1px solid var(--brand-primary);color: #ffffff;border-radius: 8px;cursor: pointer;font-weight: 700;font-size: 0.92rem;text-align: center;transition: all 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.action-buttons .view-details-btn:hover{background-color: #e66a00;border-color: #e66a00;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(255,119,0,0.35)}.btn-cart-icon{flex: 0 0 44px;width: 44px;height: 44px;border-radius: 8px;border: 1px solid var(--brand-primary);background-color: transparent;color: var(--brand-primary);cursor: pointer;font-size: 1rem;display: inline-flex;align-items: center;justify-content: center;transition: all 0.2s ease;flex-shrink: 0}.btn-cart-icon:hover{background-color: var(--brand-primary);color: #ffffff;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.btn-buy-now{flex: 1 1 auto;min-width: 0;padding: 0 16px;height: 44px;line-height: 44px;background-color: var(--brand-primary);border: 1px solid var(--brand-primary);color: #ffffff;border-radius: 8px;cursor: pointer;font-weight: 700;font-size: 0.92rem;text-align: center;transition: all 0.2s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.btn-buy-now:hover{background-color: #e66a00;border-color: #e66a00;transform: translateY(-2px);box-shadow: 0 4px 15px rgba(255,119,0,0.35);animation: none}@keyframes buyNowPulse{0%,100%{box-shadow: 0 0 0 0 rgba(255,119,0,0.4)}50%{box-shadow: 0 0 0 8px rgba(255,119,0,0.1)}}.products{padding: 60px 5%;max-width: 1400px;margin: 0 auto}.section-title{text-align: center;margin-bottom: 50px}.section-title h2{font-size: 2.5rem;font-weight: 800;margin-bottom: 15px;letter-spacing: -0.5px}.section-title span{color: var(--brand-primary)}.product-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));gap: 25px;justify-items: start}.product-card{background-color: var(--bg-card);border-radius: 12px;overflow: hidden;transition: all 0.25s ease;border: 1px solid transparent;display: flex;flex-direction: column;height: 100%;box-shadow: 0 4px 20px rgba(0,0,0,0.06);width: 100%;max-width: 280px}body.dark-mode .product-card{box-shadow: 0 4px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.03)}.product-card:hover{border-color: var(--brand-primary);transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0,0,0,0.08),0 0 0 1px color-mix(in srgb,var(--brand-primary) 20%,transparent)}body.dark-mode .product-card:hover{box-shadow: 0 12px 32px rgba(0,0,0,0.5),0 0 0 1px color-mix(in srgb,var(--brand-primary) 25%,transparent)}.product-image{position: relative;width: 100%;overflow: hidden;aspect-ratio: 1 / 1}.product-image img{width: 100%;height: 220px;aspect-ratio: 1 / 1;object-fit: cover;display: block;transform: scale(1);transition: transform var(--transition)}.product-card:hover .product-image img,.product-image:hover img{transform: scale(1.08)}.skeleton-card{background-color: var(--bg-card);border-radius: 12px;overflow: hidden;width: 100%;max-width: 280px;box-sizing: border-box;border: 1px solid transparent;box-shadow: 0 4px 20px rgba(0,0,0,0.06)}body.dark-mode .skeleton-card{box-shadow: 0 4px 20px rgba(0,0,0,0.25),0 0 0 1px rgba(255,255,255,0.03)}.skeleton-card-img{width: 100%;height: 220px;aspect-ratio: 1 / 1;display: block;background-color: #e5e7eb;position: relative;overflow: hidden}body.dark-mode .skeleton-card-img{background-color: #2a2a2e}.skeleton-card-body{padding: 15px}.skeleton-line{height: 14px;border-radius: 6px;background-color: #e5e7eb;margin-bottom: 10px;position: relative;overflow: hidden}body.dark-mode .skeleton-line{background-color: #2a2a2e}.skeleton-line-title{height: 16px;width: 85%}.skeleton-line-price{height: 18px;width: 45%}.skeleton-line-actions{height: 38px;width: 100%;margin-top: 12px;border-radius: 8px}@keyframes skeletonShimmer{0%{background-position: -400px 0}100%{background-position: 400px 0}}.skeleton-card-img::after,.skeleton-line::after,.skeleton-line-actions::after{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.55) 50%,transparent 100%);background-size: 800px 100%;animation: skeletonShimmer 1.4s ease-in-out infinite}body.dark-mode .skeleton-card-img::after,body.dark-mode .skeleton-line::after,body.dark-mode .skeleton-line-actions::after{background: linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.08) 50%,transparent 100%);background-size: 800px 100%}.badge{position: absolute;top: 8px;left: 8px;background-color: var(--brand-primary);padding: 3px 8px;font-size: 10px;font-weight: bold;border-radius: 6px;transition: all 0.25s ease;white-space: nowrap;max-width: 90px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}.badge.discount{background-color: #ff9900;box-shadow: 0 2px 8px rgba(255,153,0,0.35)}.product-info{padding: 18px;text-align: center}.product-info h3{font-size: 1rem;margin-bottom: 10px;color: var(--text-main);display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1.4}.price{margin-bottom: 15px}.current-price{font-size: 1.2rem;font-weight: bold;color: var(--brand-primary)}.old-price{font-size: 0.9rem;text-decoration: line-through;color: var(--text-muted);margin-left: 8px}.add-to-cart-btn{width: 100%;padding: 10px;background-color: transparent;border: 1px solid var(--brand-primary);color: var(--brand-primary);font-weight: bold;font-size: 0.9rem;cursor: pointer;border-radius: 4px;transition: var(--transition)}.add-to-cart-btn:hover{background-color: var(--brand-primary);color: white;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,119,0,0.3)}footer{text-align: center;padding: 25px;background-color: var(--bg-card);color: var(--text-muted);border-top: 1px solid var(--border-color);font-size: 14px;transition: background-color var(--transition),border-color var(--transition),color var(--transition)}.modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.85);backdrop-filter: blur(5px);justify-content: center;align-items: center;overflow-y: auto}.modal-content{background-color: var(--bg-card);margin: 20px auto;padding: 25px;border-radius: 12px;width: 90%;max-width: 500px;position: relative;border: 1px solid var(--border-color)}.close-btn,.close-modal{position: absolute;right: 15px;top: 10px;font-size: 28px;cursor: pointer;color: var(--text-muted)}.close-btn:hover,.close-modal:hover{color: var(--brand-primary)}.product-detail-wrapper{display: flex;gap: 25px;margin-top: 15px}.gallery-container{display: flex;gap: 12px;width: 50%}.thumbnail-list{display: flex;flex-direction: column;gap: 10px}.thumb{width: 55px;height: 55px;object-fit: cover;border-radius: 6px;cursor: pointer;border: 2px solid transparent;opacity: 0.6}.thumb.active,.thumb:hover{border-color: var(--brand-primary);opacity: 1}.main-image{flex: 1;overflow: hidden}.main-image img{width: 100%;border-radius: 8px;transform: scale(1);transition: transform var(--transition)}.main-image:hover img{transform: scale(1.08)}.details-container{width: 50%;display: flex;flex-direction: column;gap: 12px}.product-code{font-size: 14px;color: var(--text-muted)}.modal-actions{display: flex;gap: 10px;margin-top: 10px}.order-now-btn{flex: 1;background: var(--brand-primary);color: white;font-weight: bold;border: none;border-radius: 6px;cursor: pointer}@media (max-width: 768px){.product-detail-wrapper{flex-direction: column}.gallery-container,.details-container{width: 100%}}.action-buttons{display: flex;gap: 10px;margin-top: 10px}.action-buttons .add-to-cart-btn,.action-buttons .view-details-btn{flex: 1;padding: 10px 5px;border-radius: 4px;font-size: 0.9rem;font-weight: bold;cursor: pointer;text-align: center;text-decoration: none;transition: var(--transition)}.view-details-btn{background-color: var(--input-bg);color: var(--text-main);border: 1px solid var(--border-color);display: flex;align-items: center;justify-content: center}.view-details-btn:hover{background-color: var(--brand-primary);border-color: var(--brand-primary);color: white}.quick-view-btn{position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%);background-color: rgba(255,119,0,0.95);color: white;border: none;padding: 8px 16px;border-radius: 20px;font-size: 0.9rem;font-weight: bold;cursor: pointer;transition: var(--transition);opacity: 0;display: flex;align-items: center;gap: 6px;z-index: 10}.product-card:hover .quick-view-btn{bottom: 20px;opacity: 1}.quick-view-btn:hover{background-color: white;color: var(--brand-primary)}.form-group{margin-bottom: 12px;text-align: left}.form-group label{display: block;margin-bottom: 5px;color: var(--text-main);font-size: 13px}.form-group input,.form-group textarea,.form-group select{width: 100%;padding: 10px;border: 1px solid var(--input-border);border-radius: 6px;background-color: var(--input-bg);color: var(--text-main);font-family: inherit;box-sizing: border-box;font-size: 14px;transition: border-color var(--transition),background-color var(--transition),color var(--transition)}.form-group textarea{height: 65px;resize: none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline: none;border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.btn-whatsapp-submit{width: 100%;padding: 12px;background-color: #25d366;color: #fff;border: none;border-radius: 8px;font-size: 16px;font-weight: 600;cursor: pointer;margin-top: 10px}.btn-whatsapp-submit:hover{background-color: #1ebd5a}.floating-container{position: fixed;bottom: 20px;right: 20px;display: flex;flex-direction: column;gap: 12px;z-index: 1100}.floating-btn{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 20px;box-shadow: 0 4px 12px rgba(0,0,0,0.3);transition: all 0.3s ease;border: none;cursor: pointer;text-decoration: none}.floating-btn:hover{transform: translateY(-4px) scale(1.05)}.facebook-btn{background-color: #1877f2}.whatsapp-btn{background-color: #25d366}.arrow-btn{background-color: #ff7700}.search-box{position: relative;max-width: 250px;width: 100%}.search-box input{width: 100%;padding: 8px 30px 8px 12px;background: var(--input-bg);border: 1px solid var(--input-border);border-radius: 20px;color: var(--text-main);font-size: 13px;outline: none;transition: border-color var(--transition),background-color var(--transition),color var(--transition)}.search-box input:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.search-box i{position: absolute;right: 12px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 13px}.filter-bar{margin: 25px 0;padding: 20px;background-color: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;display: flex;flex-direction: column;gap: 18px;transition: background-color var(--transition),border-color var(--transition)}.filter-search-wrapper{width: 100%;display: flex;justify-content: center}.filter-search{position: relative;width: 100%;max-width: 520px}.filter-search i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 16px;pointer-events: none;z-index: 1}.filter-search input{width: 100%;padding: 12px 16px 12px 44px;background: var(--input-bg);border: 1.5px solid var(--input-border);border-radius: 10px;color: var(--text-main);font-size: 14px;outline: none;transition: border-color 0.25s ease,background-color var(--transition),color var(--transition),box-shadow 0.25s ease}.filter-search input::placeholder{color: var(--text-muted);opacity: 0.8}.filter-search input:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15);background-color: var(--bg-card)}.filter-categories{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px}.cat-btn{display: inline-flex;align-items: center;gap: 7px;padding: 9px 18px;background: var(--input-bg);border: 1.5px solid var(--input-border);color: var(--text-main);font-size: 13px;font-weight: 500;border-radius: 25px;cursor: pointer;transition: all 0.28s ease;user-select: none;white-space: nowrap}.cat-btn i{font-size: 13px}.cat-btn:hover{border-color: var(--brand-primary);color: var(--brand-primary);transform: translateY(-2px);background-color: var(--bg-card)}.cat-btn.active{background-color: var(--brand-primary);border-color: var(--brand-primary);color: #ffffff;box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.cat-btn.active:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(255,119,0,0.4)}.no-results{text-align: center;padding: 60px 20px;width: 100%}@media (max-width: 768px){.filter-bar{margin: 18px 0;padding: 15px;gap: 15px}.filter-search input{padding: 11px 14px 11px 42px;font-size: 14px}.filter-categories{gap: 8px}.cat-btn{padding: 8px 14px;font-size: 12px}.cat-btn i{font-size: 12px}}@media (max-width: 480px){.filter-categories{justify-content: flex-start;overflow-x: auto;flex-wrap: nowrap;padding-bottom: 5px;-webkit-overflow-scrolling: touch}.filter-categories::-webkit-scrollbar{height: 4px}.filter-categories::-webkit-scrollbar-thumb{background: var(--border-color);border-radius: 2px}}.modal{display: none;position: fixed;z-index: 1000;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.85);align-items: center;justify-content: center;padding: 20px 10px}.modal-content{background-color: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;width: 90%;max-width: 950px;max-height: 90vh;overflow-y: auto;padding: 25px;position: relative;color: var(--text-main);box-sizing: border-box;transition: background-color var(--transition),border-color var(--transition),color var(--transition)}.product-detail-wrapper{display: flex;gap: 25px;align-items: flex-start}.gallery-container{display: flex;gap: 12px;flex: 1;max-width: 50%}.modal-thumbs{display: flex;flex-direction: column;gap: 10px;max-height: 400px;overflow-y: auto;padding-right: 5px;flex-shrink: 0}.modal-thumbs::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width: 5px}.modal-thumbs::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background: #ff7700;border-radius: 4px}.main-image{flex: 1;text-align: center;background: var(--input-bg);border-radius: 8px;padding: 10px;overflow: hidden;transition: background-color var(--transition)}.main-image img{width: 100%;max-height: 380px;object-fit: contain;border-radius: 6px;transform: scale(1);transition: transform var(--transition)}.main-image:hover img{transform: scale(1.08)}@media (max-width: 768px){.product-detail-wrapper{flex-direction: column}.gallery-container{max-width: 100%;flex-direction: column-reverse}.modal-thumbs{flex-direction: row;overflow-x: auto;max-height: none;width: 100%}}html{max-width: 100%;overflow-x: clip}body{max-width: 100%;margin: 0;padding: 0;-webkit-overflow-scrolling: touch}@media (max-width: 768px){.main-header{padding: 8px 12px}.header-wrapper{padding: 0;gap: 8px;flex-wrap: nowrap !important;width: 100%}.logo{flex: 0 0 auto}.logo img{height: 32px;max-width: 70px}.search-bar{flex: 1 1 auto;max-width: none;min-width: 0;margin: 0}.search-bar input{padding: 8px 30px 8px 12px;font-size: 13px}.search-bar i{right: 12px;font-size: 12px}.header-actions{gap: 10px;flex: 0 0 auto}.theme-toggle{width: 44px;height: 44px;min-width: 44px;min-height: 44px;font-size: 14px}.cart-container{font-size: 18px}.cart-count{font-size: 10px;padding: 1px 5px;top: -6px;right: -8px}.category-nav-bar{padding: 8px 12px;max-width: 100%;overflow-x: hidden;box-sizing: border-box}.category-nav-wrapper{padding: 0;display: flex;justify-content: space-between;align-items: center;width: 100%;box-sizing: border-box;max-width: 100%;overflow-x: hidden}.category-nav-bar .category-links{gap: 8px;padding: 0;justify-content: center;display: flex}.category-nav-bar .cat-pill{flex-shrink: 0;font-size: 13px;padding: 8px 14px;min-height: 44px;display: inline-flex;align-items: center;white-space: nowrap;border-radius: 20px}.search-box{display: none}.mobile-category-nav{display: none !important}.mobile-nav-buttons{display: flex;gap: 6px;align-items: center;justify-content: space-between;width: 100%;flex-wrap: nowrap;max-width: 100%;box-sizing: border-box;overflow: hidden}.mobile-nav-btn{flex: 1 1 0;min-width: 0;display: flex;align-items: center;justify-content: center;gap: 4px;padding: 0 6px;min-height: 44px;height: 44px;background: var(--brand-primary);color: white;border: none;border-radius: 8px;font-size: 12px;font-weight: 600;cursor: pointer;transition: all 0.25s ease;white-space: nowrap;position: relative;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;outline: none}.mobile-nav-btn:hover{background: #e66a00;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(255,119,0,0.35)}.mobile-nav-btn:focus-visible{box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--brand-primary)}.mobile-nav-btn i{font-size: 12px;flex-shrink: 0}}@media (max-width: 360px){.mobile-nav-buttons{gap: 4px}.mobile-nav-btn{padding: 0 4px;min-height: 44px;height: 44px;font-size: 11px;gap: 2px}.mobile-nav-btn i{font-size: 11px}.floating-social-container{right: 10px !important;bottom: 20px !important}.social-btn{width: 44px !important;height: 44px !important;font-size: 16px !important}.social-btn .cart-count{width: 18px !important;height: 18px !important;font-size: 10px !important;top: -2px !important;right: -2px !important}}@media (max-width: 768px){.mobile-category-menu{display: none;position: absolute;top: calc(100% + 8px);left: 0;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.2);z-index: 980;max-height: 80vh;overflow-y: auto;min-width: 160px;max-width: 85vw;box-sizing: border-box}.mobile-category-menu.is-open{display: block}.mobile-contact-submenu{display: none;position: absolute;top: calc(100% + 8px);right: 0;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 12px;box-shadow: 0 8px 24px rgba(0,0,0,0.2);z-index: 980;min-width: 130px;max-width: 85vw;box-sizing: border-box}.mobile-contact-submenu.is-open{display: block}.mobile-menu-item{display: flex;align-items: center;gap: 10px;padding: 12px 16px;color: var(--text-main);text-decoration: none;border-bottom: 1px solid var(--border-color);transition: background 0.2s ease;font-size: 14px}.mobile-menu-item:last-child{border-bottom: none}.mobile-menu-item:hover{background: var(--input-bg);color: var(--brand-primary)}.mobile-menu-divider{height: 1px;background: var(--border-color);margin: 8px 0}.mobile-menu-expandable{cursor: pointer;flex-direction: column;align-items: flex-start}.mobile-menu-expandable > span{display: flex;align-items: center;justify-content: space-between;width: 100%}.mobile-menu-submenu{display: none;flex-direction: column;padding-left: 20px;border-top: 1px solid var(--border-color);margin-top: 8px}.mobile-menu-submenu.is-open{display: flex}.mobile-menu-subitem{display: flex;align-items: center;gap: 10px;padding: 10px 16px;color: var(--text-main);text-decoration: none;border-bottom: 1px solid var(--border-color);font-size: 13px}.mobile-menu-subitem:last-child{border-bottom: none}.mobile-menu-subitem:hover{background: var(--input-bg);color: var(--brand-primary)}.floating-social-container .facebook,.floating-social-container .whatsapp,.floating-social-container .scroll-to-top-btn{display: none !important}.floating-social-container .cart-floating{display: flex !important}}@media (min-width: 769px){.mobile-category-dropdown{display: none !important}}@media (max-width: 768px){.mobile-category-dropdown{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100%;box-sizing: border-box;padding: 0}.mobile-category-btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 12px 20px;background: linear-gradient(135deg,rgba(255,119,0,0.12),rgba(255,119,0,0.03));border: 1.5px solid rgba(255,119,0,0.5);color: var(--text-main,#fff);font-size: 0.95rem;font-weight: 700;border-radius: 14px;cursor: pointer;box-shadow: 0 4px 14px rgba(255,119,0,0.12),inset 0 1px 0 rgba(255,255,255,0.03);transition: all 0.24s cubic-bezier(0.2,0.8,0.2,1);letter-spacing: 0.2px;box-sizing: border-box}.mobile-category-btn i{font-size: 1rem;color: #ff7700}.mobile-category-btn:hover{background: linear-gradient(135deg,rgba(255,119,0,0.20),rgba(255,119,0,0.06));border-color: #ff7700;transform: translateY(-1px);box-shadow: 0 8px 20px rgba(255,119,0,0.22)}.mobile-category-btn:active{transform: translateY(0) scale(0.992);box-shadow: 0 3px 10px rgba(255,119,0,0.18)}.products .products-grid{grid-template-columns: repeat(2,1fr);gap: 12px;margin: 16px auto 24px;padding: 0 10px;justify-items: stretch;align-items: stretch}.products .product-card{height: auto;min-height: 0;border-radius: 14px;box-shadow: 0 3px 10px rgba(0,0,0,0.10);background: var(--bg-card,#1b1b22)}.products .product-card:hover{transform: translateY(-3px) scale(1.01)}.products .product-image{aspect-ratio: 1 / 1;width: 100%;height: auto;overflow: hidden;background: #0f0f14;position: relative;display: block}.products .product-image::after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,rgba(255,255,255,0.03),rgba(0,0,0,0) 30%);pointer-events: none}.products .product-image img{width: 100%;height: 100%;aspect-ratio: 1 / 1;object-fit: cover;object-position: center;display: block}.products .product-info{padding: 10px 10px 12px;text-align: left;display: flex;flex-direction: column;gap: 8px;flex: 1 1 auto}.products .product-info h3{font-size: 0.82rem;line-height: 1.35;margin: 0;color: var(--text-main,#fff);font-weight: 600;-webkit-line-clamp: 2;line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: calc(1.35em * 2);white-space: normal}.products .price{margin: 0;display: flex;align-items: baseline;justify-content: flex-start;flex-wrap: wrap;gap: 6px}.products .current-price{font-size: 0.95rem;font-weight: 800;color: #ff7700;letter-spacing: -0.2px}.products .old-price{font-size: 0.72rem;color: var(--text-muted,#888);text-decoration: line-through;margin-left: 0}.products .action-buttons{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin-top: 4px}.products .action-buttons .add-to-cart-btn,.products .action-buttons .view-details-btn{flex: 1 1 0;min-width: 0;padding: 8px 4px;border-radius: 10px;font-size: 0.78rem;font-weight: 700;line-height: 1.2;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;max-width: 100%;height: 44px;min-height: 44px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;letter-spacing: 0.1px}.products .action-buttons .add-to-cart-btn{background: linear-gradient(135deg,rgba(255,119,0,0.08),rgba(255,119,0,0.02));border: 1.5px solid rgba(255,119,0,0.7);color: #ff7700}.products .action-buttons .add-to-cart-btn:hover{background: #ff7700;color: #fff;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(255,119,0,0.28)}.products .action-buttons .add-to-cart-btn:active{transform: translateY(0) scale(0.985)}.products .action-buttons .view-details-btn{background: var(--input-bg,rgba(255,255,255,0.04));border: 1.5px solid var(--border-color,rgba(255,255,255,0.08));color: var(--text-main,#fff)}.products .action-buttons .view-details-btn:hover{background: var(--bg-card,#1a1a22);border-color: rgba(255,255,255,0.18);transform: translateY(-1px)}.products .product-badge{padding: 2px 6px;font-size: 8px;border-radius: 4px;top: 6px;left: 6px;font-weight: 700;letter-spacing: 0.1px;max-width: 70px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}.products .product-tags-wrapper{top: 6px;left: 6px;gap: 3px;max-width: calc(100% - 12px)}}@media (max-width: 360px){.products .product-info h3{font-size: 0.78rem}.products .current-price{font-size: 0.88rem}.products .action-buttons .add-to-cart-btn,.products .action-buttons .view-details-btn{font-size: 0.72rem;height: 44px;min-height: 44px;padding: 6px 3px;letter-spacing: 0}}@media (max-width: 560px){.main-header{padding: 6px 10px}.header-wrapper{gap: 6px;flex-wrap: nowrap !important}.logo img{height: 28px;max-width: 60px}.theme-toggle{width: 44px;height: 44px;min-width: 44px;min-height: 44px;font-size: 12px}.cart-container{font-size: 16px}.search-bar input{padding: 7px 28px 7px 10px;font-size: 12px}}@media (max-width: 768px){.hero-section{padding: 12px 5% !important;min-height: auto !important;margin-top: 0 !important;margin-bottom: 8px !important}.hero{height: auto;min-height: 30vh;padding: 20px 5%}.btn-primary{padding: 8px 16px;font-size: 0.85rem}.products{padding: 20px 4%}.products-grid{grid-template-columns: repeat(2,1fr);gap: 12px;max-width: 600px;margin: 20px auto;padding: 0 4%;justify-items: center}.products-grid .product-card{width: 100%;max-width: 280px;border-radius: 10px}.products-grid .product-card:hover{transform: translateY(-3px)}.product-card-img{height: 170px;aspect-ratio: 1 / 1}.section-title{margin-bottom: 15px}.section-title h2{font-size: 1.4rem}.product-grid{grid-template-columns: repeat(2,1fr);gap: 10px}.product-card{border-radius: 8px}.product-card:hover{transform: translateY(-4px)}.product-image img{aspect-ratio: 1 / 1;object-fit: cover}.badge{top: 6px;left: 6px;padding: 2px 6px;font-size: 9px;border-radius: 4px;max-width: 70px;overflow: hidden;text-overflow: ellipsis;min-width: fit-content}.product-tags-wrapper{top: 6px;left: 6px;gap: 3px;max-width: calc(100% - 12px)}.product-info{padding: 10px 8px 12px}.product-info h3{font-size: 0.85rem;margin-bottom: 6px}.product-title{font-size: 0.85rem;margin-bottom: 6px;-webkit-line-clamp: 2;line-clamp: 2;min-height: calc(1.4em * 2)}.price{margin-bottom: 10px}.current-price{font-size: 0.95rem}.old-price{font-size: 0.75rem;margin-left: 4px}.product-actions{gap: 8px;padding: 8px 10px 12px}.btn-cart-icon{width: 38px;height: 38px;flex: 0 0 38px;font-size: 0.9rem}.btn-buy-now{height: 38px;line-height: 38px;padding: 0 10px;font-size: 0.82rem}.add-to-cart-btn{padding: 8px;font-size: 0.8rem;border-radius: 5px}.add-to-cart-btn:hover{transform: translateY(-1px)}}@media (max-width: 560px){.products-grid{grid-template-columns: repeat(2,1fr);gap: 10px;margin: 15px auto;padding: 0 10px;justify-items: center}.products-grid .product-card{max-width: 100%;border-radius: 10px}.product-card-img{height: 150px;aspect-ratio: 1 / 1}.product-info{padding: 8px 8px 10px}.product-info h3{font-size: 0.82rem;margin-bottom: 5px}.product-title{font-size: 0.82rem;margin-bottom: 5px}.current-price{font-size: 0.92rem}.old-price{font-size: 0.75rem}.product-actions{gap: 6px;padding: 6px 8px 10px}.btn-cart-icon{width: 36px;height: 36px;flex: 0 0 36px}.btn-buy-now{height: 36px;line-height: 36px;padding: 0 8px;font-size: 0.78rem}}@media (max-width: 420px){.product-grid{gap: 10px}.products-grid{gap: 10px;padding: 0 8px}.product-info{padding: 10px 8px 12px}.product-info h3{font-size: 0.82rem;margin-bottom: 6px}.current-price{font-size: 0.92rem}.old-price{font-size: 0.75rem}.add-to-cart-btn{padding: 7px;font-size: 0.78rem}.section-title h2{font-size: 1.5rem}.hero-content h1{font-size: 1.7rem}.filter-bar{margin: 18px 0;padding: 14px;gap: 12px;border-radius: 10px}}.floating-social-container{position: fixed;bottom: 30px;right: 20px;display: flex;flex-direction: column;gap: 15px;z-index: 1100}.social-btn{width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;color: #ffffff;text-decoration: none;box-shadow: 0 4px 15px rgba(0,0,0,0.3);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative;border: none;cursor: pointer}.social-btn:hover{transform: translateY(-4px) scale(1.1);box-shadow: 0 8px 25px rgba(0,0,0,0.4)}.social-btn.facebook{background: linear-gradient(135deg,#1877f2,#0d65d9);font-size: 20px}.social-btn.facebook:hover{background: linear-gradient(135deg,#0d65d9,#1877f2)}.social-btn.whatsapp{background: linear-gradient(135deg,#25d366,#1ebd5a);font-size: 24px}.social-btn.whatsapp:hover{background: linear-gradient(135deg,#1ebd5a,#25d366)}.social-btn.cart-floating{background: linear-gradient(135deg,#ff7700,#e66a00);font-size: 20px}.social-btn.cart-floating:hover{background: linear-gradient(135deg,#e66a00,#ff7700)}.social-btn .cart-count{position: absolute;top: -4px;right: -4px;background: #fff;color: #ff7700;border-radius: 50%;width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: bold;box-shadow: 0 2px 8px rgba(0,0,0,0.2)}.scroll-to-top-btn{width: 50px;height: 50px;border-radius: 50%;background: var(--bg-card);border: 2px solid var(--border-color);cursor: pointer;display: flex;align-items: center;justify-content: center;position: relative;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0,0,0,0.2)}.scroll-to-top-btn.visible{opacity: 1;visibility: visible;transform: translateY(0)}.scroll-to-top-btn:hover{background: var(--bg-card);border-color: var(--brand-primary);transform: translateY(-4px);box-shadow: 0 8px 25px rgba(255,119,0,0.3)}.scroll-to-top-btn i{position: absolute;z-index: 2;color: var(--text-main);font-size: 18px;transition: color 0.3s ease}.scroll-to-top-btn:hover i{color: var(--brand-primary)}.progress-ring{position: absolute;top: 0;left: 0;transform: rotate(-90deg)}.progress-ring-circle{stroke: var(--border-color)}.progress-ring-fill{stroke: var(--brand-primary);stroke-dasharray: 138.23;stroke-dashoffset: 138.23;transition: stroke-dashoffset 0.1s ease}.track-order-section{max-width: 1200px;margin: 60px auto;padding: 0 20px}.track-card{background: var(--bg-card,#ffffff);border: 1px solid var(--border-color,#e0e0e0);border-radius: 16px;padding: 30px;box-shadow: 0 8px 30px rgba(0,0,0,0.08);transition: background-color var(--transition),border-color var(--transition)}.track-card h2{margin: 0 0 8px 0;font-size: 1.6rem;color: var(--text-main,#1a1a1a)}.track-card .track-subtitle{color: var(--text-muted,#666666);font-size: 0.9rem;margin-bottom: 22px}.track-input-row{display: flex;gap: 12px;margin-bottom: 20px;flex-wrap: wrap}.track-input-row .track-input-wrap{flex: 1;min-width: 240px;position: relative}.track-input-row input{width: 100%;padding: 14px 16px 14px 44px;background: var(--input-bg,#f0f0f0);border: 1.5px solid var(--input-border,#cccccc);border-radius: 10px;color: var(--text-main,#1a1a1a);font-size: 0.95rem;outline: none;transition: border-color 0.25s ease,background-color var(--transition),color var(--transition),box-shadow 0.25s ease;box-sizing: border-box}.track-input-row input:focus{border-color: var(--brand-primary,#ff7700);box-shadow: 0 0 0 3px rgba(255,119,0,0.15);background: var(--bg-card,#ffffff)}.track-input-row i{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);color: var(--text-muted,#666666);font-size: 16px;pointer-events: none}.track-btn-primary{background: linear-gradient(135deg,var(--brand-primary,#ff7700),#e66a00);color: #fff;border: none;padding: 0 28px;min-height: 48px;border-radius: 10px;font-weight: 700;font-size: 0.95rem;cursor: pointer;box-shadow: 0 4px 16px rgba(255,119,0,0.3);transition: transform 0.2s ease,box-shadow 0.2s ease;white-space: nowrap}.track-btn-primary:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,119,0,0.4)}.track-btn-primary:active{transform: translateY(0)}.track-result-area{margin-top: 8px}.track-not-found{padding: 22px;background: rgba(230,0,0,0.06);border: 1px solid rgba(230,0,0,0.25);border-radius: 10px;color: var(--text-main,#1a1a1a);display: flex;align-items: center;gap: 12px}.track-not-found i{color: #e60000;font-size: 22px;flex-shrink: 0}.track-loader{padding: 30px;text-align: center;color: var(--brand-primary,#ff7700);font-size: 0.95rem}.order-status-timeline{display: flex;justify-content: space-between;align-items: flex-start;margin: 30px 0 10px;position: relative;padding: 0}.order-status-timeline::before{content: '';position: absolute;top: 22px;left: 22px;right: 22px;height: 3px;background: var(--border-color,#e0e0e0);z-index: 1}.timeline-step{display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2;flex: 1;min-width: 0}.timeline-circle{width: 44px;height: 44px;border-radius: 50%;background: var(--input-bg,#f0f0f0);border: 3px solid var(--border-color,#cccccc);display: flex;align-items: center;justify-content: center;color: var(--text-muted,#999999);font-size: 18px;font-weight: 700;transition: background-color 0.3s ease,border-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease;box-sizing: border-box;flex-shrink: 0}.timeline-label{margin-top: 10px;font-size: 0.8rem;font-weight: 600;color: var(--text-muted,#888);text-align: center;white-space: nowrap;padding: 0 4px}.timeline-label strong{display: block}.timeline-label span{display: block;font-weight: 500;font-size: 0.72rem;color: var(--text-muted,#aaa);margin-top: 2px;white-space: normal;line-height: 1.25}.timeline-date{margin-top: 3px;font-size: 0.7rem;color: var(--text-muted,#aaa);text-align: center}.timeline-step.is-done .timeline-circle{background: #25d366;border-color: #25d366;color: #fff;box-shadow: 0 2px 10px rgba(37,211,102,0.32)}.timeline-step.is-active .timeline-circle{background: var(--bg-card,#fff);border: 3px solid var(--brand-primary,#ff7700);color: var(--brand-primary,#ff7700);box-shadow: 0 0 0 6px rgba(255,119,0,0.18);animation: timelinePulse 2s ease-in-out infinite}.timeline-step.is-active .timeline-label strong{color: var(--brand-primary,#ff7700);font-weight: 800}.timeline-step.is-done .timeline-label strong{color: #25d366;font-weight: 700}.timeline-step.is-done .timeline-label span{color: #6ac88f}@keyframes timelinePulse{0%,100%{box-shadow: 0 0 0 6px rgba(255,119,0,0.18)}50%{box-shadow: 0 0 0 10px rgba(255,119,0,0.08)}}.timeline-progress-line{position: absolute;top: 22px;left: 22px;height: 3px;background: linear-gradient(90deg,#25d366,var(--brand-primary,#ff7700));z-index: 1;border-radius: 2px;transition: width 0.5s ease;width: 0;pointer-events: none}.order-status-timeline > .timeline-track{position: absolute;inset: 0;pointer-events: none;z-index: 1}.order-detail-card{background: var(--bg-card,#fff);border: 1px solid var(--border-color,#e0e0e0);border-radius: 12px;padding: 22px;margin-top: 18px}.order-detail-header{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 10px;padding-bottom: 14px;border-bottom: 1px solid var(--border-color,#e0e0e0);margin-bottom: 14px}.order-detail-header .order-id-big{font-size: 1.15rem;font-weight: 800;color: var(--brand-primary,#ff7700)}.order-detail-header .order-grand-total{font-size: 1.3rem;font-weight: 800;color: var(--text-main,#1a1a1a)}.order-detail-meta{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: 10px 24px;margin-bottom: 14px;font-size: 0.88rem;color: var(--text-main,#1a1a1a)}.order-detail-meta > div span:first-child{color: var(--text-muted,#888);font-weight: 500;display: inline-block;margin-right: 5px}.order-items-list{background: var(--input-bg,#f5f5f5);border-radius: 8px;padding: 10px 16px;margin-top: 8px}.order-items-list h5{margin: 8px 0;font-size: 0.85rem;color: var(--text-muted,#777)}.order-items-list ul{list-style: none;padding: 0;margin: 0}.order-items-list li{padding: 6px 0;font-size: 0.9rem;color: var(--text-main,#1a1a1a);border-bottom: 1px dashed var(--border-color,#ddd);display: flex;justify-content: space-between}.order-items-list li:last-child{border-bottom: none}.order-cancelled-alert{margin-top: 14px;padding: 12px 16px;background: rgba(230,0,0,0.08);border: 1px solid rgba(230,0,0,0.25);color: #c00;border-radius: 8px;display: flex;align-items: center;gap: 10px;font-weight: 600}.status-badge{display: inline-flex;align-items: center;gap: 6px;padding: 5px 12px;border-radius: 20px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.2px;border: 1px solid transparent}.status-badge::before{content: '';width: 7px;height: 7px;border-radius: 50%;background: currentColor}.status-pending{background: rgba(130,130,130,0.12);color: #888;border-color: rgba(130,130,130,0.3)}.status-processing{background: rgba(59,130,246,0.12);color: #3b82f6;border-color: rgba(59,130,246,0.3)}.status-shipped{background: rgba(255,119,0,0.12);color: var(--brand-primary,#ff7700);border-color: rgba(255,119,0,0.3)}.status-delivered{background: rgba(37,211,102,0.12);color: #25d366;border-color: rgba(37,211,102,0.3)}.status-cancelled{background: rgba(230,0,0,0.1);color: #e60000;border-color: rgba(230,0,0,0.3)}.pd-reviews-section{margin-top: 35px;padding-top: 25px;border-top: 1px solid var(--border-color,#e0e0e0);display: flex;flex-direction: column;gap: 24px}.rating-summary{display: flex;align-items: center;gap: 28px;flex-wrap: wrap;background: linear-gradient(135deg,rgba(255,119,0,0.05),rgba(255,119,0,0));border: 1px solid var(--border-color,#e0e0e0);border-radius: 14px;padding: 24px 26px;transition: background-color var(--transition),border-color var(--transition)}.rating-summary .rating-number{display: flex;flex-direction: column;align-items: flex-start;min-width: 110px}.rating-summary .rating-number .big{font-size: 3rem;font-weight: 800;color: var(--brand-primary,#ff7700);line-height: 1;letter-spacing: -1px}.rating-summary .rating-number .count{margin-top: 6px;font-size: 0.85rem;color: var(--text-muted,#888)}.star-display{display: inline-flex;position: relative;font-size: 24px;line-height: 1;gap: 2px}.star-display.large{font-size: 32px}.star-display .star-base{color: #d1d1d1}body.dark-mode .star-display .star-base{color: #444}.star-display .star-fill-layer{position: absolute;left: 0;top: 0;display: inline-flex;overflow: hidden;white-space: nowrap;color: #ffb400;line-height: 1;width: calc(var(--rating,0) * 20%);gap: 2px}.rating-distribution{flex: 1;min-width: 260px;display: flex;flex-direction: column;gap: 7px}.rating-dist-row{display: grid;grid-template-columns: 14px 1fr 34px;align-items: center;gap: 10px;font-size: 0.82rem}.rating-dist-row .rd-label{font-weight: 600;color: var(--text-muted,#888);text-align: right}.rating-dist-row .rd-bar{height: 9px;background: var(--input-bg,#eee);border-radius: 10px;overflow: hidden}.rating-dist-row .rd-bar-fill{height: 100%;background: linear-gradient(90deg,#ffb400,var(--brand-primary,#ff7700));border-radius: 10px;transition: width 0.5s ease;width: 0}.rating-dist-row .rd-count{color: var(--text-muted,#888);font-weight: 500;text-align: right}.review-form-card{background: var(--bg-card,#fff);border: 1px solid var(--border-color,#e0e0e0);border-radius: 14px;padding: 24px;transition: background-color var(--transition),border-color var(--transition)}.review-form-card h4{margin: 0 0 16px 0;font-size: 1.1rem;color: var(--text-main,#1a1a1a);display: flex;align-items: center;gap: 8px}.review-form-card h4 i{color: var(--brand-primary,#ff7700)}.star-selector{display: inline-flex;gap: 4px;padding: 4px 0}.star-selector i{font-size: 28px;color: #d1d1d1;cursor: pointer;transition: all 0.18s ease;line-height: 1}body.dark-mode .star-selector i{color: #444}.star-selector i.hovered,.star-selector i.selected{color: #ffb400;transform: scale(1.1)}.star-selector i.selected{text-shadow: 0 1px 6px rgba(255,180,0,0.35)}.btn-review-submit{margin-top: 6px;background: linear-gradient(135deg,var(--brand-primary,#ff7700),#e66a00);color: #fff;border: none;padding: 12px 26px;border-radius: 8px;font-weight: 700;font-size: 0.92rem;cursor: pointer;box-shadow: 0 3px 12px rgba(255,119,0,0.25);transition: transform 0.18s ease,box-shadow 0.18s ease}.btn-review-submit:hover{transform: translateY(-1px);box-shadow: 0 5px 18px rgba(255,119,0,0.35)}.btn-review-submit:disabled{opacity: 0.7;cursor: not-allowed;transform: none}.review-list{display: flex;flex-direction: column;gap: 14px}.review-empty-state{text-align: center;padding: 36px 20px;border: 2px dashed var(--border-color,#d1d1d1);border-radius: 12px;color: var(--text-muted,#888);font-size: 0.95rem}.review-empty-state i{display: block;font-size: 2rem;margin-bottom: 10px;color: var(--brand-primary,#ff7700);opacity: 0.4}.review-card{background: var(--bg-card,#fff);border: 1px solid var(--border-color,#e0e0e0);border-radius: 12px;padding: 18px 20px;transition: background-color var(--transition),border-color var(--transition),box-shadow 0.2s ease}.review-card:hover{box-shadow: 0 6px 20px rgba(0,0,0,0.06);border-color: rgba(255,119,0,0.25)}.review-card-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;flex-wrap: wrap;gap: 8px}.reviewer-name{font-weight: 700;font-size: 0.95rem;color: var(--text-main,#1a1a1a);display: flex;align-items: center;gap: 10px}.reviewer-avatar{width: 34px;height: 34px;border-radius: 50%;background: linear-gradient(135deg,var(--brand-primary,#ff7700),#ffb400);color: #fff;display: inline-flex;align-items: center;justify-content: center;font-weight: 700;font-size: 0.85rem;flex-shrink: 0;text-transform: uppercase}.review-date{color: var(--text-muted,#999);font-size: 0.78rem}.review-text{color: var(--text-main,#1a1a1a);font-size: 0.9rem;line-height: 1.6;margin-top: 8px;word-break: break-word}.admin-order-status-row{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-top: 14px;padding-top: 12px;border-top: 1px solid var(--border-color,#333)}.admin-order-status-row label{font-size: 0.85rem;color: var(--text-muted,#bbb);font-weight: 600;margin: 0}.admin-order-status-row .status-select{flex: 1;min-width: 150px;padding: 8px 12px;background: var(--input-bg,#222);color: var(--text-main,#fff);border: 1px solid var(--input-border,#444);border-radius: 6px;font-size: 0.88rem;font-weight: 600;cursor: pointer;outline: none;transition: border-color 0.2s ease}.admin-order-status-row .status-select:focus{border-color: var(--brand-primary,#ff7700);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.admin-status-save-btn{background: var(--brand-primary,#ff7700);color: #fff;border: none;padding: 8px 16px;border-radius: 6px;font-size: 0.85rem;font-weight: 700;cursor: pointer;transition: background-color 0.2s ease;min-height: 38px}.admin-status-save-btn:hover{background: #e66a00}.admin-status-save-btn.saved-flash{background: #25d366}.admin-order-actions-row{display: flex;gap: 8px;margin-top: 10px;flex-wrap: wrap}.admin-order-actions-row .cancel-btn{background: transparent;color: #ff4d4d;border: 1px solid rgba(230,0,0,0.4);padding: 8px 14px;border-radius: 6px;font-size: 0.85rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease}.admin-order-actions-row .cancel-btn:hover{background: rgba(230,0,0,0.12);color: #e60000}.admin-order-id-line{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding-bottom: 8px;border-bottom: 1px solid var(--border-color,#333);flex-wrap: wrap;gap: 6px}.admin-order-id-line .order-id{color: var(--brand-primary,#ff7700);font-weight: 800;font-size: 0.9rem}.admin-order-filters{display: flex;gap: 8px;margin-bottom: 16px;flex-wrap: wrap}.admin-order-filter-btn{padding: 6px 14px;background: var(--input-bg,#222);color: var(--text-main,#fff);border: 1px solid var(--input-border,#444);border-radius: 20px;font-size: 0.82rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease}.admin-order-filter-btn:hover{border-color: var(--brand-primary,#ff7700);color: var(--brand-primary,#ff7700)}.admin-order-filter-btn.active{background: var(--brand-primary,#ff7700);border-color: var(--brand-primary,#ff7700);color: #fff}@media (max-width: 768px){.track-order-section{padding: 0 16px;margin: 40px auto}.track-card{padding: 22px;border-radius: 14px}.track-card h2{font-size: 1.35rem}.track-input-row{flex-direction: column}.track-btn-primary{width: 100%;justify-content: center;display: inline-flex;align-items: center}.rating-summary{flex-direction: column;align-items: flex-start;padding: 20px;gap: 18px}.rating-summary .rating-number .big{font-size: 2.5rem}.order-status-timeline{flex-direction: column;align-items: flex-start;padding: 0;gap: 2px}.order-status-timeline::before{top: 20px;bottom: 20px;left: 20px;right: auto;width: 3px;height: auto}.timeline-progress-line{top: 20px;left: 20px;width: 3px;height: 0;background: linear-gradient(180deg,#25d366,var(--brand-primary,#ff7700));transition: height 0.5s ease,width 0s !important}.timeline-step{flex-direction: row;align-items: flex-start;gap: 14px;text-align: left;padding: 10px 0;z-index: 2}.timeline-circle{width: 40px;height: 40px;font-size: 16px;flex-shrink: 0;margin-top: 0}.timeline-label{margin: 4px 0 0 0;font-size: 0.85rem;text-align: left}.timeline-date{margin-left: auto;margin-top: 8px;text-align: right}.admin-order-status-row{flex-direction: column;align-items: stretch}.admin-status-save-btn{width: 100%}}@media (max-width: 480px){.track-card{padding: 18px 16px}.track-card h2{font-size: 1.2rem}.track-input-row input{padding: 12px 14px 12px 42px;font-size: 0.9rem}.rating-summary{padding: 18px 16px}.rating-distribution{min-width: 100%}.rating-summary .rating-number .big{font-size: 2.2rem}.star-display.large{font-size: 26px}.review-form-card{padding: 18px 16px}.star-selector i{font-size: 24px}.review-card{padding: 14px 16px}.reviewer-avatar{width: 30px;height: 30px;font-size: 0.78rem}.order-detail-card{padding: 16px}.order-detail-header{flex-direction: column;align-items: flex-start}.order-detail-header .order-grand-total{font-size: 1.1rem}.order-detail-meta{grid-template-columns: 1fr}}@media (min-width: 769px){.category-nav-bar .category-links{flex-wrap: wrap;justify-content: center}}@media (max-width: 768px){.category-nav-bar .category-links{display: none !important}.cat-more-wrap,.cat-more-dropdown{display: none !important}}.product-details-wrapper .product-title,.product-container .product-title,.product-main-section .product-title,.product-details-content h1,.product-details-content h2,.product-details-content h3{word-wrap: break-word !important;overflow-wrap: break-word !important;word-break: break-word !important;white-space: normal !important;max-width: 100% !important}.product-details-container,.product-container,.details-content,.add-to-cart-wrapper{max-width: 100% !important;box-sizing: border-box !important}@media (max-width: 768px){html,body{overflow-x: hidden !important}.product-details-wrapper,.product-main-section,.row{display: flex !important;flex-direction: column !important;width: 100% !important;padding: 10px !important;box-sizing: border-box !important}.product-image-container,.main-image{width: 100% !important;max-width: 100% !important;padding: 0 !important}.product-image-container img,.product-details-wrapper .main-image img,.pd-gallery-sticky .main-image img{max-width: 100% !important;height: auto !important;object-fit: contain !important}.add-to-cart-btn,button{max-width: 100% !important;box-sizing: border-box !important}}.product-info,.product-details-right,.product-details-content,.col-right,.product-details-container > div,.row > div{min-width: 0 !important;max-width: 100% !important;box-sizing: border-box !important;overflow-wrap: break-word !important}.cart-action-group,.add-to-cart-wrapper,.quantity-cart-row,.product-actions{display: flex !important;flex-wrap: nowrap !important;align-items: center !important;gap: 10px !important;width: 100% !important;max-width: 100% !important;box-sizing: border-box !important}.cart-action-group button,.add-to-cart-wrapper button,.add-to-cart-btn{flex: 1 1 auto !important;white-space: nowrap !important;min-width: 0 !important;max-width: 100% !important}.product-details-wrapper .description-text,.product-details-wrapper .product-description,.product-details-wrapper p,.product-details-wrapper span{max-width: 100% !important;white-space: normal !important;word-break: break-word !important}@media (max-width: 768px){.sticky-cart-img{display: none !important}.sticky-cart-bar{padding: 10px 15px !important;background: var(--bg-card,#151518) !important;border-top: 1px solid #ff7700 !important;will-change: transform;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease}}.sticky-cart-bar{transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease;will-change: transform}.sticky-cart-bar.hidden{transform: translateY(100%);opacity: 0;pointer-events: none}.sticky-cart-bar.visible{transform: translateY(0);opacity: 1;pointer-events: auto}.sticky-cart-inner{gap: 10px !important;justify-content: space-between !important}.sticky-cart-info{display: flex !important;flex-direction: column !important;justify-content: center !important}.sticky-cart-name{font-size: 12px !important;max-width: 160px !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important}.sticky-add-to-cart{padding: 10px 18px !important;font-size: 14px !important;min-height: 44px !important;border-radius: 6px !important;white-space: nowrap !important}@media (max-width: 768px){.pd-gallery-sticky{flex-direction: row !important;gap: 10px !important;align-items: flex-start !important}.pd-gallery-sticky .main-image{flex: 1 !important;height: 260px !important;max-height: 260px !important}.pd-gallery-sticky .main-image img{max-height: 260px !important;object-fit: contain !important}.pd-thumbnail-list{flex-direction: column !important;width: 65px !important;max-height: 260px !important;overflow-y: auto !important;overflow-x: hidden !important;gap: 8px !important;padding-right: 5px !important}.pd-thumb{width: 60px !important;height: 60px !important;flex-shrink: 0 !important}.product-image-wrapper,.product-images,.image-section{display: flex !important;flex-direction: row !important;gap: 10px !important;align-items: flex-start !important;width: 100% !important;max-height: 260px !important;margin-bottom: 15px !important}.product-main-image{flex: 1 !important;height: 260px !important;display: flex !important;align-items: center !important;justify-content: center !important}.product-main-image img{max-height: 260px !important;width: 100% !important;object-fit: contain !important}.product-gallery,.thumbnail-images,.image-thumbnails{display: flex !important;flex-direction: column !important;width: 65px !important;max-height: 260px !important;overflow-y: auto !important;gap: 8px !important;padding-right: 5px !important}.product-gallery img,.thumbnail-images img,.image-thumbnails img{width: 60px !important;height: 60px !important;object-fit: cover !important;border-radius: 6px !important;border: 1px solid #444 !important;cursor: pointer !important}}@media (max-width: 768px){html,body{margin: 0 !important;padding: 0 !important}}.hero-section .hero-inner{display: flex;align-items: center;max-width: 1400px;margin: 0 auto;padding: 50px 5%;gap: 40px}.hero-section .hero-text-col{min-width: 0;flex: 1;text-align: left}.hero-section .hero-text-col h1{font-size: clamp(1.6rem,4.2vw,2.8rem);font-weight: 800;letter-spacing: 0.4px;line-height: 1.15;margin-bottom: 12px;color: var(--text-main)}.hero-section .hero-text-col p{font-size: clamp(0.85rem,2vw,1rem);margin-bottom: 8px;color: var(--text-main);line-height: 1.55}.hero-section .hero-visual-col{flex: 1;display: flex;justify-content: center;position: relative}.hero-section .hero-phone-float{width: clamp(220px,28vw,300px);aspect-ratio: 9 / 12;border: 12px solid var(--border-color);border-radius: 38px;background: var(--bg-card);box-shadow: 0 30px 60px rgba(255,119,0,0.25);animation: heroFloat 3.5s ease-in-out infinite;position: relative;overflow: hidden}.hero-section .hero-phone-float::before{content: '';position: absolute;inset: 14px;border-radius: 26px;background: linear-gradient(165deg,color-mix(in srgb,var(--brand-primary) 40%,transparent),transparent 48%),linear-gradient(180deg,var(--input-bg),var(--bg-card))}.hero-section .hero-phone-float::after{content: '';position: absolute;top: 22px;left: 50%;width: 72px;height: 8px;border-radius: 8px;background: var(--border-color);transform: translateX(-50%)}.hero-section .phone-screen-content{position: absolute;inset: 18px;top: 40px;bottom: 18px;border-radius: 24px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;padding: 20px 10px}.hero-section .phone-feature-badge{display: flex;align-items: center;gap: 8px;padding: 8px 12px;background: linear-gradient(135deg,rgba(255,119,0,0.15),rgba(255,119,0,0.05));border: 1px solid rgba(255,119,0,0.3);border-radius: 8px;font-size: 11px;font-weight: 600;color: var(--text-main);text-align: center;white-space: nowrap}.hero-section .phone-feature-badge i{color: var(--brand-primary);font-size: 14px}.hero-section .hero-visual-col::after{content: '';position: absolute;inset: auto -20px -20px -20px;background: radial-gradient(circle,rgba(255,119,0,0.35),transparent 65%);z-index: -1;animation: heroGlow 3.5s ease-in-out infinite;pointer-events: none}@keyframes heroFloat{0%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-12px) rotate(2deg)}100%{transform: translateY(0) rotate(0deg)}}@keyframes heroGlow{0%,100%{opacity: 0.7;transform: scale(1)}50%{opacity: 1;transform: scale(1.08)}}.hero-section .hero-buttons-row{display: flex;gap: 12px;flex-wrap: wrap;margin-top: 18px}.hero-section .hero-btn-primary{display: inline-flex;align-items: center;gap: 6px;padding: 12px 26px;background: linear-gradient(135deg,#ff7700,#e66a00);color: #fff;border: none;border-radius: 10px;font-size: 15px;font-weight: 700;cursor: pointer;box-shadow: 0 4px 15px rgba(255,119,0,0.35);text-decoration: none;transition: all 0.25s ease}.hero-section .hero-btn-primary:hover{transform: translateY(-2px);box-shadow: 0 8px 20px rgba(255,119,0,0.45)}.hero-section .hero-btn-secondary{display: inline-flex;align-items: center;gap: 6px;padding: 12px 26px;background: transparent;color: var(--text-main);border: 2px solid var(--border-color);border-radius: 10px;font-size: 15px;font-weight: 700;cursor: pointer;text-decoration: none;transition: all 0.25s ease}.hero-section .hero-btn-secondary:hover{border-color: var(--brand-primary);color: var(--brand-primary)}@media (max-width: 1024px){.hero-section .hero-inner{flex-direction: column-reverse;text-align: center;padding: 36px 5%;gap: 24px}.hero-section .hero-text-col{text-align: center}.hero-section .hero-buttons-row{justify-content: center}.hero-section .hero-phone-float{width: clamp(160px,32vw,220px)}}@media (max-width: 768px){.hero-section .hero-phone-float{width: 160px;animation: none}.hero-section .hero-visual-col::after{animation: none}.hero-section .phone-screen-content{display: none}.hero-section .hero-inner{padding: 16px 5%;gap: 12px}.hero-section .hero-text-col h1{font-size: 1.4rem;margin-bottom: 6px}.hero-section .hero-text-col p{font-size: 0.85rem;margin-bottom: 4px}.hero-section .hero-buttons-row{margin-top: 10px;gap: 8px}.hero-section .hero-btn-primary,.hero-section .hero-btn-secondary{padding: 10px 18px;font-size: 13px}}.top-categories-section{max-width: 1400px;margin: 40px auto;padding: 0 5%}.section-head-row{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 22px;gap: 12px;flex-wrap: wrap}.section-head-title h2{font-size: clamp(1.4rem,3vw,2rem);font-weight: 800;letter-spacing: -0.3px;color: var(--text-main)}.section-head-title h2 span.brand,.section-head-title h2 span{color: var(--brand-primary)}.top-categories-section .promo-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 24px}.top-categories-section .promo-card{display: flex;gap: 18px;background: var(--bg-card);border-radius: 16px;padding: 18px;border: 1px solid var(--border-color);box-shadow: 0 8px 24px rgba(0,0,0,0.08);transition: transform 0.25s,box-shadow 0.25s,border-color 0.25s;cursor: pointer;overflow: hidden}.top-categories-section .promo-card:hover{transform: translateY(-5px);box-shadow: 0 16px 32px rgba(255,119,0,0.18);border-color: rgba(255,119,0,0.4)}.top-categories-section .promo-card-image{width: 220px;flex-shrink: 0;height: 180px;border-radius: 12px;object-fit: cover;background: var(--input-bg)}.top-categories-section .promo-card-body{flex: 1;min-width: 0;display: flex;flex-direction: column;justify-content: center;gap: 8px}.top-categories-section .promo-badge{display: inline-block;padding: 3px 10px;font-size: 11px;font-weight: 700;border-radius: 999px;background: rgba(255,119,0,0.12);color: var(--brand-primary);width: fit-content}.top-categories-section .promo-title{font-size: clamp(1.1rem,2.2vw,1.45rem);font-weight: 800;color: var(--text-main);line-height: 1.2}.top-categories-section .promo-sub{font-size: 13px;color: var(--text-muted);line-height: 1.45;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.top-categories-section .promo-cta{margin-top: auto;padding-top: 6px}.top-categories-section .promo-shop-btn{display: inline-flex;align-items: center;gap: 6px;padding: 9px 16px;background: var(--brand-primary);color: #fff;font-weight: 700;border-radius: 10px;font-size: 13px;text-decoration: none;transition: all 0.2s}.top-categories-section .promo-shop-btn:hover{background: #e66a00;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(255,119,0,0.35)}@media (max-width: 768px){.top-categories-section .promo-grid{grid-template-columns: 1fr}.top-categories-section .promo-card-image{width: 140px;height: 140px}.top-categories-section .promo-card{padding: 14px;gap: 14px}}.new-arrivals-section,.category-row-section{max-width: 1400px;margin: 40px auto;padding: 0 5%}.view-all-link{color: var(--brand-primary);font-weight: 700;font-size: 14px;text-decoration: none;display: inline-flex;align-items: center;gap: 4px}.view-all-link:hover{text-decoration: underline}.new-arrivals-section .products-grid,.category-row-section .products-grid{max-width: none;margin: 0;padding: 0}.new-arrivals-section .product-card,.category-row-section .product-card{position: relative}.new-arrivals-section .product-card .product-tags-wrapper .badge.discount,.category-row-section .product-card .product-tags-wrapper .badge.discount{position: static}.new-arrivals-section .product-card .badge.discount,.category-row-section .product-card .badge.discount{position: absolute;top: 10px;left: 10px}@media (min-width: 1024px){.new-arrivals-section .products-grid,.category-row-section .products-grid,.products-grid{grid-template-columns: repeat(4,1fr)}}.promo-banner-section{max-width: 1400px;margin: 50px auto;padding: 0 5%}.promo-banner-section .promo-banner-card{position: relative;overflow: hidden;border-radius: 20px;padding: clamp(24px,4vw,44px);background: linear-gradient(120deg,color-mix(in srgb,var(--brand-primary) 10%,var(--bg-card)),var(--bg-card) 60%);border: 1px solid var(--border-color);box-shadow: 0 10px 30px rgba(255,119,0,0.12)}.promo-banner-section .promo-banner-card::before{content: '';position: absolute;right: -60px;top: -60px;width: 260px;height: 260px;background: radial-gradient(circle,color-mix(in srgb,var(--brand-primary) 22%,transparent) 0%,transparent 70%);z-index: 0;pointer-events: none;border-radius: 50%}.promo-banner-section .promo-banner-inner{position: relative;z-index: 1;display: flex;gap: 24px;align-items: center;justify-content: space-between;flex-wrap: wrap}.promo-banner-section .promo-banner-text{flex: 1 1 320px;min-width: 0}.promo-banner-section .promo-banner-text h2{font-size: clamp(1.5rem,3.5vw,2.4rem);font-weight: 800;line-height: 1.15;margin-bottom: 10px;color: var(--text-main);letter-spacing: -0.5px}.promo-banner-section .promo-banner-text p{color: var(--text-muted);font-size: clamp(0.85rem,2vw,1rem);margin: 0 0 18px;max-width: 560px}.promo-banner-section .promo-banner-cta{display: inline-flex;align-items: center;gap: 8px;padding: 13px 26px;background: var(--brand-primary);color: #fff;border-radius: 12px;font-weight: 700;font-size: 15px;text-decoration: none;box-shadow: 0 6px 18px rgba(255,119,0,0.3);transition: all 0.2s}.promo-banner-section .promo-banner-cta:hover{background: #e66a00;transform: translateY(-2px)}.status-badge{transition: all 0.25s ease;cursor: default;text-transform: capitalize;box-shadow: inset 0 0 0 0 transparent}.status-badge:hover{transform: translateY(-1px);filter: brightness(1.05)}.status-pending::before{animation: pulse-gray 2s ease-in-out infinite}.status-processing::before{animation: pulse-blue 1.6s ease-in-out infinite}.status-shipped::before{animation: pulse-orange 1.8s ease-in-out infinite}.status-delivered::before{animation: pulse-green 2.4s ease-in-out infinite}.status-cancelled::before{animation: none;opacity: 0.85}@keyframes pulse-gray{0%,100%{opacity: 0.6;box-shadow: 0 0 0 0 rgba(136,136,136,0.55)}50%{opacity: 1;box-shadow: 0 0 0 4px rgba(136,136,136,0.05)}}@keyframes pulse-blue{0%,100%{opacity: 0.6;box-shadow: 0 0 0 0 rgba(59,130,246,0.55)}50%{opacity: 1;box-shadow: 0 0 0 4px rgba(59,130,246,0.08)}}@keyframes pulse-orange{0%,100%{opacity: 0.6;box-shadow: 0 0 0 0 rgba(255,119,0,0.6)}50%{opacity: 1;box-shadow: 0 0 0 4px rgba(255,119,0,0.08)}}@keyframes pulse-green{0%,100%{opacity: 0.7;box-shadow: 0 0 0 0 rgba(37,211,102,0.6)}50%{opacity: 1;box-shadow: 0 0 0 4px rgba(37,211,102,0.1)}}input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="date"],input[type="search"],select,textarea{transition: all 0.25s ease;border: 1px solid var(--input-border);background: var(--input-bg);color: var(--text-main);outline: none;box-sizing: border-box}input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="search"]:focus,select:focus,textarea:focus{border-color: var(--brand-primary) !important;box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand-primary) 22%,transparent) !important;background-color: var(--bg-card)}button{transition: all 0.25s ease;outline: none}button:focus-visible{box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand-primary) 25%,transparent)}button.loading,.btn-loading,.add-to-cart-btn.loading,.view-details-btn.loading,.btn-buy-now.loading,.btn-primary.loading,.btn-review-submit.loading,.btn-whatsapp-submit.loading,.admin-status-save-btn.loading{position: relative;pointer-events: none;opacity: 0.8;cursor: not-allowed}button.loading::before,.btn-loading::before,.add-to-cart-btn.loading::before,.view-details-btn.loading::before,.btn-buy-now.loading::before,.btn-primary.loading::before,.btn-review-submit.loading::before,.btn-whatsapp-submit.loading::before,.admin-status-save-btn.loading::before{content: '';position: absolute;top: 50%;left: 50%;width: 16px;height: 16px;margin: -8px 0 0 -8px;border: 2px solid rgba(255,255,255,0.3);border-top-color: #fff;border-radius: 50%;animation: buttonSpin 0.8s linear infinite}body:not(.dark-mode) button.loading:not(.btn-primary):not(.btn-buy-now):not(.add-to-cart-btn):not(.btn-review-submit):not(.btn-whatsapp-submit):not(.admin-status-save-btn)::before,body:not(.dark-mode) .btn-loading:not(.btn-primary):not(.btn-buy-now):not(.add-to-cart-btn):not(.btn-review-submit):not(.btn-whatsapp-submit):not(.admin-status-save-btn)::before{border-color: rgba(0,0,0,0.1);border-top-color: var(--brand-primary)}@keyframes buttonSpin{to{transform: rotate(360deg)}}button.loading span,.btn-loading span,.add-to-cart-btn.loading span,.view-details-btn.loading span{visibility: hidden}button.loading .btn-text,.btn-loading .btn-text{opacity: 0.5}table.admin-table,.admin-panel table,table.orders-table{border-collapse: separate;border-spacing: 0;transition: all 0.25s ease}table.admin-table tr,.admin-panel table tr,table.orders-table tr{transition: background-color 0.2s ease}table.admin-table tbody tr:hover,.admin-panel table tbody tr:hover,table.orders-table tbody tr:hover{background: color-mix(in srgb,var(--brand-primary) 6%,var(--bg-card))}.admin-panel,.admin-section,.admin-card{transition: box-shadow 0.25s ease,border-color 0.25s ease}body:not(.dark-mode) .swal2-toast,body:not(.dark-mode) .swal2-popup.swal2-toast{background: #ffffff !important;color: #111827 !important;border: 1px solid #E5E7EB !important;box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important}body:not(.dark-mode) .swal2-toast #swal2-title,body:not(.dark-mode) .swal2-popup.swal2-toast #swal2-title{color: #111827 !important}body:not(.dark-mode) .swal2-toast .swal2-success,body:not(.dark-mode) .swal2-popup.swal2-toast .swal2-success{border-color: #25d366 !important}body:not(.dark-mode) .swal2-toast .swal2-success [class^=swal2-success-ring],body:not(.dark-mode) .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-ring]{border-color: rgba(37,211,102,0.3) !important}body.dark-mode .swal2-toast,body.dark-mode .swal2-popup.swal2-toast{box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important}.alert-banner,.status-banner{transition: all 0.25s ease;border-left: 3px solid var(--brand-primary)}.cat-pill:focus-visible{box-shadow: 0 0 0 3px color-mix(in srgb,var(--brand-primary) 25%,transparent);border-color: var(--brand-primary)}form label,.admin-form label,.track-form label{display: block;margin-bottom: 6px;font-weight: 600;color: var(--text-main);font-size: 0.9rem;letter-spacing: 0.1px}input[type="checkbox"],input[type="radio"]{accent-color: var(--brand-primary);cursor: pointer;width: 16px;height: 16px}.promo-banner-section .promo-banner-visual{flex: 0 0 auto;display: flex;gap: 18px;align-items: center;opacity: 0.85}@media (max-width: 768px){.promo-banner-section .promo-banner-visual{display: none}}.homepage-reviews-section{max-width: 1400px;margin: 50px auto;padding: 0 5%}.homepage-reviews-section .home-reviews-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 22px}.homepage-reviews-section .home-reviews-grid.auto-scroll{display: flex;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;gap: 22px;padding-bottom: 10px}.homepage-reviews-section .home-reviews-grid.auto-scroll::-webkit-scrollbar{display: none}.homepage-reviews-section .home-reviews-grid.auto-scroll .home-review-card{flex: 0 0 calc(33.333% - 15px);scroll-snap-align: start;min-width: 0}.homepage-reviews-section .home-review-card{background: var(--bg-card);border-radius: 16px;padding: 22px;border: 1px solid var(--border-color);box-shadow: 0 4px 16px rgba(0,0,0,0.06);display: flex;flex-direction: column;gap: 14px;transition: transform 0.25s,border-color 0.25s}.homepage-reviews-section .home-review-card:hover{transform: translateY(-4px);border-color: color-mix(in srgb,var(--brand-primary) 35%,var(--border-color))}.homepage-reviews-section .review-card-head{display: flex;align-items: center;gap: 12px}.homepage-reviews-section .reviewer-avatar{width: 48px;height: 48px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: 800;font-size: 17px;flex-shrink: 0}.homepage-reviews-section .review-card-head-right{flex: 1;min-width: 0}.homepage-reviews-section .reviewer-name{font-weight: 700;font-size: 15px;color: var(--text-main);margin: 0 0 2px}.homepage-reviews-section .verified-badge{display: inline-flex;align-items: center;gap: 4px;font-size: 11px;padding: 2px 8px;border-radius: 999px;background: rgba(37,211,102,0.1);color: #25d366;border: 1px solid rgba(37,211,102,0.3);font-weight: 600}.homepage-reviews-section .review-card-stars{margin-top: -2px}.homepage-reviews-section .review-card-text{color: var(--text-main);font-size: 13.5px;line-height: 1.6;margin: 0;opacity: 0.92}.homepage-reviews-section .review-card-product{margin-top: auto;font-size: 11.5px;color: var(--text-muted);opacity: 0.85}@media (max-width: 960px){.homepage-reviews-section .home-reviews-grid{grid-template-columns: repeat(2,1fr)}.homepage-reviews-section .home-reviews-grid.auto-scroll .home-review-card{flex: 0 0 calc(50% - 11px)}}@media (max-width: 600px){.homepage-reviews-section .home-reviews-grid{grid-template-columns: 1fr;gap: 16px}.homepage-reviews-section .home-review-card{padding: 18px}.homepage-reviews-section .home-reviews-grid.auto-scroll .home-review-card{flex: 0 0 calc(100% - 8px)}}.about-us-section{max-width: 1400px;margin: 50px auto;padding: 0 5%}.about-us-section .about-teaser-card{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;padding: clamp(24px,4vw,40px);background: var(--bg-card);border-radius: 20px;border: 1px solid var(--border-color);box-shadow: 0 10px 28px rgba(0,0,0,0.08)}.about-us-section .about-teaser-text h2{font-size: clamp(1.4rem,3vw,2rem);font-weight: 800;margin-bottom: 10px;color: var(--text-main)}.about-us-section .about-teaser-text h2 span{color: var(--brand-primary)}.about-us-section .about-teaser-text p{color: var(--text-muted);font-size: 14px;line-height: 1.7;margin-bottom: 18px}.about-us-section .feature-pills-row,.feature-pills-row{display: flex;gap: 10px;flex-wrap: wrap;margin-bottom: 18px}.about-us-section .feature-pill,.feature-pill{display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: 999px;background: var(--input-bg);border: 1px solid var(--border-color);font-size: 12.5px;font-weight: 600;color: var(--text-main)}.about-us-section .learn-more-btn{display: inline-flex;align-items: center;gap: 6px;padding: 11px 22px;background: var(--brand-primary);color: #fff;border-radius: 12px;text-decoration: none;font-weight: 700;font-size: 14px;transition: all 0.2s}.about-us-section .learn-more-btn:hover{background: #e66a00;transform: translateY(-2px);box-shadow: 0 4px 14px rgba(255,119,0,0.3)}.about-us-section .whatsapp-cta-btn{display: inline-flex;align-items: center;gap: 8px;padding: 11px 22px;background: #25d366;color: #fff;border-radius: 12px;text-decoration: none;font-weight: 700;font-size: 14px;transition: all 0.2s}.about-us-section .whatsapp-cta-btn:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(37,211,102,0.3);background: #1ebd5a}.about-us-section .about-teaser-visual{display: flex;align-items: center;justify-content: center}@media (max-width: 820px){.about-us-section .about-teaser-card{grid-template-columns: 1fr;gap: 22px}.about-us-section .about-teaser-visual{order: -1}}.shop-page-main{padding-top: 0;padding-bottom: 60px}.shop-filter-bar{max-width: 1400px;margin: 24px auto 0;padding: 0 5%}.shop-filter-bar .filter-bar-card{background: var(--bg-card);border-radius: 16px;border: 1px solid var(--border-color);padding: 22px;box-shadow: 0 6px 20px rgba(0,0,0,0.06);display: flex;flex-direction: column;gap: 18px}.shop-filter-bar .filter-row-1{display: flex;gap: 14px;flex-wrap: wrap;justify-content: space-between;align-items: center}.shop-filter-bar .shop-search-wrap{position: relative;flex: 1 1 300px;min-width: 0}.shop-filter-bar #shopSearchInput{width: 100%;padding: 12px 16px 12px 44px;background: var(--input-bg);border: 1.5px solid var(--input-border);border-radius: 10px;color: var(--text-main);font-size: 14px;outline: none;transition: border-color 0.25s ease,box-shadow 0.25s ease}.shop-filter-bar #shopSearchInput:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.shop-filter-bar .shop-search-wrap i{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--text-muted);font-size: 15px;pointer-events: none}.shop-filter-bar .shop-sort-wrap{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.shop-filter-bar .shop-sort-wrap label{font-size: 13px;font-weight: 600;color: var(--text-muted);white-space: nowrap}.shop-filter-bar #shopSortSelect{padding: 11px 14px;background: var(--input-bg);border: 1.5px solid var(--input-border);border-radius: 10px;color: var(--text-main);font-size: 13px;font-weight: 500;cursor: pointer;min-width: 180px;outline: none;transition: border-color 0.25s ease,box-shadow 0.25s ease}.shop-filter-bar #shopSortSelect:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.shop-filter-bar .filter-row-2{display: flex;gap: 18px;flex-wrap: wrap;align-items: center;justify-content: space-between}.shop-filter-bar .shop-category-chips{display: flex;gap: 10px;flex-wrap: wrap;flex: 1 1 400px;min-width: 0}.shop-filter-bar .shop-chip{padding: 8px 15px;background: var(--input-bg);border: 1.5px solid var(--input-border);border-radius: 999px;font-size: 13px;font-weight: 600;cursor: pointer;color: var(--text-main);transition: all 0.2s;white-space: nowrap;user-select: none}.shop-filter-bar .shop-chip:hover{border-color: var(--brand-primary);color: var(--brand-primary);transform: translateY(-1px)}.shop-filter-bar .shop-chip.active{background: linear-gradient(135deg,#ff7700,#e66a00);color: #fff;border-color: var(--brand-primary);box-shadow: 0 4px 12px rgba(255,119,0,0.3)}.shop-filter-bar .shop-price-wrap{display: flex;gap: 10px;align-items: center;flex-shrink: 0;flex-wrap: wrap}.shop-filter-bar .shop-price-wrap label{font-size: 12.5px;color: var(--text-muted);font-weight: 600}.shop-filter-bar .shop-price-input{width: 96px;padding: 10px 12px;background: var(--input-bg);border: 1.5px solid var(--input-border);border-radius: 10px;color: var(--text-main);font-size: 13px;font-weight: 600;outline: none;transition: border-color 0.25s ease,box-shadow 0.25s ease}.shop-filter-bar .shop-price-input:focus{border-color: var(--brand-primary);box-shadow: 0 0 0 3px rgba(255,119,0,0.15)}.shop-filter-bar .shop-price-input::placeholder{color: var(--text-muted);opacity: 0.7;font-weight: 500}.shop-filter-bar .filter-row-3{display: flex;gap: 8px;flex-wrap: wrap;min-height: 28px}.shop-filter-bar .active-filter-tag{display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;background: rgba(255,119,0,0.1);color: var(--brand-primary);border: 1px solid rgba(255,119,0,0.25);border-radius: 999px;font-size: 11.5px;font-weight: 600}.shop-filter-bar .active-filter-tag .remove-tag{cursor: pointer;color: var(--brand-primary);font-weight: 700;font-size: 13px;line-height: 1}.shop-page-main .shop-empty-state{text-align: center;padding: 60px 20px;background: var(--bg-card);border-radius: 16px;border: 1px dashed var(--border-color);max-width: 600px;margin: 30px auto}.shop-page-main .shop-empty-state i{font-size: 3rem;color: var(--brand-primary);opacity: 0.7;margin-bottom: 14px}.shop-page-main .shop-empty-state h4{margin: 0 0 8px;font-size: 1.25rem;color: var(--text-main)}.shop-page-main .shop-empty-state p{color: var(--text-muted);font-size: 14px;margin: 0 0 16px}.shop-page-main .clear-filters-btn,.shop-filter-bar .clear-filters-btn{display: inline-flex;align-items: center;gap: 6px;padding: 10px 20px;background: transparent;color: var(--brand-primary);border: 1.5px solid var(--brand-primary);border-radius: 10px;font-weight: 700;font-size: 13px;cursor: pointer;transition: all 0.2s}.shop-page-main .clear-filters-btn:hover,.shop-filter-bar .clear-filters-btn:hover{background: var(--brand-primary);color: #fff}.shop-page-main .shop-products-grid{max-width: none;margin: 0;padding: 0}@media (max-width: 768px){.shop-filter-bar .filter-row-1{flex-direction: column;align-items: stretch}.shop-filter-bar .shop-sort-wrap{justify-content: space-between}.shop-filter-bar .shop-category-chips{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;padding-bottom: 6px;scrollbar-width: none;position: relative;scroll-behavior: smooth}.shop-filter-bar .shop-category-chips::-webkit-scrollbar{display: none}.shop-filter-bar .shop-category-chips .shop-chip{flex-shrink: 0}.shop-filter-bar .shop-category-chips::before,.shop-filter-bar .shop-category-chips::after{content: '';position: absolute;top: 0;bottom: 0;width: 30px;pointer-events: none;z-index: 1;opacity: 0;transition: opacity 0.3s ease}.shop-filter-bar .shop-category-chips::before{left: 0;background: linear-gradient(to right,var(--bg-card),transparent)}.shop-filter-bar .shop-category-chips::after{right: 0;background: linear-gradient(to left,var(--bg-card),transparent)}.shop-filter-bar .shop-category-chips:hover::before,.shop-filter-bar .shop-category-chips:hover::after{opacity: 0.8}.shop-filter-bar .shop-price-wrap{width: 100%;justify-content: space-between}}.page-hero-banner{position: relative;overflow: hidden;padding: clamp(50px,8vw,90px) 5% clamp(40px,6vw,70px);background: linear-gradient(120deg,color-mix(in srgb,var(--brand-primary) 12%,var(--bg-card)),var(--bg-card) 65%);border-bottom: 1px solid var(--border-color)}.page-hero-banner h1{margin: 0 0 10px;font-size: clamp(2rem,5vw,3.2rem);font-weight: 800;letter-spacing: -0.5px;color: var(--text-main)}.page-hero-banner h1 span{color: var(--brand-primary)}.page-hero-banner p{max-width: 640px;color: var(--text-muted);font-size: clamp(0.9rem,2vw,1.05rem);margin: 0;line-height: 1.6}.standard-content-wrap{max-width: 1100px;margin: 0 auto;padding: 50px 5%}.two-col-card-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 24px}.info-card{padding: 28px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;box-shadow: 0 6px 18px rgba(0,0,0,0.06)}.info-card h3{font-size: 1.25rem;font-weight: 800;margin: 0 0 10px;display: flex;align-items: center;gap: 10px;color: var(--text-main)}.info-card h3 i{color: var(--brand-primary);font-size: 1.35rem}.info-card p{color: var(--text-muted);font-size: 14px;line-height: 1.65;margin: 0}.four-col-feature-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.feature-box{background: var(--bg-card);border-radius: 16px;padding: 26px 20px;border: 1px solid var(--border-color);text-align: center;transition: transform 0.2s,border-color 0.2s;display: flex;flex-direction: column;align-items: center;gap: 10px}.feature-box:hover{transform: translateY(-4px);border-color: color-mix(in srgb,var(--brand-primary) 40%,var(--border-color))}.feature-box .feature-icon{width: 56px;height: 56px;border-radius: 50%;background: rgba(255,119,0,0.12);display: flex;align-items: center;justify-content: center;color: var(--brand-primary);font-size: 24px;margin-bottom: 4px}.feature-box h4{margin: 0;font-size: 15px;font-weight: 800;color: var(--text-main)}.feature-box p{margin: 0;font-size: 12.5px;color: var(--text-muted);line-height: 1.55}.contact-social-card{padding: 30px;background: var(--bg-card);border: 1px solid var(--border-color);border-radius: 16px;display: grid;grid-template-columns: repeat(auto-fit,minmax(200px,1fr));gap: 20px;margin-top: 30px}.contact-social-card .social-link-row{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 10px;background: var(--input-bg);border: 1px solid var(--border-color);text-decoration: none;color: var(--text-main);transition: all 0.2s;font-weight: 600;font-size: 14px}.contact-social-card .social-link-row:hover{border-color: var(--brand-primary);transform: translateY(-2px);color: var(--brand-primary)}.contact-social-card .social-link-row i{color: var(--brand-primary);font-size: 18px;flex-shrink: 0}.site-footer{text-align: center;padding: 28px 5%;border-top: 1px solid var(--border-color);color: var(--text-muted);font-size: 13px}.site-footer a{color: var(--brand-primary);font-weight: 600;text-decoration: none}@media (max-width: 900px){.two-col-card-grid{grid-template-columns: 1fr}.four-col-feature-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 520px){.four-col-feature-grid{grid-template-columns: 1fr}}@keyframes badgePop{0%{transform: scale(1)}40%{transform: scale(1.5);background: #25d366;color: #fff;box-shadow: 0 0 0 6px rgba(37,211,102,0.18)}70%{transform: scale(0.92)}100%{transform: scale(1)}}.badge-pop{animation: badgePop 580ms cubic-bezier(.17,.88,.32,1.28) !important}.mobile-drawer-close:focus-visible,.theme-toggle:focus-visible,.cart-container:focus-visible,button.cart-container:focus-visible,.btn-cart-icon:focus-visible,.btn-buy-now:focus-visible,.add-to-cart-btn:focus-visible,.view-details-btn:focus-visible,.qty-btn:focus-visible,.cat-pill:focus-visible,.mobile-nav-btn:focus-visible,.close-cart-modal:focus-visible,.social-btn:focus-visible,.scroll-to-top-btn:focus-visible,.sticky-add-to-cart:focus-visible,button[type="submit"]:focus-visible,button[type="button"]:focus-visible,a[role="button"]:focus-visible,.proceed-checkout-btn:focus-visible,.pd-add-to-cart-btn:focus-visible,.pd-buy-now-btn:focus-visible,.btn-primary:focus-visible,.hero-btn-primary:focus-visible,.hero-btn-secondary:focus-visible,.submit-review-btn:focus-visible,.btn-review-submit:focus-visible,.btn-whatsapp-submit:focus-visible,.track-btn-primary:focus-visible,.promo-banner-cta:focus-visible,.whatsapp-cta-btn:focus-visible,.mobile-category-btn:focus-visible{outline: 2px solid #ff7700 !important;outline-offset: 2px !important;box-shadow: 0 0 0 4px rgba(255,119,0,0.22) !important}.main-header{transition: padding 220ms ease,box-shadow 220ms ease,background-color 220ms ease}.main-header.compact{padding-top: 4px !important;padding-bottom: 4px !important;box-shadow: 0 6px 20px rgba(0,0,0,0.10)}.main-header.compact .logo img{max-height: 28px !important}@media (max-width: 768px){.main-header.compact{padding-top: 4px !important;padding-bottom: 4px !important}.main-header.compact .logo img{height: 28px !important}}.floating-social-container{opacity: 0;visibility: hidden;transform: translateY(14px);transition: opacity 380ms ease,visibility 380ms ease,transform 380ms ease}.floating-social-container.visible{opacity: 1;visibility: visible;transform: translateY(0)}.scroll-to-top-btn{opacity: 0;visibility: hidden;transition: opacity 380ms ease,visibility 380ms ease,transform 380ms ease,border-color 380ms ease,background 380ms ease}.scroll-to-top-btn.visible-global{opacity: 1;visibility: visible}@keyframes shimmer{0%{background-position: -300px 0}100%{background-position: 300px 0}}.skeleton,.skeleton-line,.skeleton-img,.skeleton-cell{background: linear-gradient(90deg,rgba(160,160,170,0.11) 0%,rgba(160,160,170,0.22) 50%,rgba(160,160,170,0.11) 100%);background-size: 600px 100%;animation: shimmer 1.25s linear infinite;border-radius: 8px}.skeleton-img{display: block;width: 100%}.skeleton-line{height: 12px;border-radius: 6px}.skeleton-cell{height: 16px;border-radius: 6px}.product-details-gallery-skeleton .main-image{min-height: 280px;display: flex;align-items: center;justify-content: center}.product-details-gallery-skeleton .skeleton-img-main{width: 100%;height: 280px;border-radius: 12px;background: linear-gradient(90deg,rgba(160,160,170,0.11) 0%,rgba(160,160,170,0.22) 50%,rgba(160,160,170,0.11) 100%);background-size: 600px 100%;animation: shimmer 1.25s linear infinite}.product-details-gallery-skeleton .pd-thumbnail-list{display: flex;gap: 8px;flex-wrap: wrap;margin-top: 10px}.product-details-gallery-skeleton .pd-thumbnail-list .skeleton-img{width: 60px;height: 60px;border-radius: 8px}.admin-skeleton-row td{padding: 14px 10px !important;vertical-align: middle !important}.admin-skeleton-row .sk-img{width: 48px;height: 48px;border-radius: 8px;display: inline-block}.admin-skeleton-row .sk-title{height: 16px;width: 70%;border-radius: 6px;margin-bottom: 6px}.admin-skeleton-row .sk-title-small{height: 12px;width: 40%;border-radius: 6px}.admin-skeleton-row .sk-small{height: 14px;width: 60%;border-radius: 6px}.empty-cart-state{text-align: center;padding: 28px 20px 32px;color: var(--text-muted,#888)}.empty-cart-state .empty-cart-illustration{width: 120px;height: 120px;margin: 0 auto 10px;border-radius: 50%;background: var(--input-bg);display: flex;align-items: center;justify-content: center;color: var(--brand-primary);font-size: 54px;opacity: 0.85}.empty-cart-state h4{margin: 10px 0 4px;color: var(--text-main,#222);font-size: 1.05rem}.empty-cart-state p{margin: 0 0 16px;font-size: 0.9rem;opacity: 0.85}.empty-cart-state a.empty-cart-cta{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: var(--brand-primary);color: #fff !important;border-radius: 10px;font-weight: 600;text-decoration: none;transition: all 0.22s ease;box-shadow: 0 4px 14px rgba(255,119,0,0.25)}.empty-cart-state a.empty-cart-cta:hover{background: #e66a00;transform: translateY(-1px);box-shadow: 0 6px 18px rgba(255,119,0,0.35)}.hero-dots{display: none;position: absolute;bottom: 14px;left: 50%;transform: translateX(-50%);gap: 8px;z-index: 20}.hero-dots .hero-dot{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.45);border: none;padding: 0;cursor: pointer;transition: all 0.2s ease}.hero-dots .hero-dot.active{background: var(--brand-primary);width: 26px;border-radius: 6px}@media (max-width: 768px){.hero-dots{display: flex}}.price-formatted{font-variant-numeric: tabular-nums;font-feature-settings: "tnum"}@media (max-width: 768px),(prefers-reduced-motion: reduce){.skeleton-card-img::after,.skeleton-line::after,.skeleton-line-actions::after{animation: none !important}}
/* ===== PERF + ACCESSIBILITY PATCH (Lighthouse) ===== */
/* Contrast: white text on orange needs 4.5:1 -> darker orange (#c25400 = 4.6:1) */
.btn-buy-now,.btn-primary,.submit-review-btn,.order-now-btn,.cat-btn.active,
.action-buttons .view-details-btn,.cart-count,.coming-soon-btn,
.hero-section .hero-btn-primary,.top-categories-section .promo-shop-btn,
.promo-banner-section .promo-banner-cta,.about-us-section .learn-more-btn{
    background:#c25400;border-color:#c25400;
}
/* Contrast: orange TEXT on light background (light mode only) */
body:not(.dark-mode) .current-price,
body:not(.dark-mode) .view-all-link,
body:not(.dark-mode) .section-title span,
body:not(.dark-mode) .section-head-title span{color:#c25400;}

/* Touch targets: at least 44px on phones, with spacing */
.product-actions{gap:8px;}
@media (max-width:768px){
    .btn-cart-icon{width:44px;height:44px;flex:0 0 44px;}
    .btn-buy-now{height:44px;line-height:44px;}
}

/* Less rendering work for sections far below the fold */
.about-us-section,.homepage-reviews-section,.track-order-section{
    content-visibility:auto;contain-intrinsic-size:auto 500px;
}

/* === PERF + A11Y OVERRIDES (added) === */
.skeleton-card-img,.skeleton-line,.skeleton-line-actions{position:relative;overflow:hidden}
.skeleton-card-img::after,.skeleton-line::after,.skeleton-line-actions::after{
  background-size:100% 100%;transform:translateX(-100%);
  animation:skeletonSlide 1.4s ease-in-out infinite;will-change:transform}
@keyframes skeletonSlide{to{transform:translateX(100%)}}
.hero-section .hero-phone-float,.hero-section .hero-visual-col::after{will-change:transform}
.track-order-section p,.track-order-section [style*="#888"]{color:#595959!important}
body.dark-mode .track-order-section p,body.dark-mode .track-order-section [style*="#888"]{color:#b5b5b5!important}
.cat-pill{min-height:44px}
.star-rating i{padding:6px}
.view-all-link{min-height:44px}
.mobile-nav-btn{min-height:44px}

/* ===== Lighthouse fixes: contrast + touch targets ===== */
.badge.discount { background-color: #b45309; color: #fff; box-shadow: 0 2px 8px rgba(180, 83, 9, 0.35); }
.mobile-nav-btn { background: #c25400; }
.hero-dots { gap: 14px; }
.hero-dots .hero-dot { position: relative; }
.hero-dots .hero-dot::after { content: ""; position: absolute; top: -10px; bottom: -10px; left: -2px; right: -2px; }
.product-card .product-actions{display:grid !important;grid-template-columns:44px minmax(0,1fr);grid-auto-rows:44px;gap:8px !important;padding:10px 12px 14px;flex-wrap:initial !important;align-items:stretch !important;}.product-card .product-actions.pa-qty{grid-template-columns:minmax(0,1fr) 44px;}.product-card .product-actions.pa-qty .btn-buy-now{grid-column:1 / -1;}.product-card .product-actions .btn-cart-icon{width:100%;height:44px;flex:none;padding:0;}.card-qty-stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:stretch;height:44px;min-width:0;background:var(--input-bg,#f0f0f0);border:1px solid var(--input-border,#cccccc);border-radius:8px;overflow:hidden;}.card-qty-stepper .qty-step{background:transparent;color:var(--text-main,#1a1a1a);border:0;padding:0;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease;}.card-qty-stepper .qty-step:active{background:rgba(194,84,0,.18);}.card-qty-stepper .qty-input{width:100%;min-width:0;height:100%;border:0;background:transparent;color:var(--text-main,#1a1a1a);text-align:center;font-size:16px;font-weight:700;padding:0;margin:0;-moz-appearance:textfield;appearance:textfield;}.card-qty-stepper .qty-input::-webkit-outer-spin-button,.card-qty-stepper .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.card-qty-stepper:focus-within{border-color:#c25400;box-shadow:0 0 0 3px rgba(194,84,0,.18);}.product-card .btn-buy-now{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;line-height:1;padding:0 12px;background:linear-gradient(135deg,#d25a00 0%,#c25400 45%,#a94800 100%);border:0;letter-spacing:.2px;box-shadow:0 4px 14px rgba(194,84,0,.35);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}.product-card .btn-buy-now i{font-size:.9em;animation:gbfBolt 2.4s ease-in-out infinite;}.product-card .btn-buy-now::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);transform:translateX(-160%) skewX(-18deg);animation:gbfShine 3.6s ease-in-out infinite;pointer-events:none;z-index:-1;will-change:transform;}.product-card:nth-child(2n) .btn-buy-now::after{animation-delay:.9s;}.product-card:nth-child(3n) .btn-buy-now::after{animation-delay:1.7s;}.product-card .btn-buy-now:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 8px 22px rgba(194,84,0,.5);animation:none;}.product-card .btn-buy-now:active{transform:scale(.96);box-shadow:0 2px 8px rgba(194,84,0,.4);}.product-card .btn-buy-now:focus-visible{outline:2px solid #fff;outline-offset:-4px;}@keyframes gbfShine{0%,55%{transform:translateX(-160%) skewX(-18deg);}100%{transform:translateX(420%) skewX(-18deg);}}@keyframes gbfBolt{0%,60%,100%{transform:scale(1) rotate(0);}70%{transform:scale(1.25) rotate(-12deg);}80%{transform:scale(1) rotate(8deg);}}@media (prefers-reduced-motion:reduce){.product-card .btn-buy-now::after,.product-card .btn-buy-now i{animation:none !important;}}@media (hover:none){.product-card:hover,.products-grid .product-card:hover{transform:none;border-color:transparent;}.product-card:hover .product-image img,.product-card:hover .product-card-img{transform:none;}}@media (max-width:340px){.product-card .product-actions{padding:8px 8px 12px;gap:6px !important;}.card-qty-stepper{grid-template-columns:24px minmax(0,1fr) 24px;}.card-qty-stepper .qty-step{font-size:1rem;}}.product-card .product-actions.pa-oos{grid-template-columns:1fr;}.product-card .btn-oos{width:100%;height:44px;border-radius:8px;border:1px dashed var(--input-border,#bbb);background:var(--input-bg,#eee);color:var(--text-muted,#666);font-weight:700;cursor:not-allowed;}
@media (max-width:560px){.product-card .product-card-img{height:auto;aspect-ratio:6/5;}.product-card .product-image{aspect-ratio:6/5;}.product-card .product-info{margin-top:6px !important;padding-top:4px;padding-bottom:4px;gap:4px;}.product-card .product-actions{padding:6px 8px 8px;gap:8px !important;grid-auto-rows:38px;}.product-card .product-actions .btn-cart-icon,.product-card .card-qty-stepper,.product-card .btn-buy-now,.product-card .btn-oos{height:38px;}.product-card .btn-buy-now{font-size:.85rem;}}

/* Hide the single-slide hero indicator pill (unwanted orange mark under the hero buttons) */
.hero-dots { display: none !important; }/* ===== PERF + ACCESSIBILITY PATCH (Lighthouse) ===== */
/* Contrast: white text on orange needs 4.5:1 -> darker orange (#c25400 = 4.6:1) */
.btn-buy-now,.btn-primary,.submit-review-btn,.order-now-btn,.cat-btn.active,
.action-buttons .view-details-btn,.cart-count,.coming-soon-btn,
.hero-section .hero-btn-primary,.top-categories-section .promo-shop-btn,
.promo-banner-section .promo-banner-cta,.about-us-section .learn-more-btn{
    background:#c25400;border-color:#c25400;
}
/* Contrast: orange TEXT on light background (light mode only) */
body:not(.dark-mode) .current-price,
body:not(.dark-mode) .view-all-link,
body:not(.dark-mode) .section-title span,
body:not(.dark-mode) .section-head-title span{color:#c25400;}

/* Touch targets: at least 44px on phones, with spacing */
.product-actions{gap:8px;}
@media (max-width:768px){
    .btn-cart-icon{width:44px;height:44px;flex:0 0 44px;}
    .btn-buy-now{height:44px;line-height:44px;}
}

/* Less rendering work for sections far below the fold */
.about-us-section,.homepage-reviews-section,.track-order-section{
    content-visibility:auto;contain-intrinsic-size:auto 500px;
}

/* === PERF + A11Y OVERRIDES (added) === */
.skeleton-card-img,.skeleton-line,.skeleton-line-actions{position:relative;overflow:hidden}
.skeleton-card-img::after,.skeleton-line::after,.skeleton-line-actions::after{
  background-size:100% 100%;transform:translateX(-100%);
  animation:skeletonSlide 1.4s ease-in-out infinite;will-change:transform}
@keyframes skeletonSlide{to{transform:translateX(100%)}}
.hero-section .hero-phone-float,.hero-section .hero-visual-col::after{will-change:transform}
.track-order-section p,.track-order-section [style*="#888"]{color:#595959!important}
body.dark-mode .track-order-section p,body.dark-mode .track-order-section [style*="#888"]{color:#b5b5b5!important}
.cat-pill{min-height:44px}
.star-rating i{padding:6px}
.view-all-link{min-height:44px}
.mobile-nav-btn{min-height:44px}

/* ===== Lighthouse fixes: contrast + touch targets ===== */
.badge.discount { background-color: #b45309; color: #fff; box-shadow: 0 2px 8px rgba(180, 83, 9, 0.35); }
.mobile-nav-btn { background: #c25400; }
.hero-dots { gap: 14px; }
.hero-dots .hero-dot { position: relative; }
.hero-dots .hero-dot::after { content: ""; position: absolute; top: -10px; bottom: -10px; left: -2px; right: -2px; }
.product-card .product-actions{display:grid !important;grid-template-columns:44px minmax(0,1fr);grid-auto-rows:44px;gap:8px !important;padding:10px 12px 14px;flex-wrap:initial !important;align-items:stretch !important;}.product-card .product-actions.pa-qty{grid-template-columns:minmax(0,1fr) 44px;}.product-card .product-actions.pa-qty .btn-buy-now{grid-column:1 / -1;}.product-card .product-actions .btn-cart-icon{width:100%;height:44px;flex:none;padding:0;}.card-qty-stepper{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:stretch;height:44px;min-width:0;background:var(--input-bg,#f0f0f0);border:1px solid var(--input-border,#cccccc);border-radius:8px;overflow:hidden;}.card-qty-stepper .qty-step{background:transparent;color:var(--text-main,#1a1a1a);border:0;padding:0;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease;}.card-qty-stepper .qty-step:active{background:rgba(194,84,0,.18);}.card-qty-stepper .qty-input{width:100%;min-width:0;height:100%;border:0;background:transparent;color:var(--text-main,#1a1a1a);text-align:center;font-size:16px;font-weight:700;padding:0;margin:0;-moz-appearance:textfield;appearance:textfield;}.card-qty-stepper .qty-input::-webkit-outer-spin-button,.card-qty-stepper .qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.card-qty-stepper:focus-within{border-color:#c25400;box-shadow:0 0 0 3px rgba(194,84,0,.18);}.product-card .btn-buy-now{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;line-height:1;padding:0 12px;background:linear-gradient(135deg,#d25a00 0%,#c25400 45%,#a94800 100%);border:0;letter-spacing:.2px;box-shadow:0 4px 14px rgba(194,84,0,.35);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;}.product-card .btn-buy-now i{font-size:.9em;animation:gbfBolt 2.4s ease-in-out infinite;}.product-card .btn-buy-now::after{content:"";position:absolute;top:0;left:0;width:45%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);transform:translateX(-160%) skewX(-18deg);animation:gbfShine 3.6s ease-in-out infinite;pointer-events:none;z-index:-1;will-change:transform;}.product-card:nth-child(2n) .btn-buy-now::after{animation-delay:.9s;}.product-card:nth-child(3n) .btn-buy-now::after{animation-delay:1.7s;}.product-card .btn-buy-now:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 8px 22px rgba(194,84,0,.5);animation:none;}.product-card .btn-buy-now:active{transform:scale(.96);box-shadow:0 2px 8px rgba(194,84,0,.4);}.product-card .btn-buy-now:focus-visible{outline:2px solid #fff;outline-offset:-4px;}@keyframes gbfShine{0%,55%{transform:translateX(-160%) skewX(-18deg);}100%{transform:translateX(420%) skewX(-18deg);}}@keyframes gbfBolt{0%,60%,100%{transform:scale(1) rotate(0);}70%{transform:scale(1.25) rotate(-12deg);}80%{transform:scale(1) rotate(8deg);}}@media (prefers-reduced-motion:reduce){.product-card .btn-buy-now::after,.product-card .btn-buy-now i{animation:none !important;}}@media (hover:none){.product-card:hover,.products-grid .product-card:hover{transform:none;border-color:transparent;}.product-card:hover .product-image img,.product-card:hover .product-card-img{transform:none;}}@media (max-width:340px){.product-card .product-actions{padding:8px 8px 12px;gap:6px !important;}.card-qty-stepper{grid-template-columns:24px minmax(0,1fr) 24px;}.card-qty-stepper .qty-step{font-size:1rem;}}.product-card .product-actions.pa-oos{grid-template-columns:1fr;}.product-card .btn-oos{width:100%;height:44px;border-radius:8px;border:1px dashed var(--input-border,#bbb);background:var(--input-bg,#eee);color:var(--text-muted,#666);font-weight:700;cursor:not-allowed;}
@media (max-width:560px){.product-card .product-card-img{height:auto;aspect-ratio:6/5;}.product-card .product-image{aspect-ratio:6/5;}.product-card .product-info{margin-top:6px !important;padding-top:4px;padding-bottom:4px;gap:4px;}.product-card .product-actions{padding:6px 8px 8px;gap:8px !important;grid-auto-rows:38px;}.product-card .product-actions .btn-cart-icon,.product-card .card-qty-stepper,.product-card .btn-buy-now,.product-card .btn-oos{height:38px;}.product-card .btn-buy-now{font-size:.85rem;}}

/* ===== MOBILE: Home button next to Categories + hero feature badges ===== */
@media (max-width: 768px) {

    /* products / category / sale pages: Home + Categories side by side */
    .mobile-category-dropdown { gap: 8px; }
    .mobile-category-dropdown .mobile-home-btn {
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 12px 16px;
        background: #c25400;
        border: 1.5px solid #c25400;
        color: #fff;
        font-size: 0.95rem;
        font-weight: 700;
        border-radius: 14px;
        text-decoration: none;
        box-sizing: border-box;
        min-height: 44px;
        box-shadow: 0 4px 14px rgba(255, 119, 0, 0.18);
        transition: all 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
    }
    .mobile-category-dropdown .mobile-home-btn:active { transform: scale(0.97); }
    .mobile-category-dropdown .mobile-category-btn { flex: 1 1 0; width: auto; min-width: 0; }

    /* Hero: show Genuine / COD / 24-7 badges inside the phone on mobile too */
    .hero-section .hero-phone-float { width: 200px; }
    .hero-section .phone-screen-content {
        display: flex;
        left: 6px;
        right: 6px;
        gap: 10px;
        padding: 10px 6px;
    }
    .hero-section .phone-feature-badge { padding: 7px 9px; gap: 6px; font-size: 11px; }
    .hero-section .phone-feature-badge i { font-size: 13px; }
}

/* Light mode: Categories button = same solid orange as Home / other buttons (dark mode keeps its own look) */
@media (max-width: 768px) {
    body:not(.dark-mode) .mobile-category-dropdown .mobile-category-btn {
        background: #c25400;
        border-color: #c25400;
        color: #fff;
        box-shadow: 0 4px 14px rgba(255, 119, 0, 0.18);
    }
    body:not(.dark-mode) .mobile-category-dropdown .mobile-category-btn i { color: #fff; }
    body:not(.dark-mode) .mobile-category-dropdown .mobile-category-btn:hover {
        background: #a84700;
        border-color: #a84700;
    }
}