/* =========================================================
   CORINTTI V13 — FINAL RESPONSIVE HERO VISUAL SCALE
   Purpose: make the Jewellery model more commanding while
   preserving the approved Watches/Wallets proportions and
   keeping clear text separation on every viewport.
   This is the authoritative hero sizing layer.
   ========================================================= */

/* Small phones */
@media (max-width: 479px) {
  .product-anchor {
    top: 39.5%;
    width: 82vw;
    height: 48vh;
    max-width: 390px;
    max-height: 470px;
  }

  .jewellery-visual {
    width: 94%;
    height: 94%;
    max-width: 380px;
    max-height: 440px;
  }

  .watch-visual {
    width: 88%;
    height: 88%;
    max-width: 360px;
    max-height: 420px;
  }

  .wallet-visual {
    width: 86%;
    height: 86%;
    max-width: 350px;
    max-height: 405px;
  }
}

/* Large phones */
@media (min-width: 480px) and (max-width: 700px) {
  .product-anchor {
    top: 39%;
    width: 80vw;
    height: 50vh;
    max-width: 520px;
    max-height: 540px;
  }

  .jewellery-visual {
    width: 96%;
    height: 96%;
    max-width: 500px;
    max-height: 515px;
  }

  .watch-visual {
    width: 89%;
    height: 89%;
    max-width: 460px;
    max-height: 485px;
  }

  .wallet-visual {
    width: 88%;
    height: 87%;
    max-width: 450px;
    max-height: 470px;
  }
}

/* Tablets / compact landscape */
@media (min-width: 701px) and (max-width: 1023px) {
  .product-anchor {
    width: min(52vw, 600px);
    height: min(72vh, 700px);
  }

  .jewellery-visual {
    width: 101%;
    height: 96%;
    max-width: 610px;
    max-height: 675px;
  }

  .watch-visual {
    width: 91%;
    height: 89%;
    max-width: 560px;
    max-height: 650px;
  }

  .wallet-visual {
    width: 90%;
    height: 88%;
    max-width: 550px;
    max-height: 635px;
  }
}

/* Standard laptops */
@media (min-width: 1024px) and (max-width: 1399px) {
  .product-anchor {
    width: min(46vw, 690px);
    height: min(76vh, 760px);
  }

  .jewellery-visual {
    width: 104%;
    height: 97%;
    max-width: 720px;
    max-height: 735px;
  }

  .watch-visual {
    width: 91%;
    height: 89%;
    max-width: 630px;
    max-height: 700px;
  }

  .wallet-visual {
    width: 90%;
    height: 88%;
    max-width: 620px;
    max-height: 680px;
  }
}

/* Mid desktop */
@media (min-width: 1400px) and (max-width: 1599px) {
  .jewellery-visual {
    width: 104%;
    height: 97%;
    max-width: 760px;
    max-height: 790px;
  }
}

/* Full-HD desktop / large PC */
@media (min-width: 1600px) and (max-width: 1919px) {
  .jewellery-visual {
    width: 108%;
    height: 98%;
    max-width: 850px;
    max-height: 850px;
  }
}

/* 1920px–2559px desktop */
@media (min-width: 1920px) and (max-width: 2559px) {
  .jewellery-visual {
    width: 108%;
    height: 98%;
    max-width: 930px;
    max-height: 930px;
  }
}

/* 2560px+ */
@media (min-width: 2560px) {
  .jewellery-visual {
    width: 108%;
    height: 98%;
    max-width: 1020px;
    max-height: 980px;
  }
}

/* Keep the hero raster crisp during GPU animation. */
.product-visual {
  image-rendering: auto;
  -webkit-font-smoothing: antialiased;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}