:root{--box-shadow:2px 2px 3px rgba(0,0,0,0.03)}body,html{color:var(--text-color);font-family:Poppins,Helvetica,"sans-serif";height:100%;  /* The Fallback */height:100dvh;margin:0;overflow:hidden;width:100vw}*{
    /*hide those weird touch highlight on mobile*/-webkit-tap-highlight-color:transparent}.bg-light{background-color:var(--bg-light-color)!important}.page-container{background-color:var(--bg-color);display:flex;flex-direction:column;height:100vh;width:100vw}.header{align-items:center;background-color:var(--bg-light-color);box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;font-size:20px;height:70px;justify-content:space-between;text-align:center;width:100%;z-index:9}.header h6{margin:0;width:100%}.page-content-scroll{height:100dvh;overflow:auto}[data-loader=true]{overflow:hidden;position:relative /* Ensures the loader is positioned over the element */}.modal-button[data-loader=true]{color:transparent!important}[data-loader=true]:after{align-items:center;background-color:hsla(0,0%,100%,.5); /* Semi-transparent overlay */content:"";display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1 /* Ensure the loader appears above the element */}[data-loader=true]>.s-loader{display:block;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;z-index:2 /* Keep spinner above overlay */}.s-loader{display:none}.s-loader:after{animation:spin 1s linear infinite;border:3px solid #ccc;border-radius:50%;border-top:3px solid var(--accent-color); /* Customize color for spinner */content:"";height:18px;position:absolute;width:18px}
.cover-wrapper{display:flex;flex-direction:column}.cover-banner{align-items:center;background-image:var(--banner-image);display:flex;height:300px;justify-content:center}.cover-banner,.cover-banner-logo{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover}.cover-banner-logo{background-image:var(--logo-image);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:block;height:130px;margin:0 auto;width:175px}.cover-content{background-color:var(--bg-light-color);text-align:center}.cover-content .cover-title{font-size:1.2em;margin-top:30px}.cover-content .cover-description{font-size:.8em;margin-bottom:5px;margin-left:auto;margin-right:auto;max-width:var(--container-width);padding:0 20px}.cover-opening-hours{margin-bottom:30px}.cover-company-contact,.cover-opening-hours{cursor:pointer;font-size:13px;margin-top:10px}

/* Container to hold the info icon and popup */.info-container{display:inline-block;position:relative}.info-container .popup{background-color:var(--bg-light-color);border:1px solid var(--bg -color);border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);display:none;left:50%;margin-top:10px; /* Added margin for spacing */max-width:90vw; /* Ensure it doesn't go off-screen on small devices */padding:15px;position:absolute;top:100%;transform:translateX(-50%);width:300px;z-index:1000}

