/* 20260504105602 - 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 */
/*Joram, Lightspeed, 23-12-2020:, [betaaliconen betaalpagina] BEGIN*/
img.float-payment {
    float: left;
    margin: 2px;
}
/*Joram. Binsbergen, Lightspeed, 23-12-2020:, [betaaliconen betaalpagina] END*/
.directions{line-height: 50px;color:#283945 !important;font-weight:600}
.directions:hover{color:#80c121 !important;}

.wsa-demobar{display:none!important}

.poster{
    flex: 0 0 60%;
    max-width: 60%;
}
nav.navbar{
    background: #f8f9fa;
    box-shadow: 1000px 0 #f8f9fa, -1000px 0 #f8f9fa;
}
.logo img {
    margin-top: -5px;
}
header.navigation{border-bottom: 1px solid #3fa62a26 !important;}
.fa-regular{font-weight: 600;}
.headlines h2{
    font-size: 62px !important;
    line-height: 1.1;
  margin-bottom:30px;
    text-shadow: 0px 5px 14px #000;
}
@media (min-width: 1000px) {
.categories .container{      margin-top: -180px;
    z-index: 100;
    position: relative;
    background: #FFF;
    border-radius: 16px;
  padding:0 20px
}
  .categories .container .catalog-categories{padding:0 10px}
}
@media (max-width: 768px) {
.headlines h2 {
    font-size: 9vw !important;
}
      .related.row-cols-2>*, .recent.row-cols-2>* {
        -ms-flex: 0 0 45%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}
.btn.quickshop{
    font-size: 16px;
    padding: 12px 20px;
    font-weight: 700;}
.headlines > div{height:inherit !important}
h2{font-weight:600!important;font-size:2rem !important}

.headlines .headline-caption p {
    margin-bottom: 30px;
    max-width: 500px;
}
.headlines .headline-caption{
      max-width: 930px;
  bottom:inherit;
  top:60px;
}
.headlines .item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(30deg, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0) 75%);
}
.header-icon:hover i{color:#2a2b2d}
.header-icon i{color:#bfbfc0}
.header-icon > a{
    width: inherit !important;
    color: #414141;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.header-cart .badge-primary{
  left: 42px;
    top: -3px;
    font-size: 11px;
    height: 16px;
    width: 16px;
    text-align: center;
    padding: 0;
    line-height: 16px;
}
#form_search input{text-indent:5px!important}
.currency{}

.container {
    /*max-width: 1430px !important;*/
}
.usp-header a{
    font-weight: 100;
    font-size: 13px;
  position:relative;
  top:1px;
}
.usp-header {
    gap: 40px;
}
.usp-header .google-review .stars{    margin: 0 8px;
    letter-spacing: 2px;}
.usp-header .google-review .fa-star {
    color:#fcc005 !important;width:inherit
}
span.aantal-soorten {
    position: absolute;
    left: 15px;
    bottom: 10px;
    color: #FFF;
  z-index:10;
}
.infobottom{font-size:14px}
.catalog-categories .image-wrap a:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}

.index-content{display:flex;gap: 60px;}
.index-content .home-img{width:100%}
.index-content .home-img img{
    border-radius: 15px;
    width: 100%;
    object-fit: cover;}
.index-content .home-txt{
flex-direction: column;
    align-self: center;}

.homepage-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.homepage-bullets li {
    display: flex;
    align-items: center;
    margin-bottom: 25px; /* Ruimte tussen de regels */
}
.productsinfo img,
.collection-content .inner > img{
    display: none !important;
}
header nav .nav-item.sub .menu-holder {
    left: 50% !important;
    transform: translateX(-50%);
}
header .megamenu .subnav {
    columns: 3;
}
.product .usp-holder .item{
line-height: 22px;
  margin-bottom:15px
}
.product .usp-holder .item span{
font-weight: 100;
    font-size: 14px;
    margin-left: 20px;
    padding-left: .5rem;
}
.product .image-wrap canvas, .category .image-wrap canvas{background-color:#FFF}
/* De grijze cirkel achter het icoon */
.bullet-icon {
    width: 60px;
    height: 60px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}

/* Styling voor de icoon-symbolen zelf (zwart) */
.bullet-icon i {
    color: #28ae60;
    font-size: 24px;
  padding-left:2px;
}

/* Tekst styling */
.bullet-text {
    line-height: 1.4;
    color: #333;
}

/* De bovenste regel (Titel) */
.bullet-text strong {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
}

/* De onderste regel (Subtekst) */
.bullet-text span {
    font-size: 16px;
    font-weight: 400;
    color: #444;
}
  /* Growth Tip: Maak specs scannbaar en clean */
.specs-a .data-plantinfo {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}
.specs-a .data-plantinfo li {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 6px;
    color: #4a4a4a;
}
.specs-a .data-plantinfo li i.green {
    color: #27ae60; /* Een frisse, converterende kleur groen */
    margin-right: 8px;
    font-size: 14px;
}
.specs-a .data-plantinfo li i {
    width: 20px; /* Forceert dat alle iconen dezelfde ruimte innemen */
    text-align: center;
    margin-right: 10px;
}
.usp-header-bg{
background:#2a2b2d;color:#FFF
}

.product.tuinpakket .title{
  font-size:24px
}
.product.tuinpakket .badge{
  font-size: 13px;
  padding: 10px 20px;
  text-transform: uppercase;
  margin-bottom:.5rem
}
.product.tuinpakket ul{
  margin-bottom: .5rem !important;
  margin-top: .5rem !important;  
}
.product.tuinpakket ul li{
line-height: 2.4;
font-size: 15px;
}
.product.tuinpakket ul li i {
color: #27ae60;
}

.specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.spec-card {
    background-color: #f8f8f8; /* De lichte grijze achtergrond uit je foto */
    border-radius: 12px;
    display: flex;
    align-items: flex-start;
}

/* Het witte vierkantje voor het icoon */
.spec-icon-box {
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}

.spec-icon-box i {
    font-size: 28px;
    color: #27ae60;
}

.spec-content {
    display: flex;
    flex-direction: column;
}

/* Label (bovenaan) */
.spec-label {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 4px;
}

/* De grote waarde (midden) */
.spec-value {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
    line-height: 1.2;
}

/* De uitleg (onderaan) */
.spec-description {
    font-size: 13px;
    font-weight: 400;
    color: #555;
    line-height: 1.5;
}