/* Sound Weekends — library (product) page */
.hd__nav a.is-cur{color:#14161A}

/* ---------- product top ---------- */
.pd{max-width:1410px;margin:0 auto;padding:30px 44px 0;
  display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:56px;align-items:stretch}

.pd__media,.pd__info{min-width:0}
.pd__media{display:flex;flex-direction:column}
.pd__cover{position:relative;margin:0;aspect-ratio:1/1;overflow:hidden;background:#EFEDE9;
  border:1px solid #E6E4E0}
.pd__cover img{width:100%;height:100%;object-fit:cover}
.pd__cover.is-photo .cov{display:none}
.pd__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;order:2;margin-top:12px}
.pd__th{padding:0;border:1px solid #E6E4E0;background:#EFEDE9;cursor:pointer;overflow:hidden;
  aspect-ratio:1/1;transition:border-color .2s}
.pd__th img{width:100%;height:100%;object-fit:cover;opacity:.82;transition:opacity .2s}
.pd__th:hover img{opacity:1}
.pd__th.is-on{border-color:#14161A}
.pd__th.is-on img{opacity:1}
.pd__cap{order:3;margin-top:12px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#8A8D93}

.pd__k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8A8D93}
.pd__h1{margin:14px 0 0;font-size:clamp(24px,3vw,40px);font-weight:300;line-height:1.12}
.pd__facts{margin:20px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pd__facts li{padding:6px 12px;border:1px solid #E6E4E0;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:#3A3D42}
.pd__desc{margin-top:24px}
.pd__desc p{margin-bottom:14px;font-size:14.5px;line-height:1.85;color:#3A3D42}
.pd__desc p:last-child{margin-bottom:0}

.pd__buy{margin-top:30px;padding-top:26px;border-top:1px solid #E6E4E0}
.pd__price{display:flex;align-items:baseline;gap:8px}
.pd__price b{font-size:28px;font-weight:400}
.pd__price s{text-decoration:none;font-size:11px;letter-spacing:.18em;color:#8A8D93}
.pd__row{display:flex;align-items:stretch;gap:14px;margin-top:18px}
.qty{display:flex;align-items:center;border:1px solid #14161A;height:52px}
.qty__b{width:44px;height:100%;border:0;background:transparent;color:#14161A;font:inherit;
  font-size:16px;line-height:1;cursor:pointer}
.qty__b:hover{background:#F2F0EC}
.qty__i{width:42px;height:100%;border:0;border-left:1px solid #E6E4E0;border-right:1px solid #E6E4E0;
  background:transparent;font:inherit;font-size:14px;text-align:center;color:#14161A}
.qty__i:focus{outline:none}
.pd__cta{flex:1;justify-content:center;height:52px}
.pd__notes{margin:20px 0 0;padding:0;list-style:none}
.pd__notes li{position:relative;padding-left:18px;margin-bottom:9px;font-size:12.5px;line-height:1.7;color:#8A8D93}
.pd__notes li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:1px;background:#8A8D93}
.pd__player{margin-top:28px;padding-top:26px;border-top:1px solid #E6E4E0}
.pd__ph{margin:0 0 14px;font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#8A8D93}
.pd__player .sc{margin:0}

/* ---------- related ---------- */
.rel{max-width:1410px;margin:0 auto;padding:74px 44px 26px}
.rel__hd{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.rel__hd h2{font-size:17px;letter-spacing:.2em;text-transform:uppercase}
.rel__nav{display:flex;gap:10px}
.rel__b{width:42px;height:42px;border:1px solid #14161A;background:transparent;color:#14161A;
  display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,opacity .2s}
.rel__b svg{width:17px;height:17px}
.rel__b:hover{background:#14161A;color:#fff}
.rel__b[disabled]{opacity:.28;cursor:default}
.rel__b[disabled]:hover{background:transparent;color:#14161A}
.rel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*22px)/4);gap:22px;
  overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
.rel__track::-webkit-scrollbar{display:none}
.rel__track .card{scroll-snap-align:start}

@media(max-width:1240px){
  .pd,.rel{padding-left:28px;padding-right:28px}
  .pd{gap:38px}
}
@media(max-width:1000px){
  .pd{grid-template-columns:minmax(0,1fr);gap:32px}
  .pd__cover{aspect-ratio:4/3}
  .rel__track{grid-auto-columns:calc((100% - 2*22px)/3)}
}
@media(max-width:760px){
  .pd,.rel{padding-left:16px;padding-right:16px}
  .pd{padding-top:20px}
  .pd__thumbs{grid-template-columns:repeat(4,1fr)}
  .pd__row{flex-wrap:wrap}
  .qty{flex:none}
  .pd__cta{flex:1 0 100%}
  .rel{padding-top:52px}
  .rel__track{grid-auto-columns:76%;gap:14px}
  .rel__nav{display:none}
}
@media(max-width:430px){
  .pd__thumbs{grid-template-columns:repeat(3,1fr)}
  .rel__track{grid-auto-columns:84%}
}

/* 29.08: коротша відстань між блоком товару і Description */
.pd + .tell{margin-top:22px}
.pd + .tell > .tell__i:first-child{padding-top:26px}
@media(max-width:700px){.pd + .tell{margin-top:18px}}
