/* 20261006120450 - 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: #cccccc;
}

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

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

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

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

/* custom */
@media (min-width: 992px) {
    #menu .menu .item .nav-label, .mob-men-slide .nav-item .nav-label {
        color: #d34f16;
        text-transform: uppercase;
        font-weight: bold;
    }
}

@media (min-width: 753px) {
    #service .serv-block-img {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: auto;
        height: 195px;
        max-width: 160px;
        visibility: hidden;
    }
}


.faq-content {
  max-width: 1100px;
  color: #252832;
}

.faq-content > h2 {
  margin: 0 0 14px;
  font-size: 32px;
  line-height: 1.2;
  font-weight: 700;
}

.faq-content > p:first-of-type {
  max-width: 900px;
  margin: 0 0 36px;
  font-size: 18px;
  line-height: 1.65;
}

.faq-content h3 {
  margin: 44px 0 18px;
  padding: 5px 0 5px 14px;
  border-left: 4px solid #e75b12;
  font-size: 23px;
  line-height: 1.3;
  font-weight: 700;
}

.faq-content details {
  margin: 0 0 12px;
  border: 1px solid #e2e4e8;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.faq-content details:hover,
.faq-content details[open] {
  border-color: #e75b12;
  box-shadow: 0 4px 14px rgba(20, 24, 32, 0.06);
}

.faq-content summary {
  position: relative;
  display: block;
  padding: 17px 54px 17px 20px;
  cursor: pointer;
  list-style: none;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
}

.faq-content summary::-webkit-details-marker {
  display: none;
}

.faq-content summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f7eee8;
  color: #e75b12;
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  transform: translateY(-50%);
}

.faq-content details[open] summary {
  color: #e75b12;
}

.faq-content details[open] summary::after {
  content: "−";
}

.faq-content summary strong {
  font-weight: inherit;
}

.faq-content details > p,
.faq-content details > ul,
.faq-content details > ol {
  margin: 0;
  padding: 0 20px 17px;
  font-size: 16px;
  line-height: 1.65;
}

.faq-content details > p + p {
  margin-top: -5px;
}

.faq-content a {
  color: #e75b12;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.faq-content a:hover {
  color: #bd4305;
}

.faq-contact {
  margin-top: 46px;
  padding: 26px 28px;
  border-radius: 10px;
  background: #f6f7f8;
}

.faq-contact h3 {
  margin: 0 0 14px;
}

.faq-contact p {
  margin: 0 0 14px;
  line-height: 1.65;
}

.faq-contact p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .faq-content > h2 {
    font-size: 27px;
  }

  .faq-content > p:first-of-type {
    margin-bottom: 28px;
    font-size: 16px;
  }

  .faq-content h3 {
    margin-top: 34px;
    font-size: 20px;
  }

  .faq-content summary {
    padding: 15px 48px 15px 16px;
    font-size: 16px;
  }

  .faq-content summary::after {
    right: 15px;
  }

  .faq-content details > p,
  .faq-content details > ul,
  .faq-content details > ol {
    padding-right: 16px;
    padding-left: 16px;
  }

  .faq-contact {
    padding: 22px 20px;
  }
}

.category-text a {
    color: #f28c00;
    text-decoration: none;
}

.category-text a:hover {
    text-decoration: underline;
}

.gui-confirm-buttons .gui-button-action {
  background-color: #f36c21 !important;
  border-color: #f36c21 !important;
  color: #ffffff !important;
}

.gui-confirm-buttons .gui-button-action:hover {
  background-color: #d95b14 !important;
  border-color: #d95b14 !important;
  color: #ffffff !important;
}

/* Links in homepage tekst oranje */
#home-content .home-text.container a {
    color: #e95a0c !important;
    text-decoration: none;
    font-weight: 600;
}

/* Hover */
#home-content .home-text.container a:hover {
    color: #c94700 !important;
    text-decoration: underline;
}

