/* =========================================================
   DropTaps — release.php
   ========================================================= */

.tm-content-shell,
.tm-release-shell,
.tm-card-shell{
    width:min(calc(100% - 48px),var(--max));
    margin:0 auto;
}

.tm-release-hero{padding:72px 0 78px;background:#fff}
.tm-release-shell{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);
    gap:clamp(44px,6vw,92px);
    align-items:center;
}
.tm-release-art{justify-self:center;width:min(100%,430px);background:transparent}
.tm-release-art img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0;box-shadow:0 18px 48px rgba(0,0,0,.12)}
.tm-release-info{max-width:620px}
.tm-release-artist{margin-bottom:10px;color:var(--muted);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tm-release-info .eyebrow{color:var(--red)}
.tm-price,.tm-card-purchase>strong{color:var(--black)}
.tm-release-info h1,.tm-card-copy h2,.tm-preview-heading h2,.tm-how-section h2{
    margin:0;
    font-family:Georgia,'Times New Roman',serif;
    font-weight:500;
    letter-spacing:-.04em;
    line-height:.95;
}
.tm-release-info h1{font-size:clamp(54px,6vw,88px)}
.tm-release-description{max-width:570px;margin:26px 0 30px;color:#4f4f4f;font-size:17px;line-height:1.65}
.tm-buy-row{padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:26px}
.tm-price{font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1}
.tm-shipping{margin-top:7px;color:var(--muted);font-size:11px;font-weight:700}
.tm-add-cart{min-width:170px}

.tm-release-art {
    position: relative;
}

.tm-release-art .tm-release-cover {
    display: block;
    width: 100%;
    height: auto;
}

.tm-release-art .tm-legacy-icon {
    position: absolute;
    right: 12px;
    bottom: 12px;

    width: 110px !important;
    max-width: 28% !important;
    height: auto !important;

    object-fit: contain;
    z-index: 10;
    pointer-events: none;
}

.tm-preview-section{padding:76px 0 86px;background:var(--soft)}
.tm-preview-heading{align-items:center}
.tm-preview-note{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.tm-preview-heading h2,.tm-card-copy h2,.tm-how-section h2{font-size:clamp(40px,4.7vw,64px)}
.tm-track-list{border-top:1px solid #dcd7cd}
.tm-track{min-height:72px;display:grid;grid-template-columns:44px minmax(180px,1fr) minmax(120px,320px) 48px 42px;gap:18px;align-items:center;border-bottom:1px solid #dcd7cd}
.tm-track-number{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.08em}
.tm-track-copy strong{font-size:15px}
.tm-track-progress{height:3px;background:#d8d3ca;overflow:hidden}
.tm-track-progress span{display:block;width:0;height:100%;background:#000;transition:width .1s linear}
.tm-track-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.tm-play{width:38px;height:38px;border:1px solid #000;border-radius:999px;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer;font-size:13px}
.tm-play:hover{background:#000;color:#fff}

.tm-card-section{padding:96px 0;background:#fff}
.tm-card-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1fr);gap:clamp(48px,7vw,100px);align-items:center}
.tm-card-visual{min-width:0;display:grid;place-items:center;background:var(--soft);border-radius:0;padding:clamp(20px,3vw,42px)}
.tm-product-slider{width:100%;max-width:560px}
.tm-slider-stage{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}
.tm-slider-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:translateX(14px);pointer-events:none;transition:opacity .28s ease,transform .28s ease}
.tm-slider-slide.is-active{opacity:1;transform:translateX(0);pointer-events:auto}
.tm-slider-slide img{max-width:90%;max-height:90%;object-fit:contain}
.tm-slider-arrow{position:absolute;top:50%;z-index:3;width:40px;height:40px;margin-top:-20px;border:1px solid rgba(0,0,0,.18);border-radius:999px;background:rgba(255,255,255,.88);color:#000;font-family:Georgia,'Times New Roman',serif;font-size:28px;line-height:1;cursor:pointer}
.tm-slider-arrow:hover{background:#000;color:#fff}
.tm-slider-prev{left:6px}.tm-slider-next{right:6px}
.tm-slider-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.tm-slider-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#c8c2b8;cursor:pointer}
.tm-slider-dot.is-active{background:var(--accent)}
.tm-card-fallback{width:70%;max-width:340px;border-radius:0}
.tm-card-copy .lead{margin:24px 0 10px;font-size:21px;line-height:1.45}
.tm-card-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:15px;line-height:1.7}
.tm-benefits{margin:30px 0}
.tm-card-purchase{padding-top:28px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.tm-card-purchase>strong{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:500}

.tm-how-section{padding:90px 0;background:#000;color:#fff}
.tm-how-section .eyebrow{color:var(--red)}
.tm-how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16)}
.tm-how-grid>div{min-height:230px;padding:34px;background:#000}
.tm-how-icon{
    display:block;
    width:80px;
    height:auto;
    margin-bottom:28px;
}
.tm-how-grid h3{margin:0 0 14px;font-family:Georgia,'Times New Roman',serif;font-size:28px;font-weight:500}
.tm-how-grid p{margin:0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.6}

.release-not-found{min-height:55vh;padding:100px 24px;text-align:center}
.release-not-found h1{margin:0 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,7vw,82px);font-weight:500}
.release-not-found p:not(.eyebrow){margin:0 0 28px;color:var(--muted)}

.button,
.primary-button,
.release-buy-button,
.release-slider-button {
    border-radius: 0;
}

@media (max-width:900px){
    .tm-release-hero{padding:38px 0 56px}
    .tm-release-shell,.tm-card-shell{grid-template-columns:1fr;gap:38px}
    .tm-release-info{max-width:none}
    .tm-track{grid-template-columns:36px minmax(0,1fr) 42px;gap:12px;padding:13px 0}
    .tm-track-progress,.tm-track-time{display:none}
    .tm-how-grid{grid-template-columns:1fr}
    .tm-how-grid>div{min-height:0}
    .tm-slider-slide img{max-width:74%;max-height:74%}
}

@media (max-width:620px){
    .tm-content-shell,.tm-release-shell,.tm-card-shell{width:min(calc(100% - 30px),var(--max))}
    .tm-release-info h1{font-size:clamp(46px,15vw,68px)}
    .tm-buy-row,.tm-card-purchase{align-items:stretch;flex-direction:column}
    .tm-add-cart,.tm-card-purchase .button{width:100%}
    .tm-preview-section,.tm-card-section,.tm-how-section{padding:64px 0}
    .tm-preview-heading{align-items:flex-start}
    .tm-card-visual{padding:20px 12px}
    .tm-slider-slide img{max-width:78%;max-height:78%}
    .tm-slider-arrow{width:36px;height:36px;margin-top:-18px}
}