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

.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: #848484;
}

.gui a {
  color: #0a8de9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* custom */
.product-reviews {
  display:none;
}

/**** Homepage Css Here ****/
.banners-home-block {
  margin-top:15px;
  height:195px !important;
}

.banner-content .sub {
  margin-bottom:0 !important;
}

 .home-banner {
  height:300px;
}

.offer-holder .product-price .price-old {
  color:orange;
}

.homedeal-compact-holder, .homedeal-compact, .margin-top-50, .home-brands-holder {
  margin:0 !important;
  padding:0 !important;
}

.homedeal-compact .margin-top-15, .holder-4, .icon-payment-banktransfer, .icon-payment-giftcard, .icon-payment-pi, .icon-payment-cash  {
  display:none !important;
}

.product-block-price, .offer-holder .price-old {
  font-size:150%;
}
  
.price, .product-price .price {
  font-size:210% !important;
}

.stock {
  font-size:85%;
}

.margin-top-double {
  margin-top:20px;
  padding-bottom:20px;
}

.newsletter {
  padding-top:20px;
  padding-bottom:20px;
  margin-top:30px !important;
}

.col-md-3 {
 margin-top:10px; 
  margin-bottom:0;
}

.payment-icons-holder, .payment-icons .light, .socials {
  margin:0px !important;
  padding:0 !important;
}

.copyright {
    visibility: hidden;
    position: relative;
}

.copyright:after {
    visibility: visible;
    position: absolute;
    top: 0;
  bottom: 0;
    left: 0;
  right: 0;
    content: "© SAM DENIM - 2024";
}

@media only screen and (max-width: 600px) {
 .home-banner {
  height:160px !important;
}
}
/* ===============================
   NOVA – Homepage Highlights FIX
   =============================== */

/* Desktop & tablet */
.homepage-highlights,
.homepage-highlights .highlight,
.homepage-highlights .highlight-image {
    height: auto !important;
    max-height: none !important;
}

.homepage-highlights .highlight-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 70vh; /* HERO size desktop */
}

/* Mobile */
@media only screen and (max-width: 600px) {
    .homepage-highlights .highlight-image img {
        min-height: 45vh; /* mooi groot maar niet overdreven */
    }
}
/* ===============================
   NOVA – Large Homepage Highlights
   (override existing heights)
   =============================== */

/* override fixed heights */
.banners-home-block {
  height: auto !important;
}

.banners-home-block .home-banner {
  height: auto !important;
  min-height: 520px !important; /* desktop hero */
}

/* img-based banners */
.banners-home-block .home-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* background-image banners */
.banners-home-block .home-banner,
.banners-home-block .home-banner a {
  background-size: cover !important;
  background-position: center !important;
}

/* mobile */
@media only screen and (max-width: 600px) {
  .banners-home-block .home-banner {
    min-height: 300px !important;
  }
}
/* ===============================
   NOVA – Maak de 2 homepage banners groter
   =============================== */

/* De wrapper: geen vaste hoogte */
.container-fluid.banners-home .banners-home-block.amount-2.large{
  height: auto !important;
  min-height: 520px !important;   /* desktop hoogte */
  background-size: cover !important;
  background-position: center center !important;
}

/* Als de theme via pseudo / inner divs werkt, forceer ook de inhoud */
.container-fluid.banners-home .banners-home-block.amount-2.large .banner-content-holder{
  min-height: 520px !important;
}

/* Mobile */
@media (max-width: 600px){
  .container-fluid.banners-home .banners-home-block.amount-2.large{
    min-height: 320px !important;
  }
  .container-fluid.banners-home .banners-home-block.amount-2.large .banner-content-holder{
    min-height: 320px !important;
  }
}
/* ===============================
   NOVA – Homepage Highlights FINAL FIX
   =============================== */

