:root{--primary:#1a3a52;--primary-dark:#0f2438;--accent:#2563eb;--accent-light:#3b82f6;--text-dark:#1a1a1a;--text-light:#555;--bg-light:#f8f6f1;--bg-alt:#faf9f7;--white:#fff;--border:#e5ddd0;--shadow:0 2px 8px #1a3a5214;--shadow-lg:0 8px 24px #1a3a521f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,San Francisco,Helvetica Neue,Arial,sans-serif;font-size:16px}body{color:#1a1a1a;background:#faf9f7;margin:0;padding:0}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:700}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.5rem}h4{font-size:1.2rem}p{color:var(--text-light);margin:0;line-height:1.6}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.header{z-index:1000;background:#fff;border-bottom:1px solid #e5ddd0;transition:all .3s;position:sticky;top:0;box-shadow:0 1px 3px #1a3a5214}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex}.logo-section{align-items:center;gap:1rem;animation:.6s slideInLeft;display:flex}.logo-image{object-fit:contain;width:auto;height:60px;transition:all .3s}.logo-image:hover{transform:scale(1.05)}.logo-text{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.franchise-text{color:#2563eb;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.3rem;font-size:.65rem;font-weight:500;line-height:1;display:block}.company-name{color:#1a3a52;letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:700;line-height:1.1}.nav-desktop{display:none}.nav-list{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:#1a1a1a;padding:.5rem 0;font-size:.95rem;font-weight:400;text-decoration:none;transition:all .3s;position:relative}.nav-list a:hover{color:#2563eb}.nav-list a:after{content:"";background:#2563eb;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-list a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:6px;transition:all .3s;display:flex}.hamburger span{transform-origin:50%;background:#1a3a52;border-radius:999px;width:28px;height:3px;transition:transform .3s,opacity .3s,background .3s;display:block}.hamburger.active span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.nav-mobile{opacity:0;visibility:hidden;background:#faf9f7;border-bottom:1px solid #e5ddd0;flex-direction:column;max-height:0;padding:0 1rem;transition:max-height .3s,opacity .3s,padding .3s;display:flex;position:absolute;top:70px;left:0;right:0;overflow:hidden;box-shadow:0 2px 8px #1a3a5214}.nav-mobile.active{opacity:1;visibility:visible;max-height:360px;padding:2rem 1rem}.nav-list-mobile{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-list-mobile a{color:#1a1a1a;border-left:2px solid #0000;padding:.75rem 1rem;font-size:1rem;font-weight:400;text-decoration:none;transition:all .3s;display:block}.nav-list-mobile a:hover{color:#2563eb;border-left-color:#2563eb;padding-left:1.5rem}@media (width>=769px){.nav-desktop{display:flex}.hamburger,.nav-mobile{display:none}.nav-list{gap:3rem}.nav-list a{font-size:1rem}}@media (width<=768px){.header-container{padding:.75rem 1.5rem}.logo-image{height:50px}.company-name{font-size:.85rem}.franchise-text{font-size:.55rem}.logo-section{gap:.75rem}.nav-list{gap:1.5rem}.nav-list a{font-size:.85rem}}@media (width<=480px){.header-container{padding:.5rem 1rem}.logo-image{height:40px}.company-name{letter-spacing:.5px;font-size:.75rem}.franchise-text{font-size:.5rem}.logo-section{gap:.5rem}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.footer{color:#f8fafc;background:#364552;border-top:1px solid #ffffff14;margin-top:5rem;padding:3rem 2rem 2rem;animation:.8s slideInUp}.footer-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto 2rem;display:grid}.footer-section{animation:.8s forwards fadeIn}.footer-section:first-child{animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section h3{color:#f8fafc;margin-bottom:1rem;font-size:1.5rem;transition:all .3s}.footer-section h4{color:#f8fafc;border-bottom:1px solid #f8fafc29;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;transition:all .3s}.footer-section p{color:#d1d5db;margin:.5rem 0;line-height:1.8;transition:all .3s}.address p{color:#d1d5db;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.footer-section a{color:#60a5fa;text-decoration:none;transition:all .3s;position:relative}.footer-section a:hover{color:#93c5fd}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin:.75rem 0}.footer-links a{border-left:2px solid #0000;padding:.5rem 0 .5rem .5rem;transition:all .3s;display:inline-block}.footer-links a:hover{border-left-color:#2563eb;padding-left:1rem}.footer-bottom{text-align:center;color:#cbd5e1;border-top:1px solid #ffffff14;padding-top:2rem;font-size:.9rem;transition:all .3s}.footer-bottom p{color:#fff;margin:0}@media (width<=768px){.footer{margin-top:3rem;padding:2rem 1rem 1.5rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section h3,.footer-section h4{font-size:1rem}.footer-section p,.address p{font-size:.9rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{text-align:center;color:#fff;background-image:linear-gradient(#0a1222d1,#0a122259),url(https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1600&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:8rem 2rem;animation:20s linear infinite moveBackground,.8s fadeInDown;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 40%,#2563eb24 0%,#0000 40%),radial-gradient(circle at 80% 80%,#ffffff14 0%,#0000 35%);position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-title{color:#fff;margin-bottom:1rem;font-size:3.5rem;font-weight:700;animation:.8s slideUp}.hero-subtitle{color:#ffffffd9;margin-bottom:2rem;font-size:1.3rem;font-weight:400;animation:.8s .2s both slideUp}@keyframes moveBackground{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}.cta-button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;animation:.8s .4s both slideUp;box-shadow:0 0 24px #dc262673}.cta-button:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 0 28px #dc26268c}.cta-button:active{background:#991b1b;transform:translateY(0)}.section{padding:5rem 2rem;animation:.8s fadeIn}.section-title{text-align:start;background:linear-gradient(135deg,#1a3a52 0%,#2563eb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700;animation:.6s slideInDown}.section-description{color:#64748b;text-align:center;max-width:760px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.8}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.categories-grid,.products-grid{gap:1.5rem;display:grid}.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-auto-rows:1fr}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{color:#0f172a;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.5rem;font-weight:700;text-decoration:none;transition:transform .25s,border-color .25s;display:block;box-shadow:0 12px 30px #0f172a0f}.category-card:hover{border-color:#2563eb;transform:translateY(-4px)}.products-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.product-card-link{color:inherit;text-decoration:none;display:block}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;min-height:100%;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 18px 40px #0f172a14}.product-card-link:hover .product-card,.product-card:hover{border-color:#2563eb;transform:translateY(-6px);box-shadow:0 26px 50px #0f172a24}.product-image{background:#f8fafc;justify-content:center;align-items:center;height:220px;min-height:220px;max-height:220px;display:flex;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.product-body{flex-direction:column;flex:1;gap:.85rem;min-height:220px;padding:1.5rem;display:flex}.product-card:hover .product-image img{transform:scale(1.05)}.product-body{flex-direction:column;flex:1;justify-content:space-between;gap:.85rem;padding:1.5rem;display:flex}.product-name{color:#0f172a;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:3rem;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-merchant{color:#475569;font-size:.95rem}.product-price{color:#dc2626;margin-top:auto;font-size:1.3rem;font-weight:700}.product-discount{color:#047857;font-size:.95rem}.buy-now-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:.95rem 1.25rem;font-weight:700;transition:background .3s,transform .25s}.buy-now-button:hover{background:#1d4ed8;transform:translateY(-1px)}.loader,.error-message,.empty-state{text-align:center;padding:2rem 0;font-size:1.05rem}.error-message{color:#b91c1c}.why-choose-section{background:#fff}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;background:#fff;border:1px solid #e5ddd0;border-radius:12px;padding:2rem;transition:all .3s;animation:.6s slideInUp;box-shadow:0 2px 8px #1a3a5214}.feature-card:hover{border-color:#2563eb;box-shadow:0 8px 24px #1a3a521f}.feature-icon{margin-bottom:1rem;font-size:3rem;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.15)rotate(-5deg)}.feature-card h3{color:#1a3a52;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.feature-card p{color:#555;font-size:.95rem;line-height:1.6}.services-section{background:#f8f6f1}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.service-card{color:#1a1a1a;background:#fff;border:1px solid #e5ddd0;border-radius:12px;padding:2.5rem;transition:all .3s;animation:.6s slideInUp;position:relative;overflow:hidden;box-shadow:0 2px 8px #1a3a5214}.service-card:before{content:"";background:linear-gradient(90deg,#1a3a52,#2563eb);height:3px;transition:transform .3s;position:absolute;top:-2px;left:0;right:0;transform:translate(-100%)}.service-card:hover:before{transform:translate(0)}.service-card:hover{border-color:#2563eb;box-shadow:0 8px 24px #1a3a521f}.service-card h3{z-index:1;color:#1a3a52;margin-bottom:1rem;font-size:1.3rem;font-weight:600;position:relative}.service-card p{z-index:1;color:#555;font-size:.95rem;font-weight:400;line-height:1.6;position:relative}.mission-section{background:#fff}.mission-content{max-width:800px;margin:0 auto}.mission-text{color:#333;text-align:center;margin-bottom:2rem;font-size:1.1rem;line-height:1.8;animation:.8s fadeIn}.mission-values{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;display:grid}.value{text-align:center;background:linear-gradient(135deg,#f8f6f1 0%,#faf9f7 100%);border:1px solid #e5ddd0;border-radius:12px;padding:2rem;transition:all .3s;animation:.6s slideInUp;box-shadow:0 2px 8px #1a3a5214}.value:hover{background:#fff;border-color:#2563eb;box-shadow:0 8px 24px #1a3a521f}.value h4{color:#1a3a52;margin-bottom:.75rem;font-size:1.2rem;font-weight:600}.value p{color:#555;font-size:.95rem;line-height:1.6}@media (width<=768px){.hero-section{padding:4rem 1.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section{padding:3rem 1.5rem}.section-title{font-size:2rem}.container{padding:0 1.5rem}.features-grid,.services-grid,.mission-values{grid-template-columns:1fr}.feature-card,.service-card,.value{padding:1.5rem}.service-card{min-height:auto}}@media (width<=480px){.hero-section{padding:3rem 1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.cta-button{padding:.8rem 2rem;font-size:1rem}.section{padding:2rem 1rem}.section-title{font-size:1.5rem}.container{padding:0 1rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}