/*!
Theme Name: Solezilla-lean
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solezilla-lean
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Solezilla-lean is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #4169e1;
}

a:visited {
	color: #800080;
}

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* SZ-LEAN-HEADINGS */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{letter-spacing:-0.03em;}
/* END-SZ-LEAN-HEADINGS */
/* SZ-LEAN-LAYOUT */
:root{--sz-container:1400px;
  /* Design-tokens site-breed (16 jul 2026). Stonden eerder ALLEEN in het blog-CSS (wp_head),
     waardoor de rest van de site ze niet kon gebruiken -> ad-hoc hexes. Body = 14px (The7),
     dus tekstmaten in PX op die norm; NOOIT rem mixen (1rem=16px != body). */
  --sz-ink:#1D242D; --sz-muted:#6b7280; --sz-line:rgba(29,36,45,.22);
  --sz-panel:#f6f7f8; --sz-cardline:#ececec; --sz-cardshadow:0 6px 16px -4px rgba(0,0,0,.13);
  --sz-text:14px; --sz-text-sm:13px; --sz-meta:12px;
  --sz-red:#ED1C24;}
body{background:#f7f7f7;color:#242424;}
a{color:#ed1c24;}
/* consistente container voor header, content, footer EN mega */
.site-header-inner,.site-content,.footer-widgets,.site-info{max-width:var(--sz-container);margin-left:auto;margin-right:auto;box-sizing:border-box;}
.site-content{padding:0 15px;padding-top:15px;}
div#header{padding-top:0px;padding-left:15px;padding-right:15px;padding-bottom:15px;}
.facetwp-template{padding:15px 15px;}
.filters{text-align:center;padding:0;display:grid !important;grid-auto-flow:column;grid-auto-columns:1fr;gap:15px;z-index:3;position:relative;} .filters .facetwp-facet{margin:0;width:100%;display:block !important;} .filters .facetwp-facet select,.filters .fs-wrap,.filters .fs-wrap .fs-label-wrap{width:100% !important;box-sizing:border-box;} .fs-label-wrap,.filters .facetwp-facet select{border:solid 2px #f3f3f3 !important;box-shadow:0 6px 16px -4px rgb(0 0 0 / 13%);} @media(max-width:782px){.filters{grid-auto-flow:row !important;grid-template-columns:1fr !important;}}
.site-content .row{margin-left:-15px;margin-right:-15px;}
.site-header{background:#fff;border-bottom:1px solid #e6e6e6;position:sticky;top:0;z-index:1000;padding-top:15px;padding-bottom:15px;}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.5rem 0;}
.site-logo img{display:block;height:52px;width:auto;}
.site-branding{flex:0 0 auto;}
.main-navigation{flex:1 1 auto;min-width:0;padding-right:20px;}
.site-search{flex:0 0 auto;}
.sz-search-form{display:flex;border:1px solid #ccc;border-radius:3px;overflow:hidden;background:#fff;}
.sz-search-form input{border:0;padding:.45rem .6rem;width:200px;max-width:40vw;font:inherit;outline:0;}
.sz-search-form button{border:0;background:#ED1C24;color:#fff;padding:0 .8rem;cursor:pointer;font-size:15px;}
.main-navigation ul{list-style:none;margin:0;padding:0;}
.main-navigation > ul{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;}
.main-navigation li{position:relative;}
.main-navigation a{display:block;padding:.5rem 0;color:#242424;text-decoration:none;font-weight:500;font-size:15px;}
.main-navigation a:hover{color:#ED1C24;}
.main-navigation ul ul{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.14);min-width:230px;padding:.4rem 0;display:none;z-index:1000;border:1px solid #eee;}
.main-navigation ul ul li{width:100%;}
.main-navigation ul ul a{padding:.45rem 1rem;font-weight:400;}
.main-navigation li:hover>ul{display:block;}
.footer-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;padding:15px 15px;}
.footer-widgets .widget{min-width:0;}
.site-footer{background:#171717;color:#eee;margin-top:2rem;}
.site-footer a{color:#fff;}
.site-info{padding:15px 15px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;line-height:1.5;}
@media(max-width:600px){.footer-widgets{grid-template-columns:1fr;}}
/* MEGA: op containerbreedte, 6 kolommen */
.main-navigation > ul > li{position:static;}
.main-navigation > ul > li.menu-item-has-children > ul{margin:0;left:50%;transform:translateX(-50%);top:100%;width:100%;max-width:1400px;box-sizing:border-box;min-width:0;padding:1.75rem 0 1.75rem 10px;background:#fff;border-top:2px solid #ED1C24;box-shadow:0 14px 26px rgba(0,0,0,.12);display:none;grid-template-columns:repeat(5,1fr);gap:.15rem 2rem;align-items:start;max-height:75vh;overflow:hidden auto;}
.main-navigation > ul > li > ul > li{width:auto;min-width:0;display:block;margin:0 0 .15rem;overflow-wrap:anywhere;}
.main-navigation > ul > li > ul a{padding:.13rem 0;font-size:14px;}
.main-navigation > ul > li > ul > li.menu-item-has-children{margin-bottom:1rem;}
.main-navigation > ul > li > ul > li.menu-item-has-children > a{font-weight:700;color:#171717;}
.main-navigation > ul > li > ul ul{position:static;display:block;box-shadow:none;border:0;min-width:0;padding:.15rem 0 0;background:none;}
.main-navigation > ul > li > ul ul a{font-weight:400;color:#555;}
.main-navigation > ul > li.menu-item-has-children:hover > ul{display:grid;}
.main-navigation > ul > li.menu-item-51356 > ul{grid-template-columns:repeat(6,1fr);}
/* END-SZ-LEAN-LAYOUT */
/* SZ-LEAN-WIDGET */
.widget-title{font-family:'Solezilla',sans-serif !important;font-size:2.2rem !important;color:#fff !important;}
/* END-SZ-LEAN-WIDGET */
/* SZ-LEAN-FLAGS */
.site-footer img[src*="/img/"]{width:48px !important;height:48px !important;padding:10px;box-sizing:content-box;}
/* END-SZ-LEAN-FLAGS */
/* SZ-LEAN-MENUFIX */
.custom-menu>li:first-child,.menu>li:first-child,.qts-lang-menu li:first-child,.widget_pages>ul>li:first-child{border:none !important;margin-top:0 !important;padding-top:0 !important;}
/* END-SZ-LEAN-MENUFIX */
/* SZ-LEAN-CARD */
.card .product-names .product-series{font-size:20px !important;text-transform:uppercase;margin:0;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
/* END-SZ-LEAN-CARD */
/* SZ-LEAN-SHOPINFO */
.shop-info{font-size:0.75rem;margin:5px 0px 5px 0px;width:100%;}
/* END-SZ-LEAN-SHOPINFO */
/* SZ-LEAN-LOGO */
a.site-logo img{height:64px !important;}
.site-header-top .site-branding{flex:0 0 auto;height:64px;margin-left:15px;}
/* END-SZ-LEAN-LOGO */
/* SZ-LEAN-EXTRA */
input[type="search"]{border:0 !important;-webkit-appearance:none;appearance:none;box-shadow:none;}
input[type=search]:not(.elementor-field){margin-top:0 !important;}
.widget_search input[type=search]:not(.elementor-field){margin-bottom:0 !important;}
.single-sneaker .sneaker-details-sp tr td:first-child{border-right:1px solid #f2f2f2;width:50%;font-family:"Poppins",Helvetica,Arial,Verdana,sans-serif !important;font-weight:700 !important;}
/* END-SZ-LEAN-EXTRA */
/* SZ-LEAN-MENUARROW */
.main-navigation > ul > li.menu-item-has-children > a::after{content:"";display:inline-block;position:relative;top:-0.2em;width:7px;height:7px;border-style:solid;border-width:2px 2px 0 0;border-color:currentColor;transform:rotate(135deg);margin-left:8px;transition:transform .15s;}
.main-navigation > ul > li.menu-item-has-children:hover > a::after{transform:rotate(-45deg);top:0.05em;}
/* END-SZ-LEAN-MENUARROW */
/* SZ-LEAN-HEADER3: 1-rij header, search icoon-links, menu rechts */
.site-header-top{display:flex;align-items:center;gap:1.5rem;max-width:1400px;margin:0 auto;}
.site-header-top .site-search{flex:0 0 auto;padding-left:20px;}
.site-header-top .main-navigation{flex:1 1 auto;min-width:0;}
.site-header-top .main-navigation>ul{justify-content:flex-end;}
.site-header-top .main-navigation>ul>li{margin-top:0 !important;padding-top:0 !important;}
.sz-search-form{display:flex;align-items:center;background:#f8f6f5;border:1px solid #e6e8ec;border-radius:0;box-shadow:0 3px 12px rgba(0,0,0,.08);padding:.12rem .6rem .12rem .85rem;width:340px;max-width:34vw;}
.sz-search-form .sz-search-btn{background:none !important;border:0;color:#9aa3b2;display:flex;align-items:center;padding:0 .25rem;cursor:pointer;}
.sz-search-form input[type=search]{flex:1;border:0 !important;background:transparent;padding:.5rem .4rem;font:inherit;font-size:1rem;outline:0;width:auto;min-width:0;box-shadow:none;}
.sz-search-form input[type=search]::placeholder{color:#9aa3b2;}
/* END-SZ-LEAN-HEADER3 */
/* SZ-LEAN-FORMFIELDS */
.widget_search input[type=text].searchform-s,.woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select,.wpcf7-number,input[type=text]:not(.elementor-field):not(.searchform-s),input[type=search]:not(.elementor-field),input[type=tel]:not(.elementor-field),input[type=url]:not(.elementor-field),input[type=email]:not(.elementor-field),input[type=number]:not(.elementor-field),input[type=date]:not(.elementor-field),input[type=range]:not(.elementor-field),input[type=password]:not(.elementor-field),select:not(.elementor-field):not(.elementor-field-textual),textarea:not(.elementor-field){margin-bottom:0 !important;border-style:var(--the7-form-border);box-sizing:border-box;}
/* END-SZ-LEAN-FORMFIELDS */
/* SZ-LEAN-MEGA-BRIDGE: overbrug de gap zodat hover niet wegvalt bij naar beneden bewegen */
.main-navigation > ul > li.menu-item-has-children > a{position:relative;} .main-navigation > ul > li.menu-item-has-children:hover > a::before{content:"";position:absolute;left:-12px;right:-12px;top:100%;height:26px;background:transparent;z-index:10;}
/* END-SZ-LEAN-MEGA-BRIDGE */
/* SZ-LEAN-DESC: sneaker-detail beschrijving links + kleiner */
.sneaker-details-sp #content{text-align:left !important;padding-left:0 !important;padding-right:0 !important;width:100% !important;}
.sneaker-details-sp h3,.sneaker-details-sp>h3{text-align:left !important;padding-top:0 !important;}
.sneaker-details-sp #content,.sneaker-details-sp #content p,.sneaker-details-sp #content li{line-height:1.5;}
/* END-SZ-LEAN-DESC */
/* SZ-LEAN-FWTITLE: sneaker-detail titel over volledige breedte, image+prijzen eronder */
.single-sneaker .sz-fw-title-col{width:100%;float:none;clear:both;box-sizing:border-box;}
.single-sneaker .sz-fw-title-col h1{margin:0 0 .75rem;}
/* END-SZ-LEAN-FWTITLE */
/* SZ-LEAN-MODELLEN */
.modellen li{padding:10px 0px;}
/* END-SZ-LEAN-MODELLEN */
/* SZ-LEAN-STICKY: .site overflow mag sticky niet breken; body vangt horizontale scroll */
.site{overflow:visible !important;}
body{overflow:visible !important;}
html{overflow-x:hidden;}
/* END-SZ-LEAN-STICKY */
/* SZ-LEAN-HERO */
.sz-hero{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-size:cover;background-position:left;min-height:clamp(300px,30vw,480px);display:flex;align-items:center;justify-content:center;text-align:center;max-height:80%;}
.sz-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.30),rgba(0,0,0,.48));z-index:1;}
.sz-hero-inner{position:relative;z-index:2;width:100%;max-width:860px;padding:0 20px;}
.sz-hero-title{color:#fff !important;font-size:clamp(1.9rem,3.6vw,3.2rem) !important;line-height:1.05 !important;margin:0 0 1.4rem !important;text-shadow:0 2px 14px rgba(0,0,0,.4);}
.sz-hero-search{display:flex;align-items:stretch;background:#fff;max-width:640px;margin:0 auto;box-shadow:0 14px 34px rgba(0,0,0,.28);}
.sz-hero-search input[type=search]{flex:1;border:0 !important;background:transparent;padding:1rem 1.15rem;font-size:1.1rem;outline:0;min-width:0;margin:0 !important;box-shadow:none;}
.sz-hero-search input[type=search]::placeholder{color:#9aa3b2;}
.sz-hero-search-btn{background:#ed1c24;border:0;color:#fff;padding:0 1.35rem;display:flex;align-items:center;cursor:pointer;}
.sz-hero-search-btn svg{width:22px;height:22px;}
body.sz-photo-header .site-content{padding-top:0 !important;}
body.sz-photo-header .sz-hero{margin-top:calc(-1 * var(--sz-hh,85px));padding-top:calc(var(--sz-hh,85px) + 24px);}
/* END-SZ-LEAN-HERO */
/* SZ-LEAN-TRANSHEADER */
.sz-logo-white{display:none !important;}
body.sz-photo-header .site-header{transition:background .25s ease,border-color .25s ease;}
body.sz-photo-header:not(.sz-scrolled) .site-header{background:transparent !important;border-bottom-color:transparent !important;box-shadow:none !important;}
body.sz-photo-header:not(.sz-scrolled) .main-navigation > ul > li > a,body.sz-photo-header:not(.sz-scrolled) .main-navigation > ul > li > a:visited{color:#fff !important;}
body.sz-photo-header:not(.sz-scrolled) .sz-logo-dark{display:none;}
body.sz-photo-header:not(.sz-scrolled) .sz-logo-white{display:inline-block !important;}
body.sz-photo-header:not(.sz-scrolled) .site-search{visibility:hidden;max-width:280px;}
/* END-SZ-LEAN-TRANSHEADER */
/* SZ-LEAN-DETAILPAD */
.sneaker-details-sp{padding:15px 15px !important;font-size:1rem !important;text-align:left !important;}
/* END-SZ-LEAN-DETAILPAD */
/* SZ-LEAN-CELLPAD */
.content,.sidebar,.wf-cell,.wf-usr-cell,.wf-wrap,.wpb_row{box-sizing:border-box;padding-top:15px;}
/* END-SZ-LEAN-CELLPAD */
/* SZ-LEAN-BRANDS */
.sz-brands{max-width:1400px;margin:0 auto;padding:34px 15px;position:relative;z-index:1;}
.sz-brands-title{text-align:center;margin:0 0 1.4rem;}
.sz-brands-swiper{overflow:hidden;}
.sz-brands .swiper-slide{display:flex;align-items:center;justify-content:center;height:96px;box-sizing:border-box;}
.sz-brands .swiper-slide a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:8px;}
.sz-brands .swiper-slide img{max-width:88px;max-height:74px;width:auto;height:auto;object-fit:contain;opacity:.85;transition:opacity .2s ease,transform .2s ease;margin:0;}
.sz-brands .swiper-slide a:hover img{opacity:1;transform:scale(1.06);}
/* END-SZ-LEAN-BRANDS */
/* SZ-LEAN-WPBSPACE */
.wpb_button,.wpb_content_element,ul.wpb_thumbnails-fluid>li{margin-bottom:15px;}
/* END-SZ-LEAN-WPBSPACE */
/* SZ-LEAN-MOBILE */
.sz-search-toggle{display:none;}
img{max-width:100%;height:auto;}
@media (max-width:1024px){
  .site-header{padding-top:0 !important;padding-bottom:0 !important;}
  .site-header-top{position:relative;display:block;height:56px;min-height:56px;padding:0 !important;box-sizing:border-box;}
  .site-header-top .site-branding{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0 !important;height:auto !important;display:block;line-height:0;}
  .site-header-top .site-branding a.site-logo img{height:44px !important;width:auto !important;vertical-align:middle;}
  .menu-toggle{display:flex !important;position:absolute;left:9px;right:auto;top:8px !important;bottom:auto !important;transform:none !important;z-index:6;width:40px !important;height:40px !important;min-height:0 !important;align-items:center;justify-content:center;background:none !important;border:0 !important;padding:0 !important;margin:0 !important;line-height:0;color:inherit;cursor:pointer;}
  .menu-toggle .sz-burger{display:block;width:28px;height:28px;}
  .sz-search-toggle{display:flex !important;position:absolute;right:8px;top:8px !important;bottom:auto !important;transform:none !important;z-index:6;width:40px !important;height:40px !important;min-height:0 !important;align-items:center;justify-content:center;background:none !important;border:0 !important;padding:0 !important;margin:0 !important;line-height:0;color:inherit;cursor:pointer;}
  .sz-search-toggle svg{width:26px;height:26px;display:block;}
  .site-header-top .site-search{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-width:none;background:#fff;padding:12px 15px !important;box-shadow:0 12px 22px rgba(0,0,0,.14);z-index:20;visibility:visible !important;}
  body.sz-search-open .site-header-top .site-search{display:block;}
  .site-header-top .site-search .sz-search-form{width:100% !important;max-width:100% !important;}
  .site-header-top .main-navigation{position:static;}
  .main-navigation > ul{display:none !important;}
  .main-navigation.toggled > ul{display:block !important;position:absolute;top:100%;left:0;right:0;background:#fff;margin:0;padding:0 15px 6px;box-shadow:0 12px 22px rgba(0,0,0,.14);z-index:19;}
  .main-navigation > ul > li{position:static;width:100%;margin:0 !important;padding:0 !important;border-top:1px solid #eee;}
  .main-navigation > ul > li:first-child{border-top:0;}
  .main-navigation > ul > li > a{display:block;padding:.9rem 0 !important;font-size:1.4rem !important;color:#171717 !important;}
  .main-navigation > ul > li > ul{display:none !important;}
  .main-navigation > ul > li.menu-item-has-children > a::after,.main-navigation > ul > li.menu-item-has-children > a::before{display:none !important;}
  body.sz-photo-header:not(.sz-scrolled) .menu-toggle,body.sz-photo-header:not(.sz-scrolled) .sz-search-toggle{color:#fff;}
  .vc_row,.vc_row-fluid,.wpb_row{margin-left:0 !important;margin-right:0 !important;}
  .sz-brands,.footer-widgets,.site-info,.facetwp-template,div#header{max-width:100%;box-sizing:border-box;}
}
/* END-SZ-LEAN-MOBILE */
/* SZ-LEAN-FEATIMG */
.featured-image-container img {
    max-width: 100% !important;
    height: auto;
    mix-blend-mode: multiply;
    background: transparent;
}
/* END-SZ-LEAN-FEATIMG */
/* SZ-LEAN-CARDMOB: foto-vak vierkant op mobiel, geen vaste px-hoogte */
@media (max-width:782px){
  .product-photo,.product-photo-facet{min-height:0 !important;height:auto !important;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .product-photo img,.product-photo-facet img{max-width:100%;max-height:100%;height:auto;width:auto;}
}
/* END-SZ-LEAN-CARDMOB */
/* SZ-LEAN-SVGICONS: icomoon/FA vervangen door inline SVG data-URIs
   17 jul 2026: winkel- (cart-06), pakket- (misc-018) en liniaal-icoon (.available-maten b) eruit.
   De kaart had vier iconen op een rij; het winkel-icoon dupliceerde de shopnaam ernaast en het
   pakket-icoon de klok. Levertijd + verzendkosten staan nu op EEN regel achter de truck.
   Deze klassen komen alleen nog voor in solezilla-base/woocommerce/content-product-prijsvergelijker-
   shortcode.php, en die template rendert niets meer (de vergelijker draait op sz-offer-importer). */
i.icomoon-the7-font-the7-clock-01::before{content:"" !important;}
i.icomoon-the7-font-the7-clock-01{display:inline-block;width:15px;height:15px;vertical-align:-2px;margin-right:4px;background-position:center;background-repeat:no-repeat;background-size:contain;}
/* bezorgregel (levertijd + verzendkosten) = truck */
i.icomoon-the7-font-the7-clock-01{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -64 640 640' fill='%23171717'%3E%3Cpath d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E");}
/* END-SZ-LEAN-SVGICONS */
/* SZ-LEAN-FOOTERLINKS: widget-links in footer wit */
.site-footer .widget_categories li a,.site-footer .widget_meta a,.site-footer .blogroll a,.site-footer .widget_archive li a,.site-footer .widget_recent_entries a,.site-footer .widget_recent_comments a,.site-footer .widget_links a,.site-footer .items-grid a,.site-footer .recent-posts a,.site-footer .widget_nav_menu a,.site-footer .tagcloud a,.site-footer .widget_pages a,.site-footer a.rsswidget,.site-footer .textwidget a{color:#fff !important;}
/* END-SZ-LEAN-FOOTERLINKS */
/* SZ-LEAN-RPAD: ruimte tussen productfoto en prijsvergelijker, niet op mobiel */
@media (min-width:783px){
  .single-sneaker .featured-image-container .r-pad{padding-right:30px !important;}
}
/* END-SZ-LEAN-RPAD */
/* SZ-LEAN-SHOPCARD-MOB: mobiele branch (col-xs-7) = gestapelde kaart met prijs rechtsboven; desktop-branch (col-xs-6) ongemoeid */
a.shop.row.sz-mob{display:grid !important;position:relative;margin-left:0 !important;margin-right:0 !important;grid-template-columns:1fr auto;grid-template-areas:"cond price" "kort kort" "maten maten";column-gap:10px;row-gap:3px;align-items:center;padding:8px 34px 8px 8px !important;box-sizing:border-box;}
.sz-mob .shop-info{display:contents;}
.sz-mob .shop-info > div:first-child{grid-area:cond;display:block !important;min-width:0;width:auto;padding:0 !important;overflow-wrap:anywhere;font-size:12px;}
.sz-mob .shop-info .kortingscode{grid-area:kort;padding:0 !important;min-height:0;}
.sz-mob .shop-info .available-maten{grid-area:maten;padding:0 !important;width:100%;}
.sz-mob .shop-price{display:contents;}
a.shop.row.sz-mob .the-price{grid-area:price;margin:0 !important;font-size:16px;font-weight:700;text-align:right;white-space:nowrap;align-self:center;padding-left:8px;}
/* END-SZ-LEAN-SHOPCARD-MOB */
/* SZ-LEAN-CONDLINES: icoon+tekst altijd verticaal gecentreerd; desktop inline, mobiel gestapeld */
/* Container van shopnaam + bezorgregel + rechten-label (17 jul 2026).
   WAAROM FLEX: de kinderen zijn inline-flex spans in een display:block div, en inline-level boxen
   lijnen op de BASELINE uit. De truck (15px) in de bezorgregel duwt die baseline omhoog, waardoor
   de shopnaam 3,5px onder het midden van de bezorgtekst hing (gemeten). align-items:center lijnt
   op het MIDDEN i.p.v. de baseline, dus icoonhoogte doet er niet meer toe.
   PADDING: stond inline op de div in sz-offer-importer.php (padding-left:0;padding-right:0, om de
   bootstrap-kolompadding te killen). Hoort hier; rechts blijft 0 zodat lange verzendteksten niet
   onnodig afbreken. Mobiel raakt dit niet: dat is de .sz-mob-branch hieronder. */
a.shop.row:not(.sz-mob) .shop-info > div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding-left:10px;padding-right:0;}
/* maten in dezelfde kantlijn als de shopnaam */
a.shop.row:not(.sz-mob) .available-maten{padding-left:10px;}
/* desktop-branch: alles op één regel, netjes gecentreerd */
a.shop.row:not(.sz-mob) .shop-info > div:first-child > span{display:inline-flex !important;flex-wrap:wrap;align-items:center;gap:5px;}
/* 16 jul 2026: de microdata is uit de vergelijker gestript (Product/AggregateOffer komt nu uit JSON-LD),
   dus itemprop bestaat hier niet meer. Deze twee regels leunden daarop: :not([itemprop]) trof vroeger
   NIETS (de enige geneste span was de shopnaam mét itemprop) en [itemprop="name"] hield die inline.
   Na de strip keerde dat om: alle 26 shopnamen kregen ineens margin-left:14px + inline-flex.
   De geneste span IS de shopnaam (enige soort, gemeten) -> die hoort gewoon inline, zonder marge. */
a.shop.row:not(.sz-mob) .shop-info > div:first-child > span > span{display:inline !important;margin-left:0;}
/* mobiele branch: shopnaam-regel + elke conditie op eigen regel */
.sz-mob .shop-info > div:first-child > span{display:flex !important;flex-wrap:wrap;align-items:center;gap:3px 5px;line-height:1.5;}
/* zelfde correctie voor mobiel: geneste span = shopnaam, hoort inline (was [itemprop="name"]). */
.sz-mob .shop-info > div:first-child > span > span{display:inline !important;}
/* icoon zonder baseline-offset binnen flex (alleen de truck resteert, 17 jul 2026) */
a.shop.row i.icomoon-the7-font-the7-clock-01{vertical-align:0;flex:0 0 15px;}
/* END-SZ-LEAN-CONDLINES */
/* SZ-LEAN-FILTERH: alle filters gelijke hoogte */
.filters .facetwp-facet select.facetwp-dropdown:not(.fs-hidden){height:40px !important;padding:0 10px !important;box-sizing:border-box;font-size:14px;line-height:normal;}
.filters .fs-wrap .fs-label-wrap{height:40px !important;box-sizing:border-box;display:flex;align-items:center;}
.filters .fs-label-wrap .fs-label{padding:0 24px 0 10px !important;font-size:14px;}
/* END-SZ-LEAN-FILTERH */
/* SZ-LEAN-FOOTERMENU: footer-menu strak links, geen bullets */
.site-footer ul.menu{list-style:none !important;margin:0 !important;padding:0 !important;}
.site-footer ul.menu li{list-style:none !important;margin:0 !important;padding:2px 0 !important;}
/* END-SZ-LEAN-FOOTERMENU */
/* SZ-LEAN-CLEARFIX: floats netjes clearen (The7 leverde dit eerst) */
.row::before,.row::after,.container-fluid::before,.container-fluid::after{content:"";display:table;}
.row::after,.container-fluid::after{clear:both;}
.site-main::after,.site-content::after,.facetwp-template::after{content:"";display:block;clear:both;}
/* END-SZ-LEAN-CLEARFIX */
/* SZ-LEAN-PVTITLE */
.prijsvergelijker-container h4 {
    margin-top: 0px !important;
    margin-bottom: 5px;
}
/* END-SZ-LEAN-PVTITLE */
/* SZ-LEAN-SUBMODEL: submodel-knoppen + faq-ruimte */
.model-faq{margin:30px 0 10px;}
.model-faq h3{margin-top:18px;}
.model-submodellen{margin:10px 0 30px;}
.sz-submodel-grid{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 10px;}
a.sz-submodel-btn{display:inline-block;padding:10px 16px;border:2px solid #f3f3f3;box-shadow:0 6px 16px -4px rgb(0 0 0 / 13%);background:#fff;color:#171717 !important;font-weight:600;text-decoration:none;}
a.sz-submodel-btn:hover{border-color:#ED1C24;color:#ED1C24 !important;}
/* END-SZ-LEAN-SUBMODEL */
/* SZ-LEAN-MEGAFIX2: mega-menu — visited-kleur uniform, niveau-4 ingesprongen, hogere vouw */
.main-navigation > ul > li > ul a,.main-navigation > ul > li > ul a:visited{color:#555 !important;}
.main-navigation > ul > li > ul a:hover{color:#ED1C24 !important;}
.main-navigation > ul > li.menu-item-has-children > ul > li > a,.main-navigation > ul > li.menu-item-has-children > ul > li > a:visited{color:#171717 !important;font-weight:700;}
.main-navigation > ul > li > ul ul{padding-left:14px !important;}
.main-navigation > ul > li.menu-item-has-children > ul{max-height:84vh;}
/* END-SZ-LEAN-MEGAFIX2 */
/* SZ-LEAN-MEGAFIX3: submodel-lijsten klikbaar — float-menu-patroon neutraliseren */
.main-navigation > ul > li > ul li > a{height:auto !important;min-height:0 !important;}
.main-navigation > ul > li > ul ul{position:static !important;float:none !important;left:auto !important;width:auto !important;}
/* END-SZ-LEAN-MEGAFIX3 */

.sz-hero-subtitle{color:#fff !important;font-size:clamp(1rem,1.9vw,1.45rem) !important;font-weight:400 !important;line-height:1.35 !important;margin:0 0 1.6rem !important;max-width:720px;text-shadow:0 2px 12px rgba(0,0,0,.45);}

/* SZ-LEAN-MEGAFILL: mega-menu verticaal vullen i.p.v. grid-rijen met witruimte */
.main-navigation > ul > li.menu-item-has-children:hover > ul{display:block !important;column-count:5;column-gap:2rem;column-fill:balance;}
.main-navigation > ul > li.menu-item-51356:hover > ul{column-count:6;}
.main-navigation > ul > li > ul > li{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;}
/* END-SZ-LEAN-MEGAFILL */
a:visited {
    color: #ed1c24;
}
table a, table a:visited {
    color: #ed1c24;
    font-weight: 700;
    text-decoration: none;
}

table a:hover {
    color: #242424;
    font-weight: 700;
    text-decoration: none;
}

img.rulethehype {
    max-width: 40px;
    padding-top: 15px;
}
.sz-vote {
    padding-bottom: 0px;
}

.sz-vote--onimg {
    margin: -40px auto 0;
}

/* ============================================================
   SZ SNEAKER-PAGE FEATURE STYLES
   Verplaatst uit de mu-plugins (11 jul 2026) zodat alles op één
   plek te onderhouden is. Bronnen: sz-vote, sz-price-chart,
   sz-price-schema, sz-sneaker-gallery. De mu-plugins leveren nu
   alleen nog het gedrag (JS) + de HTML; de opmaak staat hier.
   ============================================================ */

/* ---------- Vote-widget (Atomic / Inert) ---------- */
.sz-vote{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; border:1px solid #ececec; border-radius:10px;
  padding:12px 16px 0; margin-bottom:16px; background:#fff; font-family:inherit; }
.sz-vote__label{ font-weight:700; font-size:13.5px; color:#1D242D; margin-right:2px; }
.sz-vote__group{ display:flex; align-items:center; gap:18px; }
.sz-vote__btn{ display:inline-flex; align-items:center; gap:9px; border:0; background:none; cursor:pointer;
  padding:0; font-family:inherit; -webkit-tap-highlight-color:transparent; }
.sz-vote__ic{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  border:1.5px solid #e6e6e6; background:#fafbfc; color:#c3c9cf; transition:all .14s ease; flex:0 0 auto; }
.sz-vote__ic svg{ width:22px; height:22px; display:block; }
.sz-vote__btn:hover .sz-vote__ic{ background:#fff; }
.sz-vote__btn.up:hover .sz-vote__ic{ border-color:#ED1C24; color:#ED1C24; }
.sz-vote__btn.down:hover .sz-vote__ic{ border-color:#00AAFF; color:#00AAFF; }
.sz-vote__btn.up.is-active .sz-vote__ic{ background:#ED1C24; border-color:#ED1C24; color:#fff; box-shadow:0 3px 11px rgba(237,28,36,.32); }
.sz-vote__btn.down.is-active .sz-vote__ic{ background:#00AAFF; border-color:#00AAFF; color:#fff; box-shadow:0 3px 11px rgba(0,170,255,.32); }
.sz-vote__n{ font-size:15px; font-weight:700; color:#1D242D; font-variant-numeric:tabular-nums; min-width:1ch; }
.sz-vote__msg{ font-size:11.5px; color:#9aa4af; flex-basis:100%; }
.sz-vote.is-busy{ opacity:.6; pointer-events:none; }
/* zwevend kaartje dat over de onderrand van de product-image loopt */
.sz-vote--onimg{ position:relative; z-index:6; width:max-content; max-width:calc(100% - 20px); margin:-40px auto 0; box-shadow:0 6px 20px rgba(29,36,45,.18); }

/* ---------- Prijs-kaart + prijsverloop-grafiek ---------- */
/* standalone prijs-kaart: eigen blok, los ná de specs, met dropshadow */
.sz-priceblock{ width:100%; box-sizing:border-box; background:#fff; border:1px solid #ececec; border-radius:10px; box-shadow:0 4px 18px rgba(29,36,45,.10); margin:15px 0 0; overflow:hidden; clear:both; padding-top:15px; }
.sz-ph{ box-sizing:border-box; padding:14px 16px 12px; background:#fff; }
.sz-ph__head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:6px; }
.sz-ph__title{ font-weight:700; font-size:14px; color:#1D242D; }
.sz-ph__range{ font-size:11px; color:#9aa4af; font-family:ui-monospace,Menlo,Consolas,monospace; }
.sz-ph__legend{ display:flex; gap:16px; align-items:center; margin-bottom:6px; font-size:11.5px; color:#6e7c8a; }
.sz-ph__legend .sw{ display:inline-flex; align-items:center; gap:6px; }
.sz-ph__legend .sw i{ width:16px; height:0; border-top:3px solid #12A150; border-radius:3px; }
.sz-ph__legend .sw.up i{ border-top-color:#ED1C24; }
.sz-ph__legend .sw.down i{ border-top-color:#12A150; }
.sz-ph__legend .sw.avg i{ border-top:2px dashed #8894a3; }
.sz-ph__sum .deal-down{ color:#12A150; font-weight:700; }
.sz-ph__sum .deal-up{ color:#ED1C24; font-weight:700; }
.sz-ph__cw{ position:relative; }
.sz-ph__chart{ width:100%; height:82px; display:block; }
.sz-ph__ax{ position:absolute; right:2px; font-size:10px; color:#aab3bd; font-family:ui-monospace,Menlo,Consolas,monospace; background:rgba(255,255,255,.75); padding:0 3px; border-radius:3px; pointer-events:none; }
.sz-ph__ax.top{ top:-2px; } .sz-ph__ax.bot{ bottom:-2px; }
.sz-ph__sum{ font-size:12.5px; color:#43505e; margin-top:9px; }
.sz-ph__sum b{ color:#1D242D; }
.sz-ph__sum .lo{ color:#6e7c8a; font-weight:600; }

/* ---------- Prijsoordeel (SSR-tekstblok) ---------- */
.sz-pgeo{ box-sizing:border-box; border:1px solid #ececec; border-radius:10px; box-shadow:0 4px 18px rgba(29,36,45,.10); padding:16px 18px; margin:0; background:#fff; }
/* standalone kaart, los onder de specs */
.sneaker-details-sp.table-container .sz-pgeo{ flex:0 0 100%; width:100%; margin-top:18px; }
/* binnen de gedeelde prijs-kaart: geen eigen chrome, alleen een divider onder de grafiek */
.sz-priceblock .sz-pgeo{ border:0; border-radius:0; box-shadow:none; margin:0; padding:14px 18px 16px; border-top:1px solid #f0f0f0; }
.sz-priceblock .sz-pgeo__h{ font-size:14px; color:#171717; font-weight:700; margin-bottom:10px; }
.sz-priceblock > .sz-pgeo__h{ padding:14px 18px 0; margin-bottom:2px; }
/* consistente tekstkleur in het prijsoordeel-blok */
.sz-pgeo, .sz-pgeo__h, .sz-pgeo__lead, .sz-pgeo__lead b, .sz-pgeo__q, .sz-pgeo q, .sz-pgeo q b, .sz-pgeo__tbl caption, .sz-pgeo__tbl th, .sz-pgeo__tbl td{ color:#171717; }
.sz-pgeo .deal-down{ color:#12A150; } .sz-pgeo .deal-up{ color:#ED1C24; }
.sz-pgeo__h{ font-size:16px; font-weight:700; color:#1D242D; margin:0 0 8px; line-height:1.3; }
.sz-pgeo__lead{ font-size:13.5px; line-height:1.6; color:#43505e; margin:0 0 4px; }
.sz-pgeo__lead b, .sz-pgeo q b{ color:#1D242D; }
.sz-pgeo .deal-down{ color:#12A150; font-weight:700; }
.sz-pgeo .deal-up{ color:#ED1C24; font-weight:700; }
.sz-pgeo__q{ font-size:13.5px; font-weight:700; color:#1D242D; margin:14px 0 4px; }
.sz-pgeo q{ display:block; font-size:13px; line-height:1.6; color:#43505e; quotes:none; margin:0; }
.sz-pgeo__tbl{ width:100%; border-collapse:collapse; margin-top:12px; font-size:12.5px; }
.sz-pgeo__tbl caption{ text-align:left; font-size:11.5px; color:#9aa4af; padding:0 0 6px; }
.sz-pgeo__tbl th, .sz-pgeo__tbl td{ text-align:left; padding:6px 10px; border-bottom:1px solid #f0f0f0; }
.sz-pgeo__tbl th{ color:#6e7c8a; font-weight:600; }
.sz-pgeo__tbl td:last-child, .sz-pgeo__tbl th:last-child{ text-align:right; font-variant-numeric:tabular-nums; }

/* ---------- Slider-galerij ---------- */
.sz-gal{ position:relative; }
.sz-gal__viewport{ position:relative; width:100%; overflow:hidden; border-radius:8px; }
.sz-gal__track{ display:flex; transition:transform .4s ease; touch-action:pan-y; }
.sz-gal__slide{ flex:0 0 100%; min-width:100%; display:flex; align-items:center; justify-content:center; }
.sz-gal__slide a{ display:block; width:100%; }
.sz-gal__slide img{ display:block; max-width:100%; height:auto; margin:0 auto; }
.sz-gal__arrow{ position:absolute; top:50%; transform:translateY(-50%); z-index:4;
  width:42px; height:42px; border:1px solid #e4e4e4; border-radius:50%; background:rgba(255,255,255,.9);
  color:#1D242D; font-size:22px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center;
  opacity:0; transition:opacity .2s; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.sz-gal:hover .sz-gal__arrow{ opacity:1; }
.sz-gal__arrow--prev{ left:10px; } .sz-gal__arrow--next{ right:10px; }
.sz-gal__dots{ display:flex; flex-wrap:wrap; gap:7px; justify-content:center; margin-top:12px; }
.sz-gal__dot{ width:56px; height:56px; border:2px solid transparent; border-radius:7px; overflow:hidden;
  padding:0; cursor:pointer; background:#f5f5f5; flex:0 0 auto; }
.sz-gal__dot img{ width:100%; height:100%; object-fit:contain; display:block; }
.sz-gal__dot.is-active{ border-color:#ED1C24; }
@media (max-width:600px){
  .sz-gal__arrow{ display:none; }
  .sz-gal__dot{ width:46px; height:46px; }
}
/* desktop: statistics onder de foto's, exact zo breed als de slider (rechterkant uitgelijnd) */
@media (min-width:992px){
  .featured-image-container .sneaker-details-sp.table-container{
    width:100% !important; max-width:100% !important; flex:0 0 100% !important;
    margin:18px 0 0 !important; box-sizing:border-box;
  }
}

/* === fixes 11 jul: legenda-wrap, prijsoordeel inklapbaar, mobiele shop-chevron === */
.sz-ph__legend{ flex-wrap:wrap !important; row-gap:4px; }
.sz-priceblock > .sz-pgeo__h{ display:flex !important; align-items:center; cursor:pointer; }
.sz-pgeo__chev{ margin-left:auto; width:9px; height:9px; border-right:2px solid #9aa4af; border-bottom:2px solid #9aa4af; transform:rotate(-135deg); transition:transform .15s; flex:0 0 auto; }
.sz-priceblock.sz-pgeo-collapsed .sz-pgeo__chev{ transform:rotate(45deg); }
.sz-priceblock.sz-pgeo-collapsed #sz-pgeo{ display:none; }
@media(max-width:782px){
  a.shop.row .chevron-container i.fas.fa-chevron-right, a.shop.row i.fa-chevron-right{ color:#ED1C24 !important; }
}

/* === fixes 11 jul (2): prijs-tabel #242424 + card merk/naam links (#242424, hover #ed1c24) === */
.sz-pgeo__tbl caption, .sz-pgeo__tbl th, .sz-pgeo__tbl td{ color:#242424 !important; }
.card .product-title, .card .product-series{ color:#242424; }
.card a:hover .product-title, .card a:hover .product-series{ color:#ed1c24; }

/* chevron: rood blok + witte pijl — ook op mobiel (base-CSS wordt nu ook gebust) */
.chevron-container{ background:#ED1C24 !important; }
a.shop.row .chevron-container i.fas.fa-chevron-right, a.shop.row i.fa-chevron-right{ color:#fff !important; }

/* vote-widget compacter + slimmer op mobiel (desktop ongewijzigd) */
@media(max-width:600px){
  .sz-vote{ gap:8px 10px; padding:9px 12px 0; border-radius:9px; }
  .sz-vote__label{ font-size:12px; margin-right:0; }
  .sz-vote__group{ gap:12px; margin-left:auto; }
  .sz-vote__ic{ width:33px; height:33px; border-width:1px; }
  .sz-vote__ic svg{ width:17px; height:17px; }
  .sz-vote__btn{ gap:6px; }
  .sz-vote__n{ font-size:12.5px; }
  .sz-vote--onimg{ margin-top:-26px; box-shadow:0 4px 14px rgba(29,36,45,.16); }
}

/* prijsoordeel: donkerder chevron + altijd-zichtbare conclusie */
.sz-pgeo__chev{ border-color:#242424 !important; }
.sz-priceblock .sz-pgeo__concl{ padding:0 18px 2px; font-size:13px; color:#242424; line-height:1.4; }
.sz-pgeo__concl b{ font-weight:700; }
.sz-pgeo__concl .deal-down{ color:#12A150; }
.sz-pgeo__concl .deal-up{ color:#ED1C24; }

/* chevron: alleen de witte SVG tonen, font-glyph verbergen (geen witte square) */
a.shop.row .chevron-container i.fas.fa-chevron-right, a.shop.row i.fa-chevron-right{ color:transparent !important; }

/* meer ruimte tussen specs en prijsblok op desktop (mobiel blijft 15px) */
@media(min-width:783px){ .sz-priceblock{ margin-top:28px; } }

/* gap specs<->prijsblok op desktop via margin-bottom op de gefloateerde specs (clear:both slokt margin-top op) */
@media(min-width:783px){
  .sneaker-details-sp.table-container{ margin-bottom:28px !important; }
  .featured-image-container .sneaker-details-sp.table-container{ margin-bottom:28px !important; }
}

/* specs-blok gelijktrekken met prijs-/maat-/vote-kaarten (consistente rand, afronding, shadow) */
.single-sneaker .sneaker-details-sp.table-container{ border:1px solid #ececec !important; border-radius:10px !important; box-shadow:0 4px 18px rgba(29,36,45,.10) !important; overflow:hidden; }

/* FacetWP-pager: merkconforme kleuren (was FacetWP-blauw) */
.facetwp-facet-pagination .facetwp-page{ color:#1d242d !important; }
.facetwp-facet-pagination .facetwp-page:hover{ color:#fff !important; background:#ED1C24 !important; }
.facetwp-facet-pagination .facetwp-page.active{ color:#fff !important; background:#1d242d !important; }

/* alle FacetWP-facet-links merkconform (waren FacetWP-blauw); pager-regels blijven specifieker en winnen */
.facetwp-facet a{ color:#1d242d !important; }
.facetwp-facet a:hover{ color:#ED1C24 !important; }

/* ===== SZ MAATFILTER (sz-sizecard) — verplaatst uit sz-size-filter.php (mu-plugin), 12 jul ===== */
.sz-sizecard{ box-sizing:border-box; background:#fff; border:1px solid #ececec; border-radius:10px;
  box-shadow:0 4px 18px rgba(29,36,45,.10); padding:13px 16px 15px; margin:0 0 16px; overflow:hidden; }
.sz-sizecard__top{ display:flex; align-items:center; gap:8px; cursor:pointer; user-select:none; }
.sz-sizecard__ic{ color:#1D242D; display:flex; flex:0 0 auto; }
.sz-sizecard__title{ font-size:14.5px; font-weight:700; color:#1D242D; }
.sz-sizecard__badge{ margin-left:auto; font-size:12.5px; color:#8a949e; white-space:nowrap; }
.sz-sizecard__badge b{ color:#1D242D; }
.sz-sizecard.is-set .sz-sizecard__badge b{ color:#12A150; }
.sz-sizecard__chev{ flex:0 0 auto; width:9px; height:9px; border-right:2px solid #9aa4af; border-bottom:2px solid #9aa4af;
  transform:rotate(45deg); transition:transform .15s; margin:0 2px 3px 4px; }
.sz-sizecard.sz-collapsed .sz-sizecard__chev{ transform:rotate(-135deg); margin-bottom:-3px; }
.sz-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(58px,1fr)); gap:8px; margin-top:12px; }
.sz-tile{ height:40px; border:1px solid #e4e7ea; border-radius:8px; background:#fff; color:#1D242D; font-size:13.5px; font-weight:600;
  cursor:pointer; font-family:inherit; display:flex; align-items:center; justify-content:center; transition:all .12s; -webkit-tap-highlight-color:transparent; }
.sz-tile:hover{ border-color:#12A150; color:#12A150; }
.sz-tile.is-sel{ background:#12A150; border-color:#12A150; color:#fff; }
.sz-tile--all{ font-weight:700; }
.sz-sizecard__sub{ display:block; font-size:12px; color:#242424; line-height:1.3; margin-top:11px; }
.sz-sizecard__sub.ok{ color:#12A150; font-weight:600; }
.sz-sizecard__sub.warn{ color:#c9772a; font-weight:600; }
.sz-sizecard.sz-collapsed .sz-grid{ display:none; }
.sz-sizecard.sz-collapsed .sz-sizecard__sub{ margin-top:8px; }
@media (max-width:600px){ .sz-grid{ grid-template-columns:repeat(auto-fill, minmax(52px,1fr)); gap:6px; } }
.prijsvergelijker-container a.shop.row.sz-hide{ display:none !important; }
/* geselecteerde maat groen in het aanbod per shop */
.szoi-dd-grid span.sz-sf-hit{ background:#12A150 !important; color:#fff !important; }
.prdctfltr_customize_border.sz-sf-hit{ background:#12A150 !important; border-color:#12A150 !important; }
.prdctfltr_customize_border.sz-sf-hit .prdctfltr_customize_name{ color:#fff !important; }
/* ===== einde SZ MAATFILTER ===== */
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0px !important; 
}/* == SZ-HYPESCORE START (beheerd; hub + model-stats; niet inline in plugins) == */
.sz-hub__kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#5b6470;margin:0 0 .3rem}
.sz-hub__lead{font-size:1.08rem;line-height:1.6;margin:0 0 .9rem}
.sz-hub__lead strong{font-weight:600}
.sz-hub__sub{font-size:.95rem;line-height:1.6;margin:0 0 .6rem}
.sz-gsv{color:#E30613;font-weight:600}
.sz-legend{margin:1.3rem 0 2rem}
.sz-legend__bar{height:12px;border-radius:999px;background:linear-gradient(90deg,#1E88E5 10%,#00AAFF 30%,#EAA400 50%,#F26100 70%,#E30613 90%)}
.sz-legend__ticks{display:flex;gap:.4rem;margin-top:.5rem}
.sz-legend__tick{flex:1;text-align:center}
.sz-legend__tick b{display:block;font-size:.72rem;font-weight:600}
.sz-legend__tick span{display:block;font-size:.64rem;color:#5b6470;line-height:1.3;margin-top:.1rem}
.sz-hub__upd{font-size:.78rem;color:#8a929c;margin:.2rem 0 1.6rem}
.sz-sec{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid #e7ecf1;padding-bottom:.4rem;margin:0 0 1rem}
.sz-sec h2{font-size:1.25rem;font-weight:600;margin:0}
.sz-hub .sz-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
@media(max-width:1100px){.sz-hub .sz-brands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sz-hub .sz-brands{grid-template-columns:1fr}}
.sz-bcard{background:#fff;border:1px solid #ececec;border-radius:10px;box-shadow:0 6px 16px -4px rgba(0,0,0,.13);padding:1rem 1.1rem}
.sz-bcard h3,.sz-ms h2,.sz-ms__col h3{font-family:'Solezilla','Poppins',Helvetica,Arial,sans-serif}
.sz-bcard h3{margin:0 0 .3rem}
.sz-bcard h3 a{font:inherit;color:inherit;text-decoration:none;font-family:'Solezilla','Poppins',Helvetica,Arial,sans-serif!important}
.sz-bcard__sub{font-size:15px;color:#3a444e;margin:0 0 .9rem}
.sz-list{list-style:none;margin:0;padding:0}
/* Hypescore-leaderboard rij: compact, 1 regel per sneaker (16 jul 2026) */
.sz-row{display:flex;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #f2f4f6}
.sz-row:last-child{border-bottom:0}
.sz-rank{width:1.5rem;height:1.5rem;flex:0 0 auto;border-radius:50%;border:1.5px solid #d7dbe0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#5b6470;font-size:.8rem;font-variant-numeric:tabular-nums}
.sz-rowmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:.14rem}
.sz-rowtitle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;line-height:1.2;min-width:0}
.sz-rowtitle a{font-weight:600;font-size:.96rem;color:#242424;text-decoration:none}
.sz-rowtitle a:hover{color:#ed1c24}
.sz-rowsub{font-size:.8rem;color:#5b6470;min-width:0}
.sz-rowmodel{color:#5b6470;text-decoration:none;font-weight:600}
.sz-rowmodel:hover{color:#ed1c24}
.sz-band{display:inline-flex;align-items:center;line-height:1;padding:4px .8em 3px;border-radius:999px;background:var(--bc);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.05em;flex:0 0 auto;text-transform:uppercase}
.sz-band--seismic{color:#4a3600}
.sz-thumb{flex:0 0 auto;width:54px;height:54px;border-radius:10px;background:#fff;border:1px solid #eef1f4;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px}
.sz-thumb img{width:100%;height:100%;object-fit:contain}
.sz-core{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;padding:0 .35rem;border-radius:12px;line-height:1;flex:0 0 auto;background:color-mix(in srgb,var(--gc) 10%,#fff);border:1px solid color-mix(in srgb,var(--gc) 22%,#fff)}
.sz-core__n{font-size:1.1rem;font-weight:800;color:var(--gc);font-variant-numeric:tabular-nums}
.sz-core__u{font-size:.5rem;font-weight:600;letter-spacing:.06em;color:var(--gc);opacity:.75}
.sz-core--pulse{animation:sz-rad var(--pd,2s) ease-in-out infinite}
@keyframes sz-rad{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--gc) 16%,transparent)}}
@media(prefers-reduced-motion:reduce){.sz-core--pulse{animation:none}}
.sz-ms{margin:1.4rem 0}
.sz-ms__intro{font-size:.98rem;line-height:1.6;margin:0 0 1.1rem}
.sz-ms__tiles{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.2rem}
.sz-ms__tile{flex:1;min-width:150px;background:#f6f8fa;border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}
.sz-ms__big{font-size:1.6rem;font-weight:800;line-height:1}
.sz-ms__lab{font-size:.76rem;color:#5b6470}
.sz-ms__top h2{font-size:1.2rem;font-weight:600;margin:0 0 .5rem}
.sz-ms__hero{display:flex;align-items:center;gap:1rem;background:#f6f8fa;border-radius:12px;padding:.7rem 1.1rem}
.sz-ms__hero .sz-ms__heroscore{margin-left:auto}
.sz-ms__herotxt{text-align:right}
@media(max-width:640px){.sz-model-head{flex-direction:column;align-items:stretch}.sz-ms__hero{margin-top:.5rem}}
.sz-ms__heroscore{font-size:2.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;border-radius:14px;padding:.15rem .45rem;flex:0 0 auto}
.sz-ms__heroscore em{font-size:.8rem;font-style:normal;font-weight:600;margin-left:.12rem;opacity:.7}
.sz-ms__herotxt{display:flex;flex-direction:column;gap:.22rem}
.sz-ms__radlevel{font-weight:600;letter-spacing:.03em;font-size:.92rem}
.sz-model-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.sz-ms__cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:640px){.sz-ms__cols{grid-template-columns:1fr}}
.featured-image-container{position:relative}
.sz-sn-badge{position:absolute;top:16px;right:26px;z-index:6;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:3.2rem;padding:.35rem .55rem;border-radius:12px;background:#fff;border:1px solid #eef1f4;box-shadow:0 4px 16px rgba(29,36,45,.14);text-decoration:none;line-height:1}
.sz-sn-badge__n{font-size:1.5rem;font-weight:800;font-family:'Solezilla',sans-serif}
.sz-sn-badge__u{font-size:.55rem;font-weight:700;letter-spacing:.06em;opacity:.85}
.sz-sn-badge__b{margin-top:.22rem;font-size:.52rem;font-weight:700;color:#fff;padding:.08em .5em;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
@keyframes sz-badge-pulse{0%,100%{box-shadow:0 4px 16px rgba(29,36,45,.14),0 0 0 0 transparent}50%{box-shadow:0 4px 16px rgba(29,36,45,.14),0 0 0 5px color-mix(in srgb,var(--gc) 20%,transparent)}}
.sz-sn-badge.sz-core--pulse{animation:sz-badge-pulse var(--pd,2s) ease-in-out infinite}
.sz-hs-explain{flex:1 1 100%;width:100%;box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:10px;box-shadow:0 4px 18px rgba(29,36,45,.10);padding:1.15rem 1.35rem;margin:1.4rem 0;scroll-margin-top:90px}
.sz-hs-explain__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}
.sz-hs-explain h2,.sz-hs-explain h3{font-family:'Solezilla','Poppins',sans-serif}
.sz-hs-explain__score{display:flex;align-items:center;gap:.6rem}
.sz-hs-explain__band{font-weight:600;font-size:.9rem;letter-spacing:.03em}
.sz-hs-explain__lead{font-size:1.05rem;line-height:1.6}
.sz-hs-scale{position:relative;margin:2.6rem 0 1.7rem}
.sz-hs-scale .sz-legend__bar{height:14px}
.sz-hs-scale__marker{position:absolute;top:7px;transform:translate(-50%,-50%);z-index:2}
.sz-hs-scale__lvl{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;font-weight:700;font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-family:'Solezilla','Poppins',sans-serif}
/* == SZ-HYPESCORE END == */
/* ===== [sz_brands] merken-etalage (sz-brands-directory mu-plugin) ===== */
.sz-bhub .sz-answer-block{margin-bottom:2rem}
/* tekstkleur expliciet zetten (thema legt anders een override op) */
.sz-bhub{color:#242424}
.sz-bhub .sz-answer-block,.sz-bhub .sz-answer-block p{color:#3a444e !important}
.sz-bhub .sz-btier__lead{color:#5b6470 !important}
.sz-bcard-b,.sz-bcard-b .sz-bname{color:#242424 !important}
.sz-baz{color:#242424 !important}
.sz-bhub h2,.sz-bhub h3{color:#1D242D}
.sz-btier{margin:0 0 2.6rem}
.sz-btier h2{margin:0 0 .2rem}
.sz-btier__lead{color:#5b6470;margin:0 0 1.1rem}
.sz-btier__lead strong{color:#242424}
.sz-bgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:900px){.sz-bgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sz-bgrid{grid-template-columns:1fr}}
.sz-bcard-b{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px 18px;background:#fff;border:1px solid #ececec;border-radius:10px;box-shadow:0 6px 16px -4px rgba(0,0,0,.13);text-decoration:none;color:#242424;transition:box-shadow .16s,transform .16s,border-color .16s;min-height:158px}
.sz-bcard-b:hover{box-shadow:0 10px 24px -4px rgba(0,0,0,.18);transform:translateY(-2px);border-color:#ddd}
.sz-blogo{display:flex;align-items:center;height:56px;margin-bottom:6px}
.sz-blogo img{max-height:56px;max-width:150px;width:auto;object-fit:contain}
.sz-bname{font-weight:600;font-size:1.08rem;line-height:1.22}
.sz-bcard-b:hover .sz-bname{color:#ed1c24}
.sz-bcount{font-size:.8rem;color:#8a949d}
.sz-btag{margin-top:5px;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#C8A24B}
/* GSv-badge in de card-corner — hergebruikt .sz-sn-badge, compacter */
.sz-bcard-b .sz-sn-badge{top:12px;right:12px;min-width:2.7rem;padding:.28rem .45rem}
.sz-bcard-b .sz-sn-badge__n{font-size:1.15rem}
.sz-bcard-b .sz-sn-badge__u{font-size:.5rem}
.sz-bcard-b .sz-sn-badge__b{font-size:.48rem}
/* A-Z */
.sz-bsearch{position:relative;max-width:560px;margin:0 0 1.4rem}
.sz-bsearch input{width:100%;box-sizing:border-box;padding:15px 18px 15px 48px;border:2px solid #e3e8ec;border-radius:12px;font-size:1.02rem;font-family:inherit;color:#242424 !important;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.sz-bsearch input::placeholder{color:#9aa4ad;opacity:1}
.sz-bsearch input:focus{border-color:#00AAFF;box-shadow:0 0 0 4px rgba(0,170,255,.14)}
.sz-bsearch:before{content:"";position:absolute;left:17px;top:50%;transform:translateY(-50%);width:19px;height:19px;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377828c' stroke-width='2.2' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M21 21l-4.3-4.3'/></svg>")}
.sz-bazlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px 20px}
@media(max-width:900px){.sz-bazlist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.sz-bazlist{grid-template-columns:1fr}}
.sz-baz{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 3px;border-bottom:1px solid #f0f3f5;text-decoration:none;color:#242424;font-size:.93rem}
.sz-baz:hover{color:#ed1c24}
.sz-baz span{font-size:.76rem;color:#aab3bb}
.sz-boutro h2{margin-top:0}

/* ===== sz_brand merkpagina-content (14 jul 2026) — centraal; hergebruikt .model-faq/.sz-submodel-grid conventies ===== */
.fwpl-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;} /* override FacetWP inline grid (idem model-template) */
.sz-brand-intro{font-size:1.06rem;color:#3a444e;line-height:1.55;margin:.3rem 0 .6rem;} /* intro niet bold */
.sz-blong-title{margin:26px 0 8px;} /* H2 = enkel merknaam (H1 heeft al 'sneakers') */
.sz-blong{margin:0 0 10px;color:#3a444e;line-height:1.65;}
.sz-bfaq{margin:26px 0 10px;}
.sz-bfaq-title{font-weight:700;color:#1D242D;margin:0 0 .5rem;} /* FAQ-kop = H2 (uniform met model/designer), bold */
.sz-bmodel-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 10px;} /* max 20 = 4 rijen desktop */
.sz-bmodel-grid .sz-submodel-btn{display:block;text-align:center;} /* knoppen vullen de kolom */
@media(max-width:782px){.sz-bmodel-grid{grid-template-columns:repeat(2,1fr);}} /* 2 kolommen mobiel */
.sz-faq{border-bottom:1px solid #eef1f4;}
.sz-faq summary{cursor:pointer;font-weight:600;padding:.85rem 0;list-style:none;color:#1D242D;}
.sz-faq summary::-webkit-details-marker{display:none;}
.sz-faq summary:before{content:"+";color:#ED1C24;font-weight:700;margin-right:.6rem;display:inline-block;width:1ch;} /* thema-rood */
.sz-faq[open] summary:before{content:"\2013";}
.sz-faq>div{color:#3a444e;line-height:1.6;padding:0 0 .9rem 1.6rem;}
.sz-faq a{color:#ED1C24;}
.sz-bfoot-logo{display:flex;justify-content:flex-end;margin:24px 0 10px;} /* logo onderaan rechts */
.sz-bfoot-logo img{max-height:60px;max-width:180px;width:auto;object-fit:contain;opacity:.92;}

/* sz-model-desc — modelbeschrijving: ruime alinea-spacing, vloeiend zonder tussenkopjes (Mark 15 jul) */
.sz-model-desc p{margin:0 0 1.25em;line-height:1.7;}
.sz-model-desc p:last-child{margin-bottom:0;}

/* ===== sz-family: silhouet-geschiedenis + timeline (16 jul 2026) — centraal, thema-rood ===== */
.sz-family-history{margin:26px 0 6px;}
.sz-family-timeline{margin:34px 0 10px;}
.sz-family-timeline > h2{margin-bottom:20px;}
.sz-timeline{list-style:none;margin:0;padding:0;position:relative;}
.sz-timeline:before{content:"";position:absolute;left:88px;top:8px;bottom:14px;width:2px;background:#ececec;}
.sz-tl-item{position:relative;display:grid;grid-template-columns:78px 1fr;gap:22px;padding:0 0 20px;align-items:start;}
.sz-tl-item:before{content:"";position:absolute;left:82px;top:17px;width:13px;height:13px;border-radius:50%;background:#ED1C24;border:3px solid #fff;box-shadow:0 0 0 2px #ED1C24;z-index:1;}
.sz-tl-year{font-weight:800;font-size:21px;line-height:1;color:#171717;text-align:right;padding-top:12px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.sz-tl-body{background:#fff;border:1px solid #ededed;border-radius:12px;padding:13px 18px;box-shadow:0 7px 18px -8px rgba(0,0,0,.13);}
.sz-tl-model{margin:0 0 3px;font-size:17px;font-weight:700;line-height:1.2;}
.sz-tl-model a{color:#171717 !important;text-decoration:none;}
.sz-tl-model a:hover{color:#ED1C24 !important;}
.sz-tl-count{font-size:var(--sz-meta);font-weight:600;color:var(--sz-muted);margin-left:8px;white-space:nowrap;}
.sz-tl-body p{margin:0;color:var(--sz-muted);font-size:var(--sz-text);line-height:1.6;}
@media(max-width:600px){
  .sz-timeline:before{left:60px;}
  .sz-tl-item{grid-template-columns:50px 1fr;gap:15px;}
  .sz-tl-item:before{left:54px;top:16px;}
  .sz-tl-year{font-size:16px;padding-top:11px;}
  .sz-tl-model{font-size:16px;}
}

/* ===== designer-archief (16 jul 2026) — centraal; hergebruikt .sz-blong/.sz-faq/.sz-bmodel-grid ===== */
/* 22-07-2026: eigen max-width (70ch/72ch) en per-blok afwijkende marges verwijderd. Die maakten
   de tekst smaller dan de rest van de pagina en gaven elk tekstblok een andere afstand - precies
   wat de styleguide verbiedt ("voeg GEEN eigen max-width toe", content links uitlijnen).
   Intro en vergelijk-intro dragen nu .sz-blong, net als de lange tekst, zodat alle tekstblokken
   dezelfde breedte, kleur, regelhoogte en marge krijgen. */
.sz-designer-intro{font-size:1.05rem;}
/* FacetWP-grid: verplaatst uit inline <style> in archive-sneaker-model.php (no-op waar .fwpl-layout ontbreekt) */
.fwpl-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;}

/* ===== sz-blogcards: laatste artikelen op merk-/modelpagina (16 jul 2026) — centraal ===== */
.sz-blogcards{margin:30px 0 10px;}
.sz-blogcards__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px;}
@media(max-width:900px){.sz-blogcards__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.sz-blogcards__grid{grid-template-columns:1fr;}}
a.sz-blogcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--sz-cardline);border-radius:12px;overflow:hidden;text-decoration:none;color:#171717;box-shadow:0 6px 16px -4px rgba(0,0,0,.13);transition:border-color .15s,transform .15s;}
a.sz-blogcard:hover{border-color:#ED1C24;transform:translateY(-2px);}
.sz-blogcard__img{display:block;aspect-ratio:16/9;background:#f6f8fa;overflow:hidden;}
.sz-blogcard__img img{width:100%;height:100%;object-fit:cover;display:block;}
.sz-blogcard__body{padding:10px 12px 13px;display:flex;flex-direction:column;gap:4px;}
.sz-blogcard__date{font-size:var(--sz-meta);color:var(--sz-muted);letter-spacing:.02em;}
.sz-blogcard__title{font-size:var(--sz-text);font-weight:600;line-height:1.3;color:var(--sz-ink);}
a.sz-blogcard:hover .sz-blogcard__title{color:#ED1C24 !important;}

/* ===== sz-sneaker-news: uitgelicht artikel op de sneakerpagina (16 jul 2026) — centraal;
   was inline <style> in sz-blog-sidebar.php. Altijd 1 artikel per sneaker -> brede kaart. ===== */
.sz-sneaker-news{margin:30px 0;}
.sz-sneaker-news h2{font-size:1.2rem;margin:0 0 14px;color:#1D242D;}
a.sz-newscard{display:flex;gap:18px;align-items:stretch;text-decoration:none;color:var(--sz-ink);
  background:#fff;border:1px solid #ececec;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 16px -4px rgba(0,0,0,.13);transition:border-color .15s,transform .15s;}
a.sz-newscard:hover{border-color:#ED1C24;transform:translateY(-2px);}
.sz-newscard__img{flex:0 0 220px;background:#f6f8fa;overflow:hidden;}
/* 10px lucht + multiply: witte productachtergrond valt weg in het grijze vlak (sneakers4u-truc).
   Werkt bij witte-bg-shots; bij transparante PNG's is het effect op #f6f8fa verwaarloosbaar. */
.sz-newscard__img img{width:100%;height:100%;padding:10px;box-sizing:border-box;object-fit:contain;display:block;mix-blend-mode:multiply;}
.sz-newscard__body{display:flex;flex-direction:column;gap:6px;padding:16px 20px;min-width:0;justify-content:center;}
.sz-newscard__date{font-size:var(--sz-meta);color:var(--sz-muted);}
.sz-newscard__title{font-size:17px;font-weight:700;line-height:1.3;color:var(--sz-ink) !important;} /* thema forceert link-rood -> expliciet zwart */
a.sz-newscard:hover .sz-newscard__title{color:#ED1C24 !important;}
.sz-newscard__excerpt{font-size:var(--sz-text);line-height:1.6;color:var(--sz-ink);}
/* Herbruikbare CTA-stijl: rood, bold, geen underline. Gedeeld door de newscard en losse
   tekst-CTA's (bv. "Zo werkt de Hypescore"). !important want het thema forceert linkstijl. */
.sz-newscard__cta,a.sz-cta{font-size:var(--sz-text-sm);font-weight:700;color:#ED1C24 !important;text-decoration:none !important;}
.sz-newscard__cta{margin-top:4px;}
a.sz-cta{display:inline-block;margin-top:2px;}
a.sz-cta:hover{color:#c9151c !important;text-decoration:none !important;}
@media(max-width:640px){
  a.sz-newscard{flex-direction:column;}
  .sz-newscard__img{flex:none;aspect-ratio:16/9;}
  .sz-newscard__body{padding:14px 16px 18px;}
}
/* excerpt op de blogcards (16 jul 2026) — 3 regels clamp zodat kaarten even hoog blijven */
.sz-blogcard__excerpt{font-size:var(--sz-text-sm);line-height:1.5;color:var(--sz-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.sz-blogcard__body{gap:5px;}

/* ===== blogpagina-CSS (16 jul 2026) — GEMIGREERD uit de inline <style id="sz-blogside-css">
   die sz-blog-sidebar.php in wp_head echode. Styleguide: CSS centraal, geen echo in wp_head.
   Meteen rechtgetrokken: --sz-red -> #ED1C24 (huisstijl) en .sz-blogslide img krijgt een
   crop (object-fit:cover) zodat de witruimte boven/onder wegvalt en de sneaker groter wordt. ===== */

:root{--sz-ink:#1D242D;--sz-muted:#6b7280;--sz-panel:#f6f7f8;--sz-line:rgba(29,36,45,.22);--sz-red:#ED1C24;--sz-cardline:#ececec;--sz-cardshadow:0 6px 16px -4px rgba(0,0,0,.13)}
body.single-post .entry-meta,body.single-post .entry-footer{display:none}
.sz-byline__upd{color:var(--sz-muted)}
.sz-blogcats{font-size:.85rem;color:var(--sz-muted);margin:24px 0 0}
.sz-blogcats a{color:var(--sz-ink)!important;text-decoration:none;border-bottom:1px solid var(--sz-line)}
.sz-blogcats a:hover{border-bottom-color:var(--sz-ink)}
.sz-blogtop{font-size:.95rem;font-weight:600;margin:0 0 6px}
.sz-blogtop .sz-sep{margin:0 8px;color:#c4c9cf}
.sz-bloglink{color:var(--sz-ink)!important;text-decoration:none;border-bottom:1px solid var(--sz-line)}
.sz-bloglink:hover{border-bottom-color:var(--sz-ink)}
.sz-byline{font-size:.85rem;color:var(--sz-muted);margin:0 0 4px}
.sz-authorbio{display:flex;gap:18px;align-items:center;margin:36px 0 0;padding:20px 22px;background:#fff;border:1px solid var(--sz-cardline);border-radius:14px;box-shadow:var(--sz-cardshadow)}
.sz-authorbio__ph{flex:none;display:block}
.sz-authorbio__ph img{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 2px 8px rgba(29,36,45,.14)}
.sz-authorbio__t strong{display:block;margin-bottom:4px;color:var(--sz-ink)}
.sz-authorbio__t strong a{color:var(--sz-ink)!important;text-decoration:none}
.sz-authorbio__t strong a:hover{text-decoration:underline}
.sz-authorbio__t p{margin:0;font-size:.92rem;color:#3a424c;line-height:1.5}
.sz-blogwrap{display:flex;gap:34px;align-items:flex-start}
.sz-blogmain{flex:3 1 0;min-width:0}
.sz-blogside{flex:2 1 0;min-width:0;position:sticky;top:24px}
body.single-post .post-thumbnail{display:none}
.sz-blogslider{position:relative;max-width:680px;margin:0 auto 26px;background:#f2f2f2;border-radius:16px;transition:background .25s}
/* Als de slider als header boven #primary staat: eigen, breed te stylen blok */
.sz-bloghero{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-15px;margin-bottom:0;border-radius:0}
.sz-bloghero .sz-blogslide{padding:26px 40px}
.sz-bloghero .sz-blogslide img{width:90%;max-width:640px;height:380px;object-fit:contain}
.sz-bloghero .sz-blogslider__prev{left:24px}
.sz-bloghero .sz-blogslider__next{right:24px}
.sz-blogslider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:16px}
.sz-blogslider__track::-webkit-scrollbar{display:none}
.sz-blogslide{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:16px 30px;background:transparent}
.sz-blogslide img{width:100%;max-width:560px;height:auto;display:block}
.sz-blogslider__nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 3px 12px rgba(29,36,45,.2);color:var(--sz-ink);font-size:1.4rem;line-height:1;cursor:pointer;display:none;z-index:3}
.sz-blogslider.is-multi .sz-blogslider__nav{display:block}
.sz-blogslider__prev{left:-20px}.sz-blogslider__next{right:-20px}
.sz-blogslider__dots{display:flex;gap:6px;justify-content:center;position:relative;z-index:3;margin-top:-50px;padding-bottom:20px}
.sz-blogslider__dots span{width:7px;height:7px;border-radius:50%;background:var(--sz-line);cursor:pointer}
.sz-blogslider__dots span.on{background:var(--sz-ink)}
.sz-blogmeta{font-size:.85rem;color:var(--sz-muted);margin:0 0 20px;font-style:italic}
.sz-blogside h3{font-size:1.05rem;margin:0 0 12px;font-weight:700;color:var(--sz-ink)}
.sz-blogside__cmp{background:#fff;border:1px solid var(--sz-cardline);box-shadow:var(--sz-cardshadow);border-radius:14px;padding:18px 20px;margin-bottom:26px}
.sz-blogside__cmp .shop.row{font-size:.9rem}
.sz-blogside__all{display:inline-block;margin-top:16px;background:var(--sz-red);color:#fff!important;text-transform:uppercase;font-weight:700;letter-spacing:.02em;font-size:.82rem;padding:12px 20px;border-radius:8px;text-decoration:none}
.sz-blogside__all:hover{filter:brightness(.92)}
.sz-blogside__rel{background:#fff;border:1px solid var(--sz-cardline);border-radius:14px;box-shadow:var(--sz-cardshadow);padding:18px 20px}
.sz-blogside__rel h3{margin-top:0}
.sz-blogside__rel ul{list-style:none;margin:0;padding:0}
.sz-blogside__rel li{margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #f1f1f1}
.sz-blogside__rel li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.sz-blogside__rel a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--sz-ink)!important}
.sz-blogside__rel img{width:62px;height:62px;object-fit:cover;border-radius:10px;flex:none;background:#f2f2f2}
.sz-blogside__rel span{font-size:.9rem;line-height:1.3;font-weight:500}
body.single-post .post-navigation{max-width:900px;margin:34px auto 8px;border-top:1px solid #ececec;padding-top:22px}
body.single-post .post-navigation .nav-links{display:flex;gap:14px;justify-content:space-between}
body.single-post .post-navigation .nav-previous,body.single-post .post-navigation .nav-next{flex:1 1 0;min-width:0}
body.single-post .post-navigation .nav-next{text-align:right}
body.single-post .post-navigation a{position:relative;display:inline-block;max-width:100%;padding:12px 18px;border:1px solid var(--sz-cardline);border-radius:14px;background:#fff;box-shadow:var(--sz-cardshadow);color:var(--sz-ink)!important;text-decoration:none;font-weight:600;font-size:.88rem;line-height:1.35;transition:border-color .15s,box-shadow .15s}
body.single-post .post-navigation a:hover{border-color:var(--sz-ink);box-shadow:0 8px 22px rgba(29,36,45,.12)}
body.single-post .post-navigation .nav-previous a{padding-left:44px}
body.single-post .post-navigation .nav-next a{padding-right:44px}
body.single-post .post-navigation .nav-previous a::before,body.single-post .post-navigation .nav-next a::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain}
body.single-post .post-navigation .nav-previous a::before{left:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231D242D%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2715 18 9 12 15 6%27/%3E%3C/svg%3E")}
body.single-post .post-navigation .nav-next a::after{right:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%231D242D%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%279 18 15 12 9 6%27/%3E%3C/svg%3E")}
@media(max-width:900px){.sz-blogwrap{flex-direction:column}.sz-blogside{width:100%;flex-basis:auto;position:static}}
@media(max-width:760px){.sz-blogslider__prev{left:2px}.sz-blogslider__next{right:2px}
/* Blog-hero op mobiel: het beeldvak werd 266x380 (staand) terwijl sneakerfoto's vierkant
   zijn, dus sneed object-fit:cover links en rechts de schoen af. Op mobiel dus contain +
   volle breedte en minder padding; vaste hoogte zodat de slider niet springt per slide. */
.sz-bloghero .sz-blogslide{padding:16px 14px}
.sz-bloghero .sz-blogslide img{width:100%;max-width:none;height:300px;object-fit:contain}}

/* == SZ-CRUMBS START == */
/* Kruimels onder de H1: absoluut, dus ze nemen geen hoogte in en de afbeelding/shoplijst
   schuiven omhoog; de kruimels vallen over de (meestal witte) bovenrand van de foto.
   top/left bewust auto => browser houdt de statische positie aan, uitlijning met de H1 blijft. */
.sz-fw-title-col .sz-blogtop{position:absolute;margin:6px 0 0;z-index:3}
/* == SZ-CRUMBS END == */
/* == SZ-BLOGARCHIVE START == */
/* Blog-archief (category/tag/author). Gemigreerd uit de wp_head-echo in sz-blog-sidebar.php.
   Kaarten = de bestaande horizontale .sz-newscard (~r.1687), dus geen eigen kaart-CSS:
   de oude .sz-bcard__*-regels zijn met de markup vervallen (die gaven kaart-in-kaart). */
.sz-blogarchive .sz-archhead{margin:0 0 28px}
.sz-blogarchive .sz-archhead .page-title{margin:0 0 10px;font-size:1.9rem;color:var(--sz-ink)}
.sz-blogarchive .sz-archdesc{color:#3a424c;line-height:1.6;font-size:1rem}
.sz-blogarchive .sz-archhead--author{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--sz-cardline);border-radius:14px;box-shadow:var(--sz-cardshadow);padding:22px 24px}
.sz-blogarchive .sz-archhead__ph{width:88px;height:88px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 2px 8px rgba(29,36,45,.14)}
.sz-blogarchive .sz-archhead--author .page-title{font-size:1.5rem;margin:0 0 6px}
.sz-blogarchive .sz-archbio{margin:0;color:#3a424c;line-height:1.55;font-size:.95rem}
/* horizontale blokken: 2 per rij desktop, 1 vanaf tablet */
.sz-bloggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
@media(max-width:1100px){.sz-bloggrid{grid-template-columns:1fr;gap:18px}}
.sz-bitem{margin:0;min-width:0}
.sz-bitem .sz-newscard{height:100%}
/* paginatie */
.sz-blogarchive .pagination,.sz-blogarchive .nav-links{margin-top:30px}
.sz-blogarchive .nav-links .page-numbers{display:inline-block;padding:8px 13px;margin:0 3px;border:1px solid #e2e4e6;border-radius:9px;color:var(--sz-ink)!important;text-decoration:none;font-size:.9rem}
.sz-blogarchive .nav-links .page-numbers.current{background:var(--sz-ink);color:#fff!important;border-color:var(--sz-ink)}
/* == SZ-BLOGARCHIVE END == */





/* == SZ-SHOPINFO START == */
/* Vergelijker-regel leesbaarder op desktop: 7pt -> 9pt (Mark, 16 jul 2026).
   LET OP 1: solezilla-base/style.css:426 zet .shop-info{font-size:7pt} met DEZELFDE specificiteit als
   de .shop-info{font-size:0.75rem} in lean (r.1043) — base laadt later en wint dus op volgorde.
   Daarom hier een selector die op SPECIFICITEIT wint, zonder base aan te raken.
   LET OP 2: de rij is een DIV (class="shop row"), geen <a>. De CONDLINES-regels hierboven gebruiken
   a.shop.row — die matchen deze rij niet. Niet klakkeloos overnemen.
   Alleen desktop: .sz-mob houdt 7pt, daar is de ruimte krap. */
.shop.row:not(.sz-mob) .shop-info{font-size:9pt}
/* == SZ-SHOPINFO END == */


/* == SZ-DUTIES START == */
/* Invoerrechten-vlag in de vergelijker-regel (sz-offer-importer.php), per shop DDP/DDU
   (webshop-term, zie sz-webshop-duties.php):
     .sz-duties          -> "Incl. invoer & btw"        (DDP: Stadium Goods, StockX)
     .sz-duties--nee     -> "Let op excl. invoer & btw" (DDU: Offspring/UK)

   Het TAX-label is een CSS-mask, geen <img>: neemt de tekstkleur over (currentColor), staat EEN keer
   centraal i.p.v. per rij in de HTML, en kost geen extra request.

   LET OP: de span krijgt display:inline-flex !important van SZ-LEAN-CONDLINES hierboven
   (a.shop.row:not(.sz-mob) .shop-info > div:first-child > span) — dat is niet hier gezet en niet te
   overrulen zonder die regel aan te passen. Het ::before krijgt daarom display:inline-block +
   vertical-align:middle als vangnet: nodig zodra de span WEL inline is (bv. mobiel), zinloos maar
   onschadelijk zolang de flex-regel wint.
   Verhouding 2.14:1; mask-size contain behoudt die, dus 2.5em x 1.6em = label ~2.5em breed (past ruim in de rij). */
.sz-duties{white-space:nowrap;padding-left:5px}
.sz-duties::before{
  content:"";
  display:inline-block;vertical-align:middle;
  /* HOOGTE stuurt de grootte; breedte ruim genoeg zodat mask-size:contain niet op de breedte begrenst.
     Anders krimpt het label ook in hoogte en zweeft het in loze ruimte -> lijkt scheef. Geen top-nudge nodig:
     de flex-regel (align-items:center) centreert 'm al. */
  width:3em;height:1.4em;margin-right:6px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 512 238.819'%3E%3Cpath fill-rule='nonzero' d='M108.214 15.098L13.589 125.339l94.625 97.479 365.194 2.392c12.613.084 23.194-9.59 23.116-22.383l1.899-164.915c.241-12.78-9.607-22.931-22.381-23.114l-367.828.3zm264.069 58.115l10.2 24.687h1.479l10.2-24.687h32.078l-20.548 44.644 20.548 47.748h-32.817l-11.088-26.609h-1.33l-10.939 26.609h-31.34l20.105-46.861-20.105-45.531h33.557zm-97.492 92.392h-31.192l23.949-92.392h45.678l23.948 92.392h-31.191l-3.4-14.635h-24.392l-3.4 14.635zm14.783-64.009l-6.061 25.87h13.6l-5.913-25.87h-1.626zm-43.092-4.73h-21.435v68.739h-29.565V96.866h-21.435V73.213h72.435v23.653zm-174.07 5.456c4.863-5.031 10.798-7.617 17.768-7.788 7-.207 13.15 2.116 18.444 6.968 4.997 4.832 7.55 10.8 7.695 17.872.075 7.072-2.285 13.123-7.116 18.12-4.693 5.122-10.625 7.775-17.76 7.987-7.101.176-13.184-2.146-18.215-7.011-5.134-4.959-7.789-10.956-7.899-18.063-.11-7.038 2.25-13.088 7.083-18.085zM3.263 116.504L97.888 6.264c2.505-2.894 6.201-4.736 10.326-4.736 121.671-.099 247.056-3.184 368.26-.298 10.07.217 18.993 4.337 25.376 10.929 6.375 6.574 10.21 15.55 10.149 25.509-.322 54.079-1.242 108.25-1.869 162.337-.014 1.609-.011 3.026-.073 4.6-.432 9.593-4.567 17.996-10.956 24.081-6.214 5.92-14.603 9.623-23.77 10.053-1.255.152-1.982.042-3.157.034l-363.451-2.381a13.54 13.54 0 01-10.247-4.101L4.051 135.018c-5.045-4.961-5.457-13.056-.788-18.514z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' viewBox='0 0 512 238.819'%3E%3Cpath fill-rule='nonzero' d='M108.214 15.098L13.589 125.339l94.625 97.479 365.194 2.392c12.613.084 23.194-9.59 23.116-22.383l1.899-164.915c.241-12.78-9.607-22.931-22.381-23.114l-367.828.3zm264.069 58.115l10.2 24.687h1.479l10.2-24.687h32.078l-20.548 44.644 20.548 47.748h-32.817l-11.088-26.609h-1.33l-10.939 26.609h-31.34l20.105-46.861-20.105-45.531h33.557zm-97.492 92.392h-31.192l23.949-92.392h45.678l23.948 92.392h-31.191l-3.4-14.635h-24.392l-3.4 14.635zm14.783-64.009l-6.061 25.87h13.6l-5.913-25.87h-1.626zm-43.092-4.73h-21.435v68.739h-29.565V96.866h-21.435V73.213h72.435v23.653zm-174.07 5.456c4.863-5.031 10.798-7.617 17.768-7.788 7-.207 13.15 2.116 18.444 6.968 4.997 4.832 7.55 10.8 7.695 17.872.075 7.072-2.285 13.123-7.116 18.12-4.693 5.122-10.625 7.775-17.76 7.987-7.101.176-13.184-2.146-18.215-7.011-5.134-4.959-7.789-10.956-7.899-18.063-.11-7.038 2.25-13.088 7.083-18.085zM3.263 116.504L97.888 6.264c2.505-2.894 6.201-4.736 10.326-4.736 121.671-.099 247.056-3.184 368.26-.298 10.07.217 18.993 4.337 25.376 10.929 6.375 6.574 10.21 15.55 10.149 25.509-.322 54.079-1.242 108.25-1.869 162.337-.014 1.609-.011 3.026-.073 4.6-.432 9.593-4.567 17.996-10.956 24.081-6.214 5.92-14.603 9.623-23.77 10.053-1.255.152-1.982.042-3.157.034l-363.451-2.381a13.54 13.54 0 01-10.247-4.101L4.051 135.018c-5.045-4.961-5.457-13.056-.788-18.514z'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* DDU is een waarschuwing, geen mededeling: amber. */
.sz-duties--nee{color:#b45309}
/* == SZ-DUTIES END == */

/* == SZ-RELEASE-CALENDAR START ==
   Release-agenda ([sz_release_calendar]). Kaarten erven loopsneaker-single (archiefstyling);
   paginatie erft de FacetWP-pager (.facetwp-facet-pagination). Hier: toggle, datumkop, pager-marge.
   Interactie/urgentie = rood #ED1C24. */
.sz-relcal-toggle{display:inline-flex;background:#f0f3f6;border-radius:12px;padding:5px;gap:4px;margin:4px 0 24px}
.sz-relcal-tgl{padding:9px 22px;border-radius:9px;font-weight:600;font-size:.95rem;text-decoration:none;color:#68727d;transition:.12s background,.12s color;white-space:nowrap}
.sz-relcal-tgl.is-on{background:#1D242D;color:#fff}
.sz-relcal-tgl:hover:not(.is-on){color:#1D242D}
.sz-relcal-band{margin:0 0 10px}
.sz-relcal-date{font-size:1.15rem;font-weight:700;margin:22px 0 6px;padding-bottom:8px;border-bottom:1px solid #eef1f4}
.sz-relcal-date.is-fut .sz-relcal-rel{color:#ED1C24}
.sz-relcal-rel{font-weight:600;font-size:.85rem;color:#68727d}
.sz-relcal-empty{color:#68727d}
.sz-relcal-pager{margin-top:26px}
/* == SZ-RELEASE-CALENDAR END == */

/* == SZ-HYPESCORE-FIX == huisstijl-consistentie op de Hypescore-hub:
   één rood (#ED1C24 i.p.v. #E30613), één gedempt grijs (#5b6470), en styling voor het GSv-bereik in de legenda. */
.sz-gsv{color:#ED1C24}
.sz-hub__upd{color:#5b6470}
.sz-legend__gsv{display:block;font-size:.66rem;font-weight:700;color:#5b6470;margin-top:.12rem}
/* == SZ-HYPESCORE-FIX END == */
.sz-legend__bar{background:linear-gradient(90deg,#1E88E5 10%,#00AAFF 30%,#EAA400 50%,#F26100 70%,#ED1C24 90%)}

/* == SZ-404 == recovery-hub: zoek + snelle routes naar de heetste modellen, huisstijl-consistent (links uitgelijnd, geen eigen max-width) == */
.sz-404{padding:2.5rem 0 3.5rem}
.sz-404__code{font-family:'Solezilla','Poppins',sans-serif;font-size:4rem;line-height:1;color:#ED1C24;margin:0 0 .3rem}
.sz-404__title{color:#1D242D;font-size:1.7rem;margin:0 0 1rem}
.sz-404__lead{color:#5b6470;margin:0 0 2rem;max-width:60ch}
.sz-404__search{margin:0 0 2.4rem}
.sz-404__nav{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 2.6rem}
.sz-404__route{display:inline-block;padding:.55rem 1.1rem;border:2px solid #ED1C24;border-radius:999px;color:#ED1C24;font-weight:700;text-decoration:none;transition:background .15s,color .15s}
.sz-404__route:hover{background:#ED1C24;color:#fff}
.sz-404__h2{color:#1D242D;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}
.sz-404__models{list-style:none;padding:0;margin:0 0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}
.sz-404__models a{display:block;padding:.85rem 1rem;background:#f5f6f7;border-radius:10px;color:#1D242D;font-weight:600;text-decoration:none;transition:background .15s,color .15s}
.sz-404__models a:hover{background:#ED1C24;color:#fff}
/* == SZ-404 END == */

/* ===== SZ-TICKER — Hypescore-beweging (sz-home-blocks.php) ===================== */
.sz-ticker{position:relative;overflow:hidden;border-top:1px solid #eef1f4;border-bottom:1px solid #eef1f4;padding:10px 0;display:flex;align-items:center;gap:14px}
.sz-ticker__lab{flex:0 0 auto;padding-left:4px;font-weight:700;color:#1D242D;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}
.sz-ticker__track{display:flex;align-items:center;width:max-content;animation:sz-tickmove 60s linear infinite}
.sz-ticker__track>span{display:flex;align-items:center}
.sz-ticker:hover .sz-ticker__track{animation-play-state:paused}
.sz-tick{display:inline-flex;align-items:baseline;gap:8px;padding:0 18px;border-right:1px solid #f3f3f3;white-space:nowrap;text-decoration:none}
.sz-tick__t{color:#1D242D;font-weight:600;font-size:.86rem}
.sz-tick:hover .sz-tick__t{color:#ED1C24}
.sz-tick__d{font-weight:700;font-size:.82rem}
.sz-tick__d--up{color:#ED1C24}
.sz-tick__d--dn{color:#7b8794}
.sz-tick__s{font-size:.78rem;font-weight:700}
@keyframes sz-tickmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sz-ticker__track{animation:none}.sz-ticker{overflow-x:auto}}
/* ===== EINDE SZ-TICKER ======================================================== */

/* ===== SZ-SLIDER — releases als schuivende sneakerkaarten (sz-home-blocks.php) ==
   Draait op Swiper 4.0.7, dezelfde motor als de merkenstrook op de homepage.
   De kaart is de ONGEWIJZIGDE .acard/.card uit loopsneaker-single.php: het 240px-fotovak,
   mix-blend-mode:darken op .product-photo-img en de nowrap-titel komen allemaal uit
   solezilla-base/style.css. Daarom staan hier alleen de regels die die kaart binnen een
   swiper-slide laten passen - niets dat het uiterlijk van de kaart zelf verandert. */
.sz-slider{margin:24px 0}
.sz-slider__h{margin:0 0 12px;color:#1D242D}
.sz-rel-swiper{overflow:hidden}
.sz-rel-swiper .swiper-wrapper{align-items:stretch}
.sz-rel-swiper .swiper-slide{height:auto;display:flex}
.sz-rel-swiper .acard{width:100%;padding:0;float:none;display:flex}
/* height:100% op de kaart en flex:1 op de info: zonder dat rekt alleen de slide mee en niet
   de kaart erbinnen, en verspringt de onderrand per kaart. margin-top:auto duwt prijs+shops
   naar beneden zodat die balk op elke kaart op dezelfde hoogte staat. */
.sz-rel-swiper .card{width:100%;height:100%;display:flex;flex-direction:column}
.sz-rel-swiper .card>a{display:flex;flex-direction:column;height:100%;width:100%}
.sz-rel-swiper .info-container{display:flex;flex-direction:column;flex:1}
.sz-rel-swiper .product-properties{margin-top:auto}
/* Releasedatum met kalender-icoon, op de plek van de stylecode.
   nowrap is nodig voor de gelijke hoogte: een lang datumlabel brak af naar twee regels en
   maakte die kaarten 16px hoger dan die van de andere slider (33px vs 17px, gemeten 20 jul). */
.sz-caldate{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;overflow:hidden}
.sz-caldate .sz-cal{flex:0 0 auto;opacity:.75}
/* Rode doorverwijsknop. Gevuld rood (#ED1C24 = de interactiekleur uit de styleguide);
   de bestaande .sz-submodel-btn is bewust wit met rode hover en blijft ongemoeid. */
a.sz-cta{display:inline-block;padding:10px 18px;border-radius:4px;background:#ED1C24;
  color:#fff !important;font-weight:600;text-decoration:none;white-space:nowrap;line-height:1.2}
a.sz-cta:hover,a.sz-cta:focus{background:#c4161c;color:#fff !important}

/* Plaatsing zonder dubbele markup, via FLEX + order (bewust GEEN grid).
   GESCHIEDENIS: een grid met een item dat 1/-1 spant constrainde de swiper-container NIET,
   ook niet met min-width:0 (gemeten 20 jul: container 402.384px, later 122.404px). Swiper
   berekende de slidebreedte op die opgeblazen maat -> alle kaarten op volle breedte. Flex met
   een expliciete flex-basis van 100% + min-width:0 houdt de container wél op de sectiebreedte.
   DOM-volgorde is: kop, (sub), slider/grid, knop. order zet ze goed:
   desktop = kop + knop op regel 1, inhoud eronder; mobiel = knop onderaan, gecentreerd. */
.sz-slider--cta,.sz-blogcards--cta{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px}
.sz-slider--cta>.sz-slider__h,.sz-blogcards--cta>h2{order:1;flex:1 1 auto;margin-bottom:12px}
.sz-slider--cta>a.sz-cta,.sz-blogcards--cta>a.sz-cta{order:2;margin-bottom:12px}
.sz-slider--cta>.sz-bcard__sub{order:3;flex:0 0 100%}
.sz-slider--cta>.swiper-container,.sz-blogcards--cta>.sz-blogcards__grid{order:4;flex:0 0 100%;min-width:0}
@media (max-width:640px){
  .sz-slider--cta>.sz-slider__h,.sz-blogcards--cta>h2{flex:0 0 100%}
  .sz-slider--cta>a.sz-cta,.sz-blogcards--cta>a.sz-cta{order:5;flex:0 0 auto;margin:14px auto 0}
}
/* ===== EINDE SZ-SLIDER ======================================================== */








/* ===== SZ MAATTABEL + MAATGIDS-MODELBLOK (sz-mt / sz-mtm) — shortcode [sz_size_table], 22 jul ===== */
.sz-mt{ margin:18px 0 22px; }
h3.sz-mt__sex{ font-size:15px; font-weight:700; color:#1D242D; margin:18px 0 8px; }
h3.sz-mt__sex:first-child{ margin-top:0; }
.sz-mt__wrap{ overflow-x:auto; border:1px solid #ececec; border-radius:10px; box-shadow:0 4px 18px rgba(29,36,45,.10); }
.sz-mt__table{ width:100%; border-collapse:collapse; font-size:13.5px; background:#fff; }
.sz-mt__table th{ text-align:left; font-weight:700; color:#1D242D; background:#fafbfc;
  padding:9px 14px; border-bottom:1px solid #ececec; white-space:nowrap; }
.sz-mt__table td{ padding:8px 14px; color:#3a444e; border-bottom:1px solid #f3f3f3; white-space:nowrap; }
.sz-mt__table tr:last-child td{ border-bottom:0; }
.sz-mt__table tbody tr:hover td{ background:#fff6f6; color:#ED1C24; }
/* jouw maat: groen, gelijk aan de maatfilter-tegel (.sz-tile.is-sel) */
.sz-mt__table tr.is-mine td{ background:#12A150; color:#fff; font-weight:600; }
.sz-mt__table tr.is-mine:hover td{ background:#12A150; color:#fff; }
@media (max-width:600px){ .sz-mt__table th, .sz-mt__table td{ padding:7px 10px; font-size:13px; } }

/* modelblok in de maatgids: beeld links, tekst rechts */
.sz-mtm{ display:flex; gap:18px; align-items:flex-start; padding:16px 0; border-bottom:1px solid #f3f3f3; }
.sz-mtm:last-of-type{ border-bottom:0; }
.sz-mtm__img{ flex:0 0 150px; display:block; border:1px solid #eef1f4; border-radius:10px; overflow:hidden; background:#fff; }
.sz-mtm__img img{ display:block; width:100%; height:auto; }
.sz-mtm__img:hover{ border-color:#ED1C24; }
.sz-mtm__body{ flex:1 1 auto; min-width:0; }
.sz-mtm__body h3{ font-size:16px; margin:0 0 6px; }
.sz-mtm__body h3 a{ color:#1D242D; text-decoration:none; }
.sz-mtm__body h3 a:hover{ color:#ED1C24; }
.sz-mtm__body p{ margin:0 0 8px; }
.sz-mtm__fit{ font-size:13.5px; color:#1D242D; }
.sz-mtm__fit b{ color:#ED1C24; }
@media (max-width:600px){ .sz-mtm{ gap:12px; } .sz-mtm__img{ flex-basis:96px; } }
/* ===== einde SZ MAATTABEL ===== */

/* ===== SZ MAATGIDS: merkkop, ankerlijst (sz-mtbrand / sz-mtjump), 22 jul ===== */
.sz-mtbrand{ display:flex; align-items:center; gap:18px; padding:14px 18px; margin:0 0 20px;
  border:1px solid #eef1f4; border-radius:10px; background:#fff; }
.sz-mtbrand__logo{ flex:0 0 auto; display:block; }
.sz-mtbrand__logo img{ display:block; height:34px; width:auto; }
.sz-mtbrand p{ margin:0; font-size:13.5px; color:#3a444e; }
.sz-mtbrand a.sz-mtbrand__link{ color:#ED1C24; font-weight:600; text-decoration:none; }
.sz-mtbrand a.sz-mtbrand__link:hover{ text-decoration:underline; }
.sz-mtjump{ margin:0 0 24px; padding:14px 18px; border-left:3px solid #ED1C24; background:#fafbfc; list-style:none; }
.sz-mtjump li{ margin:0 0 5px; font-size:13.5px; }
.sz-mtjump li:last-child{ margin-bottom:0; }
.sz-mtjump a{ color:#1D242D; text-decoration:none; }
.sz-mtjump a:hover{ color:#ED1C24; text-decoration:underline; }
@media (max-width:600px){ .sz-mtbrand{ flex-wrap:wrap; gap:10px; } .sz-mtbrand__logo img{ height:28px; } }
/* ===== einde SZ MAATGIDS ===== */

/* headerbeeld maatgids: /img/{merk}-sizeguide.jpg, 2400x700 — full-bleed, zelfde
   breekt-uit-de-container-truc als .sz-bloghero (blogslider) zodat het consistent oogt */
.sz-mthead{ width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  margin-top:-15px; margin-bottom:26px; border-radius:0; overflow:hidden; line-height:0; }
.sz-mthead img{ display:block; width:100%; height:auto; max-height:520px; object-fit:cover; object-position:center; }
@media (max-width:600px){ .sz-mthead{ margin-bottom:18px; } .sz-mthead img{ max-height:200px; } }

/* ===== SZ MAATGIDS-HUB (sz-sghub) — shortcode [sz_sizeguide_hub] ===== */
.sz-sghub{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; margin:22px 0 14px; }
.sz-sghub__item{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;
  padding:18px 12px 14px; border:1px solid #eef1f4; border-radius:12px; background:#fff; text-decoration:none;
  transition:border-color .12s, box-shadow .12s; }
a.sz-sghub__item:hover{ border-color:#ED1C24; box-shadow:0 4px 18px rgba(29,36,45,.10); }
.sz-sghub__logo{ display:flex; align-items:center; justify-content:center; height:38px; width:100%; }
.sz-sghub__logo img{ max-height:38px; max-width:110px; width:auto; height:auto; }
.sz-sghub__logo--txt{ font-weight:700; color:#1D242D; font-size:15px; }
.sz-sghub__naam{ font-size:13.5px; font-weight:600; color:#1D242D; }
a.sz-sghub__item:hover .sz-sghub__naam{ color:#ED1C24; }
.sz-sghub__meta{ font-size:11.5px; color:#8a949e; }
.sz-sghub__item.is-soon{ opacity:.55; }
@media (max-width:600px){ .sz-sghub{ grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:10px; }
  .sz-sghub__logo{ height:30px; } .sz-sghub__logo img{ max-height:30px; max-width:84px; } }
/* ===== einde SZ MAATGIDS-HUB ===== */

/* Merklogo als fallback-thumbnail wanneer een maatgids geen uitgelichte afbeelding heeft.
   Bewust NIET gescoped op een ouder-element: dit beeld kan in elk kaartblok belanden
   (nieuwsblok op de homepage, sidebar, archief) en moet zichzelf overal inhouden.
   Zonder deze regel schoot het logo op ware grootte uit de kaart. */
img.sz-guide-logo{ width:100%; height:100%; max-width:100%; max-height:100%;
  object-fit:contain; padding:26px; box-sizing:border-box; background:#fff; mix-blend-mode:normal; }
@media (max-width:600px){ img.sz-guide-logo{ padding:18px; } }

/* ===== SZ MAATTABEL-POPUP (sz-mp) — sneakerpagina, mu-plugin sz-size-popup.php ===== */
.sz-mp__btn{ display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:8px 13px;
  border:1px solid #e4e7ea; border-radius:8px; background:#fff; color:#1D242D; font-family:inherit;
  font-size:13px; font-weight:600; cursor:pointer; transition:border-color .12s, color .12s; }
.sz-mp__btn:hover{ border-color:#ED1C24; color:#ED1C24; }
.sz-sizecard.sz-collapsed .sz-mp__btn{ margin-top:10px; }

.sz-mp[hidden]{ display:none; }
.sz-mp{ position:fixed; inset:0; z-index:9999; display:flex; align-items:center; justify-content:center; padding:20px; }
.sz-mp__backdrop{ position:absolute; inset:0; background:rgba(29,36,45,.55); }
.sz-mp__panel{ position:relative; background:#fff; border-radius:14px; width:min(560px,100%);
  max-height:86vh; display:flex; flex-direction:column; box-shadow:0 18px 60px rgba(29,36,45,.30); }
.sz-mp__head{ display:flex; align-items:center; gap:12px; padding:16px 18px; border-bottom:1px solid #eef1f4; }
.sz-mp__logo{ height:26px; width:auto; display:block; }
.sz-mp__title{ font-size:16px; margin:0; color:#1D242D; }
.sz-mp__x{ margin-left:auto; border:0; background:none; font-size:26px; line-height:1; color:#8a949e;
  cursor:pointer; padding:0 4px; font-family:inherit; }
.sz-mp__x:hover{ color:#ED1C24; }
.sz-mp__body{ overflow-y:auto; padding:4px 18px 0; }
.sz-mp__body .sz-mt{ margin:14px 0 18px; }
.sz-mp__body .sz-mt__wrap{ box-shadow:none; }
.sz-mp__foot{ padding:14px 18px; border-top:1px solid #eef1f4; }
.sz-mp__link{ color:#ED1C24; font-weight:600; font-size:13.5px; text-decoration:none; }
.sz-mp__link:hover{ text-decoration:underline; }
body.sz-mp-open{ overflow:hidden; }
/* maat rechtstreeks uit de tabel kiezen (sz-size-popup.php koppelt rijen aan de filter-tegels):
   klikbare rij = rode hover-affordance (erft van .sz-mt__table); niet-aangeboden maten gedimd. */
.sz-mp__hint{ margin:12px 0 2px; font-size:13px; color:#3a444e; }
.sz-mp .sz-mt__pick{ cursor:pointer; }
.sz-mp .sz-mt__pick:focus-visible{ outline:2px solid #ED1C24; outline-offset:-2px; }
.sz-mp .sz-mt__none td{ color:#aeb6bd; }
.sz-mp .sz-mt__none:hover td{ background:#fff; color:#aeb6bd; }
@media (max-width:600px){ .sz-mp{ padding:0; } .sz-mp__panel{ width:100%; max-height:92vh; border-radius:14px 14px 0 0; margin-top:auto; } }
/* ===== einde SZ MAATTABEL-POPUP ===== */

/* ===== SZ HOME-SLIDER KAARTFOTO — 24 jul 2026 =====
   Scoped op ALLEEN de "Just dropped" / "Aankomende releases"-sliders (.sz-rel-swiper uit
   sz-home-blocks.php) — geen enkele andere kaart op de site raakt dit.
   Die sliders staan op desktop 4-op-een-rij en zijn dus breder dan de 6-op-een-rij productgrid.
   De standaard .product-photo capt de foto op 240px hoog; sinds de 1400x1400-backfill zijn de
   meeste sneakerfoto's VIERKANT, dus die cap houdt ze op 240px breed -> smaller dan de ~283px
   sliderkaart, met lucht opzij. Hier de cap loslaten zodat de vierkante foto de volle
   kaartbreedte vult. Alleen >=1025px (waar de slider echt 4-up is; daaronder 2/1-up + de
   mobiele aspect-ratio-regel). Puur CSS, CDN ongemoeid. */
@media (min-width:1025px){
  /* Vast 1/1-vak met de foto contained -> HELE schoen zichtbaar, nooit gecropt. Werkt samen met
     de CDN-render-modes (sz-cdn-preview.php): trim-mode (de meeste, witte product-shots) padt
     TRANSPARANT, dus de witte vak-achtergrond schijnt naadloos door de padding EN de contain-
     letterbox -> de sneaker "zweeft" op wit en vult het vak optisch, zonder crop. Wit gekozen
     omdat de product-shots op wit staan; fill-mode-beelden dragen hun eigen naadloze marge. */
  .sz-rel-swiper .card .product-photo{ min-height:0; aspect-ratio:1/1; margin:8px; overflow:hidden; background:#fff; }
  .sz-rel-swiper .card .product-photo .product-photo-img{ position:static; width:100%; height:100%; max-height:none; object-fit:contain; }
}
/* ===== einde home-slider kaartfoto ===== */

/* ===== Slimme no-results zoekpagina (search.php) — 24 jul 2026 ===== */
.sz-noresults{max-width:820px;margin:22px auto 6px;text-align:center;}
.sz-noresults__h{font-size:1.35rem;margin:0 0 8px;color:var(--sz-ink);}
.sz-noresults__p{color:var(--sz-muted);margin:0 0 16px;line-height:1.5;}
.sz-noresults__p em{font-style:normal;background:#f3f4f6;padding:1px 6px;border-radius:5px;}

/* ===========================================================================
   SZ TIER (luxury / premium) — append-blok 26 jul 2026
   Body-classes komen uit mu-plugins/sz-luxury-style.php; tiers uit
   mu-plugins/sz-brand-tier.php (termmeta sz_brand_tier).
   BEWUST hier en niet in een los bestand: Breeze serveert losse assets zonder
   ?ver=, waardoor browsers oude kopieen vasthouden. style.css wordt wel
   geversioneerd/geminified.
   =========================================================================== */
body.sz-tier-luxury{ --sz-red:#171717; --sz-lux-accent:#171717; --sz-lux-on-accent:#fff; }

/* ---- accent-TEKST: rood -> zwart ---- */
body.sz-tier-luxury a,
body.sz-tier-luxury .main-navigation a:hover,
body.sz-tier-luxury .sz-ph__sum .deal-up,
body.sz-tier-luxury .sz-pgeo .deal-up,
body.sz-tier-luxury .sz-pgeo__concl .deal-up,
body.sz-tier-luxury .card a:hover .product-title,
body.sz-tier-luxury .card a:hover .product-series,
body.sz-tier-luxury .sz-rowtitle a:hover,
body.sz-tier-luxury .sz-rowmodel:hover,
body.sz-tier-luxury .sz-bcard-b:hover .sz-bname,
body.sz-tier-luxury .sz-baz:hover,
body.sz-tier-luxury .sz-faq summary:before,
body.sz-tier-luxury .sz-faq a{ color:#171717; }

/* links in lopende tekst onderscheiden zich monochroom via onderstreping */
body.sz-tier-luxury .sneaker-details-sp a,
body.sz-tier-luxury .sz-faq a{ text-decoration:underline; text-underline-offset:2px; }

body.sz-tier-luxury .main-navigation > ul > li > ul a:hover,
body.sz-tier-luxury .sz-tl-model a:hover,
body.sz-tier-luxury a.sz-blogcard:hover .sz-blogcard__title,
body.sz-tier-luxury a.sz-newscard:hover .sz-newscard__title,
body.sz-tier-luxury .sz-newscard__cta,
body.sz-tier-luxury a.sz-cta,
body.sz-tier-luxury .facetwp-facet a:hover{ color:#171717 !important; }

body.sz-tier-luxury a.sz-submodel-btn:hover{ border-color:#171717; color:#171717 !important; }

/* ---- accent-VLAKKEN: zwart met witte tekst (was rood/wit) ---- */
body.sz-tier-luxury .sz-search-form button,
body.sz-tier-luxury .sz-hero-search-btn{ background:#171717; color:#fff; }

body.sz-tier-luxury .sz-vote__btn.up:hover .sz-vote__ic{ border-color:#171717; color:#171717; }
body.sz-tier-luxury .sz-vote__btn.up.is-active .sz-vote__ic{
	background:#171717; border-color:#171717; color:#fff;
	box-shadow:0 3px 11px rgba(23,23,23,.3);
}

body.sz-tier-luxury .facetwp-facet-pagination .facetwp-page:hover{
	background:#171717 !important; color:#fff !important;
}

body.sz-tier-luxury .chevron-container{ background:#171717 !important; }
body.sz-tier-luxury .chevron-container i{ color:transparent !important; }
body.sz-tier-luxury a.shop.row .chevron-container i.fas.fa-chevron-right,
body.sz-tier-luxury a.shop.row i.fa-chevron-right{ color:transparent !important; }

/* ---- randen & decoraties ---- */
body.sz-tier-luxury .main-navigation > ul > li.menu-item-has-children > ul{ border-top-color:#171717; }
body.sz-tier-luxury .sz-ph__legend .sw.up i{ border-top-color:#171717; }
body.sz-tier-luxury .sz-gal__dot.is-active{ border-color:#171717; }
body.sz-tier-luxury .sz-tl-item:before{ background:#171717; box-shadow:0 0 0 2px #171717; }
body.sz-tier-luxury a.sz-blogcard:hover,
body.sz-tier-luxury a.sz-newscard:hover{ border-color:#171717; }

/* ---- prijsoordeel-blok (dichtgeklapte staat) uit op luxury; premium behoudt het ---- */
body.sz-tier-luxury .sz-priceblock.sz-pgeo-collapsed{ display:none; }

/* ---- footer: custom_html-2 wordt server-side verborgen (widget-filter);
        de resterende footer krijgt meer lucht ---- */
body.sz-tier-luxury .site-footer,
body.sz-tier-luxury footer .footer-widgets{ padding-top:56px; padding-bottom:56px; }
body.sz-tier-luxury .footer-widgets{ gap:2.5rem; }

/* --- tier-hero: blog-slider als hero op luxury/premium-detailpagina's --- */
/* Beeld loopt full-bleed tot de vensterranden (100vw, zoals de blog-hero).
   DESKTOP: titel + kruimelpad liggen over het beeld, binnen de containerbreedte.
   MOBIEL:  titel staat LOS onder het beeld (overlay werkt daar niet).
   Markup: mu-plugins/sz-tier-hero.php */
.sz-blogslider.sz-tierhero{
	background:#fff;
	width:100vw; max-width:100vw;
	margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
	margin-bottom:22px; border-radius:0;
}
.sz-blogslider.sz-tierhero .sz-blogslide{ padding:26px 40px; }
.sz-blogslider.sz-tierhero .sz-blogslide img{
	width:90%; max-width:640px; height:420px; object-fit:contain;
}

/* pijlen: binnen de contentbreedte houden i.p.v. tegen de schermrand */
.sz-blogslider.sz-tierhero .sz-blogslider__prev{
	left:max(24px, calc((100vw - var(--sz-container, 1400px)) / 2 + 20px));
}
.sz-blogslider.sz-tierhero .sz-blogslider__next{
	right:max(24px, calc((100vw - var(--sz-container, 1400px)) / 2 + 20px));
}

/* titel over het beeld — zonder witte waas */
.sz-tierhero-head{
	position:absolute; left:0; right:0; top:0; z-index:3;
	max-width:var(--sz-container); margin:0 auto;
	padding:18px 15px 0; pointer-events:none;
}
.sz-tierhero-head h1{ margin:0 0 4px; }
.sz-tierhero-head a{ pointer-events:auto; }

@media (max-width:900px){
	/* geen overlay op mobiel: titel + kruimels los onder het beeld */
	.sz-tierhero-head{
		position:static; max-width:none; margin:0;
		padding:16px 15px 4px; pointer-events:auto;
	}
	.sz-blogslider.sz-tierhero{ margin-bottom:14px; }
	.sz-blogslider.sz-tierhero .sz-blogslide{ padding:12px 14px; }
	/* stond al op object-fit:contain (geërfd van de desktopregel), dus hier werd niets
	   afgesneden; alleen de hoogte gelijkgetrokken met de blog-hero (300px) zodat de
	   schoen op mobiel even groot staat op beide pagina's */
	.sz-blogslider.sz-tierhero .sz-blogslide img{ height:300px; width:100%; }
	.sz-blogslider.sz-tierhero .sz-blogslider__prev{ left:12px; }
	.sz-blogslider.sz-tierhero .sz-blogslider__next{ right:12px; }
}

/* ===== SZ BARCODE-SCAN (mu-plugins/sz-scan.php, 12 aug 2026) =====================
   Scanknop in de zoekbalk + camera-overlay. Interactiekleur ROOD #ED1C24 conform
   STYLEGUIDE.md. Alleen tonen waar een camera zin heeft: op desktop verbergen we de knop
   niet (webcams bestaan), maar de overlay is mobiel-eerst opgezet. */

.sz-scan-host { position: relative; }

.sz-scan-btn {
	position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
	display: flex; align-items: center; justify-content: center;
	width: 34px; height: 34px; padding: 0;
	background: none; border: 0; cursor: pointer;
	color: #3a444e; line-height: 0;
}
.sz-scan-btn:hover, .sz-scan-btn:focus-visible { color: #ED1C24; }

/* camera-overlay */
.sz-scan-laag {
	position: fixed; inset: 0; z-index: 99999;
	background: #1D242D; display: flex; flex-direction: column;
}
.sz-scan-kop {
	display: flex; align-items: center; justify-content: space-between;
	padding: 14px 16px; color: #fff; font-weight: 600;
}
.sz-scan-sluit {
	background: none; border: 0; color: #fff; font-size: 30px; line-height: 1;
	padding: 0 6px; cursor: pointer;
}
.sz-scan-sluit:hover { color: #ED1C24; }
.sz-scan-video { flex: 1; width: 100%; object-fit: cover; background: #000; }

/* zoekkader: rechthoekig, want een barcode is breed */
.sz-scan-kader {
	position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
	width: min(78vw, 420px); height: 150px;
	border: 3px solid #ED1C24; border-radius: 6px;
	box-shadow: 0 0 0 9999px rgba(29, 36, 45, .55);
	pointer-events: none;
}

/* melding onderaan (niet gevonden, geen camera, iOS-terugval) */
.sz-scan-msg {
	position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px);
	max-width: min(92vw, 460px);
	background: #1D242D; color: #fff; padding: 12px 18px; border-radius: 6px;
	font-size: 15px; line-height: 1.4; text-align: center;
	opacity: 0; visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s;
	z-index: 100000;
}
.sz-scan-msg.is-open { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }

/* correctie 12 aug: knop is een FLEX-ITEM naast de zoekknop, niet absoluut (lag er anders bovenop) */
.sz-scan-host { position: relative; }
.sz-scan-btn {
	position: static; transform: none;
	flex: 0 0 auto; align-self: center; margin: 0 2px 0 0;
	width: 40px; height: 40px;
}

/* Scannen is een telefoonhandeling (Mark, 12 aug): op desktop verbergen. De EAN-zoekfunctie in de
   zoekbalk blijft daar gewoon werken, dus er gaat niets verloren. */
@media (min-width: 768px) {
	.sz-scan-btn { display: none !important; }
}

/* sz-de-h1-left */
.page-title,h1.page-title,.archive .page-title,.site-main>header h1{text-align:left!important}

/* Galerij-thumbs (CDN-store): vierkant + contain (15 aug 2026) */
.featured-thumbs .example-image,.featured-thumbs .example-image-link img{width:100%;height:100%;aspect-ratio:1/1;object-fit:contain;box-sizing:border-box;padding:4px;display:block;background:#f7f7f7;border-radius:6px;}