/* Banner hoogte & beeld */
.container-fluid.banners-home .banners-home-block.amount-2.large {
  min-height: 640px !important;      /* hoger = hoofd zichtbaar */
  background-size: cover !important;
  background-position: center 12% !important; /* focus op gezicht */
}

/* GEEN extra overlay (NOVA heeft dit al) */
.container-fluid.banners-home .banners-home-block.amount-2.large:before {
  display: none !important;
}

/* Tekst altijd boven beeld */
.container-fluid.banners-home .banner-content-holder,
.container-fluid.banners-home .banner-content {
  position: relative;
  z-index: 2;
}

/* Leesbaarheid tekst zonder zwart vlak */
.container-fluid.banners-home .banner-content {
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
}

/* Mobile optimalisatie */
@media (max-width: 600px) {
  .container-fluid.banners-home .banners-home-block.amount-2.large {
    min-height: 380px !important;
    background-position: center 18% !important;
  }
}
/* ===============================
   NOVA – Overlay height fix
   =============================== */

/* Zorg dat overlay altijd even hoog is als banner */
.banners-home-block,
.banners-home-block .banner-content-holder {
    min-height: 75vh; /* desktop hoogte */
}

/* Content netjes centreren */
.banners-home-block .banner-content-holder {
    display: flex;
    align-items: center;
}

/* Overlay zelf */
.banners-home-block::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35); /* subtiele luxe overlay */
    z-index: 1;
}

/* Tekst boven overlay houden */
.banners-home-block .banner-content-holder,
.banners-home-block .banner-content {
    position: relative;
    z-index: 2;
}

/* Mobile optimalisatie */
@media only screen and (max-width: 768px) {
    .banners-home-block,
    .banners-home-block .banner-content-holder {
        min-height: 55vh;
    }
}/* ===============================
   NOVA – FIX overlay hoogte (Highlights/Promo banners)
   Zorgt dat de overlay altijd 100% van de banner hoogte pakt
   =============================== */

.banners-home-block {
  position: relative;              /* nodig voor absolute overlay */
  background-size: cover !important;
  background-position: center 15% !important; /* iets hoger -> hoofd beter zichtbaar */
}

