/* MT Bidding — hero.css */
/* ===== HERO ===== */
.hero{padding:14px 0}
.hero .grid{display:grid;grid-template-columns:2fr 1fr;gap:8px}
.slider{position:relative;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);background:var(--surface)}
.slides{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.slide{min-width:100%;aspect-ratio:24/9;position:relative}
.slide .cap{position:absolute;inset:auto 0 0 0;padding:26px 28px;background:linear-gradient(0deg,rgba(0,0,0,.76),transparent);color:#fff}
.slide .cap .kicker{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--mt-yellow);font-weight:700}
.slide .cap h2{margin:5px 0 4px;font-size:clamp(16px,1.9vw,22px);font-weight:800;letter-spacing:-.3px}
.slide .cap p{margin:0;font-size:13px;opacity:.9}
.sl-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:46px;background:rgba(0,0,0,.32);color:#fff;display:grid;place-items:center;opacity:0;transition:.2s}
.slider:hover .sl-nav{opacity:1}
.sl-nav.prev{left:0;border-radius:0 4px 4px 0}.sl-nav.next{right:0;border-radius:4px 0 0 4px}
.dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px}
.dots i{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.5);cursor:pointer}
.dots i.on{background:var(--mt-yellow);width:30px}
.hero .side{display:grid;grid-template-rows:1fr 1fr;gap:8px}
.hero .side a{border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);position:relative}
.hero .side .tag{position:absolute;left:12px;bottom:10px;color:#fff;font-weight:700;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.trust > div{background:var(--surface);border-radius:var(--r-md);padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:var(--sh-1);min-width:0}
.trust > div > div{min-width:0}
.trust b{display:block;font-size:15px}
.trust span{font-size:11.5px;color:var(--text-3)}
.trust .ic{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand-grad-soft);color:var(--mt-red);flex:0 0 auto}