/* Targeted revision: preserve the original Maison design while clarifying the jewel + app. */
.app-real-device .iphone-screen{display:block;background:#020201;overflow:hidden}
.app-real-device .dynamic-island{z-index:5}
.app-real-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;background:#020201}
.app-real-device .home-indicator{z-index:6}

/* No visual overlap between the gold globe and the phone. */
.private-visual{display:grid!important;grid-template-columns:minmax(280px,1fr) minmax(250px,.72fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:650px!important}
.private-visual .globe-backdrop{position:relative!important;inset:auto!important;opacity:1!important;min-width:0;height:610px;border:1px solid rgba(200,163,75,.14);background:radial-gradient(circle at 50% 44%,rgba(200,163,75,.12),transparent 52%)}
.private-visual .globe-backdrop canvas{width:100%;height:100%;min-height:0!important}
.private-visual .iphone-device{justify-self:center}

/* Keep the home page opening sparse. Product explanation begins below the hero. */
#cap-0 .hero-product-line,#cap-0 .hero-actions{display:none!important}
#cap-0{top:13vh!important}
#cap-0 h1{max-width:1000px;margin:0 auto}
.caption{will-change:opacity;visibility:hidden}
.caption.is-visible{visibility:visible}

/* Product section: clean two-part presentation, no editorial/meta wording. */
.purchase-heading{max-width:760px!important}
.purchase-card{min-height:auto!important;overflow:hidden}
.purchase-visual,.purchase-phone{height:560px!important}
.purchase-phone{padding:24px 20px 0!important}
.purchase-phone .iphone-device{transform:scale(.76)!important;transform-origin:center top!important}
.purchase-copy{min-height:210px}
.purchase-plus{align-self:center}

/* Create page keeps the submitted structure; only its globe uses the established Earth model. */
.globe-stage{overflow:hidden}
.globe-stage .gold-globe-canvas{width:100%;height:100%}

@media(max-width:1180px){
  .private-visual{grid-template-columns:1fr;min-height:auto!important}
  .private-visual .globe-backdrop{height:520px}
  .private-visual .iphone-device{margin-top:-20px}
}
@media(max-width:980px){
  .private-visual .iphone-device{margin-top:0}
  .purchase-visual,.purchase-phone{height:510px!important}
}
@media(max-width:620px){
  .private-visual{gap:1rem}
  .private-visual .globe-backdrop{height:430px}
  .purchase-visual,.purchase-phone{height:455px!important}
  .purchase-phone .iphone-device{transform:scale(.64)!important}
  #cap-0{top:14vh!important}
}
.private-page .subhero{grid-template-columns:minmax(340px,.72fr) minmax(640px,1.28fr);gap:4vw}
@media(max-width:1180px){.private-page .subhero{grid-template-columns:1fr}.private-page .private-visual{max-width:920px;width:100%;margin:0 auto}}