/* Otoürün V144 — referans görseldeki araç seçicinin bağımsız uygulaması */
html body .ot-fitment,html body .ot-fitment *{box-sizing:border-box}
html body .ot-fitment{display:block!important;width:100%!important;margin:0!important;padding:0 0 14px!important;background:#fff!important;visibility:visible!important}
html body .ot-fitment-container{display:block!important;width:100%!important;max-width:1440px!important;margin:0 auto!important;padding:0!important}
html body .ot-fitment-panel{
 display:grid!important;grid-template-columns:300px minmax(0,1fr) 242px!important;grid-template-rows:42px 34px!important;
 align-items:center!important;gap:8px 18px!important;width:calc(100% - 32px)!important;max-width:1368px!important;min-height:124px!important;
 margin:10px auto 0!important;padding:20px 22px!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:10px!important;
 background:linear-gradient(135deg,#101a23 0%,#0a131b 100%)!important;color:#fff!important;
 box-shadow:0 13px 30px rgba(7,17,27,.15)!important;overflow:visible!important
}
html body .ot-fitment-intro{
 grid-column:1!important;grid-row:1/3!important;display:flex!important;align-items:center!important;gap:18px!important;width:auto!important;height:84px!important;
 min-width:0!important;margin:0!important;padding:0 20px 0 0!important;border:0!important;border-right:1px solid rgba(255,255,255,.14)!important;background:transparent!important
}
html body .ot-fitment-car{
 display:grid!important;place-items:center!important;flex:0 0 68px!important;width:68px!important;height:68px!important;margin:0!important;padding:0!important;
 border:1px solid rgba(255,255,255,.29)!important;border-radius:50%!important;background:transparent!important;color:#fff!important
}
html body .ot-fitment-car svg{display:block!important;width:34px!important;height:34px!important}
html body .ot-fitment-copy{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
html body .ot-fitment-copy h2{display:block!important;margin:0!important;padding:0!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-style:italic!important;font-weight:900!important;line-height:1.06!important;letter-spacing:-.025em!important;white-space:nowrap!important}
html body .ot-fitment-copy h2 strong{display:block!important;margin-top:2px!important;color:#ff6500!important;font-size:20px!important;font-weight:950!important}
html body .ot-fitment-copy p{display:block!important;max-width:176px!important;margin:8px 0 0!important;padding:0!important;color:#cbd2da!important;font-size:10.5px!important;font-weight:450!important;line-height:1.4!important}

html body .ot-fitment-fields{
 grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:center!important;gap:14px!important;width:100%!important;height:42px!important;min-width:0!important;margin:0!important;padding:0!important
}
html body .ot-fitment-field{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important}
html body .ot-fitment-field>span{
 position:absolute!important;z-index:3!important;top:-17px!important;left:0!important;display:block!important;margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;color:#fff!important;font-size:10px!important;font-weight:750!important;line-height:14px!important
}
html body .ot-fitment-field select{
 display:block!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 34px 0 13px!important;
 border:1px solid #d8dde4!important;border-radius:6px!important;outline:0!important;background-color:#fff!important;color:#263243!important;
 font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:42px!important;
 box-shadow:none!important;opacity:1!important;visibility:visible!important;appearance:auto!important
}
html body .ot-fitment-field select:disabled{background-color:#e5e8ec!important;color:#657080!important;cursor:not-allowed!important;opacity:1!important}
html body .ot-fitment-field select:focus{border-color:#ff6500!important;box-shadow:0 0 0 3px rgba(255,101,0,.14)!important}
html body .ot-fitment-field.is-complete select{border-color:#62c079!important;box-shadow:inset 0 -2px 0 #62c079!important}

html body .ot-fitment-submit{
 grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
 width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 13px!important;border:0!important;border-radius:6px!important;
 background:#ff6500!important;background-image:none!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10.5px!important;
 font-weight:900!important;letter-spacing:.01em!important;white-space:nowrap!important;box-shadow:0 7px 17px rgba(255,101,0,.25)!important;
 opacity:1!important;visibility:visible!important;transform:none!important;cursor:pointer!important
}
html body .ot-fitment-submit:hover{background:#e95c00!important;filter:none!important;transform:translateY(-1px)!important}
html body .ot-fitment-submit:after,html body .ot-fitment-submit:before{display:none!important;content:none!important}
html body .ot-fitment-submit span{display:inline!important;font-size:16px!important;line-height:1!important}

html body .ot-fitment-bulk{
 grid-column:2/4!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:14px!important;
 width:100%!important;height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important
}
html body .ot-fitment-select-all{position:relative!important;display:flex!important;align-items:center!important;gap:7px!important;height:34px!important;margin:0!important;padding:0 11px!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:9.5px!important;font-weight:850!important;white-space:nowrap!important;cursor:pointer!important}
html body .ot-fitment-select-all input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
html body .ot-fitment-select-all>span{display:grid!important;place-items:center!important;flex:0 0 16px!important;width:16px!important;height:16px!important;margin:0!important;border:1px solid rgba(255,255,255,.65)!important;border-radius:3px!important;background:transparent!important}
html body .ot-fitment-select-all input:checked+span{border-color:#ff6500!important;background:#ff6500!important}
html body .ot-fitment-select-all input:checked+span:after{content:"✓"!important;color:#fff!important;font-size:10px!important;font-weight:900!important}
html body .ot-fitment-select-all:has(input:disabled){opacity:.55!important;cursor:not-allowed!important}
html body .ot-fitment-bulk #vff-add-selected{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:238px!important;height:34px!important;min-height:34px!important;
 margin:0!important;padding:0 13px!important;border:1px solid rgba(255,255,255,.27)!important;border-radius:6px!important;background:#0b141c!important;
 color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:9.5px!important;font-weight:900!important;white-space:nowrap!important;
 box-shadow:none!important;opacity:1!important;visibility:visible!important;cursor:pointer!important
}
html body .ot-fitment-bulk #vff-add-selected:not(:disabled):hover{border-color:#ff6500!important;background:#ff6500!important}
html body .ot-fitment-bulk #vff-add-selected:disabled{color:rgba(255,255,255,.52)!important;cursor:not-allowed!important}
html body .ot-fitment-cart{display:grid!important;place-items:center!important;width:17px!important;height:17px!important}
html body .ot-fitment-cart svg{display:block!important;width:17px!important;height:17px!important}

html body .ot-fitment .vf-products{width:calc(100% - 32px)!important;max-width:1368px!important;margin:16px auto 0!important}

@media(max-width:1279px) and (min-width:992px){
 html body .ot-fitment-panel{grid-template-columns:250px minmax(0,1fr) 220px!important;gap:8px 13px!important;width:calc(100% - 24px)!important;padding:19px!important}
 html body .ot-fitment-intro{gap:13px!important;padding-right:14px!important}
 html body .ot-fitment-car{flex-basis:58px!important;width:58px!important;height:58px!important}
 html body .ot-fitment-car svg{width:29px!important;height:29px!important}
 html body .ot-fitment-copy h2{font-size:16px!important}html body .ot-fitment-copy h2 strong{font-size:18px!important}
 html body .ot-fitment-fields{gap:9px!important}html body .ot-fitment-submit{font-size:9.5px!important}
}
@media(max-width:991px){
 html body .ot-fitment-panel{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:16px!important;width:calc(100% - 24px)!important;max-width:none!important;min-height:0!important;padding:20px!important}
 html body .ot-fitment-intro{grid-column:1!important;grid-row:auto!important;height:auto!important;padding:0 0 16px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14)!important}
 html body .ot-fitment-fields{grid-column:1!important;grid-row:auto!important;grid-template-columns:1fr 1fr!important;gap:24px 12px!important;height:auto!important;padding-top:6px!important}
 html body .ot-fitment-field{height:44px!important}html body .ot-fitment-field select{height:44px!important;min-height:44px!important}
 html body .ot-fitment-submit{grid-column:1!important;grid-row:auto!important;height:46px!important;min-height:46px!important}
 html body .ot-fitment-bulk{grid-column:1!important;grid-row:auto!important;justify-content:space-between!important;height:38px!important}
 html body .ot-fitment .vf-products{width:calc(100% - 24px)!important}
}
@media(max-width:600px){
 html body .ot-fitment-panel{width:calc(100% - 20px)!important;padding:18px 14px!important}
 html body .ot-fitment-fields{grid-template-columns:1fr!important;gap:24px!important}
 html body .ot-fitment-bulk{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:7px!important;width:100%!important;height:auto!important}
 html body .ot-fitment-select-all{padding:0 4px!important;font-size:8.5px!important}
 html body .ot-fitment-bulk #vff-add-selected{width:100%!important;padding:0 7px!important;font-size:8.2px!important}
 html body .ot-fitment .vf-products{width:calc(100% - 20px)!important}
}