:root{--container:1180px;--text:#111;--muted:#666;--line:#ddd;--bg:#fff;--soft:#f6f6f6;--primary:#111;--font-body:"Inter";--font-heading:"Poppins";--body-weight:400;--heading-weight:700;--h1-size:48px;--h1-color:#111;--h2-size:38px;--h2-color:#111;--h3-size:30px;--h3-color:#111;--h4-size:24px;--h4-color:#111;--h5-size:20px;--h5-color:#111;--h6-size:16px;--h6-color:#111;--p-size:16px;--p-color:#444}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--p-size);line-height:1.55;font-weight:var(--body-weight);color:var(--text);background:var(--bg);overflow-x:hidden;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,button,input,textarea,select{font-family:var(--font-body)}
p,li,blockquote,td,th,label,input,textarea,select,button,a,span,div{font-weight:var(--body-weight)}
h1,h2,h3,h4,h5,h6,.card > strong:first-child,.brand-fallback{font-family:var(--font-heading);font-weight:var(--heading-weight)}
.section-richtext strong,.section-richtext b,.richtext strong,.richtext b{font-weight:700 !important}
.section-richtext em,.section-richtext i,.richtext em,.richtext i{font-style:italic !important}
.section-richtext u,.richtext u{text-decoration:underline !important;text-underline-offset:2px}
a{color:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}
.btn{display:inline-block;padding:var(--btn-padding-y) var(--btn-padding-x);background:var(--btn-bg);color:var(--btn-text);text-decoration:none;border-style:var(--btn-border-style);border-color:var(--btn-border-color);border-width:var(--btn-border-top-width) var(--btn-border-right-width) var(--btn-border-bottom-width) var(--btn-border-left-width);border-radius:var(--btn-radius-top-left) var(--btn-radius-top-right) var(--btn-radius-bottom-right) var(--btn-radius-bottom-left);transition:background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;appearance:none}
.btn:hover,.btn:focus-visible{background:var(--btn-hover-bg);color:var(--btn-hover-text);border-color:var(--btn-hover-border-color)}
.btn--ghost{background:#fff;color:var(--primary)}
.btn--secondary{opacity:.92}
.section{padding:0}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card{padding:24px;border:1px solid var(--line);background:#fff}
.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center}
.two-col--reverse > :first-child{order:2}
.muted{color:var(--muted)}

.site-header,.site-footer{border-bottom:1px solid var(--line)}
.site-footer{border-top:1px solid var(--line);border-bottom:0;margin-top:64px}
.site-header__row,.site-footer__row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:24px}
.brand-link{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;min-width:0;flex:0 0 auto}
.brand-fallback{font-family:var(--font-heading);font-size:20px;line-height:1.2}
.site-logo{display:block;width:auto;height:auto;max-width:320px;max-height:96px;object-fit:contain;flex:0 0 auto}
.site-logo--footer{max-height:48px;max-width:220px}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.nav a{text-decoration:none}
.nav-toggle{display:none;appearance:none;background:#fff;border:1px solid var(--line);padding:10px;width:46px;height:46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.nav-toggle span{display:block;width:22px;height:2px;background:#111}

body.header-fixed .site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:var(--bg);
}
body.header-fixed .site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:var(--line);
  pointer-events:none;
}
body.header-fixed .site-header .nav{z-index:1001}
body.header-fixed.admin-preview .site-header{top:var(--preview-bar-height,64px)}

h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin:0 0 16px;line-height:1.2}
h1{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h1-size);color:var(--h1-color)}
h2{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h2-size);color:var(--h2-color)}
h3{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h3-size);color:var(--h3-color)}
h4{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h4-size);color:var(--h4-color)}
h5{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h5-size);color:var(--h5-color)}
h6{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:var(--h6-size);color:var(--h6-color)}
.card > strong:first-child{display:block;font-family:var(--font-heading);font-weight:var(--heading-weight);color:var(--h4-color);font-size:var(--h4-size);line-height:1.25;margin:0 0 10px}
p{font-size:var(--p-size);font-weight:var(--body-weight);color:var(--p-color);margin:0 0 16px}

.section-shell{
    position:relative;
    background-color:var(--section-bg-color, transparent);
    color:var(--section-text-color, inherit);
    overflow:hidden;
    background-image:var(--section-bg-image);
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    min-height:auto;
}
.section-shell::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--section-overlay-color, transparent);
    opacity:var(--section-overlay-opacity, 0);
    pointer-events:none;
    z-index:1;
}
.section-shell__inner{
    position:relative;
    z-index:2;
    padding-top:var(--section-padding-top, 72px);
    padding-bottom:var(--section-padding-bottom, 72px);
}
.section-divider{
    position:absolute;
    left:0;
    width:100%;
    line-height:0;
    pointer-events:none;
    z-index:3;
    transform:translateY(var(--divider-offset, 0px));
}
.section-divider svg{
    display:block;
    width:100%;
    height:100%;
}
.section-divider--top{
    top:0;
}
.section-divider--bottom{
    bottom:0;
}
.section-divider--flip svg{
    transform:scaleX(-1);
    transform-origin:center;
}
.section-shell .container{
    max-width:var(--section-content-width, var(--container));
}
.section-shell{color:inherit}
.section-shell p,
.section-shell li,
.section-shell .eyebrow{color:var(--section-text-color, var(--p-color))}
.section-shell h1{color:var(--section-text-color, var(--h1-color))}
.section-shell h2{color:var(--section-text-color, var(--h2-color))}
.section-shell h3{color:var(--section-text-color, var(--h3-color))}
.section-shell h4{color:var(--section-text-color, var(--h4-color))}
.section-shell h5{color:var(--section-text-color, var(--h5-color))}
.section-shell h6{color:var(--section-text-color, var(--h6-color))}

