/* OBP Allfit UI: homepage Year / Make / Model tile picker */
.obp-hp{display:none}
@media (min-width:768px){
body.obp-hp-on .obp-hp+.widget_product_vehicle_filter_widget,body.obp-hp-on .widget_product_vehicle_filter_widget.obp-hp-src{display:none!important}
body.obp-hp-on .elementor-element-5481fe3,body.obp-hp-on .elementor-element-558d335,body.obp-hp-on .elementor-element-0de90d0{display:none!important}
.obp-hp-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;width:100%;max-width:1320px;margin:0 auto;font-family:Inter,Arial,Helvetica,sans-serif;text-align:left}
.obp-hp-layout.no-news{grid-template-columns:minmax(0,1fr)}
.obp-hp-layout .obp-hp{max-width:none;display:flex;flex-direction:column}
.obp-hp-layout .obp-hp__cols{flex:1 1 auto}
.obp-hp-layout .obp-hp__list{flex:1 1 0;height:auto;min-height:236px}
.obp-hp-news{display:flex;flex-direction:column;min-width:0;padding:14px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);box-sizing:border-box}
.obp-hp-news__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.obp-hp-news__title{margin:0!important;color:#1a1a1a!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.03em;border-left:3px solid #BF3617;padding-left:8px}
.obp-hp-news__all{color:#6b7783!important;font-size:12px;text-decoration:none!important}
.obp-hp-news__all:hover{color:#262626!important;text-decoration:underline!important}
.obp-hp-news__list{display:flex;flex-direction:column;gap:8px;margin:0!important;padding:0!important;list-style:none!important}
.obp-hp-news__list li{margin:0!important;padding:0!important;list-style:none!important}
.obp-hp-news__list a{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid #e9edf2;border-radius:8px;background:#f8fafc;text-decoration:none!important;transition:border-color .12s,background .12s}
.obp-hp-news__list a:hover{border-color:#ffc72c;background:#fff6e6}
.obp-hp-news__list a:focus-visible,.obp-hp-cats a:focus-visible,.obp-hp-news__faq:focus-visible{outline:2px solid #262626;outline-offset:2px}
.obp-hp-news__meta{color:#BF3617;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.obp-hp-news__list strong{color:#1a1a1a;font-size:13px;font-weight:800;line-height:1.3}
.obp-hp-news__ex{color:#6b7783;font-size:11.5px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.obp-hp-news__empty{margin:8px 0!important;color:#6b7783;font-size:13px}
.obp-hp-news__faq{margin-top:auto;padding-top:12px;color:#BF3617!important;font-size:12px;font-weight:800;text-align:center;text-decoration:none!important}
.obp-hp-news__faq:hover{text-decoration:underline!important}
.obp-hp-cats{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:14px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.obp-hp-cats a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-radius:8px;color:#1a1a1a!important;font-size:12px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none!important;transition:background .12s}
.obp-hp-cats a:hover{background:#fff6e6}
.obp-hp-cats__img{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border:1px solid #e3e8ee;border-radius:8px;background:#fff;overflow:hidden}
.obp-hp-cats__img img{max-width:60px!important;max-height:60px!important;width:auto!important;height:auto!important;object-fit:contain}
@media (max-width:1100px){.obp-hp-layout{grid-template-columns:minmax(0,1fr)}.obp-hp-news{order:2}.obp-hp-cats{order:3;grid-template-columns:repeat(4,minmax(0,1fr))}}
body.obp-hp-on .obp-hp-host{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:auto!important;transform:none!important;box-shadow:none!important;z-index:auto!important;background:transparent!important}
.obp-hp{display:block;width:100%;max-width:1100px;margin:0 auto;padding:16px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);box-sizing:border-box;font-family:Inter,Arial,Helvetica,sans-serif;text-align:left}
.obp-hp__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.obp-hp__title{display:flex;align-items:center;gap:8px;margin:0!important;color:#1a1a1a!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.02em}
.obp-hp__mark{width:22px;height:22px;border-radius:6px;background:#262626;box-shadow:inset 0 0 0 6px #262626,inset 0 0 0 9px #ffc72c}
.obp-hp .obp-hp__reset{height:30px;padding:0 12px!important;border:1px solid #d6dee8!important;border-radius:6px;background:#f4f7fa!important;color:#1a1a1a!important;font:700 12px/1 Inter,Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:none!important}
.obp-hp .obp-hp__reset:hover{background:#e6ecf2!important}
.obp-hp__cols{display:grid;grid-template-columns:1.05fr 1fr 1.15fr;gap:12px}
.obp-hp__col{display:flex;flex-direction:column;min-width:0;border:1px solid #e3e8ee;border-radius:10px;overflow:hidden;background:#fbfcfd}
.obp-hp__col.is-year{background:#fff8ee;border-color:#f6dcb0}
.obp-hp__col.is-make{background:#f2f7fc;border-color:#fff6d6}
.obp-hp__col.is-model{background:#f1f9f4;border-color:#cde8d6}
.obp-hp__col h3{display:flex;align-items:center;gap:6px;margin:0!important;padding:9px 12px;border-bottom:1px solid rgba(0,0,0,.06);color:#1a1a1a!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-transform:uppercase;letter-spacing:.04em}
.obp-hp__col h3 span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#262626;color:#fff;font-size:11px}
.obp-hp__pick{margin-left:auto;color:#BF3617;font-style:normal;font-weight:800;text-transform:none;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.obp-hp__list{display:grid;gap:6px;padding:10px;height:236px;overflow-y:auto;align-content:start;overscroll-behavior:contain}
.obp-hp__col.is-year .obp-hp__list{grid-template-columns:repeat(4,minmax(0,1fr))}
.obp-hp__col.is-make .obp-hp__list{grid-template-columns:repeat(3,minmax(0,1fr))}
.obp-hp__col.is-model .obp-hp__list{grid-template-columns:repeat(2,minmax(0,1fr))}
.obp-hp .obp-hp__tile{min-height:32px;padding:6px 4px!important;border:1px solid #dfe5eb!important;border-radius:6px;background:#fff!important;color:#1a1a1a!important;font:700 12px/1.2 Inter,Arial,Helvetica,sans-serif;text-align:center;cursor:pointer;box-shadow:none!important;overflow:hidden;text-overflow:ellipsis;transition:border-color .12s,background .12s}
.obp-hp .obp-hp__tile:hover{border-color:#ffc72c!important;background:#fff6e6!important;color:#1a1a1a!important}
.obp-hp .obp-hp__tile.is-on,.obp-hp .obp-hp__tile.is-on:hover{border-color:#ffc72c!important;background:#ffc72c!important;color:#1b1300!important}
.obp-hp .obp-hp__tile:focus-visible,.obp-hp .obp-hp__reset:focus-visible{outline:2px solid #262626;outline-offset:1px}
.obp-hp__col.is-make .obp-hp__tile{font-size:11px;word-break:normal;overflow-wrap:normal;hyphens:none;white-space:nowrap}
.obp-hp__col.is-off .obp-hp__list{opacity:.65}
.obp-hp__hint{grid-column:1/-1;margin:24px 0 0!important;color:#6b7783;font-size:13px;text-align:center}
.obp-hp.is-going{opacity:.7;pointer-events:none}
.obp-hp__col.is-busy .obp-hp__list{opacity:.45;pointer-events:none}
.obp-hp__col.is-busy h3:after{content:"";width:12px;height:12px;margin-left:6px;border:2px solid #b8c2cc;border-top-color:#262626;border-radius:50%;animation:obp-hp-spin .7s linear infinite}
@keyframes obp-hp-spin{to{transform:rotate(360deg)}}
}