.days{padding-block:var(--s-7) var(--s-6);background:var(--c-bg)}
#tage{scroll-margin-top:calc(var(--nav-h) + 8px)}
.days-head{display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-4)}
.days-head .eyebrow{margin:0}
.days-title{margin:0;font-family:var(--f-display);font-weight:400;font-size:var(--t-h2);line-height:.98;text-transform:uppercase;text-wrap:balance;hyphens:none;-webkit-hyphens:none}

.days-card{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"photo" "prog" "buy";width:100%;max-width:34rem;margin-inline:auto;background:var(--c-bg-2);border:1px solid var(--c-line-2);border-radius:var(--r-2);overflow:hidden;color:var(--c-ink);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:border-color .25s var(--ease),transform .2s var(--ease),opacity .6s var(--ease)}
.days-card:focus-visible{outline:2px solid var(--c-or);outline-offset:2px}
.days-card:active{transform:scale(.985);border-color:var(--c-or)}

.days-photo{grid-area:photo;position:relative;margin:0;height:clamp(150px,46vw,180px);overflow:hidden;background:var(--c-bg-3)}
.days-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:grayscale(.3) contrast(1.05) brightness(.72);transition:filter .5s var(--ease),transform .8s var(--ease)}
.days-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,8,.15),rgba(10,9,8,0) 35%,rgba(18,16,14,.95));pointer-events:none}

.days-tag{grid-area:photo;align-self:start;justify-self:start;position:relative;z-index:1;margin:var(--s-3);padding:.2em .6em;background:var(--c-or);color:var(--c-or-ink);font-family:var(--f-cond);font-weight:600;font-size:var(--t-xs);letter-spacing:.16em;text-transform:uppercase}
.days-date{grid-area:photo;align-self:end;position:relative;z-index:1;display:flex;align-items:baseline;gap:var(--s-2);padding:0 var(--s-4) var(--s-2)}
.days-num{font-family:var(--f-display);font-size:clamp(3.4rem,15vw,4.4rem);line-height:.8;color:var(--c-ink);transition:color .3s var(--ease)}
.days-mon{font-family:var(--f-mono);font-size:var(--t-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--c-ink)}

.days-prog{grid-area:prog;display:flex;flex-direction:column;gap:var(--s-3);min-width:0;padding:var(--s-4) var(--s-4) 0}
.days-genre{margin:0;font-family:var(--f-display);font-weight:400;font-size:clamp(1.6rem,7.2vw,2.1rem);line-height:1;text-transform:uppercase;hyphens:none;-webkit-hyphens:none}
.days-tl{list-style:none;margin:0;padding:0;display:grid;border-top:1px dashed var(--c-line)}
.days-tl>li{display:grid;grid-template-columns:3.6rem 1fr;align-items:center;gap:var(--s-3);min-height:40px;padding:.35rem 0;border-bottom:1px dashed var(--c-line);color:var(--c-ink-2);font-size:var(--t-m);line-height:1.3}
.days-t{color:var(--c-ink-3);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}
.days-tl-hl{color:var(--c-ink)!important;font-weight:600}
.days-tl-hl .days-t{color:var(--c-or)}
.days-tl-act{display:flex;align-items:center;gap:var(--s-3);min-width:0}
.days-thumb{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:50% 28%;background:var(--c-bg-3);box-shadow:0 0 0 1.5px var(--c-or)}

.days-buy{grid-area:buy;display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin:var(--s-3) var(--s-4) var(--s-4);padding-top:var(--s-3)}
.days-price{margin:0;font-family:var(--f-display);font-size:1.75rem;line-height:1;white-space:nowrap}
.days-price span:not([data-price-from]){font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink-2);vertical-align:.3em}
.days-cta{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:0 1.1em;background:var(--c-or);color:var(--c-or-ink);font-family:var(--f-cond);font-weight:600;font-size:var(--t-s);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.days-cta-arrow{transition:transform .25s var(--ease)}

@media (hover:hover){
  .days-card:hover{border-color:var(--c-or)}
  .days-card:hover .days-num{color:var(--c-or)}
  .days-card:hover .days-photo img{filter:grayscale(0) contrast(1.05) brightness(.82);transform:scale(1.04)}
  .days-card:hover .days-cta-arrow{transform:translateX(3px)}
}

.js-days .days-card{opacity:0;transform:translateY(12px)}
.js-days .days-card.is-in{opacity:1;transform:none}
.js-days .days-card.is-in:active{transform:scale(.985)}

@media (min-width:960px){
  .days{padding-block:var(--s-8)}
  .days-head{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:var(--s-6)}
  .days-head .eyebrow{order:2;padding-bottom:.6em}
  .days-card{max-width:none;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:1fr auto;grid-template-areas:"photo prog" "photo buy"}
  .days-photo{height:auto;min-height:100%}
  .days-tag{margin:var(--s-4)}
  .days-date{padding:0 var(--s-5) var(--s-4)}
  .days-num{font-size:5.5rem}
  .days-prog{justify-content:center;gap:var(--s-4);padding:var(--s-6) var(--s-6) 0}
  .days-genre{font-size:clamp(2.2rem,3.4vw,3rem)}
  .days-tl>li{min-height:48px}
  .days-buy{margin:var(--s-4) var(--s-6) var(--s-6)}
  .days-price{font-size:2.4rem}
}

@media (prefers-reduced-motion:reduce){
  .days-card,.days-photo img,.days-cta-arrow{transition:none}
  .days-card:active{transform:none}
  .days-card:hover .days-photo img{transform:none}
  .js-days .days-card{opacity:1;transform:none}
}
