/* Vevobayi Premium v1.3 — unified sizing + stronger premium polish */
body.vevo-ui-standard{--container:1160px}
body.vevo-ui-large{--container:1240px}
body.vevo-ui-xl{--container:1320px}

/* unified header on every page */
body .topbar-inner{min-height:42px!important;font-size:12.5px!important}
body .navbar{min-height:78px!important;border-radius:20px!important;padding:0 22px 0 24px!important;gap:28px!important;box-shadow:0 18px 48px rgba(22,36,59,.10),0 0 0 1px rgba(61,109,242,.035)!important}
body .brand.has-site-logo{min-width:190px!important}
body .brand .site-logo{height:52px!important;max-width:220px!important}
body .nav-links>ul{gap:24px!important}
body .nav-links>ul>li>a{font-size:13.5px!important;font-weight:700!important;min-height:46px!important;padding:0 3px!important}
body .nav-actions .btn{min-height:48px!important;padding:0 19px!important;font-size:12.5px!important;border-radius:13px!important;font-weight:750!important}
body .nav-links li.drop-down>ul{min-width:230px!important;padding:10px!important;border-radius:14px!important;box-shadow:0 20px 48px rgba(24,37,67,.16)!important}
body .nav-links li.drop-down>ul li a{font-size:12.5px!important;padding:11px 12px!important}
body .crumb-list{font-size:12px!important}

/* bigger, livelier overall UI */
body.vevo-ui-large .btn{font-size:12px!important}
body.vevo-ui-xl .btn{font-size:13px!important}
body.vevo-ui-large .eyebrow{font-size:10px!important;padding:8px 12px!important}
body.vevo-ui-xl .eyebrow{font-size:10.5px!important}
body .section-title h2{font-size:37px!important}
body .section-title p{font-size:14.5px!important}
body .section-title .mini{font-size:12.5px!important}

/* home */
body.vevo-ui-large .hero-copy h1{font-size:51px!important}
body.vevo-ui-large .hero-copy p{font-size:15px!important;line-height:1.75!important}
body.vevo-ui-large .hero-actions .btn{min-height:48px!important;font-size:12.5px!important;padding:0 18px!important}
body.vevo-ui-large .platform-card{min-height:108px!important;padding:14px!important;border-radius:18px!important}
body.vevo-ui-large .platform-card .platform-logo{width:48px!important;height:48px!important;font-size:21px!important}
body.vevo-ui-large .platform-card span{font-size:11px!important}
body.vevo-ui-large .activity-copy{font-size:13.5px!important}
body.vevo-ui-large .activity-copy b{font-size:17px!important}
body.vevo-ui-large .package-grid{gap:16px!important}
body.vevo-ui-large .package-card{padding:16px!important;border-radius:20px!important;box-shadow:0 12px 30px rgba(31,39,77,.06)!important}
body.vevo-ui-large .package-icon{width:64px!important;height:64px!important;font-size:28px!important}
body.vevo-ui-large .package-info strong{font-size:14px!important}
body.vevo-ui-large .package-info .pkg-name{font-size:13.5px!important;margin:3px 0!important}
body.vevo-ui-large .package-info .pkg-price{font-size:13.5px!important}
body.vevo-ui-large .package-card .buy{min-height:44px!important;font-size:12px!important;border-radius:12px!important}
body.vevo-ui-large .quick-copy{padding:34px!important}
body.vevo-ui-large .quick-copy h3{font-size:32px!important}
body.vevo-ui-large .quick-copy p{font-size:14px!important}
body.vevo-ui-large .quick-point{font-size:12px!important;padding:13px!important}
body.vevo-ui-large .quick-card h4{font-size:18px!important}
body.vevo-ui-large .stats-strip .stat-box b{font-size:22px!important}
body.vevo-ui-large .stats-strip .stat-box span{font-size:12px!important}
body.vevo-ui-large .test-card{padding:19px!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(22,36,59,.05)!important}
body.vevo-ui-large .person-avatar{width:42px!important;height:42px!important;border-radius:12px!important}
body.vevo-ui-large .person b{font-size:13.5px!important}
body.vevo-ui-large .person span{font-size:11px!important}
body.vevo-ui-large .test-card p{font-size:12.5px!important;line-height:1.7!important}
body.vevo-ui-large .testimonial-center{min-height:350px!important;border-radius:20px!important;box-shadow:0 18px 45px rgba(61,109,242,.16)!important}
body.vevo-ui-large .center-figure{width:158px!important;height:158px!important;font-size:62px!important}
body.vevo-ui-large .satisfaction{font-size:12px!important;padding:12px 17px!important}
body.vevo-ui-large .faq-q{font-size:13px!important;min-height:64px!important}
body.vevo-ui-large .faq-a{font-size:12px!important;line-height:1.7!important}

