:root {
  --otf-accent:#01274e;
  --otf-map-bg:#fff;
  --otf-text:#0f1720;
  --otf-muted:#5f6b78;
  --otf-border:#e3e6eb;
  --otf-gold:#b08a3e;
  --otf-surface:#fff;
  --otf-surface-alt:#f5f7f9;
}
.otf-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.otf-product{overflow:hidden;border:1px solid var(--otf-border);border-radius:18px;background:var(--otf-map-bg)}
.otf-product__image{display:grid;place-items:center;aspect-ratio:1/1;overflow:hidden;background:var(--otf-surface-alt)}
.otf-product__image img{width:100%;height:100%;object-fit:cover}.otf-product__body{padding:16px}
.otf-product h4{min-height:42px;margin:0 0 12px;font-size:16px;line-height:1.3}.otf-product h4 a{color:var(--otf-text);text-decoration:none}
.otf-product__footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.otf-product__footer strong{font-size:16px}.otf-product__footer a{color:var(--otf-accent);font-size:12px;font-weight:800;text-decoration:none}
.otf-no-products{grid-column:1/-1;padding:28px;border:1px dashed var(--otf-border);border-radius:16px;background:var(--otf-map-bg);text-align:center}
.otf-product-race-link{--otf-accent:#01274e;--otf-map-bg:#fff;--otf-text:#0f1720;--otf-muted:#5f6b78;--otf-border:#e3e6eb;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;padding:12px 14px;border:1px solid var(--otf-border);border-radius:12px;background:var(--otf-map-bg)}
.otf-product-race-link span{color:var(--otf-muted);font-size:13px}.otf-product-race-link strong{color:var(--otf-text)}.otf-product-race-link a{color:var(--otf-accent);font-size:13px;font-weight:800;text-decoration:none}
.otf-personalisation-page{max-width:1280px;margin:0 auto;padding:28px 0 60px}.otf-personalisation-back{display:inline-block;margin-bottom:28px;color:var(--otf-text);font-size:14px;font-weight:700;text-decoration:none}.otf-personalisation-head{margin-bottom:28px}.otf-personalisation-head span{display:block;margin-bottom:8px;color:var(--otf-gold);font-size:12px;font-weight:800;letter-spacing:.18em}.otf-personalisation-head h1{margin:0;color:var(--otf-accent);font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.04em}
.otf-special-page{max-width:1280px;margin:0 auto;padding:28px 16px 60px;color:var(--otf-text)}.otf-special-back{display:inline-flex;margin-bottom:28px;color:var(--otf-accent);font-weight:800;text-decoration:none}.otf-special-head{margin-bottom:28px}.otf-special-head span{display:block;margin-bottom:7px;color:#b08a3e;font-size:11px;font-weight:800;letter-spacing:.16em}.otf-special-head h1{margin:0;color:var(--otf-accent);font-size:clamp(36px,5vw,62px);line-height:1}.otf-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.otf-special-card{display:flex;flex-direction:column;min-height:155px;padding:22px;border:1px solid var(--otf-border);border-radius:18px;background:var(--otf-map-bg);color:var(--otf-text);text-decoration:none!important;transition:.18s}.otf-special-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(1,39,78,.09)}.otf-special-card__city{color:var(--otf-muted);font-size:12px}.otf-special-card strong{margin:8px 0 auto;color:var(--otf-accent);font-size:21px}.otf-special-card__cta{margin-top:16px;color:var(--otf-accent);font-size:12px;font-weight:800}
.otf-seo-page{max-width:1280px;margin:0 auto;padding:30px 0 60px;color:var(--otf-text)}.otf-seo-back{display:inline-flex;align-items:center;gap:8px;margin-bottom:26px;padding:9px 14px;border:1px solid var(--otf-border);border-radius:999px;background:var(--otf-surface);color:var(--otf-text);font-size:13px;font-weight:700;text-decoration:none}.otf-seo-head{margin-bottom:26px}.otf-seo-head span{display:block;margin-bottom:7px;color:var(--otf-accent);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.otf-seo-head h1{margin:0;color:var(--otf-accent);font-size:clamp(36px,5vw,62px);line-height:1;letter-spacing:-.04em}.otf-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.otf-seo-card{display:flex;flex-direction:column;gap:9px;padding:22px;border:1px solid var(--otf-border);border-radius:18px;background:var(--otf-surface);color:var(--otf-text);text-decoration:none;transition:.18s}.otf-seo-card:hover{transform:translateY(-2px);border-color:var(--otf-accent);box-shadow:0 12px 30px rgba(17,24,32,.07)}.otf-seo-card strong{font-size:18px}.otf-seo-card span{color:var(--otf-accent);font-size:12px;font-weight:800}
@media(max-width:1100px){.otf-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.otf-products{grid-template-columns:repeat(2,minmax(0,1fr))}.otf-special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.otf-products,.otf-special-grid,.otf-seo-grid{grid-template-columns:1fr}.otf-personalisation-page,.otf-seo-page{padding-left:10px;padding-right:10px}}