/* SampleKings MIDI store */
.skm{max-width:1100px;margin:14px auto 0;background:#fff;border-radius:16px;padding:14px 16px 120px;font-family:Arial,Helvetica,sans-serif;color:#111}
.skm *{box-sizing:border-box}
.skm-brand{font-family:'Exo 2 Embedded','Exo 2','Open Sans',sans-serif;font-weight:900;letter-spacing:.2px}
.skm-brand .s{color:#fff}.skm-brand .k{color:#f2b23c;-webkit-text-fill-color:#f2b23c}
.skm-hero{background:linear-gradient(120deg,#0b3d91,#1565c0);color:#fff;border-radius:16px;padding:28px 24px;text-align:center;border:4px solid #111}
.skm-hero-sm{padding:20px 20px}
.skm-kick{font-size:1.5em;letter-spacing:.04em;margin-bottom:2px}
.skm-kick .skm-brand{font-size:1.15em}
.skm-hero h1{font-family:'Bebas Neue',Impact,sans-serif;font-size:3.1em;line-height:1;margin:6px 0 8px;color:#fff;letter-spacing:1px}
.skm-hero p{max-width:760px;margin:0 auto;font-size:1.05em;color:#e5eefc;line-height:1.45}
.skm-hero-pills{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.skm-hero-pills span{background:#111;color:#f2b23c;font-weight:800;font-size:.9em;padding:6px 12px;border-radius:999px}
.skm-h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:2.2em;margin:26px 0 10px;text-align:center;color:#111}
.skm-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.skm-tile{display:flex;flex-direction:column;gap:6px;background:#fff;border:2px solid #111;border-radius:14px;padding:18px;text-decoration:none;color:#111;transition:transform .12s,box-shadow .12s}
.skm-tile:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.skm-tile-name{font-family:'Bebas Neue',Impact,sans-serif;font-size:2.1em;line-height:1;color:#0b3d91}
.skm-tile-meta{font-weight:700;color:#333}.skm-tile-list{color:#555;font-size:.92em}
.skm-tile-go{margin-top:auto;align-self:flex-start;background:#111;color:#f2b23c;font-weight:800;padding:8px 14px;border-radius:8px}
.skm-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.skm-info>div{background:#fff;border:1px solid #ddd;border-radius:14px;padding:18px}
.skm-info-1{grid-template-columns:1fr}
.skm-info h3{margin:0 0 8px;font-size:1.15em;color:#0b3d91}.skm-info li{margin:6px 0;line-height:1.4}.skm-info p{line-height:1.45;color:#333}
.skm-call{text-align:center;margin:20px 0 0;font-weight:700}.skm-call a{color:#0b3d91}
.skm-crumb{margin:4px 0 10px;font-size:.95em}.skm-crumb a{color:#0b3d91;font-weight:700}
.skm-genres{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px;justify-content:center}
.skm-genres a{padding:7px 13px;border:2px solid #111;border-radius:999px;color:#111;text-decoration:none;font-weight:700;font-size:.92em;background:#fff}
.skm-genres a.on,.skm-genres a:hover{background:#111;color:#f2b23c}
.skm-tabs{display:flex;gap:6px;overflow-x:auto;margin:14px 0 10px;border-bottom:3px solid #111;padding-bottom:0;-webkit-overflow-scrolling:touch}
.skm-tab{flex:0 0 auto;border:2px solid #111;border-bottom:0;background:#fff;color:#111;font-weight:800;font-size:1em;padding:10px 16px;border-radius:10px 10px 0 0;cursor:pointer}
.skm-tab span{background:#e5e7eb;border-radius:999px;padding:1px 8px;font-size:.8em;margin-left:4px}
.skm-tab.on{background:#111;color:#f2b23c}.skm-tab.on span{background:#f2b23c;color:#111}
.skm-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:6px 0 12px}
.skm-tools label{font-weight:700;font-size:.92em}.skm-tools select{margin-left:6px;padding:6px 8px;border:1px solid #bbb;border-radius:8px;font-size:.95em}
.skm-ghost{margin-left:auto;background:#fff;border:2px solid #111;border-radius:8px;padding:7px 12px;font-weight:800;cursor:pointer}
.skm-list{display:flex;flex-direction:column;gap:8px}
.skm-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ddd;border-radius:12px;padding:10px 12px}
.skm-row.playing{border-color:#1565c0;box-shadow:0 0 0 2px #1565c0 inset}
.skm-play{flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:0;background:#1565c0;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.skm-play.on{background:#111;color:#f2b23c}
.skm-meta{flex:1;min-width:0}
.skm-title{font-weight:800;font-size:1.02em}
.skm-sub{color:#555;font-size:.88em;margin-top:2px}
.skm-sub b{color:#111}
.skm-bar{height:4px;background:#e5e7eb;border-radius:4px;margin-top:6px;overflow:hidden;display:none}.skm-row.playing .skm-bar{display:block}
.skm-bar i{display:block;height:100%;width:0;background:#1565c0}
.skm-price{font-weight:800;font-size:1.05em;white-space:nowrap}
.skm-add{flex:0 0 auto;background:#111;color:#f2b23c;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;white-space:nowrap}
.skm-add.in{background:#16a34a;color:#fff}
#skmCart .skm-cartbar{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#111;color:#fff;display:flex;align-items:center;gap:12px;padding:12px 16px;box-shadow:0 -4px 14px rgba(0,0,0,.25)}
.skm-cartbar .skm-cb-txt{flex:1;font-weight:700}.skm-cartbar .skm-cb-txt b{color:#f2b23c}
.skm-cartbar button,.skm-cartbar a{border:0;border-radius:9px;padding:10px 16px;font-weight:800;cursor:pointer;text-decoration:none;font-size:.98em}
.skm-cb-view{background:#333;color:#fff}.skm-cb-go{background:#f2b23c;color:#111}
.skm-drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,100%);background:#fff;z-index:9995;box-shadow:-6px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column}
.skm-drawer header{background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:800}
.skm-drawer header button{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.skm-drawer .skm-dl{flex:1;overflow:auto;padding:8px 14px}
.skm-di{display:flex;gap:8px;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:9px 0;font-size:.92em}
.skm-di button{background:none;border:1px solid #ccc;border-radius:6px;cursor:pointer;padding:3px 8px}
.skm-drawer footer{padding:14px 16px;border-top:1px solid #ddd}
.skm-drawer footer a{display:block;text-align:center;background:#f2b23c;color:#111;font-weight:800;padding:13px;border-radius:10px;text-decoration:none;font-size:1.05em}
.skm-empty{padding:30px 10px;text-align:center;color:#666}
.skm-toast{position:fixed;left:50%;bottom:78px;transform:translateX(-50%);background:#16a34a;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;z-index:9999}
@media (max-width:640px){
 .skm{padding:10px 12px 120px}.skm-hero h1{font-size:2.4em}.skm-info{grid-template-columns:1fr}
 .skm-row{flex-wrap:wrap;gap:10px}.skm-meta{flex-basis:calc(100% - 60px)}.skm-price{margin-left:56px}.skm-add{margin-left:auto}
 .skm-ghost{margin-left:0}.skm-cartbar .skm-cb-view{display:none}
}