/* ============================================================
   SERVA ACCESSOIREPAGINA — V15 SEO SOURCE
   VOLLEDIGE VERVANGING VAN serva-page-accessory.css

   Serva-standard.css beheert typografie, buttons, links, kaarten en media.
   Dit bestand beheert uitsluitend de accessoirelayout.

   WordPress-wpautop is afgevangen:
   lege p- en br-elementen kunnen grids niet meer verstoren.
   ============================================================ */

.serva-accessory-v15 {
  --sav15-black: var(--sv-black, #050505);
  --sav15-white: var(--sv-white, #ffffff);
  --sav15-text: var(--sv-text, #171717);
  --sav15-muted: var(--sv-muted, #686d73);
  --sav15-muted-light: #94999e;
  --sav15-soft: #f5f6f4;
  --sav15-blue: #edf2f4;
  --sav15-line: var(--sv-line, #d9d9d6);
  --sav15-line-soft: var(--sv-line-soft, #e8e8e5);
  width: 100%;
  overflow: hidden;
  background: var(--sav15-white);
  color: var(--sav15-text);
}

.serva-accessory-v15 *,
.serva-accessory-v15 *::before,
.serva-accessory-v15 *::after { box-sizing: border-box; }
.serva-accessory-v15 p:empty,
.serva-accessory-v15 br:only-child { display: none; }
.serva-accessory-v15 section[id] { scroll-margin-top: 96px; }
.serva-accessory-v15[data-sale-active="false"] .serva-accessory-v15__hero-promo,
.serva-accessory-v15[data-sale-active="false"] .serva-accessory-v15__product-promo,
.serva-accessory-v15[data-sale-active="false"] .serva-accessory-v15__old-price { grid-column: 1; grid-row: 1; min-height: 0; margin: 0; color: var(--sav15-muted-light); font-size: 10px; line-height: 1; text-decoration: line-through; }

.serva-accessory-v15__hero-label-row { max-width:520px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:10px; margin-bottom:8px; }
.serva-accessory-v15__hero-label-row .sv-section-eyebrow { margin:0; }
.serva-accessory-v15__display { max-width: 8.3ch; margin: 0; color: var(--sav15-black); font-size: clamp(58px, 5.4vw, 84px); font-weight: 400; line-height: .92; letter-spacing: -.058em; }
.serva-accessory-v15__lead { max-width: 520px; margin: 12px 0 0; color: var(--sav15-text); font-size: clamp(18px, 1.4vw, 21px); line-height: 1.48; }
.serva-accessory-v15__hero-promo { flex: 0 0 auto; min-height: 24px; display: inline-flex; align-items: center; gap: 5px; padding: 0 9px; border-radius: 999px; background: #f4e9e7; color: #a9251d; font-size: 8.5px; line-height: 1; white-space: nowrap; }
.serva-accessory-v15__hero-promo-main { font-size: 8.5px; font-weight: 750; }
.serva-accessory-v15__hero-promo-divider { opacity: .55; font-weight: 400; }
.serva-accessory-v15__hero-promo-name { font-size: 8.5px; font-weight: 400; opacity: .96; }
.serva-accessory-v15__hero-price { display: flex; flex-direction: column; align-items: flex-start; gap: 0; margin: 12px 0 0; }
.serva-accessory-v15__hero-price span { margin: 0; color: var(--sav15-muted); font-size: 12px; line-height: 1.1; }
.serva-accessory-v15__hero-price strong { margin: 1px 0 0; color: var(--sav15-black); font-size: clamp(40px, 3.2vw, 48px); font-weight: 500; line-height: 1; letter-spacing: -.045em; }
.serva-accessory-v15__hero-actions { width: min(100%, 530px); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: 10px; margin: 9px 0 0; }
.serva-accessory-v15__hero-actions > p { display: contents; }
.serva-accessory-v15__hero-actions br { display: none; }
.serva-accessory-v15__hero-actions .sv-btn { flex: 1 1 0; width: auto; min-width: 0; min-height: 49px; margin: 0; padding-inline: 10px; white-space: nowrap; }
/* VOORDELEN */
.serva-accessory-v15__benefits { padding: 0 0 clamp(48px, 5vw, 70px); }
.serva-accessory-v15__benefits-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--sav15-line-soft); border-radius:16px; background:#fafaf8; }
.serva-accessory-v15__benefits-bar > :not(.serva-accessory-v15__benefit) { display: none; }
.serva-accessory-v15__benefit { min-width:0; padding:17px 19px; border-right:1px solid var(--sav15-line-soft); }
.serva-accessory-v15__benefit:last-child { border-right: 0; }
.serva-accessory-v15__benefit strong, .serva-accessory-v15__benefit span { display: block; }
.serva-accessory-v15__benefit strong { margin: 0 0 4px; color: var(--sav15-black); font-size: 13px; line-height: 1.25; }
.serva-accessory-v15__benefit span { color: var(--sav15-muted); font-size: 11px; line-height: 1.4; }

/* SECTIEKOP */
.serva-accessory-v15__section-heading { max-width: 720px; margin: 0 auto 28px; text-align: center; }
.serva-accessory-v15__section-heading .sv-section-eyebrow { display: block; margin-bottom: 11px; }
.serva-accessory-v15__section-title { margin: 0; color: var(--sav15-black); font-size: clamp(44px, 4.3vw, 62px); font-weight: 400; line-height: .95; letter-spacing: -.052em; }
.serva-accessory-v15__section-intro { max-width: 640px; margin: 13px auto 0; color: var(--sav15-muted); font-size: 15px; line-height: 1.5; }

/* PRODUCTEN */
.serva-accessory-v15__products { padding: clamp(54px, 5.8vw, 78px) 0 clamp(68px, 7vw, 96px); }
.serva-accessory-v15__product-grid { display: flex; flex-flow: row nowrap; align-items: stretch; gap: 20px; width: 100%; }
.serva-accessory-v15__product-grid > :not(.serva-accessory-v15__product-card) { display: none; }
.serva-accessory-v15__product-card { position: relative; flex: 1 1 0; width: 0; min-width: 0; height: auto; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--sav15-line); border-radius: 22px; background: var(--sav15-white); box-shadow: 0 15px 40px rgba(0,0,0,.065); cursor: pointer; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.serva-accessory-v15__product-card:hover { transform: translateY(-3px); border-color: rgba(0,0,0,.2); box-shadow: 0 22px 56px rgba(0,0,0,.10); }
.serva-accessory-v15__product-card:focus-visible { outline: 2px solid var(--sav15-black); outline-offset: 4px; }
.serva-accessory-v15__product-card.is-selected { border-color: var(--sav15-black); box-shadow: 0 0 0 2px var(--sav15-black),0 22px 56px rgba(0,0,0,.10); }
.serva-accessory-v15__product-card.is-selected::after { content:"Geselecteerd"; position:absolute; z-index:3; top:12px; right:12px; min-height:25px; display:inline-flex; align-items:center; padding:0 9px; border-radius:999px; background:var(--sav15-black); color:#fff; font-size:8.5px; font-weight:750; }
.serva-accessory-v15__product-media { flex:0 0 auto; width:100%; margin:0; overflow:hidden; aspect-ratio:4 / 3; background:var(--sav15-blue); }
.serva-accessory-v15__product-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s ease; }
.serva-accessory-v15__product-card:hover .serva-accessory-v15__product-media img { transform:scale(1.015); }
.serva-accessory-v15__product-media--contain img { object-fit:contain; padding:28px; }
.serva-accessory-v15__product-body { flex:1; min-width:0; display:flex; flex-direction:column; padding:20px 19px 18px; }
.serva-accessory-v15__product-body > p:empty, .serva-accessory-v15__product-body > br { display:none; }
.serva-accessory-v15__product-meta { min-height:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.serva-accessory-v15__eyebrow { color:var(--sav15-muted); font-size:8px; font-weight:750; line-height:1; letter-spacing:.14em; text-transform:uppercase; }
.serva-accessory-v15__tag { min-height:21px; display:inline-flex; align-items:center; padding:0 8px; border-radius:999px; background:#efefec; color:var(--sav15-text); font-size:8px; font-weight:700; white-space:nowrap; }
.serva-accessory-v15__product-title { min-height:3.05em; margin:0; color:var(--sav15-black); font-size:clamp(22px,1.75vw,28px); font-weight:400; line-height:1.03; letter-spacing:-.042em; }
.serva-accessory-v15__product-promo { grid-column: 2; grid-row: 1; align-self: center; margin: 0; padding: 0; background: transparent; color: #b12a22; font-size: 9px; line-height: 1; font-weight: 700; white-space: nowrap; }
.serva-accessory-v15__promo-slot { display: block; min-height: 19px; }
.serva-accessory-v15__product-copy { min-height:4.75em; margin:12px 0 0; color:var(--sav15-muted); font-size:12.5px; line-height:1.5; }
.serva-accessory-v15__checks { min-height:6.65em; display:grid; align-content:start; gap:7px; margin:15px 0 0; padding:0; list-style:none; }
.serva-accessory-v15__checks li { position:relative; padding-left:18px; color:var(--sav15-text); font-size:12px; line-height:1.4; }
.serva-accessory-v15__checks li::before { content:"\2713"; position:absolute; left:0; color:var(--sav15-black); font-size:11px; font-weight:800; }
.serva-accessory-v15__purchase { min-height:78px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:11px; margin-top:auto; padding-top:16px; }
.serva-accessory-v15__card-price { min-height: 58px; display: grid; grid-template-columns: auto auto; grid-template-rows: 15px auto; align-content: end; align-items: center; justify-content: start; column-gap: 8px; }
.serva-accessory-v15__card-price span,


.serva-accessory-v15__card-price .serva-accessory-v15__old-price {
  grid-column: 1;
  grid-row: 1;
}

.serva-accessory-v15__card-price .serva-accessory-v15__product-promo {
  grid-column: 2;
  grid-row: 1;
  display: inline-flex;
  width: auto;
  height: auto;
  color: #b12a22;
}

.serva-accessory-v15__card-price > strong {
  grid-column: 1 / -1;
  grid-row: 2;
}
.serva-accessory-v15__card-price > span:not(.serva-accessory-v15__old-price):not(.serva-accessory-v15__product-promo):not(.serva-accessory-v15__promo-slot) { margin:0; color:var(--sav15-muted); font-size:9.5px; line-height:1; }
.serva-accessory-v15__old-price { min-height:14px; margin:0; color:var(--sav15-muted-light); font-size:10.5px; text-decoration:line-through; }
.serva-accessory-v15__card-price strong { color:var(--sav15-black); font-size:29px; font-weight:500; line-height:1; letter-spacing:-.04em; }
.serva-accessory-v15__stock { position:relative; max-width:108px; padding-left:10px; color:var(--sav15-muted); font-size:9px; line-height:1.35; text-align:right; }
.serva-accessory-v15__stock::before { content:""; position:absolute; left:0; top:.42em; width:5px; height:5px; border-radius:50%; background:#d19a2d; }
.serva-accessory-v15__stock--available { color:#237343; }
.serva-accessory-v15__stock--available::before { background:#2c9b58; }
.serva-accessory-v15__product-button { width:100%; min-height:47px; margin:14px 0 0; padding-inline:11px; font-size:12px; }
.serva-accessory-v15__product-button + p, p:has(> .serva-accessory-v15__product-button) { margin:0; }

/* VERGELIJKING */
.serva-accessory-v15__compare { margin-top:20px; overflow:hidden; border:1px solid var(--sav15-line); border-radius:17px; background:var(--sav15-soft); }
.serva-accessory-v15__compare summary { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 17px; cursor:pointer; list-style:none; }
.serva-accessory-v15__compare summary::-webkit-details-marker { display:none; }
.serva-accessory-v15__compare summary small, .serva-accessory-v15__compare summary strong { display:block; }
.serva-accessory-v15__compare summary small { margin-bottom:3px; color:var(--sav15-muted); font-size:9.5px; }
.serva-accessory-v15__compare summary strong { color:var(--sav15-black); font-size:17px; font-weight:650; }
.serva-accessory-v15__compare-action { display:inline-flex; align-items:center; gap:8px; color:var(--sav15-black); font-size:10.5px; font-weight:650; }
.serva-accessory-v15__compare-action i { width:27px; height:27px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--sav15-line); border-radius:50%; background:#fff; font-size:15px; font-style:normal; transition:transform .2s ease; }
.serva-accessory-v15__compare[open] .serva-accessory-v15__compare-action i { transform:rotate(45deg); }
.serva-accessory-v15__compare-content { padding:0 17px 17px; }
.serva-accessory-v15__compare-desktop { overflow-x:auto; border:1px solid var(--sav15-line-soft); border-radius:13px; background:#fff; }
.serva-accessory-v15__compare table { width:100%; min-width:760px; border-collapse:collapse; }
.serva-accessory-v15__compare th, .serva-accessory-v15__compare td { padding:11px 12px; border-bottom:1px solid var(--sav15-line-soft); color:var(--sav15-text); font-size:11px; text-align:left; }
.serva-accessory-v15__compare thead th { background:#f1f2ef; color:var(--sav15-black); }
.serva-accessory-v15__compare tr:last-child th, .serva-accessory-v15__compare tr:last-child td { border-bottom:0; }
.serva-accessory-v15__compare-mobile { display:none; }

/* KEUZEHULP EN SEO-CONTENT */
.serva-accessory-v15__guide { padding:clamp(62px,7vw,94px) 0; background:#f7f7f5; }
.serva-accessory-v15__guide-heading { max-width:820px; margin-bottom:34px; }
.serva-accessory-v15__guide-heading .sv-section-eyebrow { display:block; margin-bottom:12px; }
.serva-accessory-v15__guide-heading .serva-accessory-v15__section-title { max-width:760px; }
.serva-accessory-v15__guide-heading > p { max-width:720px; margin:16px 0 0; color:var(--sav15-muted); font-size:15.5px; line-height:1.55; }
.serva-accessory-v15__guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.serva-accessory-v15__guide-grid article { min-height:100%; padding:24px 22px; border:1px solid var(--sav15-line-soft); border-radius:18px; background:#fff; }
.serva-accessory-v15__guide-grid h3 { margin:0; color:var(--sav15-black); font-size:21px; line-height:1.15; letter-spacing:-.025em; }
.serva-accessory-v15__guide-grid p { margin:12px 0 0; color:var(--sav15-muted); font-size:13.5px; line-height:1.58; }

.serva-accessory-v15__guide-card {
  min-width: 0;
}

.serva-accessory-v15__guide-inline-note {
  margin-top: 16px;
  padding-top: 0;
  color: var(--sav15-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

.serva-accessory-v15__guide-inline-note strong {
  color: var(--sav15-black);
  font-weight: 650;
}

.serva-accessory-v15__guide-inline-note .sv-link {
  display: inline-flex;
  margin-left: 5px;
  padding-bottom: 2px;
  font-size: 10.5px;
  vertical-align: baseline;
}


.serva-accessory-v15__faq { display:grid; grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr); gap:clamp(34px,5vw,70px); margin-top:54px; padding-top:42px; border-top:1px solid var(--sav15-line); }
.serva-accessory-v15__faq-heading .sv-section-eyebrow { display:block; margin-bottom:11px; }
.serva-accessory-v15__faq-heading h2 { margin:0; color:var(--sav15-black); font-size:clamp(30px,3vw,42px); font-weight:400; line-height:1; letter-spacing:-.045em; }
.serva-accessory-v15__faq-list { border-top:1px solid var(--sav15-line); }
.serva-accessory-v15__faq-list details { border-bottom:1px solid var(--sav15-line); }
.serva-accessory-v15__faq-list summary { position:relative; padding:18px 40px 18px 0; color:var(--sav15-black); font-size:15px; font-weight:650; cursor:pointer; list-style:none; }
.serva-accessory-v15__faq-list summary::-webkit-details-marker { display:none; }
.serva-accessory-v15__faq-list summary::after { content:"+"; position:absolute; top:50%; right:4px; transform:translateY(-50%); font-size:20px; font-weight:400; }
.serva-accessory-v15__faq-list details[open] summary::after { content:"−"; }
.serva-accessory-v15__faq-list p { max-width:720px; margin:0; padding:0 40px 18px 0; color:var(--sav15-muted); font-size:13.5px; line-height:1.58; }

/* FORMULIER */
.serva-accessory-v15__form { padding:clamp(62px,7vw,98px) 0; }
.serva-accessory-v15__form-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr); align-items:start; gap:clamp(42px,6vw,80px); }
.serva-accessory-v15__form-grid > :not(.serva-accessory-v15__form-intro):not(.serva-accessory-v15__form-card) { display:none; }
.serva-accessory-v15__form-intro { position:sticky; top:108px; }
.serva-accessory-v15__form-intro .sv-section-eyebrow { display:block; margin-bottom:12px; }
.serva-accessory-v15__form-copy { margin:15px 0 0; color:var(--sav15-muted); font-size:15px; line-height:1.52; }
.serva-accessory-v15__selection { margin-top:21px; padding:14px 16px; border:1px solid var(--sav15-line); border-radius:13px; background:var(--sav15-soft); }
.serva-accessory-v15__selection span, .serva-accessory-v15__selection strong { display:block; }
.serva-accessory-v15__selection span { margin-bottom:4px; color:var(--sav15-muted); font-size:8.5px; letter-spacing:.12em; text-transform:uppercase; }
.serva-accessory-v15__selection strong { color:var(--sav15-black); font-size:13px; }
.serva-accessory-v15__form-benefits { display:grid; gap:7px; margin:18px 0 0; padding:0; list-style:none; }
.serva-accessory-v15__form-benefits li { position:relative; padding-left:18px; font-size:12px; }
.serva-accessory-v15__form-benefits li::before { content:"\2713"; position:absolute; left:0; font-weight:800; }
.serva-accessory-v15__form-card { min-width:0; padding:clamp(22px,3vw,39px); border:1px solid var(--sav15-line); border-radius:21px; background:#fff; box-shadow:0 18px 48px rgba(0,0,0,.07); }
.serva-accessory-v15__form-card .frm_forms, .serva-accessory-v15__form-card .frm_form_fields, .serva-accessory-v15__form-card fieldset { min-width:0; margin:0; padding:0; border:0; }
.serva-accessory-v15__form-card .frm_form_field { margin-bottom:16px; }
.serva-accessory-v15__form-card input[type="text"], .serva-accessory-v15__form-card input[type="email"], .serva-accessory-v15__form-card input[type="tel"], .serva-accessory-v15__form-card input[type="number"], .serva-accessory-v15__form-card select, .serva-accessory-v15__form-card textarea { width:100%; min-height:49px; margin-top:7px; padding:0 14px; border:1px solid var(--sav15-line); border-radius:11px; background:#fff; box-shadow:none; }
.serva-accessory-v15__form-card textarea { min-height:122px; padding-block:13px; }
.serva-accessory-v15__form-card .frm_button_submit, .serva-accessory-v15__form-card button[type="submit"], .serva-accessory-v15__form-card input[type="submit"] { min-height:49px; padding:0 22px; border:1px solid var(--sav15-black)!important; border-radius:999px!important; background:var(--sav15-black)!important; color:#fff!important; font-size:13.5px!important; font-weight:700!important; }
.serva-accessory-v15__mobile-cta { display:none; }

/* RESPONSIVE */
@media (max-width:900px) {
  .serva-accessory-v15__benefits-bar { grid-template-columns:1fr; }
  .serva-accessory-v15__benefit { border-right:0; border-bottom:1px solid var(--sav15-line-soft); }
  .serva-accessory-v15__benefit:last-child { border-bottom:0; }
  .serva-accessory-v15__guide-grid { grid-template-columns:1fr; }
  .serva-accessory-v15__faq { grid-template-columns:1fr; gap:24px; }
  .serva-accessory-v15__product-grid { flex-direction:column; max-width:680px; margin-inline:auto; }
  .serva-accessory-v15__product-card { flex:0 0 auto; width:100%; }
  .serva-accessory-v15__product-title, .serva-accessory-v15__product-copy, .serva-accessory-v15__checks { min-height:0; }
  .serva-accessory-v15__form-grid { grid-template-columns:1fr; }
  .serva-accessory-v15__form-intro { position:static; }
}
@media (max-width:620px) {
  .serva-accessory-v15 { padding-bottom:72px; }
  .serva-accessory-v15__hero-label-row { align-items:flex-start; flex-direction:column; gap:8px; margin-bottom:11px; }
  .serva-accessory-v15__hero-content .sv-section-eyebrow { margin-bottom:0; }
  .serva-accessory-v15__display { font-size:clamp(48px,13vw,62px); }
  .serva-accessory-v15__lead { margin-top:13px; font-size:16.5px; }
  .serva-accessory-v15__hero-promo { min-height:23px; font-size:8px; }
  .serva-accessory-v15__hero-price { margin-top:14px; }
  .serva-accessory-v15__hero-price strong { font-size:35px; }
  .serva-accessory-v15__hero-actions { gap:8px; margin-top:11px; }
  .serva-accessory-v15__hero-actions .sv-btn { min-height:45px; padding-inline:6px; font-size:11px; }
  .serva-accessory-v15__benefits { padding-bottom:42px; }
  .serva-accessory-v15__benefit { padding:14px 12px; }
  .serva-accessory-v15__benefit strong { font-size:11.5px; }
  .serva-accessory-v15__benefit span { font-size:9.5px; }
  .serva-accessory-v15__products { padding:44px 0 54px; }
  .serva-accessory-v15__section-heading { margin-bottom:22px; text-align:left; }
  .serva-accessory-v15__section-heading .sv-section-eyebrow { margin-bottom:10px; }
  .serva-accessory-v15__section-title { font-size:clamp(37px,10vw,47px); }
  .serva-accessory-v15__section-intro { margin:12px 0 0; font-size:14px; }
  .serva-accessory-v15__product-body { padding:18px 16px 17px; }
  .serva-accessory-v15__compare summary { padding:12px 14px; }
  .serva-accessory-v15__compare-action > span { display:none; }
  .serva-accessory-v15__compare-content { padding:0 12px 12px; }
  .serva-accessory-v15__compare-desktop { display:none; }
  .serva-accessory-v15__compare-mobile { display:grid; gap:9px; }
  .serva-accessory-v15__compare-mobile article { padding:14px; border:1px solid var(--sav15-line-soft); border-radius:12px; background:#fff; }
  .serva-accessory-v15__compare-mobile h3 { margin:0 0 9px; font-size:16px; }
  .serva-accessory-v15__compare-mobile dl { margin:0; }
  .serva-accessory-v15__compare-mobile dl div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:9px; padding:7px 0; border-top:1px solid var(--sav15-line-soft); }
  .serva-accessory-v15__compare-mobile dt, .serva-accessory-v15__compare-mobile dd { margin:0; font-size:11px; }
  .serva-accessory-v15__guide { padding:48px 0; }
  .serva-accessory-v15__guide-heading { margin-bottom:24px; }
  .serva-accessory-v15__guide-grid article { padding:20px 18px; }
  .serva-accessory-v15__faq { margin-top:38px; padding-top:30px; }
  .serva-accessory-v15__faq-list summary { padding-block:16px; font-size:14px; }
  .serva-accessory-v15__form { padding:50px 0; }
  .serva-accessory-v15__form-card { padding:19px 15px; }
  .serva-accessory-v15__form-card .frm_button_submit, .serva-accessory-v15__form-card button[type="submit"], .serva-accessory-v15__form-card input[type="submit"] { width:100%; }
  .serva-accessory-v15__mobile-cta { position:fixed; z-index:80; left:12px; right:12px; bottom:max(10px,env(safe-area-inset-bottom)); min-height:52px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:rgba(0,0,0,.94); color:#fff; font-size:14px; font-weight:700; text-decoration:none; box-shadow:0 12px 35px rgba(0,0,0,.25); }
  .serva-accessory-v15__mobile-cta.is-hidden { opacity:0; pointer-events:none; }
}


/* FAQ ONDER FORMULIER */
.serva-accessory-v15__faq-section {
  padding: 0 0 clamp(66px,7vw,104px);
}

.serva-accessory-v15__faq {
  display: grid;
  grid-template-columns: minmax(0,.7fr) minmax(520px,1.3fr);
  gap: clamp(42px,6vw,84px);
  align-items: start;
}

.serva-accessory-v15__faq-heading {
  position: sticky;
  top: 108px;
}

.serva-accessory-v15__faq-heading h2 {
  margin: 12px 0 0;
  color: var(--sav15-black);
  font-size: clamp(39px,3.8vw,56px);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.05em;
}

.serva-accessory-v15__faq-heading p {
  max-width: 430px;
  margin: 15px 0 0;
  color: var(--sav15-muted);
  font-size: 14px;
  line-height: 1.55;
}

.serva-accessory-v15__faq-list {
  border-top: 1px solid var(--sav15-line);
}

.serva-accessory-v15__faq-list details {
  border-bottom: 1px solid var(--sav15-line);
}

.serva-accessory-v15__faq-list summary {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 15px 42px 15px 0;
  color: var(--sav15-black);
  font-size: 15px;
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}

.serva-accessory-v15__faq-list summary::-webkit-details-marker {
  display: none;
}

.serva-accessory-v15__faq-list summary::after {
  content: "+";
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  font-weight: 400;
  transition: transform .2s ease;
}

.serva-accessory-v15__faq-list details[open] summary::after {
  transform: translateY(-50%) rotate(45deg);
}

.serva-accessory-v15__faq-list details p {
  max-width: 700px;
  margin: -3px 0 18px;
  color: var(--sav15-muted);
  font-size: 13px;
  line-height: 1.58;
}

@media (max-width: 900px) {

  .serva-accessory-v15__faq {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .serva-accessory-v15__faq-heading {
    position: static;
  }
}

@media (max-width: 620px) {
  .serva-accessory-v15__faq-section { padding-bottom:58px; }
  .serva-accessory-v15__faq-heading h2 { font-size:38px; }
  .serva-accessory-v15__faq-list summary { min-height:60px; font-size:14px; }
}

/* ============================================================
   20. PAGINA-AANSLUITING
   Alleen de extra WordPress-wrapper van deze pagina.
   De volledige hero-layout komt uit serva-standard.css.
   ============================================================ */

body.page-id-37305 .sv-page-content { display: flow-root; }
body.page-id-37305 .sv-page-content > p:empty { display: none; }

body .serva-accessory-v15__hero {
  margin: 0;
  background: var(--sv-soft, #f6f6f4);
}

body .serva-accessory-v15__hero-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

/* ============================================================
   21. SECTIEKLEUREN
   Aangrenzende secties wisselen wit en zachtgrijs af.
   ============================================================ */

body .serva-accessory-v15__benefits { background: var(--sv-white, #fff); }
body .serva-accessory-v15__products { background: var(--sv-soft, #f6f6f4); }
body .serva-accessory-v15__guide { background: var(--sv-white, #fff); }
body .serva-bike-v15__fix { background: var(--sv-black, #050505); }
body .serva-accessory-v15__form { background: var(--sv-white, #fff); }
body .serva-accessory-v15__faq-section { background: var(--sv-soft, #f6f6f4); }


/* ============================================================
   22. USP-RIJ EN KEUZEHULP
   ============================================================ */

body .serva-accessory-v15__benefits {
  padding: 30px 34px 58px;
}

body .serva-accessory-v15__benefits .sv-section-inner {
  width: min(100%, 960px);
}

body .serva-accessory-v15__benefits-bar {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 44px;
  align-items: start;
}

body .serva-accessory-v15__benefit {
  position: relative;
  min-width: 0;
  padding: 20px 12px 0;
  text-align: center;
}

body .serva-accessory-v15__benefit::before {
  top: 0;
  left: 50%;
  width: 8px;
  height: 8px;
  transform: translateX(-50%);
}

body .serva-accessory-v15__benefit :is(strong, span) {
  text-align: center;
}

body .serva-accessory-v15__guide-heading {
  max-width: 860px;
  margin: 0 auto 40px;
  text-align: center;
}

body .serva-accessory-v15__guide-heading :is(.sv-section-eyebrow, h2, p) {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

body .serva-accessory-v15__guide-grid {
  align-items: stretch;
}


/* ============================================================
   23. MOBIELE ACCESSOIRE-INHOUD
   De mobiele hero-layout komt uit serva-standard.css.
   ============================================================ */

@media (max-width: 760px) {
  body .serva-accessory-v15__benefits-bar {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  body .serva-accessory-v15__benefit { padding: 18px 8px 8px; }
  body .serva-accessory-v15__guide-heading { margin-bottom: 28px; }
}

/* ============================================================
   V15 GENERIEKE PRODUCTPAGINA
   ============================================================ */
.serva-accessory-v15__inner{width:min(100% - (var(--sv-page-gutter,24px)*2),var(--sv-content,1320px));margin-inline:auto}
.serva-accessory-v15__usp{width:min(100% - (var(--sv-page-gutter,24px)*2),var(--sv-content,1320px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(30px,4vw,52px) auto;overflow:hidden;border:1px solid var(--sav15-line-soft);border-radius:16px;background:#fafaf8}
.serva-accessory-v15__usp>div{min-width:0;padding:18px 20px;border-right:1px solid var(--sav15-line-soft);text-align:center}.serva-accessory-v15__usp>div:last-child{border-right:0}
.serva-accessory-v15__usp strong,.serva-accessory-v15__usp span{display:block}.serva-accessory-v15__usp strong{margin-bottom:5px;color:var(--sav15-black);font-size:14px}.serva-accessory-v15__usp span{color:var(--sav15-muted);font-size:12px;line-height:1.45}
.serva-accessory-v15__section-head{max-width:760px;margin:0 auto 32px;text-align:center}.serva-accessory-v15__section-head .sv-section-eyebrow{display:block;margin-bottom:11px}.serva-accessory-v15__section-head h2{margin:0;color:var(--sav15-black);font-size:clamp(42px,4.3vw,62px);font-weight:400;line-height:.98;letter-spacing:-.05em}.serva-accessory-v15__section-head p{max-width:660px;margin:14px auto 0;color:var(--sav15-muted);font-size:15px;line-height:1.55}
.serva-accessory-v15__product-body>.serva-accessory-v15__product-kicker{min-height:22px;display:block;margin-bottom:9px;color:var(--sav15-muted);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.serva-accessory-v15__product-body>h3{min-height:2.3em;margin:0;color:var(--sav15-black);font-size:clamp(23px,1.8vw,29px);font-weight:400;line-height:1.05;letter-spacing:-.04em}.serva-accessory-v15__product-body>p{margin:13px 0 0;color:var(--sav15-muted);font-size:13px;line-height:1.55}.serva-accessory-v15__product-body>ul{min-height:7.2em;display:grid;align-content:start;gap:8px;margin:17px 0 0;padding:0;list-style:none}.serva-accessory-v15__product-body>ul li{color:var(--sav15-text);font-size:12px;line-height:1.4}.serva-accessory-v15__product-body>p:last-child{margin-top:auto;padding-top:20px}.serva-accessory-v15__product-body .sv-btn{width:100%}
.serva-accessory-v15__choice{padding:clamp(62px,7vw,94px) 0;background:#f7f7f5}.serva-accessory-v15__choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.serva-accessory-v15__choice-grid article{padding:25px 23px;border:1px solid var(--sav15-line-soft);border-radius:18px;background:#fff}.serva-accessory-v15__choice-grid h3{margin:0;color:var(--sav15-black);font-size:22px;line-height:1.15;letter-spacing:-.025em}.serva-accessory-v15__choice-grid p{margin:12px 0 0;color:var(--sav15-muted);font-size:13.5px;line-height:1.6}
.serva-accessory-v15__form-grid>div:first-child{position:sticky;top:108px}.serva-accessory-v15__form-grid>div:first-child h2{margin:10px 0 16px;color:var(--sav15-black);font-size:clamp(38px,3.8vw,54px);font-weight:400;line-height:1;letter-spacing:-.045em}.serva-accessory-v15__form-grid>div:first-child p{color:var(--sav15-muted);line-height:1.6}.serva-accessory-v15__form-grid>div:first-child ul{display:grid;gap:9px;margin:24px 0 0;padding:0;list-style:none}.serva-accessory-v15__form-embed{min-height:300px;padding:clamp(24px,3vw,38px);border:1px solid var(--sav15-line-soft);border-radius:20px;background:var(--sav15-soft)}
.serva-accessory-v15__faq{width:min(100% - (var(--sv-page-gutter,24px)*2),var(--sv-content,1320px));margin:0 auto;padding-block:clamp(62px,7vw,94px)}.serva-accessory-v15__faq>.serva-accessory-v15__inner{width:100%;display:grid;grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(34px,5vw,70px)}.serva-accessory-v15__faq .serva-accessory-v15__section-head{margin:0;text-align:left}.serva-accessory-v15__faq .serva-accessory-v15__section-head h2{font-size:clamp(32px,3vw,44px)}.serva-accessory-v15__faq .serva-accessory-v15__faq-list{align-self:start}
@media(max-width:760px){.serva-accessory-v15__usp,.serva-accessory-v15__choice-grid,.serva-accessory-v15__faq>.serva-accessory-v15__inner{grid-template-columns:1fr}.serva-accessory-v15__usp>div{border-right:0;border-bottom:1px solid var(--sav15-line-soft)}.serva-accessory-v15__usp>div:last-child{border-bottom:0}.serva-accessory-v15__product-grid{overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.serva-accessory-v15__product-card{flex:0 0 min(86vw,360px);width:auto;scroll-snap-align:start}.serva-accessory-v15__form-grid>div:first-child{position:static}.serva-accessory-v15__faq .serva-accessory-v15__section-head{text-align:center}}

/* GENERIC STRUCTURE OVERRIDES */
.serva-accessory-v15__form-grid>div:first-child,
.serva-accessory-v15__form-grid>.serva-accessory-v15__form-embed{display:block}
.serva-accessory-v15__faq{display:block;border-top:0}
.serva-accessory-v15__faq>.serva-accessory-v15__inner{max-width:none}

.serva-accessory-v15__form-grid>div:not(.serva-accessory-v15__form-intro):not(.serva-accessory-v15__form-card){display:block}

/* WORDPRESS EMPTY LEAD BEFORE ACCESSOIRE MAIN */
.sv-site-main>article>p:empty{display:none;margin:0;padding:0}

/* EMPTY WPAUTOP NODE DIRECTLY BEFORE ACCESSOIRE PAGE */
.sv-page-content--flush>p:empty{display:none;margin:0;padding:0}

/* STANDARD TWO-CARD GRID
   Twee producten behouden dezelfde kaartmaat als een rij van drie. */
@media (min-width:761px){
 .serva-accessory-v15__product-grid:has(>.serva-accessory-v15__product-card:nth-child(2):last-child){
   width:min(100%,820px);
   margin-inline:auto;
 }
 .serva-accessory-v15__product-grid:has(>.serva-accessory-v15__product-card:nth-child(2):last-child)>.serva-accessory-v15__product-card{
   flex:0 0 400px;
   width:400px;
 }
}

/* STANDARD ACCESSORY HERO SLOTS
   Vaste verticale posities voor label, titel, lead, prijs en acties. */
@media (min-width:761px){
 .serva-accessory-v15__hero-content{
   justify-content:flex-start;
   padding-top:40px;
   padding-bottom:38px;
 }
 .serva-accessory-v15__hero-label-row{min-height:24px}
 .serva-accessory-v15__hero-content>.serva-accessory-v15__display{min-height:136px}
 .serva-accessory-v15__hero-content>.serva-accessory-v15__lead{min-height:62px}
 .serva-accessory-v15__hero-content>.serva-accessory-v15__hero-price{min-height:58px}
}

@media (min-width:761px){
 .serva-accessory-v15__hero-content>.serva-accessory-v15__lead{
   width:100%;
   max-width:585px;
   font-size:18px;
 }
}
@media (min-width:761px){.serva-accessory-v15__hero-content>.serva-accessory-v15__lead{font-size:16px}}
/* STANDARD FOUR-USP BAR */
.serva-accessory-v15__benefits{padding:28px 0 22px}
.serva-accessory-v15__benefits-bar{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:14px;background:#fafaf8}
.serva-accessory-v15__benefit{padding:15px 17px}
.serva-accessory-v15__benefit strong{font-size:12px}
.serva-accessory-v15__benefit span{font-size:10.5px;line-height:1.4}
@media(max-width:760px){
.serva-accessory-v15__benefits{padding:18px 0 12px}
.serva-accessory-v15__benefits-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
.serva-accessory-v15__benefit{border-right:1px solid var(--sav15-line-soft);border-bottom:1px solid var(--sav15-line-soft);text-align:center}
.serva-accessory-v15__benefit:nth-child(2n){border-right:0}
.serva-accessory-v15__benefit:nth-last-child(-n+2){border-bottom:0}
}

/* DEFINITIVE FOUR-USP GRID */
.serva-accessory-v15 .serva-accessory-v15__benefits-bar{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.serva-accessory-v15 .serva-accessory-v15__benefits-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ============================================================
   ACCESSOIRE MEDIA — GROOT BEELD + CROSSFADE
   ============================================================ */
.serva-bike-v15__fix-media {
  padding: 0 !important;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}
.serva-bike-v15__fix-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
}
.serva-accessory-v15__product-media--crossfade {
  position: relative;
}
.serva-accessory-v15__product-media--crossfade .serva-accessory-v15__media-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serva-accessory-v15__product-media--crossfade .serva-accessory-v15__media-frame--closed {
  opacity: 1;
}
.serva-accessory-v15__product-media--crossfade .serva-accessory-v15__media-frame--open {
  opacity: 0;
  animation: serva-accessory-skidrager-open 6s ease-in-out infinite;
}
@keyframes serva-accessory-skidrager-open {
  0%, 32% { opacity: 0; }
  47%, 72% { opacity: 1; }
  88%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .serva-accessory-v15__product-media--crossfade .serva-accessory-v15__media-frame--open {
    animation: none;
    opacity: 0;
  }
}


/* ============================================================
   ACCESSOIRE AANVULLING — COMPACT PRODUCTBLOK
   ============================================================ */
.serva-accessory-v15__product-grid--single {
  display: grid !important;
  grid-template-columns: minmax(0, 400px) !important;
  justify-content: center !important;
}
.serva-accessory-v15__product-grid--single > .serva-accessory-v15__product-card {
  width: 100% !important;
  max-width: 400px !important;
}
.serva-accessory-v15__addon-section {
  padding: 0 0 clamp(42px, 5vw, 72px);
  background: var(--sav15-surface);
}
.serva-accessory-v15__addon {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 24px 28px;
  border: 1px solid var(--sav15-border);
  border-radius: 16px;
  background: #fff;
}
.serva-accessory-v15__addon-copy h2 {
  margin: 5px 0 7px;
  font-size: clamp(24px, 2.3vw, 34px);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -.035em;
}
.serva-accessory-v15__addon-copy p {
  max-width: 650px;
  margin: 0;
  color: var(--sav15-muted);
  line-height: 1.55;
}
.serva-accessory-v15__addon-buy {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-items: end;
  gap: 4px 18px;
  min-width: 240px;
}
.serva-accessory-v15__addon-price {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.025em;
}
.serva-accessory-v15__addon-stock {
  color: var(--sav15-muted);
  font-size: 12px;
}
.serva-accessory-v15__addon-buy .sv-btn {
  grid-column: 1 / -1;
  margin-top: 8px;
  min-width: 240px;
}
@media (max-width: 700px) {
  .serva-accessory-v15__addon {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 22px 20px;
  }
  .serva-accessory-v15__addon-buy {
    justify-items: stretch;
    min-width: 0;
  }
  .serva-accessory-v15__addon-buy .sv-btn {
    min-width: 0;
    width: 100%;
  }
}

.serva-accessory-v15__addon {
  grid-template-columns: 132px minmax(0, 1fr) auto;
}
.serva-accessory-v15__addon-media {
  width: 132px;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  border-radius: 10px;
  background: var(--sav15-blue);
}
.serva-accessory-v15__addon-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 700px) {
  .serva-accessory-v15__addon {
    grid-template-columns: 96px minmax(0, 1fr);
  }
  .serva-accessory-v15__addon-media {
    width: 96px;
  }
  .serva-accessory-v15__addon-buy {
    grid-column: 1 / -1;
  }
}


/* ============================================================
   ACCESSOIRE BENODIGDE BASIS — PRODUCTKAART V2
   ============================================================ */
.serva-accessory-v15__addon-section {
  padding: 22px 0 clamp(38px, 4vw, 58px);
}
.serva-accessory-v15__addon {
  gap: 18px;
  padding: 18px;
  border-radius: 14px;
}
.serva-accessory-v15__addon-copy h2 {
  margin: 4px 0 6px;
  font-size: clamp(20px, 1.65vw, 24px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}
.serva-accessory-v15__addon-copy p {
  font-size: 13px;
  line-height: 1.45;
}
.serva-accessory-v15__addon-media {
  width: 112px;
  border-radius: 8px;
}
.serva-accessory-v15__addon-price {
  font-size: 20px;
}
.serva-accessory-v15__addon-buy {
  min-width: 220px;
}
.serva-accessory-v15__addon-buy .sv-btn {
  min-width: 220px;
}
.serva-accessory-v15__addon-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.serva-accessory-v15__addon--card {
  grid-template-columns: 96px minmax(0, 1fr);
  align-content: start;
  min-height: 250px;
}
.serva-accessory-v15__addon--card .serva-accessory-v15__addon-media {
  width: 96px;
}
.serva-accessory-v15__addon--card .serva-accessory-v15__addon-buy {
  grid-column: 1 / -1;
  grid-template-columns: auto 1fr;
  justify-items: start;
  min-width: 0;
}
.serva-accessory-v15__addon--card .serva-accessory-v15__addon-buy .sv-btn {
  width: 100%;
  min-width: 0;
}
.serva-accessory-v15__addon-media--contain img {
  padding: 14px;
  object-fit: contain;
}
.serva-accessory-v15__addon-options {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.serva-accessory-v15__addon-options button {
  min-height: 40px;
  padding: 8px 9px;
  border: 1px solid var(--sav15-border);
  border-radius: 9px;
  background: #f5f5f3;
  color: var(--sav15-text);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.15;
  cursor: pointer;
}
.serva-accessory-v15__addon-options button:hover,
.serva-accessory-v15__addon-options button:focus-visible {
  border-color: var(--sav15-black);
  background: var(--sav15-black);
  color: #fff;
}
.serva-accessory-v15__addon-link {
  grid-column: 1 / -1;
  width: max-content;
  color: var(--sav15-text);
  font-size: 12px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (max-width: 760px) {
  .serva-accessory-v15__addon-grid {
    grid-template-columns: 1fr;
  }
  .serva-accessory-v15__addon--card {
    min-height: 0;
  }
}
@media (max-width: 520px) {
  .serva-accessory-v15__addon {
    grid-template-columns: 76px minmax(0, 1fr);
  }
  .serva-accessory-v15__addon-media,
  .serva-accessory-v15__addon--card .serva-accessory-v15__addon-media {
    width: 76px;
  }
  .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-options,
  .serva-accessory-v15__addon-link {
    grid-column: 1 / -1;
  }
}

.serva-accessory-v15__addon .serva-accessory-v15__addon-copy h2 {
  font-size: clamp(20px, 1.65vw, 24px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}


/* ============================================================
   FIETSENDRAGER BASISKEUZE — VOORWAARDELIJK BLOK V3
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--sav15-border);
  border-radius: 16px;
  background: #fff;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  min-height: 0;
  border-color: #e8e8e5;
  box-shadow: none;
}
.serva-accessory-v15__addon-section--grid [data-basis-block][hidden] {
  display: none !important;
}
.serva-accessory-v15__addon-options button.is-selected,
.serva-accessory-v15__addon-options button[aria-pressed="true"] {
  border-color: var(--sav15-black);
  background: var(--sav15-black);
  color: #fff;
}
.serva-accessory-v15__selection-summary {
  display: grid;
  gap: 8px;
  margin: 18px 0;
}
.serva-accessory-v15__selection-summary .serva-accessory-v15__selection {
  margin: 0;
}
.serva-accessory-v15__selection-summary .serva-accessory-v15__selection + .serva-accessory-v15__selection {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 10px;
}

.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  border: 1px solid #d9d9d6 !important;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  border: 1px solid #e7e7e4 !important;
}


/* ============================================================
   FIETSENDRAGER BASISKEUZE — COMPACTE LIGGENDE KAARTEN V4
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  width: min(100%, 900px);
  margin-inline: auto;
  gap: 8px;
  padding: 9px;
  background: #f7f7f5;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) minmax(270px, 320px) !important;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 5px 14px;
  min-height: 0;
  padding: 14px;
  background: #fff;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 80px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy {
  grid-column: 2;
  grid-row: 1 / 3;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy p {
  max-width: 470px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 100%;
  min-width: 0;
  align-self: center;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .sv-btn {
  width: 100%;
  min-width: 0;
  min-height: 42px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options {
  grid-column: 3;
  grid-row: 1;
  align-self: end;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-link {
  grid-column: 3;
  grid-row: 2;
  align-self: start;
  margin-top: 3px;
}
@media (max-width: 900px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 72px minmax(0, 1fr) !important;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
    width: 72px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-link {
    grid-column: 1 / -1;
    grid-row: auto;
    margin-top: 8px;
  }
}
@media (max-width: 520px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
    padding: 7px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 60px minmax(0, 1fr) !important;
    padding: 12px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
    width: 60px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options {
    grid-template-columns: 1fr;
  }
}




/* ============================================================
   FIETSENDRAGER BENODIGDE BASIS — DEFINITIEF VARIANT 5
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  width: min(100%, 900px);
  margin-inline: auto;
  grid-template-columns: 1fr;
  gap: 12px;
  padding: 0;
  border: 0 !important;
  background: transparent;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) 220px !important;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 5px 20px;
  min-height: 148px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d9d9d6 !important;
  border-radius: 14px;
  background: #fff;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 210px;
  height: 148px;
  border-radius: 0;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy {
  grid-column: 2;
  grid-row: 1 / 3;
  padding: 18px 0;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 100%;
  min-width: 0;
  padding-right: 18px;
  align-self: center;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .sv-btn {
  width: 100%;
  min-width: 0;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options {
  grid-column: 3;
  grid-row: 1;
  align-self: end;
  margin-right: 18px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-link {
  grid-column: 3;
  grid-row: 2;
  align-self: start;
  margin: 4px 18px 0 0;
}
@media (max-width: 820px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 120px minmax(0, 1fr) !important;
    gap: 8px 16px;
    padding: 0 16px 16px 0;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
    width: 120px;
    height: 100%;
    min-height: 120px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy {
    padding: 16px 0 8px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-link {
    grid-column: 1 / -1;
    grid-row: auto;
    margin: 0 0 0 16px;
    padding: 0;
  }
}
@media (max-width: 520px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
    width: 86px;
    min-height: 100px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options {
    grid-template-columns: 1fr;
  }
}


/* ============================================================
   BENODIGDE BASIS — ACTIEKOLOM EN KNOPPEN V6
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  grid-template-columns: 210px minmax(0, 1fr) 240px !important;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-price,
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-stock {
  width: 100%;
  min-width: 0;
  text-align: left;
  white-space: normal;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-stock {
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 1.3;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .sv-btn {
  min-height: 39px;
  margin-top: 5px;
  border-radius: 8px;
  padding-inline: 12px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options button {
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #dededb;
  border-radius: 8px;
  background: #f5f5f3;
  text-align: center;
  line-height: 1.15;
  white-space: normal;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-options button:nth-child(3) {
  grid-column: 1 / -1;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-link {
  font-size: 11px;
}
@media (max-width: 820px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 120px minmax(0, 1fr) !important;
  }
}
@media (max-width: 520px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    grid-template-columns: 86px minmax(0, 1fr) !important;
  }
}


/* BENODIGDE BASIS — ENKELE TREKHAAKACTIE */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
  grid-column: 3;
  grid-row: 1;
  align-self: end;
  padding-right: 18px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-link {
  grid-column: 3;
  grid-row: 2;
  align-self: start;
}
@media (max-width: 820px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-link {
    grid-column: 1 / -1;
    grid-row: auto;
  }
}

.serva-accessory-v15__addon-buy--towbar .serva-accessory-v15__addon-price::before {
  content: "Vanaf";
  display: block;
  margin-bottom: 3px;
  color: #777;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}


/* ============================================================
   BENODIGDE ACCESSOIRES — SECTIEKOP + GRIJS ACTIEVLAK V7
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-section-head {
  width: min(100%, 900px);
  margin: 0 auto 18px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-section-head h2 {
  margin: 6px 0 7px;
  font-size: clamp(28px, 2.5vw, 36px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-section-head p {
  max-width: 650px;
  margin: 0;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
  align-self: stretch !important;
  height: 148px;
  margin: 0;
  padding: 16px 18px !important;
  background: #edf2f4;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: stretch;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .serva-accessory-v15__addon-link {
  display: inline-flex;
  width: max-content;
  margin: 7px 0 0;
  color: #111;
  font-size: 10px;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (max-width: 820px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
    grid-column: 1 / -1;
    grid-row: auto;
    height: auto;
    margin-left: 16px;
    padding: 14px !important;
    border-radius: 8px;
  }
}


/* ============================================================
   BENODIGDE ACCESSOIRES — ÉÉN DOORLOPEND PRODUCTVLAK V8
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  min-height: 168px;
  background: #edf2f4;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
  height: 166px;
  background: transparent;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy {
  background: transparent;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
  height: 166px;
  padding: 20px 18px !important;
  background: transparent;
  justify-content: center;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy--towbar {
  gap: 4px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy--towbar .serva-accessory-v15__addon-link {
  margin-top: 6px;
}
@media (max-width: 820px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
    min-height: 0;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media {
    height: 100%;
    min-height: 130px;
  }
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy {
    height: auto;
    background: rgba(255,255,255,.45);
  }
}

.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar {
  min-height: 182px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-media,
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
  height: 180px;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
  justify-content: flex-start;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


/* ============================================================
   BENODIGDE ACCESSOIRES — GEDEELD BLOK + OPTIONELE TWEEDE RIJ V10
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid #d9d9d6 !important;
  border-radius: 14px;
  background: #edf2f4;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  border: 0 !important;
  border-radius: 0;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card:not([hidden]) + .serva-accessory-v15__addon--card:not([hidden]) {
  border-top: 1px solid rgba(17,17,17,.14) !important;
}


/* ============================================================
   BENODIGDE ACCESSOIRES — TWEE LOSSE BLOKKEN V11
   ============================================================ */
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
  gap: 12px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0;
  background: transparent;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card {
  overflow: hidden;
  border: 1px solid #d9d9d6 !important;
  border-radius: 14px;
  background: #edf2f4;
}
.serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card:not([hidden]) + .serva-accessory-v15__addon--card:not([hidden]) {
  border-top: 1px solid #d9d9d6 !important;
}


/* ============================================================
   ACCESSOIREPAGINA'S — MOBIELE PRODUCTKAARTEN + BENODIGDHEDEN V12
   ============================================================ */
@media (max-width: 760px) {
  .serva-accessory-v15__product-grid {
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    padding-bottom: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  .serva-accessory-v15__product-grid > .serva-accessory-v15__product-card {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    height: auto;
    overflow: hidden;
    scroll-snap-align: none;
  }

  .serva-accessory-v15__product-card .serva-accessory-v15__product-body {
    flex: 1 1 auto;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-section-head {
    margin-bottom: 16px;
    text-align: left;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-section-head h2 {
    font-size: 27px !important;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-grid {
    gap: 12px;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 0;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-media {
    grid-column: 1;
    grid-row: 1;
    width: 108px;
    height: 100%;
    min-height: 142px;
    margin: 0;
    border-radius: 0;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
    padding: 16px 14px;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy h2 {
    font-size: 19px !important;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-copy p {
    font-size: 12px;
    line-height: 1.45;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-buy {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 14px 16px 15px !important;
    border-top: 1px solid rgba(17,17,17,.09);
    border-radius: 0;
    background: rgba(255,255,255,.58);
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .sv-btn {
    min-height: 44px;
    margin-top: 9px;
    border-radius: 9px;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-buy .serva-accessory-v15__addon-link {
    margin-top: 9px;
  }
}

@media (max-width: 390px) {
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--card,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar {
    grid-template-columns: 94px minmax(0, 1fr) !important;
  }

  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon-media,
  .serva-accessory-v15__addon-section--grid .serva-accessory-v15__addon--towbar .serva-accessory-v15__addon-media {
    width: 94px;
    min-height: 132px;
  }
}


/* ============================================================
   ACCESSOIREPAGINA'S — DEFINITIEF USP-BLOK V13
   ============================================================ */
body .serva-accessory-v15__benefits {
  padding: clamp(24px, 3.2vw, 40px) 0 clamp(34px, 4.2vw, 58px);
  background: var(--sv-white, #fff);
}

body .serva-accessory-v15__benefits .sv-section-inner {
  width: min(calc(100% - (var(--sv-page-gutter, 24px) * 2)), 1120px);
}

body .serva-accessory-v15__benefits-bar,
.serva-accessory-v15 .serva-accessory-v15__benefits-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  overflow: visible;
  border: 0;
  border-radius: 20px;
  background: #f2f4f4;
}

body .serva-accessory-v15__benefit {
  position: relative;
  min-width: 0;
  min-height: 118px;
  padding: 46px 17px 17px;
  border: 1px solid rgba(17,17,17,.07) !important;
  border-radius: 13px;
  background: #fff;
  text-align: left;
  box-shadow: 0 2px 10px rgba(0,0,0,.025);
}

body .serva-accessory-v15__benefit::before {
  content: "✓";
  position: absolute;
  top: 16px;
  left: 17px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

body .serva-accessory-v15__benefit :is(strong, span) {
  display: block;
  text-align: left;
}

body .serva-accessory-v15__benefit strong {
  margin: 0 0 5px;
  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

body .serva-accessory-v15__benefit span {
  color: #666b70;
  font-size: 11px;
  line-height: 1.45;
}

@media (max-width: 760px) {
  body .serva-accessory-v15__benefits {
    padding: 20px 0 34px;
  }

  body .serva-accessory-v15__benefits-bar,
  .serva-accessory-v15 .serva-accessory-v15__benefits-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border-radius: 17px;
  }

  body .serva-accessory-v15__benefit {
    min-height: 126px;
    padding: 43px 13px 14px;
    border: 1px solid rgba(17,17,17,.07) !important;
    border-radius: 11px;
  }

  body .serva-accessory-v15__benefit::before {
    top: 14px;
    left: 13px;
    width: 20px;
    height: 20px;
  }

  body .serva-accessory-v15__benefit strong {
    font-size: 11.5px;
  }

  body .serva-accessory-v15__benefit span {
    font-size: 9.75px;
    line-height: 1.4;
  }
}


/* ============================================================
   ACCESSOIREPAGINA'S — VERFIJND USP-BLOK V14
   ============================================================ */
body .serva-accessory-v15__benefits-bar,
.serva-accessory-v15 .serva-accessory-v15__benefits-bar {
  gap: 8px;
  padding: 7px;
  border: 1px solid rgba(17,17,17,.045);
  border-radius: 17px;
  background: #f4f5f4;
}

body .serva-accessory-v15__benefit {
  min-height: 96px;
  padding: 18px 16px 16px 48px;
  border-color: rgba(17,17,17,.055) !important;
  border-radius: 11px;
  box-shadow: none;
}

body .serva-accessory-v15__benefit::before {
  top: 18px;
  left: 16px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(17,17,17,.09);
  background: #f0f1f0;
  color: #111;
  font-size: 10px;
}

body .serva-accessory-v15__benefit strong {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.2;
}

body .serva-accessory-v15__benefit span {
  font-size: 11px;
  line-height: 1.4;
}

@media (max-width: 760px) {
  body .serva-accessory-v15__benefits-bar,
  .serva-accessory-v15 .serva-accessory-v15__benefits-bar {
    gap: 7px;
    padding: 7px;
    border-radius: 15px;
  }

  body .serva-accessory-v15__benefit {
    min-height: 108px;
    padding: 42px 12px 13px;
    border-radius: 10px;
  }

  body .serva-accessory-v15__benefit::before {
    top: 13px;
    left: 12px;
    width: 19px;
    height: 19px;
  }

  body .serva-accessory-v15__benefit strong {
    margin-bottom: 5px;
    font-size: 11.5px;
  }

  body .serva-accessory-v15__benefit span {
    font-size: 9.75px;
  }
}


/* ============================================================
   ACCESSOIRES — COMPACT BESTELFORMULIER
   ============================================================ */
.sv-accessory-product-page #frm_form_2_container {
  max-width: 860px;
  margin: 0 auto;
}
.sv-accessory-product-page #frm_form_2_container .frm_fields_container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 16px;
}
.sv-accessory-product-page #frm_form_2_container .frm_form_field {
  min-width: 0;
  margin: 0 !important;
}
.sv-accessory-product-page #frm_field_23_container { grid-column: 1 / -1; order: 1; }
.sv-accessory-product-page #frm_field_24_container { grid-column: 1 / -1; order: 2; }
.sv-accessory-product-page #frm_field_25_container { grid-column: 1; order: 3; }
.sv-accessory-product-page #frm_field_18_container { grid-column: 2; order: 4; }
.sv-accessory-product-page #frm_field_19_container { grid-column: 1; order: 5; }
.sv-accessory-product-page #frm_field_20_container { grid-column: 2; order: 6; }
.sv-accessory-product-page #frm_field_21_container { display: none !important; }
.sv-accessory-product-page #frm_field_22_container { grid-column: 1 / -1; order: 7; margin-top: 4px !important; }
.sv-accessory-product-page #frm_form_2_container label {
  display: block;
  margin: 0 0 7px;
  color: #111;
  font-size: 13px;
  font-weight: 700;
}
.sv-accessory-product-page #frm_form_2_container input[type="text"],
.sv-accessory-product-page #frm_form_2_container input[type="email"],
.sv-accessory-product-page #frm_form_2_container input[type="tel"],
.sv-accessory-product-page #frm_form_2_container select {
  width: 100%;
  min-height: 54px;
  padding: 0 15px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 10px;
  background: #fff;
  color: #111;
  font: inherit;
  box-shadow: none;
}
.sv-accessory-product-page #frm_form_2_container input:focus,
.sv-accessory-product-page #frm_form_2_container select:focus {
  border-color: #111;
  outline: 2px solid rgba(0,0,0,.08);
  outline-offset: 1px;
}
.sv-accessory-product-page #frm_form_2_container .frm_button_submit {
  width: 100%;
  min-height: 54px;
  margin: 0 !important;
  border: 1px solid #111 !important;
  border-radius: 999px !important;
  background: #111 !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.sv-accessory-product-page #frm_form_2_container .frm_button_submit:hover {
  background: #2a2a2a !important;
}
@media (max-width: 680px) {
  .sv-accessory-product-page #frm_form_2_container .frm_fields_container {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .sv-accessory-product-page #frm_form_2_container .frm_form_field {
    grid-column: 1 / -1 !important;
  }
}

/* ============================================================
   ACCESSOIRES OVERZICHT — ZOMER / WINTER
   ============================================================ */
.sv-accessories-overview {
  --ao-ink: #111;
  --ao-muted: #62666a;
  --ao-soft: #f2f3ee;
  --ao-accent: #d6e0c7;
  --ao-hero: #edf1e7;
  overflow: hidden;
  background: #fff;
  color: var(--ao-ink);
  transition: background-color .35s ease, color .35s ease;
}
.sv-accessories-overview[data-season="winter"] {
  --ao-soft: #edf3f6;
  --ao-accent: #bfd4df;
  --ao-hero: #e4edf2;
}
.sv-accessories-overview [hidden] { display: none !important; }
.sv-ao-hero {
  padding: 0 0 clamp(34px, 5vw, 72px);
  background: var(--ao-hero);
  transition: background-color .4s ease;
}
.sv-ao-hero .sv-breadcrumb { padding-top: 16px; }
.sv-ao-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  min-height: min(620px, 72vh);
  align-items: stretch;
  gap: clamp(28px, 5vw, 72px);
  padding-top: clamp(28px, 5vw, 66px);
}
.sv-ao-hero__copy {
  align-self: center;
  max-width: 640px;
  padding: 18px 0;
}
.sv-ao-hero__copy h1 {
  max-width: 620px;
  margin: 12px 0 20px;
  font-size: clamp(48px, 6.2vw, 92px);
  line-height: .91;
  letter-spacing: -.065em;
  font-weight: 430;
}
.sv-ao-hero__copy > p {
  max-width: 580px;
  margin: 0;
  color: var(--ao-muted);
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.55;
}
.sv-ao-hero__media {
  position: relative;
  min-height: 500px;
  margin: 0;
  overflow: hidden;
  border-radius: clamp(20px, 2vw, 32px);
  background: #dfe5e8;
  box-shadow: 0 24px 70px rgba(0,0,0,.11);
}
.sv-ao-hero__media img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: block;
  object-fit: cover;
  transition: opacity .35s ease, transform .55s ease;
}
.sv-ao-switch {
  width: fit-content;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin-top: 32px;
  padding: 5px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.68);
  backdrop-filter: blur(12px);
}
.sv-ao-switch button {
  min-width: 126px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 20px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #111;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
  transition: background .22s ease, color .22s ease, transform .22s ease;
}
.sv-ao-switch button[aria-pressed="true"] {
  background: #111;
  color: #fff;
  box-shadow: 0 8px 22px rgba(0,0,0,.17);
}
.sv-ao-switch button:hover { transform: translateY(-1px); }

.sv-ao-benefits { background: #111; color: #fff; }
.sv-ao-benefits__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sv-ao-benefits__grid > div {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px clamp(18px, 2.4vw, 34px);
  border-right: 1px solid rgba(255,255,255,.16);
}
.sv-ao-benefits__grid > div:last-child { border-right: 0; }
.sv-ao-benefits strong { font-size: 15px; }
.sv-ao-benefits span { margin-top: 5px; color: rgba(255,255,255,.64); font-size: 12px; line-height: 1.4; }

.sv-ao-collection {
  padding: clamp(72px, 9vw, 132px) 0;
  background: #fff;
}
.sv-ao-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 440px);
  align-items: end;
  gap: 48px;
  margin-bottom: 34px;
}
.sv-ao-section-head h2 {
  max-width: 720px;
  margin: 9px 0 0;
  font-size: clamp(40px, 5vw, 70px);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 430;
}
.sv-ao-section-head > p {
  margin: 0 0 7px;
  color: var(--ao-muted);
  font-size: 16px;
  line-height: 1.55;
}
.sv-ao-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.sv-ao-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 22px;
  background: var(--ao-soft);
  color: #111;
  box-shadow: 0 18px 44px rgba(0,0,0,.06);
  transition: transform .22s ease, box-shadow .22s ease, background .35s ease;
}
.sv-ao-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 62px rgba(0,0,0,.12);
}
.sv-ao-card figure {
  aspect-ratio: 16 / 10;
  margin: 0;
  overflow: hidden;
  background: #e7ebed;
}
.sv-ao-card figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}
.sv-ao-card:hover figure img { transform: scale(1.035); }
.sv-ao-card > div {
  min-height: 236px;
  display: flex;
  flex-direction: column;
  padding: 25px;
}
.sv-ao-card h3 {
  margin: 8px 0 10px;
  font-size: clamp(27px, 2.4vw, 36px);
  line-height: 1;
  letter-spacing: -.045em;
  font-weight: 520;
}
.sv-ao-card p {
  margin: 0;
  color: var(--ao-muted);
  font-size: 14px;
  line-height: 1.5;
}
.sv-ao-card__link {
  margin-top: auto;
  padding-top: 24px;
  font-size: 13px;
  font-weight: 700;
}
.sv-ao-story {
  padding: clamp(70px, 8vw, 116px) 0;
  background: var(--ao-hero);
  transition: background-color .4s ease;
}
.sv-ao-story__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  align-items: center;
  gap: clamp(42px, 8vw, 120px);
}
.sv-ao-story h2 {
  max-width: 720px;
  margin: 10px 0 18px;
  font-size: clamp(40px, 5vw, 72px);
  line-height: .94;
  letter-spacing: -.06em;
  font-weight: 430;
}
.sv-ao-story p { max-width: 700px; color: var(--ao-muted); font-size: 16px; line-height: 1.65; }
.sv-ao-story aside {
  padding: 30px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0,0,0,.08);
}
.sv-ao-story aside strong { font-size: 24px; letter-spacing: -.035em; }
.sv-ao-story aside p { margin: 10px 0 22px; font-size: 14px; }

@media (max-width: 980px) {
  .sv-ao-hero__grid { grid-template-columns: 1fr; min-height: 0; }
  .sv-ao-hero__media { min-height: 0; aspect-ratio: 16 / 10; }
  .sv-ao-benefits__grid { grid-template-columns: repeat(2, 1fr); }
  .sv-ao-benefits__grid > div:nth-child(2) { border-right: 0; }
  .sv-ao-benefits__grid > div { border-bottom: 1px solid rgba(255,255,255,.16); }
  .sv-ao-cards { grid-template-columns: 1fr 1fr; }
  .sv-ao-story__grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .sv-ao-hero { padding-bottom: 28px; }
  .sv-ao-hero__grid { gap: 24px; padding-top: 22px; }
  .sv-ao-hero__copy h1 { font-size: clamp(46px, 15vw, 68px); }
  .sv-ao-switch { width: 100%; }
  .sv-ao-switch button { min-width: 0; padding: 0 12px; }
  .sv-ao-benefits__grid { grid-template-columns: 1fr; }
  .sv-ao-benefits__grid > div { min-height: 88px; border-right: 0; }
  .sv-ao-section-head { grid-template-columns: 1fr; gap: 18px; }
  .sv-ao-cards { grid-template-columns: 1fr; }
  .sv-ao-card > div { min-height: 210px; }
  .sv-ao-story aside { padding: 24px; }
}


/* Overzichtspagina — gelijk aan V15 accessoire-detailpagina's */
.sv-accessories-overview .sv-ao-hero {
  padding: 0;
  background: #f6f6f4;
}
.sv-accessories-overview .sv-ao-hero .serva-accessory-v15__hero-shell {
  padding: 0;
}
.sv-accessories-overview .sv-ao-hero__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  min-height: 560px;
  padding: 0;
}
.sv-accessories-overview .sv-ao-hero__copy {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: none;
  padding: 54px clamp(34px, 4vw, 58px) 58px 34px;
}
.sv-accessories-overview .sv-ao-hero__copy h1 {
  max-width: 620px;
  margin: 12px 0 18px;
  font-size: clamp(54px, 5.2vw, 74px);
  line-height: .93;
  letter-spacing: -.06em;
  font-weight: 430;
}
.sv-accessories-overview .sv-ao-hero__copy > p {
  max-width: 560px;
  font-size: 17px;
  line-height: 1.55;
}
.sv-accessories-overview .sv-ao-hero__media {
  min-height: 560px;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.sv-accessories-overview .sv-ao-switch {
  margin-top: 28px;
}
.sv-accessories-overview .sv-ao-benefits {
  padding: 40px 0 clamp(42px, 4vw, 58px);
  background: #fff;
  color: #111;
}
.sv-accessories-overview .sv-ao-benefits__grid {
  gap: 8px;
  padding: 7px;
  border-radius: 18px;
  background: #f4f5f4;
}
.sv-accessories-overview .sv-ao-benefits__grid > .serva-accessory-v15__benefit {
  min-height: 104px;
  display: block;
  padding: 18px 16px 16px 48px;
  border: 0;
  border-radius: 11px;
  background: #fff;
}
.sv-accessories-overview .sv-ao-benefits strong {
  color: #111;
  font-size: 14px;
}
.sv-accessories-overview .sv-ao-benefits span {
  color: #696d70;
  font-size: 12px;
}
@media (max-width: 980px) {
  .sv-accessories-overview .sv-ao-hero__grid {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .sv-accessories-overview .sv-ao-hero__copy {
    padding: 46px 0 40px;
  }
  .sv-accessories-overview .sv-ao-hero__media {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }
}
@media (max-width: 680px) {
  .sv-accessories-overview .sv-ao-hero__copy {
    padding: 34px 0 30px;
  }
  .sv-accessories-overview .sv-ao-benefits__grid {
    grid-template-columns: 1fr;
  }
}


/* Accessoirekaarten — volledige klikzone en nette beeldhoeken */
.sv-ao-card{position:relative;cursor:pointer;outline:none;overflow:hidden}
.sv-ao-card .sv-ao-card__link::after{content:"";position:absolute;inset:0;z-index:5}
.sv-ao-card:focus-visible{outline:3px solid rgba(70,120,145,.42);outline-offset:4px}
.sv-ao-extra-card{overflow:hidden;isolation:isolate}
.sv-ao-extra-card__media{overflow:hidden;border-radius:20px 20px 0 0}
.sv-ao-extra-card__media img{display:block;border-radius:inherit}