/* MIKRON iPhone services visual refresh v14
   Goal: match the darker/livelier reference — deep black-green base,
   large soft lime light fields, fine orbital lines and neutral graphite service cards. */

body[data-page="iphone"] #services-list.section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(720px 430px at 77% 17%, rgba(194,255,55,.24) 0%, rgba(159,245,34,.12) 24%, rgba(126,226,31,.045) 47%, transparent 70%),
    radial-gradient(560px 440px at 8% 72%, rgba(187,255,48,.17) 0%, rgba(130,230,35,.07) 38%, transparent 70%),
    radial-gradient(420px 320px at 96% 76%, rgba(197,255,55,.13) 0%, rgba(138,232,38,.055) 42%, transparent 72%),
    radial-gradient(320px 260px at 53% 56%, rgba(150,244,40,.07), transparent 72%),
    linear-gradient(128deg,#06120d 0%,#07170f 42%,#091b11 70%,#06130d 100%) !important;
}

/* Large moving luminous haze — deliberately soft, never a white sweep. */
body[data-page="iphone"] #services-list.section::before{
  content:"";
  position:absolute;
  z-index:0;
  width:820px;
  height:820px;
  right:-235px;
  top:-335px;
  pointer-events:none;
  border-radius:50%;
  opacity:.82;
  background:
    radial-gradient(circle at 46% 48%, rgba(219,255,108,.28) 0 1.1%, rgba(191,255,61,.14) 1.7%, transparent 4.2%),
    radial-gradient(circle at 30% 64%, rgba(204,255,76,.24) 0 .85%, transparent 3.4%),
    radial-gradient(circle at 73% 63%, rgba(204,255,76,.20) 0 .8%, transparent 3.2%),
    radial-gradient(circle at 53% 50%, transparent 0 42%, rgba(170,245,39,.22) 42.15% 42.35%, transparent 42.5% 58%, rgba(182,249,47,.13) 58.15% 58.35%, transparent 58.5% 71%, rgba(203,255,79,.09) 71.15% 71.3%, transparent 71.5%);
  filter:drop-shadow(0 0 18px rgba(183,255,51,.18));
  animation:iphoneServicesOrbitV14 24s linear infinite;
}

/* Left/bottom orbital field + extra points. */
body[data-page="iphone"] #services-list.section::after{
  content:"";
  position:absolute;
  z-index:0;
  width:650px;
  height:650px;
  left:-305px;
  bottom:-315px;
  pointer-events:none;
  border-radius:50%;
  opacity:.9;
  background:
    radial-gradient(circle at 62% 34%, rgba(220,255,102,.42) 0 .9%, rgba(190,255,51,.12) 1.5%, transparent 4.5%),
    radial-gradient(circle at 73% 58%, rgba(190,255,50,.32) 0 .8%, transparent 3.6%),
    radial-gradient(circle at 50% 50%, transparent 0 48%, rgba(168,239,41,.24) 48.15% 48.4%, transparent 48.6% 65%, rgba(196,255,58,.15) 65.1% 65.35%, transparent 65.55%);
  animation:iphoneServicesOrbitV14 31s linear infinite reverse;
}

body[data-page="iphone"] #services-list .wrap{
  position:relative;
  z-index:2;
}

/* A drifting field of subtle lime glints behind content. */
body[data-page="iphone"] #services-list .wrap::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-70px -20px -40px;
  pointer-events:none;
  opacity:.9;
  background:
    radial-gradient(circle at 3% 19%, rgba(208,255,78,.90) 0 3px, rgba(176,255,45,.22) 4px, transparent 13px),
    radial-gradient(circle at 13% 38%, rgba(207,255,78,.62) 0 2px, transparent 9px),
    radial-gradient(circle at 44% 23%, rgba(211,255,91,.68) 0 2px, transparent 9px),
    radial-gradient(circle at 67% 36%, rgba(220,255,112,.92) 0 3px, rgba(180,255,49,.22) 4px, transparent 14px),
    radial-gradient(circle at 78% 16%, rgba(215,255,94,.75) 0 2px, transparent 10px),
    radial-gradient(circle at 91% 34%, rgba(211,255,90,.82) 0 3px, rgba(173,249,40,.16) 4px, transparent 12px),
    radial-gradient(circle at 97% 73%, rgba(211,255,90,.88) 0 2.5px, transparent 11px),
    radial-gradient(circle at 58% 75%, rgba(193,255,51,.53) 0 2px, transparent 9px),
    radial-gradient(460px 220px at 79% 26%, rgba(186,255,52,.11), transparent 72%);
  animation:iphoneServicesLightsV14 8s ease-in-out infinite alternate;
}

