/* Approved Corner Shop: the physical spinner owns this section. */
.featured-shop{padding:0 0 48px;background:#100b1a;color:#f5edf9;overflow:clip}
.featured-shop-room{position:relative;background:linear-gradient(180deg,#10091b45,#10091b17 68%,#10091b61),url('/assets/featured-shop/corner-comic-shop-v1.webp') center top/cover}
.featured-shop-intro{display:flex;align-items:baseline;justify-content:space-between;gap:24px;max-width:1180px;min-height:122px;margin:auto;padding:28px 28px 0}
.featured-shop .featured-shop-intro h2{font:400 34px/1.1 var(--font-display);margin:0;text-wrap:balance}
.featured-shop-intro p{font-size:13px;line-height:1.6;max-width:32ch;text-align:right;margin:0;color:#e6d5ec}
.featured-shop .featured-3d-track{height:var(--featured-stage-height,610px);max-width:1440px;margin:0 auto}
.featured-shop .featured-3d-stage{position:relative;top:0;height:var(--featured-stage-height,610px);background:transparent}
.featured-shop .featured-3d-stage canvas{cursor:grab}
.featured-shop .featured-3d-stage.is-spinning canvas{cursor:grabbing}
.featured-shop-browse{display:flex;align-items:center;justify-content:center;gap:18px;padding:6px 20px 20px}
.featured-shop-browse p{font-size:12px;color:#e6d5ec;text-align:center;margin:0;width:250px}
.featured-shop-browse button,.featured-shop-selection button,.featured-shop-picker select{font:inherit;min-height:46px;border:1px solid #817291;background:#21182f;color:#f5edf9;border-radius:0;cursor:pointer}
.featured-shop-browse button{display:grid;place-items:center;width:54px;padding:10px}
.featured-shop-browse svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.featured-shop-browse button:hover{background:#3c2a52}
.featured-shop button:focus-visible,.featured-shop select:focus-visible{outline:3px solid #e4c6ff;outline-offset:4px}
.featured-shop button:disabled{opacity:.45;cursor:default}
.featured-shop-selection{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr auto;align-items:center;gap:36px;padding:25px 0;border-bottom:1px solid #51415e}
.featured-shop-selection h3{font:400 28px/1.05 var(--font-display);margin:0}
#featuredSelectedIssue{font-size:12px;color:#d2b5e4;margin:7px 0 0}
#featuredSelectedCopy{font-size:13px;line-height:1.6;color:#decde6;margin:0;max-width:48ch}
.featured-shop #featuredRead{background:#d4b7eb;color:#20142b;border:0;font-weight:650;min-width:152px;padding:13px 20px}
.featured-shop #featuredRead:hover{background:#e4c6ff}
.featured-shop-picker{display:flex;align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:20px 0}
.featured-shop-picker label{font-size:13px;color:#d6c4e0}
.featured-shop-picker select{font-size:14px;padding:12px 36px 12px 14px;width:min(100%,350px);accent-color:#d4b7eb}
.featured-shop .featured-3d-book-controls button{border:0;background:transparent;box-shadow:none;min-height:0}
.featured-shop .featured-3d-book-controls button:hover{background:#d4b7eb0a}
.featured-shop .featured-3d-book-controls.is-flat{position:relative;padding:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;height:auto}
.featured-shop .featured-3d-book-controls.is-flat button{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:54px;border:1px solid #817291;padding:14px;background:#21182f}
.featured-shop .featured-3d-book-controls.is-flat button span{position:static;clip-path:none;white-space:normal;width:auto;height:auto;margin:0}
.featured-shop .featured-3d-fallback{top:auto;bottom:0;z-index:4;background:#100b1ae8;color:#f5edf9;padding:12px 20px;margin:0}
@media(max-width:1200px){.featured-shop-selection,.featured-shop-picker{margin-left:28px;margin-right:28px}}
@media(max-width:900px){.featured-shop-selection{grid-template-columns:1fr auto}.featured-shop #featuredSelectedCopy{display:none}}
@media(max-width:560px){
 .featured-shop{padding-bottom:28px}.featured-shop-room{background-position:center bottom}
 .featured-shop-intro{display:block;min-height:0;padding:22px 20px 0}
 .featured-shop .featured-shop-intro h2{font-size:28px}
 .featured-shop-intro p{font-size:12px;margin:7px 0 0;max-width:none;text-align:left}
 .featured-shop .featured-3d-track,.featured-shop .featured-3d-stage{height:var(--featured-stage-height,430px)}
 .featured-shop-browse{gap:12px;padding-bottom:17px}.featured-shop-browse p{width:204px}
 .featured-shop-selection{gap:14px;margin:0 20px;padding:22px 0}.featured-shop-selection h3{font-size:25px}
 .featured-shop #featuredRead{min-width:114px;padding:13px 12px;font-size:12px}
 .featured-shop-picker{display:grid;gap:9px;margin:0 20px;padding:18px 0}.featured-shop-picker select{width:100%;font-size:16px}
}
.featured-shop .featured-3d-track:has(.is-flat),.featured-shop .featured-3d-stage:has(.is-flat){height:auto;min-height:300px;overflow:visible}
.featured-shop .featured-3d-stage:has(.is-flat) canvas{display:none}
.featured-shop .featured-3d-book-controls.is-flat{inset:auto}
.featured-shop .featured-3d-stage:has(.is-flat) .featured-3d-fallback{position:static;inset:auto;transform:none;width:auto;margin:0 20px 20px}
.featured-shop:has(.is-flat) .featured-shop-browse{display:none}