:root {
  --darkbrown: #31261D;
  --brown: #594A25;
  --lightbrown: #958B73;
  --extralightbrown: #F3F2EF;
  --padding-xl: 6.25rem 0;
  --padding-lg: 3.125rem 0;
  --margin-xl: 6.25rem 0;
}

/* CUSTOM WOOCOMMERCE STYLES */

/* Woocommerce Notices */
.houtte .woocommerce-error, .houtte .woocommerce-info, .houtte .woocommerce-message {
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  padding: 2em 2em 2em 4em;
  margin: 0 0 2em;
}
.houtte .page-wrap .woocommerce-error, .houtte .page-wrap .woocommerce-info, .houtte .page-wrap .woocommerce-message {
  background-color: #fff;
}
.houtte .woocommerce-error::before, .houtte  .woocommerce-info::before, .houtte  .woocommerce-message::before {
  top: unset;
  left: 2em;
}
.houtte.woocommerce .woocommerce-error .button, .houtte.woocommerce .woocommerce-info .button, .houtte.woocommerce .woocommerce-message .button, .houtte.woocommerce-page .woocommerce-error .button, .houtte.woocommerce-page .woocommerce-info .button, .houtte.woocommerce-page .woocommerce-message .button {
  position: absolute;
  right: 2em;
  top: 50%;
  transform: translateY(-50%);
}

/* Buttons */
.houtte.woocommerce #respond input#submit, .houtte.woocommerce a.button, .houtte.woocommerce button.button, .houtte.woocommerce input.button, .houtte .woocommerce #respond input#submit.alt, .houtte .woocommerce a.button.alt, .houtte .woocommerce button.button.alt, .houtte .woocommerce input.button.alt, .houtte #add_payment_method .wc-proceed-to-checkout a.checkout-button, .houtte.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .houtte.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  background-color: var(--brown);
  color: #fff;
  border-radius: 999px;
  -webkit-border-radius: 999px;
  display: inline-block;
  border: none;
  outline: none;
  transition: .3s ease-in-out all;
  font-size: 0.875rem;
  padding: 1em 2em;
  text-transform: uppercase;
  margin: 0;
}
.houtte.woocommerce #respond input#submit:hover, .houtte.woocommerce a.button:hover, .houtte.woocommerce button.button:hover, .houtte.woocommerce input.button:hover, .houtte .woocommerce #respond input#submit.alt:hover, .houtte .woocommerce a.button.alt:hover, .houtte .woocommerce button.button.alt:hover, .houtte .woocommerce input.button.alt:hover, .houtte #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .houtte.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .houtte.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  background-color: var(--darkbrown);
  color: #fff;
  border-radius: 999px;
  -webkit-border-radius: 999px;
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: var(--brown) !important;
}

