/* Phase 3.5 – Premium Polish */
:root{
  --p35-blue:#1769ff;
  --p35-ink:#0d1728;
  --p35-line:#d9e2ed;
  --p35-shadow:0 14px 34px rgba(15,35,60,.08);
  --p35-shadow-hover:0 24px 54px rgba(15,35,60,.15);
}
html{scroll-behavior:smooth}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(23,105,255,.28);outline-offset:3px}
:where(button,a){-webkit-tap-highlight-color:transparent}

/* Consistent surfaces and motion */
.track-card,.catalog-card,.related-card,.about-card,.profile-extra-card,.home-value-card,.home-seo-card{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
@media(hover:hover){
  .track-card:hover,.catalog-card:hover,.related-card:hover{transform:translateY(-5px);box-shadow:var(--p35-shadow-hover);border-color:#c8d7e8}
  .track-card:hover .card-cover,.catalog-card:hover .cover img,.related-card:hover .related-cover img,.artist-page .card:hover .cover{transform:scale(1.025)}
}
.card-cover,.catalog-card .cover img,.related-cover img,.artist-page .card .cover{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.release-card-link,.catalog-card .cover,.related-cover{overflow:hidden}

/* Home release cards */
.track-card{box-shadow:var(--p35-shadow)}
.track-card .card-title,.track-card .release-title-link{line-height:1.2}
.track-card .card-price{font-size:15px;font-weight:900;color:var(--p35-ink)}
.track-card .add-to-cart{min-height:40px;border-radius:10px;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
@media(hover:hover){.track-card .add-to-cart:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(13,23,40,.18)}}

/* Catalog refinement */
.catalog-filter{position:relative;box-shadow:var(--p35-shadow)}
.catalog-filter input:focus,.catalog-filter select:focus{border-color:var(--p35-blue);background:#fff;box-shadow:0 0 0 4px rgba(23,105,255,.09);outline:0}
.catalog-genre-chips a{box-shadow:0 4px 12px rgba(20,40,70,.04)}
.catalog-genre-chips a.is-active{box-shadow:0 7px 18px rgba(23,105,255,.16)}
.catalog-card{box-shadow:var(--p35-shadow)}
.catalog-card .card-body h2{letter-spacing:-.015em}
.catalog-card .card-meta>span:first-child{font-size:16px;color:var(--p35-ink)}
.catalog-card .card-actions button{background:linear-gradient(135deg,#101b2d,#07111f);transition:transform .18s ease,box-shadow .18s ease}
.catalog-card .card-actions a{transition:border-color .18s ease,color .18s ease,background-color .18s ease}
@media(hover:hover){
 .catalog-card .card-actions button:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(13,23,40,.19)}
 .catalog-card .card-actions a:hover{border-color:#a9c7f8;background:#f2f7ff;color:var(--p35-blue)}
}

/* Release page conversion polish */
.release-hero{box-shadow:0 26px 70px rgba(15,35,60,.10)}
.release-cover{box-shadow:0 24px 54px rgba(5,12,24,.20)}
.p3-release-meta div{transition:background-color .18s ease}
@media(hover:hover){.p3-release-meta div:hover{background:#f7faff}}
.p3-custom-player.is-playing{border-color:rgba(23,105,255,.46);box-shadow:0 12px 30px rgba(23,105,255,.12)}
.p3-player-toggle,.release-buy,.p3-purchase-actions .p2-action{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
@media(hover:hover){
 .p3-player-toggle:hover,.release-buy:hover{transform:translateY(-1px)}
 .release-buy:hover{box-shadow:0 15px 30px rgba(23,105,255,.30)}
}
.p3-purchase-card{box-shadow:0 18px 42px rgba(23,105,255,.10)}
.release-benefit{border-color:#dbe5f1;box-shadow:0 8px 20px rgba(15,35,60,.04)}

/* Artist profile cards */
.artist-page .about-card,.artist-page .profile-extra-card{box-shadow:var(--p35-shadow)}
.artist-page .grid .card{overflow:hidden;border:1px solid var(--p35-line);border-radius:16px;background:#fff;box-shadow:var(--p35-shadow);transition:transform .22s ease,box-shadow .22s ease}
@media(hover:hover){.artist-page .grid .card:hover{transform:translateY(-5px);box-shadow:var(--p35-shadow-hover)}}
.artist-page .grid .card .title{font-size:18px;line-height:1.2}
.artist-page .grid .card .price{font-weight:900;color:var(--p35-ink)}
.artist-page .grid .card .buy{min-height:40px;border-radius:10px;background:#0d1728;transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){.artist-page .grid .card .buy:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(13,23,40,.18)}}

/* Subtle loading and rendering improvements */
img{content-visibility:auto}
.catalog-card,.track-card,.related-card{content-visibility:auto;contain-intrinsic-size:420px}

@media(max-width:720px){
  html{scroll-behavior:auto}
  .track-card,.catalog-card,.artist-page .grid .card{border-radius:15px}
  .catalog-shell{margin-bottom:48px}
  .catalog-filter{gap:12px}
  .release-hero{box-shadow:0 16px 40px rgba(15,35,60,.09)}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}