/* HeavenTCG - 'Uskoro u prodaji' strip. External file because the shop's
   Content-Security-Policy is style-src 'self' - inline <style> is blocked. */
.soonwrap{max-width:1180px;margin:30px auto 0;padding:0 18px}
.soonhead{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:14px}
.soonhead b{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#e0b060)}
.soonhead i{font-style:normal;font-size:12.5px;color:var(--muted,#8a8578);line-height:1.55;max-width:660px}

/* Calendar: months across while there is width, stacked when there is not.
   One line per release - name, game, date. The artwork is a 40px plate, enough
   to recognise a box by, not enough to turn the foot of the shop into a wall. */
.sooncal{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2px 34px}
.soonmon{margin-bottom:18px}
.sm-h{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6f6a5e;padding-bottom:7px;border-bottom:1px solid var(--border,rgba(224,176,96,.12))}
.sm-r{display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(224,176,96,.06)}
.sm-r:last-child{border-bottom:0}
.sm-i{width:40px;height:40px;border-radius:7px;background:#efe4d5;overflow:hidden;padding:3px;box-sizing:border-box}
.sm-i img{width:100%;height:100%;object-fit:contain;display:block}
.sm-n{font-size:12.5px;color:var(--text-primary,#f2ede4);line-height:1.3}
.sm-g{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;color:var(--muted,#8a8578)}
.sm-d{font-size:11.5px;color:var(--accent,#e0b060);white-space:nowrap}

/* the game's own colour, on the one word that names it */
.sm-ygo .sm-g{color:#e0b060}
.sm-pkm .sm-g{color:#f0c846}
.sm-onep .sm-g{color:#d65a46}
.sm-lor .sm-g{color:#7896e6}
.sm-rift .sm-g{color:#5abeb4}
.sm-gun .sm-g{color:#b478dc}

/* 4 Sep 2026: one-line description under the name, 'u ponudi' tag + click-through when the product is in stock, released items dimmed */
.sm-t{font-size:11px;color:var(--muted,#8a8578);margin-top:2px;line-height:1.35}
.sm-own{color:var(--accent,#e0b060);letter-spacing:0;text-transform:none;font-size:10.5px}
.sm-link{cursor:pointer}
.sm-link:hover .sm-n,.sm-link:focus-visible .sm-n{color:var(--accent,#e0b060)}
.sm-past{opacity:.6}
.sm-past .sm-d{color:var(--muted,#8a8578)}