/* Slope Putting Mat: use the Smart Golf Ball type scale without changing approved PC spacing. */
html[lang="en"],
html[lang="en"] body,
html[lang="en"] x-dc,
html[lang="en"] x-dc>div {
  max-width:100%;
  overflow-x:clip;
}

html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]):not(.ginovo-common-cta) h2:not([style*="border-radius"]) {
  font-size:clamp(36px,3.05vw,50px)!important;
  line-height:1.18!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}

html[lang="en"] [data-screen-label="대표 모델 90cm"] h3,
html[lang="en"] [data-screen-label="Sloping Mat"] h3,
html[lang="en"] [data-screen-label="사이즈 비교"] h3 {
  font-size:clamp(22px,1.85vw,36px)!important;
  line-height:1.3!important;
}

html[lang="en"] .feature90-description,
html[lang="en"] .feature70-description,
html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:first-child>p {
  font-size:clamp(18px,1.28vw,22px)!important;
  line-height:1.55!important;
  text-align:left;
  text-align-last:auto;
}

html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:first-child>p {
  width:100%;
  margin-inline:auto!important;
  text-align:center!important;
  text-align-last:center!important;
}

html[lang="en"] [data-screen-label="대표 모델 90cm"] ul li>div>span:first-child,
html[lang="en"] [data-screen-label="Sloping Mat"] [style*="font-size: 14px"][style*="font-weight: 500"],
html[lang="en"] [data-screen-label="사이즈 비교"] h3+p {
  font-size:clamp(18px,1.28vw,22px)!important;
  line-height:1.45!important;
}

html[lang="en"] [data-screen-label="대표 모델 90cm"] ul li>div>span:last-child,
html[lang="en"] [data-screen-label="사이즈 비교"] li {
  font-size:clamp(16px,1.05vw,18px)!important;
  line-height:1.55!important;
}

/* Approved desktop rhythm. */
@media (min-width:1101px) {
  html[lang="en"] [data-screen-label="대표 모델 90cm"],
  html[lang="en"] [data-screen-label="Sloping Mat"] {
    padding-top:96px!important;
    padding-bottom:96px!important;
  }

  html[lang="en"] [data-screen-label="사이즈 비교"] {
    padding-top:120px!important;
    padding-bottom:96px!important;
  }
}

/* Tablet: retain the same visual order but give every column enough measure. */
@media (min-width:701px) and (max-width:1100px) {
  html[lang="en"] {
    --putting-tablet-container:min(calc(100% - 64px),920px);
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]):not(.ginovo-common-cta)>div:first-child,
  html[lang="en"] .pm-review-inner,
  html[lang="en"] .ginovo-common-cta-content,
  html[lang="en"] .ginovo-footer-container {
    width:var(--putting-tablet-container)!important;
    max-width:920px!important;
    margin-inline:auto!important;
  }

  html[lang="en"] [data-screen-label="대표 모델 90cm"],
  html[lang="en"] [data-screen-label="Sloping Mat"],
  html[lang="en"] [data-screen-label="사이즈 비교"] {
    padding-top:80px!important;
    padding-bottom:80px!important;
  }

  html[lang="en"] [data-screen-label="대표 모델 90cm"]>div:first-child>div:first-child,
  html[lang="en"] .feature70-row {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:48px!important;
  }

  html[lang="en"] .feature90-column,
  html[lang="en"] .feature70-column {
    width:100%!important;
    min-width:0!important;
    flex:none!important;
  }

  html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:nth-child(2) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px!important;
  }

  html[lang="en"] .pm-review-section {
    padding-top:56px!important;
    padding-bottom:72px!important;
  }
}

