:root{
    --form-active-color:#e04610!important;
    --link-color:#e04610!important;
    --color-fg-secondary:#000!important;
    --color-fg:#000!important;
    --color-container:var(--color-gray-200)!important;
}
body{
    background: #fff;
    color: #000;
}
h1, .h1{
    font-size: 25px;
}
h2, .h2{
    font-size: 20px;
}
b, strong{
    font-weight: bold;
}
.header-utility{
    position: sticky;
    top: 0;    
    z-index: 31;
}
header.page-header{
    position: sticky;
    top: 56px;
    z-index: 30;
}
@media (max-width:1200px){
    .langSwitchText{
        display: none;
    }
}
@media (min-width:1024px){
    #header .siteLogo{
        transition: width 0.3s ease, margin 0.3s ease;
    }
    body:not(.cms-index-index) .siteLogo {
        margin: 0;
        width: 100px;
    }
    .cms-index-index .stickyHeader .siteLogo {
        margin: 0;
        width: 100px;
    }
    .navigation nav ul li a span img {
        height: 87px;
        width: auto;
    }

}

:where(main:not(.product-main-full-width, .page-main-full-width)) .columns{
    width: 100%;
    max-width: 100%;
}
.page-main{
    margin-top:0;
}
.product.photo.product-item-photo img{
    width: 100%;
}
.product.product-item .mp-stock-alert-container{
    display: none !important;
}
.product.product-item .price-box{
    display: flex;
    column-gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.price-box .price{
    font-size: clamp(20px, 2vw, 28px);
    color: #212529;
}
.price-box .old-price .price{
    font-size: 17px;
    color: #999;
}
.stock::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M14 18V6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V17C2 17.2652 2.10536 17.5196 2.29289 17.7071C2.48043 17.8946 2.73478 18 3 18H5M15 18H9M19 18H21C21.2652 18 21.5196 17.8946 21.7071 17.7071C21.8946 17.5196 22 17.2652 22 17V13.35C21.9996 13.1231 21.922 12.903 21.78 12.726L18.3 8.376C18.2065 8.25888 18.0878 8.16428 17.9528 8.0992C17.8178 8.03412 17.6699 8.00021 17.52 8H14%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M17 20C18.1046 20 19 19.1046 19 18C19 16.8954 18.1046 16 17 16C15.8954 16 15 16.8954 15 18C15 19.1046 15.8954 20 17 20Z%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7 20C8.10457 20 9 19.1046 9 18C9 16.8954 8.10457 16 7 16C5.89543 16 5 16.8954 5 18C5 19.1046 5.89543 20 7 20Z%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22%3E%3Cpath d=%22M14 18V6C14 5.46957 13.7893 4.96086 13.4142 4.58579C13.0391 4.21071 12.5304 4 12 4H4C3.46957 4 2.96086 4.21071 2.58579 4.58579C2.21071 4.96086 2 5.46957 2 6V17C2 17.2652 2.10536 17.5196 2.29289 17.7071C2.48043 17.8946 2.73478 18 3 18H5M15 18H9M19 18H21C21.2652 18 21.5196 17.8946 21.7071 17.7071C21.8946 17.5196 22 17.2652 22 17V13.35C21.9996 13.1231 21.922 12.903 21.78 12.726L18.3 8.376C18.2065 8.25888 18.0878 8.16428 17.9528 8.0992C17.8178 8.03412 17.6699 8.00021 17.52 8H14%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M17 20C18.1046 20 19 19.1046 19 18C19 16.8954 18.1046 16 17 16C15.8954 16 15 16.8954 15 18C15 19.1046 15.8954 20 17 20Z%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M7 20C8.10457 20 9 19.1046 9 18C9 16.8954 8.10457 16 7 16C5.89543 16 5 16.8954 5 18C5 19.1046 5.89543 20 7 20Z%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.twoBlockInner h4 {
    color: #e04610;
    font-size: 23px;
}
.twoBlockInner p {
    color: #e04610;
    font-size: 14px;
}
.twoBlockInner a{
    border: solid 3px #e04610;
    background: #e04610;
    border-radius: 5px;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-block;
}
.twoBlockInner img {
    margin: auto;
}
.twoBlockInner a.outlineBtn {
    border: solid 3px #333333;
    color: #333333;
    background: transparent;
}
.footer-newsletter-wrapper{
    display: none;
}
.kiyohWrapper{
    background: #1f1f24;
    color: #fff;
    max-width: 100%;
    overflow: hidden;
    padding-inline: 24px;
}



/****review widget**/

/****review widget**/

.snap-track{
    padding: 0;
}
body:not(.catalog-product-view) .snap-pager {
    display: none !important;
}

.global-static-block h1,
.global-static-block h2,
.global-static-block h3,
.global-static-block h4,
.global-static-block h5{
    color: #236fa1;
}
.global-static-block   .pagebuilder-column-line:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #236fa1;
}