/* Upload buttons */
.upload-btn {
  border-radius: 999px;
  -webkit-border-radius: 999px;
  display: inline-flex;
  align-items: center;
  padding: 0 2em;
  height: 4em;
  font-size: .875em;
  margin: 1em 0;
  background: rgb(127, 127, 255);
  color: #fff !important;
  position: relative;
  overflow: hidden;
}
.upload-btn.whatsapp {
  background-color: #00a884 !important;
}
.upload-btn.whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Icon_awesome-whatsapp' data-name='Icon awesome-whatsapp' d='M17,5.156a9.914,9.914,0,0,0-15.6,11.96L0,22.25l5.254-1.379a9.881,9.881,0,0,0,4.737,1.205h0a10.006,10.006,0,0,0,10-9.911,9.95,9.95,0,0,0-3-7.009ZM10,20.406a8.223,8.223,0,0,1-4.2-1.147l-.3-.179L2.384,19.9l.83-3.04-.2-.312a8.253,8.253,0,1,1,15.308-4.379A8.329,8.329,0,0,1,10,20.406Zm4.518-6.17c-.246-.125-1.464-.723-1.692-.8s-.393-.125-.558.125-.638.8-.786.973-.29.188-.536.063a6.741,6.741,0,0,1-3.371-2.946c-.254-.437.254-.406.728-1.353a.459.459,0,0,0-.022-.433c-.062-.125-.558-1.344-.763-1.839s-.406-.415-.558-.424-.308-.009-.473-.009a.917.917,0,0,0-.661.308,2.783,2.783,0,0,0-.866,2.067,4.851,4.851,0,0,0,1.009,2.563A11.066,11.066,0,0,0,10.2,16.268a4.846,4.846,0,0,0,2.973.621,2.536,2.536,0,0,0,1.67-1.179,2.071,2.071,0,0,0,.143-1.179C14.924,14.42,14.759,14.357,14.513,14.237Z' transform='translate(0 -2.25)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.upload-btn.email::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.889' height='20' viewBox='0 0 28.889 20'%3E%3Cg id='Icon_ionic-ios-mail' data-name='Icon ionic-ios-mail' transform='translate(-3.375 -7.875)'%3E%3Cpath id='Path_25' data-name='Path 25' d='M32.028,10.356l-7.472,7.6a.134.134,0,0,0,0,.194l5.229,5.56a.9.9,0,0,1,0,1.276.906.906,0,0,1-1.278,0L23.3,19.445a.143.143,0,0,0-.2,0l-1.271,1.289a5.6,5.6,0,0,1-3.986,1.678,5.708,5.708,0,0,1-4.069-1.726l-1.222-1.241a.143.143,0,0,0-.2,0L7.139,24.984a.906.906,0,0,1-1.278,0,.9.9,0,0,1,0-1.276l5.229-5.56a.147.147,0,0,0,0-.194l-7.479-7.6a.137.137,0,0,0-.236.1v15.2A2.227,2.227,0,0,0,5.6,27.875H30.042a2.227,2.227,0,0,0,2.222-2.218v-15.2A.139.139,0,0,0,32.028,10.356Z' transform='translate(0 0)' fill='%23ffffff'/%3E%3Cpath id='Path_26' data-name='Path 26' d='M17.819,20.749A3.748,3.748,0,0,0,20.533,19.6L31.42,8.367a2.163,2.163,0,0,0-1.374-.492H5.6a2.149,2.149,0,0,0-1.374.492L15.113,19.6A3.749,3.749,0,0,0,17.819,20.749Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.upload-btn::before {
  content: "";
  width: 1.5em;
  height: 4em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  margin-right: 0;
  padding-right: 0;
}
.upload-btn span {
  margin-left: 1em;
  padding-left: 1em;
  display: block;
  border-left: 1px solid rgba(255, 255, 255, 0.204);
}

/* Single product page */
.houtte.woocommerce div.product {
  display: flex;
  flex-wrap: wrap;
}
.houtte.woocommerce #content div.product div.images, .houtte.woocommerce div.product div.images, .houtte.woocommerce-page #content div.product div.images, .houtte.woocommerce-page div.product div.images {
  flex: 1;
  flex-basis: 50%;
  width: unset;
  float: none;
}
.houtte.woocommerce #content div.product div.summary, .houtte.woocommerce div.product div.summary, .houtte.woocommerce-page #content div.product div.summary, .houtte.woocommerce-page div.product div.summary {
  flex: 1;
  flex-basis: 50%;
  width: unset;
  float: none;  
}
.houtte.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: 3em;
}
.houtte.single-product .button-wrapper {
  display: flex;
  align-items: center;
  margin: 2em 0 0 0;
}
.houtte.single-product .woocommerce-notices-wrapper {
  padding-top: 3rem;
}
.houtte.single-product .woocommerce-error, 
.houtte.single-product .woocommerce-message {
  background: var(--extralightbrown);
}
.trustpilot-product {
  font-size: 80%;
} 