/* page hero / platform / categories */
body.vevo-ui-large .platform-panel{padding:34px!important;border-radius:26px!important;box-shadow:0 20px 55px rgba(22,36,59,.09)!important}
body.vevo-ui-large .platform-copy h1{font-size:38px!important}
body.vevo-ui-large .platform-copy p{font-size:13px!important;line-height:1.75!important}
body.vevo-ui-large .platform-benefit{font-size:10.5px!important;padding:8px 11px!important}
body.vevo-ui-large .mini-stat b{font-size:20px!important}
body.vevo-ui-large .mini-stat span{font-size:9.5px!important}
body.vevo-ui-large .category-head h2{font-size:30px!important}
body.vevo-ui-large .category-head p{font-size:12px!important}
body.vevo-ui-large .category-card{padding:17px!important;min-height:120px!important;border-radius:17px!important}
body.vevo-ui-large .category-card h3{font-size:13px!important}
body.vevo-ui-large .category-card span{font-size:10px!important}
body.vevo-ui-large .category-icon{width:46px!important;height:46px!important;font-size:16px!important}
body.vevo-ui-large .package-area .package-card{padding:18px!important}
body.vevo-ui-large .package-area .pkg-title strong{font-size:14px!important}
body.vevo-ui-large .package-area .pkg-title span{font-size:10.5px!important}
body.vevo-ui-large .package-area .pkg-price{font-size:22px!important}
body.vevo-ui-large .package-area .pkg-meta span,body.vevo-ui-large .package-area .pkg-features li{font-size:10.5px!important}

/* order page */
body.vevo-ui-large .order-page{padding-top:34px!important}
body.vevo-ui-large .product-card,body.vevo-ui-large .order-card{padding:26px!important;border-radius:24px!important;box-shadow:0 18px 45px rgba(22,36,59,.08)!important}
body.vevo-ui-large .product-head h1{font-size:27px!important}
body.vevo-ui-large .product-head small{font-size:10.5px!important}
body.vevo-ui-large .product-price-box .price{font-size:34px!important}
body.vevo-ui-large .meta-card{padding:16px!important}
body.vevo-ui-large .meta-card b{font-size:11.5px!important}
body.vevo-ui-large .meta-card span{font-size:9.5px!important}
body.vevo-ui-large .feature-list li{font-size:11.5px!important}
body.vevo-ui-large .order-title h2{font-size:24px!important}
body.vevo-ui-large .order-title p{font-size:12px!important}
body.vevo-ui-large .form-label{font-size:10.5px!important}
body.vevo-ui-large .input-wrap input,body.vevo-ui-large .input-wrap select,body.vevo-ui-large .input-wrap textarea{font-size:12px!important}
body.vevo-ui-large .summary-row{font-size:11px!important}
body.vevo-ui-large .summary-total b{font-size:28px!important}
body.vevo-ui-large .order-submit{font-size:12.5px!important;min-height:56px!important}
body.vevo-ui-large .accordion-btn{font-size:12px!important}
body.vevo-ui-large .accordion-content{font-size:11.5px!important;line-height:1.8!important}