/* Mobile spacing and type are proportional to the approved PC page. */
@media (max-width:700px) {
  /* Keep this legacy page's mobile navigation typography aligned with the
     shared English header. This must override english-responsive.css. */
  html[lang="en"] .ginovo-header,
  html[lang="en"] .ginovo-header :where(a,button) {
    font-family:'Pretendard','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  }

  html[lang="en"] .ginovo-header .ginovo-logo img {
    width:auto!important;
    height:24px!important;
    max-width:none!important;
  }

  html[lang="en"] .ginovo-header .ginovo-lang>a {
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html[lang="en"] .ginovo-header .ginovo-lang>a>img {
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    object-fit:contain!important;
  }

  html[lang="en"] .ginovo-nav-link,
  html[lang="en"] .ginovo-about-trigger {
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.4!important;
  }

  html[lang="en"] .ginovo-nav .ginovo-dropdown-panel a {
    font-size:14px!important;
    font-weight:600!important;
    line-height:1.4!important;
  }

  html[lang="en"] .ginovo-lang .ginovo-dropdown-panel a {
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.4!important;
  }

  html[lang="en"] .pm-hero-copy :where(h1,p),
  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) :where(h2,h3,p,li,span),
  html[lang="en"] .ginovo-common-cta-content :where(h2,p) {
    text-wrap:balance;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) h2 {
    max-inline-size:20ch;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) h3 {
    max-inline-size:24ch;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) p {
    max-inline-size:34ch;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) li {
    max-inline-size:36ch;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]) [style*="text-align: center"] :where(h2,h3,p),
  html[lang="en"] .ginovo-common-cta-content :where(h2,p) {
    margin-inline:auto!important;
  }

  html[lang="en"] .feature90-column :where(h2,h3,p),
  html[lang="en"] .feature70-column :where(h2,h3,p) {
    margin-right:auto!important;
  }

  html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:first-child h2 {
    max-width:20ch;
    margin-inline:auto!important;
  }

  html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:first-child p {
    max-width:32ch;
    margin-inline:auto!important;
  }

  html[lang="en"] .feature90-description,
  html[lang="en"] .feature70-description {
    max-width:34ch;
  }

  html[lang="en"] [data-comparison-card] [data-card-title],
  html[lang="en"] [data-comparison-card] [data-card-subtitle] {
    max-width:24ch;
  }

  html[lang="en"] .ginovo-header-right {
    display:flex!important;
    margin-left:auto;
    gap:6px;
  }

  html[lang="en"] .ginovo-login {
    display:none!important;
  }

  html[lang="en"] .ginovo-lang>a,
  html[lang="en"] .ginovo-menu-toggle {
    min-width:44px;
    min-height:44px;
  }

  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]):not(.ginovo-common-cta) h2:not([style*="border-radius"]) {
    font-size:clamp(28px,7.7vw,32px)!important;
    line-height:1.2!important;
  }

  html[lang="en"] [data-screen-label="대표 모델 90cm"] h3,
  html[lang="en"] [data-screen-label="Sloping Mat"] h3,
  html[lang="en"] [data-screen-label="사이즈 비교"] h3 {
    font-size:clamp(20px,5.6vw,23px)!important;
  }

  html[lang="en"] [data-screen-label="대표 모델 90cm"],
  html[lang="en"] [data-screen-label="Sloping Mat"],
  html[lang="en"] [data-screen-label="사이즈 비교"] {
    padding-top:68px!important;
    padding-bottom:68px!important;
  }

  html[lang="en"] .feature90-description,
  html[lang="en"] .feature70-description,
  html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:first-child>p {
    margin-top:10px!important;
    margin-bottom:28px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }

  html[lang="en"] [data-screen-label="사이즈 비교"]>div>div:nth-child(2) {
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  html[lang="en"] .pm-review-section {
    padding-top:48px!important;
    padding-bottom:64px!important;
  }
}

/* Wide displays keep the page centered instead of stretching its internal gaps. */
@media (min-width:1921px) {
  html[lang="en"] main>section[data-screen-label]:not([data-screen-label="히어로"]):not(.ginovo-common-cta),
  html[lang="en"] .pm-review-section {
    max-width:1920px;
    margin-inline:auto;
  }
}