/* r355 shop outcome episodes: digital products are shown in use, never as physical goods. */
.shop-program{padding-top:clamp(40px,6vw,78px)!important;background:transparent}
.shop-program-head{max-width:760px;margin:0 auto clamp(26px,4vw,46px);text-align:center}
.shop-program-head h2{margin:.55rem 0 .75rem;font:760 clamp(2.1rem,5vw,4.2rem)/.98 "Space Grotesk",Inter,sans-serif;letter-spacing:-.055em;text-wrap:balance}
.shop-program-head p{max-width:650px;margin:0 auto;color:var(--muted);font-size:clamp(.98rem,1.8vw,1.12rem);line-height:1.65}
.shop-episode-shell{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr);max-width:1180px;margin:0 auto;overflow:hidden;border:1px solid rgba(17,24,39,.1);border-radius:clamp(24px,3vw,38px);background:#fbfbf7;color:#111827;box-shadow:0 34px 90px -52px rgba(2,8,23,.72)}
.shop-episode-media{--ep-a:#7149ff;--ep-b:#18bce2;position:relative;min-height:650px;overflow:hidden;background:linear-gradient(137deg,#c4b5fd 0%,#f5d0fe 48%,#9ee8ff 100%);isolation:isolate}
.shop-episode-shell[data-episode-sku="followup_desk"] .shop-episode-media{--ep-a:#00a881;--ep-b:#277bed;background:linear-gradient(137deg,#a7f3d0 0%,#93c5fd 52%,#d8b4fe 100%)}
.shop-episode-shell[data-episode-sku="cta_rewrites"] .shop-episode-media{--ep-a:#eb2e78;--ep-b:#7c3aed;background:linear-gradient(137deg,#fecaca 0%,#f9a8d4 48%,#c4b5fd 100%)}
.shop-episode-shell[data-episode-sku="workbook"] .shop-episode-media{--ep-a:#1f62e8;--ep-b:#d5a300;background:linear-gradient(137deg,#bfdbfe 0%,#ddd6fe 48%,#fde68a 100%)}
.shop-episode-shell[data-episode-sku="bundle"] .shop-episode-media{--ep-a:#f04491;--ep-b:#257de5;background:linear-gradient(137deg,#ffe3ac 0%,#ffb6d9 47%,#a8d8ff 100%)}
.shop-episode-media::before{position:absolute;inset:-18%;z-index:-1;background:repeating-radial-gradient(circle at 54% 48%,rgba(255,255,255,.45) 0 1px,transparent 1px 42px);content:"";animation:shopEpisodeDrift 18s linear infinite}
.shop-episode-media::after{position:absolute;right:-10%;bottom:14%;z-index:-1;width:74%;height:2px;background:linear-gradient(90deg,transparent,var(--ep-a),var(--ep-b),transparent);box-shadow:0 -120px 0 color-mix(in srgb,var(--ep-a) 32%,transparent),0 120px 0 color-mix(in srgb,var(--ep-b) 28%,transparent);content:"";transform:rotate(-14deg);opacity:.7}
.shop-episode-status{position:absolute;z-index:3;top:20px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;color:rgba(17,24,39,.72);font:750 .66rem/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.shop-episode-status span{display:flex;align-items:center;gap:.55rem}.shop-episode-status i{width:8px;height:8px;border-radius:50%;background:var(--ep-a);box-shadow:0 0 0 6px color-mix(in srgb,var(--ep-a) 18%,transparent)}
.shop-episode-frame{position:absolute;inset:58px clamp(24px,5vw,68px) 52px;margin:0}
.shop-episode-frame img{position:absolute;display:block;border:0;background:#fff;box-shadow:0 28px 58px -30px rgba(8,15,35,.58);transition:opacity .18s ease,transform .36s cubic-bezier(.2,.75,.25,1)}
.shop-episode-frame[data-episode-kind="document"] img{top:0;left:7%;width:86%;height:90%;border-radius:14px;object-fit:cover;object-position:top}
.shop-episode-frame[data-episode-kind="interface"] img{top:15%;left:0;width:100%;height:68%;border-radius:20px;object-fit:cover;object-position:50% 55%}
.shop-episode-frame img.is-switching{opacity:0;transform:translateY(7px) scale(.99)}
.shop-episode-frame figcaption{position:absolute;right:0;bottom:0;left:0;padding:.72rem .9rem;border-radius:12px;background:#111827;color:#fff;font:720 clamp(.9rem,1.5vw,1.08rem)/1.2 "Space Grotesk",Inter,sans-serif;text-align:center}
.shop-episode-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,52px);background:#fbfbf7;color:#111827}
.shop-episode-tabs{display:flex;flex-wrap:wrap;gap:.48rem;margin-bottom:2rem}
.shop-episode-tabs button{appearance:none;min-height:38px;padding:.62rem .76rem;border:1px solid rgba(17,24,39,.15);border-radius:999px;background:transparent;color:#596174;cursor:pointer;font:680 .76rem/1 Inter,sans-serif}
.shop-episode-tabs button span{margin-left:.2rem;opacity:.72}.shop-episode-tabs button[aria-selected="true"]{border-color:#111827;background:#111827;color:#fff}.shop-episode-tabs button:focus-visible{outline:3px solid #22d3ee;outline-offset:2px}
.shop-episode-panel{outline:none}.shop-episode-panel:focus-visible{outline:3px solid #22d3ee;outline-offset:8px;border-radius:12px}
.shop-episode-kicker{display:block;margin-bottom:.72rem;color:#5f40cc;font:760 .67rem/1.3 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.shop-episode-panel h3{margin:0;color:#111827;font:760 clamp(2rem,3.6vw,3.25rem)/.98 "Space Grotesk",Inter,sans-serif;letter-spacing:-.05em;text-wrap:balance}
.shop-episode-panel>p:not(.shop-episode-fine){margin:.95rem 0 0;color:#596174;line-height:1.65}
.shop-episode-panel ul{display:grid;gap:.65rem;margin:1.25rem 0 1.45rem;padding:0;list-style:none}.shop-episode-panel li{position:relative;padding-left:1.45rem;color:#596174;line-height:1.45}.shop-episode-panel li::before{position:absolute;left:0;color:#00896c;font-weight:900;content:"\2713"}
.shop-episode-actions{display:flex;flex-wrap:wrap;gap:.7rem}.shop-episode-actions .btn{justify-content:center}.shop-episode-actions .btn-ghost{border-color:rgba(17,24,39,.2);color:#111827}
.shop-episode-fine{margin-top:1.15rem!important;color:#747b8b!important;font-size:.76rem!important;line-height:1.5!important}

/* The lower catalogue remains a factual text index; rejected physical-product miniatures are removed. */
#pdfs .pvisual,#pdfs .bt-legacy-card-photo{display:none!important}
#pdfs .pvisual-note{display:none!important}
#pdfs .pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
#pdfs .pcard{min-height:0;padding:clamp(1.1rem,2vw,1.55rem)}
#pdfs .pcard.featured{grid-column:auto;grid-template-columns:1fr}
#pdfs .pcard.featured .fx2{align-self:end}

@keyframes shopEpisodeDrift{to{transform:rotate(360deg)}}
@media(max-width:900px){.shop-episode-shell{grid-template-columns:1fr}.shop-episode-media{min-height:590px}.shop-episode-copy{padding:32px}.shop-episode-frame{inset:58px 11% 50px}}
@media(max-width:640px){.shop-program>.wrap{width:100%}.shop-program-head{width:calc(100% - 32px)}.shop-episode-shell{border-right:0;border-left:0;border-radius:0}.shop-episode-media{min-height:470px}.shop-episode-frame{inset:54px 16px 46px}.shop-episode-frame[data-episode-kind="document"] img{left:6%;width:88%;height:88%;border-radius:10px}.shop-episode-frame[data-episode-kind="interface"] img{top:19%;height:62%;border-radius:12px}.shop-episode-status{right:16px;left:16px}.shop-episode-copy{padding:26px 20px 30px}.shop-episode-tabs{display:grid;grid-template-columns:1fr 1fr}.shop-episode-tabs button{text-align:left}.shop-episode-actions{display:grid}.shop-episode-actions .btn{width:100%}#pdfs .pgrid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.shop-episode-media::before,.shop-episode-frame img{animation:none!important;transition:none!important}}

/* A rotated phone should still show a clear route into the catalogue. */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape) {
  .hero { padding:1.2rem 0 1.8rem !important; }
  .hero .eyebrow, .hero .sub { display:none !important; }
  .hero h1 { max-width:22ch !important; font-size:clamp(2.05rem,5.4vw,3.05rem) !important; margin:.35rem auto .55rem !important; }
  .hero-actions { gap:.55rem; }
  .hero-actions { margin-bottom:.55rem !important; }
  .hero-actions .btn { min-height:42px; }
  .hero-chips { display:none !important; }
  .cookie-banner { right:10px !important; bottom:10px !important; left:auto !important; width:min(260px,calc(100vw - 20px)) !important; padding:.55rem .7rem !important; border-radius:12px !important; }
  .cookie-banner p { margin:0 0 .45rem !important; font-size:.7rem !important; line-height:1.3 !important; }
  .cookie-banner .ck-btns { gap:.35rem !important; }
  .cookie-banner .ck-btns button { min-height:40px !important; padding:.42rem .5rem !important; font-size:.72rem !important; }
}