.global-static-block  .pagebuilder-column-line:first-child .pagebuilder-column {
    width: auto !important;
    align-self: initial !important;
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    gap: 10px;
    flex-direction: initial !important;
    flex-wrap: wrap;
    margin: auto;
}

.global-static-block  .pagebuilder-column-line:first-child .pagebuilder-column img {
    max-width: 186px!important;
}

.global-static-block {
    text-align: center;
}

.hero-slider{
    color: #fff;
    text-shadow: 0 0 10px #000;
    line-height:1;
    padding-bottom: 0;
}
.hero-slider h1,
.hero-slider h2,
.hero-slider h3,
.hero-slider h4,
.hero-slider h5 {
    font-weight: 700;
    margin-bottom: 10px;
}

.hero-slider h1,
.hero-slider h2 {
    font-size: clamp(30px, 4vw, 60px);
}

.hero-slider h3 {
    font-size: clamp(20px, 3vw, 40px);
}

.hero-slider h4 {
    font-size: clamp(15px, 2.5vw, 30px);
}

.hero-slider h5 {
    font-size: clamp(12px, 2vw, 24px);
}

.hero-slider h6 {
    font-size: clamp(10px, 1.7vw, 20px);
}

.hero-slider p {
    font-size: clamp(20px, 3vw, 40px);
    font-weight: 700;
    margin-bottom: 10px;
}
.hero-slider p a{
    background-color: rgb(224, 70, 16);
    outline: none;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
    line-height: 1;
    font-size: clamp(14px, 1.7vw, 21px);
    border: 0;
    padding: 12px 35px 15px 35px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px;
}
.hero-slider p a ~ a{
    text-transform: none;
    padding: 8px 35px 11px 35px;
    background-color: rgb(59, 89, 152);
}
.hero-slider p a ~ a:hover{
    background-color: rgb(0, 122, 255);
}

.usps .usp svg{
    width: 40px;
    height: 40px;
}
.generaltextproductholder h2, 
.generaltextproductholder h3, 
.generaltextproductholder h4 {
    color: #e04610;
    margin: 10px 0;
}
.btnOrange,
.btnOrange:hover {
    border: solid 3px #e04610;
    background: #e04610;
    border-radius: 5px;
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-block;
}
.btnOutline,
.btnOutline:hover {
   border: solid 3px #333333;
    color: #333333;
    background: transparent;
    border-radius: 5px;
    font-weight: bold;
    font-size: 17px;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 15px;
    display: inline-block;
}

