/* GECE MOBILYA — SOL16 Precision Polish
   Built from SOL14, not SOL15. Preserve the strong composition; correct only
   hierarchy, vertical rhythm and mobile density. */

/* Explicit immediate light theme prevents the pre-JS dark/light flash. */
html[data-theme="light"] body.home-v62-polish{background:var(--bg)}

.hero--flagship .hero-meta{position:relative;z-index:2}

/* Make the proof band read as evidence, not another text section. */
.flagship-proof__intro p{max-width:54ch}

/* The shorter collections statement should stay editorial, not oversized. */
body.home-v62-polish .collections-head>div{max-width:820px}
body.home-v62-polish .collections-head .display{max-width:15ch}

@media (max-width:600px){
  .hero--flagship .hero-media{height:clamp(400px,125vw,540px)!important}
  /* SOL14's film framing stays untouched. Only the brand statement rises into
     the seam; functional copy remains almost where it was. */
  .hero--flagship .hero-copy{
    margin-top:-104px!important;
    padding-bottom:29px!important;
  }
  .hero--flagship .hero-meta{
    margin-top:34px;
  }
  .hero--flagship .hero-meta .flagship-scope{
    margin-top:0;
  }
  .hero--flagship h1{
    text-wrap:balance!important;
    text-shadow:0 5px 28px rgba(0,0,0,.46)!important;
  }
  .hero--flagship .flagship-scope{max-width:33ch}

  .flagship-proof__intro{padding:21px 0 18px!important}
  .flagship-proof__intro p{max-width:37ch;font-size:12.5px;line-height:1.58}
  .flagship-stat{min-height:80px!important;padding-top:14px!important;padding-bottom:14px!important}

  /* The maker story was visually good but too tall. Keep both facts visible
     side-by-side and tighten dead vertical space without shrinking legibility. */
  body.home-v62-polish .dual-copy{padding:34px 20px 37px!important}
  body.home-v62-polish .dual-copy h2{margin-bottom:17px;max-width:15.5ch!important}
  body.home-v62-polish .dual-copy .copy{margin-bottom:19px;line-height:1.68}
  body.home-v62-polish .dual-facts{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    margin:0 0 21px!important;
  }
  body.home-v62-polish .dual-facts>span{padding:12px 10px 12px 0!important;min-width:0}
  body.home-v62-polish .dual-facts>span+span{
    padding-left:13px!important;
    border-left:1px solid var(--line)!important;
    border-top:0!important;
  }
  body.home-v62-polish .dual-facts b{font-size:17px!important;line-height:1.25}
  body.home-v62-polish .dual-facts small{font-size:8.7px;line-height:1.45}
  body.home-v62-polish .dual-image{min-height:320px!important}

  /* Give the final conversion statement enough measure to avoid the old
     five-line staircase on phones. */
  body.home-v62-polish .cta-copy{padding:34px 22px 36px!important}
  body.home-v62-polish .cta-copy h2{max-width:13.5ch!important;font-size:clamp(34px,9.2vw,39px)!important;line-height:.99!important}
  body.home-v62-polish .cta-copy>p:not(.eyebrow):not(.cta-trust){margin:16px 0 21px;line-height:1.68}
  body.home-v62-polish .benefit{min-height:150px!important;padding-top:34px!important;padding-bottom:21px!important}
  body.home-v62-polish .cta-media{min-height:250px!important}

  body.home-v62-polish .collections-head{margin-bottom:28px}
  body.home-v62-polish .collections-head .display{max-width:11.5ch}
}

@media (max-width:360px){
  .hero--flagship .hero-copy{margin-top:-90px!important;padding-bottom:27px!important}
  .hero--flagship .hero-meta{margin-top:29px}
  body.home-v62-polish .dual-copy{padding-inline:18px!important}
  body.home-v62-polish .dual-facts b{font-size:16px!important}
  body.home-v62-polish .cta-copy h2{font-size:33px!important;max-width:13ch!important}
}

@media (min-width:601px) and (max-width:1279px){
  .hero--flagship .hero-meta{margin-top:0}
  .hero--flagship .hero-meta .flagship-scope{margin-top:16px}
}

@media (min-width:1280px){
  .hero--flagship .hero-meta{margin-top:0}
  body.home-v62-polish .collections-head .display{max-width:14ch}
}