/* Show the popup when hovering over the container */.info-container:hover .popup{display:block}.info-container .popup:before{border:8px solid transparent;border-bottom-color:#fff;content:"";left:50%;position:absolute;top:-8px;transform:translateX(-50%)}.company-info{line-height:22px;margin-bottom:10px}.opening-hours-list{list-style-type:none;margin:10px 0;padding:0;text-align:left;width:100%}.opening-hours-list table{width:100%}.opening-hours-list li{font-size:14px}.time{font-weight:700}.popup h3{font-size:16px;margin-bottom:10px;margin-top:0}.fa-info-circle{cursor:pointer;margin-left:5px}@media (max-width:600px){.info-container .popup{left:50%;position:fixed;top:40%}}
#catalogue_wrapper{margin:0 auto;max-width:var(--container-width)}.catalogue-category{margin:0 10px}.catalogue-category-title{color:var(--text-color);font-size:15px;font-weight:700;margin-bottom:10px;margin-left:15px;margin-top:20px}.catalogue-category-products{background-color:var(--bg-light-color);border-radius:10px;box-shadow:var(--box-shadow);overflow:hidden}.catalogue-category-products .product-card{cursor:pointer;display:flex;gap:5px;justify-content:space-between;transition:all .3s ease 0s}.catalogue-category-products .product-card>.d-flex{align-items:center}.catalogue-category-products .product-card[data-has-stock=false]{cursor:default;position:relative /* Ensure the overlay is positioned correctly */}.catalogue-category-products .product-card[data-has-stock=false]:before{background-color:hsla(0,0%,100%,.7); /* Optional: Add a semi-transparent background */content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1 /* Position it above the product content */}.catalogue-category-products .product-card[data-has-stock=false]:after{color:var(--accent-color);content:"Dit product is niet op voorraad";font-size:.8rem;font-weight:700;left:50%;opacity:0; /* Initially hidden */pointer-events:none; /* Prevent interaction */position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease 0s;z-index:2 /* Position above everything else */}.catalogue-category-products .product-card:hover:after{opacity:1}.catalogue-category-products .product-card:not(:last-child){border-bottom:1px solid var(--bg-color)}.catalogue-category-products .product-card .product-image{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;height:100px;margin:5px;min-width:133px;-o-object-fit:contain;object-fit:contain;width:133px}@media screen and (max-width:450px){.catalogue-category-products .product-card .product-image{height:80px!important;min-width:103px!important;width:103px!important}}.catalogue-category-products .product-card .product-info{align-content:center;display:flex;flex-direction:column;gap:5px;padding:15px;width:auto}.catalogue-category-products .product-card .product-info h3{color:var(--text-color);font-size:15px;font-weight:700}.catalogue-category-products .product-card .product-info p{color:var(--text-color);filter:brightness(70%);font-size:14px}.catalogue-category-products .product-card .product-info h3,.catalogue-category-products .product-card .product-info p{margin:0}.catalogue-category-products .product-card .product-end{padding:15px}.catalogue-category-products .product-card .product-end .product-price{font-size:14px;font-weight:700;margin:5px 0}.catalogue-category-products .product-card .product-end .product-button{background-color:transparent;border:none;color:var(--accent-color);cursor:pointer;font-size:1.6em;font-weight:700;text-align:right}.catalogue-category-products .product-card .product-end{display:flex;flex-direction:column;gap:5px;justify-content:space-between;text-align:right}.d-flex{display:flex}.promotion-badge{background-color:var(--accent-color);border-radius:15px;color:#fff;display:inline-block;font-size:10px;font-weight:700;padding:5px 15px;text-align:center}.product-promotions{margin-top:5px}.allergy-image{width:25px}.product-allergies .allergy-image{width:35px}

/*#catSlider{*/
/*    max-width: var(--container-width);*/
/*    margin: 0 auto;*/
/*}*/#add_cat_btn,.category-button{background-color:var(--bg-color);border:1px solid var(--bg-color);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:12px;font-weight:700;padding:7.5px 10px;text-align:center;text-transform:uppercase;transition:all .3s ease 0s}.category-button.active{background-color:var( --accent-color);color:#fff}#stickyTopBar{align-items:center;background-color:var(--bg-light-color);box-shadow:var(--box-shadow);display:flex;flex-direction:column;padding-left:10px;padding-right:10px;padding-top:10px;position:sticky;position:-webkit-sticky; /* Safari */

    /*sticky*/top:0;z-index:9}#searchBar{max-width:var(--container-width);position:relative;width:100% /* Adjust the width as needed */}#searchBar:before{color:var(--text-color);content:"\f002"; /* Example for Font Awesome */font-family:Font Awesome\ 5 Free; /* Ensure Font Awesome is loaded */font-size:1rem;font-weight:900; /* Adjust the weight if needed */left:15px;pointer-events:none; /* Ensures the icon does not block input clicks */position:absolute;top:50%;transform:translateY(-50%)}#searchBar input{all:unset;border:1px solid var(--text-color);border-radius:30px;box-shadow:none;box-sizing:border-box; /* Ensures proper padding and width calculation */color:var(--text-color);font-size:.7rem;margin:0;padding:10px 15px 10px 40px; /* Add left padding for the icon */width:100%}#catSlider{align-items:center;display:flex;gap:10px;justify-content:center;max-width:var(--container-width);width:100%}#catSliderInner{
    /*mobile scollbar*/-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;padding:10px 0;scroll-behavior:smooth;scrollbar-color:transparent transparent;scrollbar-width:none;white-space:nowrap
    /*firefox scrollbar*/}.nav-button{align-items:center;background:var(--bg-light-color); /* Matches your theme */border:none;color:var(--text-color); /* Ensures the icon color matches your theme */cursor:pointer;display:flex; /* Ensures the button is visible */font-size:1.2rem; /* Adjust size as needed */height:40px;justify-content:center;padding:10px;width:40px;z-index:10}#prevButton{left:10px /* Adjust spacing */}#nextButton{right:10px /* Adjust spacing */}@media screen and (max-width:800px){.nav-button{display:none!important}}
