/* MIKRON iPhone V16 — stronger luminous background + generated legacy cards */
body[data-page="iphone"]{
  --v16-lime:#baff35;
  --v16-lime-hot:#d7ff72;
  --v16-bg:#041009;
  --v16-graphite:#171e1a;
}

/* ========== MODEL PICKER: big luminous fields + animated elements ========== */
body[data-page="iphone"] .iphone-picker-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(1050px 700px at -4% 38%,rgba(190,255,63,.31) 0%,rgba(174,248,52,.15) 31%,transparent 69%),
    radial-gradient(920px 650px at 102% 17%,rgba(206,255,91,.30) 0%,rgba(175,249,48,.14) 32%,transparent 68%),
    radial-gradient(780px 520px at 52% 105%,rgba(183,255,50,.19) 0%,rgba(133,220,38,.08) 39%,transparent 72%),
    radial-gradient(560px 390px at 54% 26%,rgba(222,255,151,.10),transparent 72%),
    linear-gradient(145deg,#031008 0%,#07150d 44%,#091a10 100%)!important;
}
body[data-page="iphone"] .iphone-picker-section::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-18%!important;
  z-index:-2!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 4% 28%,rgba(224,255,152,.96) 0 3px,rgba(185,255,52,.34) 4px,transparent 18px),
    radial-gradient(circle at 14% 66%,rgba(185,255,51,.95) 0 4px,rgba(183,255,50,.22) 5px,transparent 21px),
    radial-gradient(circle at 28% 18%,rgba(225,255,156,.82) 0 3px,rgba(183,255,50,.18) 4px,transparent 17px),
    radial-gradient(circle at 42% 78%,rgba(183,255,50,.98) 0 4px,rgba(183,255,50,.24) 5px,transparent 22px),
    radial-gradient(circle at 58% 12%,rgba(225,255,156,.88) 0 3px,rgba(183,255,50,.18) 4px,transparent 18px),
    radial-gradient(circle at 72% 60%,rgba(183,255,50,.98) 0 5px,rgba(183,255,50,.28) 6px,transparent 25px),
    radial-gradient(circle at 87% 26%,rgba(227,255,165,.92) 0 4px,rgba(183,255,50,.22) 5px,transparent 22px),
    radial-gradient(circle at 96% 77%,rgba(183,255,50,.98) 0 4px,rgba(183,255,50,.25) 5px,transparent 24px),
    radial-gradient(640px 330px at 18% 30%,rgba(183,255,50,.16),transparent 72%),
    radial-gradient(700px 360px at 84% 56%,rgba(196,255,67,.18),transparent 72%);
  filter:drop-shadow(0 0 14px rgba(183,255,50,.88));
  animation:v16FieldDrift 10s ease-in-out infinite alternate!important;
}
body[data-page="iphone"] .iphone-picker-section::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:920px!important;
  height:920px!important;
  right:-310px!important;
  top:-260px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(183,255,50,.15) 0 4%,rgba(183,255,50,.065) 18%,transparent 47%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 78px,rgba(190,255,71,.17) 79px 80px,transparent 81px 154px)!important;
  box-shadow:0 0 120px rgba(183,255,50,.08)!important;
  animation:v16OrbitSpin 27s linear infinite!important;
}

/* Cards stay graphite; all media zones get lively but non-destructive background effects. */
body[data-page="iphone"] .iphone-product-card{
  border-color:rgba(160,174,166,.31)!important;
  background:linear-gradient(180deg,rgba(5,14,9,.98),rgba(14,20,17,.99))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body[data-page="iphone"] .iphone-product-media{
  overflow:hidden!important;
  background:
    radial-gradient(65% 72% at 50% 53%,rgba(190,255,55,.18) 0%,rgba(183,255,50,.075) 32%,transparent 72%),
    radial-gradient(38% 44% at 18% 22%,rgba(217,255,125,.075),transparent 74%),
    linear-gradient(180deg,#020b06 0%,#041009 100%)!important;
}
body[data-page="iphone"] .iphone-product-media::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-38%!important;
  width:auto!important;
  height:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  border-radius:0!important;
  pointer-events:none!important;
  opacity:.88!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(220,255,137,.90) 0 2px,rgba(183,255,50,.20) 3px,transparent 13px),
    radial-gradient(circle at 78% 24%,rgba(183,255,50,.94) 0 3px,rgba(183,255,50,.22) 4px,transparent 16px),
    radial-gradient(circle at 72% 74%,rgba(220,255,133,.76) 0 2px,rgba(183,255,50,.16) 3px,transparent 13px),
    radial-gradient(circle at 28% 82%,rgba(183,255,50,.84) 0 2px,rgba(183,255,50,.16) 3px,transparent 13px),
    radial-gradient(58% 45% at 50% 52%,rgba(183,255,50,.10),transparent 72%);
  filter:drop-shadow(0 0 9px rgba(183,255,50,.68))!important;
  animation:v16CardLights 6.4s ease-in-out infinite alternate!important;
}
body[data-page="iphone"] .iphone-product-media::after{content:none!important;display:none!important}
body[data-page="iphone"] .iphone-product-card::before,
body[data-page="iphone"] .iphone-product-card::after{content:none!important;display:none!important}

