:root{--color-primary:#1e88e5;--color-primary-dark:#1565c0;--color-primary-light:#42a5f5;--color-background:#fff;--color-surface:#f8f9fa;--color-text-primary:#1a1a1a;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-border:#e2e8f0;--color-shadow:#0000001a;--color-overlay:#00000080;--font-primary:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Roboto",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--nav-height:80px;--container-max:1280px;--border-radius:12px;--border-radius-sm:8px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-very-slow:800ms ease;--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 6px var(--color-shadow);--shadow-lg:0 10px 20px var(--color-shadow);--shadow-xl:0 20px 40px var(--color-shadow)}[data-theme=dark]{--color-primary:#42a5f5;--color-primary-dark:#1e88e5;--color-primary-light:#64b5f6;--color-background:#0f1419;--color-surface:#1a1f2e;--color-text-primary:#f7fafc;--color-text-secondary:#cbd5e0;--color-text-muted:#a0aec0;--color-border:#2d3748;--color-shadow:#0000004d;--color-overlay:#000000b3}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--color-background);color:#1a1a1a;color:var(--color-text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.6;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-base),color var(--transition-base)}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.section{padding:4rem 1.5rem;padding:var(--space-3xl) var(--space-lg)}.container{margin:0 auto;max-width:1280px;max-width:var(--container-max)}.section-header{margin-bottom:4rem;margin-bottom:var(--space-3xl);text-align:center}.section-title{color:#1a1a1a;color:var(--color-text-primary);font-family:Roboto,sans-serif;font-family:var(--font-display);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.section-subtitle{color:#4a5568;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin:0 auto;max-width:600px}@media (min-width:768px){.section{padding:4rem 2rem;padding:var(--space-3xl) var(--space-xl)}.section-title{font-size:2.25rem;font-size:var(--text-4xl)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav{background-color:var(--color-background);border-bottom:1px solid var(--color-border);height:var(--nav-height);position:-webkit-sticky;position:sticky;top:0;transition:background-color var(--transition-base),border-color var(--transition-base);z-index:1000}.nav-container{align-items:center;display:flex;gap:var(--space-xl);height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max);padding:0 var(--space-lg)}.nav-logo{height:40px;transition:opacity var(--transition-fast)}.nav-logo:hover{opacity:.8}.nav-menu{align-items:center;display:none;gap:var(--space-xl);list-style:none}.nav-link{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;position:relative;transition:color var(--transition-fast)}.nav-link.active,.nav-link:hover{color:var(--color-primary)}.nav-link.active:after{background-color:var(--color-primary);bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.nav-search{display:none;position:relative}.nav-search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);padding-left:var(--space-2xl);transition:all var(--transition-fast);width:240px}.nav-search-input:focus{background-color:var(--color-background);border-color:var(--color-primary);outline:none}.nav-search-icon{color:var(--color-text-muted);left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.nav-contact{display:none;flex-direction:column;font-size:var(--text-sm);gap:var(--space-xs)}.nav-contact-item{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-sm);transition:color var(--transition-fast)}.nav-contact-icon,.nav-contact-item:hover{color:var(--color-primary)}.nav-contact-icon{height:16px;width:16px}.nav-right{align-items:center;display:flex;gap:var(--space-md)}.nav-search-mobile{display:block;position:relative}.nav-search-mobile .nav-search-input{width:180px}.mobile-menu{animation:slideDown var(--transition-base);background-color:var(--color-background);bottom:0;display:none;left:0;overflow-y:auto;padding:var(--space-xl);position:fixed;right:0;top:var(--nav-height);z-index:999}.mobile-menu.active{display:block}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-lg);list-style:none;margin-bottom:var(--space-2xl)}.mobile-nav-link{color:var(--color-text-primary);display:block;font-size:var(--text-lg);font-weight:500;padding:var(--space-md) 0}.mobile-contact,.mobile-nav-link{border-bottom:1px solid var(--color-border)}.mobile-contact{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-2xl)}.mobile-theme-toggle{display:flex;justify-content:center}.theme-toggle-btn{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-base);font-weight:500;gap:var(--space-md);padding:var(--space-md) var(--space-xl);transition:all var(--transition-fast)}.theme-toggle-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.theme-toggle-btn svg{color:var(--color-primary);transition:color var(--transition-fast)}.theme-toggle-btn:hover svg{color:#fff}@media (min-width:1024px){.nav-menu{display:flex}.nav-search{display:block}.nav-contact{display:flex}.nav-right{display:none}}@media (min-width:768px) and (max-width:1023px){.nav-search-mobile .nav-search-input{width:200px}}.theme-toggle-desktop{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;display:none;height:40px;justify-content:center;padding:var(--space-sm);transition:all var(--transition-fast);width:40px}.theme-toggle-desktop:hover{background:var(--color-primary);border-color:var(--color-primary)}.theme-toggle-desktop svg{color:var(--color-text-primary);transition:color var(--transition-fast)}.theme-toggle-desktop:hover svg{color:#fff}.hamburger{background:#0000;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;padding:var(--space-sm);position:relative;width:40px;z-index:1001}.hamburger-line{background-color:var(--color-text-primary);height:2px;transition:all var(--transition-base);width:100%}.hamburger.active .hamburger-line:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (min-width:1024px){.nav-menu{display:flex}.nav-search{display:block}.nav-contact,.theme-toggle-desktop{display:flex}.nav-right{display:none}}.search-icon-btn{background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-sm);transition:color var(--transition-fast)}.search-icon-btn:hover{color:var(--color-primary)}.mobile-search-bar{animation:slideDown var(--transition-base);background-color:var(--color-background);border-bottom:1px solid var(--color-border);left:0;padding:var(--space-md) var(--space-lg);position:absolute;right:0;top:var(--nav-height);z-index:998}.mobile-search-bar form{display:flex;gap:var(--space-sm);margin:0 auto;max-width:var(--container-max)}.mobile-search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-primary);flex:1 1;font-size:var(--text-base);padding:var(--space-sm) var(--space-md)}.mobile-search-input:focus{border-color:var(--color-primary);outline:none}.mobile-search-submit{background-color:var(--color-primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;padding:var(--space-sm) var(--space-md);transition:background-color var(--transition-fast)}.mobile-search-submit:hover{background-color:var(--color-primary-dark)}@media (min-width:1024px){.mobile-search-bar,.search-icon-btn{display:none}}.nav-search-mobile{display:none}.hero{height:600px;overflow:hidden}.carousel,.hero{position:relative}.carousel{height:100%;width:100%}.carousel-track{display:flex;height:100%;transition:transform var(--transition-very-slow)}.carousel-slide{height:100%;min-width:100%;position:relative}.carousel-image{height:100%;object-fit:cover;width:100%}.carousel-overlay{align-items:flex-end;background:linear-gradient(to bottom,#0000 40%,var(--color-overlay));display:flex;inset:0;justify-content:center;padding:var(--space-2xl);position:absolute}.carousel-text{color:#fff;max-width:1000px;text-align:center}.carousel-headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-md);text-shadow:0 2px 10px #00000080}.carousel-subheadline{font-size:var(--text-lg);font-weight:300;text-shadow:0 1px 5px #00000080}.carousel-controls{bottom:var(--space-lg);display:flex;gap:var(--space-md);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.carousel-dot{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all var(--transition-fast);width:12px}.carousel-dot.active{background-color:#fff;transform:scale(1.3)}.carousel-arrow{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all var(--transition-fast);width:50px;z-index:10}.carousel-arrow:hover{background-color:#fff;transform:translateY(-50%) scale(1.1)}.carousel-arrow-left{left:var(--space-xl)}.carousel-arrow-right{right:var(--space-xl)}@media (min-width:768px){.hero{height:700px}.carousel-headline{font-size:var(--text-5xl)}.carousel-subheadline{font-size:var(--text-xl)}}.categories-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(2,1fr);margin-bottom:var(--space-3xl)}@media (min-width:768px){.categories-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.categories-grid{grid-template-columns:repeat(4,1fr)}}.category-card{animation:fadeInUp var(--transition-slow) ease-out;animation-fill-mode:both;cursor:pointer;transition:transform var(--transition-base)}.category-card:hover{transform:translateY(-8px)}.category-image-wrapper{background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;padding-top:100%;position:relative;transition:box-shadow var(--transition-base);width:100%}.category-card:hover .category-image-wrapper{box-shadow:var(--shadow-lg)}.category-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-slow);width:100%}.category-card:hover .category-image{transform:scale(1.05)}.category-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin-top:var(--space-md);text-align:center}.modal-overlay{animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--color-overlay);display:none;inset:0;position:fixed;z-index:2000}.modal-overlay.active{align-items:center;display:flex;justify-content:center;padding:var(--space-xl)}.modal{animation:scaleIn var(--transition-base);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:100%}.modal,.modal-close{background-color:var(--color-background);display:flex}.modal-close{align-items:center;border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;height:40px;justify-content:center;position:absolute;right:var(--space-lg);top:var(--space-lg);transition:all var(--transition-fast);width:40px;z-index:10}.modal-close:hover{background-color:var(--color-primary);transform:rotate(90deg)}.modal-close:hover svg{color:#fff}.modal-image{border-radius:var(--border-radius) var(--border-radius) 0 0;height:400px;object-fit:cover;width:100%}.modal-content{padding:var(--space-2xl)}.modal-body{overflow-y:auto}.modal-header{color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-lg)}.modal-text{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.8}.bestsellers-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:var(--space-lg);scrollbar-color:var(--color-primary) var(--color-surface);scrollbar-width:thin}.bestsellers-scroll::-webkit-scrollbar{height:8px}.bestsellers-scroll::-webkit-scrollbar-track{background:var(--color-surface);border-radius:4px}.bestsellers-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.bestsellers-grid{display:flex;gap:var(--space-xl);min-width:-webkit-min-content;min-width:min-content}.product-card{background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);min-width:280px;overflow:hidden;transition:all var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{background-color:var(--color-border);height:280px;width:100%}.product-info{padding:var(--space-lg)}.product-name{color:var(--color-text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.product-price{color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}@media (min-width:1024px){.bestsellers-grid{display:grid;grid-template-columns:repeat(4,1fr)}.product-card{min-width:auto}.bestsellers-scroll{overflow-x:visible}}.why-choose-us{background-color:var(--color-surface)}.usps-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(2,1fr)}@media (min-width:768px){.usps-grid{gap:var(--space-3xl)}}.usp-card{padding:var(--space-xl);text-align:center}.usp-number{color:var(--color-primary);font-family:var(--font-display);font-size:5rem;font-weight:700;line-height:1;margin-bottom:var(--space-md);text-shadow:2px 2px 0 var(--color-border)}.usp-text{color:var(--color-text-secondary);font-size:var(--text-lg);font-weight:500}.contact{background-color:var(--color-background)}.contact-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr;margin:0 auto;max-width:600px}@media (min-width:640px){.contact-grid{grid-template-columns:repeat(2,1fr)}}.contact-card{background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--space-xl);text-align:center;transition:all var(--transition-base)}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-icon{color:var(--color-primary);height:48px;margin:0 auto var(--space-md);width:48px}.contact-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;letter-spacing:1px;margin-bottom:var(--space-sm);text-transform:uppercase}.contact-value{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:600;word-break:break-all}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2xl) var(--space-lg);text-align:center}.footer-text{color:var(--color-text-muted);font-size:var(--text-sm)}
/*# sourceMappingURL=main.4433e658.css.map*/