/* =========================================================
   iPhone 13 SEO — THEME-PROOF + NAMESPACE (fx13-*)
   - Geen conflicts met andere brands
   - Hard reset op FAQ summary/span zodat theme “labels/pills” niet kan
========================================================= */

.fx13-seo-wrap[data-fx="seo-iphone13"]{
  display:block;
  width:100%;
  clear:both;
  flex:0 0 100%;
  align-self:stretch;
  grid-column:1 / -1;
  isolation:isolate;
  position:relative;
}

.fx13-seo-wrap[data-fx="seo-iphone13"]::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#f8fafc;
  z-index:0;
  pointer-events:none;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  color:#0f2940;
  position:relative;
  z-index:1;
  background:transparent;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo *{
  box-sizing:border-box;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-inner{
  max-width:1280px;
  margin:0 auto;
  padding:56px 30px;
}

/* sr-only */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-sr-only{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* pretitle */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-pretitle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#fff;
  font-weight:900;
  padding:8px 14px;
  border-radius:999px;
  margin:0 0 14px;
  color:#1E293B;

  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  text-decoration:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-pretitle::before,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-pretitle::after{
  content:none !important;
  display:none !important;
}

/* title */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h2{
  margin:0 0 14px;
  font-size:28px;
  font-weight:1000;
  letter-spacing:-.02em;
  color:#0f2940;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  text-decoration:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h2::before,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h2::after{
  content:none !important;
  display:none !important;
}

/* paragraphs */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo p{
  margin:0 0 12px;
  font-size:16px;
  line-height:1.65;
  color:rgba(15,41,64,.78);

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo strong{
  color:#0f2940;
  font-weight:900;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-intro{ margin-bottom:18px; }

/* grid */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin:18px 0;
}

/* blocks */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-block{
  background:#fff;
  border-radius:18px;
  padding:20px;
  border:1px solid rgba(15,41,64,.08);
  box-shadow:none !important;
  outline:0 !important;
}

/* headings */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h3{
  margin:0 0 10px;
  font-size:18px;
  font-weight:1000;
  color:#0f2940;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  padding:0 !important;
  text-decoration:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h3::before,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo h3::after{
  content:none !important;
  display:none !important;
}

/* lists */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo ul{
  margin:0;
  padding:0 0 0 18px;
  color:rgba(15,41,64,.78);
  font-size:15px;
  line-height:1.55;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo li{ margin:0 0 6px; }

/* separators */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-extra,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-local,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-how,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-faq,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-quicknav{
  margin-top:18px;
  padding-top:18px;
  border-top:1px dashed rgba(15,41,64,.14);
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-trust{
  margin-top:14px;
  font-weight:700;
}

/* steps */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-steps{
  margin:10px 0 0;
  padding:0;
  list-style:none;
  counter-reset:fx13Step;
  display:grid;
  gap:10px;

  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-steps li{
  counter-increment:fx13Step;
  background:#fff;
  border:1px solid rgba(15,41,64,.08);
  border-radius:16px;
  padding:14px 14px 14px 54px;
  position:relative;

  box-shadow:none !important;
  outline:0 !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-steps li::before{
  content:counter(fx13Step);
  position:absolute;
  left:14px;
  top:14px;
  width:28px;
  height:28px;
  border-radius:999px;
  background:rgba(30,41,59,.08);
  display:grid;
  place-items:center;
  font-weight:1000;
  color:#0f2940;
}

/* =========================================================
   FAQ — HARD THEME RESET (labels/pills weg)
========================================================= */

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-faqwrap{
  display:grid;
  gap:10px;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item{
  border:1px solid rgba(30,41,59,.12);
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
  margin:0 !important;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary{
  all:unset !important;                 /* kills theme */
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;

  padding:16px 18px !important;
  cursor:pointer !important;

  font-family:inherit !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:#0f2940 !important;

  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary::-webkit-details-marker{ display:none !important; }
.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary::marker{ content:"" !important; }

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary > span[itemprop="name"]{
  all:unset !important;                 /* kills theme pills/labels */
  display:block !important;
  flex:1 1 auto !important;

  font-family:inherit !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:#0f2940 !important;

  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary::after{
  content:"+";
  width:26px;
  height:26px;
  min-width:26px;
  min-height:26px;
  border-radius:999px;
  background:rgba(30,41,59,.08) !important;
  display:grid;
  place-items:center;
  font-weight:900;
  line-height:1 !important;

  border:0 !important;
  box-shadow:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item[open] > summary::after{ content:"−"; }

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-faq-body{
  margin:0 !important;
  padding:0 18px 18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-faq-body span[itemprop="text"]{
  all:unset !important;                 /* kills theme label styles */
  display:block !important;

  font-family:inherit !important;
  font-size:15px !important;
  line-height:1.55 !important;
  color:#1E293B !important;
  font-weight:400 !important;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] details.fx13-faq-item > summary:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(15,41,64,.18) !important;
}

/* =========================================================
   Quicknav pills (CTA button niet aanraken)
========================================================= */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-qgroup{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-qgroup strong{
  display:inline-flex;
  align-items:center;
  margin-right:2px;
  font-weight:1000;
  color:#0f2940;
}

.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:#e8f2f9;
  border:1px solid rgba(15,41,64,.10);
  color:#0f2940 !important;
  font-weight:900;
  font-size:13px;
  text-decoration:none !important;
  cursor:pointer;

  box-shadow:none !important;
  outline:0 !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn)::before,
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn)::after{
  content:none !important;
  display:none !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn):hover{ transform:translateY(-1px); opacity:.98; }
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn):active{ transform:translateY(0); }
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-seo a:not(.fonifix-cta-btn):focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(15,41,64,.18);
}

/* precta */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-precta{
  margin-top:18px;
  padding:16px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(15,41,64,.08);
  box-shadow:none !important;
}

/* in precta: gewone links (geen pill) */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-precta a:not(.fonifix-cta-btn){
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  display:inline !important;
  transform:none !important;
  font-size:inherit !important;
  font-weight:900 !important;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-precta a:not(.fonifix-cta-btn):hover{ opacity:.92; }

/* CTA row */
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-cta{
  margin-top:14px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-cta-note{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:rgba(15,41,64,.78);
  font-weight:700;
}

/* responsive */
@media(max-width:900px){
  .fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-inner{ padding:44px 18px; }
  .fx13-seo-wrap[data-fx="seo-iphone13"] .fx13-grid{ grid-template-columns:1fr; }
}