/* 20260831132358 - v2 */
.gui,
.gui-block-linklist li a {
  color: #000000;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #666666;
}

.gui a {
  color: #353535;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #353535;
  box-shadow: 0 0 2px #353535;
}

.gui-select.gui-focus .gui-handle {
  border-color: #353535;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #ffffff;
}

.gui-block-title {
  color: #000000;
  background-color: #ffffff;
}

.gui-content-title {
  color: #000000;
}

.gui-form .gui-field .gui-description span {
  color: #000000;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ffffff;
  background-color: #ffffff;
}

.gui-block-option-block {
  border-color: #ffffff;
}

.gui-block-title strong {
  color: #000000;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #ffffff;
}

.gui ul.gui-products li {
  border-color: #ffffff;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #ffffff;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #ffffff;
}

.gui-block-content .gui-table {
  border-color: #ffffff;
}

.gui-table thead tr th {
  border-color: #ffffff;
  background-color: #ffffff;
}

.gui-table tbody tr td {
  border-color: #ffffff;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #000000;
  color: #ffffff;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #ffffff;
  color: #161616;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #000000;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #cccccc;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #f9f7f5;
  background-color: #f9f7f5;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #f9f7f5;
}

.gui-number .gui-handle a {
  background-color: #f9f7f5;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #000000;
}

/* custom */
/* === BESTAANDE THEMA CSS (behouden) === */
.main-header__link:hover, .main-header__link,.main-header__link:hover, .main-header__link[aria-current="page"], .main-header__dropdown-link:hover, .main-header__dropdown-link[aria-current="page"] {
    color: #000000 !important;
}
.navbar-nav li:first-child{
    margin-right: 3rem !important;
}
.link {
    color: #2a6df4;
}
.products .nav-pills .nav-link{
    color:#bebebe!important;
}
.products .nav-pills .nav-link:hover{
    color:#000!important;
}
footer .links h5{opacity:1!important}
.brandspage .alphabet{display:none}
.brandspage #brands .title{display:none}
.brandspage #brands{
    float: left;
    width: calc(100% + 30px);
    display: ruby-text;
    margin: 0 -15px;
}
.brandspage #brands > li {
    float: initial;
    display: ruby;
    width: initial;
}

/* === JUNE. REDESIGN — TYPOGRAFIE & UX === */

/* Google Fonts laden */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap');

/* Global body font */
body {
    font-family: 'Inter', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* === TITELS: zelfde stijl als menu — Inter uppercase === */
h1, h2, h3 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
}
h1 {
    font-size: 26px !important;
    letter-spacing: 0.16em !important;
    line-height: 1.35 !important;
    color: #1a1a1a !important;
}
h2 {
    font-size: 18px !important;
    letter-spacing: 0.15em !important;
    line-height: 1.3 !important;
    color: #1a1a1a !important;
}
h3 {
    font-size: 13px !important;
    letter-spacing: 0.14em !important;
    color: #1a1a1a !important;
}

/* === NAVIGATIE === */
.navbar-nav > li {
    margin: 0 6px !important;
}
.navbar-nav > li > a,
.main-header__link,
.main-header__dropdown-link {
    font-family: 'Inter', sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    padding: 4px 2px !important;
}

/* === BREADCRUMB === */
.breadcrumb,
.breadcrumb a,
.breadcrumb li {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.06em !important;
    color: #bbb !important;
    opacity: 0.8 !important;
}

/* === PRODUCTKAARTEN — borderless === */
.product {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    transition: transform 0.3s ease !important;
}
.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: none !important;
}
.product img {
    border-radius: 0 !important;
}

/* Product naam */
.product__title,
.product-title,
[class*="product-title"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    letter-spacing: 0.04em !important;
    color: #1a1a1a !important;
    margin-top: 10px !important;
    line-height: 1.4 !important;
}

/* Prijs */
.product__price,
.product-price,
[class*="product-price"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.03em !important;
    color: #1a1a1a !important;
    margin-top: 4px !important;
}
del, s, .price--old {
    color: #aaa !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    margin-left: 5px !important;
}

/* Voorraad label */
.stock,
[class*="stock-label"] {
    font-size: 10px !important;
    letter-spacing: 0.08em !important;
    color: #999 !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
}

/* === PRODUCTPAGINA (PDP) === */
.product-info p,
.product__description,
[class*="product-description"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 300 !important;
    line-height: 1.9 !important;
    color: #555 !important;
    letter-spacing: 0.02em !important;
}

