/* FixMobi 4.4 - targeted layout improvements. Loaded last on every page. */

/* FAQ: replace font-dependent plus signs with centered, vector-based controls. */
.faq-section .faq-list summary {
  position:relative;
  list-style:none !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:76px;
  padding:18px 0;
  line-height:1.4;
}
.faq-section .faq-list summary::-webkit-details-marker {display:none !important;}
.faq-section .faq-list summary::marker {content:"";}
.faq-section .faq-list summary .faq-toggle-icon {
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  width:38px !important;
  height:38px !important;
  min-width:38px;
  border:1px solid rgba(146,178,249,.44) !important;
  border-radius:12px !important;
  background:rgba(117,154,231,.10) !important;
  box-sizing:border-box;
  color:#95d6ff !important;
  font-size:0 !important;
  line-height:0 !important;
  transform:none !important;
  transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.faq-section .faq-toggle-icon svg {width:18px;height:18px;display:block;transform:rotate(0);transform-origin:50% 50%;transition:transform .25s ease;}
.faq-section .faq-list details[open] .faq-toggle-icon {background:rgba(81,134,247,.22)!important;border-color:#7dabf4!important;box-shadow:0 0 0 3px rgba(112,167,250,.12);}
.faq-section .faq-list details[open] .faq-toggle-icon svg {transform:rotate(45deg);}
.faq-section .faq-list summary:hover .faq-toggle-icon {background:rgba(97,153,240,.2)!important;}
.faq-section .faq-list summary:focus-visible {outline:2px solid #9bdfff;outline-offset:5px;border-radius:5px;}
.faq-section .faq-list details p {padding:0 58px 23px 0;}

/* Evenly spaced chip contacts on all four sides, using identical fixed positions. */
.hero-lab-wrap .precision-circuit::before,
.hero-lab-wrap .precision-circuit::after {content:none !important;display:none !important;}
.hero-lab-wrap .precision-circuit .circuit-pin {
  position:absolute !important;
  z-index:1;
  display:block;
  box-sizing:border-box;
  background:linear-gradient(90deg,#7298b6,#c9e3f0 52%,#7597ad) !important;
  border:1px solid rgba(194,224,241,.33);
  border-radius:2px !important;
  box-shadow:0 0 5px #60c9ff14;
  width:9px;height:16px;
  margin:0;
  transform:none !important;
}
.hero-lab-wrap .precision-circuit .circuit-pin-top {top:-14px !important;bottom:auto!important;right:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-bottom {bottom:-14px !important;top:auto!important;right:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-1,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-1 {left:9% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-2,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-2 {left:20% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-3,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-3 {left:31% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-4,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-4 {left:42% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-5,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-5 {left:53% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-6,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-6 {left:64% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-7,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-7 {left:75% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-top-8,.hero-lab-wrap .precision-circuit .circuit-pin-bottom-8 {left:86% !important;}
.hero-lab-wrap .precision-circuit .circuit-pin-left,
.hero-lab-wrap .precision-circuit .circuit-pin-right {width:16px;height:9px;}
.hero-lab-wrap .precision-circuit .circuit-pin-left {left:-14px !important;right:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-right {right:-14px !important;left:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-left-1,.hero-lab-wrap .precision-circuit .circuit-pin-right-1 {top:17% !important;bottom:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-left-2,.hero-lab-wrap .precision-circuit .circuit-pin-right-2 {top:38% !important;bottom:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-left-3,.hero-lab-wrap .precision-circuit .circuit-pin-right-3 {top:59% !important;bottom:auto!important;}
.hero-lab-wrap .precision-circuit .circuit-pin-left-4,.hero-lab-wrap .precision-circuit .circuit-pin-right-4 {top:80% !important;bottom:auto!important;}

/* Desktop: the three steps on the repairs page deserve the full visual weight of the copy. */
@media (min-width: 901px) {
  .dark-section .repair-layout {grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:clamp(38px,5vw,86px);align-items:center;}
  .dark-section .process-list {display:grid;gap:14px;max-width:700px;width:100%;}
  .dark-section .process-list > div {
    display:flex;
    align-items:center;
    gap:20px;
    min-height:114px;
    padding:21px 24px;
    border:1px solid rgba(141,170,236,.34) !important;
    border-radius:18px;
    background:linear-gradient(122deg,rgba(67,103,178,.22),rgba(20,38,80,.51));
    box-shadow:0 7px 21px rgba(1,9,27,.15),inset 0 1px 0 rgba(244,249,255,.05);
    transition:border-color .25s,transform .25s,box-shadow .25s;
  }
  .dark-section .process-list > div:hover {transform:translateX(4px);border-color:rgba(138,203,251,.68)!important;box-shadow:0 12px 28px rgba(1,9,27,.25);}
  .dark-section .process-list > div > span {
    flex:0 0 52px;display:grid;place-items:center;
    height:52px;border-radius:15px;
    font-size:18px;font-weight:750;color:#aee6ff;
    background:linear-gradient(135deg,rgba(64,140,255,.28),rgba(37,75,147,.35));
    border:1px solid rgba(128,186,248,.5);
  }
  .dark-section .process-list > div section {min-width:0;}
  .dark-section .process-list h3 {font-size:clamp(19px,1.6vw,24px);line-height:1.2;margin:0 0 7px;color:#f5f8ff;}
  .dark-section .process-list p {font-size:clamp(14px,1.05vw,16px);line-height:1.52;color:#b9c9e8;max-width:460px;}
}
@media (max-width:900px) {
  .dark-section .process-list {display:grid;gap:11px;}
  .dark-section .process-list>div {border:1px solid rgba(141,170,236,.27)!important;border-radius:14px;background:rgba(52,85,148,.12);padding:17px 18px;gap:16px;}
  .dark-section .process-list>div>span {font-size:15px;flex:0 0 35px;color:#a3c7ff;}
  .dark-section .process-list h3 {font-size:17px;margin-bottom:4px;}
  .dark-section .process-list p {font-size:13px;line-height:1.5;}
}
@media (max-width:760px) {
  .faq-section .faq-list summary {min-height:72px;gap:12px;padding:16px 0;font-size:clamp(13px,3.8vw,16px)!important;}
  .faq-section .faq-list summary .faq-toggle-icon {flex-basis:36px!important;width:36px!important;height:36px!important;}
  .faq-section .faq-list details p {padding-right:8px;}
  .editorial-section .editorial-layout {gap:28px;}
}
@media (prefers-reduced-motion: reduce) {
  .faq-section .faq-toggle-icon svg,
  .faq-section .faq-toggle-icon,
  .dark-section .process-list > div {transition:none!important;}
}