/* VAIO Hero Flip Preview Final
   Minimal requested change only: mirror the current hero composition and make preview art slightly larger.
   No slide count changes, no restructuring, no image removal. */

@media (min-width:901px){
  body.home .vaio-hero-slide,
  .vaio-hero-slide{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  /* In Arabic: make copy/CTA visually left, preview visually right. */
  body.lang-ar .vaio-hero-content{
    order:1!important;
    text-align:right!important;
  }
  body.lang-ar .vaio-hero-art{
    order:2!important;
  }
  /* Slightly larger preview, still contained. */
  .vaio-hero-art img,
  .vaio-hero-art .vaio-hero-char{
    max-height:430px!important;
    transform:scale(1.06)!important;
    transform-origin:center center!important;
  }
}

@media (max-width:900px){
  /* Keep the exact current zones, only mirror sides. */
  .vaio-hero-content,
  body.lang-ar .vaio-hero-content{
    left:20px!important;
    right:auto!important;
    text-align:right!important;
    direction:rtl!important;
    width:min(56vw,315px)!important;
    max-width:min(56vw,315px)!important;
  }
  body:not(.lang-ar) .vaio-hero-content{
    right:20px!important;
    left:auto!important;
    text-align:left!important;
    direction:ltr!important;
  }

  .vaio-hero-art,
  body.lang-ar .vaio-hero-art{
    right:18px!important;
    left:auto!important;
    width:45%!important;
    height:252px!important;
    max-height:252px!important;
  }
  body:not(.lang-ar) .vaio-hero-art{
    left:18px!important;
    right:auto!important;
  }
  .vaio-hero-art img,
  .vaio-hero-art .vaio-hero-char{
    max-height:248px!important;
    transform:scale(1.08)!important;
    transform-origin:center center!important;
  }

  .vaio-hero .vaio-hero-cta,
  body .vaio-hero .vaio-hero-cta,
  body.lang-ar .vaio-hero .vaio-hero-cta{
    justify-content:flex-start!important;
  }
}

@media (max-width:520px){
  .vaio-hero-content,
  body.lang-ar .vaio-hero-content{
    left:18px!important;
    right:auto!important;
    width:56vw!important;
    max-width:56vw!important;
  }
  body:not(.lang-ar) .vaio-hero-content{
    right:18px!important;
    left:auto!important;
  }
  .vaio-hero-art,
  body.lang-ar .vaio-hero-art{
    right:6px!important;
    left:auto!important;
    width:47%!important;
    height:248px!important;
  }
  body:not(.lang-ar) .vaio-hero-art{
    left:6px!important;
    right:auto!important;
  }
  .vaio-hero-art img,
  .vaio-hero-art .vaio-hero-char{
    max-height:242px!important;
    transform:scale(1.07)!important;
  }
}

@media (max-width:390px){
  .vaio-hero-content,
  body.lang-ar .vaio-hero-content{
    width:55vw!important;
    max-width:55vw!important;
  }
  .vaio-hero-art,
  body.lang-ar .vaio-hero-art{
    width:46%!important;
    height:230px!important;
    bottom:78px!important;
  }
  .vaio-hero-art img,
  .vaio-hero-art .vaio-hero-char{
    max-height:225px!important;
    transform:scale(1.06)!important;
  }
}