/* 20260412194346 - 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: #76c61b;
}

/* custom */
/* Nynke Lont Lightspeed 15 December 2017 12:09:58 (RAYMOND 27-06-2019 opnieuw toegevoegd, met kleine aanpassing dankzij Joram Binsbergen lightspeed) */
/* Scrollable table on mobile */
@media (max-width: 767px) {
    #product-info table{
        margin-bottom: 10px;
        overflow-x: scroll;
        max-width: 100%;
        display: inline-block;
    }
    #product-info table tbody{
        display: inline-table;
        margin-bottom: 5px;
    }
    #product-info table td{
        white-space: nowrap;
        padding-right: 15px;
    }
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 5px;
        height: 5px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.2);
    }
}
/* /Nynke Lont Lightspeed 15 December 2017 12:09:58 */

.belco-widget-inactive .belco-widget-content { margin-bottom: 50px }

/* Maud LightspeedHQ - 23 OCT 2020 - hide blog articles footer - START */
footer a[href*="wat-is-een-goede-koffer"] {
    display: none;
}

footer a[href*="productdemonstratie-video-webwinkels"] {
    display: none;
}

div.col-xs-12.col-sm-3.blog-articles.hidden-xs {
  display: none;
}
/* Maud LightspeedHQ  - END */

/* FAQ Generator CSS */

/* FAQ Container */
.faq-section {
  max-width: 800px;
  margin: 40px auto;
  padding: 20px;
  color: #333;
}

.faq-heading {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.faq-item {
  margin-bottom: 20px;
}

.faq-question {
  cursor: pointer;
  display: block;
  font-weight: 600;
  font-size: 14px;
  padding: 12px 0;
  position: relative;
  color: #333;
  padding-right: 30px;
}

.faq-question:hover {
  color: #333;
}

.faq-question::after {
  content: "▼";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #bbb;
  transition: transform 0.3s ease;
}

.faq-toggle {
  display: none;
}

.faq-toggle:checked + h3 .faq-question::after {
  transform: translateY(-50%) rotate(180deg);
}

.faq-answer {
  display: none;
  padding-top: 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

.faq-toggle:checked + h3 + .faq-answer {
  display: block;
}

/* Bulletpoints */
.faq-answer ul,
.answer-input ul {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 16px;
}

.faq-answer ol,
.answer-input ol {
  list-style-type: decimal;
  padding-left: 20px;
  margin-bottom: 16px;
}

.faq-answer li,
.answer-input li {
  margin-bottom: 8px;
}

/* Credit */
.faq-credit {
  font-size: 14px;
  color: #bbb;
  text-align: right;
  margin-top: 20px;
}

.faq-credit a {
  color: #bbb;
  text-decoration: none;
}

.faq-credit a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .faq-section {
    padding: 10px;
  }

  .faq-heading {
    font-size: 16px;
  }

  .faq-question {
    font-size: 14px;
  }

  .faq-answer {
    font-size: 14px;
  }
}

#kiyoh-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99999;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

#kiyoh-tab {
  background: linear-gradient(135deg, #00c851 0%, #007e33 100%);
  padding: 12px 16px;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 200, 81, 0.4);
  transition: all 0.3s ease;
  min-width: 70px;
}

#kiyoh-tab:hover {
  box-shadow: 0 6px 30px rgba(0, 200, 81, 0.6);
  transform: translateY(-3px);
}

.score-circle {
  color: white;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

.stars-mini {
  color: #ffd700;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1;
}

#kiyoh-panel {
  background: white;
  border-radius: 12px;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15);
  width: 300px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
  position: absolute;
  bottom: 80px;
  right: 0;
}

#kiyoh-panel.open {
  max-height: 500px;
  padding: 20px;
}

.kiyoh-header {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #f0f0f0;
  margin-bottom: 15px;
}

.kiyoh-score {
  font-size: 48px;
  font-weight: 700;
  color: #00c851;
  line-height: 1;
}

.kiyoh-stars {
  color: #ffd700;
  font-size: 20px;
  letter-spacing: 2px;
  margin: 5px 0;
}

.kiyoh-count {
  color: #666;
  font-size: 13px;
}

.kiyoh-reviews {
  margin-bottom: 15px;
}

.review-item {
  background: #f9f9f9;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 10px;
  border-left: 3px solid #00c851;
}

.review-stars {
  color: #ffd700;
  font-size: 14px;
  margin-bottom: 5px;
}

.review-text {
  color: #333;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 5px;
  font-style: italic;
}

.review-author {
  color: #999;
  font-size: 11px;
}

.kiyoh-link {
  display: block;
  text-align: center;
  color: #00c851;
  text-decoration: none;
  font-weight: 600;
  font-size: 13px;
  padding: 8px;
  border-radius: 6px;
  transition: background 0.2s;
}

.kiyoh-link:hover {
  background: #f0fdf4;
}

@media (max-width: 768px) {
  #kiyoh-widget {
    right: 10px;
    bottom: 10px;
  }
  #kiyoh-tab {
    padding: 10px 14px;
    min-width: 60px;
  }
  .score-circle {
    font-size: 20px;
  }
  .stars-mini {
    font-size: 11px;
  }
  #kiyoh-panel {
    width: calc(100vw - 40px);
    max-width: 300px;
  }
}