/* YB Video MVC Phase 6: responsive full-width layouts and billing-period distinction. */
.marketing,.profile-wrap,.public-wrap{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;padding-left:clamp(16px,2vw,36px)!important;padding-right:clamp(16px,2vw,36px)!important}
.price-grid{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.video-library-grid,.public-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;width:100%!important;max-width:none!important}
.profile-video-card,.public-video{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.profile-video-thumb,.public-video .video-library-thumb,.public-video img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:9/16!important;object-fit:cover!important;max-width:100%!important}
/* Keep profile action buttons adjacent to their respective fields. */
#usernameForm,#couponForm{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;justify-content:flex-start!important;gap:8px!important}
#usernameForm>label,#couponForm>label{display:flex!important;flex:0 1 360px!important;flex-direction:column!important;gap:6px!important;min-width:min(260px,100%)!important;max-width:420px!important;white-space:normal!important}
#usernameForm>label input,#couponForm>label input{display:block!important;width:100%!important;min-width:0!important;flex:initial!important;box-sizing:border-box!important}
#usernameForm>button,#couponForm>button{flex:0 0 auto!important;margin:0!important;align-self:flex-end!important}
#publicProfileLink a{color:#c8ff00!important;text-decoration:underline!important;text-underline-offset:3px!important}
/* Silver monthly cards, gold annual cards, purple one-time packs. */
.subscription-grid[data-public-period="monthly"] .price{background:linear-gradient(150deg,#292e35 0%,#1a1d22 62%,#131519 100%)!important;border-color:#737b86!important}
.subscription-grid[data-public-period="yearly"] .price{background:linear-gradient(150deg,#3a2e17 0%,#211a0d 62%,#15120b 100%)!important;border-color:#92732e!important}
.subscription-grid[data-public-period="yearly"] .price.featured{border-color:#a3e635!important}
.subscription-grid[data-public-period="yearly"] .price.best-value{border-color:#facc15!important}
.credits-cards[data-subscription-period="monthly"] .credits-card{background:linear-gradient(150deg,#292e35 0%,#1a1d22 62%,#131519 100%)!important;border-color:#737b86!important}
.credits-cards[data-subscription-period="yearly"] .credits-card{background:linear-gradient(150deg,#3a2e17 0%,#211a0d 62%,#15120b 100%)!important;border-color:#92732e!important}
.purchase-group[data-purchase-group="packs"] .credits-card,.price-grid.pack-grid .price{background:linear-gradient(150deg,#21172f 0%,#15121c 58%,#111116 100%)!important;border-color:#604080!important}
@media(max-width:1250px){.video-library-grid,.public-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:980px){.video-library-grid,.public-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:650px){.video-library-grid,.public-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}}
@media(max-width:380px){.video-library-grid,.public-grid{grid-template-columns:1fr!important}}