/* Homepage weekly slots rail */

.cd-weekslots{
  position:relative;
  isolation:isolate;
  padding:clamp(40px,5vw,68px) 0 clamp(30px,4vw,52px);
  overflow:hidden;
  background:
    radial-gradient(70% 86% at 7% 0%,rgba(78,195,232,.10),transparent 56%),
    radial-gradient(58% 74% at 94% 18%,rgba(116,60,232,.13),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 34%),
    var(--bg);
}
.cd-weekslots::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(78,195,232,.26),rgba(159,108,255,.22),transparent);
}
.cd-weekslots .sec-head{margin-bottom:22px}
.cd-weekslots .sec-head h2{margin-top:8px}
.cd-weekslots .sec-head p{max-width:48ch;font-size:14px}
.cd-weekslots-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cd-weekslots-fresh{
  display:inline-flex;align-items:center;gap:7px;
  color:var(--dim);font-family:var(--font-mono);font-size:10px;
  letter-spacing:.035em;text-transform:uppercase;
}
.cd-weekslots-fresh i{
  width:6px;height:6px;border-radius:50%;background:var(--up);
  box-shadow:0 0 0 4px rgba(37,208,126,.10),0 0 12px rgba(37,208,126,.45);
}

.cd-weekslots-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cd-weekslots-count{
  min-width:58px;height:40px;padding:0 11px;border:1px solid var(--line);
  border-radius:999px;background:rgba(255,255,255,.025);
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  color:var(--dim);font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
}
.cd-weekslots-count span:first-child{color:var(--text)}
.cd-weekslots-count i{font-style:normal;color:var(--line-2)}
.cd-weekslots-nav{display:flex;gap:7px}
.cd-weekslots-btn{
  width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);
  background:var(--surface);color:var(--muted);display:grid;place-items:center;
  cursor:pointer;padding:0;transition:transform .2s,border-color .2s,background .2s,color .2s,opacity .2s;
}
.cd-weekslots-btn:hover,.cd-weekslots-btn:focus-visible{
  background:var(--grad);border-color:transparent;color:#fff;outline:0;
  box-shadow:0 10px 24px -12px rgba(78,195,232,.75);
}
.cd-weekslots-btn:active{transform:scale(.92)}
.cd-weekslots-btn[disabled]{opacity:.28;cursor:default;box-shadow:none}
.cd-weekslots-btn svg{width:16px;height:16px;display:block}

.cd-weekslots-viewport{
  overflow:hidden;
  touch-action:pan-y;
  cursor:grab;
  user-select:none;
  padding-inline:var(--pad);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);
}
.cd-weekslots-viewport.is-dragging{cursor:grabbing}
.cd-weekslots-viewport a,
.cd-weekslots-viewport img{-webkit-user-drag:none}

.cd-weekslots-track{
  display:flex;
  gap:16px;
  width:max-content;
  padding:8px 0 16px;
  will-change:transform;
}

.cd-weekslot{
  flex:0 0 224px;
  display:block;
  color:var(--text);
  border-radius:19px;
  outline:0;
}
.cd-weekslot__art{
  position:relative;
  aspect-ratio:3/4;
  border-radius:19px;
  overflow:hidden;
  background:linear-gradient(145deg,var(--surface-2),var(--surface));
  border:1px solid var(--line);
  box-shadow:0 20px 46px -27px rgba(0,0,0,.95);
  transform:translateZ(0);
  transition:transform .28s,border-color .28s,box-shadow .28s;
}
.cd-weekslot__art::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 24%);
  opacity:.55;pointer-events:none;
}
.cd-weekslot__art::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(5,7,12,.03) 34%,rgba(5,7,12,.30) 57%,rgba(5,7,12,.97) 100%);
  pointer-events:none;
}
.cd-weekslot__art img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.002);transition:transform .42s ease,filter .32s ease;
}
.cd-weekslot:hover .cd-weekslot__art,
.cd-weekslot:focus-visible .cd-weekslot__art{
  transform:translateY(-6px);
  border-color:rgba(78,195,232,.43);
  box-shadow:0 28px 55px -22px rgba(60,103,232,.48),0 0 0 1px rgba(78,195,232,.09);
}
.cd-weekslot:hover .cd-weekslot__art img,
.cd-weekslot:focus-visible .cd-weekslot__art img{transform:scale(1.045);filter:saturate(1.06) contrast(1.025)}
.cd-weekslot.is-podium .cd-weekslot__art{border-color:rgba(255,194,75,.28)}
.cd-weekslot.is-podium:hover .cd-weekslot__art,
.cd-weekslot.is-podium:focus-visible .cd-weekslot__art{
  border-color:rgba(255,194,75,.55);
  box-shadow:0 28px 55px -22px rgba(255,160,42,.38),0 0 0 1px rgba(255,194,75,.10);
}