/* Head copy stays crisp and bright against the deeper background. */
body[data-page="iphone"] #services-list .section-head h2{
  color:#f6f8f4 !important;
  text-shadow:0 3px 0 rgba(0,0,0,.32),0 0 24px rgba(192,255,55,.06);
}
body[data-page="iphone"] #services-list .section-head .desc{
  color:rgba(238,244,236,.76) !important;
}
body[data-page="iphone"] #services-list .eyebrow{
  color:#b9ff36 !important;
}

/* Price note: graphite glass, neutral border. */
body[data-page="iphone"] #services-list .price-note{
  position:relative;
  z-index:2;
  width:max-content;
  max-width:100%;
  color:rgba(225,232,224,.72) !important;
  background:linear-gradient(135deg,rgba(16,30,25,.88),rgba(12,24,20,.78)) !important;
  border:1px solid rgba(135,148,140,.46) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 38px rgba(0,0,0,.12) !important;
  backdrop-filter:blur(10px);
}
body[data-page="iphone"] #services-list .price-note .dot{
  background:#baff35 !important;
  box-shadow:0 0 12px rgba(186,255,53,.58);
}

/* Repair cards: graphite, darker than the background glow and separated by a GREY line. */
body[data-page="iphone"] #services-list .service-list{
  position:relative;
  z-index:2;
  gap:18px !important;
}
body[data-page="iphone"] #services-list .service-item{
  position:relative;
  overflow:hidden;
  min-height:132px;
  padding:25px 28px !important;
  background:
    radial-gradient(240px 110px at 14% 10%,rgba(166,233,55,.055),transparent 70%),
    linear-gradient(145deg,rgba(16,29,26,.97),rgba(12,23,21,.96)) !important;
  border:1px solid rgba(137,148,143,.52) !important;
  border-radius:18px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 18px 46px rgba(0,0,0,.14) !important;
  transform:none !important;
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease,background .28s ease !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;
}
body[data-page="iphone"] #services-list .service-item:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(182,193,186,.68) !important;
  background:
    radial-gradient(260px 120px at 16% 12%,rgba(180,244,70,.075),transparent 72%),
    linear-gradient(145deg,rgba(18,32,28,.98),rgba(13,25,22,.98)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 48px rgba(0,0,0,.20),0 0 30px rgba(169,242,45,.035) !important;
}
body[data-page="iphone"] #services-list .service-item .ico{
  background:linear-gradient(145deg,rgba(91,132,35,.48),rgba(53,93,31,.56)) !important;
  border:1px solid rgba(165,211,73,.13) !important;
  color:#baff35 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 22px rgba(180,255,47,.05) !important;
}
body[data-page="iphone"] #services-list .service-item h4{
  color:#f3f5f2 !important;
}
body[data-page="iphone"] #services-list .service-item p{
  color:rgba(226,232,226,.70) !important;
}
body[data-page="iphone"] #services-list .service-item .price{
  color:#baff35 !important;
  text-shadow:0 0 16px rgba(186,255,53,.10);
}

@keyframes iphoneServicesOrbitV14{to{transform:rotate(360deg)}}
@keyframes iphoneServicesLightsV14{
  0%{transform:translate3d(0,0,0) scale(1);filter:brightness(.92)}
  100%{transform:translate3d(12px,-8px,0) scale(1.025);filter:brightness(1.12)}
}

@media (max-width:760px){
  body[data-page="iphone"] #services-list.section::before{width:500px;height:500px;right:-300px;top:-190px;opacity:.62}
  body[data-page="iphone"] #services-list.section::after{width:420px;height:420px;left:-250px;bottom:-190px;opacity:.62}
  body[data-page="iphone"] #services-list .service-item{min-height:auto;padding:20px 18px !important}
}

@media (prefers-reduced-motion:reduce){
  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}
}