:root{--color-primary:#2e7d32;--color-primary-light:#4caf50;--color-primary-dark:#1b5e20;--color-secondary:#7b1fa2;--color-secondary-light:#9c27b0;--color-secondary-dark:#4a148c;--color-accent:#ff6d00;--color-accent-light:#ff9e40;--color-accent-dark:#dd2c00;--color-white:#fff;--color-background:#f5f7fa;--color-surface:#fff;--color-text-primary:#1a1a2e;--color-text-secondary:#4a4a68;--color-text-muted:#8e8e9a;--color-border:#e0e0e6;--color-divider:#eeeef0;--color-success:#2e7d32;--color-warning:#ffa000;--color-error:#d32f2f;--color-info:#1976d2;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000026;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-family-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family:var(--font-family-body);--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--container-max-width:1280px;--navbar-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--space-md);margin:0 auto}.section{padding:var(--space-2xl) 0}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:1.3;font-weight:var(--font-weight-semibold)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}body,p,span,li,input,textarea,select,button{font-family:var(--font-family-body)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background-color:var(--color-accent-dark)}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.form-group{margin-bottom:var(--space-md)}.form-label{margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.form-input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-white);transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-divider) 50%, var(--color-border) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.navbar{z-index:1000;background:var(--color-white);box-shadow:var(--shadow-sm);height:var(--navbar-height);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:var(--space-xl);max-width:var(--container-max-width);padding:0 var(--space-lg);height:100%;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.logo-text{flex-direction:column;align-items:center;display:flex}.logo-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#2e7d32;text-transform:uppercase;line-height:1.2}.logo-tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.navbar-nav{align-items:center;gap:var(--space-sm);display:flex}.nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-sm) var(--space-lg);transition:color var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background:var(--color-primary);border-radius:var(--radius-full);height:2px;position:absolute;bottom:0;left:0;right:0}.dropdown-arrow{transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.nav-item-dropdown{position:relative}.categories-dropdown{background:var(--color-white);border-radius:var(--radius-md);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--space-sm) 0;z-index:50;position:absolute;top:100%;left:0}.dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--color-background);color:var(--color-primary)}.dropdown-icon{font-size:var(--font-size-base);border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);justify-content:center;align-items:center;width:24px;height:24px;display:flex}.mobile-categories-dropdown{background:var(--color-background);border-radius:var(--radius-md);margin:0 var(--space-md);overflow:hidden}.mobile-dropdown-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;text-decoration:none;display:flex}.mobile-dropdown-item:hover{background:var(--color-white);color:var(--color-primary)}.mobile-dropdown-item .dropdown-icon{font-size:var(--font-size-base);border-radius:var(--radius-sm);color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cart-badge{min-width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-accent);border-radius:var(--radius-full);margin-left:var(--space-xs);justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.navbar-search{flex:1;max-width:350px}.search-container{position:relative}.navbar-search .search-icon{left:var(--space-md);color:var(--color-text-muted);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.navbar-search .search-input{width:100%;padding:var(--space-sm) var(--space-lg) var(--space-sm) 42px;font-size:var(--font-size-sm);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background);transition:all var(--transition-fast)}.navbar-search .search-input:focus{border-color:var(--color-primary);background:var(--color-white);outline:none}.navbar-search .search-clear{right:var(--space-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.navbar-search .search-clear:hover{color:var(--color-text-primary)}.search-results{min-width:400px;margin-top:var(--space-xs);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;position:absolute;top:100%;left:0;right:0;overflow:hidden}.search-result-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:background var(--transition-fast);text-decoration:none;display:flex}.search-result-item:hover{background:var(--color-background)}.search-result-image{border-radius:var(--radius-sm);object-fit:cover;width:36px;height:36px}.search-result-info{flex-direction:column;gap:2px;display:flex}.search-result-name{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.search-result-price{font-size:var(--font-size-xs);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.search-view-all{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-background);text-align:center;cursor:pointer;transition:all var(--transition-fast);border:none;display:block}.search-view-all:hover{background:var(--color-primary);color:var(--color-white)}.navbar-auth{align-items:center;gap:var(--space-md);display:flex}.navbar-auth .btn{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm)}.header-right{display:none}.navbar-search-icon{padding:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);margin-right:var(--space-md);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:flex}.navbar-search-icon:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.navbar-search-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-toggle{cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;display:none}.menu-toggle span{background:var(--color-text-primary);border-radius:var(--radius-full);width:100%;height:2px;transition:all var(--transition-fast);display:block}.mobile-menu{background:var(--color-white);border-top:1px solid var(--color-divider);display:none;overflow:hidden}.mobile-nav{padding:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.mobile-nav-link{padding:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--color-background);color:var(--color-primary)}.mobile-auth{gap:var(--space-sm);padding:0 var(--space-md) var(--space-md);display:flex}.mobile-auth .btn{flex:1;justify-content:center}.mobile-cart-icon-btn{padding:var(--space-sm);color:var(--color-text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.mobile-cart-icon-btn:hover{background:var(--color-background)}@media (width<=992px){.navbar-nav,.navbar-auth,.navbar-search{display:none}.menu-toggle{display:flex}.mobile-menu{display:block}.header-right{align-items:center;gap:var(--space-sm);display:flex!important}.header-right .cart-icon-btn{display:flex}}@media (width<=576px){.navbar-container{padding:0 var(--space-sm)}.logo-image{height:50px}}.footer{background:var(--color-text-primary);color:var(--color-white);padding:var(--space-3xl) 0 var(--space-lg);margin-top:auto}.footer-container{max-width:var(--container-max-width);padding:0 var(--space-md);margin:0 auto}.footer-grid{gap:var(--space-xl);margin-bottom:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1fr 1fr;display:grid}.footer-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.logo-image{object-fit:contain;width:auto;height:70px}.logo-text{flex-direction:column;display:flex}.logo-text .logo-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#2e7d32;text-transform:uppercase;line-height:1.2}.logo-text .logo-tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.footer-description{font-size:var(--font-size-sm);color:#b0b0c0;line-height:1.7}.footer-section{min-width:0}.footer-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--space-md)}.footer-links{gap:var(--space-sm);flex-direction:column;display:flex}.footer-links a{font-size:var(--font-size-sm);color:#b0b0c0;transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-primary-light)}.footer-contact{gap:var(--space-md);flex-direction:column;display:flex}.footer-contact li{align-items:flex-start;gap:var(--space-sm);font-size:var(--font-size-sm);color:#b0b0c0;display:flex}.contact-icon{color:var(--color-primary-light);flex-shrink:0}.footer-social{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.social-link{cursor:pointer;align-items:center;gap:6px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex;color:#b0b0c0!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important}.social-link:hover{transform:translateY(-1px);color:var(--color-primary)!important}.social-icon{color:#b0b0c0;flex-shrink:0;font-size:16px}.footer-disclaimer{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-md);border-left:3px solid var(--color-warning);background:#ffa0001a;display:flex}.footer-disclaimer .disclaimer-icon{color:var(--color-warning);flex-shrink:0}.footer-disclaimer p{font-size:var(--font-size-xs);color:#b0b0c0;line-height:1.5}.footer-bottom{padding-top:var(--space-lg);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:#808090}@media (width<=992px){.footer-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr}.footer-section:first-child{grid-column:1/-1}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}.footer-social{flex-wrap:wrap}.logo-image{height:60px}}.layout{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;margin-top:0;padding-top:0;display:flex}*{margin:0;padding:0}html,body{margin:0!important;padding:0!important}@media (width<=768px){html,body,.layout,.main-content{margin:0!important;padding:0!important}}.product-card{background:#fff;border-radius:12px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.product-link{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.product-image-container{aspect-ratio:1;background:#fff;flex-shrink:0;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);display:block}.product-image.hidden{opacity:0}.product-card:hover .product-image{transform:scale(1.05)}.product-image-skeleton{position:absolute;inset:0}.product-image-fallback{background:var(--color-background);justify-content:center;align-items:center;font-size:64px;display:flex;position:absolute;inset:0}.product-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#2e7d32;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.product-sale-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:3;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:6px;padding:6px 12px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #ef44444d}.product-stock-badge{border-radius:6px;padding:6px 12px;font-size:11px;font-weight:500;position:absolute;top:12px;right:12px}.product-stock-badge.in-stock{color:#2e7d32;background:#2e7d3214}.product-stock-badge.special-offer{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);font-weight:700;box-shadow:0 2px 8px #ef44444d}.product-stock-badge.out-of-stock{color:var(--color-error);background:#d32f2f1a}.product-info{flex-direction:column;flex:1;padding:20px;display:flex}.product-name{color:#1a1a1a;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-category-info{margin-bottom:6px}.product-category-text{color:#666;text-transform:uppercase;letter-spacing:.5px;background:#2e7d3214;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.product-description{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.product-disclaimer{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-md);background:#ff6d0014;display:flex}.product-disclaimer svg{color:var(--color-accent);flex-shrink:0}.product-disclaimer span{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.product-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.product-price-container{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.product-price.discounted{color:#1b5e20;font-weight:700}.product-price.original{color:#9e9e9e;font-size:14px;font-weight:400;text-decoration:line-through}.product-price{color:#1b5e20;font-size:22px;font-weight:700}.btn-add-to-cart{white-space:nowrap;color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-add-to-cart:hover{background:#43a047;transform:translateY(-1px)}.btn-add-to-cart.in-cart{background:#2e7d32}.product-image-fallback .fallback-icon{opacity:.5;font-size:48px}.skeleton-card{pointer-events:none}.skeleton-image{aspect-ratio:1;border-radius:0}.skeleton-title{width:80%;height:24px;margin-bottom:var(--space-sm)}.skeleton-description{width:100%;height:16px;margin-bottom:var(--space-xs)}.skeleton-description.short{width:60%;margin-bottom:var(--space-md)}.skeleton-price{width:80px;height:28px}.skeleton-button{border-radius:var(--radius-md);width:100px;height:36px}@media (width>=1400px){.product-image-container{max-height:320px}}@media (width<=576px){.product-info{padding:var(--space-sm)}.product-name{font-size:var(--font-size-base)}.product-description{font-size:var(--font-size-xs)}.product-price{font-size:var(--font-size-lg)}.product-footer{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.btn-add-to-cart{width:100%}.product-category-badge,.product-sale-badge,.product-stock-badge{padding:3px 6px;font-size:9px}.product-category-text{padding:1px 6px;font-size:10px}.product-price-container{gap:1px}.product-price.original{font-size:12px}}.full-page-loader{z-index:9999;background:linear-gradient(135deg,#f0fdf4 0%,#fafff9 50%,#fff 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mednoral-loader{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loader-pills{gap:8px;margin-bottom:20px;display:flex}.loader-pill{background:#22c55e;border-radius:12px;width:12px;height:24px;animation:1.4s ease-in-out infinite both bounce}.loader-pill:first-child{animation-delay:-.32s}.loader-pill:nth-child(2){animation-delay:-.16s}.loader-pill:nth-child(3){animation-delay:0s}.loader-text{color:#22c55e;letter-spacing:2px;text-transform:uppercase;font-size:24px;font-weight:600;animation:1.5s ease-in-out infinite pulse}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.home-with-search{padding-top:58px}.home-search-bar,.home-search-bar-mobile{z-index:900;background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;position:fixed;top:72px;left:0;right:0;box-shadow:0 2px 8px #0000000d}.home-search-bar .container{max-width:var(--container-max-width);padding:0 var(--space-lg);margin:0 auto}.search-bar{border-radius:var(--radius-lg);width:100%;max-width:1200px;transition:border-color var(--transition-fast);background:#fff;border:2px solid #e2e8f0;align-items:stretch;margin:0 auto;display:flex;position:relative;overflow:hidden}.search-bar:focus-within{border-color:#22c55e}.search-icon{color:#64748b;margin-left:var(--space-md);flex-shrink:0;align-self:center}.search-input{padding:var(--space-md);font-size:var(--font-size-base);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:#94a3b8}.search-clear{padding:var(--space-sm);cursor:pointer;color:#64748b;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear:hover{color:#22c55e;background:#f0fdf4}.search-btn{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#22c55e;border:none;flex-shrink:0;width:100px;display:flex}.search-btn:hover{color:#fff;background:#16a34a}.hero-carousel{background:linear-gradient(135deg,#f0fdf4 0%,#fafff9 50%,#fff 100%);align-items:center;width:100vw;height:700px;margin-left:-50vw;margin-right:-50vw;padding:10px 20px;display:flex;position:relative;left:50%;right:50%;overflow:hidden}.hero-container{width:100%;max-width:1400px;margin:0 auto}.hero-slide{box-sizing:border-box;grid-template-columns:1fr 1fr;place-items:stretch stretch;gap:20px;width:100%;height:100%;padding:0 10px;display:grid;overflow:hidden}@media (width<=768px){.home-search-bar-mobile{display:none!important}.hero-carousel{margin-top:-60px;padding:0;aspect-ratio:auto!important;height:600px!important;min-height:600px!important}.hero-slide .hero-title{margin:0!important;line-height:1.2!important}.hero-slide .hero-highlight{margin:0!important;font-size:2.5rem!important;line-height:1.2!important}.hero-subtitle{margin:4px 0!important}.hero-buttons{margin:8px 0!important}.hero-logo{margin:0 0 4px!important}.hero-slide{gap:var(--space-md)!important;padding:var(--space-sm)!important;flex-direction:column!important;width:100%!important;max-width:100%!important;display:flex!important}.hero-content{order:1;text-align:center!important;flex-direction:column!important;justify-content:center!important;gap:0!important;width:100%!important;height:300px!important;margin:0!important;padding:0!important;animation:.8s slideInText!important;display:flex!important}.hero-visual{order:2;width:100%!important;animation:.8s .2s scaleInImage!important;display:block!important}.hero-image-wrapper{background:0 0!important;border-radius:0!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.hero-main-image{object-fit:contain!important;object-position:center center!important;width:100%!important;max-width:100%!important;height:250px!important;display:block!important}.hero-title{text-align:center!important;margin-top:0!important;margin-bottom:2px!important;font-size:clamp(2rem,8vw,3rem)!important}.hero-highlight{margin-top:0!important;margin-bottom:8px!important}.hero-subtitle{font-size:var(--font-size-base)!important;text-align:center!important;margin-bottom:2px!important}.hero-buttons{justify-content:center!important;margin:2px 0!important}.hero-logo{margin-bottom:2px!important}.hero-dots{bottom:var(--space-md)!important;margin-top:var(--space-lg)!important;position:relative!important}.hero-arrow{display:none!important}}.hero-dots{display:none!important}.hero-arrow{color:#22c55e;cursor:pointer;width:50px;height:50px;transition:all var(--transition-fast);z-index:10;opacity:.7;background:#ffffffe6;border:2px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{color:#fff;opacity:1;background:#22c55e;transform:translateY(-50%)scale(1.05)}.hero-dot{cursor:pointer;width:12px;height:12px;transition:all var(--transition-fast);background:#ffffff80;border:2px solid #22c55e4d;border-radius:50%}.hero-dot:hover{background:#fffc;transform:scale(1.1)}.hero-dot.active{background:#22c55e;border-color:#22c55e}.hero-arrow{color:#22c55e;cursor:pointer;width:50px;height:50px;transition:all var(--transition-fast);z-index:10;background:#ffffffe6;border:2px solid #22c55e33;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{color:#fff;background:#22c55e;transform:translateY(-50%)scale(1.05)}.hero-arrow-prev{left:var(--space-lg)}.hero-arrow-next{right:var(--space-lg)}@keyframes slideInText{0%{opacity:0;transform:translateY(20px)rotate(-3deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.hero-content{width:100%;padding:0 var(--space-xl);text-align:center;margin-left:var(--space-2xl);flex-direction:column;justify-content:center;place-self:center;gap:0;height:100%;animation:.8s slideInText;display:flex;overflow:hidden}.hero-logo{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#166534;letter-spacing:.25em;text-transform:uppercase;opacity:.9;margin:0 0 8px}.hero-slide .hero-title{font-size:clamp(2.75rem,5.5vw,4.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;margin:0;padding:0;line-height:1.1}.hero-title .highlight{color:#22c55e;display:inline-block}.hero-slide .hero-highlight{color:#22c55e;font-size:3.5rem;font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase;margin:0;padding:0;line-height:1.2}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:480px;line-height:1.8;font-weight:var(--font-weight-normal);margin:8px 0}.hero-buttons{justify-content:center;gap:var(--space-md);margin:16px 0;display:flex}.btn-hero{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);transition:all var(--transition-normal);align-items:center;gap:var(--space-sm);letter-spacing:.01em;display:inline-flex}.btn-hero.btn-primary{color:var(--color-white);background:#22c55e;box-shadow:0 4px 14px #22c55e40}.btn-hero.btn-primary:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.btn-hero.btn-secondary{color:#166534;font-weight:var(--font-weight-semibold);background:#f0fdf4;border:2px solid #166534}.btn-hero.btn-secondary:hover{color:var(--color-white);background:#166534;transform:translateY(-2px);box-shadow:0 6px 20px #16653440}.hero-trust-badge{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f0fdf4cc;border:1px solid #bbf7d0;justify-content:center;align-items:center;margin:0 auto;display:inline-flex}.trust-badge-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#166534;letter-spacing:.02em}@keyframes scaleInImage{0%{opacity:0;transform:scale(.8)translate(30px)}to{opacity:1;transform:scale(1)translate(0)}}.hero-visual{justify-content:center;align-self:stretch;align-items:center;width:100%;height:100%;animation:.8s .2s scaleInImage;display:flex;position:relative;overflow:hidden}.hero-image-wrapper{border-radius:var(--radius-2xl);width:100%;position:relative;overflow:hidden}.hero-main-image{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}@media (width>=1400px){.hero-image-wrapper{max-width:680px;min-height:500px}}@media (width>=1800px){.hero-image-wrapper{max-width:600px;min-height:450px}}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.carousel-footer{text-align:center;margin-top:var(--space-lg)}.btn-view-all{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:all var(--transition-fast);white-space:nowrap}.categories-section{padding:var(--space-xl) 0;background:var(--color-surface)}.categories-carousel{margin-top:var(--space-lg);position:relative}.categories-carousel .carousel-container{width:100%;max-width:none;margin:0;overflow:hidden}.categories-carousel .carousel-track{width:100%;transition:transform .4s;display:flex}.carousel-category-item{min-width:0;padding:0 var(--space-sm);flex:0 0 50%}@media (width>=769px){.carousel-category-item{flex:0 0 25%}}.carousel-category-item .category-card{width:100%;margin:0}.category-card{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-background);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);border:2px solid #0000;flex-direction:column;display:flex}.category-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.category-card.active{background:var(--color-primary);color:var(--color-white)}.category-card.active .category-count{color:var(--color-white);background:#fff3}.category-icon{font-size:32px}.category-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:center}.category-count{font-size:var(--font-size-xs);background:var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:4px 12px}.products-section{padding:var(--space-xl) 0;background:var(--color-background)}.search-bar{max-width:500px;margin:0 auto var(--space-xl);position:relative}.search-icon{left:var(--space-md);font-size:18px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) var(--space-2xl);font-size:var(--font-size-base);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-white);transition:border-color var(--transition-fast)}.search-input:focus{border-color:var(--color-primary);outline:none}.search-clear{right:var(--space-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.search-clear:hover{color:var(--color-text-primary)}.filter-bar{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.filter-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:flex}.filter-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.filter-btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-background);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;display:flex}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.filter-icon{font-size:var(--font-size-base)}.filter-name{white-space:nowrap}.products-grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.no-products{text-align:center;padding:var(--space-3xl);grid-column:1/-1}.no-products-icon{margin-bottom:var(--space-md);font-size:64px;display:block}.no-products h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.no-products p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.features-section{padding:var(--space-xl) 0;background:var(--color-surface)}.features-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.feature-card{text-align:center;padding:var(--space-lg)}.feature-icon{margin-bottom:var(--space-md);font-size:40px}.feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.feature-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}@media (width<=992px){.hero{min-height:auto;padding:var(--space-2xl) var(--space-md);aspect-ratio:auto}.hero-container{text-align:center;gap:var(--space-2xl);grid-template-columns:1fr}.hero-content{order:2;max-width:100%;padding-left:0}.hero-visual{order:1;justify-content:center;align-items:center;display:flex}.hero-main-image{object-fit:cover;object-position:center top}.hero-slide .hero-title{margin:0;font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2}.hero-slide .hero-highlight{margin:0;font-size:3rem;line-height:1.2}.hero-logo{margin:0 auto 8px}.hero-subtitle{max-width:100%;margin:4px auto}.hero-buttons{flex-wrap:wrap;justify-content:center;margin:8px 0}.hero-trust-badge{margin-left:auto;margin-right:auto}.hero-image-wrapper{max-width:420px;min-height:350px;margin:0 auto}.categories-carousel{padding:0 var(--space-md)}.carousel-category-item{padding:0 var(--space-xs);flex:0 0 50%}.carousel-category-item .category-card{transform:scale(.95)}.carousel-category-item .category-card:hover{transform:scale(.95)translateY(-2px)}.products-grid{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-direction:column;align-items:flex-start}.filter-buttons{width:100%}.filter-btn{min-width:calc(50% - var(--space-sm));flex:1;justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.hero{padding:var(--space-xl) var(--space-md);min-height:auto}.hero-slide .hero-title{margin:0;font-size:clamp(2rem,8vw,2.5rem);line-height:1.2}.hero-slide .hero-highlight{margin:0;font-size:2rem;line-height:1.2}.hero-subtitle{font-size:var(--font-size-base);margin:4px 0;line-height:1.7}.hero-buttons{gap:var(--space-sm);flex-direction:column;margin:8px 0}.hero-logo{margin:0 auto 4px}.btn-hero{width:100%;padding:var(--space-md) var(--space-lg);justify-content:center}.hero-image-wrapper{max-width:320px;min-height:280px;margin:0 auto}.hero-main-image{object-fit:cover;object-position:center top}.categories-grid{grid-template-columns:1fr}.products-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.filter-btn{min-width:100%}.features-grid{grid-template-columns:1fr}}.featured-products-section{padding:var(--space-xl) 0;background:var(--color-surface)}.products-carousel{margin-top:var(--space-lg);position:relative}.carousel-container{width:100%;max-width:none;margin:0;overflow:hidden}.carousel-track{width:100%;transition:transform .4s;display:flex}.carousel-product-item{min-width:0;padding:0 var(--space-sm);flex:0 0 50%}@media (width>=769px){.carousel-product-item{flex:0 0 25%}}.carousel-product-item .product-card{box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);margin:0}.carousel-product-item .product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (width<=768px){.featured-products-section{padding:var(--space-2xl) var(--space-md)}.products-carousel{gap:var(--space-sm);width:100%;padding:0}.carousel-container{width:100%;max-width:none;margin:0}.carousel-product-item{padding:0 var(--space-xs);flex:0 0 50%}.carousel-product-item .product-card{transform:scale(.95)}.carousel-product-item .product-card:hover{transform:scale(.95)translateY(-2px)}.carousel-nav{width:44px;height:44px}}.products-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;margin:0;padding:0}.products-header{text-align:center;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 50%,#2dd4bf 100%);padding:3rem 1.5rem;position:relative;overflow:hidden}.products-header:before{content:"";opacity:.3;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.products-header-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.products-title{color:#fff;text-shadow:0 2px 4px #0000001a;margin:0 0 .75rem;font-size:2.5rem;font-weight:800}.products-subtitle{color:#ffffffe6;margin:0;font-size:1.125rem;font-weight:400}.filter-bar{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;height:90px;padding:0 1.5rem;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}@media (width>=993px){.filter-bar{z-index:900;margin-top:1px;position:fixed;top:72px;left:0;right:0}.products-page{padding-top:163px}}.filter-bar-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;display:flex}.filter-search{flex:1;min-width:250px;position:relative}.filter-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:.75rem 2.5rem .75rem 2.75rem;font-size:1rem;transition:all .2s}.filter-search-input:focus{background:#fff;border-color:#14b8a6;outline:none;box-shadow:0 0 0 3px #14b8a61a}.filter-search-clear{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.filter-search-clear:hover{color:#475569;background:#cbd5e1}.filter-group{flex-direction:column;gap:.375rem;display:flex;position:relative}.filter-group:after{content:"";opacity:0;background:linear-gradient(90deg,#0000,#14b8a6,#0000);height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.filter-group:focus-within:after{opacity:1}.filter-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}.filter-label:before{content:"";background:linear-gradient(#0d9488,#14b8a6);border-radius:2px;width:3px;height:12px;display:inline-block}.filter-select-wrapper{display:inline-block;position:relative}.filter-select-wrapper:after{content:"";background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:0 0 12px 12px;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.filter-select-wrapper:focus-within:after{transform:scaleX(1)}.filter-select{appearance:none;cursor:pointer;color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;min-width:180px;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;font-weight:500;transition:all .3s;box-shadow:0 1px 2px #0000000d}.filter-select:hover{background:#fff;border-color:#14b8a6;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.filter-select:focus{background:#fff;border-color:#0d9488;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #14b8a633,0 4px 6px -1px #0000001a}.filter-select:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.filter-select option{color:#1e293b;background:#fff;padding:.75rem 1rem;font-weight:500}.filter-select option:checked{color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);font-weight:600}.filter-select option[value=all]{color:#64748b;font-style:italic}.filter-select option:hover{color:#0d9488;background:#f0fdfa}.filter-select option:focus{color:#fff;background:#0d9488;outline:none}.filter-select option:active{color:#fff;background:#0f766e}.filter-select option:disabled{color:#94a3b8;background:#f8fafc;font-style:italic}.filter-select option:first-child{border-radius:8px 8px 0 0}.filter-select option:last-child{border-radius:0 0 8px 8px}.filter-select option:nth-child(2n){background:#f8fafc}.filter-select option:nth-child(2n):hover{background:#f0fdfa}.filter-select option:nth-child(odd){background:#fff}.filter-select option:nth-child(odd):hover,.filter-select option:nth-child(3n){background:#f0fdfa}.filter-select option:nth-child(3n):hover{background:#ccfbf1}.filter-select option:nth-child(3n+1){background:#fff}.filter-select option:nth-child(3n+1):hover{background:#f0fdfa}.filter-select option:nth-child(3n+2){background:#f8fafc}.filter-select option:nth-child(3n+2):hover,.filter-select option:nth-child(4n){background:#f0fdfa}.filter-select option:nth-child(4n):hover{background:#ccfbf1}.filter-select option:nth-child(4n+1){background:#fff}.filter-select option:nth-child(4n+1):hover{background:#f0fdfa}.filter-select option:nth-child(4n+2){background:#f8fafc}.filter-select option:nth-child(4n+2):hover,.filter-select option:nth-child(4n+3){background:#f0fdfa}.filter-select option:nth-child(4n+3):hover{background:#ccfbf1}.filter-select option:nth-child(5n){background:#f0fdfa}.filter-select option:nth-child(5n):hover{background:#ccfbf1}.filter-select option:nth-child(5n+1){background:#fff}.filter-select option:nth-child(5n+1):hover{background:#f0fdfa}.filter-select option:nth-child(5n+2){background:#f8fafc}.filter-select option:nth-child(5n+2):hover,.filter-select option:nth-child(5n+3){background:#f0fdfa}.filter-select option:nth-child(5n+3):hover{background:#ccfbf1}.filter-select option:nth-child(5n+4){background:#fff}.filter-select option:nth-child(5n+4):hover{background:#f0fdfa}.filter-select option:nth-child(5n+5){background:#f8fafc}.filter-select option:nth-child(5n+5):hover,.filter-select option:nth-child(6n){background:#f0fdfa}.filter-select option:nth-child(6n):hover{background:#ccfbf1}.filter-select option:nth-child(6n+1){background:#fff}.filter-select option:nth-child(6n+1):hover{background:#f0fdfa}.filter-select option:nth-child(6n+2){background:#f8fafc}.filter-select option:nth-child(6n+2):hover,.filter-select option:nth-child(6n+3){background:#f0fdfa}.filter-select option:nth-child(6n+3):hover{background:#ccfbf1}.filter-select option:nth-child(6n+4){background:#fff}.filter-select option:nth-child(6n+4):hover{background:#f0fdfa}.filter-select-icon{color:#94a3b8;pointer-events:none;transition:all .3s;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.filter-select-wrapper:hover .filter-select-icon{color:#14b8a6;transform:translateY(-50%)scale(1.1)}.filter-select-wrapper:focus-within .filter-select-icon{color:#0d9488;transform:translateY(-50%)rotate(180deg)scale(1.1)}.filter-toggle-mobile{color:#475569;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex;position:relative}.filter-toggle-mobile:hover{background:#e2e8f0;border-color:#cbd5e1}.filter-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-4px}.view-toggle{background:#f1f5f9;border-radius:10px;gap:.25rem;padding:.25rem;display:flex}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex}.view-toggle-btn:hover{color:#475569;background:#e2e8f0}.view-toggle-btn.active{color:#0d9488;background:#fff;box-shadow:0 1px 3px #0000001a}.filter-expanded{z-index:1001;background:#fff;border:1px solid #e2e8f0;border-top:none;margin-top:0;padding:1rem;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}@media (width<=768px){.filter-expanded{z-index:1001;top:72px}}.filter-expanded-content{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.price-range-inputs{align-items:center;gap:.5rem;display:flex}.price-input{border:2px solid #e2e8f0;border-radius:10px;width:100px;padding:.625rem .75rem;font-size:.875rem;transition:all .2s}.price-input:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 3px #14b8a61a}.price-separator{color:#94a3b8;font-size:.875rem}.rating-filter{gap:.5rem;display:flex}.rating-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.rating-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.rating-btn.active{color:#fff;background:#0d9488;border-color:#0d9488}.rating-btn svg{color:#fbbf24}.rating-btn.active svg{color:#fff}.clear-filters-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:2px solid #fecaca;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.clear-filters-btn:hover{background:#fee2e2;border-color:#fca5a5}.results-info{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex}.results-count{color:#64748b;font-size:.9375rem}.clear-filters-inline{color:#0d9488;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.875rem;font-weight:500;transition:all .2s}.clear-filters-inline:hover{color:#0f766e;background:#f0fdfa}.products-container{max-width:1400px;margin:0 auto;padding:0 1.5rem 3rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.products-grid.list-view{grid-template-columns:1fr}.products-grid.list-view .product-card{flex-direction:row;display:flex}.products-grid.list-view .product-image-container{flex-shrink:0;width:200px}.products-grid.list-view .product-info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.no-results{text-align:center;background:#fff;border-radius:16px;padding:4rem 2rem;box-shadow:0 4px 6px -1px #0000001a}.no-results-icon{margin-bottom:1rem;font-size:4rem}.no-results-title{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.no-results-text{color:#64748b;margin:0 0 1.5rem;font-size:1rem}@media (width>=1200px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.products-title{font-size:2rem}.products-subtitle{font-size:1rem}.filter-bar-container{gap:.75rem}.filter-search{min-width:500px}.filter-select{min-width:150px}}@media (width<=768px){.products-header{padding:2rem 1rem}.products-title{font-size:1.75rem}.filter-bar{padding:1rem;top:60px}.filter-bar-container{flex-direction:column;align-items:stretch}.filter-search{min-width:100%}.filter-group{display:none}.filter-toggle-mobile{justify-content:center;width:100%;display:flex}.view-toggle{display:none}.filter-expanded-content{flex-direction:column;gap:1rem}.filter-group{width:100%;display:flex}.filter-select{width:100%;min-width:100%}.filter-expanded .filter-select-wrapper,.price-range-inputs{width:100%}.price-input{flex:1}.rating-filter{flex-wrap:wrap}.clear-filters-btn{justify-content:center;width:100%}.results-info{flex-direction:column;align-items:flex-start;gap:.5rem}.products-container{padding:0 1rem 2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}}@media (width<=480px){.products-header{padding:1.5rem 1rem}.products-title{font-size:1.5rem}.products-subtitle{font-size:.875rem}.filter-bar{padding:.75rem;top:56px}.filter-search-input{padding:.625rem 2.25rem .625rem 2.5rem;font-size:.875rem}.products-grid{grid-template-columns:repeat(2,1fr)}.no-results{padding:2rem 1rem}.no-results-icon{font-size:3rem}.no-results-title{font-size:1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products-grid .product-card{animation:.4s ease-out forwards fadeInUp}.filter-search-input:hover,.filter-select:hover,.price-input:hover{border-color:#cbd5e1}.filter-search-input:focus-visible,.filter-select:focus-visible,.price-input:focus-visible,.rating-btn:focus-visible,.view-toggle-btn:focus-visible,.filter-toggle-mobile:focus-visible,.filter-search-btn:focus-visible{outline-offset:2px;outline:2px solid #14b8a6}@media (width<=768px){.filter-bar-container{flex-direction:row;justify-content:space-between;align-items:center;gap:.1rem}.filter-search{flex:1;min-width:100px}.filter-search-btn{min-width:auto;padding:0;font-size:.75rem}.filter-toggle-mobile{min-width:auto;padding:.375rem .5rem;font-size:.75rem}.filter-search-input{padding:.7rem .5rem;font-size:1rem}}.filter-search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0d9488;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.filter-search-btn:hover{background:#0a7a6a;transform:translateY(-1px);box-shadow:0 4px 12px #0d94884d}.filter-search-btn:active{transform:translateY(0)}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.filter-icon{color:#64748b;flex-shrink:0;margin-right:.5rem}.quick-filters{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.quick-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.quick-filter-btn:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.quick-filter-btn.active{color:#fff;background:#0d9488;border-color:#0d9488;box-shadow:0 2px 8px #0d948833}.active-filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.active-filters-label{color:#64748b;font-size:.875rem;font-weight:500}.active-filter-tag{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;display:flex}.tag-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-left:.25rem;padding:0;display:flex}.tag-remove:hover{color:#64748b;background:#e2e8f0}.clear-all-filters{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:16px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.clear-all-filters:hover{background:#dc2626}.product-grid-page{background:#fff;min-height:100vh;padding:60px 20px}.product-grid-container{max-width:1200px;margin:0 auto}.product-grid-header{text-align:center;margin-bottom:60px}.product-grid-title{color:#1a1a1a;letter-spacing:-.5px;margin-bottom:12px;font-size:36px;font-weight:700}.product-grid-subtitle{color:#666;font-size:16px;font-weight:400}.product-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}@media (width<=992px){.product-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=768px){.product-grid-page{padding:40px 16px}.product-grid-header{margin-bottom:40px}.product-grid-title{font-size:28px}.product-grid-subtitle{font-size:14px}.product-grid{grid-template-columns:1fr;gap:20px;max-width:400px}}.auth-page{min-height:calc(100vh - var(--navbar-height));padding:var(--space-xl) var(--space-md);background:linear-gradient(135deg,#f5f7fa 0%,#e8f5e9 100%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);padding:var(--space-xl)}.auth-header{text-align:center;margin-bottom:var(--space-lg)}.auth-logo{margin-bottom:var(--space-md);justify-content:center;text-decoration:none;display:flex}.auth-logo-image{object-fit:contain;width:auto;height:80px}.auth-logo-text{display:none}.auth-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.form-input.error{border-color:var(--color-error)}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-xs);display:block}.form-options{margin:var(--space-sm) 0;justify-content:space-between;align-items:center;display:flex}.checkbox-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.checkbox-label input{cursor:pointer;width:18px;height:18px}.forgot-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.btn-block{width:100%;padding:var(--space-md);font-size:var(--font-size-base)}.auth-footer{text-align:center;margin-top:var(--space-lg)}.auth-footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-divider{align-items:center;gap:var(--space-md);margin:var(--space-lg) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-divider span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.social-login{gap:var(--space-sm);flex-direction:column;display:flex}.btn-social{justify-content:center;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.btn-social:hover{border-color:var(--color-text-muted);background:var(--color-background)}@media (width<=576px){.auth-card{padding:var(--space-lg)}.auth-title{font-size:var(--font-size-xl)}.form-options{gap:var(--space-sm);flex-direction:column;align-items:flex-start}}.cart-page{padding:var(--space-2xl) 0;min-height:calc(100vh - var(--navbar-height))}.cart-header{margin-bottom:var(--space-xl)}.cart-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.cart-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.empty-cart{text-align:center;padding:var(--space-3xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.empty-cart-icon{margin-bottom:var(--space-md);font-size:80px}.empty-cart-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.empty-cart-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.cart-content{gap:var(--space-xl);grid-template-columns:1fr 380px;align-items:start;display:grid}.cart-items{gap:var(--space-md);flex-direction:column;display:flex}.cart-item{gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:100px 1fr auto auto;align-items:center;display:grid}.item-image{border-radius:var(--radius-md);background:var(--color-background);width:100px;height:100px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-details{min-width:0}.item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.item-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-xs);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.item-price{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.item-actions{gap:var(--space-sm);flex-direction:column;align-items:center;display:flex}.quantity-controls{align-items:center;gap:var(--space-xs);background:var(--color-background);border-radius:var(--radius-md);padding:var(--space-xs);display:flex}.quantity-btn{width:32px;height:32px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quantity-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.quantity-value{text-align:center;min-width:40px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.remove-btn{font-size:var(--font-size-sm);color:var(--color-error);cursor:pointer;background:0 0;border:none;text-decoration:underline}.remove-btn:hover{color:var(--color-error)}.item-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:right;min-width:100px}.cart-summary{top:calc(var(--navbar-height) + var(--space-md));padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky}.summary-total{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-lg);justify-content:space-between;display:flex}.btn-checkout{width:100%;padding:var(--space-md);font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.btn-continue{width:100%;padding:var(--space-md);font-size:var(--font-size-base);justify-content:center}.clear-cart-btn{width:100%;margin-top:var(--space-md);padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;text-align:center;background:0 0;border:none;display:block}.clear-cart-btn:hover{color:var(--color-error)}@media (width<=992px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=768px){.cart-item{gap:var(--space-sm);grid-template-columns:80px 1fr}.item-actions{flex-direction:row;grid-column:1/-1;justify-content:space-between;width:100%}.item-total{text-align:left;grid-column:1/-1}}@media (width<=576px){.cart-item{padding:var(--space-sm)}.item-image{width:70px;height:70px}.item-name{font-size:var(--font-size-sm)}.item-description{display:none}}.checkout-page{padding:var(--space-2xl) 0;min-height:calc(100vh - var(--navbar-height))}.checkout-header{margin-bottom:var(--space-xl)}.checkout-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.checkout-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.checkout-content{gap:var(--space-xl);grid-template-columns:1fr 400px;align-items:start;display:grid}.checkout-form-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.form-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-lg)}.checkout-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row{gap:var(--space-md);display:grid}.form-row.two-col{grid-template-columns:1fr 1fr}.payment-options{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.payment-option{align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex}.payment-option:hover{border-color:var(--color-primary-light)}.payment-option.selected{border-color:var(--color-primary);background:#2e7d320d}.payment-option input{display:none}.payment-icon{font-size:24px}.payment-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.btn-place-order{width:100%;padding:var(--space-md);font-size:var(--font-size-lg);margin-top:var(--space-md)}.order-summary{top:calc(var(--navbar-height) + var(--space-md));background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);position:sticky}.summary-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.order-items{gap:var(--space-sm);flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.order-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-background);border-radius:var(--radius-md);display:flex}.order-item-image{border-radius:var(--radius-sm);background:var(--color-white);width:50px;height:50px;position:relative;overflow:hidden}.order-item-image img{object-fit:cover;width:100%;height:100%}.order-item-quantity{width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-secondary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.order-item-details{flex:1;min-width:0}.order-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.order-item-price{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.summary-divider{background:var(--color-divider);height:1px;margin:var(--space-md) 0}.summary-details{gap:var(--space-sm);flex-direction:column;display:flex}.summary-row{font-size:var(--font-size-base);color:var(--color-text-secondary);justify-content:space-between;display:flex}.shipping-free{color:var(--color-success);font-weight:var(--font-weight-medium)}.summary-total{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);justify-content:space-between;display:flex}.back-to-cart{text-align:center;margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;display:block}.back-to-cart:hover{text-decoration:underline}@media (width<=992px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}}@media (width<=576px){.form-row.two-col,.payment-options{grid-template-columns:1fr}.checkout-form-container,.order-summary{padding:var(--space-md)}}.contact-page{padding:var(--space-2xl) 0;min-height:calc(100vh - var(--navbar-height))}.contact-header{text-align:center;margin-bottom:var(--space-2xl)}.contact-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.contact-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.contact-content{gap:var(--space-2xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact-info{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.contact-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.contact-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.contact-info-list{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.contact-info-item{align-items:flex-start;gap:var(--space-md);display:flex}.contact-info-icon{flex-shrink:0;font-size:24px}.contact-info-content{flex:1}.contact-info-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:2px}.contact-info-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.contact-social{padding-top:var(--space-lg);border-top:1px solid var(--color-divider)}.social-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-md)}.social-links{gap:var(--space-sm);flex-wrap:wrap;display:flex}.social-link{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-background);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-link:hover{background:var(--color-primary);color:var(--color-white)}.contact-form-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.form-row.two-col{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-textarea{resize:vertical;min-height:120px}.btn-submit{width:100%;padding:var(--space-md);font-size:var(--font-size-base);margin-top:var(--space-sm)}@media (width<=992px){.contact-content{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=576px){.contact-title{font-size:var(--font-size-3xl)}.form-row.two-col{grid-template-columns:1fr}.contact-info,.contact-form-container{padding:var(--space-lg)}}.product-detail{padding:var(--space-xl) 0 var(--space-3xl);min-height:calc(100vh - var(--navbar-height))}.product-detail-not-found{text-align:center;padding:var(--space-3xl)}.product-detail-not-found h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-md);color:var(--color-text-primary)}.product-detail-not-found p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.breadcrumb{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex}.breadcrumb a{color:var(--color-primary);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--color-primary-dark)}.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-current{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.product-detail-main{gap:var(--space-2xl);margin-bottom:var(--space-3xl);grid-template-columns:1fr 1fr;display:grid}.product-detail-image{position:relative}.product-detail-image-wrapper{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.product-detail-image-wrapper img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.product-detail-category-badge{top:var(--space-md);left:var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;padding:6px 14px;position:absolute}.product-detail-info{padding:var(--space-lg) 0}.product-detail-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-md);line-height:1.3}.product-detail-meta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);display:flex}.product-detail-brand{color:var(--color-text-secondary)}.product-detail-stock.in-stock{color:var(--color-success);font-weight:var(--font-weight-medium)}.product-detail-stock.special-offer{color:var(--color-white);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);padding:4px 12px;box-shadow:0 2px 8px #ef44444d}.product-detail-price-container{margin-bottom:var(--space-lg)}.product-detail-price{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-detail-price.discounted{color:var(--color-success)}.product-detail-price.original{font-size:var(--font-size-2xl);color:var(--color-text-muted);font-weight:var(--font-weight-normal);margin-top:var(--space-sm);text-decoration:line-through}.product-detail-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.7}.product-detail-quantity{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.quantity-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.quantity-selector{border:2px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:0;display:flex;overflow:hidden}.quantity-btn{width:44px;height:44px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.quantity-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{text-align:center;min-width:50px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:var(--color-background)}.stock-info{font-size:var(--font-size-sm);color:var(--color-warning);margin-left:var(--space-md)}.btn-add-to-cart-large{width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg);margin-bottom:var(--space-lg);justify-content:center;align-items:center;gap:8px;display:flex}.btn-add-to-cart-large.in-cart{background:var(--color-success)}.product-disclaimer{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--color-warning);background:#ffa0001a;display:flex}.disclaimer-icon{color:var(--color-warning);flex-shrink:0}.product-disclaimer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.related-products{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--color-divider)}.related-products-title{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-xl);text-align:center}.related-products-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}.product-detail-back{margin-top:var(--space-2xl);text-align:center}.product-detail-back .btn{align-items:center;gap:8px;display:inline-flex}@media (width<=992px){.product-detail-main{gap:var(--space-xl);grid-template-columns:1fr}.related-products-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.product-detail-name{font-size:var(--font-size-2xl)}.product-detail-price{font-size:var(--font-size-3xl)}.related-products-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.product-detail-quantity,.product-disclaimer{flex-direction:column;align-items:flex-start}.product-detail-category-badge{padding:4px 8px;font-size:9px}.product-detail-image-wrapper{max-width:100%;margin:0 auto}.product-detail-image-wrapper img{aspect-ratio:auto;max-width:100%;height:auto}}@media (width<=480px){.product-detail-image-wrapper{border-radius:var(--radius-lg)}.product-detail-name{font-size:var(--font-size-xl)}.product-detail-price{font-size:var(--font-size-2xl)}}.order-history{padding:var(--space-xl) 0 var(--space-3xl);min-height:calc(100vh - var(--navbar-height))}.order-history-header{text-align:center;margin-bottom:var(--space-2xl)}.order-history-title{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.order-history-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.orders-list{gap:var(--space-lg);flex-direction:column;max-width:800px;margin:0 auto;display:flex}.order-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:all var(--transition-normal)}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.order-id{flex-direction:column;gap:2px;display:flex}.order-id-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.order-id-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.order-status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);background:var(--color-background);border-radius:var(--radius-sm)}.order-date{gap:var(--space-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);display:flex}.date-label{color:var(--color-text-muted)}.date-value{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.order-items{margin-bottom:var(--space-md)}.order-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px dashed var(--color-divider);display:flex}.order-item:last-child{border-bottom:none}.item-name{color:var(--color-text-primary);flex:1}.item-quantity{color:var(--color-text-muted);text-align:center;min-width:40px}.item-price{color:var(--color-primary);font-weight:var(--font-weight-medium);text-align:right;min-width:80px}.order-footer{padding-top:var(--space-md);border-top:1px solid var(--color-divider);justify-content:space-between;align-items:center;display:flex}.order-total-label{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.order-total-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.no-orders{text-align:center;padding:var(--space-3xl)}.no-orders-icon{margin-bottom:var(--space-md);font-size:64px;display:block}.no-orders h3{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.no-orders p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.disclaimer-section{align-items:flex-start;gap:var(--space-sm);max-width:800px;margin:var(--space-2xl) auto 0;padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--color-warning);background:#ffa0001a;display:flex}@media (width<=576px){.order-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.order-item{flex-wrap:wrap}.item-name{width:100%;margin-bottom:var(--space-xs)}.order-footer{gap:var(--space-sm);flex-direction:column;align-items:flex-start}}.profile-page{padding:var(--space-xl) 0 var(--space-3xl);min-height:calc(100vh - var(--navbar-height))}.profile-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.avatar-initials{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-white)}.profile-header-info{flex:1}.profile-name{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.profile-email{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.profile-joined{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-tabs{gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:2px solid var(--color-divider);display:flex;overflow-x:auto}.profile-tab{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;position:relative}.profile-tab:hover,.profile-tab.active{color:var(--color-primary)}.profile-tab.active:after{content:"";background:var(--color-primary);height:2px;position:absolute;bottom:-2px;left:0;right:0}.profile-content{max-width:600px}.info-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.info-card-title{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-divider)}.info-list{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.info-item{padding:var(--space-sm) 0;border-bottom:1px dashed var(--color-divider);justify-content:space-between;align-items:center;display:flex}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.btn-edit-profile{width:100%}.address-edit-form{gap:var(--space-md);flex-direction:column;display:flex}.address-edit-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.address-display{gap:var(--space-md);flex-direction:column;display:flex}.btn-edit-address{width:100%}.orders-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.settings-list{gap:var(--space-md);flex-direction:column;display:flex}.settings-item{padding:var(--space-md) 0;border-bottom:1px dashed var(--color-divider);justify-content:space-between;align-items:center;display:flex}.settings-item:last-child{border-bottom:none}.settings-item-info{flex-direction:column;gap:2px;display:flex}.settings-item-label{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.settings-item-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.toggle-switch{width:48px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--color-border);transition:var(--transition-fast);border-radius:var(--radius-full);position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--color-white);width:20px;height:20px;transition:var(--transition-fast);border-radius:var(--radius-full);position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.danger-zone{margin-top:var(--space-lg);border:1px solid var(--color-error)}.danger-zone .info-card-title{color:var(--color-error);border-bottom-color:#d32f2f33}.danger-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.btn-danger{background:var(--color-error);color:var(--color-white);padding:var(--space-sm) var(--space-lg)}.btn-danger:hover{background:#b71c1c}.disclaimer-section{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid var(--color-warning);background:#ffa0001a;display:flex}.disclaimer-icon{font-size:var(--font-size-lg);flex-shrink:0}.disclaimer-section p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}@media (width<=576px){.profile-header{text-align:center;flex-direction:column}.profile-tabs{justify-content:flex-start}.info-item{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.settings-item{align-items:flex-start;gap:var(--space-md);flex-direction:column}}