/* VidioPay Console QA 0.1.13 opt-in shortcode only. Core player/access CSS untouched. */
.vpqa-ott-storefront{box-sizing:border-box;max-width:1440px;margin-inline:auto;padding:clamp(18px,2.5vw,40px);background:#0e1b29;border-radius:8px;min-width:0;color:#eaf3f9}
.vpqa-ott-storefront *, .vpqa-ott-storefront *:before,.vpqa-ott-storefront *:after{box-sizing:border-box}
.vpqa-ott-storefront-intro{margin:0 0 30px}
.vpqa-ott-storefront-intro h2{font-size:clamp(25px,3vw,43px);line-height:1.15;color:#f3f8fb;margin:0 0 9px}
.vpqa-ott-storefront-intro p{color:#b7c9d5;font-size:clamp(15px,1.2vw,18px);margin:0}
.vpqa-ott-storefront-row{min-width:0}
.vpqa-ott-storefront-row .vidiopay-shelf-grid{min-width:0}
.vpqa-ott-storefront .vidiopay-card{border-radius:8px}
.vpqa-ott-storefront-featured .vidiopay-poster{aspect-ratio:16/9}
.vpqa-ott-storefront-featured .vidiopay-card{border:1px solid rgba(139,201,221,.34)}
@media(max-width:700px){.vpqa-ott-storefront{padding:16px 12px}.vpqa-ott-storefront-row .vidiopay-shelf-grid{gap:12px}}

/* 0.1.13 starter pages: scoped to user-installed, editable layouts only. */
.vpqa-template-shell{box-sizing:border-box;isolation:isolate;width:100%;max-width:1600px;margin-inline:auto;padding:clamp(20px,4vw,56px);background:#08131f;color:#eef3fa;min-width:0}
.vpqa-template-shell *{box-sizing:border-box}
.vpqa-template-shell .vpqa-template-section{max-width:100%;min-width:0;margin:0 0 clamp(30px,4vw,65px)}
.vpqa-template-shell .vpqa-template-section-intro{padding-block:clamp(36px,7vw,104px) clamp(24px,5vw,60px);max-width:900px}
.vpqa-template-shell .vpqa-template-section-intro h1{font-size:clamp(38px,5.5vw,84px);line-height:1.06;letter-spacing:-.038em;max-width:920px;color:#fff;margin:12px 0 20px;font-weight:760}
.vpqa-template-shell .vpqa-template-section-intro p:not(.vpqa-template-eyebrow){max-width:700px;font-size:clamp(16px,1.45vw,20px);line-height:1.7;color:#b7c7d6}
.vpqa-template-shell .vpqa-template-eyebrow{color:#58c4c5!important;font-size:12px!important;letter-spacing:.23em;text-transform:uppercase;font-weight:800}
.vpqa-template-shell .vpqa-template-section-shelf h2,.vpqa-template-shell .vpqa-template-section-footer h2{font-size:clamp(22px,2.5vw,34px);line-height:1.25;color:#f8fbff;margin:0 0 22px}
.vpqa-template-shell .vpqa-template-section-shelf p,.vpqa-template-shell .vpqa-template-section-footer p{color:#aabccf}
.vpqa-template-shell .vpqa-template-section-hero{min-height:clamp(180px,27vw,430px);overflow:hidden;border-radius:8px;background:linear-gradient(120deg,#132e41,#07121b)}
.vpqa-template-shell .vidiopay-shelf{max-width:100%;min-width:0}
.vpqa-template-shell .vidiopay-shelf-grid{min-width:0;gap:clamp(12px,1.65vw,23px)}
.vpqa-template-shell .vidiopay-card{border-radius:8px!important;box-shadow:0 10px 28px rgba(0,0,0,.23)}
.vpqa-template-shell .vpqa-template-section-footer{padding:clamp(24px,4vw,60px);border:1px solid rgba(255,255,255,.14);border-radius:8px;text-align:center;background:linear-gradient(130deg,rgba(38,84,102,.48),rgba(7,18,31,.88))}
.vpqa-template-shell .vpqa-template-section-footer h2{margin-bottom:10px}
.vpqa-theme-premiere{background:linear-gradient(160deg,#06121c,#0c1d2d 56%,#07131b)}
.vpqa-theme-premiere .vpqa-template-section-intro{max-width:1000px}
.vpqa-theme-premiere .vpqa-template-shelf-1 .vidiopay-poster,.vpqa-theme-series .vpqa-template-shelf-1 .vidiopay-poster{aspect-ratio:16/9}
.vpqa-theme-noir{background:linear-gradient(180deg,#0a0a10,#17131e 40%,#0b0c14)}
.vpqa-theme-noir .vpqa-template-eyebrow{color:#dfad77!important}
.vpqa-theme-noir .vpqa-template-section-intro{padding-top:clamp(24px,4vw,68px)}
.vpqa-theme-noir .vpqa-template-section-footer{background:linear-gradient(120deg,#302234,#15121d)}
.vpqa-theme-noir .vidiopay-card{border:1px solid rgba(255,255,255,.09)}
.vpqa-theme-series{background:linear-gradient(160deg,#061720,#10333a 48%,#081b27)}
.vpqa-theme-series .vpqa-template-eyebrow{color:#80dbbd!important}
.vpqa-theme-series .vpqa-template-section-hero{border:1px solid rgba(107,213,188,.22)}
.vpqa-theme-series .vpqa-template-section-footer{background:linear-gradient(120deg,#143e48,#081d2a)}
@media(max-width:760px){.vpqa-template-shell{padding:20px 12px}.vpqa-template-shell .vpqa-template-section-intro{padding:38px 8px 26px}.vpqa-template-shell .vpqa-template-section{margin-bottom:30px}.vpqa-template-shell .vpqa-template-section-hero{min-height:160px}}