/* Labels kleur/maat */
.product-info label,
.product-form label {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
}

/* Selects maat/kleur */
select {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    border: 1px solid #d0ccc8 !important;
    border-radius: 0 !important;
    padding: 11px 14px !important;
    background: #fafaf8 !important;
    color: #1a1a1a !important;
    letter-spacing: 0.04em !important;
}
input[type="number"] {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    border: 1px solid #d0ccc8 !important;
    border-radius: 0 !important;
    text-align: center !important;
}

/* Countdown timer */
[class*="countdown"],
[class*="timer"],
.delivery-timer {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #555 !important;
}

/* Wishlist */
.wishlist-btn,
[class*="wishlist"] button {
    opacity: 0.45 !important;
    transition: opacity 0.2s ease !important;
}
.wishlist-btn:hover,
[class*="wishlist"] button:hover {
    opacity: 1 !important;
}

/* === FILTERKOLOM === */
.sidebar h2, .sidebar h3, .sidebar h4,
[class*="filter"] h2, [class*="filter"] h3 {
    font-family: 'Inter', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 14px !important;
}
.sidebar a, [class*="filter"] a {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #555 !important;
    letter-spacing: 0.03em !important;
    line-height: 2.1 !important;
}
.sidebar a:hover, [class*="filter"] a:hover {
    color: #1a1a1a !important;
}

/* === BODYTEKST === */
p, li, span, address {
    font-family: 'Inter', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 300 !important;
    line-height: 1.85 !important;
    letter-spacing: 0.02em !important;
}

/* === FOOTER === */
footer {
    padding-top: 56px !important;
    padding-bottom: 48px !important;
}
footer h2, footer h3, footer h4 {
    font-family: 'Inter', sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
}
footer a {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #777 !important;
    letter-spacing: 0.03em !important;
    line-height: 2.3 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}
footer a:hover {
    color: #1a1a1a !important;
}
footer p, footer address {
    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 2 !important;
    color: #777 !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
}

/* === MERK LOGO BALK === */
.brands-item img,
[class*="brand-logo"] img {
    opacity: 0.65 !important;
    filter: grayscale(15%) !important;
    transition: opacity 0.25s ease, filter 0.25s ease !important;
}
.brands-item:hover img,
[class*="brand-logo"]:hover img {
    opacity: 1 !important;
    filter: none !important;
}

/* === BUTTONS === */
button,
.btn,
[class*="btn"],
input[type="submit"],
input[type="button"],
a.button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
}

/* === USP-BALK (ANNOUNCEMENT BAR) === */
.main-header__usp,
.main-header__usp span,
.main-header__usp p,
.main-header__usp li,
[class*="announcement"] span,
[class*="announcement"] p,
[class*="usp"] span,
[class*="usp"] p,
[class*="topbar"] span,
[class*="topbar"] p {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 10.5px !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

/* === 2E USP BALK VERBERGEN === */
.uspblock {
    display: none !important;
}

/* === TABS NIEUWSTE / POPULAIRE PRODUCTEN === */
.nav-link.text-reset.h5 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
}

/* === CONSISTENTIE FIXES === */

/* H2 font-weight fix (was 500, moet 300 zijn) */
h2 {
    font-weight: 300 !important;
}

/* Body font-size (was 16px thema default, moet 13.5px) */
body, p, li, span, div {
    font-size: 13.5px !important;
    font-weight: 300 !important;
    line-height: 1.8 !important;
}