/* De overlay container over de hele banner */
.banners-home-block .banner-content-holder{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Als de overlay via :before komt (komt vaak voor in themes) */
.banners-home-block:before,
.banners-home-block .banner-content-holder:before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

/* Zorg dat de tekst boven de overlay blijft */
.banners-home-block .banner-content{
  position: relative !important;
  z-index: 2 !important;
}
/* ===============================
   NOVA – FIX overlay hoogte (Highlights/Promo banners)
   Zorgt dat de overlay altijd 100% van de banner hoogte pakt
   =============================== */

.banners-home-block {
  position: relative;              /* nodig voor absolute overlay */
  background-size: cover !important;
  background-position: center 15% !important; /* iets hoger -> hoofd beter zichtbaar */
}

/* De overlay container over de hele banner */
.banners-home-block .banner-content-holder{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Als de overlay via :before komt (komt vaak voor in themes) */
.banners-home-block:before,
.banners-home-block .banner-content-holder:before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

/* Zorg dat de tekst boven de overlay blijft */
.banners-home-block .banner-content{
  position: relative !important;
  z-index: 2 !important;
}
/* ===============================
   NOVA – Promo banner FULL HEIGHT FIX
   =============================== */

/* Zorg dat de banner zelf hoog genoeg is */
.home-banner.rounded {
    min-height: 70vh;            /* desktop */
    background-size: cover;
    background-position: center top;
    position: relative;
}

/* Fix overlay: altijd volledige hoogte */
.home-banner.rounded::after {
    content: "";
    position: absolute;
    inset: 0;                    /* top/right/bottom/left = 0 */
    background: rgba(0,0,0,0.25); /* zelfde look, juiste hoogte */
    z-index: 1;
}

/* Tekst altijd boven overlay */
.home-banner.rounded > div {
    position: relative;
    z-index: 2;
}

/* Mobiel optimalisatie */
@media (max-width: 768px) {
    .home-banner.rounded {
        min-height: 45vh;
        background-position: center top;
    }
}
/* ===============================
   NOVA – Promo banner FULL WIDTH
   =============================== */

/* Container rondom promo banner openbreken */
.container.margin-top-double {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Banner zelf full width trekken */
.home-banner.rounded {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0 !important;

    min-height: 70vh;
    background-size: cover;
    background-position: center top;
    position: relative;
}

/* Overlay altijd volledige banner */
.home-banner.rounded::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}

/* Tekst boven overlay */
.home-banner.rounded > div {
    position: relative;
    z-index: 2;
}

/* Mobiel */
@media (max-width: 768px) {
    .home-banner.rounded {
        min-height: 45vh;
        background-position: center top;
    }
}
/* ===============================
   NOVA – Mobile banner gap fix
   =============================== */

@media (max-width: 768px) {

  /* Geen ruimte tussen stacked banners */
  .banners-home-block,
  .banners-home-block > div,
  .homepage-highlights,
  .homepage-highlights .highlight,
  .homepage-highlights .highlight-image,
  .home-banner.rounded {
      margin: 0 !important;
      padding: 0 !important;
  }

  /* Extra zekerheid: geen witruimte door grid */
  .row {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }

  .col-xs-12,
  .col-sm-12 {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}
/* ===============================
   NOVA – Highlights full width (mobile + desktop)
   =============================== */

/* Maak de container waar highlights in zitten full width */
.banners-home.container,
.container.banners-home,
.container-fluid.banners-home,
.container-fluid.banners-home-block,
.container.banners-home-block,
.container.homepage-highlights,
.container.banners-home,
.container-fluid.banners-home {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* De wrapper die je in DevTools zag */
.container-fluid.banners-home,
.container-fluid.banners-home-block,
.container-fluid.banners-home-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Zorg dat de row en blocks geen “gutter” geven */
.container-fluid.banners-home .row,
.container-fluid.banners-home-block .row,
.banners-home-block .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.banners-home-block,
.banners-home-block > div {
  margin: 0 !important;
  padding: 0 !important;
}
/* Algemene site achtergrond */
body,
.body-content,
.layout-custom {
  background-color: #f4efe8 !important; /* beige */
}
/* Product cards achtergrond */
.product,
.product-holder,
.product-block,
.product-item,
.product-card {
  background-color: #f4efe8 !important;
}
/* Achtergrond achter productafbeeldingen */
.product-image,
.product-image-holder,
.image-holder,
.image-container,
.product-block-image {
  background-color: #f4efe8 !important;
}
/* Recommended & popular products */
.recommended-products,
.popular-products,
.sidebar-products,
.sidebar-products li {
  background-color: #f4efe8 !important;
}
.product,
.product-holder,
.product-card {
  border-color: rgba(0,0,0,0.05) !important;
  box-shadow: none !important;
}
/* ===============================
   FIX: witte vlakken naast productfoto’s
   =============================== */

/* Image wrappers */
.product-image,
.product-image-holder,
.product-block-image,
.image-holder,
.image-container,
.product .image,
.product .image a {
  background-color: #f4efe8 !important;
}

/* Extra padding containers rond images */
.product,
.product-holder,
.product-block,
.product-card {
  background-color: #f4efe8 !important;
}

/* Soms zit de witruimte in <figure> */
.product figure,
.product-image figure {
  background-color: #f4efe8 !important;
}

/* Zorg dat img zelf geen wit “canvas” forceert */
.product img {
  background-color: transparent !important;
}
.product-image,
.product-image-holder {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* NOVA – zwarte lint (notification / USP bar) -> beige */
.notification-bar,
.notification-bar *,
.short-usps,
.short-usps-holder,
.short-usps .usp,
.short-usps-wrapper {
  background-color: #e9dfd2 !important; /* zelfde beige */
}

/* Tekstkleur aanpassen voor contrast */
.notification-bar,
.notification-bar a,
.short-usps,
.short-usps a {
  color: #2b2b2b !important; /* donkergrijs/zwart */
}

/* Eventuele scheidingslijnen verwijderen */
.notification-bar {
  border: 0 !important;
}
/* Fallback: navigation bar background */
.navigation-bar,
.navigation-bar-wrapper {
  background-color: #e9dfd2 !important;
}
/* ===============================
   NOVA – Header black bar -> beige
   =============================== */

/* Hoofd header balk */
.header,
.header-wrapper,
.header-bottom,
.header-bottom-wrapper,
.header-navigation,
.header-navigation-wrapper {
  background-color: #e9dfd2 !important;
}

/* Categorieën knop */
.header .categories,
.header .categories *,
.header .menu-toggle {
  background-color: #e9dfd2 !important;
  color: #2b2b2b !important;
}

/* USP / tekst in header */
.header *,
.header a,
.header i,
.header span {
  color: #2b2b2b !important;
}

/* Verwijder eventuele schaduw of borders */
.header,
.header-bottom {
  border: none !important;
  box-shadow: none !important;
}
/* Extra fallback voor Nova header */
.site-header,
.top-header,
.main-header {
  background-color: #e9dfd2 !important;
}
/* Verberg tags onderaan pagina */
.tags,
.tag-cloud,
.product-tags,
.blog-tags {
    display: none !important;
}
.container-tags,
.section-tags {
    display: none !important;
}
/* Verberg TAGS-sectie onderaan (Nova theme) */
.container.blogs .headline,
.container.blogs .tagcloud,
.container.blogs .rowmargin80 {
    display: none !important;
}
/* Vervang footer copyright tekst */
.copyright {
    visibility: hidden;
    position: relative;
}

.copyright::after {
    content: "© SAM PIACE";
    visibility: visible;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
/* Subbanner (zoals Jumpsuits) hoger maken */
.subheadline-holder {
  min-height: 420px;          /* pas aan: 380–500px */
  background-size: contain;   /* HELE foto zichtbaar */
  background-repeat: no-repeat;
  background-position: center;
}
/* Jumpsuits / subbanner: hoger maken + hele foto zichtbaar */
.subheadlines .subheadline-holder {
  min-height: 460px !important;   /* maak hoger */
  height: auto !important;
  background-size: contain !important;  /* hele foto zichtbaar */
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

/* Zorg dat de overlay/content mee schaalt */
.subheadlines .subheadline-content {
  height: 100% !important;
}
@media (max-width: 768px) {
  .subheadlines .subheadline-holder {
    min-height: 360px !important;
  }
}
/* Verwijder schaduw/overlay op subbanner */
.subheadlines .subheadline-content {
  background: transparent !important;
}
/* ===============================
   SUBBANNER (Jumpsuits) - MOBIEL FULL WIDTH FIX
   =============================== */

@media (max-width: 768px) {

  /* 1) Trek de hele home-grid sectie naar de randen */
  .container.home-grid,
  .container.home-grid .row {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 2) Haal padding weg uit de kolommen die de banner vasthouden */
  .container.home-grid [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* 3) De rechter “side” kolom (waar je Jumpsuits banner in zit) ook 100% */
  .home-grid .side-list,
  .home-grid .subheadlines.side {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 4) Banner zelf: edge-to-edge */
  .subheadlines .subheadline-holder {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important; /* zodat het echt full width oogt */
    box-shadow: none !important; /* geen schaduw */
  }

  /* 5) Overlay/waas uitzetten */
  .subheadlines .subheadline-content {
    background: transparent !important;
  }
}
@media (max-width: 768px) {
  .content-box, .body-content {
    overflow-x: hidden !important;
  }
}
/* =========================
   MENU BEIGE (desktop + mobiel)
   ========================= */

:root{
  --menu-beige: #F3EDE3;   /* pas aan naar jouw beige */
  --menu-text:  #2b2b2b;
  --menu-border:#E2D6C6;
}

/* Desktop: dropdown/mega menu container */
.nav-main-sub,
.nav-main-sub.full-width,
.nav-main-sub-item-holder,
.nav-main-sub-item-holder .container,
.nav-main-sub-item-holder .row{
  background: var(--menu-beige) !important;
}

/* Mobiel: uitklapmenu / menu panel */
.nav-main-holder,
.nav-main-holder.active,
.nav-main,
.nav-main .nav-main-item,
.nav-main .nav-main-item > a{
  background: var(--menu-beige) !important;
}

/* Tekstkleur + borders zodat het netjes blijft */
.nav-main a,
.nav-main-sub a{
  color: var(--menu-text) !important;
}

.nav-main li,
.nav-main-sub li,
.nav-main-sub-item-holder{
  border-color: var(--menu-border) !important;
}

/* (optioneel) hover */
.nav-main a:hover,
.nav-main-sub a:hover{
  opacity: .85;
}
/* =========================
   MOBILE MENU BEIGE (force)
   ========================= */
:root{
  --menu-beige: #F3EDE3;
  --menu-text:  #2b2b2b;
}

/* Meest voorkomende Lightspeed/Nova mobile menu wrappers */
.mobile-nav,
.mobile-menu,
.mobile-menu-holder,
.offcanvas,
.offcanvas-menu,
.nav-mobile,
.nav-holder,
.menu-holder,
.sidr,
.sidr-inner,
.mm-menu,
.mm-panels,
.mm-panel,
.nav-main-holder,
.nav-main-holder * {
  background-color: var(--menu-beige) !important;
}

/* Links/tekst in mobile menu */
.mobile-nav a,
.mobile-menu a,
.offcanvas a,
.sidr a,
.mm-menu a,
.nav-main-holder a {
  color: var(--menu-text) !important;
}

/* Zorg dat “witte panel” (vaak een inner container) ook mee kleurt */
.nav-main-holder .container,
.nav-main-holder .row,
.nav-main-holder ul,
.nav-main-holder li {
  background-color: var(--menu-beige) !important;
}
/* =========================
   MOBILE MENU – CATEGORIEËN STYLING
   ========================= */

/* Hoofditems (Home, Nieuw, Dames, Heren, etc.) */
@media (max-width: 991px) {

  /* Menu links groter & vet */
  .nav-mobile a,
  .mobile-nav a,
  .offcanvas a,
  .sidr a,
  .mm-menu a,
  .nav-main-holder a {
    font-size: 17px !important;   /* groter */
    font-weight: 700 !important;  /* bold */
    letter-spacing: 0.5px;
    padding: 14px 16px !important;
    display: block;
  }

  /* Streep tussen categorieën */
  .nav-mobile li,
  .mobile-nav li,
  .offcanvas li,
  .sidr li,
  .mm-menu li,
  .nav-main-holder li {
    border-bottom: 1px solid rgba(0,0,0,0.12);
  }

  /* Laatste item geen streep */
  .nav-mobile li:last-child,
  .mobile-nav li:last-child,
  .offcanvas li:last-child,
  .sidr li:last-child,
  .mm-menu li:last-child {
    border-bottom: none;
  }

  /* Pijltjes iets groter & beter zichtbaar */
  .nav-mobile .has-subs > a:after,
  .mobile-nav .has-subs > a:after {
    font-size: 18px !important;
    font-weight: 700;
  }
/* FIX: productfoto's niet afsnijden in grid */
.product-block-holder .himage {
    height: auto !important;
    max-height: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.product-block-holder .himage img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center top !important;
}
/* FIX: product grid images niet meer afsnijden */

.product-block-image{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.product-block-image .himage{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

.product-block-image img{
  position:relative !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:unset !important;
}
/* Forceer scherpere thumbnails in productgrid */
.product-block-image img {
  image-rendering: auto;
  filter: none;
}