.predictive-search{position:relative;min-width:0}.search-suggestions{position:absolute;z-index:30;top:calc(100% + 8px);left:0;width:100%;overflow:hidden;border:1px solid #d7e1e9;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(8,45,77,.18)}.search-suggestions a{display:flex;gap:12px;align-items:center;padding:11px;border-bottom:1px solid #edf1f4}.search-suggestions a:hover{background:#f4f8fb}.search-suggestions img{width:48px;height:48px;object-fit:contain}.search-suggestions span,.search-suggestions strong,.search-suggestions small{display:block}.search-suggestions small{margin-top:2px;color:var(--brand);font-weight:700}.search-suggestions p{margin:0;padding:16px;color:var(--muted)}.collection-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px}.collection-filters{align-self:start;position:sticky;top:18px;padding:18px;border:1px solid #dce5ec;border-radius:16px;background:#f8fbfd}.collection-filters details{padding:12px 0;border-bottom:1px solid #dce5ec}.collection-filters summary{font-weight:750;cursor:pointer}.filter-option{display:flex;gap:8px;align-items:flex-start;margin-top:9px;font-size:.9rem}.price-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.price-filter input,.collection-toolbar select{min-width:0;padding:8px;border:1px solid #c7d3dd;border-radius:8px}.collection-filters .button{width:100%;margin-top:16px}.clear-filters{display:block;margin-top:10px;text-align:center;color:var(--brand);font-weight:700}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding:11px 14px;border-radius:11px;background:#f2f7fa}.compatibility-band{margin:20px 0;padding:44px 0;color:#fff;background:linear-gradient(120deg,#082d4d,#0e668e)}.compatibility-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.compatibility-layout h2{margin:.4rem 0;font-size:2.25rem}.compatibility-layout p{color:#d8e8f2}.compatibility-form{padding:22px;border-radius:18px;color:#17324d;background:#fff}.compatibility-form label{display:block;margin-bottom:8px;font-weight:750}.compatibility-form>div{display:flex;gap:8px}.compatibility-form input{width:100%;min-width:0;padding:13px;border:1px solid #b9c9d6;border-radius:9px}.compatibility-form small{display:block;margin-top:8px;color:#647888}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-grid a{display:grid;place-items:center;min-height:92px;padding:15px;border:1px solid #dce5ec;border-radius:14px;color:#17324d;background:#fff;box-shadow:0 8px 24px rgba(8,45,77,.06);font-weight:800;letter-spacing:.05em}.brand-grid a:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}.promo-packs{padding:42px 0;background:linear-gradient(135deg,#f0f6fb,#f7f2ff)}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pack-grid a{padding:24px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#0b4168,#0b7195);box-shadow:0 14px 30px rgba(8,45,77,.12)}.pack-grid a:nth-child(2){background:linear-gradient(145deg,#403988,#675ab8)}.pack-grid a:nth-child(3){background:linear-gradient(145deg,#09604e,#11836a)}.pack-grid strong,.pack-grid span{display:block}.pack-grid strong{font-size:1.18rem}.pack-grid span{margin-top:6px;color:rgba(255,255,255,.8)}@media(max-width:900px){.collection-layout{grid-template-columns:1fr}.collection-filters{position:static}.compatibility-layout{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.compatibility-form>div{flex-direction:column}.compatibility-form .button{width:100%}.brand-grid{grid-template-columns:repeat(2,1fr)}.pack-grid{grid-template-columns:1fr}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:8px}}
