@charset "UTF-8";
/*
 * Toestelpagina's (/kopen/{model}/los-toestel en /kopen/{model}/abonnementen).
 *
 * Waarden gemeten in de originele site.css van www.iphone.nl:
 *   .nav-tabs            margin 20px 0; li border-bottom 2px #E0E0E0; a 8px 4px/600
 *   .nav-tabs li.active  border-bottom 2px #333333; a kleur #5d9cec
 *   #filter-sider        padding 5px; border 1px #abaeb1; radius 3px; wit
 *   .phone-comparer h4   16px bold; padding 4px 0; border-bottom 1px dotted #CCC; #5d9cec
 *   .filter-section      padding-left 10px
 *   .checkbox            margin 10px 0; label padding-left 20px; input -20px
 *   .countVergelijker    opacity .5; float right; 12px
 *   .color-example       16x16; radius 4px; inset shadow rgba(0,0,0,.15)
 *   .slider(-horizontal) 210x20; track 10px; handle 20x20 #5A99E7
 *   #phones-list         font-size 14px; border-bottom 1px #abaeb1
 *   .table thead th      13px/600 uppercase #666; border-bottom 1px #ddd
 *   .table-striped odd   #f9f9f9;  td padding 8px; border-top 0
 *   .comparer-link       #F49600 / border #e88f00; 12px; padding 5px 15px; radius 5px
 *   .priceData           min-width 80px;  .colorData/.conditionData 12px capitalize
 *   .pagination-wrapper  margin-top 10px; text-align center
 * Accenttoken #5d9cec komt uit main.css (--inl-accent); main.css blijft ongemoeid.
 */

/* ---- Gridaanvulling: main.css kent alleen col-md-4/6/8/12 ---- */
@media (min-width: 992px) {
	.phone-comparer .col-md-3,
	.phone-comparer .col-md-9 { float: left; }
	.phone-comparer .col-md-3 { width: 25%; }
	.phone-comparer .col-md-9 { width: 75%; }
	.phone-comparer .col-md-6 { float: left; width: 50%; }
}

/* Live erft op de toestelpagina gewoon de bodykleur #666 én de bodygrootte
   (14px desktop, 16px mobiel); er is geen .device-page-achtige regel die dat
   overschrijft. Een vaste 14px maakte de mobiele toestelpagina te klein. */
.device-intro { margin-bottom: 10px; } /* live: gewone <p>, dus p{margin:0 0 10px} */

/* ---- Iconen die main.css nog niet kent ---- */
.fa-sort-asc::before { content: '\f0de'; }
.fa-sort-desc::before { content: '\f0dd'; }
.fa-sliders::before { content: '\f1de'; }
.fa-times::before { content: '\f00d'; }
.fa-caret-right::before { content: '\f0da'; }
.fa-caret-left::before { content: '\f0d7'; }

/* ---- Subnavigatie (tab-menu) ---- */
/* Live: .tab-menu heeft geen eigen regels; de ruimte komt van
   .nav-tabs{margin-top:20px;margin-bottom:20px} met inline margin-bottom:0. */