/* Generated legacy images are already on dark green, so let them blend into the media surface. */
body[data-page="iphone"] .iphone-product-card[href="iphone-8.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-8-plus.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-x.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-xr.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-xs.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-xs-max.html"] .iphone-product-media img,
body[data-page="iphone"] .iphone-product-card[href="iphone-se-2020.html"] .iphone-product-media img{
  width:94%!important;
  height:94%!important;
  max-width:94%!important;
  max-height:94%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(1.04) contrast(1.03)!important;
  transform:scale(1.02)!important;
  mix-blend-mode:normal!important;
  border-radius:10px!important;
}

/* ========== SERVICES: much bigger luminous areas + animated orbit/glints ========== */
body[data-page="iphone"] #services-list.section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(1180px 760px at -8% 67%,rgba(190,255,61,.29) 0%,rgba(161,239,46,.13) 34%,transparent 70%),
    radial-gradient(1050px 680px at 108% 15%,rgba(206,255,88,.31) 0%,rgba(175,247,49,.14) 34%,transparent 69%),
    radial-gradient(860px 600px at 73% 108%,rgba(183,255,50,.18),transparent 71%),
    radial-gradient(620px 430px at 48% 42%,rgba(214,255,125,.075),transparent 72%),
    linear-gradient(140deg,#031009 0%,#07160e 48%,#091b11 100%)!important;
}
body[data-page="iphone"] #services-list.section::before{
  content:""!important;
  position:absolute!important;
  width:1120px!important;
  height:1120px!important;
  right:-390px!important;
  top:-410px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(214,255,121,.35) 0 1.1%,rgba(183,255,50,.17) 1.8%,transparent 4.4%),
    radial-gradient(circle at 25% 68%,rgba(213,255,112,.26) 0 .85%,transparent 3.6%),
    radial-gradient(circle at 73% 31%,rgba(190,255,55,.28) 0 .9%,transparent 3.8%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 102px,rgba(183,255,50,.20) 103px 104px,transparent 105px 205px)!important;
  filter:drop-shadow(0 0 22px rgba(183,255,50,.22))!important;
  animation:v16OrbitSpin 24s linear infinite!important;
}
body[data-page="iphone"] #services-list.section::after{
  content:""!important;
  position:absolute!important;
  width:980px!important;
  height:980px!important;
  left:-420px!important;
  bottom:-410px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:50%!important;
  opacity:.95!important;
  background:
    radial-gradient(circle at 58% 36%,rgba(223,255,142,.40) 0 .9%,rgba(183,255,50,.12) 1.5%,transparent 4.2%),
    radial-gradient(circle at 72% 61%,rgba(190,255,53,.32) 0 .85%,transparent 3.6%),
    repeating-radial-gradient(circle at 50% 50%,transparent 0 118px,rgba(184,255,52,.17) 119px 120px,transparent 121px 236px)!important;
  animation:v16OrbitSpin 31s linear infinite reverse!important;
}
body[data-page="iphone"] #services-list .wrap{position:relative!important;z-index:2!important}
body[data-page="iphone"] #services-list .wrap::before{
  content:""!important;
  position:absolute!important;
  inset:-120px -80px!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 4% 16%,rgba(224,255,151,.96) 0 3px,rgba(183,255,50,.28) 4px,transparent 18px),
    radial-gradient(circle at 13% 47%,rgba(183,255,50,.92) 0 4px,rgba(183,255,50,.24) 5px,transparent 21px),
    radial-gradient(circle at 27% 78%,rgba(219,255,131,.82) 0 3px,rgba(183,255,50,.18) 4px,transparent 16px),
    radial-gradient(circle at 46% 21%,rgba(183,255,50,.94) 0 4px,rgba(183,255,50,.22) 5px,transparent 21px),
    radial-gradient(circle at 61% 67%,rgba(224,255,151,.92) 0 3px,rgba(183,255,50,.18) 4px,transparent 18px),
    radial-gradient(circle at 78% 23%,rgba(183,255,50,.98) 0 5px,rgba(183,255,50,.26) 6px,transparent 24px),
    radial-gradient(circle at 91% 52%,rgba(221,255,140,.90) 0 4px,rgba(183,255,50,.20) 5px,transparent 20px),
    radial-gradient(circle at 97% 84%,rgba(183,255,50,.96) 0 4px,rgba(183,255,50,.24) 5px,transparent 22px),
    radial-gradient(760px 390px at 78% 23%,rgba(192,255,59,.16),transparent 72%),
    radial-gradient(660px 360px at 14% 70%,rgba(183,255,50,.15),transparent 72%);
  filter:drop-shadow(0 0 15px rgba(183,255,50,.78))!important;
  animation:v16ServiceDrift 8.5s ease-in-out infinite alternate!important;
}
body[data-page="iphone"] #services-list .service-item{
  border:1px solid rgba(156,166,160,.48)!important;
  background:linear-gradient(145deg,rgba(9,19,15,.96),rgba(13,24,20,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 42px rgba(0,0,0,.19)!important;
}
body[data-page="iphone"] #services-list .service-item::before,
body[data-page="iphone"] #services-list .service-item::after{content:none!important;display:none!important;animation:none!important}

/* ========== REVIEWS + CONTACT: preserve V15 density, add larger ambient pools ========== */
body[data-page="iphone"] .iphone-reviews-homepalette{
  background:
    radial-gradient(900px 620px at -5% 15%,rgba(190,255,59,.27),transparent 68%),
    radial-gradient(850px 590px at 105% 78%,rgba(199,255,73,.26),transparent 67%),
    radial-gradient(560px 390px at 52% 40%,rgba(213,255,121,.10),transparent 71%),
    linear-gradient(145deg,#041009,#07160e 52%,#06130c)!important;
}
body[data-page="iphone"] #contact.contact-ref-final{
  background:
    radial-gradient(920px 620px at 0% 22%,rgba(192,255,63,.27),transparent 69%),
    radial-gradient(860px 600px at 104% 74%,rgba(205,255,82,.27),transparent 68%),
    radial-gradient(500px 350px at 54% 26%,rgba(221,255,145,.095),transparent 72%),
    linear-gradient(145deg,#041009,#07170e 56%,#06130c)!important;
}

@keyframes v16FieldDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1);filter:brightness(.9)}50%{transform:translate3d(1.4%,1.2%,0) scale(1.03);filter:brightness(1.18)}100%{transform:translate3d(.2%,-1.4%,0) scale(1.01);filter:brightness(1.02)}}
@keyframes v16OrbitSpin{to{transform:rotate(360deg)}}
@keyframes v16CardLights{0%{transform:translate3d(-1.5%,1%,0) scale(.98);opacity:.55}100%{transform:translate3d(1.6%,-1%,0) scale(1.04);opacity:1}}
@keyframes v16ServiceDrift{0%{transform:translate3d(-8px,6px,0) scale(.99);filter:brightness(.90)}100%{transform:translate3d(14px,-10px,0) scale(1.035);filter:brightness(1.18)}}
@media(prefers-reduced-motion:reduce){
  body[data-page="iphone"] .iphone-picker-section::before,
  body[data-page="iphone"] .iphone-picker-section::after,
  body[data-page="iphone"] .iphone-product-media::before,
  body[data-page="iphone"] #services-list.section::before,
  body[data-page="iphone"] #services-list.section::after,
  body[data-page="iphone"] #services-list .wrap::before{animation:none!important}
}
@media(max-width:760px){
  body[data-page="iphone"] .iphone-picker-section::after{width:560px!important;height:560px!important;right:-340px!important;top:-130px!important;opacity:.66!important}
  body[data-page="iphone"] #services-list.section::before{width:650px!important;height:650px!important;right:-390px!important;top:-180px!important}
  body[data-page="iphone"] #services-list.section::after{width:600px!important;height:600px!important;left:-380px!important;bottom:-190px!important}
}