.cd-weekslot__rank,
.cd-weekslot__win{
  position:absolute;top:12px;z-index:3;
  min-height:28px;padding:0 9px;border-radius:9px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(7,9,15,.74);backdrop-filter:blur(9px);
  font-family:var(--font-mono);font-size:11px;font-weight:700;
  letter-spacing:.055em;font-variant-numeric:tabular-nums;
}
.cd-weekslot__rank{left:12px;color:var(--cyan);border:1px solid rgba(78,195,232,.25)}
.cd-weekslot.is-podium .cd-weekslot__rank{
  color:#1a1204;background:linear-gradient(135deg,#ffe4a3,#ffc24b);
  border-color:rgba(255,255,255,.25);box-shadow:0 7px 18px -8px rgba(255,194,75,.9);
}
.cd-weekslot__win{right:12px;color:var(--up);border:1px solid rgba(37,208,126,.27)}

.cd-weekslot__action{
  position:absolute;z-index:3;left:50%;top:47%;transform:translate(-50%,-42%) scale(.92);
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  padding:8px 11px 8px 9px;border-radius:999px;
  color:#fff;background:rgba(7,9,15,.80);border:1px solid rgba(255,255,255,.20);
  box-shadow:0 12px 30px -12px rgba(0,0,0,.95);backdrop-filter:blur(10px);
  font-size:11px;font-weight:700;letter-spacing:.02em;
  opacity:0;transition:opacity .22s,transform .22s;
}
.cd-weekslot__action svg{
  width:23px;height:23px;padding:5px;border-radius:50%;fill:#071016;background:var(--cyan);
}
.cd-weekslot:hover .cd-weekslot__action,
.cd-weekslot:focus-visible .cd-weekslot__action{opacity:1;transform:translate(-50%,-50%) scale(1)}

.cd-weekslot__meta{
  position:absolute;z-index:3;left:0;right:0;bottom:0;
  display:block;padding:34px 14px 14px;
}
.cd-weekslot__meta strong{
  display:block;color:#fff;font-size:15px;line-height:1.24;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 2px 12px rgba(0,0,0,.62);
}
.cd-weekslot__meta small{
  display:flex;align-items:center;gap:7px;margin-top:6px;
  color:rgba(232,235,244,.70);font-size:10.5px;line-height:1.2;
  white-space:nowrap;overflow:hidden;
}
.cd-weekslot__meta small span{overflow:hidden;text-overflow:ellipsis}
.cd-weekslot__meta small span:last-child{color:rgba(255,255,255,.87);font-weight:600}
.cd-weekslot__meta small i{width:3px;height:3px;border-radius:50%;background:var(--cyan);flex:0 0 auto}

.cd-weekslots-foot{
  display:flex;align-items:center;gap:16px;margin-top:1px;
  color:var(--dim);font-family:var(--font-mono);font-size:10px;
  letter-spacing:.035em;text-transform:uppercase;
}
.cd-weekslots-meter{
  position:relative;flex:1;height:3px;border-radius:999px;
  overflow:hidden;background:rgba(255,255,255,.075);
}
.cd-weekslots-meter i{
  position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg,var(--cyan),#8a66f2,var(--gold));
  transform:scaleX(0);transform-origin:left center;
  box-shadow:0 0 14px rgba(78,195,232,.34);
}

@media(max-width:820px){
  .cd-weekslot{flex-basis:188px}
  .cd-weekslots-track{gap:14px}
}
@media(max-width:560px){
  .cd-weekslots{padding-top:36px}
  .cd-weekslots .sec-head{align-items:flex-start;gap:18px;margin-bottom:15px}
  .cd-weekslots .sec-head h2{font-size:clamp(25px,8vw,32px)}
  .cd-weekslots .sec-head p{font-size:13px}
  .cd-weekslots-side{width:100%;justify-content:flex-start}
  .cd-weekslots-side .link-more{margin-left:auto}
  .cd-weekslots-count{display:none}
  .cd-weekslots-btn{width:38px;height:38px}
  .cd-weekslot{flex-basis:min(66vw,210px)}
  .cd-weekslots-track{gap:12px;padding-top:7px}
  .cd-weekslots-viewport{
    -webkit-mask-image:none;
    mask-image:none;
    padding-inline:var(--pad);
  }
  .cd-weekslot__art{border-radius:17px}
  .cd-weekslots-foot{gap:12px;margin-top:3px}
  .cd-weekslots-foot>span{font-size:9px}
}
@media(hover:none){
  .cd-weekslot__action{display:none}
  .cd-weekslot:hover .cd-weekslot__art{transform:none}
  .cd-weekslot:hover .cd-weekslot__art img{transform:scale(1.002);filter:none}
}
@media(prefers-reduced-motion:reduce){
  .cd-weekslots-btn,
  .cd-weekslot__art,
  .cd-weekslot__art img,
  .cd-weekslot__action{transition:none}
}