.item .item-rating .star.off, .product-main-title .item-rating .star.off, .score-wrap .item-rating .star.off, .review .item-rating .star.off {
    background: #1bb000;
}

/* Productfoto echt 100% van het vierkante vlak laten gebruiken */
.images.small.p-carousel .main-images .swiper-slide > a.greyed {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
}

.images.small.p-carousel .main-images .swiper-slide > a.greyed > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Slide zelf ook vierkant */
.images.small.p-carousel .main-images .swiper-slide {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* Grijze overlay uit */
.images.small.p-carousel .main-images .greyed::after {
    display: none !important;
}

/* Scrollbar onderaan weg */
.images.small.p-carousel .main-images .swiper-scrollbar {
    display: none !important;
}

/* Kleine productafbeeldingen vierkant en volledig gevuld */
.item-image-container.small.square {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Link vult hele vlak */
.item-image-container.small.square > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
}

/* Afbeelding vult het vierkant */
.item-image-container.small.square img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Grijze overlay verwijderen */
.item-image-container.small.square .greyed::after {
    display: none !important;
}

.item-image-container.small.square .greyed {
    background: #fff !important;
}

/* Thumbnail volledig vullen */
.thumb-images .swiper-slide .greyed,
.thumb-images .swiper-slide .greyed img {
    width: 100% !important;
    height: 100% !important;
}

/* Afbeelding echt beeldvullend */
.thumb-images .swiper-slide .greyed img {
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
}

/* Eventuele padding/marges van theme verwijderen */
.thumb-images .swiper-slide,
.thumb-images .swiper-slide .greyed,
.thumb-images .swiper-slide .greyed img {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Grijs/wit binnenvlak verwijderen */
.thumb-images .swiper-slide .greyed {
    background: transparent !important;
}

.thumb-images .swiper-slide .greyed::after {
    display: none !important;
}

/* Thumbnails links vierkant maken */
.thumb-images .swiper-slide {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Thumbnail-container volledig vullen */
.thumb-images .swiper-slide .greyed {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    overflow: hidden !important;
}

/* Afbeelding volledig vierkant tonen */
.thumb-images .swiper-slide .greyed img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Grijze overlay verwijderen */
.thumb-images .swiper-slide .greyed::after {
    display: none !important;
}

@media (max-width: 767px) {

    /* Hele afbeeldingensectie volledige breedte */
    .product-content .images {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Hoofdcarrousel vierkant maken */
    #CarouselMain,
    .images.small.p-carousel .main-images {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    /* Swiper wrapper vult het vierkant */
    #CarouselMain .swiper-wrapper {
        height: 100% !important;
    }

    /* Iedere slide vierkant */
    #CarouselMain .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 !important;
    }

    /* Link volledig laten vullen */
    #CarouselMain .swiper-slide > a.greyed {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        aspect-ratio: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Foto beeldvullend */
    #CarouselMain .swiper-slide > a.greyed > img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Scrollbar weg */
    #CarouselMain .swiper-scrollbar {
        display: none !important;
    }
}

/* Winkelwagen productafbeelding volledig vierkant vullen */
.item.item-list.small-list .item-image-container {
    width: 100px !important;
    height: 100px !important;
    flex: 0 0 100px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Link vult hele vlak */
.item.item-list.small-list .item-image-container > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

/* Afbeelding beeldvullend */
.item.item-list.small-list .item-image-container img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Grijze overlay verwijderen */
.item.item-list.small-list .item-image-container.greyed {
    background: #fff !important;
}

.item.item-list.small-list .item-image-container.greyed::after {
    display: none !important;
}

#description .desc-wrap.toggle-content.with-contrast {
    padding: 20px;
    background: #fff8f1;
    border-radius: var(--radius);
    margin: 0 -20px;
}

.gui a.gui-button-large.gui-button-action, .gui a.gui-button-small.gui-button-action {
    padding: 12px 30px;
    border-radius: var(--radius);
    border: 0;
    width: 100%;
}