.houtte.single-product div.product form.cart div.quantity {
  margin: 0 8px 0 0;
}
.houtte.single-product .button-wrapper div.quantity .qty {
  background: var(--extralightbrown);
  border: none;
  padding: 0 15px;
  font-size: 1em;
  outline: none;
  box-shadow: none;
  height: 48px;
  font-weight: bold;
  outline: none;
  border-radius: var(--bs-border-radius);
}
.houtte.single-product .button-wrapper div.quantity .qty:focus {
  background: var(--extralightbrown);
  border: none;
  padding: 0 15px;
  font-size: 1em;
  outline: none;
  box-shadow: none;
  height: 48px;
  font-weight: bold;
  outline: none;
}
.houtte.single-product .after-card {
  font-size: .875em;
}
.houtte.single-product .product-usps li {
  margin: .750em 0;
  list-style: none;
  line-height: 1.5;
  gap: 0.25rem;
}
.houtte.single-product .product-usps li::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  margin-right: 1em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.623' height='32.458' viewBox='0 0 26.623 32.458'%3E%3Cg id='Group_92' data-name='Group 92' transform='translate(-832.2 -1205.162)'%3E%3Cpath id='Path_19' data-name='Path 19' d='M0,7.97,13.539,0,26.623,7.97V24.375L13.435,32.458,0,24.375Z' transform='translate(832.2 1205.162)' fill='%23594a25'/%3E%3Cpath id='Icon_feather-check' data-name='Icon feather-check' d='M18.9,9l-8.869,8.869L6,13.838' transform='translate(833.061 1207.957)' fill='none' stroke='%23f3f2ef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5'/%3E%3C/g%3E%3C/svg%3E%0A");
  display: inline-block;
}
.houtte.single-product .summary .product-wrapper {
  padding: 3em;
}
.houtte.woocommerce div.product .product-titles .product_title {
  font-size: 2em;
}
.houtte.woocommerce div.product .product-titles .configure {
  margin-bottom: 1em;
  margin-top: -0.5em;
  font-size: 1.5em;
}
.houtte.woocommerce div.product .product-titles .configure::after {
  content: "";
  position: absolute;
  display: inline-block;
  margin-left: .5em;
  margin-top: .5em;
  width: 1em;
  height: 2em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.03' height='40.827' viewBox='0 0 32.03 40.827'%3E%3Cg id='Group_91' data-name='Group 91' transform='translate(-643.648 807.37) rotate(-79)'%3E%3Cpath id='Path_18' data-name='Path 18' d='M884.517,502.932a10.134,10.134,0,0,0,5.887.939c11.538-1.539,19.733-7.747,25-18.005.2-.389.407-.773.652-1.235a1.86,1.86,0,0,1,.271,2.5,32.547,32.547,0,0,1-7.467,10.332,31.228,31.228,0,0,1-16.605,8.4,46.513,46.513,0,0,1-6.958.055c.454.663.888,1.3,1.323,1.932a1.7,1.7,0,0,1-.1,2.288c-.294-.353-.5-.606-.71-.85-1.679-1.922-3.316-3.883-5.06-5.744-.719-.768-.912-1.43-.427-2.173.793-.071,1.464-.077,2.113-.2,2.4-.457,4.79-.947,7.181-1.438.563-.116,1.094-.234,1.187.576.085.739.025,1.379-.907,1.551-1.651.3-3.3.639-4.942.963C884.8,502.852,884.661,502.9,884.517,502.932Z' transform='translate(0)' fill='%2331261d'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}

/* Single Product extra product options */
.houtte .tm-extra-product-options {
  font-size: 1rem;
}
.houtte .tm-extra-product-options-fields {
  padding: 2em;
  border: 2px solid var(--lightbrown);
  border-radius: 0.5rem;
  background: #fff;
}
.houtte .tm-extra-product-options .tc-epo-label.tm-section-label {
  font-size: .875rem;
}
.houtte.single-product .tm-extra-product-options .tm-collapse .tm-section-label {
  padding: 1.5em 2em;
}
.houtte.single-product .tm-extra-product-options .tm-collapse-wrap {
  padding: 1em 1em 2em 1em;
  margin-top: 0;
}
.houtte .tm-extra-product-options .tm-toggle.tm-section-label:focus {
  outline: 0;
}
.houtte.single-product .tm-extra-product-options .radio-image {
  max-width: 8em;
  padding: 1em;
}
.houtte.single-product .tm-extra-product-options .radio-image-label, 
.houtte.single-product .tm-extra-product-options .checkbox-image-label {
  font-size: .875rem;
  padding-bottom: 0;
}
.houtte.single-product .tm-extra-product-options .radio-image-label .tc-label-text {
  display: none;
}
.houtte.single-product .tm-extra-product-options .tc-active .radio-image-label .tc-label-text {
  display: block;
  font-size: 10px;
  font-weight: bold;
  line-height: 1.25;
}
.houtte.single-product .tc-extra-product-options .tmcp-field-wrap label {
  white-space: normal;
}
.tm-extra-product-options textarea.tm-epo-field {
  border: 1px solid rgba( var(--lightbrown-rgb), 0.25);
  padding: 1rem;
  font-family: inherit;
}
.tm-extra-product-options textarea.tm-epo-field:focus {
  outline: none;
}
.houtte .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-epo-text-wrapper, .houtte .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .radio-image, .houtte .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .checkbox-image, .houtte .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tmhexcolorimage.radio-image, .houtte .tm-extra-product-options .tmcp-field-wrap.tc-active .tc-label-wrap .tmhexcolorimage.checkbox-image {
  border: 1px solid var(--lightbrown);
  border-radius: 0.25rem;
  box-shadow: none;
}
.houtte .tm-extra-product-options ul.tm-element-ul-upload li.tmcp-field-wrap > label {
  display: block;
  width: 100%;
}
.houtte .tm-extra-product-options .tc-tooltip {
  color: var(--brown);
  font-size: .875em;
}
.houtte #tm-tooltip {
  font-size: 12px;
  padding: 8px 10px;
}
.houtte .tm-box, .houtte .tm-collapse {
  padding: 0;
}