/* styles.css */.loader-container{align-items:center;background-color:var(--bg-light-color);display:flex;flex-direction:column;gap:50px;height:100dvh;justify-content:center;left:0;position:fixed;top:0;transition:opacity .5s ease-in-out 0s,visibility 0s ease-in-out 0s; /* No delay for the background */width:100vw;z-index:1000}.loader-hidden{opacity:0;transition:opacity .5s ease-in-out 1s,visibility 1s ease-in-out .5s; /* Background delay */visibility:hidden}#tipModal.loader-hidden{transition:opacity .2s ease-in-out .4s,visibility .4s ease-in-out .2s /* Background delay */}.loader-container .loader-text{transition:opacity .5s ease-in-out .5s /* Delay the transition to start after the logo */}.loader-hidden .loader-text{opacity:0;transition:opacity .5s ease-in-out 0s /* No delay for the logo */}.loader-container .logo{transition:opacity .5s ease-in-out .6s; /* No delay for the logo */width:200px}.loader-hidden .logo{opacity:0;transition:opacity .5s ease-in-out 0s; /* No delay for the logo */width:200px}.loader-hidden .loader{transition:opacity .5s ease-in-out .2s /* Delay the transition to start after the logo */}.loader-container .loader,.loader-hidden .loader{animation:l20-1 1.2s linear infinite alternate,l20-2 2.4s linear infinite;aspect-ratio:1;border:6px solid var(--accent-color);border-radius:50%;width:40px}.loader-container .loader{transition:opacity .5s ease-in-out .4s /* No delay for the loader */}.loader-hidden .loader{opacity:0}@keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}.loader-text{font-size:13px;padding:0 30px;text-align:center}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--accent-color);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{stroke-width:2;stroke:#fff;stroke-miterlimit:10;animation:fill .6s ease-in-out .6s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 var(--accent-color);display:block}.checkmark__check{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}.checkmark{display:none}.loader.show_check{animation:none;border:none;height:60px;width:60px}.loader.show_check .checkmark{display:block}#no-tip-button,#return-button{opacity:0;transition:opacity .5s,visibility .5s;visibility:hidden}#no-tip-button.show,#return-button.show{background-color:var(--accent-color);border-radius:30px;color:#fff;cursor:pointer;font-size:12px;opacity:1;padding:10px 20px;text-decoration:none;visibility:visible}.cross__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:var(--accent-color);fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.cross{stroke-width:2;stroke:#fff;stroke-miterlimit:10;animation:fill .6s ease-in-out .6s forwards,scale .3s ease-in-out .9s both;border-radius:50%;box-shadow:inset 0 0 0 var(--accent-color);display:block}.cross__line{stroke-dasharray:60;stroke-dashoffset:60;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards;transform-origin:50% 50%}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px var(--accent-color)}}.cross{display:none}#loader .loader.show_cross{animation:none;border:none;height:60px;width:60px}#loader .loader.show_cross .cross{display:block}
.footer{font-size:12px;margin-top:30px}.footer,.sub-footer{color:var(--text-color);padding:0 10px;text-align:center}.sub-footer{filter:brightness(70%);font-size:10px;margin-bottom:100px;margin-top:10px}.sub-footer a{color:var(--text-color)}
#cartButton{align-items:center;bottom:0;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:15px;position:fixed;right:0;transition:opacity .3s,visibility 0s .3s; /* Add delay for visibility */visibility:hidden;width:calc(100% - 30px);z-index:9}#cartButton.cart-button--active{opacity:1;transition:opacity .3s; /* Immediate transition for opacity */visibility:visible}#cartButton .cart-button-inner{align-items:center;background-color:var(--accent-color);border-radius:30px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;gap:15px;height:50px;justify-content:space-between;margin:0 auto;max-width:calc(var(--container-width) - 100px);padding:0 30px;width:100%}.cart-button-title{font-size:13px;font-weight:600}
.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:flex;height:100%;  /* The Fallback */height:100dvh;left:0;opacity:0;overflow:auto;position:fixed;top:0;transition:opacity .3s,visibility 0s .3s; /* Add delay for visibility */visibility:hidden;width:100%;z-index:10}.modal .disabled{opacity:.4}.modal-show{opacity:1;transition:opacity .3s; /* Immediate transition for opacity */visibility:visible}.modal-content{background-color:var(--bg-color);flex-direction:column;margin:0 auto;max-width:var(--container-width);width:100%}.modal-content,.modal-header{display:flex;justify-content:space-between}.modal-header{align-items:center;background-color:var(--bg-light-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);height:70px!important;padding:0 30px}.modal-header .modal-close{color:#495057;font-size:15px}.modal-header .modal-title{font-size:15px;font-weight:700}.modal-body{background-color:var(--bg-color);gap:15px;height:calc(100dvh - 150px);overflow:auto}.modal-body,.modal-section{display:flex;flex-direction:column}.modal-section-title{font-size:15px;font-weight:700;margin-bottom:10px;padding:0 15px}.modal-search{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);padding:10px}.modal-section-card{background-color:var(--bg-light-color);box-shadow:0 2px 4px rgba(0,0,0,.05);padding:20px}.modal-section-card:empty{display:none}.modal-section-card.p0{padding:0}.modal-footer{background-color:var(--bg-light-color);display:flex;gap:15px;height:80px!important;justify-content:flex-end;padding:0 15px}.modal-button,.modal-close{cursor:pointer}.modal-button{align-items:center;background-color:var(--accent-color);border-radius:30px;color:#fff;display:flex;font-size:13px;gap:1px;justify-content:center;margin:15px 0;transition:color .3s ease-in-out;width:100%}.modal-button-light{background-color:var(--bg-color);border:1px solid var(--bg-light-color);color:var(--text-color)}.modal-button-accent{background-color:var(--accent-color);color:#fff}.modal .modal-selection{display:flex;flex-direction:column;gap:5px;margin:0 15px}.modal .modal-selection .modal-selection-row{align-items:center;background-color:var(--bg-light-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:var(--box-shadow);display:flex;font-size:14px;gap:15px;justify-content:space-between;padding:15px}.modal .modal-selection .modal-selection-row>div{align-items:center;display:flex;gap:15px}#productModal .product-quantity [type=checkbox]{border:1px solid #ced4da;border-radius:5px;font-size:20px;height:50px;text-align:center;width:50px}.modal .modal-selection .modal-selection-row input{height:20px;margin:0;visibility:hidden;width:20px}.modal .modal-selection .modal-selection-row [type=radio]:before{border-radius:10px!important}
/*make custom checkboxes look like buttons*/.modal .modal-selection .modal-selection-row input:before{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:5px;content:"";cursor:pointer;display:inline-block;height:20px;line-height:20px;visibility:visible;width:20px}.modal .modal-selection .modal-selection-row input:checked:before{color:var(--accent-color);content:"\2714";font-size:20px;text-align:center}

/* Ensure the label reflects the active state of the input */.modal .modal-selection .modal-selection-row:has(input:checked){border-color:var(--accent-color)}
#productModal .product-image{background-image:var(--no-image);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:10px;height:300px;margin:10px auto;max-width:100%;width:399px}#productModal .product-inner{padding:15px}#productModal #productDescription{color:#495057;font-size:17px;font-weight:500}#productModal .product-attributes{display:flex;flex-direction:column;gap:10px}#productModal .product-attributes h4{margin:10px 0}#productModal .product-supplement-row .modal-section-card{display:flex;flex-direction:column;gap:10px}.modal-section-small{border-radius:10px;margin:10px auto;max-width:100%;width:369px}#productModalDescription{margin:0}#productModal .product-supplement-row h4{margin:10px 0}#productModal .product-attributes .product-attribute#productAttributeTemplate,#productModal .product-supplement-row#productSupplementTemplateRow,#productModal .product-supplement-row .product-supplement.product-supplement-template{display:none}.product-attribute [data-price],.product-supplement [data-price]{font-size:15px;font-weight:700}#productModal .product-attributes .product-attribute,#productModal .product-supplement-row .product-supplement{align-items:center;border:1px solid var(--bg-color);border-radius:5px;display:flex;font-size:14px;gap:15px;justify-content:space-between;padding:15px}#productModal .product-attributes .product-attribute>div,#productModal .product-supplement-row .product-supplement>div{align-items:center;display:flex;gap:15px}#productModal .product-attributes .product-attribute input,#productModal .product-supplement-row .product-supplement input{height:20px;margin:0;visibility:hidden;width:20px}#productModal .product-attributes .product-attribute input:before{border-radius:10px!important}
/*make custom checkboxes look like buttons*/#productModal .product-attributes .product-attribute input:before,#productModal .product-supplement-row .product-supplement input:before{background-color:var(--bg-light-color);border:1px solid var(--bg-color);border-radius:5px;content:"";cursor:pointer;display:inline-block;filter:brightness(95%);height:20px;line-height:20px;visibility:visible;width:20px}#productModal .product-attributes .product-attribute input:checked:before,#productModal .product-supplement-row .product-supplement input:checked:before{color:var(--accent-color);content:"\2714";filter:brightness(100%);font-size:20px;text-align:center}

/* Ensure the label reflects the active state of the input */#productModal .product-attributes .product-attribute:has(input:checked),#productModal .product-supplement-row .product-supplement:has(input:checked){border-color:var(--accent-color)}#productModal .product-attributes .product-attribute:has(input:disabled),#productModal .product-supplement-row .product-supplement:has(input:disabled){filter:grayscale(100%);opacity:.5;pointer-events:none}#productModal .product-quantity{display:flex;justify-content:center;margin-bottom:30px;margin-top:10px}#productModal .product-quantity input{background-color:var(--bg-light-color);border:none;border-radius:5px;color:var(--text-color);font-size:20px;height:50px;text-align:center;width:50px}.quantity-input{align-items:center;display:flex;gap:15px;justify-content:center}#productModal .product-quantity button{background-color:var(--accent-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:20px;height:35px;width:35px}.modal-confirm,.product-quantity{transition:opacity .3s}#product_modal_deposit{margin-left:5px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}

/* Firefox */input[type=number]{-moz-appearance:textfield}.supplement-category-subtitle{color:var(--text-color);font-size:13px;margin:0;opacity:.7}
.cart-input{flex-direction:column;gap:5px;margin:5px 0}.cart-input,.cart-input-row{display:flex;min-width:20px;width:100%}.cart-input-row{gap:10px}.cart-input label:not(.small-check){color:var(--text-color);filter:brightness(80%);font-size:13px;font-weight:500}.cart-input input,.cart-input textarea{background-color:var(--bg-light-color);border:1px solid var(--bg-color);border-radius:5px;color:var(--text-color);font-size:14px;padding:10px}#cartRows{display:flex;flex-direction:column}#cartRows:empty:after{color:#495057;content:"Geen producten in de winkelwagen.";display:block;font-size:14px;padding:40px 15px;text-align:center}.cart-row__product{width:100%}.cart-row{align-items:center;display:flex;gap:15px;padding:15px}.cart-row[data-total-discount] .cart-row__quantity{display:none}.cart-row[data-total-discount] .cart-row__product-name{text-align:right}.cart-row:not(:last-child){border-bottom:1px solid var(--border-color)}.cart-row__product-supplement{color:#495057;font-size:13px}.cart-row__quantity{align-items:center;display:flex;gap:5px}.cart-row__quantity-minus,.cart-row__quantity-plus{background-color:var(--accent-color);border-radius:15px;color:#fff;cursor:pointer;font-size:20px;height:30px;line-height:30px;margin:0 10px;text-align:center;width:30px}.cart-row__price{font-weight:700}.cart-radio{display:grid;gap:15px;grid-template-columns:1fr 1fr}@media screen and (max-width:400px){.cart-radio{display:grid;gap:15px;grid-template-columns:1fr}}.cart-radio>label{align-items:center;border:1px solid var(--bg-color);border-radius:5px;display:flex;font-size:14px;gap:15px;justify-content:space-between;padding:15px}.cart-radio>label input{height:20px;margin:0;width:20px}.cart-radio>label input:before{background-color:var(--bg-light-color);border:1px solid var(--border-color);border-radius:5px;content:"";cursor:pointer;display:inline-block;filter:brightness(95%);height:20px;line-height:20px;visibility:visible;width:20px}.cart-radio>label input:checked:before{color:var(--accent-color);content:"\2714";filter:brightness(100%);font-size:20px;text-align:center}

/* Ensure the label reflects the active state of the input */.cart-radio>label:has(input:checked){border-color:var(--accent-color)}.small-check{display:flex;flex-direction:row;font-size:13px;font-weight:500;line-height:23px;margin:5px 0}


/* Style for the smaller checkbox */.small-check input[type=checkbox]{accent-color:var(--accent-color); /* Custom color */cursor:pointer;margin-left:2px;margin-right:12px;visibility:hidden}

/* Before pseudo-element for the unchecked state */.small-check input[type=checkbox]:before{background-color:var(--bg-light-color);border:1px solid var(--border-color);border-radius:3px; /* Slight rounding */content:"";cursor:pointer;display:inline-block;filter:brightness(95%);height:16px;line-height:16px;visibility:visible;width:16px /* Smaller size */}

/* When the checkbox is checked */.small-check input[type=checkbox]:checked:before{color:var(--accent-color);content:"\2714";  /* Checkmark */filter:brightness(100%);height:16px;text-align:center;width:16px /* Smaller size */}.small-check a{color:var(--accent-color);margin-left:3px;text-decoration:underline}

/* Add some spacing between checkbox and text */.small-check input{margin-right:10px}


/* General styling for cart-input and status icon */.cart-input{position:relative}.cart-input-append{right:15px}.cart-input-append,.cart-input-prepend{font-size:19px;position:absolute;top:5px}.cart-input-prepend{left:15px}.text-center{text-align:center}


/* Show different icons based on the data-state attribute */input[data-state=success]+.status-icon:before{color:var(--accent-color);content:"\f00c"; /* Font Awesome check icon */font-family:Font Awesome\ 5 Free;font-weight:900}input[data-state=error]+.status-icon:before{color:var(--text-color);content:"\f00d"; /* Font Awesome cross icon */font-family:Font Awesome\ 5 Free;font-weight:900}input[data-state=loading]+.status-icon{animation:spin 1.5s ease-in-out infinite;font-family:Font Awesome\ 5 Free;font-size:15px;font-weight:900;top:11px}input[data-state=loading]+.status-icon:before{color:gray;content:"\f110" /* Font Awesome spinner icon */}

/* Animation for loading spinner */@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}