/* Yang Vinh tablet/iPad layout: 769px–1194px. Mobile remains <=768px. */
@media (min-width:769px) and (max-width:1194px) {
  html { -webkit-text-size-adjust:100%; }
  body { overflow-x:hidden; }

  /* Shared navigation */
  .yv-global-header { padding-inline:24px; }
  .yv-global-header__logo { width:148px; }
  .yv-global-header__desktop { gap:24px; font-size:12px; }
  .header { padding-inline:24px; }
  .header-logo img { width:150px!important; }
  .header-nav nav { gap:28px; }

  /* Homepage */
  .page-name-home .homeHeroInCap { left:28px!important; bottom:72px!important; max-width:72%; font-size:clamp(18px,2.35vw,30px)!important; line-height:1.18!important; }
  .homeAboutIn { align-items:center!important; grid-template-columns:minmax(300px,44%) minmax(0,56%)!important; gap:32px!important; padding:30px!important; overflow:hidden; }
  .homeAboutInPic { min-width:0!important; max-height:720px; overflow:hidden; }
  .homeAboutInTx,.homeAboutInTit,.homeAboutInTxDesc { min-width:0!important; width:100%!important; max-width:100%!important; }
  .homeAboutInTit h4 { max-width:100%!important; font-size:clamp(32px,4.65vw,56px)!important; line-height:1!important; letter-spacing:-.055em!important; white-space:nowrap!important; overflow-wrap:normal; }
  .homeAboutInTxDesc p,.homeAboutInTxTc { max-width:100%!important; font-size:clamp(17px,2.05vw,23px)!important; line-height:1.48!important; }
  .homeAboutInTxDesc { overflow:visible!important; }
  .homeAboutInTxDesc .btn-arrow-3 { width:max-content; max-width:100%; margin-top:24px!important; }
  .homeAboutInTxDesc .button-text { white-space:nowrap; font-size:clamp(15px,1.8vw,20px)!important; }
  .homeLineupIn { padding-inline:30px!important; }
  .homeLineupInListIn,
  .homeLineupInListIn > a { min-height:0!important; height:auto!important; }
  .homeLineupInListInName { min-width:0!important; }
  .homeLineupInListInNameIn h3 { font-size:clamp(25px,3.1vw,39px)!important; overflow-wrap:anywhere; }
  .homeLineupInListInDesc { font-size:13px!important; line-height:1.5!important; }
  .homeLineupInListInPic,
  .yangvinhgroup-line-media-card .yangvinhgroup-line-media {
    --yv-tablet-line-size:clamp(260px,31vw,320px);
    position:relative!important;
    display:block!important;
    width:var(--yv-tablet-line-size)!important;
    min-width:var(--yv-tablet-line-size)!important;
    max-width:var(--yv-tablet-line-size)!important;
    height:var(--yv-tablet-line-size)!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    margin-top:16px!important;
    margin-left:auto!important;
    overflow:hidden!important;
    border:1px solid rgba(0,0,0,.14)!important;
    border-radius:14px!important;
    background:#f4f4f4!important;
  }
  .homeLineupInListInPicIn,
  .yangvinhgroup-line-media-frame,
  .yangvinhgroup-line-media-frame.-first,
  .yangvinhgroup-line-media-frame.-second {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  .homeLineupInListInPicIn img,
  .yangvinhgroup-line-media-frame img {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .homeLineupInListInPic picture {
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    max-height:none!important;
  }
  .yangvinhgroup-line-media-frame.-first img {
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .yangvinhgroup-line-media-frame.-second img {
    opacity:0!important;
    transform:translate3d(0,18px,0) scale(1.06)!important;
  }
  .yangvinhgroup-line-media-card.is-second .yangvinhgroup-line-media-frame.-first img,
  .yangvinhgroup-line-media-card:hover .yangvinhgroup-line-media-frame.-first img {
    opacity:0!important;
    transform:translate3d(0,-12px,0) scale(1.025)!important;
  }
  .yangvinhgroup-line-media-card.is-second .yangvinhgroup-line-media-frame.-second img,
  .yangvinhgroup-line-media-card:hover .yangvinhgroup-line-media-frame.-second img {
    opacity:1!important;
    transform:translate3d(0,0,0) scale(1)!important;
  }
  .homeLineupInListIn:nth-child(4) .homeLineupInListInPicIn img,
  .homeLineupInListIn:nth-child(5) .homeLineupInListInPicIn img,
  .homeLineupInListIn:nth-child(4) .yangvinhgroup-line-media-frame img,
  .homeLineupInListIn:nth-child(5) .yangvinhgroup-line-media-frame img {
    object-fit:contain!important;
    padding:8%!important;
    background:#fff!important;
  }
  .homeLineupInListIn:nth-child(5) .yangvinhgroup-line-media-frame {
    transform:scale(1)!important;
    transform-origin:center!important;
  }
  .homeLineupInListIn:nth-child(5) .homeLineupInListInPicIn img,
  .homeLineupInListIn:nth-child(5) .yangvinhgroup-line-media-frame img {
    padding:0!important;
  }
  .homeLineupInListIn:nth-child(5) .yangvinhgroup-line-media-frame.-first img {
    transform:translate3d(0,0,0) scale(1.12)!important;
  }
  .homeLineupInListIn:nth-child(5) .yangvinhgroup-line-media-frame.-second img {
    transform:translate3d(0,18px,0) scale(1.18)!important;
  }
  .homeLineupInListIn:nth-child(5).is-second .yangvinhgroup-line-media-frame.-first img,
  .homeLineupInListIn:nth-child(5):hover .yangvinhgroup-line-media-frame.-first img {
    transform:translate3d(0,-12px,0) scale(1.14)!important;
  }
  .homeLineupInListIn:nth-child(5).is-second .yangvinhgroup-line-media-frame.-second img,
  .homeLineupInListIn:nth-child(5):hover .yangvinhgroup-line-media-frame.-second img {
    transform:translate3d(0,0,0) scale(1.12)!important;
  }
  .homeGlobalNetwork { padding-inline:30px; }
  .networkModalPanel { width:min(940px,calc(100vw - 48px))!important; max-height:calc(100vh - 48px); overflow:auto; }
  .networkModalInner { padding:34px!important; }
  .networkModalEyebrow { font-size:clamp(32px,5vw,54px)!important; }
  .networkOfficeGrid { gap:12px!important; }
  .networkOffice { padding:18px!important; min-width:0; }
  .homeNewsIn { padding-inline:30px!important; }
  .homeNewsGrid { gap:18px!important; }

  /* Product catalog */
  section.overflow-hidden .container-custom,
  section.overflow-hidden .wrap-content { width:100%!important; max-width:100%!important; padding-inline:24px!important; box-sizing:border-box; }
  .product-category-buttons { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .product-category-buttons a { min-width:0!important; padding-inline:7px!important; text-align:center; white-space:normal; }
  .row-product { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 16px; margin-inline:0!important; }
  .row-product>.col-product { width:auto!important; max-width:none!important; padding:0!important; min-width:0; }
  .row-product .product,.row-product .product-pic,.row-product img { max-width:100%!important; }
  .yv-product-tools { width:min(420px,100%)!important; margin:18px 0 24px auto!important; }

  /* Product detail */
  .yv-product-page { padding:22px 24px 54px!important; }
  .yv-product-top { grid-template-columns:minmax(0,48%) minmax(0,52%)!important; gap:28px!important; }
  .yv-product-left { position:sticky!important; top:82px!important; max-width:none!important; }
  .yv-gallery { grid-template-columns:64px minmax(0,1fr)!important; }
  .yv-product-image { max-height:620px!important; }
  .yv-product-info h1 { font-size:clamp(27px,3.3vw,38px)!important; }
  .yv-spec-row { grid-template-columns:130px minmax(0,1fr)!important; }
  .yv-related-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; }

  /* Footer */
  .yv-site-footer,.global { overflow:hidden; }
  .yv-site-footer__top,.global-in { padding-inline:28px!important; }
  .footer-company-info,.mobile-menu-company-info { overflow-wrap:anywhere; }
}

/* Keep italic MENU/CLOSE glyphs from being clipped on phones and mini tablets. */
@media (max-width:768px) {
  .header-nav-button.is-sp {
    width:72px!important;
    padding-inline:5px!important;
    overflow:hidden!important;
  }
  .header-nav-button.is-sp span {
    inset:0 5px!important;
    padding:2px 1px!important;
    box-sizing:border-box!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-weight:700!important;
    line-height:1.15!important;
    text-rendering:geometricPrecision;
    -webkit-font-smoothing:antialiased;
  }
}

/* Slightly larger language flags on desktop, tablet and mobile headers. */
.yangvinhgroup-language-switch [data-lang] img,
.yv-global-header__languages img {
  width:24px!important;
  max-width:24px!important;
  height:16px!important;
  max-height:16px!important;
}
.yangvinhgroup-language-switch,
.yv-global-header__languages {
  gap:5px!important;
}

/* iPad Air portrait: keep the About heading on one complete line. */
@media (min-width:769px) and (max-width:850px) {
  html body .page-name-home section.homeAbout .homeAboutIn .homeAboutInTx .homeAboutInTit h4 {
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(24px,3.2vw,27px)!important;
    letter-spacing:-.05em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
}