/* =========================================================
   Gadget Makers Blog — Why Is My iPhone Charging Slow?
   Scope: .gmbslow
   ========================================================= */
.gmbslow,
.gmbslow *{
  box-sizing:border-box !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}
.gmbslow{
  --ink:#0f172a;
  --text:#334155;
  --muted:#64748b;
  --line:#e2e8f0;
  --blue:#2563eb;
  --blue-dark:#1e3a8a;
  --blue-soft:#eff6ff;
  --green:#166534;
  --green-soft:#f0fdf4;
  --orange:#ff9900;
  --amber:#92400e;
  --amber-soft:#fffbeb;
  --red:#991b1b;
  --red-soft:#fef2f2;
  max-width:920px !important;
  margin:0 auto !important;
  color:var(--text) !important;
  font-size:17px !important;
  line-height:1.72 !important;
}
.gmbslow p{margin:0 0 1.05em !important;color:var(--text) !important}
.gmbslow a{color:var(--blue) !important;text-decoration:none !important}
.gmbslow ul,.gmbslow ol{margin:.55em 0 1.25em !important;padding-left:1.25em !important}
.gmbslow li{margin:.42em 0 !important;color:var(--text) !important}
.gmbslow .section-title{
  margin:2.05em 0 .72em !important;
  color:var(--ink) !important;
  font-size:clamp(1.55rem,3vw,1.95rem) !important;
  line-height:1.24 !important;
  font-weight:850 !important;
  letter-spacing:-.02em !important;
}

