/* tyres/index — extracted page styles */
.tk-ty-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1f2a44,#0a7d3f);color:#fff;border-radius:18px;padding:2rem 1.9rem;margin-bottom:1.5rem}
.tk-ty-hero:after{content:"\f1b9";font-family:FontAwesome;position:absolute;right:1.4rem;bottom:-1.3rem;font-size:8rem;opacity:.08}
.tk-ty-hero .kicker{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.9}
.tk-ty-hero h1{font-size:1.8rem;margin:.3rem 0 .3rem;color:#fff}
.tk-ty-hero p{margin:0;opacity:.92;max-width:640px;font-size:.93rem}
.tk-ty-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1.2rem}
.tk-ty-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:#475569;background:#fff;border:1px solid var(--tk-line);border-radius:24px;padding:.4rem .9rem;text-decoration:none;transition:.15s}
.tk-ty-chip:hover{border-color:var(--tk-green);color:var(--tk-green)}
.tk-ty-chip.active{background:var(--tk-green);color:#fff;border-color:transparent}
/* Borderless filter row so the inputs line up flush with the brand chips/hero
   below (the old bordered card inset the search box and broke the alignment). */
.tk-ty-filterbar{background:transparent;border:0;border-radius:0;padding:0;margin-bottom:1rem}
.tk-ty-filterbar .form-select,.tk-ty-filterbar .form-control{font-size:.9rem;height:46px}
.tk-ty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem}
.tk-ty-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tk-line);border-radius:14px;overflow:hidden;transition:.18s;text-decoration:none}
.tk-ty-card:hover{box-shadow:0 12px 28px rgba(20,40,25,.1);transform:translateY(-4px)}
.tk-ty-card__media{position:relative;aspect-ratio:1/1;background:#f6f8f6;display:flex;align-items:center;justify-content:center;padding:1rem}
.tk-ty-card__media img{max-width:100%;max-height:100%;object-fit:contain;transition:.3s}
.tk-ty-card:hover .tk-ty-card__media img{transform:scale(1.05)}
.tk-ty-card__pos{position:absolute;top:.6rem;left:.6rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .55rem;border-radius:20px;color:#fff}
.tk-ty-card__pos.front{background:#2563eb}.tk-ty-card__pos.rear{background:#b9770e}
.tk-ty-card__body{padding:.85rem 1rem 1rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.tk-ty-card__brand{font-size:.72rem;font-weight:700;color:var(--tk-green);text-transform:uppercase;letter-spacing:.03em}
.tk-ty-card__title{font-size:.92rem;font-weight:700;line-height:1.3;color:var(--tk-dark);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-ty-card__size{font-size:.8rem;color:var(--tk-muted)}
.tk-ty-card__foot{margin-top:auto;padding-top:.5rem;display:flex;align-items:center;justify-content:space-between}
.tk-ty-card__price{font-weight:800;color:var(--tk-dark);font-size:.95rem}
.tk-ty-card__cta{font-size:.78rem;font-weight:700;color:var(--tk-green)}
@media(max-width:520px){.tk-ty-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}}