@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--font-display:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--petlas-red:#e30613;--petlas-red-hover:#c20510;--petlas-navy:#0f1a3c;--petlas-navy-light:#182855;--bg-light:#f4f6f9;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-light);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--petlas-red)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.navbar{box-shadow:var(--shadow-sm);border-bottom:3px solid var(--petlas-red);z-index:100;background:#fff;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:90px;display:flex}.top-bar-sponsor{background:var(--petlas-navy);color:#fff;text-align:center;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;padding:8px 0;font-size:.75rem;font-weight:700}.hero-banner{color:#fff;background-image:linear-gradient(#0f1a3ccc,#0f1a3cf2),url(https://images.unsplash.com/photo-1619642751034-765dfdf7c58e?auto=compress&cs=tinysrgb&w=1200);background-position:50%;background-size:cover;padding:5rem 0;position:relative;overflow:hidden}.search-widget-panel{box-shadow:var(--shadow-lg);color:var(--text-primary);border:1px solid var(--border-color);background:#fff;border-radius:12px;width:100%;max-width:900px;margin:0 auto;padding:2rem}.tab-button-group{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;display:flex}.tab-button{color:var(--text-secondary);padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .3s;position:relative}.tab-button.active{color:var(--petlas-red)}.tab-button.active:after{content:"";background:var(--petlas-red);height:2px;position:absolute;bottom:-2px;left:0;right:0}.responsive-grid-3{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.responsive-grid-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;display:grid}.tire-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.tire-card:hover{box-shadow:var(--shadow-lg);border-color:var(--petlas-red);transform:translateY(-4px)}.eu-label-badge{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex}.eu-rating-box{font-family:var(--font-display);text-align:center;background:#fff;border:1px solid #94a3b8;border-radius:4px;flex-direction:column;gap:2px;width:50px;padding:6px;font-size:.85rem;font-weight:800;display:flex}.btn{border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:var(--petlas-red);color:#fff}.btn-primary:hover{background:var(--petlas-red-hover);box-shadow:0 4px 12px #e3061333}.btn-navy{background:var(--petlas-navy);color:#fff}.btn-navy:hover{background:var(--petlas-navy-light);box-shadow:0 4px 12px #0f1a3c33}.btn-outline{border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--petlas-red);color:var(--petlas-red)}.service-card{border:1px solid var(--border-color);background:#fff;border-radius:12px;flex-direction:column;gap:1rem;padding:2rem;transition:all .3s;display:flex}.service-card:hover{border-color:var(--petlas-red);box-shadow:var(--shadow-md)}.search-select{border:1px solid var(--border-color);width:100%;color:var(--text-primary);background-color:#fff;border-radius:8px;outline:none;padding:12px;font-size:.9rem;font-weight:500;transition:border .3s}.search-select:focus{border-color:var(--petlas-red)}.responsive-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}@media (width<=992px){.navbar-inner{flex-direction:column;align-items:center;gap:1.25rem;height:auto;padding:1.25rem 1rem}.navbar-menu{flex-direction:column;width:100%;gap:1rem!important}.navbar-links{flex-wrap:wrap;justify-content:center;width:100%;gap:1.25rem!important}.navbar-btn{width:100%;max-width:280px}}@media (width<=768px){.hero-banner{padding:3.5rem 0}.hero-banner h1{font-size:2.2rem!important}.hero-banner p{font-size:.95rem!important}.responsive-grid-3,.responsive-grid-4{grid-template-columns:1fr}.responsive-grid-2{grid-template-columns:1fr!important;gap:1.5rem!important}.search-widget-panel{padding:1.25rem}.search-widget-panel div[style*="display: grid"]{grid-template-columns:1fr!important;gap:1rem!important}.tab-button-group{flex-wrap:wrap;justify-content:center}.tab-button{text-align:center;flex:1;padding:8px 16px;font-size:.8rem}.responsive-grid-2[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}