/* MIKRON iPhone V18 — maximum luminous coverage */
body[data-page="iphone"]{
  background:#071b11!important;
}
body[data-page="iphone"] .hero,
body[data-page="iphone"] .iphone-picker-section,
body[data-page="iphone"] #services-list,
body[data-page="iphone"] #reviews,
body[data-page="iphone"] #contact.contact-ref-final,
body[data-page="iphone"] .cta-banner{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background-color:#071b11!important;
  background-image:
    radial-gradient(58rem 44rem at 3% 10%,rgba(205,255,97,.30),transparent 62%),
    radial-gradient(54rem 42rem at 28% 86%,rgba(159,255,52,.24),transparent 64%),
    radial-gradient(64rem 46rem at 53% 12%,rgba(190,255,66,.22),transparent 66%),
    radial-gradient(62rem 44rem at 77% 74%,rgba(177,255,52,.27),transparent 64%),
    radial-gradient(52rem 40rem at 98% 16%,rgba(218,255,116,.28),transparent 62%),
    linear-gradient(135deg,#04130c 0%,#092617 36%,#071e13 68%,#05150e 100%)!important;
  background-size:115% 115%,120% 120%,110% 110%,120% 120%,115% 115%,100% 100%!important;
  animation:v18Ambient 17s ease-in-out infinite alternate!important;
}
body[data-page="iphone"] .hero>.wrap,
body[data-page="iphone"] .iphone-picker-section>.wrap,
body[data-page="iphone"] #services-list>.wrap,
body[data-page="iphone"] #reviews>.wrap,
body[data-page="iphone"] #contact.contact-ref-final>.wrap,
body[data-page="iphone"] .cta-banner>.wrap{position:relative;z-index:4!important}

/* broad luminous veils + many pulsing particles */
body[data-page="iphone"] .iphone-picker-section::before,
body[data-page="iphone"] #services-list::before,
body[data-page="iphone"] #reviews::before,
body[data-page="iphone"] #contact.contact-ref-final::before,
body[data-page="iphone"] .cta-banner::before{
  content:""!important;position:absolute!important;pointer-events:none!important;z-index:0!important;
  inset:-28%!important;
  background:
    radial-gradient(circle at 14% 24%,rgba(221,255,132,.42) 0 5%,rgba(181,255,53,.25) 16%,transparent 34%),
    radial-gradient(circle at 39% 72%,rgba(189,255,73,.36) 0 6%,rgba(147,248,40,.22) 18%,transparent 38%),
    radial-gradient(circle at 64% 28%,rgba(217,255,113,.40) 0 5%,rgba(173,255,49,.23) 16%,transparent 36%),
    radial-gradient(circle at 88% 68%,rgba(205,255,91,.38) 0 5%,rgba(159,255,43,.22) 17%,transparent 37%)!important;
  filter:blur(38px)!important;opacity:.92!important;
  animation:v18Veils 13s ease-in-out infinite alternate!important;
}
body[data-page="iphone"] .iphone-picker-section::after,
body[data-page="iphone"] #services-list::after,
body[data-page="iphone"] #reviews::after,
body[data-page="iphone"] #contact.contact-ref-final::after,
body[data-page="iphone"] .cta-banner::after{
  content:""!important;position:absolute!important;pointer-events:none!important;z-index:1!important;inset:-6%!important;
  background:
    radial-gradient(circle at 5% 16%,#ddff7a 0 2px,rgba(195,255,57,.55) 4px,transparent 14px),
    radial-gradient(circle at 13% 78%,#e8ff9e 0 2px,rgba(191,255,52,.50) 4px,transparent 15px),
    radial-gradient(circle at 24% 42%,#dfff75 0 2px,rgba(180,255,48,.48) 5px,transparent 16px),
    radial-gradient(circle at 36% 12%,#efffc0 0 2px,rgba(199,255,70,.45) 5px,transparent 15px),
    radial-gradient(circle at 47% 82%,#dfff70 0 3px,rgba(174,255,44,.50) 6px,transparent 18px),
    radial-gradient(circle at 58% 38%,#f0ffc4 0 2px,rgba(196,255,62,.44) 5px,transparent 15px),
    radial-gradient(circle at 69% 70%,#dfff72 0 2px,rgba(173,255,43,.48) 5px,transparent 17px),
    radial-gradient(circle at 81% 20%,#efffbf 0 3px,rgba(203,255,73,.50) 6px,transparent 18px),
    radial-gradient(circle at 92% 53%,#e7ff95 0 2px,rgba(187,255,48,.48) 5px,transparent 16px),
    radial-gradient(circle at 97% 88%,#e5ff8c 0 2px,rgba(183,255,46,.45) 5px,transparent 16px),
    repeating-radial-gradient(circle at 84% 42%,transparent 0 118px,rgba(194,255,62,.12) 119px 120px,transparent 121px 170px)!important;
  opacity:.92!important;animation:v18Particles 10s ease-in-out infinite alternate!important;
}
@keyframes v18Ambient{0%{background-position:0% 0%,100% 100%,50% 0%,100% 50%,0% 100%,0 0}100%{background-position:8% 6%,92% 90%,56% 8%,90% 58%,8% 92%,0 0}}
@keyframes v18Veils{0%{transform:translate3d(-4%,-2%,0) scale(.98)}100%{transform:translate3d(5%,4%,0) scale(1.08)}}
@keyframes v18Particles{0%{transform:translate3d(0,0,0);filter:brightness(.95)}100%{transform:translate3d(-1.5%,1.2%,0);filter:brightness(1.25)}}

/* What we repair: brighter field, cards remain readable */
body[data-page="iphone"] #services-list{
  background-image:
    radial-gradient(64rem 46rem at 0% 16%,rgba(219,255,125,.34),transparent 60%),
    radial-gradient(58rem 42rem at 26% 88%,rgba(170,255,44,.28),transparent 62%),
    radial-gradient(70rem 46rem at 56% 18%,rgba(204,255,85,.26),transparent 63%),
    radial-gradient(64rem 44rem at 92% 76%,rgba(190,255,61,.31),transparent 61%),
    linear-gradient(135deg,#04130c,#09291a 48%,#06190f)!important;
}
body[data-page="iphone"] #services-list .service-item{
  background:linear-gradient(145deg,rgba(8,20,15,.94),rgba(13,27,21,.91))!important;
  border-color:rgba(184,194,188,.34)!important;
}

/* model picker gets extra green behind cards without bleaching text */
body[data-page="iphone"] .iphone-picker-section .iphone-card-grid{position:relative;z-index:4}
body[data-page="iphone"] .iphone-product-card{box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 32px rgba(184,255,48,.045)!important}

@media(max-width:720px){
 body[data-page="iphone"] .hero,body[data-page="iphone"] .iphone-picker-section,body[data-page="iphone"] #services-list,body[data-page="iphone"] #reviews,body[data-page="iphone"] #contact.contact-ref-final{background-size:170% 150%,170% 150%,160% 150%,170% 150%,170% 150%,100% 100%!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="iphone"] .hero,body[data-page="iphone"] .iphone-picker-section,body[data-page="iphone"] #services-list,body[data-page="iphone"] #reviews,body[data-page="iphone"] #contact.contact-ref-final,body[data-page="iphone"] .cta-banner,body[data-page="iphone"] .iphone-picker-section::before,body[data-page="iphone"] #services-list::before,body[data-page="iphone"] #reviews::before,body[data-page="iphone"] #contact.contact-ref-final::before,body[data-page="iphone"] .cta-banner::before,body[data-page="iphone"] .iphone-picker-section::after,body[data-page="iphone"] #services-list::after,body[data-page="iphone"] #reviews::after,body[data-page="iphone"] #contact.contact-ref-final::after,body[data-page="iphone"] .cta-banner::after{animation:none!important}}