/* Checkout */
.houtte.woocommerce-checkout .woocommerce table.shop_table p {
  line-height: unset;
}
.houtte.woocommerce-checkout .woocommerce table.shop_table .product-thumbnail {
  width: 50px;
}
.houtte.woocommerce-page .entry-header h1.entry-title {
  text-align: center;
}
.houtte #add_payment_method #payment, .houtte .woocommerce-cart #payment,.houtte .woocommerce-checkout #payment {
  background-color: var(--extralightbrown);
  text-align: left;
}
.houtte .woocommerce #payment #place_order, .houtte .woocommerce-page #payment #place_order {
  float: none;
  display: inline-block;
  margin: 2rem 0 0 0;
}
.houtte .woocommerce #payment .woocommerce-terms-and-conditions-wrapper, .houtte .woocommerce-page #payment .woocommerce-terms-and-conditions-wrapper {
  font-size: .875em;
}
.houtte .checkout-content {
  border: 1px solid var(--extralightbrown);
  padding: 2em;
  margin: 2em 0 0 0;
}

/* Input fields */
.houtte .woocommerce-checkout .woocommerce-input-wrapper > input, 
.houtte .woocommerce-checkout .woocommerce-input-wrapper > input:hover, 
.houtte.single-product .entry-summary .tm-extra-product-options input[type="text"], 
.houtte.single-product .entry-summary .tm-extra-product-options input[type="text"]:hover, 
.houtte.single-product .entry-summary .tm-extra-product-options input[type="number"], 
.houtte.single-product .entry-summary .tm-extra-product-options input[type="number"]:hover 
{
  padding: 1em;
  background: var(--extralightbrown);
  font-size: 1em;
  font-weight: 600;
  color: var(--darkbrown);
  border: 1px solid var(--extralightbrown);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  outline: none;
  box-shadow: none;
  width: 100%;
}
.houtte.single-product .entry-summary .tm-extra-product-options input, 
.houtte.single-product .entry-summary .tm-extra-product-options input:hover 
{
  margin: .5em 0 0 0;
}
.houtte .woocommerce-checkout .woocommerce-input-wrapper > input::placeholder,
.houtte.single-product .entry-summary .tm-extra-product-options input::placeholder 
{
  font-weight: 400;
  opacity: .5;
}
.houtte .woocommerce-checkout .woocommerce-input-wrapper > input:focus {
  padding: 1em;
  background: var(--extralightbrown);
  font-size: 1em;
  font-weight: 600;
  color: var(--darkbrown);
  border: 1px solid var(--lightbrown);
  border-radius: 6px;
  -webkit-border-radius: 6px;
  outline: none;
  box-shadow: none;
}
.houtte #add_payment_method #payment div.form-row, .houtte.woocommerce-cart #payment div.form-row, .houtte.woocommerce-checkout #payment div.form-row {
  padding: 2em;
}