/* Hero */
.gmbslow .hero{
  margin:0 0 24px !important;
  padding:30px !important;
  border:1px solid #bfdbfe !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 91% 8%,rgba(37,99,235,.15),transparent 32%),
    linear-gradient(135deg,#eff6ff 0%,#ffffff 58%,#f0fdf4 100%) !important;
  box-shadow:0 14px 38px rgba(15,23,42,.07) !important;
}
.gmbslow .eyebrow{
  display:inline-block !important;
  margin:0 0 11px !important;
  padding:6px 11px !important;
  border-radius:999px !important;
  background:#dbeafe !important;
  color:#1d4ed8 !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
.gmbslow .hero-title{
  margin:0 0 .45em !important;
  color:var(--ink) !important;
  font-size:clamp(1.8rem,4vw,2.45rem) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.035em !important;
}
.gmbslow .hero-lead{margin:0 !important;color:#334155 !important;font-size:1.04rem !important}
.gmbslow .facts{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:11px !important;
  margin-top:19px !important;
}
.gmbslow .fact{
  padding:14px 10px !important;
  border:1px solid #dbeafe !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.96) !important;
  text-align:center !important;
}
.gmbslow .fact strong{
  display:block !important;
  color:#1d4ed8 !important;
  font-size:1.04rem !important;
  line-height:1.25 !important;
  font-weight:850 !important;
}
.gmbslow .fact span{
  display:block !important;
  margin-top:3px !important;
  color:var(--muted) !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

/* Info boxes */
.gmbslow .disclosure,.gmbslow .note,.gmbslow .tip,.gmbslow .warning,.gmbslow .summary{
  margin:19px 0 !important;
  padding:16px 18px !important;
  border-radius:14px !important;
}
.gmbslow .disclosure{
  border:1px solid #fed7aa !important;
  border-left:4px solid #f59e0b !important;
  background:#fffbeb !important;
  color:#713f12 !important;
  font-size:13px !important;
}
.gmbslow .note{border:1px solid #bfdbfe !important;background:var(--blue-soft) !important}
.gmbslow .tip{border:1px solid #bbf7d0 !important;background:var(--green-soft) !important}
.gmbslow .tip strong{color:var(--green) !important}
.gmbslow .warning{border:1px solid #fecaca !important;background:var(--red-soft) !important;color:var(--red) !important}
.gmbslow .summary{border:2px solid #bfdbfe !important;background:var(--blue-soft) !important}

/* Diagnostic strip */
.gmbslow .diagnostic{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:23px 0 30px !important;
}
.gmbslow .diag{
  padding:16px 13px !important;
  border:1px solid var(--line) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(15,23,42,.045) !important;
}
.gmbslow .diag strong{
  display:block !important;
  margin-bottom:5px !important;
  color:var(--ink) !important;
  font-size:.98rem !important;
}
.gmbslow .diag span{font-size:13px !important;line-height:1.45 !important;color:var(--muted) !important}
.gmbslow .diag.one{border-top:4px solid #2563eb !important}
.gmbslow .diag.two{border-top:4px solid #8b5cf6 !important}
.gmbslow .diag.three{border-top:4px solid #f59e0b !important}
.gmbslow .diag.four{border-top:4px solid #ef4444 !important}

/* Decision cards */
.gmbslow .pick-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:15px !important;
  margin:24px 0 31px !important;
}
.gmbslow .pick{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:19px !important;
  border:1px solid var(--line) !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(15,23,42,.055) !important;
}
.gmbslow .pick.featured{
  border:2px solid var(--blue) !important;
  box-shadow:0 11px 28px rgba(37,99,235,.12) !important;
}
.gmbslow .badge{
  display:inline-block !important;
  align-self:flex-start !important;
  padding:5px 9px !important;
  border-radius:999px !important;
  background:#dbeafe !important;
  color:#1e40af !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}
.gmbslow .pick-name,.gmbslow .product-title{
  margin:0 !important;
  color:var(--ink) !important;
  font-size:1.14rem !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}
.gmbslow .pick p{margin:0 !important;font-size:14px !important;line-height:1.58 !important}
.gmbslow .best-for{margin-top:auto !important;color:#475569 !important;font-size:13px !important;font-weight:750 !important}

/* CTA */
.gmbslow .cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:48px !important;
  padding:12px 18px !important;
  border:0 !important;
  border-radius:10px !important;
  background:var(--orange) !important;
  color:#111827 !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 5px 14px rgba(255,153,0,.24) !important;
}
.gmbslow .cta.dark{background:#111827 !important;color:#fff !important;box-shadow:none !important}

/* Product cards */
.gmbslow .product{
  display:grid !important;
  grid-template-columns:175px minmax(0,1fr) !important;
  gap:22px !important;
  align-items:center !important;
  margin:29px 0 !important;
  padding:22px !important;
  border:1px solid #bfdbfe !important;
  border-radius:19px !important;
  background:linear-gradient(135deg,#fff 0%,#eff6ff 100%) !important;
  box-shadow:0 11px 30px rgba(15,23,42,.065) !important;
}
.gmbslow .product-media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:170px !important;
  padding:14px !important;
  border-radius:14px !important;
  background:#fff !important;
}
.gmbslow .product-media img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:145px !important;
  max-height:155px !important;
  object-fit:contain !important;
}
.gmbslow .product .cta{width:auto !important;min-width:235px !important}
.gmbslow .procon{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:11px !important;
  margin:12px 0 15px !important;
}
.gmbslow .pro,.gmbslow .con{
  padding:11px 13px !important;
  border-radius:11px !important;
  font-size:13px !important;
  line-height:1.52 !important;
}
.gmbslow .pro{background:var(--green-soft) !important;color:var(--green) !important}
.gmbslow .con{background:var(--red-soft) !important;color:var(--red) !important}

/* Cause cards */
.gmbslow .cause-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:22px 0 28px !important;
}
.gmbslow .cause{
  padding:18px !important;
  border:1px solid var(--line) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 7px 22px rgba(15,23,42,.045) !important;
}
.gmbslow .cause-title{
  margin:0 0 7px !important;
  color:var(--ink) !important;
  font-size:1.05rem !important;
  line-height:1.35 !important;
  font-weight:850 !important;
}

/* Tables */
.gmbslow .table-wrap{
  width:100% !important;
  margin:22px 0 28px !important;
  overflow-x:auto !important;
  border:1px solid var(--line) !important;
  border-radius:15px !important;
  background:#fff !important;
  box-shadow:0 6px 18px rgba(15,23,42,.04) !important;
}
.gmbslow table{
  width:100% !important;
  min-width:700px !important;
  margin:0 !important;
  border-collapse:collapse !important;
}
.gmbslow th{
  padding:14px 16px !important;
  border:0 !important;
  background:#0f1f42 !important;
  color:#fff !important;
  text-align:left !important;
  vertical-align:middle !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:850 !important;
}
.gmbslow td{
  padding:14px 16px !important;
  border:0 !important;
  border-top:1px solid var(--line) !important;
  background:#fff !important;
  color:var(--text) !important;
  vertical-align:top !important;
  font-size:14px !important;
  line-height:1.58 !important;
}
.gmbslow tbody tr:nth-child(even) td{background:#f8fafc !important}

/* Steps */
.gmbslow .steps{
  list-style:none !important;
  counter-reset:gmbslow-step !important;
  padding:0 !important;
}
.gmbslow .steps li{
  position:relative !important;
  margin:0 0 12px !important;
  padding:16px 17px 16px 56px !important;
  border:1px solid var(--line) !important;
  border-radius:13px !important;
  background:#fff !important;
}
.gmbslow .steps li:before{
  counter-increment:gmbslow-step !important;
  content:counter(gmbslow-step) !important;
  position:absolute !important;
  top:16px !important;
  left:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:var(--blue) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:850 !important;
}

/* FAQ */
.gmbslow .faq details{
  margin:10px 0 !important;
  overflow:hidden !important;
  border:1px solid var(--line) !important;
  border-radius:13px !important;
  background:#fff !important;
}
.gmbslow .faq summary{
  position:relative !important;
  cursor:pointer !important;
  list-style:none !important;
  padding:16px 48px 16px 18px !important;
  color:var(--ink) !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}
.gmbslow .faq summary::-webkit-details-marker{display:none !important}
.gmbslow .faq summary:after{
  content:"+" !important;
  position:absolute !important;
  top:50% !important;
  right:18px !important;
  transform:translateY(-50%) !important;
  color:var(--blue) !important;
  font-size:24px !important;
}
.gmbslow .faq details[open] summary:after{content:"−" !important}
.gmbslow .faq-answer{padding:0 18px 17px !important}

/* Sticky CTA */
.gmbslow .sticky-cta{
  position:sticky !important;
  bottom:12px !important;
  z-index:20 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:24px 0 !important;
  padding:12px 14px !important;
  border:1px solid #bfdbfe !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.14) !important;
}
.gmbslow .sticky-copy{color:var(--ink) !important;font-size:14px !important;font-weight:800 !important}
.gmbslow .sticky-cta .cta{width:auto !important;min-width:190px !important;min-height:43px !important;padding:10px 15px !important;font-size:14px !important}

/* Final */
.gmbslow .final{
  margin:31px 0 8px !important;
  padding:27px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#0b1739 0%,#1e3a8a 100%) !important;
  color:#fff !important;
  text-align:center !important;
}
.gmbslow .final-title{margin:0 0 9px !important;color:#fff !important;font-size:1.58rem !important;font-weight:850 !important}
.gmbslow .final p{color:#dbeafe !important}
.gmbslow .final .cta{width:auto !important;min-width:240px !important}

/* Mobile */
@media(max-width:760px){
  .gmbslow{font-size:16px !important}
  .gmbslow .hero{padding:21px !important;border-radius:18px !important}
  .gmbslow .facts,.gmbslow .diagnostic{grid-template-columns:1fr 1fr !important}
  .gmbslow .pick-grid,.gmbslow .cause-grid{grid-template-columns:1fr !important}
  .gmbslow .product{grid-template-columns:1fr !important;padding:18px !important}
  .gmbslow .procon{grid-template-columns:1fr !important}
  .gmbslow .product .cta,.gmbslow .final .cta{width:100% !important;min-width:0 !important}
  .gmbslow .sticky-cta{flex-direction:column !important;align-items:stretch !important;text-align:center !important}
  .gmbslow .sticky-cta .cta{width:100% !important;min-width:0 !important}
  .gmbslow table,.gmbslow thead,.gmbslow tbody,.gmbslow th,.gmbslow td,.gmbslow tr{display:block !important;min-width:0 !important}
  .gmbslow thead{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important}
  .gmbslow tbody tr{padding:12px 14px !important;border-bottom:1px solid var(--line) !important;background:#fff !important}
  .gmbslow td{
    display:grid !important;
    grid-template-columns:42% 58% !important;
    gap:10px !important;
    padding:9px 0 !important;
    border:0 !important;
    border-bottom:1px dashed #e5e7eb !important;
    background:#fff !important;
  }
  .gmbslow td:before{content:attr(data-label) !important;color:var(--ink) !important;font-weight:800 !important}
}