/* contact page: fix home contact-card collision and make labels always visible */
body .contact-page .contact-cards{gap:14px!important}
body .contact-page .contact-card{justify-content:flex-start!important;align-items:center!important;gap:14px!important;background:#fff!important;color:#22324d!important;min-height:92px!important;padding:19px!important;border:1px solid #e3e8f1!important;box-shadow:0 12px 30px rgba(22,36,59,.055)!important;overflow:visible!important}
body .contact-page .contact-card>div:last-child{display:block!important;min-width:0!important;opacity:1!important;visibility:visible!important;text-align:left!important}
body .contact-page .contact-card b{display:block!important;color:#22324d!important;font-size:13px!important;font-weight:800!important;opacity:1!important;visibility:visible!important;text-decoration:none!important}
body .contact-page .contact-card span{display:block!important;color:#738098!important;font-size:10.5px!important;opacity:1!important;visibility:visible!important;margin-top:3px!important}
body .contact-page .contact-icon{width:48px!important;height:48px!important;font-size:17px!important;flex:0 0 48px!important}
body.vevo-ui-large .contact-page .hero h1{font-size:39px!important}
body.vevo-ui-large .contact-page .hero p{font-size:13px!important}
body.vevo-ui-large .form-card,body.vevo-ui-large .side-card{padding:24px!important;border-radius:22px!important}
body.vevo-ui-large .form-card h2,body.vevo-ui-large .side-card h3{font-size:18px!important}
body.vevo-ui-large .form-card>p,body.vevo-ui-large .side-card>p{font-size:11px!important}
body.vevo-ui-large .label{font-size:10.5px!important}

/* blog, faq, legal, about */
body.vevo-ui-large .blog-hero h1,body.vevo-ui-large .faq-hero h1,body.vevo-ui-large .policy-hero h1,body.vevo-ui-large .legal-hero h1{font-size:39px!important}
body.vevo-ui-large .blog-hero p,body.vevo-ui-large .faq-hero p,body.vevo-ui-large .policy-hero p,body.vevo-ui-large .legal-hero p{font-size:12.5px!important}
body.vevo-ui-large .post-card h3{font-size:14px!important}
body.vevo-ui-large .post-card p{font-size:10.5px!important}
body.vevo-ui-large .article-content{font-size:12px!important}
body.vevo-ui-large .article-content p,body.vevo-ui-large .article-content li{font-size:11.5px!important}
body.vevo-ui-large .faq-question b{font-size:11.5px!important}
body.vevo-ui-large .faq-answer-inner{font-size:10.5px!important}
body.vevo-ui-large .policy-card,body.vevo-ui-large .legal-card{padding:24px!important}
body.vevo-ui-large .policy-card p,body.vevo-ui-large .policy-card li,body.vevo-ui-large .legal-card p,body.vevo-ui-large .legal-card li{font-size:11px!important}

/* premium interactive polish */
body .platform-card,body .package-card,body .category-card,body .contact-card,body .test-card,body .meta-card,body .post-card,body .side-card,body .form-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
body .platform-card:hover,body .package-card:hover,body .category-card:hover,body .contact-card:hover,body .test-card:hover,body .post-card:hover{transform:translateY(-4px)!important;border-color:rgba(61,109,242,.26)!important;box-shadow:0 20px 46px rgba(39,69,138,.12)!important}
body .btn-pink,body .btn-primary{box-shadow:0 12px 28px rgba(61,109,242,.22)!important}

@media(max-width:1050px){
 body .navbar{min-height:70px!important;padding:0 15px!important}
 body .brand .site-logo{height:46px!important;max-width:195px!important}
 body .brand.has-site-logo{min-width:0!important}
}
@media(max-width:700px){
 body.vevo-ui-large{--container:100%}
 body .navbar{min-height:64px!important;border-radius:16px!important}
 body .brand .site-logo{height:41px!important;max-width:175px!important}
 body.vevo-ui-large .hero-copy h1{font-size:34px!important}
 body .section-title h2{font-size:30px!important}
 body.vevo-ui-large .platform-panel{padding:22px!important}
 body.vevo-ui-large .platform-copy h1{font-size:29px!important}
 body .contact-page .contact-card{min-height:82px!important;padding:15px!important}
}


/* =========================================================
   Vevobayi Premium v1.4 — wider desktop canvas + larger UI
   ========================================================= */
body.vevo-ui-standard{--container:1320px}
body.vevo-ui-large{--container:1460px}
body.vevo-ui-xl{--container:1580px}

/* More confident typography on desktop */
@media(min-width:1051px){
  body.vevo-ui-large .hero-copy h1{font-size:56px!important;line-height:1.08!important}
  body.vevo-ui-large .hero-copy p{font-size:16.5px!important;max-width:690px!important}
  body.vevo-ui-large .hero-actions .btn{min-height:52px!important;font-size:13.5px!important;padding:0 21px!important}
  body .section-title h2{font-size:42px!important;letter-spacing:-.7px!important}
  body .section-title p{font-size:16px!important}
  body .section-title .mini{font-size:13px!important}

  /* Dynamic number of platforms fills the row instead of leaving empty columns */
  body .platform-section .platform-grid{
    grid-template-columns:repeat(auto-fit,minmax(112px,1fr))!important;
    gap:12px!important;
  }
  body.vevo-ui-large .platform-card{min-height:120px!important;padding:16px 10px!important}
  body.vevo-ui-large .platform-card .platform-logo{width:56px!important;height:56px!important;font-size:25px!important;border-radius:17px!important}
  body.vevo-ui-large .platform-card span{font-size:12.5px!important;line-height:1.25!important}

  body.vevo-ui-large .package-grid{gap:18px!important}
  body.vevo-ui-large .package-card{padding:20px!important;min-height:148px!important}
  body.vevo-ui-large .package-icon{width:70px!important;height:70px!important;font-size:31px!important;border-radius:20px!important}
  body.vevo-ui-large .package-info strong{font-size:15.5px!important}
  body.vevo-ui-large .package-info .pkg-name{font-size:15px!important}
  body.vevo-ui-large .package-info .pkg-price{font-size:15px!important}
  body.vevo-ui-large .package-card .buy{min-height:48px!important;font-size:13px!important}

  body.vevo-ui-large .quick-copy{padding:40px!important}
  body.vevo-ui-large .quick-copy h3{font-size:36px!important}
  body.vevo-ui-large .quick-copy p{font-size:15.5px!important;line-height:1.75!important}
  body.vevo-ui-large .quick-point{font-size:13px!important;padding:14px!important}
  body.vevo-ui-large .quick-card{padding:28px!important}
  body.vevo-ui-large .quick-card h4{font-size:20px!important}

  body.vevo-ui-large .stats-strip .stat-box{padding:20px!important}
  body.vevo-ui-large .stats-strip .stat-box b{font-size:25px!important}
  body.vevo-ui-large .stats-strip .stat-box span{font-size:13px!important}

  body.vevo-ui-large .test-card{padding:22px!important}
  body.vevo-ui-large .person b{font-size:14.5px!important}
  body.vevo-ui-large .person span{font-size:11.8px!important}
  body.vevo-ui-large .test-card p{font-size:13.5px!important}
  body.vevo-ui-large .testimonial-center{min-height:390px!important}
  body.vevo-ui-large .center-figure{width:174px!important;height:174px!important;font-size:68px!important}
  body.vevo-ui-large .satisfaction{font-size:13px!important}

  /* FAQ cards keep their own height; opening one never stretches its neighbour */
  body #sss .faq-grid{align-items:start!important;grid-auto-rows:auto!important;gap:14px!important}
  body #sss .faq-item{align-self:start!important;height:auto!important}
  body.vevo-ui-large #sss .faq-q{font-size:14px!important;min-height:70px!important;padding:0 20px!important}
  body.vevo-ui-large #sss .faq-a{font-size:13px!important;line-height:1.8!important;padding:0 20px 20px!important}
  body #sss .faq-item.open{border-color:rgba(61,109,242,.28)!important;box-shadow:0 15px 34px rgba(39,69,138,.08)!important}

  /* Platform/category pages */
  body.vevo-ui-large .platform-panel{padding:42px!important}
  body.vevo-ui-large .platform-copy h1{font-size:44px!important}
  body.vevo-ui-large .platform-copy p{font-size:15px!important;max-width:820px!important}
  body.vevo-ui-large .platform-benefit{font-size:12px!important;padding:9px 13px!important}
  body.vevo-ui-large .mini-stat{padding:18px!important}
  body.vevo-ui-large .mini-stat b{font-size:23px!important}
  body.vevo-ui-large .mini-stat span{font-size:10.8px!important}
  body.vevo-ui-large .category-head h2{font-size:34px!important}
  body.vevo-ui-large .category-head p{font-size:13.5px!important}
  body.vevo-ui-large .category-card{padding:20px!important;min-height:138px!important}
  body.vevo-ui-large .category-card h3{font-size:14.5px!important}
  body.vevo-ui-large .category-card span{font-size:11px!important}
  body.vevo-ui-large .category-icon{width:52px!important;height:52px!important;font-size:18px!important}
  body.vevo-ui-large .package-area .package-card{padding:21px!important}
  body.vevo-ui-large .package-area .pkg-title strong{font-size:15.5px!important}
  body.vevo-ui-large .package-area .pkg-title span{font-size:11.5px!important}
  body.vevo-ui-large .package-area .pkg-price{font-size:25px!important}
  body.vevo-ui-large .package-area .pkg-meta span,
  body.vevo-ui-large .package-area .pkg-features li{font-size:11.5px!important}

  /* Order page uses substantially more of a 1920px monitor */
  body.vevo-ui-large .order-grid{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    gap:24px!important;
  }
  body.vevo-ui-large .product-card,
  body.vevo-ui-large .order-card{padding:32px!important}
  body.vevo-ui-large .product-head h1{font-size:31px!important}
  body.vevo-ui-large .product-head small{font-size:11.5px!important}
  body.vevo-ui-large .product-price-box .price{font-size:40px!important}
  body.vevo-ui-large .product-price-box .price small{font-size:10.5px!important}
  body.vevo-ui-large .meta-card{padding:19px!important;min-height:105px!important}
  body.vevo-ui-large .meta-card i{width:34px!important;height:34px!important;font-size:12px!important}
  body.vevo-ui-large .meta-card b{font-size:13px!important}
  body.vevo-ui-large .meta-card span{font-size:10.8px!important}
  body.vevo-ui-large .feature-list li{font-size:13px!important;margin-bottom:9px!important}
  body.vevo-ui-large .product-note{font-size:10.5px!important;padding:13px!important}
  body.vevo-ui-large .order-title h2{font-size:28px!important}
  body.vevo-ui-large .order-title p{font-size:13.5px!important}
  body.vevo-ui-large .step-badge{font-size:10.5px!important;padding:9px 13px!important}
  body.vevo-ui-large .form-label{font-size:11.5px!important}
  body.vevo-ui-large .input-wrap input,
  body.vevo-ui-large .input-wrap select,
  body.vevo-ui-large .input-wrap textarea{font-size:13px!important;min-height:58px!important}
  body.vevo-ui-large .help-text{font-size:10.5px!important;line-height:1.7!important}
  body.vevo-ui-large .summary-head{font-size:11.5px!important;min-height:48px!important}
  body.vevo-ui-large .summary-row{font-size:12.5px!important;padding:12px 0!important}
  body.vevo-ui-large .summary-total{padding-top:15px!important}
  body.vevo-ui-large .summary-total b{font-size:34px!important}
  body.vevo-ui-large .order-submit{font-size:14px!important;min-height:60px!important}
  body.vevo-ui-large .secure-row{font-size:10.5px!important;padding:12px 0!important}
  body.vevo-ui-large .accordion-btn{font-size:13.5px!important;min-height:64px!important}
  body.vevo-ui-large .accordion-content{font-size:13px!important;line-height:1.85!important;padding:4px 18px 20px!important}
  body.vevo-ui-large .support-strip{padding:20px 22px!important}
  body.vevo-ui-large .support-copy h3{font-size:16px!important}
  body.vevo-ui-large .support-copy p{font-size:11.5px!important}
  body.vevo-ui-large .support-strip .btn{font-size:12.5px!important;min-height:48px!important}

  /* Contact/blog/legal/about */
  body.vevo-ui-large .contact-page .hero h1,
  body.vevo-ui-large .blog-hero h1,
  body.vevo-ui-large .faq-hero h1,
  body.vevo-ui-large .policy-hero h1,
  body.vevo-ui-large .legal-hero h1{font-size:43px!important}
  body.vevo-ui-large .contact-page .hero p,
  body.vevo-ui-large .blog-hero p,
  body.vevo-ui-large .faq-hero p,
  body.vevo-ui-large .policy-hero p,
  body.vevo-ui-large .legal-hero p{font-size:14px!important}
  body .contact-page .contact-card{min-height:105px!important;padding:22px!important}
  body .contact-page .contact-card b{font-size:14.5px!important}
  body .contact-page .contact-card span{font-size:11.5px!important}
  body .contact-page .contact-icon{width:54px!important;height:54px!important;flex-basis:54px!important;font-size:19px!important}
  body.vevo-ui-large .form-card,
  body.vevo-ui-large .side-card{padding:28px!important}
  body.vevo-ui-large .form-card h2,
  body.vevo-ui-large .side-card h3{font-size:20px!important}
  body.vevo-ui-large .form-card>p,
  body.vevo-ui-large .side-card>p{font-size:12.5px!important}
  body.vevo-ui-large .label{font-size:11.5px!important}
}

/* Brand backgrounds for additional social networks */
.brand-github{background:#24292f}
.brand-skype{background:#00aff0}
.brand-slack{background:#4a154b}
.brand-mastodon{background:#6364ff}
.brand-bluesky{background:#1185fe}
.brand-flickr{background:linear-gradient(135deg,#0063dc,#ff0084)}
.brand-steam{background:#171a21}
.brand-playstation{background:#003791}
.brand-xbox{background:#107c10}
.brand-apple{background:#111}
.brand-google{background:#4285f4}
.brand-amazon{background:#ff9900;color:#111}
.brand-medium{background:#111}
.brand-quora{background:#b92b27}
.brand-dribbble{background:#ea4c89}
.brand-behance{background:#1769ff}
.brand-weibo{background:#e6162d}
.brand-weixin{background:#07c160}
.brand-line{background:#06c755}
.brand-bandcamp{background:#629aa9}
.brand-lastfm{background:#d51007}
.brand-deezer{background:linear-gradient(135deg,#a238ff,#ff6b00)}
.brand-shazam{background:#0088ff}
.brand-kick{background:#53fc18;color:#111}
.brand-likee{background:linear-gradient(135deg,#ff3d8e,#7b2cff)}
.brand-default{background:linear-gradient(135deg,#6b7a99,#43506b)}

/* Keep FAQ isolated on tablets/desktops as well */
#sss .faq-grid{align-items:start!important}
#sss .faq-item{align-self:start!important}

@media(max-width:1050px){
  body.vevo-ui-standard,body.vevo-ui-large,body.vevo-ui-xl{--container:100%}
}