.product-info-main .price-container{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
.product-info-main .price-container .final-price{
    order: -1;
}
.product-info-main .price-container .price-box .price{
    line-height: 1;
}
.product-custom-option.form-input{
    max-width: 430px;
    background-color: rgb(241 245 249);
}
#product-options-wrapper:after {
    content: attr(data-hasrequired);
    float: left;
    width: 100%;
    color: #e02b27;
    font-weight: bold;
    margin-top: 15px;
}
.product-options-wrapper .options-list.nested{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.product-options-wrapper .options-list.nested .field.choice{
    border: solid 2px #eeeeee;
    border-radius: 5px;
    padding: 5px 10px;
    display: block;
    cursor: pointer;
    position: relative;
}
.product-options-wrapper .options-list.nested .field.choice .product-custom-option{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    inset: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.product-options-wrapper .options-list.nested .field.choice:hover,
.product-options-wrapper .options-list.nested .field.choice:has(input:checked) {
    border: solid 2px #669900;
}
.product-options-wrapper .field-description span{
    max-width: 429px;
}
.product-options-wrapper .field-description span img{
    width: 115px;
    display: inline-block;
}

.product-options-wrapper .field-description span:has(> img:nth-of-type(2)){
    min-width: 248px;
}
.product-options-wrapper .field-description svg{
    flex:0 0 24px;
}
.product-options-wrapper .options-list.nested .field.choice .label.text-left,
.product-options-wrapper .options-list.nested .field.choice .label.text-left .price-notice{
    display: flex;
    gap: 4px;
}
.product-options-wrapper .options-list.nested .field.choice .label.text-left span:empty{
    display: none;
}
.catalog-product-view #product-attributes .greenCheckIcon{
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #1aa02a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
.catalog-product-view .product-usp ul li:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    content: "";
    background-color: #1aa02a;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M4.5 12.75l6 6 9-13.5'/%3E%3C/svg%3E") center / contain no-repeat;
    margin-right: 5px;
    vertical-align: middle;
}
.checkout-cart-index #shopping-cart-table .price-box .price{
    font-size: 18px;
    line-height: 1;
}
:is( input:where(:not([type])), 
    [type="text"], 
    [type="email"], 
    [type="url"], 
    [type="password"], 
    [type="number"], 
    [type="date"], 
    [type="datetime-local"], 
    [type="month"], 
    [type="search"], 
    [type="tel"], 
    [type="time"], 
    [type="week"], 
    textarea, 
    select, 
    .form-input, 
    .form-textarea, 
    .form-select, 
    .form-multiselect ){
    border-radius: 4px;
}

:where(form legend){
    font-weight: 700;
}

#hyva-checkout-container{
    margin-top: 40px;
}
.account .sidebar .price-box .price{
    font-size: clamp(18px, 2vw, 20px);
}
.hyva_checkout-index-index .price-box .price{
    font-size: 16px;
}

.hyva_checkout-index-index .text-gray-700,
.hyva_checkout-index-index .text-slate-700,
.hyva_checkout-index-index .text-slate-800,
.hyva_checkout-index-index .text-slate-600{
    color: #000;
}
body.checkout-cart-index:has(.cart-empty) #maincontent {
    /*max-width: 500px;*/
    margin-inline: auto;
    text-align: center;
}

body.checkout-cart-index:has(.cart-empty) #maincontent h1.page-title {
    width: 100%;
}
.mp-productalerts-product-detail{
    height: auto !important;
}
.mp-productalerts-product-detail .mp-productalerts-link-container{
    float: none!important;
}
.cms-no-route .column.main{
    text-align: center;
}
.cms-no-route .column.main h2 img{
    margin:20px auto;
}
.cms-no-route .column.main p {
    margin-top: 0px;
    margin-bottom: 16px;
}
.cms-no-route .columns .column.main ul {
    list-style-type: disc;
    padding-left: 24px;
    margin: 10px auto 30px;
    width: fit-content;
}
.cms-no-route .columns .column.main ul li {
    width: fit-content;
    text-align: left;
}
.actions-toolbar .primary .action.submit.primary,
.actions-toolbar .primary .action.submit.primary:hover{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    border-radius: var(--radius-sm);
    border-width: 2px;
    border-color: #e04610;
    background-color: #e04610;
    color: #fff;
    font-weight: 500;
}
.filter-pill-panel{
    z-index: 20;
}

.category-description h2,
.category-description h3{
    font-weight: 500;
    margin-bottom: 5px;
}
.category-description h3{
    color: #e04610;
    font-size: 18px;
}
.category-description h4{
    color: #e04610;
    font-size: 16px;
}
.category-description p{
    margin-bottom: 10px;
}
.category-description a{
    color: #007bff;
}


@media (min-width:767px){
    .usps .usp > div{
        width: 100%;
    } 
    .generaltextproductholder h2, 
    .generaltextproductholder h3, 
    .generaltextproductholder h4 {
        font-size: 40px;
    }
     .field-type-text.field.field-reserved.field-lastname{
        grid-column: span 6 / span 6 !important;
    }
    .hyva_checkout-index-index #shipping .field-huisnummertoevoeging{
        grid-column: span 6 / span 6;
    }
    .kiyohHeader{transform: translate(-50%, -50%);}
}
@media (max-width:767px){
    .actions-toolbar,
    .actions-toolbar .secondary{
        text-align: center;
    }
    
}
@media (max-width:640px){
    .searchBoxHeader{
        position: absolute;
        top: 86px;
        right: 40px;
    }
}