/* Text-based product cover. All text stays in normal document flow. */
.osp-public-cover{display:grid;grid-template-rows:auto 1fr auto;align-items:stretch;justify-content:stretch;gap:26px;min-height:330px;aspect-ratio:16/9;padding:26px 30px;border:1px solid rgba(115,146,255,.32);border-radius:22px;box-sizing:border-box;text-align:left;background:radial-gradient(ellipse at 96% 5%,rgba(99,78,218,.3),transparent 58%),radial-gradient(ellipse at 0% 95%,rgba(0,190,224,.12),transparent 55%),linear-gradient(135deg,#101a32,#101426 65%,#19132e);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);color:#eff4ff}
.osp-public-cover::before{inset:auto -45px -130px auto;width:300px;height:300px;border-radius:50%;transform:none;border:1px solid rgba(120,156,255,.12);box-shadow:0 0 0 35px rgba(125,145,255,.025);z-index:-1}
.osp-public-cover .cshop-cover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative}
.osp-public-cover .cshop-cover-brand{display:inline-flex;align-items:center;gap:8px;color:#e7edff;font-size:.76rem;font-weight:750;letter-spacing:-.01em}
.osp-public-cover .cshop-cover-brand svg{color:#38d2ed;flex-shrink:0}
.osp-public-cover .cshop-cover-category{display:inline-flex;align-items:center;max-width:100%;padding:5px 10px;border:1px solid rgba(137,167,238,.24);border-radius:999px;background:rgba(123,155,245,.06);color:#c8d7ff;font-size:.65rem;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.osp-public-cover .cshop-cover-content{display:grid;grid-template-columns:minmax(0,1fr) 105px;align-items:center;gap:24px;position:relative;min-width:0}
.osp-public-cover .cshop-cover-copy{display:grid;justify-items:start;gap:13px;min-width:0}
.osp-public-cover .cshop-cover-eyebrow{font-size:.56rem;line-height:1.6;font-weight:750;letter-spacing:.16em;color:#65d8ee}
.osp-public-cover .cshop-cover-copy .cshop-cover-name{position:static;margin:0;padding:0;max-width:100%;font-size:clamp(1.7rem,2.8vw,2.7rem);font-weight:800;line-height:1.13;letter-spacing:-.045em;color:#f4f7ff;overflow-wrap:anywhere;text-wrap:balance}
.osp-public-cover .cshop-cover-copy p{position:static;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;max-width:440px;font-size:.76rem;font-weight:400;line-height:1.75;color:#b3c1de;overflow-wrap:anywhere}
.osp-public-cover .cshop-cover-version{display:inline-block;font-size:.64rem;line-height:1.5;font-weight:600;color:#c4d3f3}
.osp-public-cover .cshop-cover-art{display:grid;align-content:center;justify-items:center;gap:13px;padding:13px 12px 18px;border:1px solid rgba(134,157,255,.25);border-radius:17px;background:linear-gradient(145deg,rgba(122,143,255,.12),rgba(96,111,201,.025));transform:rotate(-6deg);box-shadow:0 15px 35px rgba(0,0,0,.15)}
.osp-public-cover .cshop-cover-art-dots{display:flex;justify-self:start;gap:4px}.osp-public-cover .cshop-cover-art-dots i{width:4px;height:4px;background:#8ca6dc;border-radius:50%;opacity:.7}
.osp-public-cover .cshop-cover-art-icon{display:flex;color:#8eb6ff}.osp-public-cover .cshop-cover-art-icon svg{width:48px;height:48px}.osp-public-cover .cshop-cover-art-line{display:block;width:62px;height:4px;border-radius:4px;background:rgba(145,176,242,.32)}.osp-public-cover .cshop-cover-art-line.short{width:38px;justify-self:start;margin-left:8px;background:rgba(93,217,237,.3)}
.osp-public-cover .cshop-cover-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding-top:16px;border-top:1px solid rgba(153,178,234,.14);position:relative}
.osp-public-cover .cshop-cover-footer>span{display:inline-flex;align-items:center;gap:6px;font-size:.59rem;line-height:1.6;font-weight:500;color:#a5b7da}.osp-public-cover .cshop-cover-footer svg{flex-shrink:0;color:#779cdb}
@media(min-width:1024px) and (max-width:1200px){.osp-public-cover .cshop-cover-content{grid-template-columns:minmax(0,1fr) 76px;gap:16px}.osp-public-cover .cshop-cover-art-icon svg{width:40px;height:40px}.osp-public-cover .cshop-cover-art-line{width:44px}.osp-public-cover .cshop-cover-art-line.short{width:28px}}
@media(max-width:600px){.osp-public-cover{aspect-ratio:auto;min-height:295px;padding:21px;gap:24px;border-radius:18px}.osp-public-cover .cshop-cover-content{grid-template-columns:minmax(0,1fr);gap:0}.osp-public-cover .cshop-cover-art{display:none}.osp-public-cover .cshop-cover-copy{gap:11px}.osp-public-cover .cshop-cover-copy .cshop-cover-name{font-size:clamp(1.65rem,7vw,2.2rem)}.osp-public-cover .cshop-cover-copy p{font-size:.73rem}.osp-public-cover .cshop-cover-brand{font-size:.71rem}.osp-public-cover .cshop-cover-category{font-size:.6rem}.osp-public-cover .cshop-cover-footer{gap:8px 14px;padding-top:14px}.osp-public-cover .cshop-cover-eyebrow{font-size:.51rem}}

/* Product price and release metadata. */
.osp-public-cover .cshop-cover-content{grid-template-columns:minmax(0,1fr) 100px}
.osp-public-cover .cshop-cover-purchase-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px}
.osp-public-cover .cshop-cover-price-block{display:grid;gap:4px;min-width:0}
.osp-public-cover .cshop-cover-price-label{display:block;font-size:.61rem;line-height:1.5;font-weight:600;color:#a8bddd}
.osp-public-cover .cshop-cover-price{display:block;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:800;line-height:1.2;letter-spacing:-.04em;color:#f4f8ff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.osp-public-cover .cshop-cover-billing{font-size:.58rem;line-height:1.5;color:#95acca}
.osp-public-cover .cshop-cover-release{display:grid;gap:5px;flex-shrink:0;padding:10px 14px;border:1px solid rgba(111,169,246,.22);border-radius:12px;background:rgba(73,136,224,.07);text-align:right;color:#dceaff}
.osp-public-cover .cshop-cover-release>span{font-size:.48rem;letter-spacing:.13em;line-height:1.6;font-weight:700;color:#87a4cc}
.osp-public-cover .cshop-cover-release>strong{font-size:1rem;line-height:1.4;letter-spacing:.02em;overflow-wrap:anywhere;max-width:150px}
@media(max-width:600px){.osp-public-cover{min-height:335px}.osp-public-cover .cshop-cover-content{grid-template-columns:minmax(0,1fr)}.osp-public-cover .cshop-cover-release{padding:9px 11px}.osp-public-cover .cshop-cover-price{font-size:1.65rem}.osp-public-cover .cshop-cover-purchase-meta{gap:12px}}

/* Compact public catalogue artwork; scoped away from customer/admin pages. */
.pdp-public-thumbnail{min-width:0;margin:0 0 24px}.pdp-public-thumbnail>.osp-public-cover{width:100%}
.store-card-cover.store-card-cover--text{display:block;min-height:0;aspect-ratio:auto;padding:0;background:none}
.store-card-cover--text>.osp-public-cover--compact{display:grid;grid-template-rows:auto 1fr auto;gap:18px;width:100%;min-height:285px;aspect-ratio:auto;padding:21px;border:0;border-radius:0;box-shadow:none}
.osp-public-cover--compact .cshop-cover-header{gap:8px}.osp-public-cover--compact .cshop-cover-brand{font-size:.62rem}.osp-public-cover--compact .cshop-cover-brand svg{width:14px;height:14px}.osp-public-cover--compact .cshop-cover-category{font-size:.54rem;padding:4px 8px}
.osp-public-cover--compact .cshop-cover-content{grid-template-columns:minmax(0,1fr)!important;gap:0}.osp-public-cover--compact .cshop-cover-art{display:none}.osp-public-cover--compact .cshop-cover-copy{gap:8px}.osp-public-cover--compact .cshop-cover-eyebrow{font-size:.46rem;letter-spacing:.12em}
.osp-public-cover--compact .cshop-cover-copy .cshop-cover-name{display:block;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.2;letter-spacing:-.035em}.osp-public-cover--compact .cshop-cover-copy p{font-size:.65rem;line-height:1.6;-webkit-line-clamp:2;max-width:none}
.osp-public-cover.osp-public-cover--compact .cshop-cover-purchase-meta{gap:12px;padding-top:13px}.osp-public-cover.osp-public-cover--compact .cshop-cover-price{font-size:1.4rem}.osp-public-cover.osp-public-cover--compact .cshop-cover-price-label{font-size:.52rem}.osp-public-cover.osp-public-cover--compact .cshop-cover-billing{font-size:.5rem}.osp-public-cover.osp-public-cover--compact .cshop-cover-release{padding:7px 9px;gap:2px}.osp-public-cover.osp-public-cover--compact .cshop-cover-release>span{font-size:.4rem}.osp-public-cover.osp-public-cover--compact .cshop-cover-release>strong{font-size:.76rem;max-width:90px}
@media(max-width:800px){.pdp-public-thumbnail{grid-row:3;width:100%}}
@media(prefers-reduced-motion:reduce){.osp-public-cover *{transition:none!important}}

.osp-public-cover{position:relative;isolation:isolate;overflow:hidden}

.osp-public-cover .cshop-cover-footer>.cshop-cover-release{display:grid}