.tab-menu { margin-bottom: 0; }
.tab-menu .nav-tabs {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	border: 0;
	/* overflow:hidden zou de dropdown onder "Abonnementen vergelijken" afknippen;
	   live laat hem zichtbaar en scrollt alleen op mobiel. Bootstrap's .nav heeft
	   in plaats daarvan een clearfix, anders klapt de ul (floats) dicht. */
	overflow: visible;
}
.tab-menu .nav-tabs::before, .tab-menu .nav-tabs::after { content: ' '; display: table; }
.tab-menu .nav-tabs::after { clear: both; }
.tab-menu .nav-tabs > li {
	float: left;
	border-bottom: 2px solid #e0e0e0;
	margin-left: 0;
	margin-bottom: -1px; /* live: .nav-tabs>li{float:left;margin-bottom:-1px} */
	padding: 5px 2px 0;
}
.tab-menu .nav-tabs > li > a {
	display: block;
	margin-right: 2px;
	padding: 8px 4px;
	border: 0;
	border-radius: 4px 4px 0 0; /* live: .nav-tabs>li>a{border-radius:4px 4px 0 0} */
	color: var(--inl-text, #333);
	font-weight: 600;
	line-height: 1.42857143;
}
.tab-menu .nav-tabs > li > a:hover { color: var(--inl-accent, #5d9cec); text-decoration: none; }
.tab-menu .nav-tabs > li.active { border-bottom-color: #333; }
.tab-menu .nav-tabs > li.active > a { color: var(--inl-accent, #5d9cec); }

/* ---- Mobiele subnavigatie ("Navigeer:") ---- */
/* Live verbergt ul.nav-tabs onder 768px (hidden-xs, in main.css) en toont deze
   rij. Gemeten op live bij 375px: rij y=90 h=29,3 (margin-top 20px), label
   .col-xs-4 w=125, knop x=140 w=220 h=29,1, menu x=140 y=121 w=220 h=471. */
.modellenMenuDrieMobiel { margin-top: 20px; }
.modellenMenuDrieMobiel .col-xs-4 { float: left; width: 33.33333333%; }
.modellenMenuDrieMobiel .col-xs-8 { float: left; width: 66.66666667%; }
.modellenMenuDrieMobiel .dropdown { position: relative; }

/* Knop: witte "select"-look met caret-afbeelding rechts, exact zoals live. */
#dropdownMenuButton {
	width: 100%;
	padding: 5px;
	background-color: #fff;
	background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-clip: padding-box;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	color: #555;
	font-size: 12px;
	line-height: 1.42857143;
	text-indent: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#dropdownMenuButton:hover, #dropdownMenuButton:focus { background-color: #fff; color: #555; }

.dropdown-menu-providers-mobiel {
	width: 100%;
	min-width: 0;
	margin-top: 2px; /* live: .dropdown-menu{margin:2px 0 0} */
	padding: 5px 0;
	font-size: 14px;
}
.modellenMenuDrieMobiel .dropdown.open > .dropdown-menu { display: block; }
.dropdown-menu-providers-mobiel > li { list-style: none; }
.dropdown-menu-providers-mobiel > li > a {
	display: block;
	padding: 2px 15px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #333;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.dropdown-menu-providers-mobiel > li > a:hover { background-color: #f5f5f5; color: #262626; text-decoration: none; }
.dropdown-menu-providers-mobiel > li.active > a,
.dropdown-menu-providers-mobiel > li.active > a:hover { background-color: #337ab7; color: #fff; }
/* Live scheidt de groepen met een <br>; dat is 24px extra ruimte (koppen 5px meer). */
.dropdown-menu-providers-mobiel > li.menu-spacer { margin-top: 24px; }
.dropdown-menu-providers-mobiel > li.provider-mobile-menu-headers {
	margin-top: 29px;
	margin-left: 15px;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.7;
}

/* ---- Vergelijkerblok ---- */
.phone-comparer { padding: 0; border: 0; overflow: hidden; border-radius: 3px; }
.phone-comparer h4 {
	font-size: 16px;
	font-weight: 700;
	/* Live erft line-height:18px van de h4-basisregel en margin-top:10px van
	   .h4,.h5,.h6,h4,h5,h6 — gemeten kophoogte 27 px (4+18+4+1). */
	line-height: 18px;
	margin: 10px 0 0;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ccc;
	color: var(--inl-accent, #5d9cec);
}

#numberOfPhones { margin-bottom: 5px; }
.countVergelijkerTekst {
	margin-bottom: 0;
	border: 0;
	padding: 5px 15px;
	/* Live is dit een Bootstrap .alert (radius 4px, padding 15px links/rechts)
	   met .countVergelijkerTekst{margin-bottom:0;border:0;padding:5px …}. */
	border-radius: 4px;
	color: #666;
}
.countVergelijkerTekst b { color: var(--inl-text, #333); }

/* ---- Filterkolom ---- */
#filter-sider {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #abaeb1;
	border-radius: 3px;
	margin-bottom: 15px;
}
.filter-section { padding-left: 10px; } /* live: .filter-section{padding-left:10px} */
.filter-section .checkbox {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.filter-section .checkbox + .checkbox { margin-top: -5px; }
.filter-section .checkbox label {
	/* Live: label{display:inline-block;max-width:100%} + .checkbox label{…};
	   de teller staat ernaast en zweeft naar rechts. */
	display: inline-block;
	max-width: 100%;
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
}
.filter-section .checkbox input[type='checkbox'] {
	position: absolute;
	margin-left: -20px;
	margin-top: 3px;
	accent-color: var(--inl-accent, #5d9cec);
}
.countVergelijker { opacity: 0.5; float: right; font-size: 12px; }

.color-example {
	width: 16px;
	height: 16px;
	border: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	border-radius: 4px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.01) 0%, rgba(255, 255, 255, 0.1) 100%);
}
/* Kleuren exact uit site.css */
.color-example[data-kleur='zilver']     { background-color: #dddfde; }
.color-example[data-kleur='goud']       { background-color: #e3d0ba; }
.color-example[data-kleur='rood']       { background-color: #f8242d; }
.color-example[data-kleur='roségoud']   { background-color: #edccbd; }
.color-example[data-kleur='roze']       { background-color: #ff706c; }
.color-example[data-kleur='spacegrijs'] { background-color: #abaeb1; }
.color-example[data-kleur='grafiet']    { background-color: #61605c; }
.color-example[data-kleur='wit']        { background-color: #fff; }
.color-example[data-kleur='zwart']      { background-color: #1f1b1b; }
.color-example[data-kleur='gitzwart']   { background-color: #000; }
.color-example[data-kleur='blauw']      { background-color: #42b3ed; }
.color-example[data-kleur='geel']       { background-color: #fef16f; }
.color-example[data-kleur='groen']      { background-color: #99e368; }
.color-example[data-kleur='koraal']     { background-color: #ff5733; }
.color-example[data-kleur='blauwgroen'] { background-color: #42b3ed; }

/* ---- Prijsfilter + slider ---- */
.slider-wrapper { text-align: center; margin-top: 10px; }
.range-price-min { text-align: left; }
.range-price-max { text-align: right; }
.range-price-min, .range-price-max { font-size: 13px; color: var(--inl-text-muted, #777); }

.price-inputs { display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.price-inputs input {
	width: 100%;
	min-width: 0;
	padding: 4px 6px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 13px;
	color: var(--inl-text, #333);
}
.price-inputs input:focus { border-color: var(--inl-accent, #5d9cec); outline: none; }

/* Dubbele range-slider (vanilla JS, alleen zichtbaar mét JS) */
.price-slider { display: none; position: relative; height: 20px; margin: 4px 0 2px; }
.js-device .price-slider { display: block; }
.js-device .price-inputs { display: none; }
.price-slider .slider-track {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 10px;
	margin-top: -5px;
	border-radius: 4px;
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%);
	box-shadow: inset 0 0 0 1px #ddd;
}
.price-slider .slider-selection {
	position: absolute;
	top: 50%;
	height: 10px;
	margin-top: -5px;
	border-radius: 4px;
	/* live: .slider-selection heeft dezelfde grijze verloop als de track */
	background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%);
}
.price-slider input[type='range'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	background: none;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}
.price-slider input[type='range']::-webkit-slider-thumb {
	pointer-events: auto;
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background-color: #5a99e7;
	cursor: pointer;
}
.price-slider input[type='range']::-moz-range-thumb {
	pointer-events: auto;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background-color: #5a99e7;
	cursor: pointer;
}
.price-slider input[type='range']::-moz-range-track { background: none; }

/* ---- Filterknoppen ---- */
.filter-reset-wrapper { text-align: center; padding: 12px 5px 8px; }
.filter-submit { margin-bottom: 6px; }
.filter-reset { display: block; font-size: 12px; color: var(--inl-accent, #5d9cec); }
.filter-reset:hover { text-decoration: underline; }

#toggle-filter-sider { margin: 3px 0; display: none; }
.js-device #toggle-filter-sider { display: none; }
@media (max-width: 991px) {
	/* Live toont de filterknop compact (auto-breedte, links uitgelijnd), niet
	   over de volle breedte. */
	.js-device #toggle-filter-sider { display: block; width: 100%; font-size: 14px; } /* live: volle breedte */
	.js-device #filter-sider { display: none; }
	.js-device #filter-sider.is-open { display: block; }
}

/* ---- Resultatentabel ---- */
#phones-list { font-size: 14px; border-bottom: 1px solid #abaeb1; }
#phones-list .table { width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: collapse; }
#phones-list .table > thead > tr > th {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	color: #666;
	text-align: left;
}
#phones-list .table > tbody > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: middle;
	border-top: 0;
}
#phones-list .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
/* main.css zet .hidden-xs op display:block; in een tabel moet dat table-cell zijn. */
@media (min-width: 768px) {
	#phones-list .table > thead > tr > th.hidden-xs,
	#phones-list .table > tbody > tr > td.hidden-xs { display: table-cell; }
}
.sort-button { padding: 1px 5px 1px 5px; font-size: 11px; line-height: 1.4; }
.shopData { font-weight: 600; text-transform: capitalize; }
.colorData { text-transform: capitalize; font-size: 12px; }
.conditionData { text-transform: capitalize; font-size: 12px; }
.memoryData { font-size: 12px; }
/* Live kent geen eigen .priceData-regel: gewicht 400, geen min-width. */
.priceData { white-space: nowrap; }
.labelKooptip {
	color: #fff;
	font-size: 12px;
	background-color: #f49600;
	padding: 2px;
	border-radius: 2px;
	display: block;
	width: fit-content;
	margin-bottom: 3px;
}
.comparer-link {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
	font-size: 12px;
	font-weight: 400 !important;
	line-height: 1;
	padding: 5px 15px;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #f49600;
	border: 1px solid #e88f00;
	color: #fff;
	text-transform: none;
}
.comparer-link:hover,
.comparer-link:focus {
	background-color: #f39500;
	border: 1px solid #e88f00;
	color: #fff;
	text-decoration: none;
}

/* ---- Paginering ---- */
.pagination-wrapper { margin-top: 10px; text-align: center; padding-bottom: 20px; }
.pagination-wrapper .btn { margin: 0 2px 5px; }
.pagination-wrapper .pagination-status {
	display: inline-block;
	margin: 0 8px 5px;
	color: var(--inl-text-muted, #777);
	font-size: 13px;
}

/* ---- Meldingen (geen data / configuratie ontbreekt) ---- */
.device-notice {
	border: 1px solid #ddd;
	border-left: 4px solid var(--inl-accent, #5d9cec);
	border-radius: 4px;
	background: #fff;
	padding: 12px 15px;
	margin: 20px 0;
}
.device-notice--warning { border-left-color: #f0ad4e; }
.device-notice strong { display: block; margin-bottom: 4px; }
.device-notice p { margin: 0; color: var(--inl-text-muted, #777); }

/* ---- Abonnementen ---- */
.device-subscription { margin: 25px 0; }
.device-subscription h2 { margin-bottom: 10px; }
.device-subscription__widget {
	/* Live: kale container; de TDS-widget brengt zijn eigen opmaak mee. */
	background: #fff;
	min-height: 60px;
}

/* ---- Redactionele tekst ---- */
.device-editorial { margin: 25px 0 30px; }
.device-editorial h2 { margin: 20px 0 10px; }
.device-editorial p { margin-bottom: 12px; }

/* ---- Mobiel ---- */
@media (max-width: 767px) {
	#phones-list .table > thead > tr > th,
	#phones-list .table > tbody > tr > td { vertical-align: top; padding: 8px 4px; }
	.priceData { min-width: 0; }
	.filter-section { padding-left: 5px; }
}

/* De aanbiedingentabel scrollt binnen zijn eigen kader in plaats van de hele
   pagina breder te maken (7 kolommen passen niet op een telefoonscherm). */
.table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 767px) {
	/* Live heeft hier geen .table-responsive-wrapper; een zichtbaar kader zou dus
	   een extra rand tonen. De wrapper blijft (voor scrollgedrag), maar onzichtbaar. */
	.table-responsive { border: 0; }
	.table-responsive > .table { margin-bottom: 0; }
}

/* De schuifknop van de prijsslider (20px, absoluut gepositioneerd) stak buiten
   de filterkolom en maakte de pagina op mobiel 22px breder dan het scherm. */
.phone-comparer,
#filter-sider { max-width: 100%; }
#filter-sider { overflow-x: hidden; }
.price-slider { max-width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }

/* De redactionele tekst bevat "koopgids"-restanten uit de oude site: losse
   <li>-kleurbolletjes zonder omhullende lijst. Netjes tonen en binnen de
   kolom houden. */
.device-editorial { max-width: 100%; overflow-wrap: anywhere; }
.device-editorial li.color-example {
	display: inline-block;
	list-style: none;
	margin: 0 4px 0 0;
	vertical-align: middle;
}
.device-editorial .model-image { max-width: 120px; height: auto; }
.device-editorial .model-details-label { margin-right: 4px; }

/* Verkoperslogo's in de aanbiedingentabel, zoals live. */
/* Live: .seller-image{height:30px;width:60px}  @max-767{height:25px;width:50px} */
.seller-logo { width: 60px; height: 30px; object-fit: contain; }
@media (max-width: 767px) { .seller-logo { width: 50px; height: 25px; } }
.seller-name { font-size: 12px; color: var(--inl-text-muted, #777); }


/* ---- "Kies uitvoering": opslagvarianten in tabbladen ----
   Overgenomen uit de bestaande site: een tabrij met een label-item ervoor,
   waarvan alleen het actieve blad zichtbaar is. */
.device-uitvoering,
.device-kies-vergelijker { margin: 20px 0; padding: 0; list-style: none; border: 0; }
.device-uitvoering::after,
.device-kies-vergelijker::after { content: ''; display: table; clear: both; }
/* Live: dezelfde tabstijl als de subnavigatie (.nav-tabs>li met grijze
   onderrand, actief donker met blauwe tekst), met een label-item ervoor
   (.tab-text{padding:13px 13px 9px 0;border-bottom:0}). */
.device-uitvoering > li,
.device-kies-vergelijker > li {
	float: left;
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: -1px;
	padding: 5px 2px 0;
}
.device-uitvoering > li.tab-text,
.device-kies-vergelijker > li.tab-text {
	border-bottom: 0;
	padding: 13px 13px 9px 0;
	color: var(--inl-text-muted, #777);
	line-height: 1.42857143;
}
.device-uitvoering > li > a,
.device-kies-vergelijker > li > a {
	display: block;
	margin-right: 2px;
	padding: 8px 4px;
	border: 0;
	color: var(--inl-text, #333);
	font-weight: 600;
	line-height: 1.42857143;
}
.device-uitvoering > li > a:hover,
.device-kies-vergelijker > li > a:hover { color: var(--inl-accent, #5d9cec); text-decoration: none; }
.device-uitvoering > li.active,
.device-kies-vergelijker > li.active { border-bottom-color: #333; }
.device-uitvoering > li.active > a,
.device-kies-vergelijker > li.active > a { color: var(--inl-accent, #5d9cec); cursor: default; }
/* Zonder JavaScript blijft elk blad zichtbaar; zodra de tabbladen werken
   toont de pagina er één tegelijk. */
.device-uitvoering.is-actief ~ .tab-content > .tab-pane { display: none; }
.device-uitvoering.is-actief ~ .tab-content > .tab-pane.active { display: block; }
.device-uitvoering:not(.is-actief) { display: none; }

/* ---- Uitklaptab in de subnavigatie ---- */
.tab-menu .nav-tabs li.dropdown { position: relative; }
/* De pijlvorm staat in main.css alleen binnen .main-nav; hier hoort dezelfde. */
.tab-menu .nav-tabs li.dropdown > a > .caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 4px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.tab-menu .nav-tabs li.dropdown > .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 220px;
	margin: 2px 0 0;
	padding: 5px 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.tab-menu .nav-tabs li.dropdown.open > .dropdown-menu { display: block; }
.tab-menu .nav-tabs li.dropdown > .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
.tab-menu .nav-tabs li.dropdown > .dropdown-menu > li > a:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

/* ---- "Bestellen"-blok onder aan de toestelpagina ----
   Live: modelafbeelding links, kop 22px, daaronder kleuren, geheugen, laagste
   prijs en een knop naar de andere sectie. */
/* Live: 132x200, zweeft links, marge 20px 30px 0 0. */
.model-image { float: left; width: 132px; height: auto; margin: 20px 30px 0 0; }
.model-head { clear: none; }
.model-details { overflow: hidden; }
.model-details-div { margin-bottom: 8px; }
.model-details-label { display: inline-block; min-width: 90px; color: var(--inl-text); }
.model-details .color-example { margin-right: 4px; vertical-align: middle; }
.model-details p { margin: 0 0 8px; }
.model-details .btn-primary { margin-top: 4px; }
@media (max-width: 767px) {
	.model-image { float: none; display: block; margin: 0 auto 10px; }
}

.comparer-toon-meer{display:block;margin:16px auto;}

/* ---- Filterkolom: live filtert direct bij elk vinkje ---- */
.js-device .filter-submit { display: none; }
.filter-reset-wrapper .filter-reset.btn {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 6px 12px;
}
.filter-reset-wrapper .filter-reset.btn:hover { text-decoration: none; }

/* ---- Tellertekst en melding bij beperkte resultaten (live: .alert) ---- */
#col-items .alert.countVergelijkerTekst { margin: 0 15px 5px; padding: 5px 0; }
.device-alternatieven-kop td { padding: 20px 0 !important; background: #fff; }
.device-alternatieven-kop .alert-warning {
	margin: 0;
	padding: 15px;
	background-color: #fcf8e3;
	border: 1px solid #faebcc;
	border-radius: 4px;
	color: #8a6d3b;
}

/* ---- Informatiepagina ---- */
.device-page .abonnementen-vergelijker[hidden],
.device-page .los-toestel-vergelijker[hidden] { display: none; }
.device-vergelijkblok { clear: both; }
.device-vergelijkblok #vergelijkerBlokSider .row { margin-left: -15px; margin-right: -15px; }
.device-vergelijkblok #vergelijkerBlokSider .row::after { content: ''; display: table; clear: both; }
.device-vergelijkblok .vergelijkerBlokSiderItem { position: relative; min-height: 1px; padding: 0 15px; }
@media (min-width: 768px) {
	.device-vergelijkblok .vergelijkerBlokSiderItem { float: left; width: 33.33333333%; }
}
.device-vergelijkblok .fa-ul { margin: 0 0 10px 2.14285714em; padding-left: 0; list-style: none; }
.device-vergelijkblok .fa-ul > li { position: relative; }
.device-vergelijkblok .vergelijkerBlokSiderHead a { color: var(--inl-text, #333); }
.device-vergelijkblok hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; }

/* Live: div.divider.divider-dotted sluit de pagina af. */
.device-page .divider.divider-dotted {
	clear: both;
	margin: 20px 0;
	height: 10px;
	border: 0;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEX///+QkJApn3LQAAAAAnRSTlMAgJsrThgAAAAOSURBVHheYwCCUAdcJAAnnALqo5TBzAAAAABJRU5ErkJggg==") repeat-x center;
}

/* Live: kop per uitvoering zonder onderrand. */
.device-subscriptions .tab-pane > h3 { border-bottom: 0; padding-bottom: 0; }

/* Live verbergt het label ("Kies uitvoering:", "Kies vergelijker:") op mobiel. */
@media (max-width: 767px) {
	.device-uitvoering > li.tab-text,
	.device-kies-vergelijker > li.tab-text { display: none; }
}

/* Mobiel vergelijkblok bovenaan de informatiepagina (live: #vergelijkerBlok). */
.device-vergelijkblok-mobiel .fa-ul { margin: 0 0 0 2.14285714em; padding-left: 0; list-style: none; }
.device-vergelijkblok-mobiel .fa-ul > li { position: relative; }
.device-vergelijkblok-mobiel .vergelijkerBlokHead a { color: var(--inl-text, #333); }