/* Cart */
.houtte #add_payment_method table.cart img, .houtte.woocommerce-cart table.cart img, .houtte.woocommerce-checkout table.cart img {
  width: 120px;
}
.houtte .cart-empty.woocommerce-info {
  display: none !important;
}
.woocommerce a.remove i {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-size: .625em;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='33' viewBox='0 0 30 33'%3E%3Cg id='Icon_feather-trash-2' data-name='Icon feather-trash-2' transform='translate(-3 -1.5)'%3E%3Cpath id='Path_368' data-name='Path 368' d='M4.5,9h27' fill='none' stroke='%2300263e' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_369' data-name='Path 369' d='M28.5,9V30a3,3,0,0,1-3,3h-15a3,3,0,0,1-3-3V9M12,9V6a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3V9' fill='none' stroke='%2300263e' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_370' data-name='Path 370' d='M15,16.5v9' fill='none' stroke='%2300263e' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_371' data-name='Path 371' d='M21,16.5v9' fill='none' stroke='%2300263e' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.woocommerce a.remove:hover {
  background: transparent;
}
.woocommerce a.remove:hover i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='33' viewBox='0 0 30 33'%3E%3Cg id='Icon_feather-trash-2' data-name='Icon feather-trash-2' transform='translate(-3 -1.5)'%3E%3Cpath id='Path_368' data-name='Path 368' d='M4.5,9h27' fill='none' stroke='%23594A25' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_369' data-name='Path 369' d='M28.5,9V30a3,3,0,0,1-3,3h-15a3,3,0,0,1-3-3V9M12,9V6a3,3,0,0,1,3-3h6a3,3,0,0,1,3,3V9' fill='none' stroke='%23594A25' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_370' data-name='Path 370' d='M15,16.5v9' fill='none' stroke='%23594A25' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cpath id='Path_371' data-name='Path 371' d='M21,16.5v9' fill='none' stroke='%23594A25' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.woocommerce-cart .wc-proceed-to-checkout::before,
.woocommerce-cart .wc-proceed-to-checkout::after {
  display: none;
}
.woocommerce-checkout span.required + abbr.required {
  display: none;
}
.houtte.woocommerce-cart .wc-proceed-to-checkout {
  text-align: right;
}
.houtte .woocommerce table.shop_table {
  border: none;
  font-size: 0.875rem;
}
.houtte .woocommerce table.shop_table td {
  border-color: var(--extralightbrown);
}
.houtte .woocommerce td.product-name .wc-item-meta, .houtte .woocommerce td.product-name dl.variation {
  line-height: 1.8;
}
.houtte .woocommerce td.product-name .wc-item-meta li {
  list-style: none !important;
}
.houtte .woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .houtte .woocommerce td.product-name .wc-item-meta dt, .houtte .woocommerce td.product-name dl.variation .wc-item-meta-label, .houtte .woocommerce td.product-name dl.variation dt {
  width: 14em;
}
.houtte .woocommerce .quantity .qty, .houtte .woocommerce .quantity .qty:focus {
  background: var(--extralightbrown);
  border: none;
  padding: 1em;
  font-size: 1em;
  line-height: 1em;
  outline: none;
  box-shadow: none;
  font-weight: bold;
  outline: none;
}
.houtte.woocommerce-cart .return-to-shop {
  display: none;
}

/* Breadcrumb bar */
#breadcrumb-bar ul {
  text-align: center;
}
#breadcrumb-bar ul li {
  color: var(--lightbrown);
  opacity: .4;
  display: inline-flex;
  align-items: center;
  margin: 0 1em;
  padding: 1em 0;
  font-size: 1em;
  font-weight: 600;
}
#breadcrumb-bar ul li a {
  color: var(--lightbrown);
  transition: .3s;
}
#breadcrumb-bar ul li.current, #breadcrumb-bar ul li.current a, #breadcrumb-bar ul li a:hover {
  color: var(--darkbrown);
  opacity: 1;
}
#breadcrumb-bar ul li::after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  background-image: url("data:image/svg+xml,%3Csvg id='Icon_feather-chevron-right' data-name='Icon feather-chevron-right' xmlns='http://www.w3.org/2000/svg' width='12' height='21' viewBox='0 0 12 21'%3E%3Cpath id='Icon_feather-chevron-right-2' data-name='Icon feather-chevron-right' d='M13.5,28.5a1.5,1.5,0,0,1-1.061-2.561L20.379,18l-7.939-7.939a1.5,1.5,0,0,1,2.121-2.121l9,9a1.5,1.5,0,0,1,0,2.121l-9,9A1.5,1.5,0,0,1,13.5,28.5Z' transform='translate(-12 -7.5)' fill='%23958b73'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1em;
  height: 1em;
}
#breadcrumb-bar ul li:last-child::after {
  display: none;
  content: none;
}

