/* V101 — iPhone model picker takes the Android catalog atmosphere as reference.
   Scope is deliberately limited to the iPhone model picker only. */
body[data-page="iphone"] .iphone-picker-section,
:root[data-theme="light"] body[data-page="iphone"] .iphone-picker-section,
:root[data-theme="dark"] body[data-page="iphone"] .iphone-picker-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(900px 720px at 6% 7%,rgba(184,255,62,.26),transparent 66%),
    radial-gradient(840px 690px at 91% 10%,rgba(164,255,46,.31),transparent 67%),
    radial-gradient(760px 640px at 48% 28%,rgba(193,255,80,.14),transparent 68%),
    radial-gradient(850px 720px at 10% 48%,rgba(164,248,45,.22),transparent 68%),
    radial-gradient(920px 760px at 96% 55%,rgba(181,255,58,.25),transparent 69%),
    radial-gradient(820px 700px at 46% 76%,rgba(192,255,76,.17),transparent 68%),
    radial-gradient(820px 680px at 4% 96%,rgba(170,255,48,.24),transparent 68%),
    radial-gradient(920px 760px at 88% 96%,rgba(187,255,65,.27),transparent 69%),
    linear-gradient(145deg,#020805 0%,#06120a 38%,#030a06 68%,#010503 100%) !important;
  border-top:1px solid rgba(185,255,64,.15) !important;
  border-bottom:1px solid rgba(185,255,64,.15) !important;
}

/* A few restrained dark-green spots over the Android-like glow field. */
body[data-page="iphone"] .iphone-picker-section::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:
    radial-gradient(ellipse 24% 20% at 23% 19%,rgba(0,14,7,.56) 0%,rgba(1,24,11,.31) 42%,transparent 74%),
    radial-gradient(ellipse 20% 17% at 61% 53%,rgba(0,13,6,.46) 0%,rgba(2,25,12,.25) 44%,transparent 76%),
    radial-gradient(ellipse 18% 15% at 84% 77%,rgba(0,12,6,.50) 0%,rgba(2,23,11,.26) 43%,transparent 76%) !important;
  filter:blur(26px) !important;
  opacity:.72 !important;
  animation:none !important;
}
body[data-page="iphone"] .iphone-picker-section::after{
  content:"" !important;
  display:none !important;
}
body[data-page="iphone"] .iphone-picker-section > .wrap{
  position:relative;
  z-index:2;
}

/* Keep the site's established iPhone typography and content styling. */
body[data-page="iphone"] .iphone-picker-section .section-head h2,
body[data-page="iphone"] .iphone-picker-section .iphone-product-body strong{
  font-family:'Segoe UI Variable Display','SF Pro Display','Aptos Display','Segoe UI',sans-serif!important;
}
body[data-page="iphone"] .iphone-picker-section .section-head .desc,
body[data-page="iphone"] .iphone-picker-section .iphone-series-tab,
body[data-page="iphone"] .iphone-picker-section .iphone-product-body small,
body[data-page="iphone"] .iphone-picker-section .iphone-product-price{
  font-family:'Segoe UI Variable Text','SF Pro Text','Aptos','Segoe UI',sans-serif!important;
}
body[data-page="iphone"] .iphone-picker-section .eyebrow{
  font-family:'Cascadia Mono','SFMono-Regular','Consolas',monospace!important;
}
body[data-page="iphone"] .iphone-picker-section .section-head h2{
  color:#f8fbf7 !important;
  font-weight:720!important;
  letter-spacing:-.045em!important;
  text-shadow:0 3px 12px rgba(0,0,0,.55)!important;
}
body[data-page="iphone"] .iphone-picker-section .section-head .desc{
  color:rgba(240,247,240,.78)!important;
}
body[data-page="iphone"] .iphone-picker-section .eyebrow{
  color:#baff3d!important;
}
body[data-page="iphone"] .iphone-picker-section .iphone-product-body strong{
  font-weight:760!important;
  letter-spacing:-.03em!important;
}
body[data-page="iphone"] .iphone-picker-section .iphone-series-tab{
  font-weight:700!important;
  letter-spacing:-.012em!important;
}

@media(max-width:700px){
  body[data-page="iphone"] .iphone-picker-section,
  :root[data-theme="light"] body[data-page="iphone"] .iphone-picker-section,
  :root[data-theme="dark"] body[data-page="iphone"] .iphone-picker-section{
    background:
      radial-gradient(620px 540px at 5% 8%,rgba(184,255,62,.24),transparent 68%),
      radial-gradient(600px 520px at 96% 16%,rgba(164,255,46,.27),transparent 69%),
      radial-gradient(650px 560px at 10% 83%,rgba(170,255,48,.20),transparent 70%),
      radial-gradient(650px 560px at 92% 92%,rgba(187,255,65,.22),transparent 70%),
      linear-gradient(145deg,#020805 0%,#06120a 40%,#030a06 70%,#010503 100%) !important;
  }
  body[data-page="iphone"] .iphone-picker-section::before{
    background:
      radial-gradient(ellipse 34% 17% at 18% 23%,rgba(0,14,7,.52) 0%,rgba(1,24,11,.28) 42%,transparent 76%),
      radial-gradient(ellipse 31% 16% at 80% 67%,rgba(0,13,6,.43) 0%,rgba(2,25,12,.23) 44%,transparent 78%) !important;
    filter:blur(20px)!important;
  }
}