.qm-fitment-card{
  margin:18px 0 8px;
  border:1px solid rgba(176,137,57,.35);
  border-left:4px solid #b08939;
  border-radius:10px;
  background:#fff;
  box-shadow:0 5px 18px rgba(0,0,0,.06);
  overflow:hidden;
  color:#242424;
}
.qm-fitment-card__header{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:15px 16px 13px;
  background:linear-gradient(135deg,#191919,#2a2a2a);
  color:#fff;
}
.qm-fitment-card__check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  min-width:28px;
  border:1px solid #d2ad5b;
  border-radius:50%;
  color:#d2ad5b;
  font-weight:700;
  line-height:1;
}
.qm-fitment-card__title{
  margin:0 0 3px;
  color:#d2ad5b;
  font-size:15px;
  font-weight:700;
  letter-spacing:.01em;
}
.qm-fitment-card__intro{
  color:#e7e7e7;
  font-size:12.5px;
  line-height:1.45;
}
.qm-fitment-list{padding:4px 16px 0}
.qm-fitment-item{
  padding:11px 0;
  border-bottom:1px solid #ece7dc;
}
.qm-fitment-item:last-child{border-bottom:0}
.qm-fitment-item__title{
  color:#1c1c1c;
  font-weight:700;
  font-size:14px;
  line-height:1.35;
}
.qm-fitment-item__meta{
  margin-top:3px;
  color:#6c6c6c;
  font-size:12.5px;
  line-height:1.4;
}
.qm-fitment-more{
  margin:4px 16px 0;
  padding:8px 10px;
  border-radius:6px;
  background:#f7f3ea;
  color:#6d5624;
  font-size:12px;
  font-weight:600;
}
.qm-fitment-card__note{
  padding:10px 16px 13px;
  color:#767676;
  font-size:11.5px;
  line-height:1.45;
}
@media (max-width:767px){
  .qm-fitment-card{margin-top:14px;border-radius:8px}
  .qm-fitment-card__header{padding:13px 14px}
  .qm-fitment-list{padding-left:14px;padding-right:14px}
  .qm-fitment-card__note{padding-left:14px;padding-right:14px}
}