/* Producttitel (h3 met class title) */
h3.title, .title.h6, h3[class*="title"] {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* USP top bar tekst — Inter, licht */
.usp-header-top .item,
.usp-header-top p,
.usp-header-top span,
.usp-header__item,
div.usp-header-top {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 10.5px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* USP 2e balk h4 titels (font-weight-bold override) */
.uspblock h4,
.uspblock .h5,
.uspblock p {
    font-family: 'Inter', sans-serif !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    letter-spacing: 0.06em !important;
}

/* Footer headings (h5 filtertitle etc) */
footer h3, footer h4, footer h5 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 10.5px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: #1a1a1a !important;
}

/* Prijs — consistent Inter 400 */
[class*="price"], .price {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    letter-spacing: 0.03em !important;
}

/* === Maat/kleur select: hoogte en lettertype fix === */
select.form-control,
.form-group select,
.product-form select,
form select {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    height: auto !important;
    min-height: 50px !important;
    line-height: 1.4 !important;
    padding: 14px 14px !important;
    border: 1px solid #d0ccc8 !important;
    border-radius: 0 !important;
    background: #fafaf8 !important;
    letter-spacing: 0.04em !important;
    -webkit-appearance: none;
    appearance: none;
}

/* === Productafbeelding: witte randen verwijderen === */

/* Productkaart: primaire afbeelding — geen padding */
.product .image-wrap img,
.product-block-holder .image-wrap img {
    padding: 0 !important;
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* Productkaart: hover afbeelding (.second-img) — geen padding, correct background */
.product .image-wrap .second-img,
.product-block-holder .image-wrap .second-img {
    padding: 0 !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Merkcarrousel logo's herstellen */
.owl-item .image-wrap img {
    padding: 0 !important;
    object-fit: contain !important;
    width: auto !important;
    height: 100% !important;
    max-width: 100% !important;
}

/* Productkaart container: wit — matcht met witte studiofoto-achtergrond */
.product .image-wrap,
.product-block-holder .image-wrap {
    background-color: #ffffff !important;
    overflow: hidden !important;
}

/* === MERKENPAGINA GRID FIX - 5 per rij, responsive === */
.brandspage #brands { display: flex !important; flex-wrap: wrap !important; width: 100% !important; margin: 0 !important; float: none !important; align-items: flex-start !important; }
.brandspage #brands > li { display: contents !important; float: none !important; width: auto !important; }
.brandspage #brands > li > ul { display: contents !important; }
.brandspage #brands .category { display: flex !important; float: none !important; width: 20% !important; max-width: 20% !important; flex: 0 0 20% !important; box-sizing: border-box !important; padding: 20px 15px !important; justify-content: center !important; align-items: center !important; }
.brandspage #brands .category a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; }
.brandspage #brands .category img { max-width: 100% !important; height: auto !important; }
@media (max-width: 991px) { .brandspage #brands .category { width: 33.333% !important; max-width: 33.333% !important; flex-basis: 33.333% !important; } }
@media (max-width: 575px) { .brandspage #brands .category { width: 50% !important; max-width: 50% !important; flex-basis: 50% !important; } }


/* ===== STUDIO-AR STIJL CATEGORIEPAGINA ===== */
/* 4 producten per rij op desktop */
@media (min-width: 992px){
    .collection .row.row-cols-2.row-cols-sm-3.row-cols-lg-3 > * { flex:0 0 25% !important; max-width:25% !important; }
}
/* productgebied volledige breedte */
.products.info.container .collection.col { flex:0 0 100% !important; max-width:100% !important; }
/* naam & prijs centreren, winkelwagen-knop verbergen */
.product .infotop.text-left, .product .infobottom.text-left { text-align:center !important; }
.product .infobottom { justify-content:center !important; }
.product .infobottom > .price { width:100% !important; text-align:center !important; }
.product a.btn.quickshop.cart { display:none !important; }
/* categorie-omschrijving centreren */
.products.info.container .description { text-align:center !important; margin:0 auto 1.5rem !important; max-width:720px !important; }
/* off-canvas filterpaneel (alleen desktop-sidebar) */
.products.info.container > .row > .sidebar.col-lg-3 { position:fixed !important; top:0 !important; left:0 !important; bottom:0 !important; width:340px !important; max-width:85vw !important; background:#fff !important; z-index:1050 !important; transform:translateX(-100%); transition:transform .3s ease !important; overflow-y:auto !important; box-shadow:2px 0 14px rgba(0,0,0,.15) !important; padding:3rem 1.5rem 1.5rem !important; margin:0 !important; flex:none !important; }
body.sa-filters-open .products.info.container > .row > .sidebar.col-lg-3 { transform:translateX(0) !important; }
#sa-filter-overlay { position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1040; opacity:0; visibility:hidden; transition:opacity .3s; }
body.sa-filters-open #sa-filter-overlay { opacity:1; visibility:visible; }
#sa-filter-close { position:absolute; top:.75rem; right:1rem; font-size:1.6rem; line-height:1; cursor:pointer; border:none; background:none; color:#333; }
#sa-filter-btn { display:inline-flex; align-items:center; gap:.45rem; cursor:pointer; border:1px solid #ddd; background:#fff; padding:.5rem 1.1rem; border-radius:4px; font-size:.9rem; margin-right:auto; letter-spacing:.02em; }
#sa-filter-btn:hover { background:#f6f6f6; }
/* dubbele theme-filters verbergen */
.navholder.d-md-none { display:none !important; }
.collection .btn-filters { display:none !important; }
/* ===== EINDE STUDIO-AR STIJL ===== */