/* VAIO Hero CTA safe spacing: keep CTA buttons away from the ticker and tiny dots. */
@media (max-width: 768px){
  .vaio-hero .vaio-hero-content{
    padding-bottom: 96px !important;
  }
  .vaio-hero .vaio-hero-cta,
  body .vaio-hero-cta{
    transform: translateY(-34px) !important;
    margin-bottom: 0 !important;
    gap: 9px !important;
    justify-content: flex-start !important;
    position: relative !important;
    z-index: 18 !important;
  }
  body.lang-ar .vaio-hero .vaio-hero-cta,
  body.lang-ar .vaio-hero-cta{
    justify-content: flex-end !important;
  }
  .vaio-hero .vaio-hero-cta .vaio-btn,
  .vaio-hero .vaio-hero-cta a,
  .vaio-hero .vaio-hero-cta button{
    min-height: 42px !important;
    padding: 10px 18px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  .vaio-hero .vaio-hero-dots,
  body .vaio-hero-dots[data-vaio-hero-dots]{
    bottom: 44px !important;
    z-index: 13 !important;
  }
  .vaio-news-ticker{
    position: relative !important;
    z-index: 9 !important;
  }
}
@media (max-width: 480px){
  .vaio-hero .vaio-hero-content{
    padding-bottom: 108px !important;
  }
  .vaio-hero .vaio-hero-cta,
  body .vaio-hero-cta{
    transform: translateY(-42px) !important;
    gap: 8px !important;
  }
  .vaio-hero .vaio-hero-cta .vaio-btn,
  .vaio-hero .vaio-hero-cta a,
  .vaio-hero .vaio-hero-cta button{
    min-height: 40px !important;
    padding: 9px 15px !important;
    border-radius: 16px !important;
    font-size: 12.5px !important;
  }
  .vaio-hero .vaio-hero-dots,
  body .vaio-hero-dots[data-vaio-hero-dots]{
    bottom: 46px !important;
  }
}
