:root{--primary-blue: #2563eb;--primary-blue-dark: #1d4ed8;--primary-blue-darker: #1e40af;--accent-red: #ef4444;--accent-pink: #ec4899;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--white: #ffffff;--green-600: #16a34a;--blue-50: #eff6ff;--blue-200: #bfdbfe;--mobile-s: 320px;--mobile-m: 360px;--mobile-l: 400px;--tablet: 768px;--laptop: 1024px;--laptop-l: 1440px;--desktop: 2560px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}*{box-sizing:border-box}.container{width:100%;max-width:100%;margin:0 auto;padding:0 var(--spacing-lg)}@media (min-width: 640px){.container{max-width:640px;padding:0 var(--spacing-xl)}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1200px}}@media (min-width: 1536px){.container{max-width:1400px}}.header-wrapper{position:relative;width:100%}.header-main{background-color:var(--white);box-shadow:var(--shadow-2xl);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--gray-100);width:100%}.header-topbar{background:linear-gradient(135deg,#1e3a8a,#1e40af,#1e3a8a);color:var(--white);padding:var(--spacing-sm) 0;font-size:.65rem;overflow:hidden}@media (min-width: 360px){.header-topbar{font-size:.7rem;padding:.4rem 0}}@media (min-width: 400px){.header-topbar{font-size:var(--text-xs);padding:var(--spacing-sm) 0}}@media (min-width: 768px){.header-topbar{padding:var(--spacing-md) 0;font-size:var(--text-sm)}}.topbar-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem;min-height:1.75rem}@media (min-width: 360px){.topbar-content{gap:.4rem;min-height:1.875rem}}@media (min-width: 400px){.topbar-content{gap:var(--spacing-sm);min-height:2rem}}@media (min-width: 768px){.topbar-content{gap:var(--spacing-lg);min-height:2.5rem}}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}@media (min-width: 360px){.topbar-left,.topbar-right{gap:.4rem}}@media (min-width: 400px){.topbar-left,.topbar-right{gap:var(--spacing-sm)}}@media (min-width: 768px){.topbar-left,.topbar-right{gap:var(--spacing-xl);flex-wrap:nowrap}}.topbar-item{display:flex;align-items:center;gap:.15rem;white-space:nowrap;min-height:1.25rem}@media (min-width: 360px){.topbar-item{gap:.2rem;min-height:1.375rem}}@media (min-width: 400px){.topbar-item{gap:var(--spacing-xs);min-height:1.5rem}}@media (min-width: 768px){.topbar-item{gap:var(--spacing-sm);min-height:2rem}}.topbar-item-hidden-mobile{display:none}@media (min-width: 400px){.topbar-item-hidden-mobile{display:flex}}.topbar-icon{height:.75rem;width:.75rem;flex-shrink:0}@media (min-width: 360px){.topbar-icon{height:.8rem;width:.8rem}}@media (min-width: 400px){.topbar-icon{height:var(--text-sm);width:var(--text-sm)}}@media (min-width: 768px){.topbar-icon{height:var(--text-lg);width:var(--text-lg)}}.topbar-icon-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.topbar-text{font-weight:500;font-size:inherit}@media (min-width: 768px){.topbar-text{font-weight:600}}.topbar-phone{font-weight:500;font-size:inherit;letter-spacing:.02em}@media (min-width: 768px){.topbar-phone{font-weight:600}}.header-content{padding:.5rem 0}@media (min-width: 360px){.header-content{padding:.625rem 0}}@media (min-width: 400px){.header-content{padding:var(--spacing-md) 0}}@media (min-width: 768px){.header-content{padding:var(--spacing-xl) 0}}@media (min-width: 1024px){.header-content{padding:var(--spacing-xl) 0}}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:nowrap}@media (min-width: 768px){.header-inner{gap:var(--spacing-lg)}}.logo-section{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-slow);flex-shrink:0;min-width:0}@media (min-width: 768px){.logo-section{gap:var(--spacing-lg)}}@media (min-width: 1024px){.logo-section{gap:var(--spacing-md)}}.logo-container{position:relative;flex-shrink:0}.logo-icon-wrapper{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-darker));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all var(--transition-slow);overflow:hidden}@media (min-width: 360px){.logo-icon-wrapper{width:2.6rem;height:2.6rem}}@media (min-width: 400px){.logo-icon-wrapper{width:4.5rem;height:4.5rem}}@media (min-width: 768px){.logo-icon-wrapper{width:5.5rem;height:5.5rem;border-radius:var(--radius-xl)}}@media (min-width: 1024px){.logo-icon-wrapper{width:6rem;height:6rem;border-radius:var(--radius-lg)}}.logo-section:hover .logo-icon-wrapper{box-shadow:var(--shadow-xl);transform:scale(1.05)}.logo-icon{height:1rem;width:1rem;color:var(--white);flex-shrink:0}@media (min-width: 360px){.logo-icon{height:2.25rem;width:2.25rem}}@media (min-width: 400px){.logo-icon{height:2.5rem;width:2.5rem}}@media (min-width: 768px){.logo-icon{height:3rem;width:3rem}}@media (min-width: 1024px){.logo-icon{height:3.75rem;width:3.75rem}}.logo-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-slow);filter:drop-shadow(0 2px 8px rgba(37,99,235,.15))}.logo-section:hover .logo-image{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(37,99,235,.25))}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.logo-accent{position:absolute;bottom:-.125rem;right:-.125rem;width:.5rem;height:.5rem;background:linear-gradient(135deg,var(--accent-red),var(--accent-pink));border-radius:var(--radius-full);animation:pulse 2s infinite;box-shadow:var(--shadow-md)}@media (min-width: 360px){.logo-accent{width:.625rem;height:.625rem}}@media (min-width: 400px){.logo-accent{width:.75rem;height:.75rem}}@media (min-width: 768px){.logo-accent{bottom:-.25rem;right:-.25rem;width:1.25rem;height:1.25rem}}@media (min-width: 1024px){.logo-accent{width:1rem;height:1rem;bottom:-.125rem;right:-.125rem}}.logo-title{font-size:var(--text-base);font-weight:900;color:var(--gray-800);letter-spacing:-.025em;transition:all var(--transition-slow);line-height:1.1;margin:0;min-width:0}@media (min-width: 360px){.logo-title{font-size:var(--text-lg)}}@media (min-width: 400px){.logo-title{font-size:var(--text-xl)}}@media (min-width: 768px){.logo-title{font-size:var(--text-2xl)}}@media (min-width: 1024px){.logo-title{font-size:var(--text-2xl)}}.logo-tagline{font-size:.625rem;color:var(--gray-500);display:none;font-weight:500;line-height:1.2;margin:0}@media (min-width: 360px){.logo-tagline{display:block;font-size:.65rem}}@media (min-width: 400px){.logo-tagline{font-size:var(--text-xs)}}@media (min-width: 768px){.logo-tagline{font-size:var(--text-sm)}}@media (min-width: 1024px){.logo-tagline{font-size:var(--text-sm)}}.logo-section:hover .logo-title{color:var(--primary-blue)}.search-desktop{display:none;flex:1;max-width:100%;margin:0 var(--spacing-lg)}@media (min-width: 1024px){.search-desktop{display:flex;max-width:28rem;margin:0 var(--spacing-lg)}}@media (min-width: 1280px){.search-desktop{max-width:32rem;margin:0 var(--spacing-xl)}}.search-container{position:relative;width:100%;max-width:100%}.search-icon-wrapper{position:absolute;top:0;bottom:0;left:0;padding-left:var(--spacing-md);display:flex;align-items:center;pointer-events:none;z-index:2}@media (min-width: 768px){.search-icon-wrapper{padding-left:var(--spacing-lg)}}.search-icon{height:var(--text-base);width:var(--text-base);color:var(--gray-400);transition:color var(--transition-normal)}@media (min-width: 768px){.search-icon{height:var(--text-xl);width:var(--text-xl)}}@media (min-width: 1024px){.search-icon{height:var(--text-lg);width:var(--text-lg)}}.search-container:focus-within .search-icon{color:var(--primary-blue)}.search-input{width:100%;padding:var(--spacing-md) 3.5rem var(--spacing-md) 2.5rem;border:2px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--white);color:var(--gray-700);font-size:var(--text-sm);transition:all var(--transition-slow);box-shadow:var(--shadow-sm);outline:none}@media (min-width: 768px){.search-input{padding:var(--spacing-lg) 4.5rem var(--spacing-lg) 3.5rem;border-radius:var(--radius-xl);font-size:var(--text-base)}}@media (min-width: 1024px){.search-input{padding:var(--spacing-md) 3.5rem var(--spacing-md) 2.5rem;border-radius:var(--radius-lg);font-size:var(--text-sm)}}.search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #2563eb1a}.search-input:hover{box-shadow:var(--shadow-md)}.search-input::-moz-placeholder{color:var(--gray-400)}.search-input::placeholder{color:var(--gray-400)}.search-suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--white);border:2px solid var(--gray-200);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-2xl);z-index:50;max-height:15rem;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 768px){.search-suggestions{border-radius:0 0 var(--radius-xl) var(--radius-xl);max-height:20rem}}@media (min-width: 1024px){.search-suggestions{border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:18rem}}.search-suggestion-item{width:100%;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border:none;background:transparent;color:var(--gray-700);border-bottom:1px solid var(--gray-100);transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--text-sm);min-height:3rem}@media (min-width: 768px){.search-suggestion-item{padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md);font-size:var(--text-base);min-height:3.5rem}}@media (min-width: 1024px){.search-suggestion-item{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm);font-size:var(--text-sm);min-height:3rem}}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background-color:var(--blue-50);color:var(--primary-blue)}.suggestion-icon{height:var(--text-sm);width:var(--text-sm);color:var(--gray-400);flex-shrink:0}@media (min-width: 768px){.suggestion-icon{height:var(--text-base);width:var(--text-base)}}@media (min-width: 1024px){.suggestion-icon{height:var(--text-sm);width:var(--text-sm)}}.search-button{position:absolute;right:.25rem;top:.25rem;bottom:.25rem;padding:0 var(--spacing-md);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-xs);transition:all var(--transition-normal);box-shadow:var(--shadow-lg);min-width:2.5rem;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.search-button{right:.5rem;top:.5rem;bottom:.5rem;padding:0 var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--text-sm);min-width:3rem}}@media (min-width: 1024px){.search-button{right:.25rem;top:.25rem;bottom:.25rem;padding:0 var(--spacing-md);border-radius:var(--radius-md);font-size:var(--text-xs);min-width:2.5rem}}.search-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue-darker));transform:translateY(-1px);box-shadow:var(--shadow-xl)}.search-button:active:not(:disabled){transform:translateY(0)}.search-button:disabled{background:linear-gradient(135deg,var(--gray-400),var(--gray-500));cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}@media (min-width: 768px){.header-actions{gap:var(--spacing-lg)}}@media (min-width: 1024px){.header-actions{gap:var(--spacing-md)}}.cart-button{position:relative;padding:var(--spacing-sm);color:var(--gray-500);background-color:var(--gray-50);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);min-width:2.25rem;min-height:2.25rem;display:flex;align-items:center;justify-content:center}@media (min-width: 360px){.cart-button{min-width:2.375rem;min-height:2.375rem}}@media (min-width: 400px){.cart-button{min-width:2.5rem;min-height:2.5rem}}@media (min-width: 768px){.cart-button{padding:var(--spacing-lg);border-radius:var(--radius-xl);min-width:3.5rem;min-height:3.5rem}}@media (min-width: 1024px){.cart-button{padding:var(--spacing-md);border-radius:var(--radius-lg);min-width:3rem;min-height:3rem}}.cart-button:hover{color:var(--primary-blue);background-color:var(--blue-50);transform:scale(1.05);box-shadow:var(--shadow-md)}.cart-button:active{transform:scale(1.02)}.cart-icon{height:var(--text-lg);width:var(--text-lg)}@media (min-width: 360px){.cart-icon{height:1.15rem;width:1.15rem}}@media (min-width: 400px){.cart-icon{height:var(--text-xl);width:var(--text-xl)}}@media (min-width: 768px){.cart-icon{height:1.75rem;width:1.75rem}}@media (min-width: 1024px){.cart-icon{height:var(--text-xl);width:var(--text-xl)}}.cart-badge{position:absolute;top:-.25rem;right:-.25rem;background:linear-gradient(135deg,var(--accent-red),var(--accent-pink));color:var(--white);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;animation:bounce 1s infinite;box-shadow:var(--shadow-lg);padding:0 .25rem}@media (min-width: 768px){.cart-badge{top:-.5rem;right:-.5rem;min-width:1.5rem;height:1.5rem;font-size:var(--text-sm)}}@media (min-width: 1024px){.cart-badge{top:-.25rem;right:-.25rem;min-width:1.5rem;height:1.5rem;font-size:var(--text-sm)}}.cart-button:hover .cart-badge{animation:pulse 2s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-5px,0)}70%{transform:translate3d(0,-2px,0)}90%{transform:translate3d(0,-1px,0)}}.mobile-menu-button{display:flex;padding:var(--spacing-sm);color:var(--gray-500);background-color:var(--gray-50);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);min-width:2.25rem;min-height:2.25rem;align-items:center;justify-content:center}@media (min-width: 360px){.mobile-menu-button{min-width:2.375rem;min-height:2.375rem}}@media (min-width: 400px){.mobile-menu-button{min-width:2.5rem;min-height:2.5rem}}@media (min-width: 768px){.mobile-menu-button{padding:var(--spacing-lg);border-radius:var(--radius-xl);min-width:3.5rem;min-height:3.5rem}}@media (min-width: 1024px){.mobile-menu-button{display:none}}.mobile-menu-button:hover{color:var(--primary-blue);background-color:var(--blue-50);box-shadow:var(--shadow-md)}.mobile-menu-button:active{transform:scale(.95)}.menu-icon-container{position:relative;width:var(--text-lg);height:var(--text-lg)}@media (min-width: 360px){.menu-icon-container{width:1.15rem;height:1.15rem}}@media (min-width: 400px){.menu-icon-container{width:var(--text-xl);height:var(--text-xl)}}@media (min-width: 768px){.menu-icon-container{width:1.75rem;height:1.75rem}}.menu-icon,.close-icon{height:var(--text-lg);width:var(--text-lg);position:absolute;transition:all var(--transition-slow)}@media (min-width: 360px){.menu-icon,.close-icon{height:1.15rem;width:1.15rem}}@media (min-width: 400px){.menu-icon,.close-icon{height:var(--text-xl);width:var(--text-xl)}}@media (min-width: 768px){.menu-icon,.close-icon{height:1.75rem;width:1.75rem}}.menu-icon-visible{opacity:1;transform:rotate(0)}.menu-icon-hidden{opacity:0;transform:rotate(45deg)}.close-icon-visible{opacity:1;transform:rotate(0)}.close-icon-hidden{opacity:0;transform:rotate(-45deg)}.search-mobile{display:block;margin-top:var(--spacing-lg);width:100%}@media (min-width: 768px){.search-mobile{margin-top:var(--spacing-2xl)}}@media (min-width: 1024px){.search-mobile{display:none}}.search-mobile-container{position:relative;width:100%}.search-mobile-icon-wrapper{position:absolute;top:0;bottom:0;left:0;padding-left:var(--spacing-md);display:flex;align-items:center;pointer-events:none;z-index:2}@media (min-width: 768px){.search-mobile-icon-wrapper{padding-left:var(--spacing-xl)}}.search-mobile-icon{height:var(--text-base);width:var(--text-base);color:var(--gray-400)}@media (min-width: 768px){.search-mobile-icon{height:var(--text-xl);width:var(--text-xl)}}.search-mobile-input{width:100%;padding:var(--spacing-md) 4rem var(--spacing-md) 2.5rem;font-size:var(--text-sm);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background-color:var(--white);transition:all var(--transition-slow);box-shadow:var(--shadow-sm);outline:none}@media (min-width: 768px){.search-mobile-input{padding:var(--spacing-xl) 5rem var(--spacing-xl) 3.5rem;font-size:var(--text-lg);border-radius:var(--radius-xl)}}.search-mobile-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #2563eb1a}.search-mobile-button{position:absolute;right:.5rem;top:.5rem;bottom:.5rem;padding:0 var(--spacing-md);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);min-width:2.5rem;display:flex;align-items:center;justify-content:center}@media (min-width: 768px){.search-mobile-button{right:.75rem;top:.75rem;bottom:.75rem;padding:0 var(--spacing-xl);border-radius:var(--radius-lg);min-width:3.5rem}}.search-mobile-button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue-darker))}.search-mobile-button:disabled{background:linear-gradient(135deg,var(--gray-400),var(--gray-500));cursor:not-allowed}.search-mobile-button-icon{height:var(--text-base);width:var(--text-base)}@media (min-width: 768px){.search-mobile-button-icon{height:var(--text-xl);width:var(--text-xl)}}.navigation{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-top:1px solid var(--gray-200);transition:all var(--transition-slow);overflow:hidden}.navigation-closed{display:none;max-height:0}.navigation-open{display:block;max-height:100vh}@media (min-width: 1024px){.navigation-closed,.navigation-open{display:block;max-height:none}}.nav-desktop{display:none;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;flex-wrap:wrap;gap:var(--spacing-lg)}@media (min-width: 768px){.nav-desktop{padding:var(--spacing-lg) 0}}@media (min-width: 1024px){.nav-desktop{display:flex;flex-wrap:nowrap;padding:var(--spacing-md) 0;gap:var(--spacing-md)}}.nav-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}@media (min-width: 768px){.nav-left{gap:var(--spacing-md)}}@media (min-width: 1024px){.nav-left{flex-wrap:nowrap;gap:var(--spacing-sm)}}.categories-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-dark));color:var(--white);border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-size:var(--text-sm);transition:all var(--transition-normal);box-shadow:var(--shadow-lg);white-space:nowrap;min-height:2.5rem}@media (min-width: 768px){.categories-button{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--text-base);min-height:3rem}}@media (min-width: 1024px){.categories-button{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--text-sm);min-height:2.5rem}}.categories-button:hover{background:linear-gradient(135deg,var(--primary-blue-dark),var(--primary-blue-darker));box-shadow:var(--shadow-xl);transform:translateY(-1px)}.categories-button:active{transform:translateY(0)}.categories-button-icon{height:var(--text-base);width:var(--text-base)}@media (min-width: 768px){.categories-button-icon{height:var(--text-xl);width:var(--text-xl)}}@media (min-width: 1024px){.categories-button-icon{height:var(--text-base);width:var(--text-base)}}.categories-chevron{height:var(--text-sm);width:var(--text-sm);transition:transform var(--transition-normal)}@media (min-width: 768px){.categories-chevron{height:var(--text-base);width:var(--text-base)}}@media (min-width: 1024px){.categories-chevron{height:var(--text-sm);width:var(--text-sm)}}.categories-chevron-rotated{transform:rotate(180deg)}.nav-categories{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}@media (min-width: 768px){.nav-categories{gap:var(--spacing-sm)}}@media (min-width: 1024px){.nav-categories{flex-wrap:nowrap;gap:var(--spacing-xs)}}.nav-category-button{padding:var(--spacing-sm) var(--spacing-md);color:var(--gray-700);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);font-size:var(--text-sm);white-space:nowrap;min-height:2rem}@media (min-width: 768px){.nav-category-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--text-base);min-height:2.5rem}}@media (min-width: 1024px){.nav-category-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--text-sm);min-height:2rem}}.nav-category-button:hover{color:var(--primary-blue);background-color:var(--white);box-shadow:var(--shadow-md);transform:translateY(-1px)}.nav-category-button:active{transform:translateY(0)}.nav-stock-indicator{display:flex;align-items:center;font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap}@media (min-width: 768px){.nav-stock-indicator{font-size:var(--text-sm)}}@media (min-width: 1024px){.nav-stock-indicator{font-size:var(--text-xs)}}.stock-dot{font-weight:500;color:var(--green-600);animation:pulse 2s infinite;margin-right:var(--spacing-xs)}@media (min-width: 768px){.stock-dot{margin-right:var(--spacing-sm)}}@media (min-width: 1024px){.stock-dot{margin-right:var(--spacing-xs)}}.stock-text{font-weight:500}.nav-mobile{display:block}@media (min-width: 1024px){.nav-mobile{display:none}}.mobile-categories{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg) 0}@media (min-width: 400px){.mobile-categories{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (min-width: 768px){.mobile-categories{gap:var(--spacing-xl);padding:var(--spacing-xl) 0}}.mobile-category-button{text-align:left;padding:var(--spacing-lg);color:var(--gray-700);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);transform:translateY(0);box-shadow:var(--shadow-sm);min-height:4rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.mobile-category-button{padding:var(--spacing-xl);border-radius:var(--radius-xl);min-height:5rem}}.mobile-category-button:hover{color:var(--primary-blue);background-color:var(--blue-50);border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mobile-category-button:active{transform:translateY(0)}.mobile-category-name{font-weight:600;font-size:var(--text-base);line-height:1.3}@media (min-width: 768px){.mobile-category-name{font-size:var(--text-lg)}}.mobile-category-action{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--spacing-xs);font-weight:500}@media (min-width: 768px){.mobile-category-action{font-size:var(--text-sm);margin-top:var(--spacing-sm)}}.categories-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:60;transition:opacity var(--transition-normal)}.categories-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--white);box-shadow:var(--shadow-2xl);border:1px solid var(--gray-200);z-index:70;border-radius:0 0 var(--radius-xl) var(--radius-xl);max-height:80vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.categories-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-sm);padding:var(--spacing-lg) 0}@media (min-width: 400px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 768px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-2xl) 0}}@media (min-width: 1024px){.categories-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);padding:var(--spacing-xl) 0}}@media (min-width: 1280px){.categories-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1536px){.categories-grid{grid-template-columns:repeat(6,1fr)}}.category-dropdown-item{text-align:left;padding:var(--spacing-md);color:var(--gray-700);background:var(--gray-50);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);transform:translateY(0);min-height:3.5rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.category-dropdown-item{padding:var(--spacing-lg);border-radius:var(--radius-xl);min-height:4rem}}@media (min-width: 1024px){.category-dropdown-item{padding:var(--spacing-md);border-radius:var(--radius-lg);min-height:3.5rem}}.category-dropdown-item:hover{color:var(--primary-blue);background-color:var(--blue-50);border-color:var(--blue-200);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.category-dropdown-item:active{transform:translateY(0)}.category-dropdown-name{font-weight:600;transition:font-weight var(--transition-slow);font-size:var(--text-sm);line-height:1.3}@media (min-width: 768px){.category-dropdown-name{font-size:var(--text-base)}}@media (min-width: 1024px){.category-dropdown-name{font-size:var(--text-sm)}}.category-dropdown-item:hover .category-dropdown-name{font-weight:700}.category-dropdown-action{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--spacing-xs);font-weight:500}@media (min-width: 768px){.category-dropdown-action{font-size:var(--text-sm);margin-top:var(--spacing-sm)}}@media (min-width: 1024px){.category-dropdown-action{font-size:var(--text-xs);margin-top:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.header-wrapper{position:static;box-shadow:none}.header-topbar,.search-desktop,.search-mobile,.navigation,.header-actions{display:none}.logo-title{color:#000;font-size:var(--text-2xl)}.logo-image{filter:none}}@media (prefers-contrast: high){.search-input,.search-mobile-input{border-width:3px}.cart-badge,.search-button,.search-mobile-button,.categories-button{border:2px solid var(--white)}}.product-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;border:1px solid #f3f4f6;overflow:hidden;cursor:pointer;transform:translateY(0);position:relative}.product-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#dbeafe;transform:translateY(-2px)}.product-card:active{transform:translateY(0)}@media (min-width: 480px){.product-card{border-radius:.875rem;transform:translateY(0)}.product-card:hover{transform:translateY(-3px)}}@media (min-width: 768px){.product-card{border-radius:1rem}.product-card:hover{transform:translateY(-4px)}}.product-card--list{display:flex;flex-direction:column}@media (min-width: 640px){.product-card--list{flex-direction:row}}.product-card__image-container{position:relative;overflow:hidden}.product-card__image-container--list{width:100%;height:12rem;flex-shrink:0}@media (min-width: 480px){.product-card__image-container--list{height:14rem}}@media (min-width: 640px){.product-card__image-container--list{width:12rem;height:10rem}}@media (min-width: 768px){.product-card__image-container--list{width:14rem;height:11rem}}@media (min-width: 1024px){.product-card__image-container--list{width:14rem;height:10rem}}.product-card__image-container--grid{width:100%;height:12rem;background:linear-gradient(to bottom right,#f3f4f6,#e5e7eb)}@media (min-width: 480px){.product-card__image-container--grid{height:14rem}}@media (min-width: 640px){.product-card__image-container--grid{height:16rem}}@media (min-width: 768px){.product-card__image-container--grid{height:16rem}}@media (min-width: 1024px){.product-card__image-container--grid{height:14rem}}.product-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.product-card__image--hovered{transform:scale(1.05)}@media (min-width: 768px){.product-card__image--hovered{transform:scale(1.1)}}.product-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.2),transparent);transition:opacity .3s ease;opacity:0}.product-card__overlay--visible{opacity:1}.product-card__actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;z-index:10}@media (min-width: 480px){.product-card__actions{top:.75rem;right:.75rem}}.product-card__favorite-btn{padding:.5rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .2s ease;border:none;cursor:pointer;touch-action:manipulation;min-width:2.5rem;min-height:2.5rem;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.product-card__favorite-btn{padding:.625rem;min-width:2.75rem;min-height:2.75rem}}@media (min-width: 768px){.product-card__favorite-btn{padding:.75rem;min-width:3rem;min-height:3rem}}.product-card__favorite-btn--inactive{background-color:#fffc;color:#6b7280}.product-card__favorite-btn--inactive:hover{background-color:#fff;color:#ef4444}.product-card__favorite-btn--inactive:active{transform:scale(.95)}.product-card__favorite-btn--active{background-color:#ef4444;color:#fff}.product-card__favorite-btn--active:active{transform:scale(.95)}.product-card__favorite-icon{height:1rem;width:1rem}@media (min-width: 480px){.product-card__favorite-icon{height:1.125rem;width:1.125rem}}@media (min-width: 768px){.product-card__favorite-icon{height:1.25rem;width:1.25rem}}.product-card__favorite-icon--filled{fill:currentColor}.product-card__warranty-badge{position:absolute;bottom:.5rem;left:.5rem;background-color:#10b981;color:#fff;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;box-shadow:0 4px 6px -1px #0000001a;white-space:nowrap}@media (min-width: 480px){.product-card__warranty-badge{bottom:.625rem;left:.625rem;padding:.3125rem .75rem;font-size:.8125rem}}@media (min-width: 768px){.product-card__warranty-badge{bottom:.75rem;left:.75rem;padding:.375rem .875rem;font-size:.875rem}}.product-card__warranty-badge--list{bottom:.5rem;left:.5rem;padding:.25rem .5rem;font-size:.75rem}@media (min-width: 480px){.product-card__warranty-badge--list{bottom:.625rem;left:.625rem;padding:.3125rem .625rem;font-size:.8125rem}}@media (min-width: 768px){.product-card__warranty-badge--list{bottom:.75rem;left:.75rem;padding:.375rem .75rem;font-size:.875rem}}.product-card__content{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 480px){.product-card__content{padding:1.25rem}}@media (min-width: 768px){.product-card__content{padding:1.5rem}}@media (min-width: 1024px){.product-card__content{padding:1.25rem}}.product-card__content--list{padding:1rem}@media (min-width: 480px){.product-card__content--list{padding:1.25rem}}@media (min-width: 768px){.product-card__content--list{padding:1.5rem}}@media (min-width: 1024px){.product-card__content--list{padding:1.25rem}}.product-card__content--grid{padding:1rem}@media (min-width: 480px){.product-card__content--grid{padding:1.25rem}}@media (min-width: 768px){.product-card__content--grid{padding:1.5rem}}@media (min-width: 1024px){.product-card__content--grid{padding:1.25rem}}.product-card__header{margin-bottom:.75rem}@media (min-width: 480px){.product-card__header{margin-bottom:1rem}}@media (min-width: 1024px){.product-card__header{margin-bottom:.75rem}}.product-card__header--list{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem;flex-direction:column;gap:.5rem}@media (min-width: 640px){.product-card__header--list{flex-direction:row;gap:1rem}}@media (min-width: 768px){.product-card__header--list{margin-bottom:.75rem}}@media (min-width: 1024px){.product-card__header--list{margin-bottom:.625rem}}.product-card__title{font-weight:700;color:#1f2937;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;word-wrap:break-word}.product-card__title--list{font-size:1rem;-webkit-line-clamp:2;margin-bottom:0;flex:1}@media (min-width: 480px){.product-card__title--list{font-size:1.125rem}}@media (min-width: 640px){.product-card__title--list{-webkit-line-clamp:1}}@media (min-width: 768px){.product-card__title--list{font-size:1.25rem}}@media (min-width: 1024px){.product-card__title--list{font-size:1.125rem}}.product-card__title--grid{font-size:1.125rem;margin-bottom:.5rem}@media (min-width: 480px){.product-card__title--grid{font-size:1.25rem}}@media (min-width: 640px){.product-card__title--grid{font-size:1.375rem}}@media (min-width: 768px){.product-card__title--grid{font-size:1.5rem}}@media (min-width: 1024px){.product-card__title--grid{font-size:1.25rem;margin-bottom:.375rem}}.product-card__category{background-color:#eff6ff;color:#1d4ed8;padding:.375rem .75rem;border-radius:9999px;font-weight:500;white-space:nowrap;display:inline-block}.product-card__category--list{font-size:.75rem;align-self:flex-start}@media (min-width: 480px){.product-card__category--list{font-size:.875rem;padding:.4375rem .875rem}}@media (min-width: 640px){.product-card__category--list{margin-left:0}}@media (min-width: 768px){.product-card__category--list{font-size:1rem;padding:.5rem 1rem}}@media (min-width: 1024px){.product-card__category--list{font-size:.875rem;padding:.375rem .75rem}}.product-card__category--grid{font-size:.875rem}@media (min-width: 480px){.product-card__category--grid{font-size:1rem;padding:.4375rem .875rem}}@media (min-width: 768px){.product-card__category--grid{font-size:1.125rem;padding:.5rem 1rem}}@media (min-width: 1024px){.product-card__category--grid{font-size:.875rem;padding:.375rem .75rem}}.product-card__description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}@media (min-width: 480px){.product-card__description{font-size:.9375rem}}@media (min-width: 768px){.product-card__description{font-size:1rem;margin-bottom:1.25rem}}@media (min-width: 1024px){.product-card__description{font-size:.875rem;margin-bottom:1rem}}.product-card__price{font-weight:700;color:#2563eb;margin-bottom:1rem;word-wrap:break-word}.product-card__price--list{font-size:1.25rem;margin-bottom:.75rem}@media (min-width: 480px){.product-card__price--list{font-size:1.375rem}}@media (min-width: 640px){.product-card__price--list{font-size:1.5rem;margin-bottom:0}}@media (min-width: 768px){.product-card__price--list{font-size:1.625rem}}@media (min-width: 1024px){.product-card__price--list{font-size:1.5rem}}.product-card__price--grid{font-size:1.375rem;margin-bottom:1rem}@media (min-width: 480px){.product-card__price--grid{font-size:1.5rem}}@media (min-width: 640px){.product-card__price--grid{font-size:1.75rem}}@media (min-width: 768px){.product-card__price--grid{font-size:2rem}}@media (min-width: 1024px){.product-card__price--grid{font-size:1.75rem;margin-bottom:.75rem}}.product-card__buttons{display:flex;gap:.5rem;margin-top:auto}@media (min-width: 480px){.product-card__buttons{gap:.75rem}}@media (min-width: 1024px){.product-card__buttons{gap:.5rem}}.product-card__buttons--list{gap:.5rem;flex-direction:column}@media (min-width: 480px){.product-card__buttons--list{gap:.75rem}}@media (min-width: 640px){.product-card__buttons--list{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1024px){.product-card__buttons--list{gap:.5rem}}.product-card__buttons--grid{gap:.5rem}@media (min-width: 480px){.product-card__buttons--grid{gap:.75rem}}@media (min-width: 1024px){.product-card__buttons--grid{gap:.5rem}}.product-card__btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500;cursor:pointer;text-decoration:none;border:none;font-size:.875rem;touch-action:manipulation;min-height:2.75rem}@media (min-width: 480px){.product-card__btn{padding:.875rem 1.25rem;border-radius:.625rem;font-size:.9375rem;min-height:3rem}}@media (min-width: 768px){.product-card__btn{padding:1rem 1.5rem;border-radius:.75rem;font-size:1rem;min-height:3.25rem}}@media (min-width: 1024px){.product-card__btn{font-size:.875rem;min-height:3rem;padding:.75rem 1.25rem}}.product-card__btn--primary{flex:1;background-color:#2563eb;color:#fff;box-shadow:0 4px 6px -1px #0000001a}.product-card__btn--primary:hover{background-color:#1d4ed8;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-1px)}.product-card__btn--primary:active{transform:translateY(0)}.product-card__btn--secondary{flex:1;border:2px solid #2563eb;color:#2563eb;background-color:transparent}.product-card__btn--secondary:hover{background-color:#eff6ff;transform:translateY(-1px)}.product-card__btn--secondary:active{transform:translateY(0)}.product-card__btn--list{padding:.5rem .75rem;font-size:.75rem;min-height:2.5rem}@media (min-width: 480px){.product-card__btn--list{padding:.625rem 1rem;font-size:.875rem;min-height:2.75rem}}@media (min-width: 640px){.product-card__btn--list{flex:none;min-width:6rem}}@media (min-width: 768px){.product-card__btn--list{padding:.75rem 1.25rem;font-size:1rem;min-height:3rem;min-width:7rem}}@media (min-width: 1024px){.product-card__btn--list{padding:.625rem 1rem;font-size:.875rem;min-height:2.75rem;min-width:6rem}}.product-card__btn--grid{padding:.75rem 1rem;font-size:.875rem;min-height:2.75rem}@media (min-width: 480px){.product-card__btn--grid{padding:.875rem 1.25rem;font-size:.9375rem;min-height:3rem}}@media (min-width: 768px){.product-card__btn--grid{padding:1rem 1.5rem;font-size:1rem;min-height:3.25rem}}@media (min-width: 1024px){.product-card__btn--grid{font-size:.875rem;min-height:3rem;padding:.75rem 1.25rem}}.product-card__btn-icon{height:1rem;width:1rem;margin-right:.5rem;flex-shrink:0}@media (min-width: 480px){.product-card__btn-icon{height:1.125rem;width:1.125rem;margin-right:.625rem}}@media (min-width: 768px){.product-card__btn-icon{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.product-card__btn-icon{height:1.125rem;width:1.125rem;margin-right:.5rem}}.product-card__btn-icon--list{height:1rem;width:1rem;margin-right:.375rem}@media (min-width: 480px){.product-card__btn-icon--list{height:1.125rem;width:1.125rem;margin-right:.5rem}}@media (min-width: 768px){.product-card__btn-icon--list{height:1.25rem;width:1.25rem;margin-right:.625rem}}@media (min-width: 1024px){.product-card__btn-icon--list{height:1rem;width:1rem;margin-right:.5rem}}.product-card__btn-icon--grid{height:1rem;width:1rem;margin-right:.5rem}@media (min-width: 480px){.product-card__btn-icon--grid{height:1.125rem;width:1.125rem;margin-right:.625rem}}@media (min-width: 768px){.product-card__btn-icon--grid{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.product-card__btn-icon--grid{height:1.125rem;width:1.125rem;margin-right:.5rem}}@media (max-width: 375px){.product-card{border-radius:.5rem}.product-card__content{padding:.75rem}.product-card__image-container--grid{height:10rem}.product-card__title--grid{font-size:1rem}.product-card__price--grid{font-size:1.25rem}.product-card__btn{padding:.625rem .75rem;font-size:.75rem;min-height:2.5rem}.product-card__btn-icon{height:.875rem;width:.875rem;margin-right:.375rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse .2s ease-in-out}@media (max-height: 600px) and (orientation: landscape){.product-card__image-container--grid{height:10rem}.product-card__content{padding:1rem}.product-card__title--grid{-webkit-line-clamp:1}.product-card__description{-webkit-line-clamp:1;margin-bottom:.75rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:.5rem}.modal-container{background:#fff;border-radius:1rem;width:100%;max-width:28rem;max-height:95vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;margin:0;position:relative}@keyframes slideUp{0%{transform:translateY(2rem);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 640px){.modal-overlay{padding:1rem}.modal-container{max-width:40rem;border-radius:1.25rem}}@media (min-width: 1024px){.modal-container{max-width:50rem;border-radius:1.25rem}}@media (min-width: 1280px){.modal-container{max-width:55rem}}.modal-header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgb(243,244,246);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:10;min-height:4rem}@media (min-width: 640px){.modal-header{padding:1.25rem 2rem;min-height:4.5rem}}@media (min-width: 1024px){.modal-header{padding:1rem 1.5rem;min-height:4rem}}.modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}@media (min-width: 640px){.modal-title{font-size:1.5rem}}@media (min-width: 1024px){.modal-title{font-size:1.4rem}}.close-button{padding:.75rem;background:none;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem}.close-button:hover{background:#f3f4f6}.close-button:active{background:#e5e7eb;transform:scale(.95)}.close-icon{color:red;width:1.5rem;height:1.5rem;transition:transform .2s ease}@media (min-width: 640px){.close-button{padding:.875rem;min-width:3rem;min-height:3rem}.close-icon{width:1.75rem;height:1.75rem}}.close-button:hover .close-icon{transform:rotate(90deg)}.modal-content{padding:1rem 1.5rem 2rem;overflow-y:auto;max-height:calc(95vh - 4rem)}@media (min-width: 640px){.modal-content{padding:1.5rem 2rem 2.5rem;max-height:calc(95vh - 4.5rem)}}@media (min-width: 1024px){.modal-content{padding:1.5rem;max-height:calc(95vh - 4rem)}}.modal-grid{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}}.images-section{order:0}@media (min-width: 1024px){.images-section{order:0}}.main-image-container{position:relative;margin-bottom:1rem}@media (min-width: 640px){.main-image-container{margin-bottom:1.5rem}}.main-image-wrapper{position:relative;width:100%;height:16rem;background:linear-gradient(to bottom right,#f3f4f6,#e5e7eb);border-radius:.75rem;overflow:hidden}@media (min-width: 640px){.main-image-wrapper{height:20rem;border-radius:1rem}}@media (min-width: 1024px){.main-image-wrapper{height:18rem}}.main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.75rem;border-radius:50%;border:none;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s ease;opacity:0;display:flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem}@media (min-width: 640px){.nav-button{padding:1rem;min-width:3.5rem;min-height:3.5rem}}@media (max-width: 1023px){.nav-button{opacity:1}}@media (min-width: 1024px){.main-image-container:hover .nav-button{opacity:1}}.nav-button:hover{background:#fff;box-shadow:0 20px 25px -5px #0000001a}.nav-button:active{transform:translateY(-50%) scale(.95)}.nav-button-left{left:.75rem}.nav-button-right{right:.75rem}@media (min-width: 640px){.nav-button-left{left:1rem}.nav-button-right{right:1rem}}.nav-icon{width:1.25rem;height:1.25rem}@media (min-width: 640px){.nav-icon{width:1.5rem;height:1.5rem}}.thumbnails-container{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (min-width: 640px){.thumbnails-container{gap:1rem;padding-bottom:.75rem}}.thumbnail{flex-shrink:0;width:4rem;height:4rem;border:2px solid rgb(229,231,235);border-radius:.5rem;overflow:hidden;transition:all .2s ease;cursor:pointer;background:none;padding:0;touch-action:manipulation}@media (min-width: 640px){.thumbnail{width:5rem;height:5rem;border-radius:.75rem}}@media (min-width: 1024px){.thumbnail{width:5rem;height:5rem}}.thumbnail:hover{border-color:#9ca3af}.thumbnail:active{transform:scale(.95)}.thumbnail-active{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;transform:scale(1.05)}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-info{display:flex;flex-direction:column;gap:1.5rem;order:1}@media (min-width: 640px){.product-info{gap:2rem}}@media (min-width: 1024px){.product-info{order:1;gap:1.25rem}}.product-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.2;word-wrap:break-word}@media (min-width: 640px){.product-title{font-size:1.875rem;margin:0 0 1.25rem}}@media (min-width: 1024px){.product-title{font-size:1.6rem;margin:0 0 .75rem}}.product-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}@media (min-width: 640px){.product-meta{gap:1rem;margin-bottom:2rem}}@media (min-width: 1024px){.product-meta{margin-bottom:1.5rem}}.category-badge{background:linear-gradient(to right,#dbeafe,#bfdbfe);color:#1e40af;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;white-space:nowrap}@media (min-width: 640px){.category-badge{padding:.625rem 1.25rem;border-radius:.75rem;font-size:1rem}}@media (min-width: 1024px){.category-badge{font-size:1rem}}.price-section{background:linear-gradient(to right,#eff6ff,#dbeafe);border-radius:.75rem;padding:1.5rem}@media (min-width: 640px){.price-section{border-radius:1rem;padding:2rem}}@media (min-width: 1024px){.price-section{padding:1.25rem}}.price-amount{font-size:1.875rem;font-weight:900;color:#2563eb;margin-bottom:.5rem;word-wrap:break-word}@media (min-width: 640px){.price-amount{font-size:2.25rem;margin-bottom:.75rem}}@media (min-width: 1024px){.price-amount{font-size:2rem;margin-bottom:.5rem}}.price-subtitle{color:#1d4ed8;font-size:.875rem;font-weight:500;margin:0;line-height:1.4}@media (min-width: 640px){.price-subtitle{font-size:1rem}}@media (min-width: 1024px){.price-subtitle{font-size:1rem}}.badges-container{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.badges-container{flex-direction:row;align-items:flex-start;flex-wrap:wrap}}.warranty-badge,.stock-badge{padding:.75rem 1rem;border-radius:.5rem;font-weight:600;font-size:.875rem;text-align:center;flex:1;min-width:-moz-fit-content;min-width:fit-content}@media (min-width: 640px){.warranty-badge,.stock-badge{padding:.875rem 1.25rem;border-radius:.75rem;font-size:1rem;text-align:left}}@media (min-width: 1024px){.warranty-badge,.stock-badge{font-size:.875rem;padding:.625rem .875rem}}.warranty-badge{background:#dcfce7;color:#166534}.stock-badge{background:#fef9c3;color:#854d0e}.description-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem}@media (min-width: 640px){.description-section{border-radius:1rem;padding:2rem}}@media (min-width: 1024px){.description-section{padding:1.25rem}}.description-title{font-weight:700;color:#1f2937;margin:0 0 .75rem;font-size:1.125rem}@media (min-width: 640px){.description-title{font-size:1.25rem;margin-bottom:1rem}}@media (min-width: 1024px){.description-title{font-size:1.125rem;margin-bottom:.625rem}}.description-text{color:#4b5563;line-height:1.6;font-size:.875rem;margin:0}@media (min-width: 640px){.description-text{font-size:1rem}}@media (min-width: 1024px){.description-text{font-size:.875rem}}.actions-section{display:flex;flex-direction:column;gap:1.5rem;position:sticky;bottom:0;background:#fff;padding-top:1rem;margin-top:1rem}@media (min-width: 1024px){.actions-section{position:static;background:transparent;padding-top:0;margin-top:0;gap:1.25rem}}.add-to-cart-button{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;background:linear-gradient(to right,#2563eb,#1d4ed8);color:#fff;border-radius:.75rem;border:none;cursor:pointer;font-weight:700;font-size:1rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .2s ease;touch-action:manipulation;min-height:3.5rem}@media (min-width: 640px){.add-to-cart-button{padding:1.25rem 2rem;font-size:1.125rem;border-radius:1rem;min-height:4rem}}@media (min-width: 1024px){.add-to-cart-button{font-size:1rem;padding:.875rem 1.25rem;min-height:3rem}}.add-to-cart-button:hover{background:linear-gradient(to right,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-1px)}.add-to-cart-button:active{transform:translateY(0)}.cart-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}@media (min-width: 640px){.cart-icon{width:1.5rem;height:1.5rem;margin-right:1rem}}@media (min-width: 1024px){.cart-icon{width:1.5rem;height:1.5rem}}.delivery-info{background:linear-gradient(to right,#ecfdf5,#d1fae5);border-radius:.75rem;padding:1.5rem;border:1px solid rgb(34,197,94)}@media (min-width: 640px){.delivery-info{border-radius:1rem;padding:2rem}}@media (min-width: 1024px){.delivery-info{padding:1.25rem}}.delivery-title{font-weight:700;color:#166534;margin:0 0 .75rem;display:flex;align-items:center;font-size:1rem}@media (min-width: 640px){.delivery-title{font-size:1.125rem;margin-bottom:1rem}}@media (min-width: 1024px){.delivery-title{font-size:1rem;margin-bottom:.625rem}}.delivery-icon{margin-right:.5rem;font-size:1.25rem}@media (min-width: 640px){.delivery-icon{margin-right:.75rem;font-size:1.5rem}}@media (min-width: 1024px){.delivery-icon{font-size:1.125rem}}.delivery-list{list-style:none;padding:0;margin:0;font-size:.875rem;color:#15803d}@media (min-width: 640px){.delivery-list{font-size:1rem}}@media (min-width: 1024px){.delivery-list{font-size:.875rem}}.delivery-list li{margin-bottom:.5rem;line-height:1.4}@media (min-width: 480px){.delivery-list li{margin-bottom:.625rem}}@media (min-width: 640px){.delivery-list li{margin-bottom:.75rem}}@media (min-width: 1024px){.delivery-list li{margin-bottom:.375rem}}.delivery-list li:last-child{margin-bottom:0}@media (max-width: 375px){.modal-overlay{padding:.25rem}.modal-container{border-radius:.75rem}.modal-content{padding:.75rem 1rem 1.5rem}.modal-header{padding:.75rem 1rem}.product-title{font-size:1.25rem}.price-amount{font-size:1.5rem}}@media (max-height: 600px) and (orientation: landscape){.modal-container{max-height:90vh}.modal-content{max-height:calc(90vh - 4rem)}.main-image-wrapper{height:12rem}.modal-grid{gap:1.5rem}.product-info{gap:1rem}}.checkout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width: 480px){.checkout-overlay{padding:.75rem}}@media (min-width: 640px){.checkout-overlay{padding:1rem}}.checkout-modal{background-color:#fff;border-radius:.875rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;max-height:95vh;overflow:hidden;margin:0;position:relative}@media (min-width: 480px){.checkout-modal{max-width:32rem;border-radius:1rem}}@media (min-width: 640px){.checkout-modal{max-width:40rem;border-radius:1.125rem}}@media (min-width: 768px){.checkout-modal{max-width:48rem;border-radius:1.25rem}}@media (min-width: 1024px){.checkout-modal{max-width:50rem;border-radius:1.25rem}}@media (min-width: 1280px){.checkout-modal{max-width:55rem}}.checkout-header{position:sticky;top:0;background:linear-gradient(to right,#2563eb,#1d4ed8);padding:1.5rem 1.25rem;display:flex;align-items:center;justify-content:space-between;z-index:10}@media (min-width: 480px){.checkout-header{padding:1.75rem 1.5rem}}@media (min-width: 640px){.checkout-header{padding:2rem 1.75rem}}@media (min-width: 768px){.checkout-header{padding:2.25rem 2rem}}@media (min-width: 1024px){.checkout-header{padding:2rem}}.checkout-title{font-size:1.375rem;font-weight:700;color:#fff;line-height:1.2;margin:0}@media (min-width: 480px){.checkout-title{font-size:1.5rem}}@media (min-width: 640px){.checkout-title{font-size:1.625rem}}@media (min-width: 768px){.checkout-title{font-size:1.75rem}}@media (min-width: 1024px){.checkout-title{font-size:1.625rem}}.checkout-subtitle{color:#bfdbfe;font-size:.875rem;margin-top:.375rem;line-height:1.4}@media (min-width: 480px){.checkout-subtitle{font-size:.9375rem;margin-top:.4375rem}}@media (min-width: 640px){.checkout-subtitle{font-size:1rem;margin-top:.5rem}}@media (min-width: 768px){.checkout-subtitle{font-size:1.0625rem}}@media (min-width: 1024px){.checkout-subtitle{font-size:1rem}}.close-button{padding:.875rem;background:transparent;border:none;border-radius:9999px;transition:all .2s ease;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;min-width:3rem;min-height:3rem}@media (min-width: 480px){.close-button{padding:1rem;min-width:3.25rem;min-height:3.25rem}}@media (min-width: 768px){.close-button{padding:1.125rem;min-width:3.5rem;min-height:3.5rem}}@media (min-width: 1024px){.close-button{padding:1rem;min-width:3.25rem;min-height:3.25rem}}.close-button:hover{background-color:#fff3;transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(.95)}.close-icon{height:1.5rem;width:1.5rem;transition:transform .2s ease}@media (min-width: 480px){.close-icon{height:1.625rem;width:1.625rem}}@media (min-width: 768px){.close-icon{height:1.75rem;width:1.75rem}}@media (min-width: 1024px){.close-icon{height:1.625rem;width:1.625rem}}.checkout-content{overflow-y:auto;max-height:calc(95vh - 5rem)}@media (min-width: 480px){.checkout-content{max-height:calc(95vh - 5.5rem)}}@media (min-width: 640px){.checkout-content{max-height:calc(95vh - 6rem)}}@media (min-width: 768px){.checkout-content{max-height:calc(95vh - 6.5rem)}}@media (min-width: 1024px){.checkout-content{max-height:calc(95vh - 6rem)}}.checkout-form{padding:1.25rem}@media (min-width: 480px){.checkout-form{padding:1.5rem}}@media (min-width: 640px){.checkout-form{padding:1.75rem}}@media (min-width: 768px){.checkout-form{padding:2rem}}@media (min-width: 1024px){.checkout-form{padding:2rem}}.form-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.form-grid{grid-template-columns:2fr 1fr;gap:2rem;align-items:start}}@media (min-width: 1280px){.form-grid{gap:2.5rem}}.form-sections{display:flex;flex-direction:column;gap:1.75rem}@media (min-width: 480px){.form-sections{gap:2rem}}@media (min-width: 768px){.form-sections{gap:2.25rem}}@media (min-width: 1024px){.form-sections{gap:2rem}}.form-section{background-color:#f9fafb80;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;transition:all .2s ease}@media (min-width: 480px){.form-section{border-radius:.875rem;padding:1.75rem}}@media (min-width: 640px){.form-section{border-radius:1rem;padding:2rem}}@media (min-width: 768px){.form-section{padding:2.25rem}}@media (min-width: 1024px){.form-section{padding:1.75rem}}.form-section:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;display:flex;align-items:center;line-height:1.3}@media (min-width: 480px){.section-title{font-size:1.375rem;margin-bottom:1.75rem}}@media (min-width: 640px){.section-title{font-size:1.5rem;margin-bottom:2rem}}@media (min-width: 768px){.section-title{font-size:1.625rem}}@media (min-width: 1024px){.section-title{font-size:1.375rem;margin-bottom:1.5rem}}.section-icon{border-radius:.5rem;padding:.75rem;margin-right:.875rem;flex-shrink:0}@media (min-width: 480px){.section-icon{border-radius:.625rem;padding:.875rem;margin-right:1rem}}@media (min-width: 640px){.section-icon{border-radius:.75rem;padding:1rem;margin-right:1.125rem}}@media (min-width: 768px){.section-icon{margin-right:1.25rem}}@media (min-width: 1024px){.section-icon{padding:.75rem;margin-right:1rem}}.section-icon-blue{background-color:#dbeafe}.section-icon-green{background-color:#dcfce7}.icon{height:1.25rem;width:1.25rem;color:#2563eb}@media (min-width: 480px){.icon{height:1.375rem;width:1.375rem}}@media (min-width: 640px){.icon{height:1.5rem;width:1.5rem}}@media (min-width: 768px){.icon{height:1.625rem;width:1.625rem}}@media (min-width: 1024px){.icon{height:1.375rem;width:1.375rem}}.section-icon-green .icon{color:#16a34a}.input-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.input-grid{grid-template-columns:1fr 1fr;gap:1.75rem}}@media (min-width: 768px){.input-grid{gap:2rem}}@media (min-width: 1024px){.input-grid{gap:1.5rem}}.address-grid{margin-bottom:1.5rem}@media (min-width: 480px){.address-grid{margin-bottom:1.75rem}}@media (min-width: 640px){.address-grid{margin-bottom:2rem}}@media (min-width: 1024px){.address-grid{margin-bottom:1.5rem}}.input-group{display:flex;flex-direction:column;gap:.625rem}@media (min-width: 480px){.input-group{gap:.75rem}}@media (min-width: 640px){.input-group{gap:.875rem}}@media (min-width: 1024px){.input-group{gap:.75rem}}.phone-input-group{margin-top:1.5rem;display:flex;flex-direction:column;gap:.625rem}@media (min-width: 480px){.phone-input-group{margin-top:1.75rem;gap:.75rem}}@media (min-width: 640px){.phone-input-group{margin-top:2rem;gap:.875rem}}@media (min-width: 1024px){.phone-input-group{margin-top:1.5rem;gap:.75rem}}.input-label{display:block;font-size:1rem;font-weight:600;color:#374151;line-height:1.4}@media (min-width: 480px){.input-label{font-size:1.0625rem}}@media (min-width: 640px){.input-label{font-size:1.125rem}}@media (min-width: 768px){.input-label{font-size:1.1875rem}}@media (min-width: 1024px){.input-label{font-size:1rem}}.input-label-with-icon{display:flex;align-items:center;font-size:1rem;font-weight:600;color:#374151;line-height:1.4}@media (min-width: 480px){.input-label-with-icon{font-size:1.0625rem}}@media (min-width: 640px){.input-label-with-icon{font-size:1.125rem}}@media (min-width: 768px){.input-label-with-icon{font-size:1.1875rem}}@media (min-width: 1024px){.input-label-with-icon{font-size:1rem}}.label-icon{height:1.125rem;width:1.125rem;margin-right:.5rem;color:#6b7280;flex-shrink:0}@media (min-width: 480px){.label-icon{height:1.1875rem;width:1.1875rem;margin-right:.625rem}}@media (min-width: 640px){.label-icon{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.label-icon{height:1.125rem;width:1.125rem;margin-right:.5rem}}.form-input{width:100%;padding:1rem 1.125rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.625rem;background-color:#fff;transition:all .2s ease;line-height:1.5;touch-action:manipulation;min-height:3.25rem}@media (min-width: 480px){.form-input{padding:1.0625rem 1.25rem;font-size:1.0625rem;border-radius:.6875rem;min-height:3.5rem}}@media (min-width: 640px){.form-input{padding:1.125rem 1.375rem;font-size:1.125rem;border-radius:.75rem;min-height:3.75rem}}@media (min-width: 768px){.form-input{padding:1.1875rem 1.5rem;font-size:1.1875rem;min-height:4rem}}@media (min-width: 1024px){.form-input{padding:1rem 1.25rem;font-size:1rem;min-height:3.5rem}}.form-input:hover{border-color:#d1d5db}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.form-input-error{border-color:#f87171;background-color:#fef2f2}.form-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.form-select{width:100%;padding:1rem 3rem 1rem 1.125rem;font-size:1rem;border:2px solid #e5e7eb;border-radius:.625rem;background-color:#fff;transition:all .2s ease;cursor:pointer;line-height:1.5;touch-action:manipulation;min-height:3.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}@media (min-width: 480px){.form-select{padding:1.0625rem 3.25rem 1.0625rem 1.25rem;font-size:1.0625rem;border-radius:.6875rem;min-height:3.5rem}}@media (min-width: 640px){.form-select{padding:1.125rem 3.5rem 1.125rem 1.375rem;font-size:1.125rem;border-radius:.75rem;min-height:3.75rem}}@media (min-width: 768px){.form-select{padding:1.1875rem 3.75rem 1.1875rem 1.5rem;font-size:1.1875rem;min-height:4rem}}@media (min-width: 1024px){.form-select{padding:1rem 3.25rem 1rem 1.25rem;font-size:1rem;min-height:3.5rem}}.form-select:hover{border-color:#d1d5db}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.error-message{color:#ef4444;font-size:.875rem;display:flex;align-items:center;margin-top:.5rem;line-height:1.4}@media (min-width: 480px){.error-message{font-size:.9375rem;margin-top:.625rem}}@media (min-width: 640px){.error-message{font-size:1rem;margin-top:.75rem}}@media (min-width: 1024px){.error-message{font-size:.875rem;margin-top:.5rem}}.error-dot{width:.25rem;height:.25rem;background-color:#ef4444;border-radius:9999px;margin-right:.5rem;flex-shrink:0}@media (min-width: 480px){.error-dot{width:.3125rem;height:.3125rem;margin-right:.625rem}}@media (min-width: 640px){.error-dot{width:.375rem;height:.375rem;margin-right:.75rem}}@media (min-width: 1024px){.error-dot{width:.25rem;height:.25rem;margin-right:.5rem}}.sidebar{display:flex;flex-direction:column;gap:1.5rem;order:-1}@media (min-width: 480px){.sidebar{gap:1.75rem}}@media (min-width: 640px){.sidebar{gap:2rem}}@media (min-width: 1024px){.sidebar{order:0;position:sticky;top:1rem;gap:1.5rem}}.order-summary{background-color:#fff;border-radius:.75rem;border:2px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.order-summary:hover{border-color:#d1d5db}@media (min-width: 768px){.order-summary-header{padding:1.625rem 2.25rem}}@media (min-width: 1024px){.order-summary-header{padding:1.25rem 1.5rem}}.order-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;display:flex;align-items:center;margin:0;line-height:1.3}@media (min-width: 480px){.order-summary-title{font-size:1.1875rem}}@media (min-width: 640px){.order-summary-title{font-size:1.25rem}}@media (min-width: 768px){.order-summary-title{font-size:1.3125rem}}.order-icon{height:1.25rem;width:1.25rem;margin-right:.75rem;color:#6b7280;flex-shrink:0}@media (min-width: 480px){.order-icon{height:1.3125rem;width:1.3125rem;margin-right:.8125rem}}@media (min-width: 640px){.order-icon{height:1.375rem;width:1.375rem;margin-right:.875rem}}@media (min-width: 768px){.order-icon{height:1.4375rem;width:1.4375rem;margin-right:.9375rem}}@media (min-width: 1024px){.order-icon{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.order-summary-content{padding:1.5rem}}.order-items{display:flex;flex-direction:column;gap:1.125rem;margin-bottom:1.5rem}@media (min-width: 480px){.order-items{gap:1.25rem;margin-bottom:1.75rem}}@media (min-width: 640px){.order-items{gap:1.375rem;margin-bottom:2rem}}@media (min-width: 768px){.order-items{gap:1.5rem}}@media (min-width: 1024px){.order-items{gap:1rem;margin-bottom:1.25rem}}.order-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}@media (min-width: 1024px){.order-item{gap:.75rem}}.order-item-name{font-weight:500;font-size:1rem;color:#1f2937;line-height:1.3;word-wrap:break-word;margin:0 0 .375rem}@media (min-width: 480px){.order-item-name{font-size:1.0625rem;margin-bottom:.4375rem}}@media (min-width: 640px){.order-item-name{font-size:1.125rem;margin-bottom:.5rem}}@media (min-width: 768px){.order-item-name{font-size:1.1875rem}}@media (min-width: 1024px){.order-item-name{font-size:1rem;margin-bottom:.25rem}}.order-item-quantity{font-size:.875rem;color:#6b7280;margin:0;line-height:1.4}@media (min-width: 480px){.order-item-quantity{font-size:.9375rem}}@media (min-width: 640px){.order-item-quantity{font-size:1rem}}@media (min-width: 768px){.order-item-quantity{font-size:1.0625rem}}.order-item-total{font-weight:600;font-size:1rem;color:#1f2937;margin:0;line-height:1.3}@media (min-width: 1024px){.order-item-total{font-size:1rem}}.order-total{border-top:2px solid #e5e7eb;padding-top:1rem}@media (min-width: 480px){.order-total{padding-top:1.125rem}}@media (min-width: 640px){.order-total{padding-top:1.25rem}}@media (min-width: 1024px){.order-total{padding-top:1rem}}.order-total-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 1024px){.order-total-row{gap:.75rem}}.order-total-label{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}@media (min-width: 480px){.order-total-label{font-size:1.375rem}}@media (min-width: 640px){.order-total-label{font-size:1.5rem}}@media (min-width: 768px){.order-total-label{font-size:1.625rem}}.order-total-amount{font-size:1.75rem;font-weight:700;color:#2563eb;margin:0;text-align:right}@media (min-width: 480px){.order-total-amount{font-size:1.875rem}}@media (min-width: 768px){.order-total-amount{font-size:2.125rem}}@media (min-width: 1024px){.order-total-amount{font-size:1.75rem}}.payment-info{background:linear-gradient(135deg,#eff6ff,#e0e7ff);border-radius:.75rem;padding:1.5rem;border:1px solid #c7d2fe;transition:all .2s ease}@media (min-width: 480px){.payment-info{border-radius:.875rem;padding:1.75rem}}@media (min-width: 640px){.payment-info{border-radius:1rem;padding:2rem}}@media (min-width: 768px){.payment-info{padding:2.25rem}}@media (min-width: 1024px){.payment-info{padding:1.5rem}}.payment-info:hover{border-color:#a5b4fc}.payment-title{font-weight:600;font-size:1.125rem;color:#1e3a8a;margin-bottom:1.125rem;display:flex;align-items:center;line-height:1.3}@media (min-width: 480px){.payment-title{font-size:1.1875rem;margin-bottom:1.25rem}}@media (min-width: 640px){.payment-title{font-size:1.25rem;margin-bottom:1.375rem}}@media (min-width: 768px){.payment-title{font-size:1.3125rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.payment-title{font-size:1.125rem;margin-bottom:1rem}}.payment-icon{height:1.25rem;width:1.25rem;margin-right:.75rem;flex-shrink:0}@media (min-width: 480px){.payment-icon{height:1.3125rem;width:1.3125rem;margin-right:.8125rem}}@media (min-width: 640px){.payment-icon{height:1.375rem;width:1.375rem;margin-right:.875rem}}@media (min-width: 768px){.payment-icon{height:1.4375rem;width:1.4375rem;margin-right:.9375rem}}@media (min-width: 1024px){.payment-icon{height:1.25rem;width:1.25rem;margin-right:.75rem}}.payment-options{display:flex;flex-direction:column;gap:.875rem;font-size:.9375rem}@media (min-width: 480px){.payment-options{gap:1rem;font-size:1rem}}@media (min-width: 640px){.payment-options{gap:1.125rem;font-size:1.0625rem}}@media (min-width: 768px){.payment-options{gap:1.25rem;font-size:1.125rem}}@media (min-width: 1024px){.payment-options{gap:.75rem;font-size:.875rem}}.payment-option{display:flex;align-items:center;color:#1e40af;line-height:1.4}.payment-dot{width:.5rem;height:.5rem;border-radius:9999px;margin-right:.75rem;flex-shrink:0}@media (min-width: 480px){.payment-dot{width:.5625rem;height:.5625rem;margin-right:.8125rem}}@media (min-width: 640px){.payment-dot{width:.625rem;height:.625rem;margin-right:.875rem}}@media (min-width: 1024px){.payment-dot{width:.5rem;height:.5rem;margin-right:.625rem}}.payment-dot-blue{background-color:#3b82f6}.payment-dot-green{background-color:#10b981}.payment-dot-orange{background-color:#f59e0b}.security-badge{background-color:#f0fdf4;border-radius:.75rem;padding:1.25rem;border:1px solid #bbf7d0;transition:all .2s ease}@media (min-width: 480px){.security-badge{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.security-badge{border-radius:1rem;padding:1.5rem}}@media (min-width: 768px){.security-badge{padding:1.75rem}}@media (min-width: 1024px){.security-badge{padding:1.25rem}}.security-badge:hover{border-color:#86efac}.security-content{display:flex;align-items:center;color:#166534;line-height:1.4}.security-icon{height:1.25rem;width:1.25rem;margin-right:.75rem;flex-shrink:0}@media (min-width: 480px){.security-icon{height:1.3125rem;width:1.3125rem;margin-right:.8125rem}}@media (min-width: 640px){.security-icon{height:1.375rem;width:1.375rem;margin-right:.875rem}}@media (min-width: 768px){.security-icon{height:1.4375rem;width:1.4375rem;margin-right:.9375rem}}@media (min-width: 1024px){.security-icon{height:1.25rem;width:1.25rem;margin-right:.75rem}}.security-text{font-size:.9375rem;font-weight:500}@media (min-width: 480px){.security-text{font-size:1rem}}@media (min-width: 640px){.security-text{font-size:1.0625rem}}@media (min-width: 768px){.security-text{font-size:1.125rem}}@media (min-width: 1024px){.security-text{font-size:.875rem}}.submit-section{margin-top:2rem;padding-top:1.75rem;border-top:2px solid #e5e7eb}@media (min-width: 480px){.submit-section{margin-top:2.25rem;padding-top:2rem}}@media (min-width: 640px){.submit-section{margin-top:2.5rem;padding-top:2.25rem}}@media (min-width: 768px){.submit-section{margin-top:2.75rem;padding-top:2.5rem}}@media (min-width: 1024px){.submit-section{margin-top:2rem;padding-top:1.5rem}}.submit-button{width:100%;background:linear-gradient(to right,#2563eb,#1d4ed8);color:#fff;padding:1.125rem 1.5rem;border-radius:.75rem;border:none;font-weight:600;font-size:1.125rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 10px 15px -3px #0000001a;transform:scale(1);touch-action:manipulation;min-height:3.5rem;line-height:1.3}@media (min-width: 480px){.submit-button{padding:1.25rem 1.75rem;font-size:1.1875rem;border-radius:.8125rem;min-height:3.75rem}}@media (min-width: 640px){.submit-button{padding:1.375rem 2rem;font-size:1.25rem;border-radius:.875rem;min-height:4rem}}@media (min-width: 768px){.submit-button{padding:1.4375rem 2.25rem;font-size:1.3125rem;border-radius:.9375rem;min-height:4.25rem}}@media (min-width: 1024px){.submit-button{padding:1.125rem 1.75rem;font-size:1rem;border-radius:.75rem;min-height:3.5rem}}.submit-button:hover:not(:disabled){background:linear-gradient(to right,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.01)}.submit-button:active:not(:disabled){transform:scale(.99)}.submit-button:disabled{background:linear-gradient(to right,#9ca3af,#6b7280);cursor:not-allowed;transform:scale(1)}.submit-icon{height:1.25rem;width:1.25rem;margin-right:.875rem;flex-shrink:0}@media (min-width: 480px){.submit-icon{height:1.3125rem;width:1.3125rem;margin-right:.9375rem}}@media (min-width: 640px){.submit-icon{height:1.375rem;width:1.375rem;margin-right:1rem}}@media (min-width: 768px){.submit-icon{height:1.4375rem;width:1.4375rem;margin-right:1.0625rem}}@media (min-width: 1024px){.submit-icon{height:1.125rem;width:1.125rem;margin-right:.75rem}}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid white;border-top:2px solid transparent;border-radius:9999px;animation:spin 1s linear infinite;margin-right:.875rem;flex-shrink:0}@media (min-width: 480px){.loading-spinner{width:1.3125rem;height:1.3125rem;margin-right:.9375rem}}@media (min-width: 640px){.loading-spinner{width:1.375rem;height:1.375rem;margin-right:1rem}}@media (min-width: 768px){.loading-spinner{width:1.4375rem;height:1.4375rem;margin-right:1.0625rem}}@media (min-width: 1024px){.loading-spinner{width:1.125rem;height:1.125rem;margin-right:.75rem}}.terms-text{text-align:center;font-size:.875rem;color:#6b7280;margin-top:.875rem;line-height:1.5;padding:0 .5rem}@media (min-width: 480px){.terms-text{font-size:.9375rem;margin-top:1rem;padding:0 .75rem}}@media (min-width: 640px){.terms-text{font-size:1rem;margin-top:1.125rem;padding:0 1rem}}@media (min-width: 768px){.terms-text{font-size:1.0625rem;margin-top:1.25rem}}@media (min-width: 1024px){.terms-text{font-size:.875rem;margin-top:1rem}}@media (max-width: 375px){.checkout-overlay{padding:.25rem}.checkout-modal{max-width:26rem;border-radius:.75rem}.checkout-header{padding:1.25rem 1rem}.checkout-title{font-size:1.25rem}.checkout-subtitle{font-size:.8125rem}.checkout-form{padding:1rem}.form-sections{gap:1.5rem}.form-section{padding:1.25rem}.section-title{font-size:1.125rem;margin-bottom:1.25rem}.input-grid{gap:1.25rem}.form-input,.form-select{padding:.875rem 1rem;font-size:.9375rem;min-height:3rem}.submit-button{padding:1rem 1.25rem;font-size:1rem;min-height:3.25rem}}@media (max-height: 600px) and (orientation: landscape){.checkout-modal{max-height:90vh}.checkout-content{max-height:calc(90vh - 4.5rem)}.checkout-header{padding:1rem 1.5rem}.checkout-form{padding:1.25rem}.form-sections{gap:1.5rem}.form-section{padding:1.25rem}.section-title{margin-bottom:1.25rem}.sidebar{gap:1.25rem}.submit-section{margin-top:1.5rem;padding-top:1.5rem}}.close-button:focus,.form-input:focus,.form-select:focus,.submit-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.close-button,.form-input,.form-select,.form-section,.order-summary,.payment-info,.security-badge,.submit-button{transition:none}.loading-spinner{animation:none}.close-button:hover{transform:none}.submit-button:hover:not(:disabled){transform:none}}@media (prefers-contrast: high){.form-input,.form-select{border-width:3px}.form-input:focus,.form-select:focus{box-shadow:0 0 0 3px #3b82f680}.order-summary{border-width:3px}.submit-button{border:2px solid #1e40af}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}.order-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width: 480px){.order-confirmation-overlay{padding:.75rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@media (min-width: 640px){.order-confirmation-overlay{padding:1rem}}.order-confirmation-modal{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;max-height:95vh;overflow:hidden;animation:slideUpFadeIn .4s ease-out}@media (min-width: 480px){.order-confirmation-modal{max-width:32rem;border-radius:1.125rem}}@media (min-width: 640px){.order-confirmation-modal{max-width:40rem;border-radius:1.25rem}}@media (min-width: 768px){.order-confirmation-modal{max-width:48rem;border-radius:1.375rem}}@media (min-width: 1024px){.order-confirmation-modal{max-width:55rem;border-radius:1.25rem}}@media (min-width: 1280px){.order-confirmation-modal{max-width:60rem}}@keyframes slideUpFadeIn{0%{transform:translateY(2rem) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.success-header{background:linear-gradient(to right,#10b981,#059669);padding:2rem 1.5rem;text-align:center;color:#fff!important;position:relative;overflow:hidden}@media (min-width: 480px){.success-header{padding:2.25rem 1.75rem}}@media (min-width: 640px){.success-header{padding:2.5rem 2rem}}@media (min-width: 768px){.success-header{padding:3rem 2.5rem}}@media (min-width: 1024px){.success-header{padding:2.5rem 2rem}}.success-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.success-icon-container{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;color:#fff!important;background-color:#fff3;border-radius:9999px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;z-index:1}@media (min-width: 480px){.success-icon-container{width:4.5rem;height:4.5rem;margin-bottom:1.75rem}}@media (min-width: 640px){.success-icon-container{width:5rem;height:5rem;margin-bottom:2rem}}@media (min-width: 768px){.success-icon-container{width:5.5rem;height:5.5rem;margin-bottom:2.25rem}}@media (min-width: 1024px){.success-icon-container{width:5rem;height:5rem;margin-bottom:1.5rem}}.success-icon{height:2.5rem;width:2.5rem}@media (min-width: 480px){.success-icon{height:2.75rem;width:2.75rem}}@media (min-width: 640px){.success-icon{height:3rem;width:3rem}}@media (min-width: 768px){.success-icon{height:3.25rem;width:3.25rem}}@media (min-width: 1024px){.success-icon{height:2.75rem;width:2.75rem}}.success-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;position:relative;z-index:1}@media (min-width: 480px){.success-title{font-size:1.75rem;margin-bottom:.875rem}}@media (min-width: 640px){.success-title{font-size:2rem;margin-bottom:1rem}}@media (min-width: 768px){.success-title{font-size:2.25rem;margin-bottom:1.125rem}}@media (min-width: 1024px){.success-title{font-size:2rem;margin-bottom:1rem}}@media (min-width: 1280px){.success-title{font-size:2.25rem}}.success-subtitle{font-size:1rem;position:relative;z-index:1;line-height:1.4}@media (min-width: 480px){.success-subtitle{font-size:1.0625rem}}@media (min-width: 640px){.success-subtitle{font-size:1.125rem}}@media (min-width: 768px){.success-subtitle{font-size:1.1875rem}}@media (min-width: 1024px){.success-subtitle{font-size:1.125rem}}@media (min-width: 1280px){.success-subtitle{font-size:1.25rem}}.order-content{overflow-y:auto;max-height:calc(95vh - 8rem)}@media (min-width: 480px){.order-content{max-height:calc(95vh - 9rem)}}@media (min-width: 640px){.order-content{max-height:calc(95vh - 10rem)}}@media (min-width: 768px){.order-content{max-height:calc(95vh - 12rem)}}@media (min-width: 1024px){.order-content{max-height:calc(95vh - 10rem)}}.order-content-inner{padding:1.5rem}@media (min-width: 480px){.order-content-inner{padding:1.75rem}}@media (min-width: 640px){.order-content-inner{padding:2rem}}@media (min-width: 768px){.order-content-inner{padding:2.5rem}}@media (min-width: 1024px){.order-content-inner{padding:2rem}}.call-alert{background:linear-gradient(to right,#eff6ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:.75rem;padding:1.25rem;margin-bottom:2rem}@media (min-width: 480px){.call-alert{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.call-alert{border-radius:1rem;padding:1.5rem;margin-bottom:2.25rem}}@media (min-width: 768px){.call-alert{padding:1.75rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.call-alert{padding:1.5rem;margin-bottom:2rem}}.call-alert-content{display:flex;align-items:flex-start;gap:1rem}@media (min-width: 480px){.call-alert-content{gap:1.125rem}}@media (min-width: 640px){.call-alert-content{gap:1.25rem}}@media (min-width: 768px){.call-alert-content{gap:1.375rem}}@media (min-width: 1024px){.call-alert-content{gap:1.25rem}}.call-alert-icon{background-color:#dbeafe;padding:.75rem;border-radius:9999px;flex-shrink:0}@media (min-width: 480px){.call-alert-icon{padding:.875rem}}@media (min-width: 640px){.call-alert-icon{padding:1rem}}@media (min-width: 1024px){.call-alert-icon{padding:.875rem}}.call-alert-icon-svg{height:1.25rem;width:1.25rem;color:#2563eb}@media (min-width: 480px){.call-alert-icon-svg{height:1.375rem;width:1.375rem}}@media (min-width: 640px){.call-alert-icon-svg{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.call-alert-icon-svg{height:1.25rem;width:1.25rem}}.call-alert-title{font-weight:700;color:#1e3a8a;font-size:1rem;margin-bottom:.5rem;line-height:1.3}@media (min-width: 480px){.call-alert-title{font-size:1.0625rem;margin-bottom:.625rem}}@media (min-width: 640px){.call-alert-title{font-size:1.125rem;margin-bottom:.75rem}}@media (min-width: 768px){.call-alert-title{font-size:1.1875rem;margin-bottom:.875rem}}@media (min-width: 1024px){.call-alert-title{font-size:1.125rem;margin-bottom:.75rem}}.call-alert-text{color:#1e40af;font-size:.875rem;line-height:1.5}@media (min-width: 480px){.call-alert-text{font-size:.9375rem}}@media (min-width: 640px){.call-alert-text{font-size:1rem}}@media (min-width: 768px){.call-alert-text{font-size:1.0625rem}}@media (min-width: 1024px){.call-alert-text{font-size:1rem}}.phone-highlight{font-weight:600;background-color:#bfdbfe;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}@media (min-width: 480px){.phone-highlight{padding:.3125rem .625rem;border-radius:.3125rem}}@media (min-width: 640px){.phone-highlight{padding:.375rem .75rem;border-radius:.375rem}}.order-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.order-grid{grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start}}@media (min-width: 1280px){.order-grid{gap:2rem}}.order-section{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 480px){.order-section{gap:1.75rem}}@media (min-width: 640px){.order-section{gap:2rem}}@media (min-width: 768px){.order-section{gap:2.25rem}}@media (min-width: 1024px){.order-section{gap:1.75rem}}.info-card{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;padding:1.25rem}@media (min-width: 480px){.info-card{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.info-card{border-radius:1rem;padding:1.5rem}}@media (min-width: 768px){.info-card{padding:1.75rem}}@media (min-width: 1024px){.info-card{padding:1.5rem}}.info-card-header{font-weight:700;color:#1f2937;font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;line-height:1.3}@media (min-width: 480px){.info-card-header{font-size:1.0625rem;margin-bottom:1.125rem}}@media (min-width: 640px){.info-card-header{font-size:1.125rem;margin-bottom:1.25rem}}@media (min-width: 768px){.info-card-header{font-size:1.1875rem;margin-bottom:1.375rem}}@media (min-width: 1024px){.info-card-header{font-size:1.125rem;margin-bottom:1rem}}.info-card-icon{padding:.5rem;border-radius:.5rem;margin-right:.75rem;flex-shrink:0}@media (min-width: 480px){.info-card-icon{padding:.625rem;border-radius:.625rem;margin-right:.875rem}}@media (min-width: 640px){.info-card-icon{padding:.75rem;border-radius:.75rem;margin-right:1rem}}@media (min-width: 1024px){.info-card-icon{padding:.625rem;margin-right:.75rem}}.info-card-icon--blue{background-color:#dbeafe}.info-card-icon--green{background-color:#dcfce7}.info-card-icon svg{height:1.125rem;width:1.125rem}@media (min-width: 480px){.info-card-icon svg{height:1.1875rem;width:1.1875rem}}@media (min-width: 640px){.info-card-icon svg{height:1.25rem;width:1.25rem}}@media (min-width: 768px){.info-card-icon svg{height:1.3125rem;width:1.3125rem}}@media (min-width: 1024px){.info-card-icon svg{height:1.125rem;width:1.125rem}}.info-card-icon--blue svg{color:#2563eb}.info-card-icon--green svg{color:#16a34a}.customer-info{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 480px){.customer-info{gap:.875rem}}@media (min-width: 640px){.customer-info{gap:1rem}}@media (min-width: 1024px){.customer-info{gap:.875rem}}.customer-info-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.customer-info-label{color:#6b7280;font-weight:500;font-size:.875rem;min-width:5rem}@media (min-width: 480px){.customer-info-label{font-size:.9375rem;min-width:5.5rem}}@media (min-width: 640px){.customer-info-label{font-size:1rem;min-width:6rem}}@media (min-width: 1024px){.customer-info-label{font-size:.875rem;min-width:5.5rem}}.customer-info-value{color:#1f2937;font-weight:600;font-size:.875rem}@media (min-width: 480px){.customer-info-value{font-size:.9375rem}}@media (min-width: 640px){.customer-info-value{font-size:1rem}}@media (min-width: 1024px){.customer-info-value{font-size:.875rem}}.customer-info-phone{background-color:#e5e7eb;padding:.375rem .75rem;border-radius:.5rem;font-weight:600}@media (min-width: 480px){.customer-info-phone{padding:.4375rem .875rem;border-radius:.5625rem}}@media (min-width: 640px){.customer-info-phone{padding:.5rem 1rem;border-radius:.625rem}}@media (min-width: 1024px){.customer-info-phone{padding:.375rem .75rem;border-radius:.5rem}}.address-card{background-color:#fff;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}@media (min-width: 480px){.address-card{border-radius:.625rem;padding:1.125rem}}@media (min-width: 640px){.address-card{border-radius:.75rem;padding:1.25rem}}@media (min-width: 768px){.address-card{padding:1.375rem}}@media (min-width: 1024px){.address-card{padding:1.25rem}}.address-main{color:#1f2937;font-weight:600;margin-bottom:.375rem;font-size:.875rem;line-height:1.4}@media (min-width: 480px){.address-main{font-size:.9375rem;margin-bottom:.4375rem}}@media (min-width: 640px){.address-main{font-size:1rem;margin-bottom:.5rem}}@media (min-width: 768px){.address-main{font-size:1.0625rem}}@media (min-width: 1024px){.address-main{font-size:1rem;margin-bottom:.375rem}}.address-details{color:#6b7280;font-size:.8125rem;line-height:1.4}@media (min-width: 480px){.address-details{font-size:.875rem}}@media (min-width: 640px){.address-details{font-size:.9375rem}}@media (min-width: 768px){.address-details{font-size:1rem}}@media (min-width: 1024px){.address-details{font-size:.875rem}}.order-summary{background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;overflow:hidden}@media (min-width: 480px){.order-summary{border-radius:.875rem}}@media (min-width: 640px){.order-summary{border-radius:1rem}}.order-summary-header{background:linear-gradient(to right,#f9fafb,#f3f4f6);padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}@media (min-width: 480px){.order-summary-header{padding:1.375rem 1.75rem}}@media (min-width: 640px){.order-summary-header{padding:1.5rem 2rem}}@media (min-width: 768px){.order-summary-header{padding:1.75rem 2.25rem}}@media (min-width: 1024px){.order-summary-header{padding:1.5rem 1.75rem}}.order-summary-title{font-weight:700;color:#1f2937;font-size:1rem;display:flex;align-items:center;margin:0;line-height:1.3}@media (min-width: 480px){.order-summary-title{font-size:1.0625rem}}@media (min-width: 640px){.order-summary-title{font-size:1.125rem}}@media (min-width: 768px){.order-summary-title{font-size:1.1875rem}}@media (min-width: 1024px){.order-summary-title{font-size:1.125rem}}.order-summary-title svg{height:1.125rem;width:1.125rem;margin-right:.5rem}@media (min-width: 480px){.order-summary-title svg{height:1.1875rem;width:1.1875rem;margin-right:.625rem}}@media (min-width: 640px){.order-summary-title svg{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 768px){.order-summary-title svg{height:1.3125rem;width:1.3125rem}}@media (min-width: 1024px){.order-summary-title svg{height:1.125rem;width:1.125rem;margin-right:.625rem}}.order-summary-content{padding:1.5rem}@media (min-width: 480px){.order-summary-content{padding:1.75rem}}@media (min-width: 640px){.order-summary-content{padding:2rem}}@media (min-width: 768px){.order-summary-content{padding:2.25rem}}@media (min-width: 1024px){.order-summary-content{padding:1.75rem}}.order-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 480px){.order-items{gap:1.125rem;margin-bottom:1.75rem}}@media (min-width: 640px){.order-items{gap:1.25rem;margin-bottom:2rem}}@media (min-width: 768px){.order-items{gap:1.375rem}}@media (min-width: 1024px){.order-items{gap:1.125rem;margin-bottom:1.5rem}}.order-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background-color:#f9fafb;border-radius:.5rem;gap:1rem}@media (min-width: 480px){.order-item{padding:1.125rem;border-radius:.625rem;gap:1.125rem}}@media (min-width: 640px){.order-item{padding:1.25rem;border-radius:.75rem;gap:1.25rem}}@media (min-width: 768px){.order-item{padding:1.375rem;gap:1.375rem}}@media (min-width: 1024px){.order-item{padding:1.125rem;gap:1rem}}.order-item-details{flex:1;min-width:0}.order-item-name{font-weight:600;color:#1f2937;line-height:1.3;font-size:.875rem;margin-bottom:.375rem;word-wrap:break-word}@media (min-width: 480px){.order-item-name{font-size:.9375rem;margin-bottom:.4375rem}}@media (min-width: 640px){.order-item-name{font-size:1rem;margin-bottom:.5rem}}@media (min-width: 768px){.order-item-name{font-size:1.0625rem}}@media (min-width: 1024px){.order-item-name{font-size:1rem;margin-bottom:.375rem}}.order-item-quantity{font-size:.75rem;color:#6b7280;margin:0}@media (min-width: 480px){.order-item-quantity{font-size:.8125rem}}@media (min-width: 640px){.order-item-quantity{font-size:.875rem}}@media (min-width: 768px){.order-item-quantity{font-size:.9375rem}}@media (min-width: 1024px){.order-item-quantity{font-size:.875rem}}.order-item-price{text-align:right;flex-shrink:0}.order-item-total{font-weight:700;color:#1f2937;font-size:1rem;margin:0}@media (min-width: 480px){.order-item-total{font-size:1.0625rem}}@media (min-width: 640px){.order-item-total{font-size:1.125rem}}@media (min-width: 768px){.order-item-total{font-size:1.1875rem}}@media (min-width: 1024px){.order-item-total{font-size:1.125rem}}.order-total{border-top:2px solid #e5e7eb;padding-top:1.25rem}@media (min-width: 480px){.order-total{padding-top:1.375rem}}@media (min-width: 640px){.order-total{padding-top:1.5rem}}@media (min-width: 1024px){.order-total{padding-top:1.25rem}}.order-total-row{display:flex;justify-content:space-between;align-items:center;background-color:#eff6ff;padding:1rem;border-radius:.75rem;gap:1rem}@media (min-width: 480px){.order-total-row{padding:1.125rem;border-radius:.875rem}}@media (min-width: 640px){.order-total-row{padding:1.25rem;border-radius:1rem}}@media (min-width: 768px){.order-total-row{padding:1.375rem}}@media (min-width: 1024px){.order-total-row{padding:1.25rem}}.order-total-label{font-size:1.125rem;font-weight:700;color:#1f2937}@media (min-width: 480px){.order-total-label{font-size:1.25rem}}@media (min-width: 640px){.order-total-label{font-size:1.375rem}}@media (min-width: 768px){.order-total-label{font-size:1.5rem}}@media (min-width: 1024px){.order-total-label{font-size:1.25rem}}.order-total-amount{font-size:1.5rem;font-weight:700;color:#2563eb}@media (min-width: 480px){.order-total-amount{font-size:1.75rem}}@media (min-width: 640px){.order-total-amount{font-size:2rem}}@media (min-width: 768px){.order-total-amount{font-size:2.25rem}}@media (min-width: 1024px){.order-total-amount{font-size:1.875rem}}@media (min-width: 1280px){.order-total-amount{font-size:2.25rem}}.process-timeline{margin-top:2rem;background:linear-gradient(135deg,#eff6ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:.75rem;padding:1.25rem}@media (min-width: 480px){.process-timeline{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.process-timeline{border-radius:1rem;padding:1.5rem}}@media (min-width: 768px){.process-timeline{padding:1.75rem}}@media (min-width: 1024px){.process-timeline{padding:1.5rem}}.timeline-title{font-weight:700;color:#1e3a8a;font-size:1rem;margin-bottom:1.25rem;display:flex;align-items:center;line-height:1.3}@media (min-width: 480px){.timeline-title{font-size:1.0625rem;margin-bottom:1.375rem}}@media (min-width: 640px){.timeline-title{font-size:1.125rem;margin-bottom:1.5rem}}@media (min-width: 768px){.timeline-title{font-size:1.1875rem;margin-bottom:1.625rem}}@media (min-width: 1024px){.timeline-title{font-size:1.125rem;margin-bottom:1.25rem}}.timeline-title svg{height:1.125rem;width:1.125rem;margin-right:.5rem}@media (min-width: 480px){.timeline-title svg{height:1.1875rem;width:1.1875rem;margin-right:.625rem}}@media (min-width: 640px){.timeline-title svg{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.timeline-title svg{height:1.125rem;width:1.125rem;margin-right:.625rem}}.timeline-steps{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.timeline-steps{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width: 1024px){.timeline-steps{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.timeline-step{text-align:center}.timeline-step-icon{width:3rem;height:3rem;margin:0 auto .75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}@media (min-width: 480px){.timeline-step-icon{width:3.5rem;height:3.5rem;margin-bottom:.875rem}}@media (min-width: 640px){.timeline-step-icon{width:4rem;height:4rem;margin-bottom:1rem}}@media (min-width: 768px){.timeline-step-icon{width:4.5rem;height:4.5rem}}@media (min-width: 1024px){.timeline-step-icon{width:3.5rem;height:3.5rem;margin-bottom:.75rem}}.timeline-step-icon--completed{background-color:#dcfce7}.timeline-step-icon--active{background-color:#dbeafe;animation:pulse 2s infinite}.timeline-step-icon--pending{background-color:#fed7aa;opacity:.75}.timeline-step-icon--future{background-color:#e9d5ff;opacity:.75}.timeline-step-icon svg{height:1.5rem;width:1.5rem}@media (min-width: 480px){.timeline-step-icon svg{height:1.75rem;width:1.75rem}}@media (min-width: 640px){.timeline-step-icon svg{height:2rem;width:2rem}}@media (min-width: 768px){.timeline-step-icon svg{height:2.25rem;width:2.25rem}}@media (min-width: 1024px){.timeline-step-icon svg{height:1.75rem;width:1.75rem}}.timeline-step-icon--completed svg{color:#16a34a}.timeline-step-icon--active svg{color:#2563eb}.timeline-step-icon--pending svg{color:#ea580c}.timeline-step-icon--future svg{color:#9333ea}.timeline-step-title{font-weight:600;color:#1f2937;margin-bottom:.25rem;font-size:.875rem}@media (min-width: 480px){.timeline-step-title{font-size:.9375rem;margin-bottom:.3125rem}}@media (min-width: 640px){.timeline-step-title{font-size:1rem;margin-bottom:.375rem}}@media (min-width: 768px){.timeline-step-title{font-size:1.0625rem}}@media (min-width: 1024px){.timeline-step-title{font-size:.875rem;margin-bottom:.25rem}}.timeline-step-description{font-size:.75rem;color:#6b7280;line-height:1.4}@media (min-width: 480px){.timeline-step-description{font-size:.8125rem}}@media (min-width: 640px){.timeline-step-description{font-size:.875rem}}@media (min-width: 768px){.timeline-step-description{font-size:.9375rem}}@media (min-width: 1024px){.timeline-step-description{font-size:.8125rem}}.important-notice{margin-top:2rem;background:linear-gradient(to right,#fefce8,#fef3c7);border:1px solid #fde047;border-radius:.75rem;padding:1.25rem}@media (min-width: 480px){.important-notice{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.important-notice{border-radius:1rem;padding:1.5rem}}@media (min-width: 768px){.important-notice{padding:1.75rem}}@media (min-width: 1024px){.important-notice{padding:1.5rem}}.notice-content{display:flex;align-items:flex-start;gap:1rem}@media (min-width: 480px){.notice-content{gap:1.125rem}}@media (min-width: 640px){.notice-content{gap:1.25rem}}@media (min-width: 768px){.notice-content{gap:1.375rem}}@media (min-width: 1024px){.notice-content{gap:1.25rem}}.notice-icon{background-color:#fef3c7;padding:.75rem;border-radius:9999px;flex-shrink:0}@media (min-width: 480px){.notice-icon{padding:.875rem}}@media (min-width: 640px){.notice-icon{padding:1rem}}@media (min-width: 1024px){.notice-icon{padding:.875rem}}.notice-icon svg{height:1.25rem;width:1.25rem;color:#d97706}@media (min-width: 480px){.notice-icon svg{height:1.375rem;width:1.375rem}}@media (min-width: 640px){.notice-icon svg{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.notice-icon svg{height:1.25rem;width:1.25rem}}.notice-title{font-weight:700;color:#92400e;margin-bottom:.5rem;font-size:.9375rem}@media (min-width: 480px){.notice-title{font-size:1rem;margin-bottom:.625rem}}@media (min-width: 640px){.notice-title{font-size:1.0625rem;margin-bottom:.75rem}}@media (min-width: 768px){.notice-title{font-size:1.125rem}}@media (min-width: 1024px){.notice-title{font-size:1rem;margin-bottom:.5rem}}.notice-text{color:#92400e;font-size:.875rem;line-height:1.5}@media (min-width: 480px){.notice-text{font-size:.9375rem}}@media (min-width: 640px){.notice-text{font-size:1rem}}@media (min-width: 768px){.notice-text{font-size:1.0625rem}}@media (min-width: 1024px){.notice-text{font-size:.875rem}}.notice-highlight{font-weight:600}.contact-info{margin-top:2rem;background:linear-gradient(to right,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;text-align:center}@media (min-width: 480px){.contact-info{border-radius:.875rem;padding:1.375rem}}@media (min-width: 640px){.contact-info{border-radius:1rem;padding:1.5rem}}@media (min-width: 768px){.contact-info{padding:1.75rem}}@media (min-width: 1024px){.contact-info{padding:1.5rem}}.contact-title{font-weight:700;color:#1f2937;margin-bottom:.75rem;font-size:.9375rem}@media (min-width: 480px){.contact-title{font-size:1rem;margin-bottom:.875rem}}@media (min-width: 640px){.contact-title{font-size:1.0625rem;margin-bottom:1rem}}@media (min-width: 768px){.contact-title{font-size:1.125rem}}@media (min-width: 1024px){.contact-title{font-size:1rem;margin-bottom:.75rem}}.contact-description{color:#6b7280;margin-bottom:1rem;font-size:.875rem;line-height:1.5}@media (min-width: 480px){.contact-description{font-size:.9375rem;margin-bottom:1.125rem}}@media (min-width: 640px){.contact-description{font-size:1rem;margin-bottom:1.25rem}}@media (min-width: 768px){.contact-description{font-size:1.0625rem}}@media (min-width: 1024px){.contact-description{font-size:.875rem;margin-bottom:1rem}}.contact-phone{display:inline-flex;align-items:center;background-color:#fff;padding:.75rem 1.25rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}@media (min-width: 480px){.contact-phone{padding:.875rem 1.5rem;border-radius:.875rem}}@media (min-width: 640px){.contact-phone{padding:1rem 1.75rem;border-radius:1rem}}@media (min-width: 768px){.contact-phone{padding:1.125rem 2rem}}@media (min-width: 1024px){.contact-phone{padding:.875rem 1.5rem;border-radius:.75rem}}.contact-phone svg{height:1.125rem;width:1.125rem;color:#2563eb;margin-right:.5rem}@media (min-width: 480px){.contact-phone svg{height:1.1875rem;width:1.1875rem;margin-right:.625rem}}@media (min-width: 640px){.contact-phone svg{height:1.25rem;width:1.25rem;margin-right:.75rem}}@media (min-width: 1024px){.contact-phone svg{height:1.125rem;width:1.125rem;margin-right:.5rem}}.contact-phone-number{font-weight:700;color:#2563eb;font-size:1rem}@media (min-width: 480px){.contact-phone-number{font-size:1.0625rem}}@media (min-width: 640px){.contact-phone-number{font-size:1.125rem}}@media (min-width: 768px){.contact-phone-number{font-size:1.1875rem}}@media (min-width: 1024px){.contact-phone-number{font-size:1rem}}.action-section{margin-top:2rem;text-align:center;margin-bottom:1rem}@media (min-width: 480px){.action-section{margin-bottom:1.25rem}}@media (min-width: 640px){.action-section{margin-bottom:1.5rem}}@media (min-width: 1024px){.action-section{margin-bottom:1.25rem}}.continue-button{background:linear-gradient(to right,#2563eb,#1d4ed8);color:#fff;padding:1rem 2rem;border-radius:.75rem;border:none;cursor:pointer;font-weight:700;font-size:1rem;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease;display:inline-flex;align-items:center;touch-action:manipulation;line-height:1.3}@media (min-width: 480px){.continue-button{padding:1.125rem 2.25rem;border-radius:.875rem;font-size:1.0625rem}}@media (min-width: 640px){.continue-button{padding:1.25rem 2.5rem;border-radius:1rem;font-size:1.125rem}}@media (min-width: 768px){.continue-button{padding:1.375rem 2.75rem;font-size:1.1875rem}}@media (min-width: 1024px){.continue-button{padding:1rem 2rem;font-size:1rem;border-radius:.75rem}}.continue-button:hover{background:linear-gradient(to right,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px) scale(1.02)}.continue-button:active{transform:translateY(0) scale(1)}.continue-button svg{height:1.125rem;width:1.125rem;margin-right:.75rem}@media (min-width: 480px){.continue-button svg{height:1.1875rem;width:1.1875rem;margin-right:.8125rem}}@media (min-width: 640px){.continue-button svg{height:1.25rem;width:1.25rem;margin-right:.875rem}}@media (min-width: 768px){.continue-button svg{height:1.3125rem;width:1.3125rem;margin-right:.9375rem}}@media (min-width: 1024px){.continue-button svg{height:1.125rem;width:1.125rem;margin-right:.5rem}}.thank-you-text{color:#6b7280;font-size:.875rem;margin-top:1rem;line-height:1.4}@media (min-width: 480px){.thank-you-text{font-size:.9375rem;margin-top:1.125rem}}@media (min-width: 640px){.thank-you-text{font-size:1rem;margin-top:1.25rem}}@media (min-width: 768px){.thank-you-text{font-size:1.0625rem}}@media (min-width: 1024px){.thank-you-text{font-size:.875rem;margin-top:1rem}}@media (max-width: 375px){.order-confirmation-overlay{padding:.25rem}.order-confirmation-modal{max-width:26rem;border-radius:.875rem}.success-header{padding:1.5rem 1rem}.success-title{font-size:1.375rem}.success-subtitle{font-size:.9375rem}.order-content-inner{padding:1.25rem}.call-alert,.process-timeline,.important-notice,.contact-info,.info-card{padding:1rem}.order-summary-content{padding:1.25rem}.continue-button{padding:.875rem 1.5rem;font-size:.9375rem}}@media (max-height: 600px) and (orientation: landscape){.order-confirmation-modal{max-height:85vh}.order-content{max-height:calc(85vh - 6rem)}.success-header{padding:1.5rem 2rem}.success-icon-container{width:3.5rem;height:3.5rem;margin-bottom:1rem}.success-icon{height:2rem;width:2rem}.success-title{font-size:1.5rem;margin-bottom:.5rem}.order-content-inner{padding:1.5rem}.call-alert,.process-timeline,.important-notice,.contact-info{padding:1.25rem}.timeline-steps{grid-template-columns:repeat(4,1fr);gap:1rem}.timeline-step-icon{width:3rem;height:3rem;margin-bottom:.5rem}.timeline-step-icon svg{height:1.5rem;width:1.5rem}}.continue-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.order-confirmation-modal{animation:none}.success-header:before{animation:none}.timeline-step-icon--active{animation:none}.continue-button{transition:none}.continue-button:hover{transform:none}}@media (prefers-contrast: high){.info-card,.order-summary,.call-alert,.process-timeline,.important-notice,.contact-info{border-width:3px}.continue-button{border:2px solid #1e40af}}@media print{.order-confirmation-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.order-confirmation-modal{box-shadow:none;max-width:none;max-height:none}.continue-button{display:none}}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;padding:0}@media (min-width: 480px){.cart-overlay{background-color:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.cart-panel{background-color:#fff;height:100%;width:100%;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideInFromRight .3s ease-out;display:flex;flex-direction:column}@media (min-width: 480px){.cart-panel{max-width:24rem;box-shadow:0 30px 60px -15px #0000004d}}@media (min-width: 640px){.cart-panel{max-width:28rem}}@media (min-width: 768px){.cart-panel{max-width:32rem}}@media (min-width: 1024px){.cart-panel{max-width:32rem}}@media (min-width: 1280px){.cart-panel{max-width:35rem}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-header{position:sticky;top:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #f3f4f6;padding:1.25rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:10;flex-shrink:0;min-height:4.5rem}@media (min-width: 480px){.cart-header{padding:1.375rem 1.25rem;min-height:5rem}}@media (min-width: 640px){.cart-header{padding:1.5rem;min-height:5.5rem}}@media (min-width: 768px){.cart-header{padding:1.75rem;min-height:6rem}}@media (min-width: 1024px){.cart-header{padding:1.5rem;min-height:5rem}}.cart-title{font-size:1.125rem;font-weight:700;color:#1f2937;display:flex;align-items:center;line-height:1.3;margin:0;flex:1;min-width:0}@media (min-width: 480px){.cart-title{font-size:1.25rem}}@media (min-width: 640px){.cart-title{font-size:1.375rem}}@media (min-width: 768px){.cart-title{font-size:1.5rem}}@media (min-width: 1024px){.cart-title{font-size:1.375rem}}@media (min-width: 1280px){.cart-title{font-size:1.5rem}}.cart-title-icon{height:1.25rem;width:1.25rem;margin-right:.625rem;color:#2563eb;flex-shrink:0}@media (min-width: 480px){.cart-title-icon{height:1.375rem;width:1.375rem;margin-right:.75rem}}@media (min-width: 640px){.cart-title-icon{height:1.5rem;width:1.5rem;margin-right:.875rem}}@media (min-width: 768px){.cart-title-icon{height:1.625rem;width:1.625rem;margin-right:1rem}}@media (min-width: 1024px){.cart-title-icon{height:1.5rem;width:1.5rem;margin-right:.75rem}}@media (min-width: 1280px){.cart-title-icon{height:1.625rem;width:1.625rem}}.cart-close-button{padding:.875rem;background:transparent;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;min-width:3rem;min-height:3rem}@media (min-width: 480px){.cart-close-button{padding:1rem;border-radius:.75rem;min-width:3.25rem;min-height:3.25rem}}@media (min-width: 640px){.cart-close-button{padding:1.125rem;border-radius:.875rem;min-width:3.5rem;min-height:3.5rem}}@media (min-width: 768px){.cart-close-button{padding:1.25rem;border-radius:1rem;min-width:3.75rem;min-height:3.75rem}}@media (min-width: 1024px){.cart-close-button{padding:1rem;border-radius:.75rem;min-width:3.25rem;min-height:3.25rem}}.cart-close-button:hover{background-color:#f3f4f6}.cart-close-button:active{background-color:#e5e7eb;transform:scale(.95)}.cart-close-icon{height:1.375rem;width:1.375rem;transition:transform .2s ease}@media (min-width: 480px){.cart-close-icon{height:1.5rem;width:1.5rem}}@media (min-width: 640px){.cart-close-icon{height:1.625rem;width:1.625rem}}@media (min-width: 768px){.cart-close-icon{height:1.75rem;width:1.75rem}}@media (min-width: 1024px){.cart-close-icon{height:1.5rem;width:1.5rem}}.cart-close-button:hover .cart-close-icon{transform:rotate(90deg)}.cart-content{display:flex;flex-direction:column;height:100%;flex:1;min-height:0}.cart-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem}@media (min-width: 480px){.cart-empty{padding:1.75rem 1.25rem}}@media (min-width: 640px){.cart-empty{padding:2rem 1.5rem}}@media (min-width: 768px){.cart-empty{padding:2.5rem 2rem}}@media (min-width: 1024px){.cart-empty{padding:2rem 1.5rem}}.cart-empty-content{text-align:center;max-width:20rem;width:100%}.cart-empty-icon-wrapper{width:5rem;height:5rem;margin:0 auto 1.25rem;background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:9999px;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.cart-empty-icon-wrapper{width:5.5rem;height:5.5rem;margin-bottom:1.5rem}}@media (min-width: 640px){.cart-empty-icon-wrapper{width:6rem;height:6rem;margin-bottom:1.75rem}}@media (min-width: 768px){.cart-empty-icon-wrapper{width:7rem;height:7rem;margin-bottom:2rem}}@media (min-width: 1024px){.cart-empty-icon-wrapper{width:6rem;height:6rem;margin-bottom:1.5rem}}.cart-empty-icon{height:2.25rem;width:2.25rem;color:#9ca3af}@media (min-width: 480px){.cart-empty-icon{height:2.5rem;width:2.5rem}}@media (min-width: 640px){.cart-empty-icon{height:2.75rem;width:2.75rem}}@media (min-width: 768px){.cart-empty-icon{height:3rem;width:3rem}}@media (min-width: 1024px){.cart-empty-icon{height:2.75rem;width:2.75rem}}.cart-empty-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.3}@media (min-width: 480px){.cart-empty-title{font-size:1.25rem;margin-bottom:.875rem}}@media (min-width: 640px){.cart-empty-title{font-size:1.375rem;margin-bottom:1rem}}@media (min-width: 768px){.cart-empty-title{font-size:1.5rem;margin-bottom:1.125rem}}@media (min-width: 1024px){.cart-empty-title{font-size:1.375rem;margin-bottom:1rem}}.cart-empty-description{font-size:.9375rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.5}@media (min-width: 480px){.cart-empty-description{font-size:1rem;margin-bottom:1.75rem}}@media (min-width: 640px){.cart-empty-description{font-size:1.0625rem;margin-bottom:2rem}}@media (min-width: 768px){.cart-empty-description{font-size:1.125rem;margin-bottom:2.25rem}}@media (min-width: 1024px){.cart-empty-description{font-size:1rem;margin-bottom:1.75rem}}.cart-continue-button{background-color:#2563eb;color:#fff;padding:1rem 1.5rem;border:none;border-radius:.625rem;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:1rem;touch-action:manipulation;min-height:3.25rem;line-height:1.3}@media (min-width: 480px){.cart-continue-button{padding:1.125rem 1.75rem;border-radius:.75rem;font-size:1.0625rem;min-height:3.5rem}}@media (min-width: 640px){.cart-continue-button{padding:1.25rem 2rem;border-radius:.875rem;font-size:1.125rem;min-height:3.75rem}}@media (min-width: 768px){.cart-continue-button{padding:1.375rem 2.25rem;border-radius:1rem;font-size:1.1875rem;min-height:4rem}}@media (min-width: 1024px){.cart-continue-button{padding:1.125rem 1.75rem;border-radius:.75rem;font-size:1rem;min-height:3.5rem}}.cart-continue-button:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.cart-continue-button:active{transform:translateY(0)}.cart-items-container{flex:1;overflow-y:auto;padding:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#d1d5db #f9fafb}@media (min-width: 480px){.cart-items-container{padding:1.25rem}}@media (min-width: 640px){.cart-items-container{padding:1.5rem}}@media (min-width: 768px){.cart-items-container{padding:1.75rem}}@media (min-width: 1024px){.cart-items-container{padding:1.5rem}}.cart-items-container::-webkit-scrollbar{width:4px}.cart-items-container::-webkit-scrollbar-track{background:#f9fafb}.cart-items-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.cart-items-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.cart-items-list{display:flex;flex-direction:column;gap:1rem}@media (min-width: 480px){.cart-items-list{gap:1.125rem}}@media (min-width: 640px){.cart-items-list{gap:1.25rem}}@media (min-width: 768px){.cart-items-list{gap:1.375rem}}@media (min-width: 1024px){.cart-items-list{gap:1.125rem}}.cart-item{background-color:#f9fafb;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb;transition:all .2s ease}@media (min-width: 480px){.cart-item{border-radius:.875rem;padding:1.125rem}}@media (min-width: 640px){.cart-item{border-radius:1rem;padding:1.25rem}}@media (min-width: 768px){.cart-item{padding:1.375rem}}@media (min-width: 1024px){.cart-item{padding:1.125rem}}.cart-item:hover{box-shadow:0 4px 6px -1px #0000001a;border-color:#d1d5db}.cart-item-info{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}@media (min-width: 480px){.cart-item-info{gap:1rem;margin-bottom:1.125rem}}@media (min-width: 640px){.cart-item-info{gap:1.125rem;margin-bottom:1.25rem}}@media (min-width: 768px){.cart-item-info{gap:1.25rem;margin-bottom:1.375rem}}@media (min-width: 1024px){.cart-item-info{gap:1rem;margin-bottom:1rem}}.cart-item-image{width:3.5rem;height:3.5rem;background-color:#fff;border-radius:.5rem;overflow:hidden;flex-shrink:0;border:1px solid #e5e7eb}@media (min-width: 480px){.cart-item-image{width:4rem;height:4rem;border-radius:.625rem}}@media (min-width: 640px){.cart-item-image{width:4.5rem;height:4.5rem;border-radius:.75rem}}@media (min-width: 768px){.cart-item-image{width:5rem;height:5rem;border-radius:.875rem}}@media (min-width: 1024px){.cart-item-image{width:4.5rem;height:4.5rem;border-radius:.75rem}}.cart-item-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:700;font-size:.9375rem;color:#1f2937;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .375rem;word-wrap:break-word}@media (min-width: 480px){.cart-item-name{font-size:1rem;margin-bottom:.4375rem}}@media (min-width: 640px){.cart-item-name{font-size:1.0625rem;margin-bottom:.5rem}}@media (min-width: 768px){.cart-item-name{font-size:1.125rem;margin-bottom:.5625rem}}@media (min-width: 1024px){.cart-item-name{font-size:1rem;margin-bottom:.375rem}}@media (min-width: 1280px){.cart-item-name{font-size:1.125rem}}.cart-item-category{font-size:.8125rem;color:#6b7280;margin:0 0 .375rem;line-height:1.4}@media (min-width: 480px){.cart-item-category{font-size:.875rem;margin-bottom:.4375rem}}@media (min-width: 640px){.cart-item-category{font-size:.9375rem;margin-bottom:.5rem}}@media (min-width: 768px){.cart-item-category{font-size:1rem;margin-bottom:.5625rem}}@media (min-width: 1024px){.cart-item-category{font-size:.875rem;margin-bottom:.375rem}}.cart-item-price{font-size:1rem;font-weight:700;color:#2563eb;margin:0;line-height:1.3}@media (min-width: 480px){.cart-item-price{font-size:1.0625rem}}@media (min-width: 640px){.cart-item-price{font-size:1.125rem}}@media (min-width: 768px){.cart-item-price{font-size:1.1875rem}}@media (min-width: 1024px){.cart-item-price{font-size:1.125rem}}@media (min-width: 1280px){.cart-item-price{font-size:1.25rem}}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (min-width: 1024px){.cart-item-controls{gap:.75rem}}.quantity-controls{display:flex;align-items:center;gap:.5rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb;padding:.375rem;transition:all .2s ease}@media (min-width: 480px){.quantity-controls{gap:.625rem;border-radius:.625rem;padding:.4375rem}}@media (min-width: 640px){.quantity-controls{gap:.75rem;border-radius:.75rem;padding:.5rem}}@media (min-width: 768px){.quantity-controls{gap:.875rem;padding:.5625rem}}@media (min-width: 1024px){.quantity-controls{gap:.625rem;padding:.4375rem}}.quantity-controls:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.quantity-button{padding:.5rem;background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;min-width:2.25rem;min-height:2.25rem}@media (min-width: 480px){.quantity-button{padding:.5625rem;border-radius:.4375rem;min-width:2.5rem;min-height:2.5rem}}@media (min-width: 640px){.quantity-button{padding:.625rem;border-radius:.5rem;min-width:2.75rem;min-height:2.75rem}}@media (min-width: 768px){.quantity-button{padding:.6875rem;min-width:3rem;min-height:3rem}}@media (min-width: 1024px){.quantity-button{padding:.5rem;min-width:2.5rem;min-height:2.5rem}}.quantity-button:hover{background-color:#f3f4f6}.quantity-button:active{background-color:#e5e7eb;transform:scale(.95)}.quantity-icon{height:1rem;width:1rem}@media (min-width: 480px){.quantity-icon{height:1.0625rem;width:1.0625rem}}@media (min-width: 640px){.quantity-icon{height:1.125rem;width:1.125rem}}@media (min-width: 768px){.quantity-icon{height:1.1875rem;width:1.1875rem}}@media (min-width: 1024px){.quantity-icon{height:1rem;width:1rem}}.quantity-display{width:2rem;text-align:center;font-weight:700;font-size:1rem;line-height:1.3}@media (min-width: 480px){.quantity-display{width:2.25rem;font-size:1.0625rem}}@media (min-width: 640px){.quantity-display{width:2.5rem;font-size:1.125rem}}@media (min-width: 768px){.quantity-display{width:2.75rem;font-size:1.1875rem}}@media (min-width: 1024px){.quantity-display{width:2.25rem;font-size:1rem}}.remove-button{padding:.625rem;color:#ef4444;background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;touch-action:manipulation;min-width:2.75rem;min-height:2.75rem}@media (min-width: 480px){.remove-button{padding:.6875rem;border-radius:.5625rem;min-width:3rem;min-height:3rem}}@media (min-width: 640px){.remove-button{padding:.75rem;border-radius:.625rem;min-width:3.25rem;min-height:3.25rem}}@media (min-width: 768px){.remove-button{padding:.8125rem;border-radius:.6875rem;min-width:3.5rem;min-height:3.5rem}}@media (min-width: 1024px){.remove-button{padding:.625rem;border-radius:.5rem;min-width:3rem;min-height:3rem}}.remove-button:hover{background-color:#fef2f2;color:#dc2626}.remove-button:active{background-color:#fee2e2;transform:scale(.95)}.remove-icon{height:1.125rem;width:1.125rem}@media (min-width: 480px){.remove-icon{height:1.1875rem;width:1.1875rem}}@media (min-width: 640px){.remove-icon{height:1.25rem;width:1.25rem}}@media (min-width: 768px){.remove-icon{height:1.3125rem;width:1.3125rem}}@media (min-width: 1024px){.remove-icon{height:1.125rem;width:1.125rem}}@media (min-width: 1280px){.remove-icon{height:1.25rem;width:1.25rem}}.cart-footer{flex-shrink:0;background-color:#fff;border-top:1px solid #e5e7eb;padding:1rem 1rem 1.5rem}@media (min-width: 480px){.cart-footer{padding:1.25rem 1.25rem 1.75rem}}@media (min-width: 640px){.cart-footer{padding:1.5rem 1.5rem 2rem}}@media (min-width: 768px){.cart-footer{padding:1.75rem 1.75rem 2.25rem}}@media (min-width: 1024px){.cart-footer{padding:1.5rem 1.5rem 2rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.cart-footer{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}@media (min-width: 480px){.cart-footer{padding-bottom:calc(1.75rem + env(safe-area-inset-bottom))}}@media (min-width: 640px){.cart-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}@media (min-width: 768px){.cart-footer{padding-bottom:calc(2.25rem + env(safe-area-inset-bottom))}}@media (min-width: 1024px){.cart-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom))}}}.cart-footer-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 480px){.cart-footer-content{gap:1.125rem}}@media (min-width: 640px){.cart-footer-content{gap:1.25rem}}@media (min-width: 768px){.cart-footer-content{gap:1.375rem}}@media (min-width: 1024px){.cart-footer-content{gap:1.125rem}}.cart-total-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 1024px){.cart-total-row{gap:.75rem}}.cart-total-label{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}@media (min-width: 480px){.cart-total-label{font-size:1.25rem}}@media (min-width: 640px){.cart-total-label{font-size:1.375rem}}@media (min-width: 768px){.cart-total-label{font-size:1.5rem}}@media (min-width: 1024px){.cart-total-label{font-size:1.25rem}}@media (min-width: 1280px){.cart-total-label{font-size:1.375rem}}.cart-total-amount{font-size:1.375rem;font-weight:900;color:#2563eb;margin:0;text-align:right}@media (min-width: 480px){.cart-total-amount{font-size:1.5rem}}@media (min-width: 640px){.cart-total-amount{font-size:1.75rem}}@media (min-width: 768px){.cart-total-amount{font-size:2rem}}@media (min-width: 1024px){.cart-total-amount{font-size:1.75rem}}@media (min-width: 1280px){.cart-total-amount{font-size:2rem}}.cart-benefits{background:linear-gradient(to right,#f0fdf4,#ecfdf5);padding:1rem;border-radius:.625rem;border:1px solid #bbf7d0;transition:all .2s ease}@media (min-width: 480px){.cart-benefits{padding:1.125rem;border-radius:.75rem}}@media (min-width: 640px){.cart-benefits{padding:1.25rem;border-radius:.875rem}}@media (min-width: 768px){.cart-benefits{padding:1.375rem;border-radius:1rem}}@media (min-width: 1024px){.cart-benefits{padding:1.125rem;border-radius:.75rem}}.cart-benefits:hover{border-color:#86efac}.cart-benefits-content{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.875rem;color:#15803d;gap:.375rem;font-weight:500;line-height:1.4}@media (min-width: 480px){.cart-benefits-content{font-size:.9375rem;gap:.4375rem}}@media (min-width: 640px){.cart-benefits-content{flex-direction:row;font-size:1rem;gap:1rem}}@media (min-width: 768px){.cart-benefits-content{font-size:1.0625rem;gap:1.125rem}}@media (min-width: 1024px){.cart-benefits-content{font-size:.875rem;gap:.875rem}}@media (min-width: 1280px){.cart-benefits-content{font-size:1rem}}.cart-benefits-separator{display:none}@media (min-width: 640px){.cart-benefits-separator{display:inline;color:#22c55e;font-weight:700}}.cart-checkout-button{width:100%;background:linear-gradient(to right,#2563eb,#1d4ed8);color:#fff;padding:1rem 1.5rem;border:none;border-radius:.75rem;cursor:pointer;font-weight:700;font-size:1rem;transition:all .2s ease;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(0);touch-action:manipulation;min-height:3.5rem;line-height:1.3}@media (min-width: 480px){.cart-checkout-button{padding:1.125rem 1.75rem;border-radius:.8125rem;font-size:1.0625rem;min-height:3.75rem}}@media (min-width: 640px){.cart-checkout-button{padding:1.25rem 2rem;border-radius:.875rem;font-size:1.125rem;min-height:4rem}}@media (min-width: 768px){.cart-checkout-button{padding:1.375rem 2.25rem;border-radius:.9375rem;font-size:1.1875rem;min-height:4.25rem}}@media (min-width: 1024px){.cart-checkout-button{padding:1.125rem 1.75rem;border-radius:.75rem;font-size:1rem;min-height:3.5rem}}@media (min-width: 1280px){.cart-checkout-button{font-size:1.125rem;min-height:3.75rem}}.cart-checkout-button:hover{background:linear-gradient(to right,#1d4ed8,#1e40af);box-shadow:0 20px 25px -5px #0000001a;transform:translateY(-2px)}.cart-checkout-button:active{transform:translateY(0)}.cart-checkout-button:disabled{background:linear-gradient(to right,#9ca3af,#6b7280);cursor:not-allowed;transform:translateY(0)}@media (max-width: 375px){.cart-panel{max-width:100%}.cart-header{padding:1rem .75rem;min-height:4rem}.cart-title{font-size:1rem}.cart-title-icon{height:1.125rem;width:1.125rem;margin-right:.5rem}.cart-close-button{padding:.75rem;min-width:2.75rem;min-height:2.75rem}.cart-close-icon{height:1.25rem;width:1.25rem}.cart-items-container{padding:.75rem}.cart-item{padding:.875rem}.cart-item-image{width:3.25rem;height:3.25rem}.cart-item-name{font-size:.875rem}.cart-item-category{font-size:.75rem}.cart-item-price{font-size:.9375rem}.cart-footer{padding:.875rem .875rem 1.25rem}.cart-total-label{font-size:1rem}.cart-total-amount{font-size:1.25rem}.cart-checkout-button{padding:.875rem 1.25rem;font-size:.9375rem;min-height:3.25rem}}@media (max-height: 600px) and (orientation: landscape){.cart-panel{max-width:20rem}.cart-header{padding:.875rem 1rem;min-height:3.5rem}.cart-title{font-size:1rem}.cart-items-container,.cart-item{padding:.875rem}.cart-item-info{margin-bottom:.75rem}.cart-footer{padding:.875rem .875rem 1rem}.cart-footer-content{gap:.75rem}.cart-checkout-button{padding:.75rem 1.25rem;min-height:3rem}}.cart-close-button:focus,.cart-continue-button:focus,.quantity-button:focus,.remove-button:focus,.cart-checkout-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.cart-panel{animation:none}.cart-close-icon,.cart-item,.quantity-controls,.cart-benefits,.cart-continue-button,.quantity-button,.remove-button,.cart-checkout-button{transition:none}.cart-close-button:hover .cart-close-icon,.cart-continue-button:hover,.cart-checkout-button:hover{transform:none}}@media (prefers-contrast: high){.cart-item,.quantity-controls,.cart-benefits{border-width:2px}.cart-checkout-button{border:2px solid #1e40af}}@media print{.cart-overlay{display:none}}.main-app{min-height:100vh;background:linear-gradient(to bottom right,#f9fafb,#eff6ff)}.main-app__container{max-width:1200px;margin:0 auto;padding:1rem .75rem}@media (min-width: 480px){.main-app__container{padding:1.5rem 1rem}}@media (min-width: 640px){.main-app__container{padding:2rem 1.25rem}}@media (min-width: 768px){.main-app__container{padding:2.5rem 1.5rem}}@media (min-width: 1024px){.main-app__container{padding:2.5rem 1.75rem}}.main-app__loading,.main-app__error{min-height:100vh;background:linear-gradient(to bottom right,#f9fafb,#eff6ff);display:flex;align-items:center;justify-content:center;padding:1rem}.main-app__loading-content,.main-app__error-content{text-align:center;max-width:24rem;width:100%}.main-app__error-content{padding:0 1rem}@media (min-width: 480px){.main-app__error-content{padding:0 1.5rem}}.main-app__spinner{animation:spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border:2px solid transparent;border-bottom-color:#2563eb;margin:0 auto 1rem}@media (min-width: 480px){.main-app__spinner{height:3.5rem;width:3.5rem;margin-bottom:1.25rem}}@media (min-width: 768px){.main-app__spinner{height:4rem;width:4rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.main-app__spinner{height:3.5rem;width:3.5rem;margin-bottom:1.25rem}}.main-app__loading-text{color:#6b7280;font-size:1rem}@media (min-width: 480px){.main-app__loading-text{font-size:1.125rem}}@media (min-width: 768px){.main-app__loading-text{font-size:1.25rem}}@media (min-width: 1024px){.main-app__loading-text{font-size:1.125rem}}.main-app__error-icon{width:4rem;height:4rem;margin:0 auto 1rem;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}@media (min-width: 480px){.main-app__error-icon{width:4.5rem;height:4.5rem;margin-bottom:1.25rem;font-size:1.75rem}}@media (min-width: 768px){.main-app__error-icon{width:5rem;height:5rem;margin-bottom:1.5rem;font-size:2rem}}@media (min-width: 1024px){.main-app__error-icon{width:4.5rem;height:4.5rem;margin-bottom:1.25rem;font-size:1.75rem}}.main-app__error-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}@media (min-width: 480px){.main-app__error-title{font-size:1.375rem;margin-bottom:.875rem}}@media (min-width: 768px){.main-app__error-title{font-size:1.5rem;margin-bottom:1rem}}@media (min-width: 1024px){.main-app__error-title{font-size:1.375rem;margin-bottom:.875rem}}.main-app__error-message{color:#6b7280;margin-bottom:1.25rem;font-size:1rem;line-height:1.5}@media (min-width: 480px){.main-app__error-message{font-size:1.0625rem;margin-bottom:1.375rem}}@media (min-width: 768px){.main-app__error-message{font-size:1.125rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.main-app__error-message{font-size:1.0625rem;margin-bottom:1.25rem}}.main-app__error-button{background-color:#2563eb;color:#fff;padding:.875rem 1.75rem;border-radius:.5rem;border:none;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;touch-action:manipulation;min-height:3rem}@media (min-width: 480px){.main-app__error-button{padding:1rem 2rem;font-size:1.0625rem;min-height:3.25rem}}@media (min-width: 768px){.main-app__error-button{padding:1.125rem 2.25rem;font-size:1.125rem;min-height:3.5rem}}@media (min-width: 1024px){.main-app__error-button{padding:1rem 2rem;font-size:1.0625rem;min-height:3.25rem}}.main-app__error-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.main-app__error-button:active{transform:translateY(0)}.main-app__hero{background:linear-gradient(to right,#2563eb,#1d4ed8,#1e40af);color:#fff;border-radius:1rem;padding:2rem 1.5rem;margin-bottom:2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}@media (min-width: 480px){.main-app__hero{border-radius:1.25rem;padding:2.5rem 2rem;margin-bottom:2.5rem;box-shadow:0 15px 35px -8px #00000026}}@media (min-width: 640px){.main-app__hero{border-radius:1.5rem;padding:3rem 2.5rem;margin-bottom:3rem;box-shadow:0 20px 40px -10px #0003}}@media (min-width: 768px){.main-app__hero{padding:3.5rem 3rem;margin-bottom:3.5rem}}@media (min-width: 1024px){.main-app__hero{padding:3rem 2.5rem;margin-bottom:3rem;box-shadow:0 20px 40px -10px #0003}}.main-app__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a}.main-app__hero-decoration--top{position:absolute;top:0;right:0;width:12rem;height:12rem;background-color:#ffffff0d;border-radius:50%;transform:translate(6rem,-6rem)}@media (min-width: 480px){.main-app__hero-decoration--top{width:16rem;height:16rem;transform:translate(8rem,-8rem)}}@media (min-width: 768px){.main-app__hero-decoration--top{width:20rem;height:20rem;transform:translate(10rem,-10rem)}}@media (min-width: 1024px){.main-app__hero-decoration--top{width:18rem;height:18rem;transform:translate(9rem,-9rem)}}.main-app__hero-decoration--bottom{position:absolute;bottom:0;left:0;width:8rem;height:8rem;background-color:#ffffff0d;border-radius:50%;transform:translate(-4rem,4rem)}@media (min-width: 480px){.main-app__hero-decoration--bottom{width:10rem;height:10rem;transform:translate(-5rem,5rem)}}@media (min-width: 768px){.main-app__hero-decoration--bottom{width:14rem;height:14rem;transform:translate(-7rem,7rem)}}@media (min-width: 1024px){.main-app__hero-decoration--bottom{width:12rem;height:12rem;transform:translate(-6rem,6rem)}}.main-app__hero-content{position:relative;z-index:10}.main-app__hero-title{font-size:2rem;font-weight:900;margin-bottom:1.5rem;line-height:1.2}@media (min-width: 480px){.main-app__hero-title{font-size:2.5rem;margin-bottom:1.75rem}}@media (min-width: 640px){.main-app__hero-title{font-size:3rem;margin-bottom:2rem}}@media (min-width: 768px){.main-app__hero-title{font-size:3.25rem;margin-bottom:2.25rem}}@media (min-width: 1024px){.main-app__hero-title{font-size:3rem;margin-bottom:2rem}}.main-app__hero-subtitle{display:block;background:linear-gradient(to right,#fde047,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:.5rem}.main-app__hero-description{font-size:1rem;margin-bottom:2rem;color:#dbeafe;max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.6}@media (min-width: 480px){.main-app__hero-description{font-size:1.125rem;margin-bottom:2.25rem;max-width:36rem}}@media (min-width: 640px){.main-app__hero-description{font-size:1.25rem;margin-bottom:2.5rem;max-width:40rem}}@media (min-width: 768px){.main-app__hero-description{font-size:1.375rem;margin-bottom:2.75rem;max-width:44rem}}@media (min-width: 1024px){.main-app__hero-description{font-size:1.25rem;margin-bottom:2.5rem;max-width:42rem}}@media (min-width: 1280px){.main-app__hero-description{font-size:1.375rem}}.main-app__hero-features{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.875rem;font-weight:500}@media (min-width: 480px){.main-app__hero-features{gap:1rem;font-size:.9375rem}}@media (min-width: 640px){.main-app__hero-features{gap:1.25rem;font-size:1rem}}@media (min-width: 768px){.main-app__hero-features{gap:1.5rem;font-size:1.0625rem}}@media (min-width: 1024px){.main-app__hero-features{gap:1.25rem;font-size:1rem}}.main-app__hero-feature{background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.75rem 1.25rem;border-radius:9999px;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;transform:scale(1);display:flex;align-items:center;white-space:nowrap}@media (min-width: 480px){.main-app__hero-feature{padding:.875rem 1.5rem}}@media (min-width: 768px){.main-app__hero-feature{padding:1rem 1.75rem}}@media (min-width: 1024px){.main-app__hero-feature{padding:.875rem 1.5rem}}.main-app__hero-feature:hover{background-color:#ffffff4d;transform:scale(1.05)}.main-app__hero-feature:active{transform:scale(1.02)}.main-app__hero-feature-icon{margin-right:.5rem;font-size:1rem}@media (min-width: 480px){.main-app__hero-feature-icon{margin-right:.625rem;font-size:1.125rem}}@media (min-width: 768px){.main-app__hero-feature-icon{margin-right:.75rem;font-size:1.25rem}}@media (min-width: 1024px){.main-app__hero-feature-icon{margin-right:.625rem;font-size:1.125rem}}.main-app__hero-feature-text{font-size:inherit}.main-app__toolbar{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #f3f4f6;gap:1.25rem}@media (min-width: 480px){.main-app__toolbar{border-radius:.875rem;padding:1.75rem;margin-bottom:2rem;gap:1.5rem}}@media (min-width: 640px){.main-app__toolbar{flex-direction:row;align-items:center;border-radius:1rem;padding:2rem;margin-bottom:2.25rem;gap:2rem}}@media (min-width: 768px){.main-app__toolbar{padding:2.25rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.main-app__toolbar{padding:2rem;margin-bottom:2.25rem}}.main-app__toolbar-left{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:1rem}@media (min-width: 640px){.main-app__toolbar-left{flex-direction:row;align-items:center;width:auto;flex:1;gap:1.5rem}}@media (min-width: 1024px){.main-app__toolbar-left{gap:1.25rem}}.main-app__toolbar-stats{color:#6b7280;display:flex;align-items:baseline;gap:.5rem}.main-app__toolbar-count{font-size:1.75rem;font-weight:700;color:#2563eb}@media (min-width: 480px){.main-app__toolbar-count{font-size:2rem}}@media (min-width: 640px){.main-app__toolbar-count{font-size:2.25rem}}@media (min-width: 1024px){.main-app__toolbar-count{font-size:2.125rem}}.main-app__toolbar-label{font-size:1rem;margin:0}@media (min-width: 480px){.main-app__toolbar-label{font-size:1.125rem}}@media (min-width: 640px){.main-app__toolbar-label{font-size:1.25rem}}@media (min-width: 1024px){.main-app__toolbar-label{font-size:1.125rem}}.main-app__toolbar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%}@media (min-width: 480px){.main-app__toolbar-filters{gap:.75rem}}@media (min-width: 640px){.main-app__toolbar-filters{width:auto}}.main-app__filter-tag{padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;white-space:nowrap}@media (min-width: 480px){.main-app__filter-tag{padding:.625rem 1.25rem;font-size:.9375rem}}@media (min-width: 768px){.main-app__filter-tag{padding:.75rem 1.5rem;font-size:1rem}}@media (min-width: 1024px){.main-app__filter-tag{padding:.625rem 1.25rem;font-size:.9375rem}}.main-app__filter-tag--search{background-color:#dbeafe;color:#1e40af}.main-app__filter-tag--category{background-color:#dcfce7;color:#166534}.main-app__clear-filters{color:#6b7280;font-size:.875rem;text-decoration:underline;background:none;border:none;cursor:pointer;padding:.5rem .75rem;transition:color .2s ease;touch-action:manipulation;border-radius:.375rem}@media (min-width: 480px){.main-app__clear-filters{font-size:.9375rem;padding:.625rem 1rem}}@media (min-width: 768px){.main-app__clear-filters{font-size:1rem}}@media (min-width: 1024px){.main-app__clear-filters{font-size:.9375rem}}.main-app__clear-filters:hover{color:#ef4444;background-color:#ef44441a}.main-app__clear-filters:active{transform:scale(.98)}.main-app__toolbar-right{display:flex;align-items:center;gap:.75rem;width:100%;justify-content:center}@media (min-width: 480px){.main-app__toolbar-right{gap:1rem}}@media (min-width: 640px){.main-app__toolbar-right{width:auto;justify-content:flex-end}}@media (min-width: 1024px){.main-app__toolbar-right{gap:.875rem}}.main-app__view-label{font-size:.875rem;color:#6b7280;white-space:nowrap}@media (min-width: 480px){.main-app__view-label{font-size:.9375rem}}@media (min-width: 768px){.main-app__view-label{font-size:1rem}}@media (min-width: 1024px){.main-app__view-label{font-size:.9375rem}}.main-app__view-button{padding:.875rem;border-radius:.5rem;transition:all .2s ease;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;min-width:3rem;min-height:3rem}@media (min-width: 480px){.main-app__view-button{padding:1rem;border-radius:.625rem;min-width:3.25rem;min-height:3.25rem}}@media (min-width: 768px){.main-app__view-button{padding:1.125rem;border-radius:.75rem;min-width:3.5rem;min-height:3.5rem}}@media (min-width: 1024px){.main-app__view-button{padding:1rem;min-width:3.25rem;min-height:3.25rem}}.main-app__view-button--active{background-color:#dbeafe;color:#2563eb;box-shadow:0 4px 6px -1px #0000001a}.main-app__view-button--inactive{color:#9ca3af;background-color:transparent}.main-app__view-button--inactive:hover{background-color:#f3f4f6;color:#6b7280}.main-app__view-button--inactive:active,.main-app__view-button--active:active{transform:scale(.95)}.main-app__view-icon{height:1.25rem;width:1.25rem}@media (min-width: 480px){.main-app__view-icon{height:1.375rem;width:1.375rem}}@media (min-width: 768px){.main-app__view-icon{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.main-app__view-icon{height:1.5rem;width:1.5rem}}.main-app__products-grid{display:grid;gap:1.25rem}@media (min-width: 480px){.main-app__products-grid{gap:1.5rem}}@media (min-width: 768px){.main-app__products-grid{gap:1.75rem}}@media (min-width: 1024px){.main-app__products-grid{gap:1.5rem}}.main-app__products-grid--grid{grid-template-columns:1fr}@media (min-width: 640px){.main-app__products-grid--grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.main-app__products-grid--grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.main-app__products-grid--grid{grid-template-columns:repeat(4,1fr)}}.main-app__products-grid--list{grid-template-columns:1fr}.main-app__products-loading{text-align:center;padding:4rem 1rem}@media (min-width: 480px){.main-app__products-loading{padding:4.5rem 1rem}}@media (min-width: 768px){.main-app__products-loading{padding:5rem 1rem}}@media (min-width: 1024px){.main-app__products-loading{padding:4.5rem 1rem}}.main-app__products-loading .main-app__spinner{height:3rem;width:3rem;margin-bottom:1.25rem}@media (min-width: 480px){.main-app__products-loading .main-app__spinner{height:3.5rem;width:3.5rem;margin-bottom:1.375rem}}@media (min-width: 768px){.main-app__products-loading .main-app__spinner{height:4rem;width:4rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.main-app__products-loading .main-app__spinner{height:3.5rem;width:3.5rem;margin-bottom:1.25rem}}.main-app__products-loading-text{color:#6b7280;font-size:1rem}@media (min-width: 480px){.main-app__products-loading-text{font-size:1.125rem}}@media (min-width: 768px){.main-app__products-loading-text{font-size:1.25rem}}@media (min-width: 1024px){.main-app__products-loading-text{font-size:1.125rem}}.main-app__no-results{text-align:center;padding:4rem 1rem}@media (min-width: 480px){.main-app__no-results{padding:4.5rem 1.25rem}}@media (min-width: 768px){.main-app__no-results{padding:5rem 1.5rem}}@media (min-width: 1024px){.main-app__no-results{padding:4.5rem 1.5rem}}.main-app__no-results-icon{width:6rem;height:6rem;margin:0 auto 1.5rem;background:linear-gradient(to bottom right,#e5e7eb,#d1d5db);border-radius:50%;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.main-app__no-results-icon{width:7rem;height:7rem;margin-bottom:1.75rem}}@media (min-width: 768px){.main-app__no-results-icon{width:8rem;height:8rem;margin-bottom:2rem}}@media (min-width: 1024px){.main-app__no-results-icon{width:7rem;height:7rem;margin-bottom:1.75rem}}.main-app__no-results-icon svg{height:2.5rem;width:2.5rem;color:#9ca3af}@media (min-width: 480px){.main-app__no-results-icon svg{height:3rem;width:3rem}}@media (min-width: 768px){.main-app__no-results-icon svg{height:3.5rem;width:3.5rem}}@media (min-width: 1024px){.main-app__no-results-icon svg{height:3rem;width:3rem}}.main-app__no-results-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.875rem}@media (min-width: 480px){.main-app__no-results-title{font-size:1.625rem;margin-bottom:1rem}}@media (min-width: 768px){.main-app__no-results-title{font-size:1.875rem;margin-bottom:1rem}}@media (min-width: 1024px){.main-app__no-results-title{font-size:1.625rem;margin-bottom:.875rem}}.main-app__no-results-description{color:#6b7280;margin-bottom:1.75rem;max-width:24rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}@media (min-width: 480px){.main-app__no-results-description{font-size:1.0625rem;max-width:26rem;margin-bottom:2rem}}@media (min-width: 768px){.main-app__no-results-description{font-size:1.125rem;max-width:28rem;margin-bottom:2rem}}@media (min-width: 1024px){.main-app__no-results-description{font-size:1.0625rem;max-width:26rem;margin-bottom:1.75rem}}.main-app__no-results-button{background-color:#2563eb;color:#fff;padding:.875rem 1.75rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500;font-size:1rem;transition:all .2s ease;touch-action:manipulation;min-height:3rem}@media (min-width: 480px){.main-app__no-results-button{padding:1rem 2rem;border-radius:.625rem;font-size:1.0625rem;min-height:3.25rem}}@media (min-width: 768px){.main-app__no-results-button{padding:1.125rem 2.25rem;border-radius:.75rem;font-size:1.125rem;min-height:3.5rem}}@media (min-width: 1024px){.main-app__no-results-button{padding:1rem 2rem;font-size:1.0625rem;min-height:3.25rem}}.main-app__no-results-button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.main-app__no-results-button:active{transform:translateY(0)}.main-app__ready-search{text-align:center;padding:5rem 1rem}@media (min-width: 480px){.main-app__ready-search{padding:5.5rem 1.25rem}}@media (min-width: 768px){.main-app__ready-search{padding:6rem 1.5rem}}@media (min-width: 1024px){.main-app__ready-search{padding:5rem 1.5rem}}.main-app__ready-search-icon{width:8rem;height:8rem;margin:0 auto 2rem;background:linear-gradient(to bottom right,#dbeafe,#bfdbfe);border-radius:50%;display:flex;align-items:center;justify-content:center}@media (min-width: 480px){.main-app__ready-search-icon{width:9rem;height:9rem;margin-bottom:2.25rem}}@media (min-width: 768px){.main-app__ready-search-icon{width:10rem;height:10rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.main-app__ready-search-icon{width:8rem;height:8rem;margin-bottom:2rem}}.main-app__ready-search-icon svg{height:3.5rem;width:3.5rem;color:#3b82f6}@media (min-width: 480px){.main-app__ready-search-icon svg{height:4rem;width:4rem}}@media (min-width: 768px){.main-app__ready-search-icon svg{height:4.5rem;width:4.5rem}}@media (min-width: 1024px){.main-app__ready-search-icon svg{height:3.5rem;width:3.5rem}}.main-app__ready-search-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem}@media (min-width: 480px){.main-app__ready-search-title{font-size:2rem;margin-bottom:1.375rem}}@media (min-width: 768px){.main-app__ready-search-title{font-size:2.25rem;margin-bottom:1.5rem}}@media (min-width: 1024px){.main-app__ready-search-title{font-size:2rem;margin-bottom:1.25rem}}.main-app__ready-search-description{font-size:1rem;color:#6b7280;margin-bottom:2rem;max-width:24rem;margin-left:auto;margin-right:auto;line-height:1.6}@media (min-width: 480px){.main-app__ready-search-description{font-size:1.125rem;max-width:26rem;margin-bottom:2.25rem}}@media (min-width: 768px){.main-app__ready-search-description{font-size:1.25rem;max-width:28rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.main-app__ready-search-description{font-size:1.125rem;max-width:26rem;margin-bottom:2rem}}.main-app__whatsapp-button{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36666,0 8px 24px #0003;cursor:pointer;transition:all .3s ease;z-index:1000;text-decoration:none;animation:whatsapp-pulse 2s ease-in-out infinite}@media (min-width: 640px){.main-app__whatsapp-button{width:4rem;height:4rem;bottom:2.5rem;right:2.5rem}}@media (min-width: 1024px){.main-app__whatsapp-button{width:4.5rem;height:4.5rem}}.main-app__whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #25d36680,0 12px 32px #00000040;animation:none}.main-app__whatsapp-button:active{transform:scale(1.05)}.main-app__whatsapp-icon{width:1.75rem;height:1.75rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@media (min-width: 640px){.main-app__whatsapp-icon{width:2rem;height:2rem}}@media (min-width: 1024px){.main-app__whatsapp-icon{width:2.25rem;height:2.25rem}}@keyframes whatsapp-pulse{0%,to{box-shadow:0 4px 12px #25d36666,0 8px 24px #0003}50%{box-shadow:0 4px 12px #25d36699,0 8px 24px #0000004d,0 0 0 10px #25d3661a}}.main-app__footer{background:linear-gradient(to right,#1f2937,#111827);color:#fff;padding:3rem 0 2rem;margin-top:3rem}@media (min-width: 480px){.main-app__footer{padding:4rem 0 2.5rem;margin-top:4rem}}@media (min-width: 768px){.main-app__footer{padding:5rem 0 3rem;margin-top:5rem}}@media (min-width: 1024px){.main-app__footer{padding:4rem 0 2.5rem;margin-top:4rem}}.main-app__footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 480px){.main-app__footer-container{padding:0 1.25rem}}@media (min-width: 768px){.main-app__footer-container{padding:0 1.5rem}}@media (min-width: 1024px){.main-app__footer-container{padding:0 1.75rem}}.main-app__footer-content{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 640px){.main-app__footer-content{grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:3.5rem}}@media (min-width: 768px){.main-app__footer-content{gap:3rem;margin-bottom:4rem}}@media (min-width: 1024px){.main-app__footer-content{grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-bottom:3.5rem}}.main-app__footer-brand{grid-column:span 1}@media (min-width: 640px){.main-app__footer-brand{grid-column:span 2}}@media (min-width: 1024px){.main-app__footer-brand{grid-column:span 2}}.main-app__footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}@media (min-width: 480px){.main-app__footer-logo{gap:1.125rem;margin-bottom:1.75rem}}@media (min-width: 768px){.main-app__footer-logo{gap:1.25rem;margin-bottom:2rem}}@media (min-width: 1024px){.main-app__footer-logo{gap:1.125rem;margin-bottom:1.75rem}}.main-app__footer-logo-icon{width:3.5rem;height:3.5rem;background:linear-gradient(to bottom right,#2563eb,#1e40af);border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 480px){.main-app__footer-logo-icon{width:4rem;height:4rem;border-radius:.875rem}}@media (min-width: 768px){.main-app__footer-logo-icon{width:4.5rem;height:4.5rem;border-radius:1rem}}@media (min-width: 1024px){.main-app__footer-logo-icon{width:4rem;height:4rem;border-radius:.875rem}}.main-app__footer-logo-icon svg{height:2rem;width:2rem;color:#fff}@media (min-width: 480px){.main-app__footer-logo-icon svg{height:2.25rem;width:2.25rem}}@media (min-width: 768px){.main-app__footer-logo-icon svg{height:2.5rem;width:2.5rem}}@media (min-width: 1024px){.main-app__footer-logo-icon svg{height:2.25rem;width:2.25rem}}.main-app__footer-brand-name{font-size:1.5rem;font-weight:900;line-height:1.2}@media (min-width: 480px){.main-app__footer-brand-name{font-size:1.75rem}}@media (min-width: 768px){.main-app__footer-brand-name{font-size:2rem}}@media (min-width: 1024px){.main-app__footer-brand-name{font-size:1.875rem}}.main-app__footer-brand-tagline{color:#9ca3af;font-size:.875rem;margin-top:.25rem}@media (min-width: 480px){.main-app__footer-brand-tagline{font-size:.9375rem}}@media (min-width: 768px){.main-app__footer-brand-tagline{font-size:1rem}}@media (min-width: 1024px){.main-app__footer-brand-tagline{font-size:.9375rem}}.main-app__footer-description{color:#d1d5db;line-height:1.6;max-width:28rem;font-size:1rem;margin-bottom:2rem}@media (min-width: 480px){.main-app__footer-description{font-size:1.0625rem;margin-bottom:2.25rem}}@media (min-width: 768px){.main-app__footer-description{font-size:1.125rem;margin-bottom:2.5rem}}@media (min-width: 1024px){.main-app__footer-description{font-size:1.0625rem;max-width:26rem;margin-bottom:2rem}}.main-app__footer-social{display:flex;gap:1rem}@media (min-width: 480px){.main-app__footer-social{gap:1.25rem}}@media (min-width: 768px){.main-app__footer-social{gap:1.5rem}}@media (min-width: 1024px){.main-app__footer-social{gap:1.25rem}}.main-app__footer-social-button{width:3rem;height:3rem;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:pointer;border:none;font-size:1.25rem;color:#fff;touch-action:manipulation}@media (min-width: 480px){.main-app__footer-social-button{width:3.25rem;height:3.25rem;font-size:1.375rem}}@media (min-width: 768px){.main-app__footer-social-button{width:3.5rem;height:3.5rem;font-size:1.5rem}}@media (min-width: 1024px){.main-app__footer-social-button{width:3.25rem;height:3.25rem;font-size:1.375rem}}.main-app__footer-social-button:hover{background-color:#fff3;transform:scale(1.1)}.main-app__footer-social-button:active{transform:scale(1.05)}.main-app__footer-section h4{font-weight:700;margin-bottom:1.5rem;font-size:1.125rem}@media (min-width: 480px){.main-app__footer-section h4{font-size:1.25rem;margin-bottom:1.75rem}}@media (min-width: 768px){.main-app__footer-section h4{font-size:1.375rem;margin-bottom:2rem}}@media (min-width: 1024px){.main-app__footer-section h4{font-size:1.25rem;margin-bottom:1.75rem}}.main-app__footer-contact{color:#d1d5db}.main-app__footer-contact-item{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}@media (min-width: 480px){.main-app__footer-contact-item{gap:1rem;margin-bottom:1.125rem}}@media (min-width: 768px){.main-app__footer-contact-item{gap:1.25rem;margin-bottom:1.25rem}}@media (min-width: 1024px){.main-app__footer-contact-item{gap:1rem;margin-bottom:1.125rem}}.main-app__footer-contact-icon{height:1.25rem;width:1.25rem;color:#60a5fa;flex-shrink:0}@media (min-width: 480px){.main-app__footer-contact-icon{height:1.375rem;width:1.375rem}}@media (min-width: 768px){.main-app__footer-contact-icon{height:1.5rem;width:1.5rem}}@media (min-width: 1024px){.main-app__footer-contact-icon{height:1.5rem;width:1.5rem}}.main-app__footer-contact-text{font-size:1rem}@media (min-width: 480px){.main-app__footer-contact-text{font-size:1.0625rem}}@media (min-width: 768px){.main-app__footer-contact-text{font-size:1.125rem}}@media (min-width: 1024px){.main-app__footer-contact-text{font-size:1.0625rem}}.main-app__footer-hours{color:#d1d5db}.main-app__footer-hours-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:1rem;gap:1rem}@media (min-width: 480px){.main-app__footer-hours-item{font-size:1.0625rem;margin-bottom:.875rem}}@media (min-width: 768px){.main-app__footer-hours-item{font-size:1.125rem;margin-bottom:1rem}}@media (min-width: 1024px){.main-app__footer-hours-item{font-size:1.0625rem;margin-bottom:.875rem}}.main-app__footer-hours-time{color:#34d399;font-weight:500;white-space:nowrap}.main-app__footer-bottom{border-top:1px solid #374151;padding-top:2rem}@media (min-width: 480px){.main-app__footer-bottom{padding-top:2.25rem}}@media (min-width: 768px){.main-app__footer-bottom{padding-top:2.5rem}}@media (min-width: 1024px){.main-app__footer-bottom{padding-top:2.25rem}}.main-app__footer-bottom-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1.25rem}@media (min-width: 480px){.main-app__footer-bottom-content{gap:1.5rem}}@media (min-width: 1024px){.main-app__footer-bottom-content{flex-direction:row;gap:1.25rem}}.main-app__footer-copyright{color:#9ca3af;font-size:.875rem;text-align:center}@media (min-width: 480px){.main-app__footer-copyright{font-size:.9375rem}}@media (min-width: 768px){.main-app__footer-copyright{font-size:1rem}}@media (min-width: 1024px){.main-app__footer-copyright{font-size:.9375rem;text-align:left}}.main-app__footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;color:#9ca3af}@media (min-width: 480px){.main-app__footer-links{font-size:.9375rem;gap:1.75rem}}@media (min-width: 768px){.main-app__footer-links{font-size:1rem;gap:2rem}}@media (min-width: 1024px){.main-app__footer-links{font-size:.9375rem;gap:1.75rem}}.main-app__footer-link{transition:color .2s ease;cursor:pointer;background:none;border:none;padding:.5rem .25rem;border-radius:.25rem;color:inherit;font-size:inherit;text-decoration:none;touch-action:manipulation}@media (min-width: 480px){.main-app__footer-link{padding:.625rem .375rem}}@media (min-width: 1024px){.main-app__footer-link{padding:.5rem .25rem}}.main-app__footer-link:hover{color:#fff;background-color:#ffffff1a}.main-app__footer-link:active{transform:scale(.98)}@media (max-width: 375px){.main-app__container{padding:.75rem .5rem}.main-app__hero{padding:1.5rem 1rem;border-radius:.75rem}.main-app__hero-title{font-size:1.75rem}.main-app__hero-description{font-size:.9375rem}.main-app__hero-features{gap:.5rem;font-size:.8125rem}.main-app__hero-feature{padding:.5rem .875rem}.main-app__toolbar{padding:1.25rem}.main-app__toolbar-count{font-size:1.5rem}.main-app__filter-tag{padding:.375rem .75rem;font-size:.8125rem}.main-app__view-button{padding:.75rem;min-width:2.75rem;min-height:2.75rem}.main-app__view-icon{height:1.125rem;width:1.125rem}}@media (max-height: 600px) and (orientation: landscape){.main-app__hero{padding:1.5rem 2rem;margin-bottom:1.5rem}.main-app__hero-title{font-size:2rem;margin-bottom:1rem}.main-app__hero-description{font-size:1rem;margin-bottom:1.5rem}.main-app__hero-features{gap:.75rem}.main-app__hero-feature{padding:.5rem 1rem}.main-app__toolbar{padding:1.25rem;margin-bottom:1.5rem}.main-app__no-results,.main-app__ready-search{padding:3rem 1rem}.main-app__footer{padding:3rem 0 2rem;margin-top:3rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.main-app__spinner{border-width:1px}.main-app__hero{box-shadow:0 25px 50px -12px #0000004d}.main-app__toolbar{box-shadow:0 2px 4px #0000001a}}.main-app__error-button:focus,.main-app__clear-filters:focus,.main-app__view-button:focus,.main-app__no-results-button:focus,.main-app__footer-social-button:focus,.main-app__footer-link:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.main-app__spinner{animation:none}.main-app__hero-feature,.main-app__error-button,.main-app__clear-filters,.main-app__view-button,.main-app__no-results-button,.main-app__footer-social-button,.main-app__footer-link{transition:none}.main-app__hero-feature:hover,.main-app__footer-social-button:hover{transform:none}.main-app__whatsapp-button{animation:none}.main-app__whatsapp-button:hover{transform:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px;padding-right:1.5rem;padding-left:1.5rem}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px;padding-right:2rem;padding-left:2rem}}@media (min-width: 1280px){.container{max-width:1280px;padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 1536px){.container{max-width:1536px;padding-right:3rem;padding-left:3rem}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-700{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400:hover{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-green-700:hover{--tw-gradient-from: #15803d var(--tw-gradient-from-position);--tw-gradient-to: rgb(21 128 61 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-800:hover{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.hover\:to-green-800:hover{--tw-gradient-to: #166534 var(--tw-gradient-to-position)}.hover\:text-blue-200:hover{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-green-900:hover{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:transparent}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:inline{display:inline}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}