/* Configuratie tool */
.tc-step-nav button {
  border-radius: 0.25rem !important;
  text-transform: none !important;
  font-size: clamp(0.75em, 0.5vw + 0.75em, 1em) !important;
  min-width: max-content;
}
.tc-step-nav button.tc-step-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.992' height='23.136' viewBox='0 0 26.992 23.136'%3E%3Cpath id='Icon_metro-arrow-right' data-name='Icon metro-arrow-right' d='M21.286,28.356l9.64-9.64a1.928,1.928,0,0,0,0-2.727l-9.64-9.64A1.928,1.928,0,0,0,18.56,9.075l6.349,6.349H6.427a1.928,1.928,0,1,0,0,3.856H24.908L18.56,25.629a1.928,1.928,0,0,0,2.727,2.727Z' transform='translate(-4.499 -5.784)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: calc(100% - 1em) 50%;
  padding: 1em 3em 1em 1.5em !important;
  background-color: var(--lightbrown) !important;
}
.tc-step-nav button.tc-step-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.992' height='23.136' viewBox='0 0 26.992 23.136'%3E%3Cpath id='Icon_metro-arrow-right' data-name='Icon metro-arrow-right' d='M21.286,28.356l9.64-9.64a1.928,1.928,0,0,0,0-2.727l-9.64-9.64A1.928,1.928,0,0,0,18.56,9.075l6.349,6.349H6.427a1.928,1.928,0,1,0,0,3.856H24.908L18.56,25.629a1.928,1.928,0,0,0,2.727,2.727Z' transform='translate(-4.499 -5.784)' fill='%23fff'/%3E%3C/svg%3E%0A");
  background-color: var(--brown) !important;
}
.tc-step-nav button.tc-step-prev {
  background-color: var(--extralightbrown) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.992' height='23.136' viewBox='0 0 26.992 23.136'%3E%3Cpath id='Icon_metro-arrow-right' data-name='Icon metro-arrow-right' d='M14.7,28.356l-9.64-9.64a1.928,1.928,0,0,1,0-2.727l9.64-9.64A1.928,1.928,0,1,1,17.43,9.075l-6.349,6.349H29.563a1.928,1.928,0,0,1,0,3.856H11.081l6.349,6.349A1.928,1.928,0,0,1,14.7,28.356Z' transform='translate(-4.499 -5.784)' fill='%23594a25'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: center center;
  color: transparent !important;
  padding: 1em !important;
}
.tc-step-nav button.tc-step-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.992' height='23.136' viewBox='0 0 26.992 23.136'%3E%3Cpath id='Icon_metro-arrow-right' data-name='Icon metro-arrow-right' d='M14.7,28.356l-9.64-9.64a1.928,1.928,0,0,1,0-2.727l9.64-9.64A1.928,1.928,0,1,1,17.43,9.075l-6.349,6.349H29.563a1.928,1.928,0,0,1,0,3.856H11.081l6.349,6.349A1.928,1.928,0,0,1,14.7,28.356Z' transform='translate(-4.499 -5.784)' fill='%23594a25'/%3E%3C/svg%3E%0A");
  color: transparent !important;
}
.tc-step-nav button.tc-step-prev::selection {
  color: transparent;
  background: transparent;
}

/* Progress bar */
.tc-stepper {
  position: relative;
  z-index: 5;           
  padding-top: 41px;
}

.tc-stepper__track {
  position: relative;
  z-index: 1;
  height: 4px;
  background: #e6e6e6;
  border-radius: 999px;
}

.tc-stepper__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 4px;
  width: 0%;
  background: #37b24d; /* groen */
  border-radius: 999px;
  transition: width 200ms ease;
}

.tc-stepper__steps {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: -14px; /* dot op de lijn */
}

.tc-stepper__step {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
  text-align: center;
  min-width: 0;
  position: relative;
}

.tc-stepper__dot {
  z-index: 3;
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #d9d9d9;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #e6e6e6; /* ring op track */
  transition: transform 120ms ease;
}

.tc-stepper__label {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  color: #bdbdbd;
  white-space: nowrap;
}

.tc-stepper__step.is-active .tc-stepper__dot {
  background: #37b24d;
  box-shadow: 0 0 0 2px #37b24d;
  transform: scale(1.02);
}

.tc-stepper__step.is-active .tc-stepper__label {
  color: var(--darkbrown);
}

.tc-stepper__step.is-done .tc-stepper__dot {
  background: #37b24d;
  box-shadow: 0 0 0 2px #37b24d;
}

.tc-stepper__step.is-done .tc-stepper__label {
  color: var(--darkbrown);
}

.tc-stepper__step.is-disabled {
  cursor: not-allowed;
}

.tc-stepper__step.is-disabled .tc-stepper__label {
  color: #cfcfcf;
}