/* Promo tiles (.madv / .mini). From design/jojoms.css "mini ad banners". */
.madv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mini{position:relative;height:230px;border-radius:20px;background:var(--card);box-shadow:var(--sh-1);display:flex;align-items:center;padding:22px 26px;gap:16px;overflow:hidden;transition:box-shadow .25s,transform .25s}
.mini:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.mini .ml{flex:1 1 58%;min-width:0;position:relative;z-index:1}
.mini .tag{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:12px}
.mini h3{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1;letter-spacing:-.04em;color:var(--ink);font-weight:800}
.mini h3 span{font-weight:400;font-size:.62em;letter-spacing:-.02em;margin-left:6px}
.mini p{margin:8px 0 0;font-size:13.5px;color:var(--ink2);max-width:30ch}
.mini .go{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-weight:700;font-size:16px;color:var(--sale)}
.mini .go svg{width:16px;height:16px;transition:transform .2s}
.mini:hover .go svg{transform:translateX(4px)}
.mini .mr{flex:1 1 42%;height:100%;border-radius:14px;overflow:hidden;background:var(--bg)}
.mini.alt{background:var(--tint)}
.mini .mr img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:768px){.madv{grid-template-columns:minmax(0,1fr)}.mini{height:auto;min-height:190px}}
@media(max-width:480px){.mini{flex-direction:column;align-items:flex-start}.mini .mr{width:100%;height:150px;flex:none}}