/* v0.3 - selected vehicle + finder */
.qm-fitment-selected{
  display:flex;align-items:center;gap:10px;padding:11px 14px;background:#edf7ef;border-bottom:1px solid #d8eadc;color:#204f2c
}
.qm-fitment-selected>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2f7a42;color:#fff;font-weight:700}
.qm-fitment-selected strong{display:block;font-size:12.5px;line-height:1.25}.qm-fitment-selected small{display:block;margin-top:2px;color:#4c6652;font-size:11.5px}
.qm-fitment-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px 13px}
.qm-fitment-card__footer .qm-fitment-card__note{padding:0;flex:1}
.qm-fitment-card__finder{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #b08939;border-radius:7px;padding:8px 10px;color:#6d5624!important;font-size:11.5px;font-weight:700;text-decoration:none!important;background:#fbf8f0}
.qm-fitment-card__finder:hover{background:#f3ead3;color:#3f3218!important}

.qm-vehicle-selector{margin:18px 0 24px;padding:20px;border:1px solid rgba(176,137,57,.35);border-radius:12px;background:linear-gradient(180deg,#fff,#fbfaf7);box-shadow:0 7px 24px rgba(0,0,0,.06)}
.qm-vehicle-selector__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.qm-vehicle-selector__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#92732f;font-size:10px;font-weight:700}
.qm-vehicle-selector__title{margin-top:2px;color:#191919;font-size:22px;font-weight:800;line-height:1.15}
.qm-vehicle-selector__badge{padding:6px 9px;border-radius:999px;background:#1d1d1d;color:#d8b85e;font-size:10px;font-weight:700;white-space:nowrap}
.qm-vehicle-selector__form{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.5fr auto;gap:10px;align-items:end}
.qm-vehicle-search{position:relative;grid-column:1/-1}
.qm-vehicle-search>label{display:block;margin:0 0 6px;color:#292315;font-size:13px;font-weight:800}
.qm-vehicle-search>input{width:100%;min-height:46px;border:1px solid #cdbb87;border-radius:8px;background:#fff;padding:0 14px;color:#171717;font-size:15px;box-shadow:none}
.qm-vehicle-search>input:focus{border-color:#b08939;outline:3px solid rgba(176,137,57,.15)}
.qm-vehicle-search>small{display:block;margin-top:5px;color:#756f61;font-size:10.5px;line-height:1.4}
.qm-vehicle-search__results{position:absolute;z-index:30;top:74px;right:0;left:0;max-height:340px;overflow-y:auto;border:1px solid #cdbb87;border-radius:9px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.qm-vehicle-search__result{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;border:0;border-bottom:1px solid #eee8dc;background:#fff;padding:11px 13px;color:#222;text-align:left;cursor:pointer}
.qm-vehicle-search__result:last-child{border-bottom:0}.qm-vehicle-search__result:hover,.qm-vehicle-search__result:focus{background:#f8f3e5;outline:0}
.qm-vehicle-search__result strong{font-size:13px;line-height:1.3}.qm-vehicle-search__result small{color:#80651f;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.qm-vehicle-search__empty{padding:14px;color:#6d6659;font-size:12px}
.qm-popular-brands{grid-column:1/-1;padding:11px 12px;border:1px solid #ece3ca;border-radius:9px;background:#fbf8f0}
.qm-popular-brands>span{display:block;margin-bottom:7px;color:#6f6039;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.qm-popular-brands>div{display:flex;flex-wrap:wrap;gap:7px}
.qm-popular-brands button{min-height:36px;border:1px solid #d4c69f;border-radius:999px;background:#fff;padding:6px 12px;color:#3b3528;font-size:11px;font-weight:800;cursor:pointer}
.qm-popular-brands button:hover,.qm-popular-brands button:focus,.qm-popular-brands button.is-active{border-color:#a67f27;background:#1d1d1d;color:#e1c25f;outline:0}
.qm-vehicle-selector__field label{display:block;margin:0 0 6px;color:#4c4c4c;font-size:11px;font-weight:700}
.qm-vehicle-selector select{width:100%;min-height:44px;border:1px solid #ded8ca;border-radius:8px;background:#fff;padding:0 11px;color:#222;box-shadow:none}
.qm-vehicle-selector select:disabled{background:#f5f5f5;color:#999}
.qm-vehicle-selector__submit{min-height:44px;border:1px solid #b98d28;border-radius:8px;padding:0 17px;background:linear-gradient(135deg,#e6bf4a,#c99b28);color:#171717;font-weight:800;white-space:nowrap;cursor:pointer}
.qm-vehicle-selector__submit:hover{filter:brightness(.98)}
.qm-rdw-form{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(320px,1.2fr);gap:14px;align-items:end;padding:15px;border:1px solid #e4d39f;border-radius:10px;background:#f8f3e5}
.qm-rdw-form__copy label{display:block;margin:0;color:#292315;font-size:14px;font-weight:800}.qm-rdw-form__copy small{display:block;margin-top:3px;color:#75684a;font-size:11px}
.qm-rdw-form__controls{display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:9px}.qm-rdw-form__controls input{min-height:44px;border:1px solid #cdbb87;border-radius:8px;background:#fff;padding:0 13px;color:#171717;font-size:17px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:none}
.qm-rdw-form__submit{min-height:44px;border:1px solid #161616;border-radius:8px;padding:0 17px;background:#1c1c1c;color:#e1c25f;font-weight:800;white-space:nowrap;cursor:pointer}.qm-rdw-form__submit:hover{background:#292929}
.qm-rdw-form__privacy{grid-column:1/-1;margin:0;color:#756f61;font-size:10.5px;line-height:1.4}
.qm-vehicle-selector__divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#918b80;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.qm-vehicle-selector__divider:before,.qm-vehicle-selector__divider:after{content:"";height:1px;flex:1;background:#e7e1d5}
.qm-vehicle-selector--compact{margin:0 0 20px;padding:16px}
.qm-vehicle-selector--compact .qm-vehicle-selector__title{font-size:18px}

.qm-finder-page{max-width:1260px;margin:0 auto 34px}
.qm-finder-intro{margin-bottom:16px;padding:26px 4px 8px}
.qm-finder-kicker{display:inline-block;color:#a27d28;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800}
.qm-finder-intro h1{margin:4px 0 7px;color:#161616;font-size:34px;line-height:1.12}
.qm-finder-intro p{max-width:760px;margin:0;color:#666;line-height:1.55}
.qm-selected-vehicle{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0;padding:17px 18px;border-radius:10px;background:#181818;color:#fff;border-left:4px solid #c9a23b}
.qm-selected-vehicle span{display:block;color:#c6a85c;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}
.qm-selected-vehicle strong{display:block;margin-top:2px;font-size:17px}.qm-selected-vehicle small{display:block;margin-top:3px;color:#d8d8d8}
.qm-selected-vehicle a{color:#e1c56e!important;text-decoration:none!important;font-size:12px;font-weight:700;white-space:nowrap}
.qm-finder-results-head{display:flex;align-items:end;justify-content:space-between;margin:24px 0 12px}
.qm-finder-results-head span{display:block;color:#8a7130;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:800}
.qm-finder-results-head h2{margin:2px 0 0;font-size:22px;color:#202020}
.qm-finder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qm-finder-product{display:flex;flex-direction:column;min-width:0;border:1px solid #e7e1d5;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.05)}
.qm-finder-product__image{display:flex;align-items:center;justify-content:center;height:210px;padding:12px;background:#fff;border-bottom:1px solid #f0ece4;text-decoration:none!important}
.qm-finder-product__image img{max-width:100%;max-height:100%;object-fit:contain}.qm-finder-product__image span{color:#aaa;font-size:12px}
.qm-finder-product__body{display:flex;flex:1;flex-direction:column;padding:14px}
.qm-finder-product__ref{margin-bottom:5px;color:#8b8b8b;font-size:10px}
.qm-finder-product h3{margin:0 0 12px;font-size:14px;line-height:1.4}.qm-finder-product h3 a{color:#222!important;text-decoration:none!important}
.qm-finder-product__bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;margin-bottom:11px}.qm-finder-product__bottom strong{font-size:17px;color:#171717}
.qm-stock-ok{padding:4px 7px;border-radius:999px;background:#edf7ef;color:#2d6d3b;font-size:9px;font-weight:800}
.qm-finder-product__button{display:block;border-radius:8px;padding:10px 12px;background:#1c1c1c;color:#d8b85e!important;text-align:center;text-decoration:none!important;font-size:11px;font-weight:800}
.qm-finder-empty{margin:18px 0;padding:24px;border:1px dashed #d7c99e;border-radius:10px;background:#fbf9f3;color:#4a4437}.qm-finder-empty strong{display:block;margin-bottom:5px;color:#2a271f}.qm-finder-empty p{margin:0;color:#706a5f}.qm-finder-empty--quiet{text-align:center}
.qm-rdw-result{margin:18px 0;border:1px solid #d9c581;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.045)}
.qm-rdw-result__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px;background:#1b1b1b;color:#fff;border-left:4px solid #c9a23b}.qm-rdw-result__head span{display:block;color:#c8a84e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.qm-rdw-result__head strong{display:block;margin-top:2px;font-size:18px}.qm-rdw-result__head small{display:block;margin-top:3px;color:#ccc}
.qm-rdw-result__facts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.qm-rdw-result__facts span{padding:6px 9px;border:1px solid #4b4637;border-radius:999px;background:#252525;color:#ddd;font-size:10px;letter-spacing:0;text-transform:none}.qm-rdw-result__facts b{color:#e2c362}
.qm-rdw-result__notice{padding:13px 17px;background:#fff9e9;color:#5d4f2d;font-size:12px;line-height:1.45}.qm-rdw-result__notice--success{background:#edf7ef;color:#285535}
.qm-rdw-candidates{padding:0 16px 13px}.qm-rdw-candidate{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 2px;border-top:1px solid #ece6d8}.qm-rdw-candidate strong{display:block;color:#222}.qm-rdw-candidate small{display:block;margin-top:2px;color:#6c6c6c}.qm-rdw-candidate p{margin:5px 0 0;color:#8b7541;font-size:10.5px}.qm-rdw-candidate__action{text-align:right;white-space:nowrap}.qm-rdw-candidate__action span{display:block;margin-bottom:5px;color:#6f633f;font-size:10px;font-weight:800}.qm-rdw-candidate__action a{display:inline-block;border-radius:7px;padding:8px 10px;background:#1c1c1c;color:#e1c25f!important;text-decoration:none!important;font-size:11px;font-weight:800}

@media (max-width:1024px){
  .qm-vehicle-selector__form{grid-template-columns:1fr 1fr}.qm-vehicle-selector__submit{grid-column:1/-1}
  .qm-rdw-form{grid-template-columns:1fr}.qm-rdw-form__privacy{grid-column:auto}
  .qm-finder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .qm-fitment-card__footer{align-items:flex-start;flex-direction:column}.qm-fitment-card__finder{width:100%}
  .qm-vehicle-selector{padding:15px;border-radius:10px}.qm-vehicle-selector__head{margin-bottom:13px}.qm-vehicle-selector__badge{display:none}.qm-vehicle-selector__title{font-size:19px}
  .qm-rdw-form__controls{grid-template-columns:1fr}.qm-rdw-form__submit{width:100%}
  .qm-vehicle-selector__form{grid-template-columns:1fr}.qm-vehicle-selector__submit{grid-column:auto;width:100%}
  .qm-vehicle-search,.qm-popular-brands{grid-column:auto}.qm-vehicle-search__results{top:75px;max-height:285px}.qm-vehicle-search__result{align-items:flex-start}.qm-popular-brands button{min-height:42px;padding:8px 13px}
  .qm-finder-intro{padding-top:14px}.qm-finder-intro h1{font-size:26px}
  .qm-selected-vehicle{align-items:flex-start;flex-direction:column}.qm-finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qm-finder-product__image{height:160px}
  .qm-rdw-result__head,.qm-rdw-candidate{align-items:flex-start;flex-direction:column}.qm-rdw-result__facts{justify-content:flex-start}.qm-rdw-candidate__action{text-align:left}
}
@media (max-width:480px){.qm-finder-grid{grid-template-columns:1fr}.qm-finder-product__image{height:220px}}

/* v0.3.1 - fail-safe finder error */
.qm-finder-error{margin:16px 0;padding:16px 18px;border:1px solid #e4c983;border-left:4px solid #c99b28;border-radius:10px;background:#fff8e8;color:#4d4023}
.qm-finder-error strong{display:block;margin-bottom:4px;color:#2b2518}
.qm-finder-error p{margin:0;color:#6d6041}

/* v0.10.0 - vehicle-neutral fitment metadata */
.qm-fitment-item__type{display:inline-block;margin:3px 0 1px;padding:2px 6px;border-radius:999px;background:#f5f1e6;color:#80651f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
