@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#c00;--primary-hover:#a30000;--secondary:#000;--background:#fff;--surface:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--radius:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23e5e7eb' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");font-family:Inter,sans-serif;line-height:1.6}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.navbar{z-index:50;background-color:rgba(var(--surface), .8);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}@media (max-width:1024px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:block!important}}@media (max-width:768px){.container{padding:0 20px!important}h1{font-size:2rem!important}h2{font-size:1.6rem!important}h3{font-size:1.3rem!important}section{padding:40px 0!important}.grid-2-cols{grid-template-columns:1fr!important}}@media (max-width:480px){.container{padding:0 16px!important}h1{font-size:1.8rem!important;line-height:1.2!important}h2{font-size:1.4rem!important}p{font-size:.9rem!important}.mobile-hide{display:none!important}.btn{width:100%!important;padding:14px 20px!important}input,select,button{font-size:16px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding:40px 0;display:grid}@media (max-width:640px){.products-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;padding:16px 0!important}.sticky-toolbar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;box-shadow:0 4px 12px #0000001a;background-color:#fffffff2!important;margin-bottom:24px!important;position:sticky!important}}.product-card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.product-image-container{aspect-ratio:1;background-color:#f1f5f9;width:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.product-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:12px;font-size:1.125rem;font-weight:600;display:-webkit-box;overflow:hidden}.product-price-row{align-items:center;gap:12px;margin-bottom:20px;display:flex}.product-price{color:var(--primary);font-size:1.25rem;font-weight:800}.product-price-old{color:var(--text-muted);font-size:1rem;text-decoration:line-through}.product-buy-btn{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.service-icon-hover:hover{transform:translateY(-5px);color:var(--primary)!important;background-color:#e2e8f0!important}
