/* QT Inventory — front end. Colors match qualitytrucksusa.com; override the variables in the theme if needed. */
.qti,.qti-single{--qti-orange:#f47b20;--qti-dark:#111;--qti-line:#e3e3e3;--qti-muted:#666}
.qti *,.qti-single *{box-sizing:border-box}
.qti-full{width:min(1200px,calc(100vw - 32px))!important;max-width:none!important;margin-left:0!important;margin-right:0!important;position:relative;left:50%;transform:translateX(-50%)}
.qti-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.qti-tab{font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:10px 18px;border:2px solid var(--qti-dark);background:#fff;color:var(--qti-dark);cursor:pointer;line-height:1.2}
.qti-tab span{font-weight:400;opacity:.7}
.qti-tab.is-active{background:var(--qti-dark);color:#fff}
.qti-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}
.qti-card{background:#fff;border:1px solid var(--qti-line);display:flex;flex-direction:column;margin:0}
.qti-card[hidden]{display:none}
.qti-card-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#eee}
.qti-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;margin:0}
.qti-card:hover .qti-card-img img{transform:scale(1.03)}
.qti-nophoto{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:var(--qti-muted);font-weight:600;background:repeating-linear-gradient(135deg,#eee 0 14px,#e6e6e6 14px 28px)}
.qti-badge{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;background:var(--qti-dark);color:#fff;line-height:1.3}
.qti-card-img .qti-badge{position:absolute;top:12px;left:12px}
.qti-card-img .qti-badge-right{left:auto;right:12px}
.qti-badge-new{background:var(--qti-orange)}
.qti-badge-pending,.qti-badge-sold{background:#b00020}
.qti-count{position:absolute;bottom:10px;right:10px;font-size:12px;background:rgba(0,0,0,.65);color:#fff;padding:3px 8px}
.qti-card-body{padding:18px;display:flex;flex-direction:column;flex:1}
.qti-card-title{font-size:20px;line-height:1.2;margin:0 0 6px}
.qti-card-title a{color:inherit;text-decoration:none}
.qti-card-meta{font-size:14px;color:var(--qti-muted);margin:0 0 12px}
.qti-card-price{font-size:22px;font-weight:800;margin:auto 0 14px}
.qti-card-btns{display:flex;gap:8px}
.qti-card-btns .qti-btn{flex:1}
.qti-btn{display:inline-block;text-align:center;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:.03em;padding:12px 16px;text-decoration:none!important;color:#fff!important;background:var(--qti-dark);border:0;line-height:1.2}
.qti-btn-orange{background:var(--qti-orange)}
.qti-btn:hover{opacity:.9}
.qti-empty{padding:24px;border:1px solid var(--qti-line);text-align:center}
/* Single */
.qti-single{padding:40px 0 64px}
.qti-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.qti-back{margin:0 0 20px}
.qti-back a{color:inherit}
.qti-single-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:start}
.qti-gallery-main{position:relative;aspect-ratio:4/3;background:#eee;overflow:hidden}
.qti-gallery-main img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.qti-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:28px;line-height:40px;cursor:pointer;padding:0}
.qti-prev{left:12px}.qti-next{right:12px}
.qti-counter{position:absolute;bottom:10px;right:10px;font-size:13px;background:rgba(0,0,0,.65);color:#fff;padding:3px 9px}
.qti-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-top:8px}
.qti-thumb{padding:0;border:2px solid transparent;background:none;cursor:pointer;aspect-ratio:1;overflow:hidden}
.qti-thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.qti-thumb.is-active{border-color:var(--qti-orange)}
.qti-badges{margin:0 0 8px;display:flex;gap:6px}
.qti-title{margin:0 0 6px;line-height:1.1}
.qti-price{font-size:28px;font-weight:800;margin:0 0 18px}
.qti-actions{display:flex;gap:8px;flex-wrap:wrap}
.qti-spec-head{font-size:15px;text-transform:uppercase;letter-spacing:.06em;margin:28px 0 4px}
.qti-specs{width:100%;border-collapse:collapse;margin:0}
.qti-specs th,.qti-specs td{text-align:left;padding:8px 0;border:0;border-bottom:1px solid var(--qti-line);font-size:15px;background:none}
.qti-specs th{color:var(--qti-muted);font-weight:600;width:48%}
.qti-desc{margin-top:48px;max-width:800px}
@media (max-width:860px){.qti-single-grid{grid-template-columns:1fr;gap:24px}.qti-single{padding-top:24px}}
@media (max-width:520px){.qti-full{width:auto;left:auto;transform:none}.qti-card-btns{flex-direction:column}}