.hero.hero--background{
    position:relative;
    display:flex;
    align-items:center;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    overflow:hidden;
    min-height:420px;
}
.hero.hero--background::before{
    content:"";
    position:absolute;
    inset:0;
    background:var(--hero-overlay-color,#000000);
    opacity:var(--hero-overlay-opacity,0.35);
}
.hero.hero--background.hero--fallback{background:linear-gradient(180deg,#f2f2f2 0%,#e8e8e8 100%)}
.hero__inner{position:relative;z-index:1;width:100%;padding:0}
.hero__content{max-width:var(--hero-content-max,700px)}
.hero.hero--with-image .eyebrow,.hero.hero--with-image h1,.hero.hero--with-image p{color:var(--hero-text-color,#ffffff)}
.hero.hero--fallback .eyebrow,.hero.hero--fallback h1,.hero.hero--fallback p{color:#111111}
.code-embed iframe,.code-embed script,.code-embed div{max-width:100%}

@media (max-width:900px){
  .grid-3,.two-col,.two-col--reverse{grid-template-columns:1fr}
  .two-col--reverse > :first-child{order:0}
  .nav-toggle{display:flex}
  .nav{display:none;position:absolute;left:20px;right:20px;top:100%;background:#fff;border:1px solid var(--line);padding:14px;flex-direction:column;align-items:flex-start;z-index:30}
  body.nav-open .nav{display:flex}
  .site-header{position:relative}
  .site-header__row{position:relative}
  .hero.hero--background{min-height:360px}
  .hero h1{font-size:min(36px,var(--h1-size))}
  .site-logo{max-width:220px;max-height:70px}
  .section-shell__inner{padding-top:56px;padding-bottom:56px}
}
@media (max-width:640px){
  .container{padding:0 16px}
}


.section-richtext,.richtext{font-family:var(--font-body);font-weight:var(--body-weight);line-height:1.7}
.section-richtext :where(p,ul,ol,li,a,span,strong,b,em,i,u,blockquote,figcaption),
.richtext :where(p,ul,ol,li,a,span,strong,b,em,i,u,blockquote,figcaption){font-family:var(--font-body)}
.section-richtext > *:first-child{margin-top:0}
.section-richtext > *:last-child{margin-bottom:0}
.section-richtext p{margin:0 0 1em}
.section-richtext ul,.section-richtext ol{margin:0 0 1em 1.25em}
.section-richtext h2{margin:0 0 .6em;font-size:1.5em;font-family:var(--font-heading);font-weight:var(--heading-weight)}
.section-richtext h3{margin:0 0 .6em;font-size:1.25em;font-family:var(--font-heading);font-weight:var(--heading-weight)}
.section-richtext strong,.section-richtext b,.richtext strong,.richtext b{font-weight:700}
.section-richtext em,.section-richtext i,.richtext em,.richtext i{font-style:italic}
.section-richtext u,.richtext u{text-decoration:underline;text-underline-offset:2px}
.section-richtext span[style*="font-weight"],.richtext span[style*="font-weight"]{font-weight:inherit}
.section-richtext span[style*="font-style:italic"],.richtext span[style*="font-style:italic"]{font-style:italic}
.section-richtext span[style*="text-decoration:underline"],.section-richtext span[style*="text-decoration-line:underline"],.richtext span[style*="text-decoration:underline"],.richtext span[style*="text-decoration-line:underline"]{text-decoration:underline;text-underline-offset:2px}



/* Blog */
.container{width:min(1120px, calc(100% - 32px)); margin:0 auto}
.blog-hero{padding:64px 0 28px}
.blog-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 12px}
.blog-intro{font-size:18px;line-height:1.7;max-width:760px;color:#555}
.blog-meta{font-size:14px;color:#777;margin-top:10px}
.blog-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#f3f3f3;color:#111;font-size:13px;margin-bottom:12px}
.blog-featured{padding:0 0 28px}
.blog-featured img{width:100%;display:block;border-radius:18px}
.blog-list{padding:20px 0 60px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{background:#fff;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden}
.blog-card-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.blog-card-body{padding:18px}
.blog-card h2{font-size:22px;line-height:1.2;margin:0 0 10px}
.blog-card h2 a{text-decoration:none;color:inherit}
.blog-card p{margin:0;color:#555;line-height:1.7}
@media (max-width:900px){.blog-grid{grid-template-columns:1fr}}


/* Rich text images */
.section-richtext img,
.richtext img{
  display:block;
  max-width:100%;
  height:auto;
  margin:18px 0;
  border-radius:12px;
}
.section-richtext figure,
.richtext figure{
  margin:18px 0;
}
.section-richtext figcaption,
.richtext figcaption{
  font-size:14px;
  color:var(--muted);
  margin-top:8px;
}


/* Rich text images final fix */
.section-richtext img,
.richtext img,
.blog-content img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  margin:18px 0 !important;
  border-radius:12px;
}
.section-richtext p > img:only-child,
.richtext p > img:only-child{
  display:block !important;
}


/* Rich text images preview/frontend */
.section-richtext img,
.section-richtext--media img,
.richtext img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:18px 0 !important;
  border-radius:12px;
}

.nav-item{position:relative;display:flex;align-items:center}
.nav-item--has-children > a{padding-right:4px}
.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);z-index:40;flex-direction:column;gap:10px}
.nav-item--has-children:hover .nav-submenu{display:flex}
@media (max-width:980px){
  .nav-item{width:100%;display:block}
  .nav-submenu{display:flex;position:static;border:0;box-shadow:none;padding:8px 0 0 14px;min-width:0;gap:8px}
}

.nav-item--has-children{position:relative}
.nav-item--has-children > a{padding-right:4px}
.nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);z-index:40;flex-direction:column;gap:10px}
.nav-item--has-children:hover > .nav-submenu{display:flex}
.nav-submenu .nav-item--has-children{position:relative}
.nav-submenu .nav-submenu{top:-10px;left:calc(100% + 10px)}
@media (max-width:900px){
  .nav-submenu{display:flex;position:static;border:0;box-shadow:none;padding:8px 0 0 14px;min-width:0;gap:8px}
  .nav-submenu .nav-submenu{left:0;top:0}
}

.site-footer__stack{padding:26px 0 18px}
.site-footer__top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}
.site-footer__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;flex:1}
.site-footer__block strong{display:block;margin:0 0 10px}
.site-footer__block div,.site-footer__block a{display:block;text-decoration:none}
.site-footer__socials{display:flex;flex-wrap:wrap;gap:8px 14px}
.site-footer__socials a{display:inline-block}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line)}
@media (max-width:900px){
  .site-footer__top{flex-direction:column}
  .site-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .site-footer__grid{grid-template-columns:1fr}
}

.site-footer__legal{display:flex;flex-wrap:wrap;gap:10px 18px;padding-top:12px}.site-footer__legal a{text-decoration:none}

.mio-form-wrap{margin-top:20px;max-width:760px}.mio-form{display:grid;gap:16px}.mio-form__group label{display:block;margin-bottom:6px;font-weight:600}.mio-form input,.mio-form textarea,.mio-form select{width:100%;padding:12px 14px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;font:inherit}.mio-form textarea{min-height:140px;resize:vertical}.mio-form__checkbox{display:flex;gap:10px;align-items:flex-start}.mio-form__checkbox input{width:auto;margin-top:3px}.mio-form__notice{margin:0 0 14px;padding:12px 14px;border-radius:8px}.mio-form__notice--success{background:#f1f8ec;border:1px solid #cfe3bf}.mio-form__notice--error{background:#fff4f4;border:1px solid #efc7c7}.mio-form__trap{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}


.section-shell--animatable{
    opacity:0;
    transition:
        opacity var(--section-anim-duration,700ms) ease,
        transform var(--section-anim-duration,700ms) ease;
    transition-delay:var(--section-anim-delay,0ms);
    will-change:opacity, transform;
}
.section-shell--animatable.section-shell--in-view{
    opacity:1;
    transform:none;
}
.section-shell--anim-fade{transform:none;}
.section-shell--anim-fade-up{transform:translateY(28px);}
.section-shell--anim-zoom-in{transform:scale(.96);transform-origin:center center;}
@media (prefers-reduced-motion: reduce){
    .section-shell--animatable{
        opacity:1;
        transform:none;
        transition:none;
    }
}

.shop-hero{padding:56px 0 22px}
.shop-intro{max-width:760px;color:var(--p-color,#444)}
.shop-notice{margin-top:16px;padding:14px 16px;border:1px solid var(--color-line,#ddd);background:var(--color-soft,#f6f6f6)}
.shop-grid-wrap{padding:14px 0 56px}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.shop-card{border:1px solid var(--color-line,#ddd);background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}
.shop-card-image{display:block;background:#fff;padding:18px 18px 8px}
.shop-card-image img,.shop-detail-media img{display:block;width:100%;height:auto}
.shop-card-image img{aspect-ratio:4/5;object-fit:contain}
.shop-card-body{padding:0 18px 18px;display:flex;flex-direction:column;gap:12px;height:100%}
.shop-card-body h2{margin:0;font-size:18px;line-height:1.35;font-weight:600}
.shop-card-body h2 a{text-decoration:none}
.shop-card-body h2 a:hover{text-decoration:underline}
.shop-card-body p{margin:0;color:var(--p-color,#555);font-size:15px;line-height:1.5}
.shop-card-meta,.shop-summary div,.shop-cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shop-card-meta{margin-top:auto;padding-top:4px;font-size:15px}
.shop-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.shop-card-actions form{margin:0}
.shop-card-actions .btn, .shop-card-actions form .btn{width:100%;justify-content:center}
.shop-detail{padding:28px 0 56px}
.shop-detail-grid,.shop-checkout-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,480px);gap:32px;align-items:start}
.shop-price{font-size:32px;font-weight:600;margin:8px 0 16px}
.shop-buy-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:24px}
.shop-buy-form input{max-width:90px}
.shop-rich p:first-child{margin-top:0}
.shop-cart,.shop-checkout{padding:10px 0 56px}
.shop-cart-table,.shop-summary{border:1px solid var(--color-line,#ddd);background:#fff}
.shop-cart-row,.shop-summary div{padding:14px 16px;border-bottom:1px solid var(--color-line,#ddd)}
.shop-cart-row:last-child,.shop-summary div:last-child{border-bottom:0}
.shop-summary{margin-top:22px}
.shop-summary h2{padding:16px;margin:0;border-bottom:1px solid var(--color-line,#ddd)}
.shop-summary-total{font-size:18px}
.shop-cart-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
@media (max-width:1100px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.shop-detail-grid,.shop-checkout-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.shop-grid{grid-template-columns:1fr}.shop-card-actions{grid-template-columns:1fr}}

.shop-main-image{display:block;width:100%;height:auto;border-radius:18px}
.shop-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:10px;margin-top:12px}
.shop-gallery-thumb{padding:0;border:1px solid #dcdcdc;border-radius:14px;background:#fff;overflow:hidden;cursor:pointer}
.shop-gallery-thumb img{display:block;width:100%;height:82px;object-fit:cover}
.shop-gallery-thumb.is-active{border-color:#111;box-shadow:0 0 0 1px #111 inset}

.shop-pagination,.pagination{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:24px 0 0}.shop-pagination .btn.is-active,.pagination .btn.is-active{background:#111;color:#fff;border-color:#111}.pagination-gap{padding:0 4px;color:#666}


.shop-theme-hero{padding:48px 0 24px;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,0));border-bottom:1px solid var(--color-line,#ddd)}
.shop-theme-hero__inner{display:flex;align-items:end;justify-content:space-between;gap:24px}
.shop-theme-hero__inner.compact{align-items:center}
.shop-theme-hero__aside{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.shop-theme-stat{display:flex;flex-direction:column;min-width:110px;padding:16px 18px;border:1px solid var(--color-line,#ddd);background:#fff}
.shop-theme-stat strong{font-size:24px;line-height:1}
.shop-theme-stat span{font-size:13px;color:var(--p-color,#666)}
.shop-theme-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.shop-chip{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--color-line,#ddd);text-decoration:none;background:#fff}
.shop-chip.is-active{background:#111;color:#fff;border-color:#111}
.shop-theme-section{padding-top:28px;padding-bottom:56px}
.shop-theme-panel{background:#fff;border:1px solid var(--color-line,#ddd);padding:24px}
.shop-theme-card{border-radius:0;box-shadow:none}
.shop-card-top{display:flex;flex-direction:column;gap:8px}
.shop-card-price{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.shop-stock-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f1f1f1;font-size:12px;line-height:1}
.shop-stock-pill.is-instock{background:#e9f5ea}
.shop-empty-state{padding:32px;border:1px solid var(--color-line,#ddd);background:#fff;text-align:center}
.shop-empty-state h2{margin-top:0}
.shop-breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:18px;color:var(--p-color,#666);font-size:14px}
.shop-breadcrumbs a{text-decoration:none}
.shop-theme-product-grid{align-items:start}
.shop-back-link{margin-top:0}
.shop-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shop-theme-buy-form{display:flex;flex-direction:column;gap:16px}
.shop-buy-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.shop-buy-row label{min-width:120px}
.shop-discount-form--stacked{display:flex;flex-direction:column;gap:14px;margin:0 0 20px}
.shop-discount-form--stacked .actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:900px){.shop-theme-hero__inner{flex-direction:column;align-items:flex-start}.shop-option-grid{grid-template-columns:1fr}}

/* === Mio builder frontend: animatie / verdeler / link === */
.mio-b-section,.mio-b-col{position:relative;overflow:hidden;}
.mio-b-container,.mio-b-row,.mio-b-module{position:relative;z-index:2;}
.mio-b-overlay{z-index:1;}
.mio-b-divider{position:absolute;left:0;width:100%;z-index:3;pointer-events:none;line-height:0;color:#fff;}
.mio-b-divider--top{top:0;transform:rotate(180deg);}
.mio-b-divider--bottom{bottom:0;}
.mio-b-divider svg{display:block;width:100%;height:100%;}
.mio-b-section-link{position:absolute;inset:0;z-index:4;text-indent:-9999px;background:transparent;}
.mio-b-section--has-link .mio-b-container,
.mio-b-col--has-link > .mio-b-module{pointer-events:none;}
.mio-b-section--anim,.mio-b-col--anim{opacity:0;will-change:opacity,transform;}
.mio-b-section--anim-dir-none,.mio-b-col--anim-dir-none{--mio-anim-from:translate3d(0,0,0);}
.mio-b-section--anim-dir-up,.mio-b-col--anim-dir-up{--mio-anim-from:translate3d(0,26px,0);}
.mio-b-section--anim-dir-down,.mio-b-col--anim-dir-down{--mio-anim-from:translate3d(0,-26px,0);}
.mio-b-section--anim-dir-left,.mio-b-col--anim-dir-left{--mio-anim-from:translate3d(32px,0,0);}
.mio-b-section--anim-dir-right,.mio-b-col--anim-dir-right{--mio-anim-from:translate3d(-32px,0,0);}
.mio-b-section--anim-zoom.mio-b-section--anim-dir-none,.mio-b-col--anim-zoom.mio-b-col--anim-dir-none{--mio-anim-from:scale(.94);}
.mio-b-section--anim-zoom.mio-b-section--anim-dir-up,.mio-b-col--anim-zoom.mio-b-col--anim-dir-up{--mio-anim-from:translate3d(0,22px,0) scale(.94);}
.mio-b-section--anim-zoom.mio-b-section--anim-dir-down,.mio-b-col--anim-zoom.mio-b-col--anim-dir-down{--mio-anim-from:translate3d(0,-22px,0) scale(.94);}
.mio-b-section--anim-zoom.mio-b-section--anim-dir-left,.mio-b-col--anim-zoom.mio-b-col--anim-dir-left{--mio-anim-from:translate3d(28px,0,0) scale(.94);}
.mio-b-section--anim-zoom.mio-b-section--anim-dir-right,.mio-b-col--anim-zoom.mio-b-col--anim-dir-right{--mio-anim-from:translate3d(-28px,0,0) scale(.94);}
.mio-b-section--anim-start-load,.mio-b-col--anim-start-load,
.mio-b-section--anim.is-in-view,.mio-b-col--anim.is-in-view{animation:mioBuilderReveal var(--mio-anim-duration,700ms) var(--mio-anim-easing,ease-out) var(--mio-anim-delay,0ms) both;}
@keyframes mioBuilderReveal{from{opacity:0;transform:var(--mio-anim-from,translate3d(0,0,0));}to{opacity:1;transform:translate3d(0,0,0) scale(1);}}
@media (prefers-reduced-motion:reduce){.mio-b-section--anim,.mio-b-col--anim{animation:none!important;opacity:1!important;transform:none!important;}}

/* === Mio builder: afbeelding lightbox === */
.mio-b-image-lightbox{display:inline-block;max-width:100%;cursor:zoom-in;text-decoration:none;}
.mio-lightbox{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;}
.mio-lightbox.is-open{display:flex;}
.mio-lightbox__img{max-width:min(96vw,1400px);max-height:90vh;width:auto;height:auto;display:block;box-shadow:0 20px 70px rgba(0,0,0,.45);}
.mio-lightbox__close{position:fixed;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mio-lightbox__close:hover{background:#f3f3f3;}

/* Mio builder: gewone afbeelding-link op de website */
.mio-b-image-link{display:inline-block;max-width:100%;text-decoration:none;}
.mio-b-image-link img{display:block;max-width:100%;height:auto;}


/* === Mio fix: builder tekstkleur/opmaak moet winnen van globale H/P kleuren === */
.mio-b-module[style*="color"] :where(p,li,span,strong,em,u,a){color:inherit;}
.mio-b-text :where(h1,h2,h3,h4){font-family:var(--font-heading);font-weight:var(--heading-weight);}
.mio-b-text h1{font-size:var(--h1-size);}
.mio-b-text h2{font-size:var(--h2-size);}
.mio-b-text h3{font-size:var(--h3-size);}

/* === Mio builder: hover effect voor module Afbeelding === */
.mio-b-image-wrap{
  display:inline-block;
  max-width:100%;
  position:relative;
  overflow:hidden;
  vertical-align:top;
  transition:transform var(--mio-img-hover-duration,350ms) ease, box-shadow var(--mio-img-hover-duration,350ms) ease, opacity var(--mio-img-hover-duration,350ms) ease;
}
.mio-b-image-wrap img{
  display:block;
  max-width:100%;
  height:auto;
  transition:transform var(--mio-img-hover-duration,350ms) ease, opacity var(--mio-img-hover-duration,350ms) ease;
}
.mio-b-image-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--mio-img-hover-overlay-color,#000000);
  opacity:0;
  pointer-events:none;
  transition:opacity var(--mio-img-hover-duration,350ms) ease;
}
.mio-b-image-hover-zoom:hover img{transform:scale(var(--mio-img-hover-zoom,1.06));}
.mio-b-image-hover-fade:hover img{opacity:.78;}
.mio-b-image-hover-overlay:hover::after{opacity:var(--mio-img-hover-overlay-opacity,.35);}
.mio-b-image-hover-lift:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(17,24,39,.16);}
@media (prefers-reduced-motion:reduce){
  .mio-b-image-wrap,.mio-b-image-wrap img,.mio-b-image-wrap::after{transition:none!important;}
}

/* Tekstmodule overrides: gekozen vormgeving moet globale site-CSS overrulen. */
.mio-b-text-inner.mio-b-text-has-font, .mio-b-text-inner.mio-b-text-has-font *{font-family:var(--mio-module-font) !important;}
.mio-b-text-inner.mio-b-text-has-color{color:var(--mio-module-color) !important;}
.mio-b-text-inner.mio-b-text-has-color :where(p,ul,ol,li,a,span,strong,b,em,i,u,blockquote,figcaption){color:var(--mio-module-color) !important;}
/* Alleen gewone tekst krijgt de module-lettergrootte. Koppen blijven echte H1/H2/H3, ook live. */
.mio-b-text-inner.mio-b-text-has-size,
.mio-b-text-inner.mio-b-text-has-size :where(p,ul,ol,li,a,span,strong,b,em,i,u,blockquote,figcaption){font-size:var(--mio-module-font-size) !important;}
.mio-b-text-inner.mio-b-text-has-line,
.mio-b-text-inner.mio-b-text-has-line :where(p,ul,ol,li,a,span,strong,b,em,i,u,blockquote,figcaption){line-height:var(--mio-module-line-height) !important;}
.mio-b-text-inner :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading);font-weight:var(--heading-weight);line-height:1.2;margin:0 0 .6em;}
.mio-b-text-inner h1{font-size:var(--h1-size);color:var(--h1-color);}
.mio-b-text-inner h2{font-size:var(--h2-size);color:var(--h2-color);}
.mio-b-text-inner h3{font-size:var(--h3-size);color:var(--h3-color);}
.mio-b-text-inner h4{font-size:var(--h4-size);color:var(--h4-color);}

/* Mio fix: afbeelding-module vormgeving op frontend */
.mio-b-image-wrap{box-sizing:border-box;}
.mio-b-image-wrap img{width:100%;box-sizing:border-box;}


/* Mio page builder: uitgebreide kolomindelingen */
.mio-b-row{display:grid;gap:28px;}
.mio-b-cols-1{grid-template-columns:1fr;}
.mio-b-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.mio-b-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mio-b-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mio-b-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.mio-b-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
.mio-b-layout-2-33-67{grid-template-columns:minmax(0,1fr) minmax(0,2fr);}
.mio-b-layout-2-67-33{grid-template-columns:minmax(0,2fr) minmax(0,1fr);}
@media(max-width:1000px){.mio-b-cols-5,.mio-b-cols-6{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:800px){.mio-b-cols-2,.mio-b-cols-3,.mio-b-cols-4,.mio-b-cols-5,.mio-b-cols-6,.mio-b-layout-2-33-67,.mio-b-layout-2-67-33{grid-template-columns:1fr;}}

.mio-b-layout-3-25-50-25{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);}
.mio-b-layout-3-20-60-20{grid-template-columns:minmax(0,1fr) minmax(0,3fr) minmax(0,1fr);}
.mio-b-layout-3-25-25-50{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);}
.mio-b-layout-3-50-25-25{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);}
@media(max-width:800px){.mio-b-layout-3-25-50-25,.mio-b-layout-3-20-60-20,.mio-b-layout-3-25-25-50,.mio-b-layout-3-50-25-25{grid-template-columns:1fr;}}

/* Mio losse builder modules */
.mio-faq-module{display:grid;gap:12px}.mio-faq-item{border:1px solid #e0e4ec;border-radius:12px;padding:12px 16px;background:#fff}.mio-faq-item summary{font-weight:600;cursor:pointer}.mio-faq-item div{padding-top:10px}.mio-slider-module{overflow:hidden}.mio-slider-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}.mio-slider-track figure{min-width:80%;margin:0;scroll-snap-align:start}.mio-slider-track img{display:block;width:100%;height:auto;border-radius:14px}.mb-custom-preview{padding:22px;border:1px dashed #b8c3d6;border-radius:12px;background:#fff}.mb-custom-preview span{display:block;margin-top:4px;color:#64748b;font-size:13px}


/* === Mio shop overzicht: nette frontend layout 0.4.4 === */
.shop-overview-container{max-width:1240px}
.shop-overview-hero{padding:42px 0 18px;background:#fff;border-bottom:1px solid var(--color-line,#e4e7ec)}
.shop-overview-hero__inner{align-items:flex-start;margin-bottom:22px}
.shop-overview-heading{max-width:760px}
.shop-eyebrow{display:block;margin-bottom:6px;font-size:14px;letter-spacing:.02em;color:#111}
.shop-overview-heading h1{margin:0 0 8px;font-size:clamp(38px,5vw,64px);line-height:1.02;color:var(--color-primary,#2f79ff)}
.shop-intro{margin:0;color:#222;font-size:17px;line-height:1.55}
.shop-active-filter{margin-top:12px;display:inline-flex;gap:6px;align-items:center;padding:8px 12px;background:#f5f7fa;border:1px solid #e2e6ec;font-size:14px}
.shop-overview-actions{justify-content:flex-end;align-self:flex-start}
.shop-cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 24px;background:#111;color:#fff;text-decoration:none;font-weight:600;border:1px solid #111}
.shop-cart-link:hover{background:#2b2b2b;color:#fff;text-decoration:none}
.shop-theme-stat{min-width:110px;min-height:58px;justify-content:center;padding:12px 18px;border:1px solid #dfe3e8;background:#fff;text-align:center}
.shop-theme-stat strong{font-size:24px;line-height:1.05;color:#111}.shop-theme-stat span{font-size:13px;color:#111}
.shop-category-filter{margin-top:16px;padding:14px;border:1px solid #e0e4eb;background:#fafafa}
.shop-category-filter__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:15px}
.shop-category-filter__top a{font-size:14px;text-decoration:none}
.shop-category-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;white-space:nowrap}
.shop-chip{flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;max-width:310px;padding:8px 13px;border:1px solid #dfe3e8;background:#fff;color:#111;text-decoration:none;font-size:14px;line-height:1.25;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.shop-chip:hover{border-color:#111;text-decoration:none}.shop-chip.is-active{background:#111;color:#fff;border-color:#111}
.shop-grid-wrap{padding:30px 0 64px;background:#fff}
.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.shop-card{border:1px solid #e1e4e8;background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.shop-card:hover{transform:translateY(-2px);border-color:#cfd5dc;box-shadow:0 16px 38px rgba(15,23,42,.08)}
.shop-card-image{display:flex;align-items:center;justify-content:center;height:230px;padding:18px;background:#fff;border-bottom:1px solid #edf0f3;text-decoration:none}
.shop-card-image img{display:block;width:100%;height:100%;object-fit:contain;max-height:210px}
.shop-card-image__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#f5f5f5;color:#777;font-size:14px}
.shop-card-body{padding:18px;display:flex;flex-direction:column;gap:14px;min-height:260px;height:100%}
.shop-card-top{gap:8px}.shop-card-body h2{margin:0;font-size:18px;line-height:1.32;font-weight:600;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-card-body h2 a{text-decoration:none;color:var(--color-primary,#1d3fa3)}.shop-card-body h2 a:hover{text-decoration:underline}.shop-card-body p{margin:0;color:#111;font-size:15px;line-height:1.48;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:66px}.shop-card-meta{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-card-price{font-weight:600;color:#111;font-size:17px}.shop-stock-pill{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#f1f3f5;color:#111;font-size:12px;line-height:1}.shop-stock-pill.is-instock{background:#e7f6e8}.shop-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}.shop-card-actions form{margin:0}.shop-card-actions .btn,.shop-card-actions form .btn{width:100%;min-height:46px;justify-content:center;background:#111;color:#fff;border-color:#111}.shop-card-actions .btn--light{background:#111;color:#fff}.shop-card-actions .btn:hover{background:#2b2b2b;color:#fff;text-decoration:none}
@media (max-width:1180px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.shop-overview-hero__inner{flex-direction:column;align-items:flex-start}.shop-overview-actions{justify-content:flex-start}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card-image{height:210px}.shop-card-body{min-height:240px}}
@media (max-width:640px){.shop-grid{grid-template-columns:1fr}.shop-card-actions{grid-template-columns:1fr}.shop-category-filter{padding:12px}.shop-card-body{min-height:auto}.shop-card-body h2,.shop-card-body p{min-height:0}.shop-overview-heading h1{font-size:38px}}

/* === Mio shop frontend verbeteringen 0.4.5: zoeken, knoppen, winkelmand === */
.shop-overview-hero{position:relative}.shop-overview-actions{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.shop-cart-link--top{position:relative;gap:10px;min-height:58px;border-radius:0;background:#111;color:#fff}.shop-cart-link--top strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#fff;color:#111;font-size:14px;line-height:1}.shop-cart-icon{font-size:18px;line-height:1}.shop-searchbar{margin:8px 0 18px;padding:18px;border:1px solid #e0e4eb;background:#fff}.shop-searchbar label{display:block;margin:0 0 8px;color:#111;font-weight:600;font-size:14px}.shop-searchbar__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.shop-searchbar input[type=search]{width:100%;height:48px;padding:0 15px;border:1px solid #d8dee8;background:#fff;color:#111;font:inherit;font-size:16px;box-sizing:border-box}.shop-searchbar input[type=search]:focus{outline:2px solid rgba(47,121,255,.18);border-color:var(--color-primary,#2f79ff)}.shop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #111;background:#111;color:#fff;text-decoration:none;font:inherit;font-weight:600;line-height:1.2;cursor:pointer;box-sizing:border-box;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.shop-btn:hover{background:#2b2b2b;color:#fff;text-decoration:none;transform:translateY(-1px)}.shop-btn--secondary{background:#fff;color:#111;border-color:#d7dce5}.shop-btn--secondary:hover{background:#111;color:#fff;border-color:#111}.shop-btn--primary{background:#111;color:#fff;border-color:#111}.shop-card-actions .shop-btn{width:100%;min-height:48px;text-align:center}.shop-card-actions .shop-btn--secondary{background:#fff;color:#111;border-color:#111}.shop-card-actions .shop-btn--secondary:hover{background:#111;color:#fff}.shop-card-actions .shop-btn--primary:hover{background:var(--color-primary,#2f79ff);border-color:var(--color-primary,#2f79ff);color:#fff}.shop-pagination .btn{border-radius:0}.shop-active-filter{border-radius:0}.shop-chip{border-radius:0}.shop-theme-stat,.shop-card,.shop-card-image,.shop-category-filter,.shop-searchbar{border-radius:0}@media (max-width:760px){.shop-searchbar__row{grid-template-columns:1fr}.shop-searchbar__row .shop-btn{width:100%}.shop-overview-actions{width:100%}.shop-cart-link--top,.shop-theme-stat{width:100%;justify-content:center}.shop-card-actions{grid-template-columns:1fr}}

/* === Mio shop wishlist 0.4.6 === */
.shop-wishlist-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:0 22px;background:#fff;color:#111;text-decoration:none;font-weight:600;border:1px solid #111;box-sizing:border-box}
.shop-wishlist-link:hover,.shop-wishlist-link.is-active{background:#111;color:#fff;text-decoration:none}
.shop-wishlist-link strong{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;background:#111;color:#fff;font-size:14px;line-height:1}
.shop-wishlist-link:hover strong,.shop-wishlist-link.is-active strong{background:#fff;color:#111}
.shop-card-image-wrap{position:relative;background:#fff;border-bottom:1px solid #edf0f3}
.shop-card-image-wrap .shop-card-image{border-bottom:0}
.shop-wishlist-form{position:absolute;top:12px;right:12px;margin:0;z-index:3}
.shop-wishlist-toggle{width:42px;height:42px;border:1px solid #dfe3e8;background:#fff;color:#111;border-radius:50%;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(15,23,42,.10);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.shop-wishlist-toggle:hover{transform:translateY(-1px);border-color:#111;background:#111;color:#fff}
.shop-wishlist-toggle.is-active{background:#111;color:#fff;border-color:#111}
.shop-detail-wishlist{margin:18px 0 0}
@media (max-width:760px){.shop-wishlist-link{width:100%}.shop-wishlist-form{top:10px;right:10px}.shop-wishlist-toggle{width:40px;height:40px;font-size:22px}}

/* WebshopDeals */
.webshopdeals-badge{position:absolute;left:12px;top:12px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;background:#111;color:#fff;font-weight:600;font-size:13px;line-height:1;border:1px solid #111}
.webshopdeals-badge-inline{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;margin-left:6px;background:#111;color:#fff;font-weight:600;font-size:12px;vertical-align:middle}

/* Mio productlabels / badges */
.shop-product-badges{position:absolute;left:12px;top:50px;z-index:4;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}
.shop-product-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 9px;color:#fff;border:1px solid #111;font-weight:600;font-size:12px;line-height:1;text-transform:none}
.shop-detail-content>.shop-product-badges{position:static;margin:0 0 12px;max-width:none}
.shop-card-brand{font-size:13px;font-weight:600;color:#51637d;margin-top:-3px}
.shop-brand-line,.shop-code-line{font-size:14px}

/* Mio footer builder uitbreidingen */
.site-footer > .site-footer__builder{width:100%;}
.site-footer__builder .mio-b-section{box-sizing:border-box;}
.site-footer__builder .mio-b-container{box-sizing:border-box;}

/* === 0.4.32 footer live rendering fix ===
   De live footer volgt nu de builder-opzet: lege bewerkkolommen tellen niet mee,
   tekst wordt niet meer door theme/footer-styling opgeblazen en kolommen krijgen
   dezelfde ruime verdeling als in de footer-editor. */
.site-footer > .site-footer__builder{display:block;width:100%;margin:0;padding:0;border:0;}
.site-footer__builder .mio-page-builder{width:100%;}
.site-footer__builder .mio-b-section{width:100%;box-sizing:border-box;margin:0;}
.site-footer__builder .mio-b-container{box-sizing:border-box;max-width:min(1180px, calc(100vw - 48px));}
.site-footer__builder .mio-b-row{display:grid;align-items:start;gap:56px;}
.site-footer__builder .mio-b-col{min-width:0;box-sizing:border-box;}
.site-footer__builder .mio-b-module{margin:0 0 14px;}
.site-footer__builder .mio-b-heading h1,
.site-footer__builder .mio-b-heading h2,
.site-footer__builder .mio-b-heading h3,
.site-footer__builder .mio-b-heading h4{margin:0 0 16px;font-family:var(--font-heading, inherit);font-weight:600;line-height:1.2;}
.site-footer__builder .mio-b-heading h4{font-size:18px;}
.site-footer__builder .mio-b-text-inner,
.site-footer__builder .mio-b-text-inner :where(p,li,a,span,strong,em){font-size:15px;line-height:1.45;}
.site-footer__builder .mio-b-text-inner p{margin:0 0 14px;}
.site-footer__builder .mio-b-text-inner p:last-child{margin-bottom:0;}
.site-footer__builder .mio-b-image img{display:block;max-width:100%;height:auto;}
@media(max-width:900px){.site-footer__builder .mio-b-row{gap:28px}.site-footer__builder .mio-b-container{max-width:calc(100vw - 32px)}}


/* === 0.4.33 footer live gelijk aan editor ===
   Live gebruikt dezelfde grid als de editor: lege kolommen blijven bestaan,
   de footer krijgt geen extra bovenruimte en de builder-breedtes worden niet
   overschreven door oude footer-CSS. */
.site-footer--has-builder{margin-top:0 !important;}
.site-footer--has-builder > .site-footer__builder{display:block;width:100%;margin:0 !important;padding:0 !important;border:0;}
.site-footer--has-builder .mio-page-builder{width:100%;}
.site-footer--has-builder .site-footer__builder .mio-b-section{width:100%;box-sizing:border-box;margin:0;}
.site-footer--has-builder .site-footer__builder .mio-b-container{box-sizing:border-box;max-width:none;}
.site-footer--has-builder .site-footer__builder .mio-b-row{display:grid;align-items:start;gap:28px;}
.site-footer--has-builder .site-footer__builder .mio-b-col{min-width:0;box-sizing:border-box;}
.site-footer--has-builder .site-footer__builder .mio-b-module{margin:0 0 14px;}
.site-footer--has-builder .site-footer__builder .mio-b-heading h1,
.site-footer--has-builder .site-footer__builder .mio-b-heading h2,
.site-footer--has-builder .site-footer__builder .mio-b-heading h3,
.site-footer--has-builder .site-footer__builder .mio-b-heading h4{margin:0 0 16px;font-family:var(--font-heading, inherit);font-weight:600;line-height:1.2;}
.site-footer--has-builder .site-footer__builder .mio-b-heading h4{font-size:18px;}
.site-footer--has-builder .site-footer__builder .mio-b-text-inner,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner :where(p,li,a,span,strong,em){font-size:15px;line-height:1.45;}
.site-footer--has-builder .site-footer__builder .mio-b-text-inner p{margin:0 0 14px;}
.site-footer--has-builder .site-footer__builder .mio-b-text-inner p:last-child{margin-bottom:0;}
.site-footer--has-builder .site-footer__builder .mio-b-image img{display:block;max-width:100%;height:auto;}
@media(max-width:900px){.site-footer--has-builder .site-footer__builder .mio-b-row{gap:28px}.site-footer--has-builder .site-footer__builder .mio-b-container{max-width:none;}}

/* === 0.4.34 footer live exact volgens editor ===
   De vorige fixes kwamen niet overeen omdat inline max-width en theme h4/p styles
   sterker waren dan de footer-builder CSS. In de footer-builder-output moet live
   de opgeslagen breedte volgen (bijv. 80%) zonder max-width begrenzing en met
   dezelfde compacte builder-typografie als de editor. */
.site-footer--has-builder .site-footer__builder .mio-b-container{
  max-width:none !important;
  box-sizing:border-box !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-row{
  display:grid !important;
  align-items:start !important;
  gap:28px !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-module{
  margin:0 0 12px !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-heading h1,
.site-footer--has-builder .site-footer__builder .mio-b-heading h2,
.site-footer--has-builder .site-footer__builder .mio-b-heading h3,
.site-footer--has-builder .site-footer__builder .mio-b-heading h4{
  font-size:18px !important;
  line-height:1.25 !important;
  margin:0 0 14px !important;
  font-weight:700 !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-text-inner,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner p,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner li,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner a,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner span,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner strong,
.site-footer--has-builder .site-footer__builder .mio-b-text-inner em{
  font-size:13px !important;
  line-height:1.45 !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-text-inner p{
  margin:0 0 13px !important;
}
.site-footer--has-builder .site-footer__builder .mio-b-image img{
  display:block !important;
  max-width:100% !important;
  height:auto !important;
}


/* Mio rustigere admin typografie */
h1, h2, h3, .page-title, .card-title, .section-title {
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

.stats-card h2,
.stats-card h3,
.dashboard-card h2,
.dashboard-card h3{
    font-weight:600 !important;
}


/* Mio shop categorie-menu */
.nav-item--has-children > a::after{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-left:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.55;
}
.nav-submenu a,
.nav-submenu .nav-item > a{
  display:block;
  white-space:nowrap;
  padding:7px 9px;
  border-radius:8px;
  text-decoration:none;
}
.nav-submenu a:hover,
.nav-submenu .nav-item > a:hover{
  background:#f6f8f4;
}
@media (max-width:900px){
  .nav-item--has-children > a::after{display:none}
  .nav-submenu a,
  .nav-submenu .nav-item > a{
    white-space:normal;
    padding:6px 0;
  }
}

/* === Mio CMS productkaart: Marktplaats layout v2 ===
   Alleen templates/shop/default/partials/card.php gebruikt deze classes.
   Bewust met hoge specificiteit omdat ThemeBuilder frontend-CSS na front.css wordt ingeladen. */
.shop-grid > .product-card.shop-product-card-modern,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid #dbe5f3!important;
    border-radius:16px!important;
    box-shadow:0 8px 24px rgba(7,20,47,.035)!important;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.shop-grid > .product-card.shop-product-card-modern:hover,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern:hover{
    border-color:#c8d6ea!important;
    box-shadow:0 16px 38px rgba(7,20,47,.075)!important;
    transform:translateY(-2px)!important;
}
.shop-grid > .product-card.shop-product-card-modern a{text-decoration:none!important;color:#07142f!important;}
.shop-grid > .product-card.shop-product-card-modern .product-image-wrap{
    position:relative!important;
    background:#fff!important;
    border-bottom:1px solid #edf2f7!important;
}
.shop-grid > .product-card.shop-product-card-modern .product-image{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:244px!important;
    padding:24px!important;
    background:#fff!important;
    box-sizing:border-box!important;
}
.shop-grid > .product-card.shop-product-card-modern .product-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:205px!important;
    object-fit:contain!important;
    padding:0!important;
    background:#fff!important;
}
.shop-grid > .product-card.shop-product-card-modern .image-placeholder{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    border-radius:12px!important;
    background:#f6f8fb!important;
    color:#9aa7b8!important;
    font-weight:700!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
}
.shop-grid > .product-card.shop-product-card-modern .sale-badge{
    position:absolute!important;
    left:14px!important;
    top:14px!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:30px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    background:#fff4e5!important;
    color:#c86a00!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
    box-shadow:0 8px 20px rgba(200,106,0,.12)!important;
}
.shop-grid > .product-card.shop-product-card-modern .wishlist-form{
    position:absolute!important;
    right:14px!important;
    top:14px!important;
    z-index:4!important;
    margin:0!important;
}
.shop-grid > .product-card.shop-product-card-modern .heart{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid #dbe5f3!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#1f5eaa!important;
    font-size:23px!important;
    line-height:1!important;
    box-shadow:0 12px 24px rgba(7,20,47,.08)!important;
    cursor:pointer!important;
}
.shop-grid > .product-card.shop-product-card-modern .heart.is-active{color:#d7263d!important;}
.shop-grid > .product-card.shop-product-card-modern .product-body{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    height:100%!important;
    min-height:154px!important;
    padding:18px 16px 14px!important;
    background:#f3f6fa!important;
    box-sizing:border-box!important;
}
.shop-grid > .product-card.shop-product-card-modern .product-body h3{
    margin:0!important;
    min-height:44px!important;
    color:#07142f!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:700!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}
.shop-grid > .product-card.shop-product-card-modern .product-body h3 a{color:#07142f!important;text-decoration:none!important;}
.shop-grid > .product-card.shop-product-card-modern .product-body h3 a:hover{text-decoration:underline!important;}
.shop-grid > .product-card.shop-product-card-modern .brand{
    margin:-2px 0 0!important;
    color:#51637d!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.shop-grid > .product-card.shop-product-card-modern .price{
    display:flex!important;
    align-items:baseline!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:auto!important;
    padding-top:2px!important;
    color:#07142f!important;
    font-size:22px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
.shop-grid > .product-card.shop-product-card-modern .price strong,
.shop-grid > .product-card.shop-product-card-modern .shop-price-sale{font-size:22px!important;font-weight:800!important;color:#07142f!important;}
.shop-grid > .product-card.shop-product-card-modern .shop-price-old{
    font-size:14px!important;
    font-weight:600!important;
    color:#7b8797!important;
    text-decoration:line-through!important;
    opacity:1!important;
    margin-right:0!important;
}
.shop-grid > .product-card.shop-product-card-modern .webshopdeals-badge-inline{display:none!important;}
.shop-grid > .product-card.shop-product-card-modern .hint{font-size:12px!important;color:#64738b!important;font-weight:600!important;}
.shop-grid > .product-card.shop-product-card-modern .shop-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-top:4px!important;
    padding-top:10px!important;
    border-top:1px solid #e8edf4!important;
    color:#51637d!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2!important;
}
.shop-grid > .product-card.shop-product-card-modern .shop-link{
    color:#51637d!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.shop-grid > .product-card.shop-product-card-modern .shop-link:hover{color:#07142f!important;text-decoration:underline!important;}
@media (max-width:900px){.shop-grid > .product-card.shop-product-card-modern .product-image{height:220px!important;}}
@media (max-width:640px){.shop-grid > .product-card.shop-product-card-modern .product-body{min-height:auto!important}.shop-grid > .product-card.shop-product-card-modern .product-body h3{min-height:0!important}}

/* Mio CMS shop modern layout v3 - werkt ook met ThemeBuilder */
body .shop-modern-hero{padding:34px 0 18px;background:#fff;border-bottom:1px solid #e7edf5}
body .shop-modern-topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
body .shop-modern-topbar .shop-overview-heading h1{margin:0 0 8px;font-size:clamp(42px,5vw,64px);line-height:.95;font-weight:800;color:#3B61AC}
body .shop-modern-topbar .shop-eyebrow{display:block;margin-bottom:6px;color:#07142f;font-size:14px;letter-spacing:0}
body .shop-modern-topbar .shop-intro{margin:0;color:#07142f;font-size:17px;line-height:1.45}
body .shop-modern-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
body .shop-modern-actions .shop-theme-stat,body .shop-modern-actions .shop-cart-link,body .shop-modern-actions .shop-wishlist-link{border:1px solid #d9e2ef;background:#fff;border-radius:0;box-shadow:none;color:#07142f;text-decoration:none}
body .shop-modern-actions .shop-cart-link{background:#111;color:#fff;border-color:#111}
body .shop-modern-actions .shop-theme-stat{min-width:108px;text-align:center;padding:14px 18px}
body .shop-modern-actions .shop-theme-stat strong{font-size:24px;font-weight:800;color:inherit}
body .shop-modern-actions .shop-theme-stat span{font-size:13px;color:inherit}
body .shop-modern-search{margin-top:20px;padding:18px;border:1px solid #d9e2ef;background:#fff;box-shadow:none;border-radius:0}
body .shop-modern-search label{display:block;margin:0 0 10px;font-weight:600;color:#07142f}
body .shop-modern-search .shop-searchbar__row{display:flex;gap:12px}
body .shop-modern-search input{height:48px;flex:1;border:1px solid #d9e2ef;padding:0 16px;font-size:16px;border-radius:0;background:#fff}
body .shop-modern-search .shop-btn{height:48px;border-radius:6px;padding:0 20px}
body .shop-modern-catalog-section{padding:32px 0 64px;background:#fff}
body .shop-modern-catalog-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
body .shop-modern-sidebar{position:sticky;top:18px;border:1px solid #d9e2ef;border-radius:18px;background:#fff;padding:16px 14px;box-shadow:0 10px 30px rgba(7,20,47,.04);max-height:calc(100vh - 36px);overflow:auto}
body .shop-modern-sidebar__title{margin:0 0 10px;padding:0 4px;font-size:18px;font-weight:800;color:#07142f}
body .shop-modern-category-list{display:flex;flex-direction:column;gap:2px}
body .shop-modern-category{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;color:#07142f;text-decoration:none;font-size:14px;line-height:1.2}
body .shop-modern-category span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .shop-modern-category strong{flex:0 0 auto;min-width:28px;padding:3px 7px;border-radius:999px;background:#edf2fa;color:#637089;text-align:center;font-size:12px;font-weight:700}
body .shop-modern-category:hover,body .shop-modern-category.is-active{background:#ecf7e8;color:#15803d}
body .shop-modern-category.is-active strong{background:#dff3d8;color:#15803d}
body .shop-modern-products-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 16px}
body .shop-modern-products-head h2{margin:0;font-size:30px;line-height:1.15;font-weight:800;color:#07142f}
body .shop-modern-products-head a{color:#07142f;text-decoration:none;font-size:14px}
body .shop-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body .shop-product-card-modern{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #dbe5f3;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(7,20,47,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body .shop-product-card-modern:hover{transform:translateY(-2px);border-color:#c8d6ea;box-shadow:0 18px 42px rgba(7,20,47,.075)}
body .shop-product-card-modern .shop-card-image-wrap{position:relative;background:#fff;border-bottom:1px solid #eef3f8}
body .shop-product-card-modern .shop-card-image{position:relative;display:flex;align-items:center;justify-content:center;height:244px;padding:22px;background:#fff;text-decoration:none;border:0}
body .shop-product-card-modern .shop-card-image img{display:block;width:100%;height:100%;max-height:205px;object-fit:contain;background:#fff;padding:0;border:0}
body .shop-product-card-modern .shop-sale-badge{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#fff4e5;color:#c86a00;font-size:12px;font-weight:700;line-height:1;box-shadow:none}
body .shop-product-card-modern .shop-wishlist-form{position:absolute;right:14px;top:14px;z-index:4;margin:0}
body .shop-product-card-modern .shop-wishlist-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #dbe5f3;border-radius:50%;background:#fff;color:#1f5eaa;font-size:22px;line-height:1;box-shadow:0 12px 24px rgba(7,20,47,.08);cursor:pointer}
body .shop-product-card-modern .shop-card-body{display:flex;flex-direction:column;gap:9px;min-height:136px;height:100%;padding:16px;background:#f3f6fa;color:#07142f}
body .shop-product-card-modern .shop-card-body h2{margin:0;min-height:43px;font-size:16px;line-height:1.35;font-weight:800;color:#07142f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body .shop-product-card-modern .shop-card-body h2 a{color:#07142f;text-decoration:none}
body .shop-product-card-modern .shop-card-brand{margin:0;color:#51637d;font-size:13px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:3}
body .shop-product-card-modern .shop-card-price{margin:0;color:#07142f;font-size:22px;line-height:1.2;font-weight:900;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;order:2}
body .shop-product-card-modern .shop-card-price strong,body .shop-product-card-modern .shop-price-sale{font-size:22px;font-weight:900;color:#07142f}
body .shop-product-card-modern .shop-price-old{font-size:14px!important;font-weight:600!important;color:#7b8797!important;text-decoration:line-through!important;opacity:1!important;margin-right:0!important}
body .shop-product-card-modern .webshopdeals-badge-inline{display:none!important}
body .shop-product-card-modern .shop-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #e8edf4;color:#51637d;font-size:13px;font-weight:700;line-height:1.2;order:4}
body .shop-product-card-modern .shop-card-view{color:#51637d;text-decoration:none}
body.mio-themebuilder-active .shop-modern-catalog-layout{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
body.mio-themebuilder-active .shop-modern-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
body.mio-themebuilder-active .shop-product-card-modern .shop-card-body h2 a{color:#07142f!important}
body.mio-themebuilder-active .shop-modern-products-head h2{color:#07142f!important}
@media(max-width:1180px){body .shop-modern-grid,body.mio-themebuilder-active .shop-modern-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body .shop-modern-catalog-layout,body.mio-themebuilder-active .shop-modern-catalog-layout{grid-template-columns:1fr!important}body .shop-modern-sidebar{position:relative;top:0;max-height:none}body .shop-modern-grid,body.mio-themebuilder-active .shop-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .shop-modern-topbar{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){body .shop-modern-grid,body.mio-themebuilder-active .shop-modern-grid{grid-template-columns:1fr!important}body .shop-modern-search .shop-searchbar__row{flex-direction:column}body .shop-modern-search .shop-btn{width:100%}}

/* === 0.4.73 SITEBREEDTE 85 PROCENT - GEEN BOXED LAYOUT ===
   Alles wat als hoofdcontainer/contentcontainer wordt gebruikt volgt nu dezelfde breedte.
   Sections blijven full width voor achtergrond/kleuren; de inhoud staat gecentreerd op 85%.
*/
:root{
  --container:85vw;
  --mio-site-width:85vw;
}

body .container,
body .site-header .container,
body .site-footer .container,
body .site-header__row,
body .site-footer__row,
body main > .container,
body .page-container,
body .content-container,
body .shop-overview-container,
body .shop-modern-container,
body .shop-detail-container,
body .shop-checkout-container,
body .blog-container,
body .mio-b-container,
body .section-shell .container,
body .hero .container,
body .site-footer--has-builder .site-footer__builder .mio-b-container,
body .site-footer__builder .mio-b-container{
  width:var(--mio-site-width) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

body .container,
body .section-shell .container,
body .hero .container,
body .mio-b-container{
  padding-left:0 !important;
  padding-right:0 !important;
}

body .site-header,
body .site-footer,
body .mio-b-section,
body .section-shell,
body .shop-modern-catalog-section{
  width:100% !important;
  max-width:none !important;
}

body .shop-modern-catalog-section .shop-overview-container,
body .shop-modern-catalog-section .shop-modern-container,
body .shop-overview-container{
  width:var(--mio-site-width) !important;
  max-width:none !important;
}

@media(max-width:900px){
  :root{--container:calc(100vw - 32px);--mio-site-width:calc(100vw - 32px);}
}

/* === 0.4.74 PROFESSIONELE WEBSHOP OVERZICHTLAYOUT === */
body .shop-pro-hero,
body.mio-themebuilder-active .shop-pro-hero{
  padding:30px 0 22px !important;
  background:#fff !important;
  border-bottom:1px solid #e8eef6 !important;
}
body .shop-pro-topbar,
body.mio-themebuilder-active .shop-pro-topbar{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:24px !important;
}
body .shop-pro-topbar .shop-overview-heading h1,
body.mio-themebuilder-active .shop-pro-topbar .shop-overview-heading h1{
  margin:0 0 8px !important;
  color:#07142f !important;
  font-size:clamp(38px,4.2vw,58px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}
body .shop-pro-topbar .shop-eyebrow{font-size:13px !important;color:#51637d !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.08em !important;}
body .shop-pro-meta{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;margin-top:10px !important;color:#51637d !important;font-size:14px !important;}
body .shop-pro-meta span{display:inline-flex !important;align-items:center !important;min-height:28px !important;padding:5px 10px !important;border:1px solid #e0e8f3 !important;border-radius:999px !important;background:#f8fafc !important;}
body .shop-pro-actions{display:flex !important;align-items:center !important;gap:10px !important;}
body .shop-pro-iconlink,
body .shop-pro-cart{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;height:44px !important;padding:0 15px !important;border:1px solid #dbe5f3 !important;border-radius:12px !important;background:#fff !important;color:#07142f !important;text-decoration:none !important;font-weight:700 !important;}
body .shop-pro-cart{background:#07142f !important;color:#fff !important;border-color:#07142f !important;}
body .shop-pro-iconlink strong,
body .shop-pro-cart strong{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:24px !important;height:24px !important;padding:0 7px !important;border-radius:999px !important;background:#eef4fc !important;color:#07142f !important;font-size:12px !important;}
body .shop-pro-cart strong{background:#fff !important;color:#07142f !important;}
body .shop-pro-toolbar,
body.mio-themebuilder-active .shop-pro-toolbar{
  display:grid !important;
  grid-template-columns:minmax(260px,1fr) 240px auto auto !important;
  gap:12px !important;
  align-items:end !important;
  margin-top:22px !important;
  padding:14px !important;
  border:1px solid #dbe5f3 !important;
  border-radius:16px !important;
  background:#f8fafc !important;
  box-shadow:none !important;
}
body .shop-pro-search label,
body .shop-pro-sort label{display:block !important;margin:0 0 6px !important;color:#51637d !important;font-size:12px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.06em !important;}
body .shop-pro-search input,
body .shop-pro-sort select{width:100% !important;height:46px !important;border:1px solid #d7e1ee !important;border-radius:10px !important;background:#fff !important;color:#07142f !important;font-size:15px !important;padding:0 13px !important;box-shadow:none !important;}
body .shop-pro-submit,
body .shop-pro-reset{height:46px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:10px !important;white-space:nowrap !important;}
body .shop-pro-catalog-section{padding:28px 0 70px !important;background:#fff !important;}
body .shop-pro-catalog-layout,
body.mio-themebuilder-active .shop-pro-catalog-layout{display:grid !important;grid-template-columns:280px minmax(0,1fr) !important;gap:24px !important;align-items:start !important;}
body .shop-pro-sidebar,
body.mio-themebuilder-active .shop-pro-sidebar{position:sticky !important;top:18px !important;padding:14px !important;border:1px solid #dbe5f3 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 10px 30px rgba(7,20,47,.04) !important;max-height:calc(100vh - 36px) !important;overflow:auto !important;}
body .shop-pro-sidebar-head{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin:0 0 10px !important;padding:4px 4px 12px !important;border-bottom:1px solid #edf2f8 !important;}
body .shop-pro-sidebar-head strong{font-size:18px !important;font-weight:800 !important;color:#07142f !important;}
body .shop-pro-sidebar-head a{font-size:13px !important;color:#1f5eaa !important;text-decoration:none !important;font-weight:700 !important;}
body .shop-pro-category-list{display:flex !important;flex-direction:column !important;gap:2px !important;}
body .shop-pro-category{position:relative !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;min-height:36px !important;padding:8px 10px !important;border-radius:10px !important;color:#07142f !important;text-decoration:none !important;font-size:14px !important;line-height:1.2 !important;}
body .shop-pro-category span{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
body .shop-pro-category strong{flex:0 0 auto !important;min-width:28px !important;padding:3px 8px !important;border-radius:999px !important;background:#edf2fa !important;color:#51637d !important;text-align:center !important;font-size:12px !important;font-weight:800 !important;}
body .shop-pro-category:hover,
body .shop-pro-category.is-active{background:#eef8ea !important;color:#15803d !important;}
body .shop-pro-category.is-active strong{background:#dff3d8 !important;color:#15803d !important;}
body .shop-pro-category--level-1{padding-left:24px !important;font-size:13px !important;}
body .shop-pro-category--level-2{padding-left:38px !important;font-size:13px !important;}
body .shop-pro-category--level-3,
body .shop-pro-category--level-4{padding-left:52px !important;font-size:12px !important;}
body .shop-pro-category--level-1:before,
body .shop-pro-category--level-2:before,
body .shop-pro-category--level-3:before,
body .shop-pro-category--level-4:before{content:"" !important;position:absolute !important;left:12px !important;top:50% !important;width:6px !important;height:1px !important;background:#a9b7c9 !important;}
body .shop-pro-products-head{display:flex !important;align-items:flex-end !important;justify-content:space-between !important;gap:16px !important;margin:0 0 16px !important;}
body .shop-pro-products-head h2{margin:0 !important;font-size:30px !important;line-height:1.15 !important;font-weight:800 !important;color:#07142f !important;letter-spacing:-.02em !important;}
body .shop-pro-products-head p{margin:4px 0 0 !important;color:#51637d !important;font-size:14px !important;}
body .shop-pro-products-head a{color:#1f5eaa !important;text-decoration:none !important;font-size:14px !important;font-weight:700 !important;}
body .shop-pro-grid,
body.mio-themebuilder-active .shop-pro-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:24px !important;}
body .shop-pro-card,
body.mio-themebuilder-active .shop-pro-card{display:flex !important;flex-direction:column !important;height:100% !important;overflow:hidden !important;border:1px solid #dbe5f3 !important;border-radius:16px !important;background:#fff !important;box-shadow:0 12px 34px rgba(7,20,47,.045) !important;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease !important;}
body .shop-pro-card:hover{transform:translateY(-2px) !important;border-color:#c8d6ea !important;box-shadow:0 18px 46px rgba(7,20,47,.08) !important;}
body .shop-pro-card a{text-decoration:none !important;}
body .shop-pro-card .shop-card-image-wrap{position:relative !important;background:#fff !important;border-bottom:1px solid #eef3f8 !important;}
body .shop-pro-card .shop-card-image{display:flex !important;align-items:center !important;justify-content:center !important;height:250px !important;padding:22px !important;background:#fff !important;}
body .shop-pro-card .shop-card-image img{display:block !important;width:100% !important;height:100% !important;max-height:210px !important;object-fit:contain !important;background:#fff !important;border:0 !important;}
body .shop-pro-card .shop-sale-badge{position:absolute !important;left:14px !important;top:14px !important;z-index:4 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:28px !important;padding:0 10px !important;border-radius:999px !important;background:#fff4e5 !important;color:#c86a00 !important;font-size:12px !important;font-weight:800 !important;line-height:1 !important;}
body .shop-pro-card .shop-wishlist-form{position:absolute !important;right:14px !important;top:14px !important;z-index:5 !important;margin:0 !important;}
body .shop-pro-card .shop-wishlist-toggle{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;padding:0 !important;border:1px solid #dbe5f3 !important;border-radius:50% !important;background:#fff !important;color:#1f5eaa !important;font-size:22px !important;line-height:1 !important;box-shadow:0 12px 24px rgba(7,20,47,.08) !important;cursor:pointer !important;}
body .shop-pro-card .shop-wishlist-toggle.is-active{color:#d7263d !important;}
body .shop-pro-card .shop-card-body{display:flex !important;flex-direction:column !important;gap:9px !important;min-height:158px !important;height:100% !important;padding:16px !important;background:#f4f7fb !important;color:#07142f !important;}
body .shop-pro-card .shop-card-brand{order:1 !important;margin:0 !important;color:#51637d !important;font-size:12px !important;font-weight:800 !important;line-height:1.25 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body .shop-pro-card .shop-card-body h2{order:2 !important;margin:0 !important;min-height:43px !important;font-size:16px !important;line-height:1.35 !important;font-weight:800 !important;color:#07142f !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
body .shop-pro-card .shop-card-body h2 a{color:#07142f !important;text-decoration:none !important;}
body .shop-pro-card .shop-card-price{order:3 !important;margin:0 !important;color:#07142f !important;font-size:22px !important;line-height:1.2 !important;font-weight:900 !important;display:flex !important;align-items:baseline !important;gap:8px !important;flex-wrap:wrap !important;}
body .shop-pro-card .shop-card-price strong,
body .shop-pro-card .shop-price-sale{font-size:22px !important;font-weight:900 !important;color:#07142f !important;}
body .shop-pro-card .shop-price-old{font-size:14px !important;font-weight:600 !important;color:#7b8797 !important;text-decoration:line-through !important;opacity:1 !important;margin-right:0 !important;}
body .shop-pro-card .webshopdeals-badge-inline{display:none !important;}
body .shop-pro-card .hint{font-size:12px !important;color:#64738b !important;font-weight:700 !important;}
body .shop-pro-card .shop-card-footer{order:4 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;margin-top:auto !important;padding-top:11px !important;border-top:1px solid #e6edf6 !important;color:#51637d !important;font-size:13px !important;font-weight:800 !important;line-height:1.2 !important;}
body .shop-pro-card .shop-card-view{color:#51637d !important;text-decoration:none !important;}
body .shop-pro-card:hover .shop-card-view{color:#1f5eaa !important;}
body .shop-pagination{margin-top:28px !important;display:flex !important;gap:8px !important;flex-wrap:wrap !important;}
body .shop-pagination .btn{border-radius:10px !important;border:1px solid #dbe5f3 !important;background:#fff !important;color:#07142f !important;padding:9px 12px !important;text-decoration:none !important;}
body .shop-pagination .btn.is-active{background:#07142f !important;color:#fff !important;border-color:#07142f !important;}
@media(max-width:1280px){body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}}
@media(max-width:960px){body .shop-pro-catalog-layout,body.mio-themebuilder-active .shop-pro-catalog-layout{grid-template-columns:1fr !important;}body .shop-pro-sidebar{position:relative !important;top:0 !important;max-height:none !important;}body .shop-pro-toolbar{grid-template-columns:1fr 1fr !important;}body .shop-pro-submit,body .shop-pro-reset{width:100% !important;}body .shop-pro-topbar{align-items:flex-start !important;flex-direction:column !important;}body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:640px){body .shop-pro-toolbar{grid-template-columns:1fr !important;}body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:1fr !important;}body .shop-pro-actions{width:100% !important;}body .shop-pro-iconlink,body .shop-pro-cart{flex:1 !important;}body .shop-pro-card .shop-card-image{height:230px !important;}}

/* === Productoverzicht v6: categorieën standaard ingeklapt, actieve pad open === */
body .shop-pro-accordion{gap:3px !important;}
body .shop-pro-catnode{display:block !important;}
body .shop-pro-catrow{display:grid !important;grid-template-columns:minmax(0,1fr) 30px !important;align-items:center !important;gap:4px !important;}
body .shop-pro-catrow > .shop-pro-category{min-width:0 !important;}
body .shop-pro-cat-toggle{width:30px !important;height:30px !important;border:0 !important;border-radius:9px !important;background:#f1f5f9 !important;color:#334155 !important;font-size:18px !important;font-weight:800 !important;line-height:1 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;transition:background .15s ease,color .15s ease,transform .15s ease !important;transform:rotate(-90deg) !important;}
body .shop-pro-cat-toggle:hover{background:#e2e8f0 !important;color:#07142f !important;}
body .shop-pro-catnode.is-open > .shop-pro-catrow .shop-pro-cat-toggle{transform:rotate(90deg) !important;background:#eef8ea !important;color:#15803d !important;}
body .shop-pro-catchildren{display:none !important;margin:2px 0 4px 10px !important;padding-left:10px !important;border-left:1px solid #e3eaf3 !important;}
body .shop-pro-catnode.is-open > .shop-pro-catchildren{display:flex !important;flex-direction:column !important;gap:2px !important;}
body .shop-pro-catnode--level-0{margin-top:2px !important;}
body .shop-pro-catnode--level-1 .shop-pro-category,
body .shop-pro-category--level-1{padding-left:10px !important;font-size:13px !important;}
body .shop-pro-catnode--level-2 .shop-pro-category,
body .shop-pro-category--level-2{padding-left:10px !important;font-size:13px !important;}
body .shop-pro-catnode--level-3 .shop-pro-category,
body .shop-pro-catnode--level-4 .shop-pro-category,
body .shop-pro-category--level-3,
body .shop-pro-category--level-4{padding-left:10px !important;font-size:12px !important;}
body .shop-pro-catnode .shop-pro-category--level-1:before,
body .shop-pro-catnode .shop-pro-category--level-2:before,
body .shop-pro-catnode .shop-pro-category--level-3:before,
body .shop-pro-catnode .shop-pro-category--level-4:before{display:none !important;}

/* === 0.4.76 FIX PRODUCTOVERZICHT: geen smalle productkolom zonder sidebar === */
body .shop-pro-catalog-layout.is-fullwidth,
body.mio-themebuilder-active .shop-pro-catalog-layout.is-fullwidth,
body .shop-pro-catalog-layout:not(.has-sidebar),
body.mio-themebuilder-active .shop-pro-catalog-layout:not(.has-sidebar){
  display:block !important;
  grid-template-columns:1fr !important;
}
body .shop-pro-catalog-layout.is-fullwidth .shop-pro-products,
body.mio-themebuilder-active .shop-pro-catalog-layout.is-fullwidth .shop-pro-products,
body .shop-pro-catalog-layout:not(.has-sidebar) .shop-pro-products,
body.mio-themebuilder-active .shop-pro-catalog-layout:not(.has-sidebar) .shop-pro-products{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}
body .shop-pro-catalog-layout.has-sidebar,
body.mio-themebuilder-active .shop-pro-catalog-layout.has-sidebar{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:var(--ws-grid-gap,24px) !important;
  align-items:start !important;
}
body .shop-pro-products,
body.mio-themebuilder-active .shop-pro-products{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
}
body .shop-pro-grid,
body.mio-themebuilder-active .shop-pro-grid{
  width:100% !important;
  min-width:0 !important;
  grid-template-columns:repeat(var(--ws-grid-columns,4),minmax(0,1fr)) !important;
}
@media(max-width:1280px){body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:repeat(var(--ws-grid-columns-tablet,2),minmax(0,1fr)) !important;}}
@media(max-width:960px){body .shop-pro-catalog-layout.has-sidebar,body.mio-themebuilder-active .shop-pro-catalog-layout.has-sidebar{grid-template-columns:1fr !important;}body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:repeat(var(--ws-grid-columns-tablet,2),minmax(0,1fr)) !important;}}
@media(max-width:640px){body .shop-pro-grid,body.mio-themebuilder-active .shop-pro-grid{grid-template-columns:repeat(var(--ws-grid-columns-mobile,1),minmax(0,1fr)) !important;}}


/* Mio v8: één header voor site + webshop */
body .site-header__row{
  width:100% !important;
  max-width:none !important;
}
body .site-header .nav{
  flex:1 1 auto;
  min-width:0;
}
body .site-header-shop-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
  flex:0 0 auto;
}
body .site-header-shop-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid #dbe5f4;
  background:#fff;
  color:#06183a;
  text-decoration:none;
  border-radius:12px;
  line-height:1;
  font-weight:600 !important;
  white-space:nowrap;
}
body .site-header-shop-action--cart{
  background:#06183a;
  border-color:#06183a;
  color:#fff;
}
body .site-header-shop-action strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  padding:0 7px;
  border-radius:999px;
  background:#f3f6fb;
  color:#06183a;
  font-size:13px;
  font-weight:800 !important;
}
body .site-header-shop-action--cart strong{background:#fff;color:#06183a;}

/* Geen tweede webshop-header met winkelmandje meer */
body .shop-pro-topbar,
body.mio-themebuilder-active .shop-pro-topbar{
  display:block !important;
}
body .shop-pro-actions{display:none !important;}

/* Professioneel geneste categorie-dropdowns in het hoofdmenu */
body .nav-item{position:relative;}
body .nav-item--has-children > a::after{
  content:"⌄";
  display:inline-block;
  margin-left:6px;
  font-size:12px;
  opacity:.65;
  transform:translateY(-1px);
}
body .nav-submenu{
  display:none !important;
  position:absolute !important;
  top:calc(100% + 10px) !important;
  left:0 !important;
  min-width:260px !important;
  max-width:360px !important;
  padding:8px !important;
  background:#fff !important;
  border:1px solid #dbe5f4 !important;
  border-radius:14px !important;
  box-shadow:0 18px 45px rgba(6,24,58,.12) !important;
  z-index:2000 !important;
  flex-direction:column !important;
  gap:2px !important;
}
body .nav-item--has-children:hover > .nav-submenu,
body .nav-item--has-children:focus-within > .nav-submenu{
  display:flex !important;
}
body .nav-submenu a,
body .nav-submenu .nav-item > a{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  color:#06183a !important;
  font-size:14px !important;
  line-height:1.25 !important;
  white-space:normal !important;
}
body .nav-submenu a:hover,
body .nav-submenu .nav-item:hover > a{
  background:#f3f7fd !important;
  color:#2f5fbd !important;
}
body .nav-submenu .nav-item--has-children > a::after{content:"›";margin-left:16px;}
body .nav-submenu .nav-submenu{
  top:-8px !important;
  left:calc(100% + 8px) !important;
}
body .nav-submenu .nav-item{width:100% !important;}
body .split-header{display:flex;align-items:center;gap:22px;}
body .split-header .brand-link{order:0;}
body .split-header .nav-left,
body .split-header .nav-right{flex:1 1 0;}
body .split-header .site-header-shop-actions{margin-left:0;}

@media(max-width:1100px){
  body .site-header__row{gap:14px;}
  body .site-header-shop-action{padding:9px 12px;}
  body .site-header-shop-action--cart span{display:none;}
}
@media(max-width:900px){
  body .site-header-shop-actions{margin-left:0;}
  body .site-header .nav{
    display:none;
    position:absolute !important;
    left:20px !important;
    right:20px !important;
    top:100% !important;
    width:auto !important;
    max-height:calc(100vh - 120px);
    overflow:auto;
    background:#fff !important;
    border:1px solid #dbe5f4 !important;
    border-radius:14px !important;
    padding:14px !important;
    box-shadow:0 18px 45px rgba(6,24,58,.12) !important;
    z-index:2000 !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  body.nav-open .site-header .nav{display:flex !important;}
  body .site-header .nav a{padding:10px 8px;}
  body .nav-submenu,
  body .nav-submenu .nav-submenu{
    position:static !important;
    display:flex !important;
    min-width:0 !important;
    max-width:none !important;
    box-shadow:none !important;
    border:0 !important;
    border-left:1px solid #dbe5f4 !important;
    border-radius:0 !important;
    padding:4px 0 4px 14px !important;
    margin:2px 0 2px 8px !important;
  }
  body .nav-item--has-children > a::after{content:"";}
  body .split-header{justify-content:space-between;}
  body .split-header .brand-link{order:-1;}
  body .split-header .nav-toggle{order:1;}
  body .split-header .site-header-shop-actions{order:2;}
  body .split-header .nav-left{order:3;}
  body .split-header .nav-right{order:4;}
}


/* Mio v9: webshop-overzicht zonder dubbele hero en compacte header-iconen */
body .shop-pro-filterbar,
body.mio-themebuilder-active .shop-pro-filterbar{
  padding:22px 0 20px !important;
  border-top:1px solid #edf2f8 !important;
  border-bottom:1px solid #edf2f8 !important;
  background:#fff !important;
}
body .shop-pro-filterbar .shop-overview-container{width:85% !important;max-width:none !important;margin:0 auto !important;}
body .shop-pro-filterbar .shop-pro-toolbar,
body.mio-themebuilder-active .shop-pro-filterbar .shop-pro-toolbar{
  margin:0 !important;
  width:100% !important;
}
body .shop-hero.shop-pro-hero,
body.mio-themebuilder-active .shop-hero.shop-pro-hero{
  display:none !important;
}
body .shop-pro-products-head{margin-bottom:18px !important;}
body .shop-pro-products-head h2{margin:0 !important;}
body .shop-pro-products-head p{margin:6px 0 0 !important;color:#50658a !important;}
body .site-header-shop-actions{gap:8px !important;}
body .site-header-shop-action,
body .site-header-shop-action--cart,
body .site-header-shop-action--wishlist{
  width:46px !important;
  min-width:46px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 !important;
  gap:0 !important;
  position:relative !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#06183a !important;
  border:1px solid #dbe5f4 !important;
  box-shadow:none !important;
}
body .site-header-shop-action:hover{background:#f7faff !important;color:#2f5fbd !important;}
body .site-header-shop-action--cart{background:#06183a !important;color:#fff !important;border-color:#06183a !important;}
body .site-header-shop-action--cart:hover{background:#102a5a !important;color:#fff !important;}
body .site-header-shop-icon{display:block !important;font-size:18px !important;line-height:1 !important;}
body .site-header-shop-action strong{
  position:absolute !important;
  top:-7px !important;
  right:-7px !important;
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#2f5fbd !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:16px !important;
}
body .site-header-shop-action--cart strong{background:#fff !important;color:#06183a !important;border-color:#06183a !important;}
@media(max-width:900px){
  body .shop-pro-filterbar .shop-overview-container{width:92% !important;}
  body .site-header-shop-action,
  body .site-header-shop-action--cart,
  body .site-header-shop-action--wishlist{width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;}
}

/* === 0.4.78 CATEGORIE-SIDEBAR ZONDER INTERNE SCROLLBALK ===
   Geen zwarte/rare balk naast de categorielijst. De sidebar groeit gewoon mee
   met opengeklapte categorieën; scrollen gebeurt op de pagina zelf. */
body .shop-pro-sidebar,
body.mio-themebuilder-active .shop-pro-sidebar,
body .shop-modern-sidebar,
body.mio-themebuilder-active .shop-modern-sidebar{
  position:relative !important;
  top:auto !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
}

body .shop-pro-category-list,
body .shop-pro-accordion,
body .shop-pro-catchildren{
  overflow:visible !important;
}

/* === 0.4.79 WEBSHOP STYLING CMS ===
   Styling komt uit Beheer > Webshop > Styling.
   Alleen visuele stijl, geen layoutwijziging.
*/
body .shop-grid-wrap,
body .shop-modern-catalog-section,
body .shop-pro-catalog-section{
  background:var(--ws-bg,#ffffff)!important;
  color:var(--ws-text,#07142f)!important;
  font-family:var(--ws-font,var(--font-body))!important;
}
body .shop-modern-sidebar,
body .shop-pro-sidebar,
body .shop-filterbar,
body .shop-modern-search{
  background:var(--ws-panel-bg,#ffffff)!important;
  border-color:var(--ws-border,#dbe5f3)!important;
  color:var(--ws-text,#07142f)!important;
  border-radius:var(--ws-card-radius,12px)!important;
}
body .shop-modern-category,
body .shop-pro-category{
  color:var(--ws-text,#07142f)!important;
}
body .shop-modern-category strong,
body .shop-pro-category strong{
  background:var(--ws-soft,#f3f6fa)!important;
  color:var(--ws-muted,#51637d)!important;
}
body .shop-modern-category:hover,
body .shop-modern-category.is-active,
body .shop-pro-category:hover,
body .shop-pro-category.is-active{
  background:var(--ws-category-active-bg,#ecf7e8)!important;
  color:var(--ws-category-active-text,#15803d)!important;
}
body .shop-modern-category.is-active strong,
body .shop-pro-category.is-active strong{
  background:var(--ws-category-active-bg,#ecf7e8)!important;
  color:var(--ws-category-active-text,#15803d)!important;
}
body .shop-product-card-modern,
body .shop-pro-card,
body .shop-grid > .product-card.shop-product-card-modern,
body.mio-themebuilder-active .shop-product-card-modern,
body.mio-themebuilder-active .shop-pro-card,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern{
  background:var(--ws-card-bg,#ffffff)!important;
  border-color:var(--ws-border,#dbe5f3)!important;
  border-radius:var(--ws-card-radius,12px)!important;
  box-shadow:var(--ws-shadow,0 12px 34px rgba(7,20,47,.04))!important;
  color:var(--ws-text,#07142f)!important;
  font-family:var(--ws-font,var(--font-body))!important;
}
body .shop-product-card-modern .shop-card-image-wrap,
body .shop-product-card-modern .product-image-wrap,
body .shop-grid > .product-card.shop-product-card-modern .product-image-wrap{
  background:var(--ws-card-bg,#ffffff)!important;
  border-color:var(--ws-border,#dbe5f3)!important;
}
body .shop-product-card-modern .shop-card-body,
body .shop-grid > .product-card.shop-product-card-modern .product-body{
  background:var(--ws-card-body-bg,#f3f6fa)!important;
  color:var(--ws-text,#07142f)!important;
}
body .shop-product-card-modern .shop-card-body h2,
body .shop-product-card-modern .shop-card-body h2 a,
body .shop-grid > .product-card.shop-product-card-modern .product-body h3,
body .shop-grid > .product-card.shop-product-card-modern .product-body h3 a,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-body h2 a{
  color:var(--ws-text,#07142f)!important;
}
body .shop-product-card-modern .shop-card-brand,
body .shop-product-card-modern .shop-card-footer,
body .shop-product-card-modern .shop-card-view,
body .shop-grid > .product-card.shop-product-card-modern .brand,
body .shop-grid > .product-card.shop-product-card-modern .hint,
body .shop-grid > .product-card.shop-product-card-modern .shop-row,
body .shop-grid > .product-card.shop-product-card-modern .shop-link{
  color:var(--ws-muted,#51637d)!important;
}
body .shop-product-card-modern .shop-card-price,
body .shop-product-card-modern .shop-card-price strong,
body .shop-product-card-modern .shop-price-sale,
body .shop-grid > .product-card.shop-product-card-modern .price,
body .shop-grid > .product-card.shop-product-card-modern .price strong,
body .shop-grid > .product-card.shop-product-card-modern .shop-price-sale{
  color:var(--ws-primary,#1f5eaa)!important;
}
body .shop-product-card-modern .shop-sale-badge,
body .shop-grid > .product-card.shop-product-card-modern .sale-badge{
  background:color-mix(in srgb,var(--ws-accent,#c86a00) 12%,#ffffff)!important;
  color:var(--ws-accent,#c86a00)!important;
}
body .shop-btn,
body .shop-btn--primary,
body .shop-searchbar button,
body .shop-filterbar button,
body .shop-buy-row .btn,
body.mio-themebuilder-active .shop-buy-row .btn,
body.mio-themebuilder-active .shop-btn--primary{
  background:var(--ws-button-bg,#111827)!important;
  color:var(--ws-button-text,#ffffff)!important;
  border-color:var(--ws-button-bg,#111827)!important;
  border-radius:var(--ws-button-radius,6px)!important;
}
body .shop-btn:hover,
body .shop-btn--primary:hover,
body .shop-searchbar button:hover,
body .shop-filterbar button:hover,
body .shop-buy-row .btn:hover{
  background:var(--ws-button-hover-bg,#1f2937)!important;
  border-color:var(--ws-button-hover-bg,#1f2937)!important;
}


/* === 0.4.82 WEBSHOP PRODUCTAFBEELDINGEN VULLEND ===
   Productfoto's vullen de volledige breedte van de kaart.
   Sturing via Beheer > Webshop > Styling > Productgrid.
*/
body .shop-product-card-modern .shop-card-image-wrap,
body .shop-pro-card .shop-card-image-wrap,
body .shop-grid > .product-card.shop-product-card-modern .product-image-wrap,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image-wrap,
body.mio-themebuilder-active .shop-pro-card .shop-card-image-wrap{
  background:var(--ws-card-bg,#fff)!important;
  border-bottom:1px solid var(--ws-border,#dbe5f3)!important;
  overflow:hidden!important;
}
body .shop-product-card-modern .shop-card-image,
body .shop-pro-card .shop-card-image,
body .shop-grid > .product-card.shop-product-card-modern .product-image,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image,
body.mio-themebuilder-active .shop-pro-card .shop-card-image,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:var(--ws-image-ratio,1/1)!important;
  padding:0!important;
  margin:0!important;
  background:var(--ws-card-bg,#fff)!important;
  border:0!important;
  overflow:hidden!important;
}
body .shop-product-card-modern .shop-card-image img,
body .shop-pro-card .shop-card-image img,
body .shop-grid > .product-card.shop-product-card-modern .product-image img,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image img,
body.mio-themebuilder-active .shop-pro-card .shop-card-image img,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:var(--ws-image-fit,cover)!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}


/* === 0.4.83 WEBSHOP PRODUCTAFBEELDINGEN HERSTEL V16 ===
   V15 maakte de fotovlakken bij brede verhoudingen te laag.
   Foto's blijven over de volle breedte, maar krijgen weer genoeg hoogte om het product te herkennen.
   Hoogte is instelbaar via Beheer > Webshop > Configuratie > Styling > Productgrid.
*/
body .shop-product-card-modern .shop-card-image,
body .shop-pro-card .shop-card-image,
body .shop-grid > .product-card.shop-product-card-modern .product-image,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image,
body.mio-themebuilder-active .shop-pro-card .shop-card-image,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image{
  width:100%!important;
  height:var(--ws-image-height,320px)!important;
  min-height:260px!important;
  max-height:520px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--ws-card-bg,#fff)!important;
}
body .shop-product-card-modern .shop-card-image img,
body .shop-pro-card .shop-card-image img,
body .shop-grid > .product-card.shop-product-card-modern .product-image img,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image img,
body.mio-themebuilder-active .shop-pro-card .shop-card-image img,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image img{
  width:100%!important;
  height:100%!important;
  object-fit:var(--ws-image-fit,cover)!important;
  object-position:center center!important;
}
@media (max-width:900px){
  body .shop-product-card-modern .shop-card-image,
  body .shop-pro-card .shop-card-image,
  body .shop-grid > .product-card.shop-product-card-modern .product-image{height:min(var(--ws-image-height,320px),340px)!important;}
}
@media (max-width:640px){
  body .shop-product-card-modern .shop-card-image,
  body .shop-pro-card .shop-card-image,
  body .shop-grid > .product-card.shop-product-card-modern .product-image{height:min(var(--ws-image-height,320px),320px)!important;}
}


/* === 0.4.84 WEBSHOP PRODUCTKAART PRESENTATIE V17 ===
   Terug naar professionele webshop-presentatie: rustige witte kaart,
   afbeelding volledig zichtbaar, geen platte banners, geen groot leeg tekstvlak.
*/
body .shop-product-card-modern,
body .shop-pro-card,
body .shop-grid > .product-card.shop-product-card-modern,
body.mio-themebuilder-active .shop-product-card-modern,
body.mio-themebuilder-active .shop-pro-card,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
  background:var(--ws-card-bg,#ffffff)!important;
  border:1px solid var(--ws-border,#dbe5f3)!important;
  border-radius:var(--ws-card-radius,10px)!important;
  box-shadow:0 10px 26px rgba(7,20,47,.035)!important;
  transform:none!important;
}
body .shop-product-card-modern:hover,
body .shop-pro-card:hover,
body .shop-grid > .product-card.shop-product-card-modern:hover{
  border-color:#cbd8ea!important;
  box-shadow:0 16px 34px rgba(7,20,47,.07)!important;
  transform:translateY(-1px)!important;
}
body .shop-product-card-modern .shop-card-image-wrap,
body .shop-pro-card .shop-card-image-wrap,
body .shop-grid > .product-card.shop-product-card-modern .product-image-wrap{
  background:#ffffff!important;
  border-bottom:0!important;
  overflow:hidden!important;
}
body .shop-product-card-modern .shop-card-image,
body .shop-pro-card .shop-card-image,
body .shop-grid > .product-card.shop-product-card-modern .product-image,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image,
body.mio-themebuilder-active .shop-pro-card .shop-card-image,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:var(--ws-image-height,270px)!important;
  min-height:240px!important;
  max-height:360px!important;
  padding:18px!important;
  margin:0!important;
  background:#ffffff!important;
  border:0!important;
  overflow:hidden!important;
}
body .shop-product-card-modern .shop-card-image img,
body .shop-pro-card .shop-card-image img,
body .shop-grid > .product-card.shop-product-card-modern .product-image img,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-image img,
body.mio-themebuilder-active .shop-pro-card .shop-card-image img,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern .product-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  background:#ffffff!important;
  border:0!important;
}
body .shop-product-card-modern .shop-card-body,
body .shop-grid > .product-card.shop-product-card-modern .product-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  height:auto!important;
  min-height:0!important;
  padding:14px 18px 18px!important;
  background:var(--ws-card-bg,#ffffff)!important;
  color:var(--ws-text,#07142f)!important;
  text-align:center!important;
}
body .shop-product-card-modern .shop-card-brand,
body .shop-grid > .product-card.shop-product-card-modern .brand{
  width:100%!important;
  margin:0 0 4px!important;
  color:var(--ws-muted,#64738b)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  order:1!important;
}
body .shop-product-card-modern .shop-card-body h2,
body .shop-grid > .product-card.shop-product-card-modern .product-body h3{
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  color:var(--ws-text,#07142f)!important;
  font-size:16px!important;
  font-weight:500!important;
  line-height:1.35!important;
  text-align:center!important;
  order:2!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body .shop-product-card-modern .shop-card-body h2 a,
body .shop-grid > .product-card.shop-product-card-modern .product-body h3 a{
  color:var(--ws-text,#07142f)!important;
  text-decoration:none!important;
}
body .shop-product-card-modern .shop-card-price,
body .shop-grid > .product-card.shop-product-card-modern .price{
  width:100%!important;
  margin:6px 0 0!important;
  justify-content:center!important;
  align-items:baseline!important;
  gap:7px!important;
  color:var(--ws-text,#07142f)!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  order:3!important;
}
body .shop-product-card-modern .shop-card-price strong,
body .shop-product-card-modern .shop-price-sale,
body .shop-grid > .product-card.shop-product-card-modern .price strong,
body .shop-grid > .product-card.shop-product-card-modern .shop-price-sale{
  color:var(--ws-text,#07142f)!important;
  font-size:22px!important;
  font-weight:850!important;
}
body .shop-product-card-modern .shop-price-old,
body .shop-grid > .product-card.shop-product-card-modern .shop-price-old{
  color:#7c8797!important;
  font-size:14px!important;
  font-weight:500!important;
  text-decoration:line-through!important;
}
body .shop-product-card-modern .shop-card-footer,
body .shop-grid > .product-card.shop-product-card-modern .shop-row{
  display:none!important;
}
body .shop-product-card-modern .shop-sale-badge,
body .shop-grid > .product-card.shop-product-card-modern .sale-badge{
  left:16px!important;
  top:14px!important;
  min-height:24px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:var(--ws-accent,#ec008c)!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
body .shop-product-card-modern .shop-wishlist-form,
body .shop-grid > .product-card.shop-product-card-modern .wishlist-form{
  right:14px!important;
  top:14px!important;
}
body .shop-product-card-modern .shop-wishlist-toggle,
body .shop-grid > .product-card.shop-product-card-modern .heart{
  width:42px!important;
  height:42px!important;
  border-radius:999px!important;
  background:#ffffff!important;
  border:1px solid #dbe5f3!important;
  color:var(--ws-primary,#1f5eaa)!important;
  box-shadow:0 8px 18px rgba(7,20,47,.10)!important;
}
@media (max-width:900px){
  body .shop-product-card-modern .shop-card-image,
  body .shop-pro-card .shop-card-image,
  body .shop-grid > .product-card.shop-product-card-modern .product-image{height:min(var(--ws-image-height,270px),300px)!important;}
}
@media (max-width:640px){
  body .shop-product-card-modern .shop-card-image,
  body .shop-pro-card .shop-card-image,
  body .shop-grid > .product-card.shop-product-card-modern .product-image{height:min(var(--ws-image-height,270px),280px)!important;}
}


/* === 0.4.85 WEBSHOP STYLING PRODUCTKAART CONTROLES V18 ===
   Extra instellingen vanuit Beheer > Webshop > Styling:
   schaduw aan/uit, randdikte, titelgrootte en prijsgrootte.
*/
body .shop-product-card-modern,
body .shop-pro-card,
body .shop-grid > .product-card.shop-product-card-modern,
body.mio-themebuilder-active .shop-product-card-modern,
body.mio-themebuilder-active .shop-pro-card,
body.mio-themebuilder-active .shop-grid > .product-card.shop-product-card-modern{
  border-width:var(--ws-card-border-width,1px)!important;
  border-style:solid!important;
  border-color:var(--ws-border,#dbe5f3)!important;
  box-shadow:var(--ws-shadow,none)!important;
}
body .shop-product-card-modern:hover,
body .shop-pro-card:hover,
body .shop-grid > .product-card.shop-product-card-modern:hover{
  box-shadow:var(--ws-shadow,none)!important;
}
body .shop-product-card-modern .shop-card-body h2,
body .shop-grid > .product-card.shop-product-card-modern .product-body h3,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-body h2{
  font-size:var(--ws-title-font-size,16px)!important;
}
body .shop-product-card-modern .shop-card-price,
body .shop-product-card-modern .shop-card-price strong,
body .shop-product-card-modern .shop-price-sale,
body .shop-grid > .product-card.shop-product-card-modern .price,
body .shop-grid > .product-card.shop-product-card-modern .price strong,
body .shop-grid > .product-card.shop-product-card-modern .shop-price-sale,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-price,
body.mio-themebuilder-active .shop-product-card-modern .shop-card-price strong,
body.mio-themebuilder-active .shop-product-card-modern .shop-price-sale{
  font-size:var(--ws-price-font-size,22px)!important;
}


/* === Mio builder frontend overlap fix ===
   De editor laat secties bewust over elkaar schuiven met negatieve margins.
   Live moet dat exact hetzelfde doen. */
body .mio-page-builder{isolation:isolate;}
body .mio-page-builder > .mio-b-section{position:relative;}
body .mio-page-builder > .mio-b-section + .mio-b-section{z-index:2;}


/* === Mio builder live overlap fix v2 ===
   De editor kan rijen/secties bewust omhoog trekken met negatieve margins.
   Live stonden wrappers op overflow:hidden en row-design werd eerder niet gerenderd;
   daardoor werd de rij onder de hero gedrukt/afgeknipt. */
body .mio-page-builder,
body .mio-page-builder > .mio-b-section,
body .mio-page-builder .mio-b-container,
body .mio-page-builder .mio-b-row,
body .mio-page-builder .mio-b-col,
body .mio-page-builder .mio-b-module{
  overflow:visible !important;
}
body .mio-page-builder > .mio-b-section{
  position:relative !important;
}
body .mio-page-builder > .mio-b-section + .mio-b-section{
  z-index:5 !important;
}
body .mio-page-builder .mio-b-row{
  position:relative !important;
}
body .mio-page-builder .mio-b-image-wrap{
  overflow:visible !important;
}

/* FIX: headings should not inherit module color */
.mio-b-text-inner h1{color:var(--h1-color) !important;}
.mio-b-text-inner h2{color:var(--h2-color) !important;}
.mio-b-text-inner h3{color:var(--h3-color) !important;}
.mio-b-text-inner h4{color:var(--h4-color) !important;}
.mio-b-text-inner h5{color:var(--h5-color) !important;}
.mio-b-text-inner h6{color:var(--h6-color) !important;}


/* === Mio fix: globale kopkleuren winnen binnen tekstmodules ===
   Module-tekstkleur is alleen voor gewone tekst. H1-H6 blijven centraal gestuurd via Basisinstellingen. */
body .mio-page-builder .mio-b-text-inner h1{color:var(--h1-color) !important;}
body .mio-page-builder .mio-b-text-inner h2{color:var(--h2-color) !important;}
body .mio-page-builder .mio-b-text-inner h3{color:var(--h3-color) !important;}
body .mio-page-builder .mio-b-text-inner h4{color:var(--h4-color) !important;}
body .mio-page-builder .mio-b-text-inner h5{color:var(--h5-color) !important;}
body .mio-page-builder .mio-b-text-inner h6{color:var(--h6-color) !important;}

/* Mio builder textmodule: module-afwijkingen voor koppen (H1 t/m H4)
   Globale basisinstellingen blijven fallback; ingevulde modulevelden winnen op frontend. */
body .mio-page-builder .mio-b-text-inner h1{
  font-family:var(--mio-module-h1-font, var(--font-heading)) !important;
  font-size:var(--mio-module-h1-size, var(--h1-size)) !important;
  line-height:var(--mio-module-h1-line-height, 1.2) !important;
  color:var(--mio-module-h1-color, var(--h1-color)) !important;
  font-weight:var(--mio-module-h1-weight, var(--heading-weight)) !important;
}
body .mio-page-builder .mio-b-text-inner h2{
  font-family:var(--mio-module-h2-font, var(--font-heading)) !important;
  font-size:var(--mio-module-h2-size, var(--h2-size)) !important;
  line-height:var(--mio-module-h2-line-height, 1.2) !important;
  color:var(--mio-module-h2-color, var(--h2-color)) !important;
  font-weight:var(--mio-module-h2-weight, var(--heading-weight)) !important;
}
body .mio-page-builder .mio-b-text-inner h3{
  font-family:var(--mio-module-h3-font, var(--font-heading)) !important;
  font-size:var(--mio-module-h3-size, var(--h3-size)) !important;
  line-height:var(--mio-module-h3-line-height, 1.2) !important;
  color:var(--mio-module-h3-color, var(--h3-color)) !important;
  font-weight:var(--mio-module-h3-weight, var(--heading-weight)) !important;
}
body .mio-page-builder .mio-b-text-inner h4{
  font-family:var(--mio-module-h4-font, var(--font-heading)) !important;
  font-size:var(--mio-module-h4-size, var(--h4-size)) !important;
  line-height:var(--mio-module-h4-line-height, 1.2) !important;
  color:var(--mio-module-h4-color, var(--h4-color)) !important;
  font-weight:var(--mio-module-h4-weight, var(--heading-weight)) !important;
}


/* === Mio frontend builder basis: live styling hoort hier, niet in mio-builder.css === */
.mio-page-builder .mio-b-button{
  display:inline-block;
  padding:12px 18px;
  background:#111;
  color:#fff;
  text-decoration:none;
  border:0 solid transparent;
  border-radius:0;
  font-weight:700;
  line-height:1.2;
  box-sizing:border-box;
}
.mio-page-builder .mio-b-button:hover{text-decoration:none;}

/* Mio frontend builder modules: public frontend must have the same base button as the visual editor.
   Specific inline button settings still win, but without this base CSS the public site can render buttons differently. */
.mio-b-button{
  display:inline-block;
  padding:12px 18px;
  background:#111;
  color:#fff;
  text-decoration:none;
  border-radius:0;
  font-weight:700;
  line-height:1.2;
  box-sizing:border-box;
}
.mio-b-button:hover,
.mio-b-button:focus-visible{
  color:#fff;
  text-decoration:none;
}

/* Mio verdeler-module */
.mio-b-module .mio-b-divider{box-sizing:border-box;clear:both}
.mio-b-module .mio-b-divider-line{display:block;box-sizing:border-box}

/* === Mio fix: Verdeler-module mag niet de absolute section-divider class gebruiken ===
   Section/kolom vormverdelers gebruiken .mio-b-divider absoluut gepositioneerd.
   De losse module Verdeler gebruikt nu eigen classes, zodat hij normaal in de flow blijft. */
.mio-b-module-divider .mio-b-module-divider-wrap{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  z-index:auto !important;
  pointer-events:auto !important;
  line-height:0 !important;
  color:inherit !important;
  box-sizing:border-box !important;
  clear:both !important;
}
.mio-b-module-divider .mio-b-module-divider-line{
  display:block !important;
  box-sizing:border-box !important;
  max-width:100% !important;
}
/* Legacy fallback voor reeds opgeslagen/oud gerenderde verdelers */
.mio-b-module-divider > .mio-b-divider,
.mio-b-module .mio-b-divider:not(.mio-b-divider--top):not(.mio-b-divider--bottom){
  position:relative !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  width:100% !important;
  z-index:auto !important;
  pointer-events:auto !important;
  line-height:0 !important;
  color:inherit !important;
  box-sizing:border-box !important;
}

/* Mio safety: margin-sleepgrepen zijn alleen editor-UI en nooit frontend-content. */
.mio-page-builder .mb-spacing-handle{display:none!important;}

/* === Mio fix 2026-05-20: module-flow voor Verdeler + knoppen ===
   De losse Verdeler-module is gewone content. Niet gebruiken als section/shape-divider.
   Dit voorkomt dat de lijn onder/over knoppen of de volgende sectie schuift. */
.mio-page-builder .mio-b-col > .mio-b-module,
.mio-page-builder .mio-b-col > .mio-b-module-divider,
.mio-page-builder .mio-b-col > .mio-b-module-button{
  position:relative !important;
  display:block !important;
  clear:none !important;
  float:none !important;
  box-sizing:border-box !important;
  z-index:2 !important;
}
.mio-page-builder .mio-b-module-divider{
  overflow:visible !important;
  isolation:isolate !important;
  padding:0.1px 0 !important;
}
.mio-page-builder .mio-b-module-divider .mio-b-module-divider-wrap{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:1px !important;
  box-sizing:border-box !important;
  clear:none !important;
  float:none !important;
  z-index:1 !important;
  pointer-events:auto !important;
}
.mio-page-builder .mio-b-module-divider .mio-b-module-divider-line{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  max-width:100% !important;
  height:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  float:none !important;
  clear:none !important;
}
.mio-page-builder .mio-b-module-button{
  z-index:3 !important;
}

/* Cross-sell / upsell */
.shop-related-inline{margin:18px 0;padding:14px;border:1px solid rgba(47,95,189,.16);border-radius:16px;background:#f8fbff;}
.shop-related-inline h2{margin:0 0 10px;font-size:18px;line-height:1.2;color:#07142f;}
.shop-upsell-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:#fff;color:inherit;text-decoration:none;border:1px solid #e1e8f3;margin-top:8px;}
.shop-upsell-row:hover{border-color:#b9c9e3;box-shadow:0 8px 20px rgba(15,23,42,.08);}
.shop-upsell-row img{width:54px;height:54px;object-fit:cover;border-radius:10px;background:#f3f6fb;flex:0 0 auto;}
.shop-upsell-row span{display:grid;gap:3px;min-width:0;flex:1;}
.shop-upsell-row strong{font-size:14px;line-height:1.25;color:#07142f;}
.shop-upsell-row small{font-size:13px;color:#3b61ac;}
.shop-upsell-row em{font-style:normal;font-size:12px;font-weight:800;color:#3b61ac;}
.shop-related-section{padding:32px 0 52px;background:#fff;}
.shop-related-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px;}
.shop-related-head h2{margin:0;font-size:28px;line-height:1.15;color:#07142f;}
.shop-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
@media (max-width:1100px){.shop-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.shop-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.shop-related-head h2{font-size:24px;}}
@media (max-width:520px){.shop-related-grid{grid-template-columns:1fr;}}