@charset "UTF-8";
* {
  box-sizing: border-box; }

strong,
b {
  font-weight: 500; }

.woocommerce-breadcrumb a {
  color: #3a3a3a; }

.archive .woocommerce-breadcrumb {
  margin-top: 35px; }

.cli-privacy-readmore {
  color: #b9c725 !important; }

#wt-cli-privacy-save-btn {
  background-color: #b9c725; }

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1em;
  background: rgba(0, 0, 0, 0.8); }

.lightbox:target {
  display: block; }

.lightbox .image-wrapper {
  background: #fff;
  padding: 30px; }

.lightbox span {
  left: 0;
  right: 0;
  width: 50%;
  height: 40%;
  display: block;
  margin-top: 10%;
  margin-left: auto;
  text-align: center;
  position: absolute;
  margin-right: auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  .lightbox span img {
    max-width: 100%; }

.added-to-cart-popup-background, .added-to-cart-popup-background-sc {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 5000px;
  z-index: 9999999; }

.added-to-cart-popup-background .background, .added-to-cart-popup-background-sc .background {
  background-color: #000; }

.op-10 {
  opacity: .1; }

.added-to-cart-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.added-to-cart-popup-in {
  padding: 13px 20px 20px;
  width: calc(100vw - 40px);
  max-width: 500px;
  border-radius: 5px;
  border: 1px solid #EDEDED;
  background: #fff;
  box-sizing: border-box; }
  .added-to-cart-popup-in h1 {
    font-size: 14px;
    font-weight: 500;
    color: #b9c725; }
    .added-to-cart-popup-in h1 svg {
      top: 6px;
      height: 24px;
      stroke-width: 3px;
      margin-right: 10px;
      position: relative; }
  .added-to-cart-popup-in .product-title {
    font-size: 14px; }
  .added-to-cart-popup-in .text {
    color: #999;
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2; }
  .added-to-cart-popup-in .buttons {
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px; }
    .added-to-cart-popup-in .buttons .button {
      font-size: 14px;
      font-weight: 500;
      padding: 8px 14px 14px;
      border-radius: 5px; }
      .added-to-cart-popup-in .buttons .button svg {
        position: relative;
        top: 5px;
        height: 20px;
        margin-left: 5px; }
    .added-to-cart-popup-in .buttons .btn-secondary {
      color: #b9c725;
      border: 1px solid #eee; }
    .added-to-cart-popup-in .buttons .btn-primary {
      color: #fff;
      border: 1px solid #b9c725;
      background: #b9c725; }

body.added-to-cart-popup-open {
  overflow: hidden; }

.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

@font-face {
  font-family: "Cocogoose";
  font-weight: 300;
  src: url("../../build/fonts/Cocogoose/Cocogoose Pro Thin/Cocogoose-Pro-Thin.woff") format("woff"), url("../../build/fonts/Cocogoose/Cocogoose Pro Thin/Cocogoose-Pro-Thin.woff2") format("woff2"), url("../../build/fonts/Cocogoose/Cocogoose Pro Thin/Cocogoose-Pro-Thin.ttf") format("truetype"); }

@font-face {
  font-family: "Cocogoose";
  font-weight: 400;
  src: url("../../build/fonts/Cocogoose/Cocogoose Pro Light/Cocogoose-Pro-Light.woff") format("woff"), url("../../build/fonts/Cocogoose/Cocogoose Pro Light/Cocogoose-Pro-Light.woff2") format("woff2"), url("../../build/fonts/Cocogoose/Cocogoose Pro Light/Cocogoose-Pro-Light.ttf") format("truetype"); }

@font-face {
  font-family: "Cocogoose";
  font-weight: 600;
  src: url("../../build/fonts/Cocogoose/Cocogoose Pro Regular/Cocogoose-Pro-Regular.woff") format("woff"), url("../../build/fonts/Cocogoose/Cocogoose Pro Regular/Cocogoose-Pro-Regular.woff2") format("woff2"), url("../../build/fonts/Cocogoose/Cocogoose Pro Regular/Cocogoose-Pro-Regular.ttf") format("truetype"); }

@font-face {
  font-family: "Cocogoose";
  font-weight: 500;
  src: url("../../build/fonts/Cocogoose/Cocogoose Pro Darkmode/Cocogoose-Pro-Darkmode.woff") format("woff"), url("../../build/fonts/Cocogoose/Cocogoose Pro Darkmode/Cocogoose-Pro-Darkmode.woff2") format("woff2"), url("../../build/fonts/Cocogoose/Cocogoose Pro Darkmode/Cocogoose-Pro-Darkmode.ttf") format("truetype"); }

@font-face {
  font-family: "Cocogoose";
  font-weight: 700;
  src: url("../../build/fonts/Cocogoose/Cocogoose Pro Bold/Cocogoose-Pro-Bold.woff") format("woff"), url("../../build/fonts/Cocogoose/Cocogoose Pro Bold/Cocogoose-Pro-Bold.woff2") format("woff2"), url("../../build/fonts/Cocogoose/Cocogoose Pro Bold/Cocogoose-Pro-Bold.ttf") format("truetype"); }

body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  overflow-x: hidden;
  font-family: "Cocogoose", sans-serif; }

button {
  font-family: "Cocogoose", sans-serif; }

a {
  color: #b9c725;
  text-decoration: none; }

p {
  letter-spacing: 0.2px;
  line-height: 29px; }

input {
  box-shadow: none;
  outline-style: none;
  border-color: transparent; }

.d-none {
  display: none; }

h1 {
  font-weight: 500; }

.text-green {
  color: #b9c725; }

.see-link {
  font-weight: 500;
  transition: all 300ms; }
  .see-link svg {
    left: 0;
    transition: all 100ms; }
  .see-link:hover {
    color: #A5B214; }
    .see-link:hover svg {
      left: 5px; }
  .see-link svg {
    top: 5px;
    margin-left: 10px;
    position: relative;
    transition: all 300ms; }

.flex {
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 1024px) {
    .flex {
      justify-content: flex-start; } }

.relative {
  position: relative; }

.wrapper, .category-slider-wrapper .inner-wrapper {
  width: 100%;
  display: flex;
  margin: 0 auto;
  flex-wrap: nowrap;
  max-width: 1300px;
  align-items: center;
  flex-direction: row;
  align-content: space-around;
  justify-content: space-between; }
  @media (max-width: 1350px) {
    .wrapper, .category-slider-wrapper .inner-wrapper {
      max-width: calc(100% - 100px); } }
  @media (max-width: 1024px) {
    .wrapper, .category-slider-wrapper .inner-wrapper {
      max-width: calc(100% - 40px); } }

#primary {
  width: 100%; }

.wrapper-align-top {
  align-items: flex-start; }

.single .woocommerce-breadcrumb {
  margin-top: 5px; }

.woocommerce-breadcrumb {
  color: #3A3A3A;
  margin-top: 30px; }
  .woocommerce-breadcrumb a {
    cursor: pointer; }
    .woocommerce-breadcrumb a:hover {
      text-decoration: underline; }

.woocommerce-pagination .page-numbers {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 50px;
  margin-top: 30px; }
  .woocommerce-pagination .page-numbers span {
    display: flex !important; }

.woocommerce-pagination .page-numbers {
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }

.woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span {
  height: 48px !important;
  width: 48px !important;
  padding: 0 !important; }

.woocommerce-pagination .page-numbers li .next, .woocommerce-pagination .page-numbers li .prev {
  color: #fff !important;
  margin-left: 10px !important;
  height: 48px !important;
  width: 48px !important;
  padding: 0 !important;
  position: relative !important;
  background: white !important;
  border: 1px solid #e1e1e1 !important; }

.subcategory-title {
  font-weight: 500;
  color: #3A3A3A; }

.filter .subcategory-link a {
  color: #3A3A3A;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 14px;
  border-left: 5px solid #f5f5f5; }
  .filter .subcategory-link a:hover {
    text-decoration: underline; }
  .filter .subcategory-link a strong {
    font-weight: 500; }
  .filter .subcategory-link a span {
    color: #B4B4B4;
    float: right; }

a.back-to-primary {
  font-weight: 500;
  margin-bottom: 20px;
  display: block; }
  a.back-to-primary svg {
    vertical-align: -5px;
    margin-right: 10px; }

.filter-items .filter-item > a:hover, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item > label > a:hover {
  color: #b9c725 !important; }

.filter-items {
  transition: all 300ms !important; }

.price_slider_wrapper .ui-widget-content {
  background: #EFEFEF !important; }

.yith-wcan-filters .yith-wcan-filter h4.collapsable:after {
  background-size: 100% auto;
  content: "";
  display: block;
  height: 20px !important;
  background-repeat: no-repeat !important;
  position: absolute;
  right: 5px !important;
  top: calc(50% - 5px);
  width: 14px !important; }

.category-top {
  position: relative; }

.category-overview-page .woocommerce-result-count {
  font-size: 14px;
  color: #B5B5B5;
  position: absolute; }
  @media screen and (max-width: 1100px) {
    .category-overview-page .woocommerce-result-count {
      font-size: 14px;
      max-width: 300px;
      margin-top: -5px !important; } }
  @media screen and (max-width: 620px) {
    .category-overview-page .woocommerce-result-count {
      display: none; } }

.bc-seperator:before {
  width: 20px;
  height: 20px;
  display: inline-block;
  content: url("/wp-content/uploads/2022/04/bc-seperator.svg");
  background-size: auto 10px;
  text-align: center; }

.relative .left-scroll, .relative .right-scroll {
  cursor: pointer;
  background: #fff;
  margin-top: -135px;
  position: absolute;
  padding: 14px 7px;
  color: #b9c725;
  border: 1px solid #d8d8d8; }

.relative .left-scroll {
  left: 0;
  display: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }

.relative .right-scroll {
  right: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }

.woocommerce-products-header .woocommerce-products-header__title {
  margin-top: 25px;
  font-weight: 500;
  margin-bottom: 0;
  color: #b9c725; }
  @media screen and (max-width: 620px) {
    .woocommerce-products-header .woocommerce-products-header__title {
      font-size: 22px; } }

.category-slider-wrapper {
  margin-top: 25px;
  overflow-x: auto;
  justify-content: normal !important; }
  .category-slider-wrapper::-webkit-scrollbar {
    display: none; }
  .category-slider-wrapper .inner-wrapper {
    width: min-content;
    justify-content: flex-start;
    max-width: fit-content; }
  .category-slider-wrapper .swiper-slide {
    width: 180px !important;
    margin-right: 20px;
    transition: all 300ms; }
    .category-slider-wrapper .swiper-slide:last-of-type {
      margin-right: 0 !important; }
    .category-slider-wrapper .swiper-slide a {
      color: #3a3a3a; }
  @media screen and (max-width: 1350px) {
    .category-slider-wrapper .inner-wrapper {
      max-width: 100%; } }
  .category-slider-wrapper .category {
    width: 180px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-radius: 5px; }
    .category-slider-wrapper .category figure {
      margin: 0;
      width: 100%;
      height: 130px;
      white-space: nowrap;
      background: #f5f5f5;
      box-sizing: border-box;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      cursor: pointer; }
      .category-slider-wrapper .category figure .helper {
        height: 100%;
        display: inline-block;
        vertical-align: middle; }
      .category-slider-wrapper .category figure img {
        max-height: 70px;
        vertical-align: middle;
        max-width: 90px; }
    .category-slider-wrapper .category:first-child {
      margin-left: 0; }

.term-description p {
  font-size: 14px; }
  @media screen and (max-width: 620px) {
    .term-description p {
      word-break: break-all; } }

.yith-wcan-filters {
  margin-bottom: 45px; }

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > a, .yith-wcan-filters .yith-wcan-filter .filter-items .filter-item.active > label > a {
  color: #3a3a3a; }

.widgettitle {
  font-size: 14px;
  font-weight: 500;
  margin: 30px 0 10px;
  letter-spacing: 0.1px;
  color: #3a3a3a; }

.category-overview-page {
  margin-top: 40px !important;
  align-items: stretch !important;
  align-content: stretch !important; }
  @media screen and (max-width: 1350px) {
    .category-overview-page {
      max-width: 100%; } }
  .category-overview-page .woocommerce-result-count {
    margin-top: 12px; }
    @media screen and (max-width: 1330px) {
      .category-overview-page .woocommerce-result-count {
        font-size: 14px; } }
  .category-overview-page .filter-head-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 50px;
    color: #b9c725; }
  .category-overview-page .filter {
    width: 25%; }
    .category-overview-page .filter ul.filter-items li.active {
      display: block; }
      .category-overview-page .filter ul.filter-items li.active li.filter-item {
        display: block; }
  .category-overview-page .yith-wcan-filters-opener {
    background: #b9c725;
    border: none;
    outline: none;
    color: white;
    font-family: "Cocogoose", sans-serif;
    font-weight: 600;
    position: fixed;
    bottom: 30px;
    z-index: 11;
    display: flex !important;
    left: calc(50vw - 100px);
    width: 200px;
    height: 50px;
    border-radius: 30px;
    line-height: 50px;
    justify-content: center;
    font-size: 0;
    cursor: pointer; }
    @media screen and (min-width: 991px) {
      .category-overview-page .yith-wcan-filters-opener {
        display: none !important; } }
    .category-overview-page .yith-wcan-filters-opener:after {
      content: "Filter";
      font-size: 14px; }
  .category-overview-page .knowledge-base {
    margin-bottom: 100px;
    padding: 0 20px 15px;
    border: 2px solid #efefef;
    border-radius: 5px; }
    .category-overview-page .knowledge-base strong {
      font-weight: 500; }
    .category-overview-page .knowledge-base h3 {
      font-weight: 500;
      font-size: 32px;
      color: #b9c725; }
    .category-overview-page .knowledge-base a {
      font-weight: 500;
      margin: 30px 0 20px 0;
      display: inline-block;
      transition: all 300ms; }
      .category-overview-page .knowledge-base a svg {
        position: relative;
        left: 10px;
        vertical-align: -6px;
        transition: all 300ms; }
      .category-overview-page .knowledge-base a:hover {
        color: #A5B214; }
        .category-overview-page .knowledge-base a:hover svg {
          left: 15px; }
    .category-overview-page .knowledge-base .qa-block {
      margin-top: 25px;
      padding: 20px 15px;
      border: 2px solid #efefef;
      border-radius: 5px; }
      .category-overview-page .knowledge-base .qa-block:first-child {
        margin-top: 35px; }
      .category-overview-page .knowledge-base .qa-block .title-wrapper {
        position: relative; }
      .category-overview-page .knowledge-base .qa-block h4 {
        margin: 0;
        cursor: pointer;
        font-weight: 500;
        max-width: 86%; }
        .category-overview-page .knowledge-base .qa-block h4 .chevron-up, .category-overview-page .knowledge-base .qa-block h4 .chevron-down {
          right: 0;
          position: absolute;
          color: #b9c725;
          height: 24px;
          top: 0; }
      .category-overview-page .knowledge-base .qa-block .answer-open .chevron-up {
        display: block;
        position: absolute;
        top: 0; }
      .category-overview-page .knowledge-base .qa-block .answer-open .chevron-down {
        display: none; }
      .category-overview-page .knowledge-base .qa-block .chevron-up {
        display: none; }
      .category-overview-page .knowledge-base .qa-block .answer {
        display: none; }
  .category-overview-page .filters-container {
    position: relative; }
    .category-overview-page .filters-container .filter-title {
      font-size: 14px;
      font-weight: 500;
      margin: 30px 0 10px;
      letter-spacing: 0.1px; }
      @media screen and (max-width: 1250px) {
        .category-overview-page .filters-container .filter-title {
          font-size: 14px; } }
    .category-overview-page .filters-container .active > label > a {
      color: #3a3a3a; }
    .category-overview-page .filters-container .item-count {
      right: 5px;
      margin-top: 4px;
      position: absolute; }
    .category-overview-page .filters-container input[type="checkbox"] {
      top: 6px;
      width: 20px;
      height: 20px;
      margin-right: 10px;
      position: relative;
      -o-appearance: none;
      border-radius: 20px;
      outline: 1px solid #dbdbdb;
      -moz-appearance: none;
      -webkit-appearance: none; }
      .category-overview-page .filters-container input[type="checkbox"]:checked::before {
        top: 4px;
        left: 4px;
        content: "";
        width: 12px;
        height: 12px;
        display: block;
        position: absolute;
        border-radius: 10px;
        background: #b9c725; }
    .category-overview-page .filters-container .filter-on-sale .term-label:after {
      top: 35px;
      right: 0;
      font-size: 14px;
      position: absolute;
      content: url("/wp-content/uploads/2022/02/kanjerprijs.svg"); }
      @media screen and (max-width: 1250px) {
        .category-overview-page .filters-container .filter-on-sale .term-label:after {
          top: 25px; } }
      @media screen and (max-width: 992px) {
        .category-overview-page .filters-container .filter-on-sale .term-label:after {
          display: none; } }
    .category-overview-page .filters-container .filter-on-sale input[type="checkbox"], .category-overview-page .filters-container .filter-in-stock input[type="checkbox"] {
      height: 40px;
      width: 80px;
      border-radius: 100px; }
      @media screen and (max-width: 1250px) {
        .category-overview-page .filters-container .filter-on-sale input[type="checkbox"], .category-overview-page .filters-container .filter-in-stock input[type="checkbox"] {
          width: 60px;
          height: 30px; } }
      .category-overview-page .filters-container .filter-on-sale input[type="checkbox"]:before, .category-overview-page .filters-container .filter-in-stock input[type="checkbox"]:before {
        top: 5px;
        left: 5px;
        content: "";
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        border-radius: 30px;
        background: #cdcdcd; }
        @media screen and (max-width: 1250px) {
          .category-overview-page .filters-container .filter-on-sale input[type="checkbox"]:before, .category-overview-page .filters-container .filter-in-stock input[type="checkbox"]:before {
            width: 20px;
            height: 20px; } }
      .category-overview-page .filters-container .filter-on-sale input[type="checkbox"]:checked::before, .category-overview-page .filters-container .filter-in-stock input[type="checkbox"]:checked::before {
        left: 45px;
        background: #b9c625; }
        @media screen and (max-width: 1250px) {
          .category-overview-page .filters-container .filter-on-sale input[type="checkbox"]:checked::before, .category-overview-page .filters-container .filter-in-stock input[type="checkbox"]:checked::before {
            left: 35px; } }
    .category-overview-page .filters-container .filter-on-sale .term-label, .category-overview-page .filters-container .filter-in-stock .term-label {
      right: 10px;
      margin-top: 15px;
      position: absolute; }
    @media screen and (max-width: 1350px) {
      .category-overview-page .filters-container .filter-on-sale a, .category-overview-page .filters-container .filter-in-stock a {
        font-size: 12px; } }
  .category-overview-page .category-top {
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between; }
    .category-overview-page .category-top .woocommerce-ordering {
      margin-left: 50px;
      position: relative; }
      @media screen and (max-width: 620px) {
        .category-overview-page .category-top .woocommerce-ordering {
          margin-left: 0;
          width: 100%; } }
      .category-overview-page .category-top .woocommerce-ordering:before {
        content: url("/wp-content/uploads/2022/04/dropdown-arrow.svg");
        position: absolute;
        right: 15px;
        width: 14px;
        display: inline-block;
        z-index: 1;
        height: 8px;
        top: 20px; }
      .category-overview-page .category-top .woocommerce-ordering .orderby {
        height: 50px;
        padding: 10px 15px;
        font-size: 14px;
        border: 1px solid #f3f3f3;
        border-radius: 5px;
        -webkit-appearance: none;
        outline: none;
        position: relative;
        cursor: pointer;
        color: #243745;
        min-width: 295px;
        font-family: inherit; }
        @media screen and (max-width: 620px) {
          .category-overview-page .category-top .woocommerce-ordering .orderby {
            width: 100%; } }
  .category-overview-page .products-archive-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .category-overview-page .products-archive-wrapper .inner-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 30px;
      width: 100%; }
      .category-overview-page .products-archive-wrapper .inner-wrapper a {
        width: calc(33.333% - 20px);
        display: flex; }
        @media screen and (max-width: 1200px) {
          .category-overview-page .products-archive-wrapper .inner-wrapper a {
            width: calc(50% - 15px); } }
        @media screen and (max-width: 620px) {
          .category-overview-page .products-archive-wrapper .inner-wrapper a .product-wrapper {
            height: 100%;
            display: flex;
            flex-direction: column; }
            .category-overview-page .products-archive-wrapper .inner-wrapper a .product-wrapper .info-wrapper {
              flex-grow: 1;
              display: flex;
              flex-direction: column; }
              .category-overview-page .products-archive-wrapper .inner-wrapper a .product-wrapper .info-wrapper .price {
                flex-grow: 1;
                width: fit-content; } }
    .category-overview-page .products-archive-wrapper .product:nth-child(3n) {
      border: 2px solid red !important; }
    .category-overview-page .products-archive-wrapper .product .title {
      color: #3a3a3a; }
    .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 15px;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 10px;
      color: #3A3A3A;
      background-color: #F5F5F5;
      border-radius: 5px; }
      .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 .mobile {
        display: none; }
      .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 .desktop {
        display: inline-block;
        color: #3A3A3A; }
      @media screen and (max-width: 620px) {
        .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 .mobile {
          display: inline-block;
          color: #3A3A3A; }
        .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 .desktop {
          display: none; } }
      .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper .in-3 p {
        margin: 0;
        top: 1px;
        color: #3A3A3A;
        font-size: 14px;
        line-height: 1em; }
    @media screen and (max-width: 1350px) {
      .category-overview-page .products-archive-wrapper .product .product-wrapper .price {
        font-size: 22px; } }
    @media screen and (max-width: 620px) {
      .category-overview-page .products-archive-wrapper .product .product-wrapper button {
        position: static;
        display: block;
        width: 100%;
        text-align: right;
        margin-left: 0;
        margin-top: 0; }
      .category-overview-page .products-archive-wrapper .product .product-wrapper .price {
        font-size: 20px;
        line-height: 35px; }
        .category-overview-page .products-archive-wrapper .product .product-wrapper .price.has-discount span {
          display: block;
          margin-left: 0;
          margin-top: -5px; }
        .category-overview-page .products-archive-wrapper .product .product-wrapper .price.has-discount, .category-overview-page .products-archive-wrapper .product .product-wrapper .price.not-available {
          position: relative; }
          .category-overview-page .products-archive-wrapper .product .product-wrapper .price.has-discount::after, .category-overview-page .products-archive-wrapper .product .product-wrapper .price.not-available::after {
            position: absolute;
            left: calc(100% + 15px);
            top: 3px;
            margin-top: 0; } }
    @media screen and (max-width: 520px) {
      .category-overview-page .products-archive-wrapper .product .product-wrapper .image-wrapper {
        height: 180px; } }
  .category-overview-page main.products {
    width: 75%;
    padding-left: 40px; }

.subcategory-usps .why-dk h3 {
  font-size: 21px;
  font-weight: 500;
  color: #b9c725; }

.usps {
  padding: 5px 15px;
  border: 2px solid #f2f2f2;
  border-radius: 5px; }
  .usps .check {
    width: 10%;
    display: inline; }
  .usps .text {
    width: 80%; }
  .usps ul {
    padding-left: 0;
    list-style: none; }
    .usps ul p {
      left: 10px;
      display: inline;
      position: relative; }
      @media screen and (max-width: 1320px) {
        .usps ul p {
          font-size: 14px; } }
    .usps ul li {
      display: flex;
      margin-left: 0;
      margin-bottom: 20px; }
      .usps ul li svg {
        color: #b9c725; }

.subcategory-payment-methods {
  margin-top: 30px; }
  .subcategory-payment-methods .image-wrapper img {
    margin-left: 7px;
    margin-bottom: 7px; }
    .subcategory-payment-methods .image-wrapper img:first-child {
      margin-left: 0; }
    .subcategory-payment-methods .image-wrapper img:nth-child(5n) {
      margin-left: 0; }

.subcategory-shipping-text h4 {
  font-size: 17px;
  font-weight: 500;
  line-height: 30px;
  color: #b9c725; }

.subcategory-shipping-text p {
  color: #9f9f9f; }

.search-no-results aside.filter {
  width: 30%; }

.yith-wcan-filters-opener i.filter-icon {
  background-image: url("/wp-content/uploads/2022/07/dk-filter.svg") !important;
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  display: inline-block !important;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
  position: relative;
  top: 13px; }

body.admin-bar .yith-wcan-filters.filters-modal {
  top: 0 !important; }

.yith-wcan-filters.filters-modal h3 {
  position: fixed;
  background: #b9c725;
  color: white;
  font-size: 14px !important;
  font-weight: 500;
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box; }
  @media screen and (max-width: 990px) {
    .yith-wcan-filters.filters-modal h3 {
      text-align: center;
      padding-left: 0; } }

.yith-wcan-filters.filters-modal .close-button {
  color: white;
  width: 20px;
  height: 20px;
  top: 14px;
  font-size: 30px;
  left: 20px;
  right: auto; }

.yith-wcan-filters.filters-modal .filters-container {
  padding: 20px;
  padding-right: 15px; }

.yith-wcan-filters.filters-modal .filters-container::-webkit-scrollbar-thumb {
  background: #b9c725 !important; }

.yith-wcan-filters.filters-modal .filters-container > .clear-selection {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 20px;
  position: fixed;
  color: white;
  top: 20px;
  z-index: 999999;
  display: flex;
  right: 60px;
  font-size: 14px; }

.yith-wcan-filters.filters-modal .main-modal-button {
  background-color: #b9c725 !important;
  border-radius: 0;
  bottom: 0;
  display: none;
  height: 60px;
  line-height: 60px;
  left: 0;
  border: none;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  color: white;
  font-size: 14px;
  font-weight: 500;
  width: 100%; }

.yith-wcan-filters.filters-modal .yith-wcan-filter {
  position: relative;
  overflow: hidden !important; }

@media screen and (max-width: 990px) {
  .category-overview-page .filters-container .item-count {
    right: 20px !important; } }

@media screen and (max-width: 990px) {
  .category-overview-page .filters-container .filter-on-sale .term-label, .category-overview-page .filters-container .filter-in-stock .term-label {
    right: auto !important;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px; } }

@media screen and (max-width: 990px) {
  .category-overview-page .filters-container .filter-on-sale .term-label:after {
    top: -46px;
    left: 40px; } }

.yith-wcan-filters .yith-wcan-filter .price-slider .irs-from, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-to, .yith-wcan-filters .yith-wcan-filter .price-slider .irs-single {
  border-radius: 5px; }

@media screen and (max-width: 990px) {
  .woocommerce-pagination .page-numbers {
    padding: 0; } }

@media screen and (max-width: 990px) {
  .category-overview-page .knowledge-base h3 {
    font-size: 22px; } }

.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-min,
.yith-wcan-filters .yith-wcan-filter .price-slider.both .price-slider-max {
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: 500;
  text-align: center;
  width: 110px;
  padding-left: 25px;
  padding-right: 10px;
  font-family: "Cocogoose", sans-serif;
  height: 48px; }

.irs .irs-min, .irs .irs-max, .irs .irs-to, .irs .irs-from {
  font-family: "Cocogoose", sans-serif; }

.irs--round:after {
  content: 'tot';
  position: absolute;
  left: 50%;
  top: 85px;
  transform: translateX(-50%);
  font-size: 14px;
  font-family: "Cocogoose", sans-serif; }

.yith-wcan-filters .yith-wcan-filter .price-slider.both {
  padding: 0; }

.yith-wcan-filters .yith-wcan-filter .price-slider .irs .irs {
  margin-bottom: 0; }

.yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle {
  box-shadow: none; }

.yith-wcan-filters .yith-wcan-filter .price-slider .irs-from,
.yith-wcan-filters .yith-wcan-filter .price-slider .irs-to {
  display: none; }

.category-overview-page .filters-container .filter-in-stock input[type="checkbox"],
.category-overview-page .filters-container .filter-on-sale input[type="checkbox"] {
  cursor: pointer; }

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item {
  margin: 5px 0; }

.yith-wcan-filters .yith-wcan-filter.filter-stock-sale {
  margin-bottom: 60px; }
  @media screen and (max-width: 992px) {
    .yith-wcan-filters .yith-wcan-filter.filter-stock-sale {
      margin-bottom: 15px; } }

.woocommerce-pagination {
  margin-top: 60px; }
  .woocommerce-pagination .page-numbers {
    list-style: none;
    text-align: center; }
    .woocommerce-pagination .page-numbers li {
      margin: 0 5px;
      display: inline; }
      .woocommerce-pagination .page-numbers li a, .woocommerce-pagination .page-numbers li span {
        width: 50px;
        padding-top: 16px;
        padding-bottom: 16px;
        display: inline-block;
        border-radius: 5px; }
      .woocommerce-pagination .page-numbers li a {
        color: #3a3a3a;
        border: 1px solid #e1e1e1; }
      .woocommerce-pagination .page-numbers li .next {
        color: #fff;
        margin-left: 10px;
        background: #b9c725;
        border: 1px solid #b9c725; }
      .woocommerce-pagination .page-numbers li .prev {
        color: #fff;
        margin-right: 10px;
        background: #b9c725;
        border: 1px solid #b9c725; }
      .woocommerce-pagination .page-numbers li span {
        color: #b9c725;
        font-weight: 500;
        border: 2px solid #b9c725; }

.price_slider {
  margin-top: 25px; }

.price_slider_amount {
  line-height: 2.4em;
  font-size: 0.8751em; }
  .price_slider_amount #min_price::before:before {
    content: 'test'; }

.price_slider_amount .button {
  font-size: 1.15em; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  top: -9px;
  z-index: 2;
  width: 23px;
  height: 23px;
  outline: none;
  cursor: pointer;
  position: absolute;
  border-radius: 13px;
  -moz-border-radius: 13px;
  background: #b9c725;
  -webkit-border-radius: 13px; }

.ui-slider .ui-slider-handle:last-child {
  margin-left: -1em; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background: none repeat scroll 0 0 #b9c725;
  -moz-border-radius: 1em;
  border-radius: 1em; }

.price_slider_wrapper .ui-widget-content {
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  background: #1e1e1e;
  background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#6a6a6a));
  background: -webkit-linear-gradient(#1e1e1e, #6a6a6a);
  background: -moz-linear-gradient(center top, #1e1e1e 0%, #6a6a6a 100%);
  background: -moz-gradient(center top, #1e1e1e 0%, #6a6a6a 100%); }

.ui-slider-horizontal {
  height: 6px; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: -1px; }

.ui-slider-horizontal .ui-slider-range-max {
  right: -1px; }

.price_slider_amount input[type="text"] {
  width: 90px;
  padding: 5px;
  height: 46px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #f2f2f2;
  display: inline-block !important; }
  @media screen and (max-width: 1350px) {
    .price_slider_amount input[type="text"] {
      width: 70px; } }

.price_slider_amount #min_price {
  margin-right: 15px; }
  @media screen and (max-width: 1230px) {
    .price_slider_amount #min_price {
      margin-right: 2px; } }

.price_slider_amount #max_price {
  margin-left: 15px; }
  @media screen and (max-width: 1230px) {
    .price_slider_amount #max_price {
      margin-left: 2px; } }

.price_slider_wrapper {
  display: flex;
  position: relative;
  flex-direction: column; }
  .price_slider_wrapper button {
    right: 0;
    border: none;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
    background: none;
    position: absolute;
    color: #b9c725;
    cursor: pointer;
    transition: all 100ms; }
    .price_slider_wrapper button:hover {
      color: #A5B214; }
      .price_slider_wrapper button:hover .background-cart g {
        transition: all 100ms; }
      .price_slider_wrapper button:hover .background-cart g {
        fill: #A5B214 !important; }
    .price_slider_wrapper button .shipping-cart-wrapper {
      top: -10px;
      position: relative; }
      .price_slider_wrapper button .shipping-cart-wrapper .background-cart {
        padding: 3px;
        position: relative;
        border: 1px solid #efefef;
        border-radius: 5px; }
      .price_slider_wrapper button .shipping-cart-wrapper .icon {
        right: 12px;
        color: #fff;
        height: 22px;
        margin-top: 11px;
        position: absolute; }
  .price_slider_wrapper .price_label {
    display: none !important; }

.blog-container {
  padding: 50px 0 100px 0; }
  .blog-container > .wrapper, .category-slider-wrapper .blog-container > .inner-wrapper {
    display: block; }
    .blog-container > .wrapper h1, .category-slider-wrapper .blog-container > .inner-wrapper h1 {
      color: #B9C725;
      margin: 0 0 50px 0;
      font-size: 30px; }
    .blog-container > .wrapper .blog-featured, .category-slider-wrapper .blog-container > .inner-wrapper .blog-featured {
      margin: 0; }

.blog-gallery {
  margin-top: 150px; }
  @media screen and (max-width: 1024px) {
    .blog-gallery {
      margin-top: 100px; } }
  @media screen and (max-width: 768px) {
    .blog-gallery {
      margin-top: 50px; } }
  .blog-gallery .filters {
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .blog-gallery .filters {
        margin-top: 30px; } }
    .blog-gallery .filters .filters-in {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px 20px;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        .blog-gallery .filters .filters-in {
          overflow-y: hidden;
          overflow-x: scroll;
          flex-wrap: nowrap;
          justify-content: normal; } }
      .blog-gallery .filters .filters-in .filter-item {
        border: 1px solid #EFEFEF;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #B5B5B5;
        border-radius: 5px;
        padding: 13px 17px;
        transition: ease-in-out 200ms color, ease-in-out 200ms border-color;
        cursor: pointer;
        flex-shrink: 0; }
        .blog-gallery .filters .filters-in .filter-item.active, .blog-gallery .filters .filters-in .filter-item:hover {
          border-color: #B9C725;
          color: #B9C725; }
  .blog-gallery .blog-gallery-in {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px; }
    @media screen and (max-width: 768px) {
      .blog-gallery .blog-gallery-in {
        gap: 30px; } }
    .blog-gallery .blog-gallery-in .blog-item {
      width: calc(33.333% - 20px);
      color: #3A3A3A; }
      @media screen and (max-width: 1024px) {
        .blog-gallery .blog-gallery-in .blog-item {
          width: calc(50% - 15px); } }
      @media screen and (max-width: 600px) {
        .blog-gallery .blog-gallery-in .blog-item {
          width: 100%; } }
      .blog-gallery .blog-gallery-in .blog-item .img {
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px; }
        .blog-gallery .blog-gallery-in .blog-item .img img {
          max-width: 100%;
          width: 100%;
          height: 250px;
          object-fit: cover; }
          @media screen and (max-width: 480px) {
            .blog-gallery .blog-gallery-in .blog-item .img img {
              height: 200px; } }
      .blog-gallery .blog-gallery-in .blog-item .date {
        font-size: 16px;
        margin-bottom: 10px; }
      .blog-gallery .blog-gallery-in .blog-item .title {
        color: #3A3A3A;
        font-size: 20px;
        line-height: 36px;
        font-weight: 500;
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .blog-gallery .blog-gallery-in .blog-item .title {
            font-size: 18px;
            line-height: 32px;
            margin-bottom: 10px; } }
      .blog-gallery .blog-gallery-in .blog-item .content-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap; }
      .blog-gallery .blog-gallery-in .blog-item .btn-blog {
        display: flex;
        align-items: center;
        gap: 30px;
        font-size: 14px;
        color: #B9C725;
        font-weight: 500; }
      .blog-gallery .blog-gallery-in .blog-item .read-time {
        color: #B5B5B5;
        display: flex;
        align-items: center;
        font-size: 14px;
        gap: 15px; }
  .blog-gallery .pagination {
    margin-top: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; }
    @media screen and (max-width: 1024px) {
      .blog-gallery .pagination {
        margin-top: 100px; } }
    @media screen and (max-width: 768px) {
      .blog-gallery .pagination {
        margin-top: 50px; } }
    .blog-gallery .pagination .pagination-in {
      display: flex;
      align-items: center;
      gap: 10px; }
      .blog-gallery .pagination .pagination-in .page-num {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        font-size: 16px;
        color: #243745;
        transition: ease-in-out 200ms color, ease-in-out 200ms border; }
        .blog-gallery .pagination .pagination-in .page-num:hover, .blog-gallery .pagination .pagination-in .page-num.active {
          border-color: #B9C725;
          border-width: 2px;
          color: #B9C725; }
        @media screen and (max-width: 500px) {
          .blog-gallery .pagination .pagination-in .page-num {
            display: none; }
            .blog-gallery .pagination .pagination-in .page-num:first-child {
              display: flex; } }
      .blog-gallery .pagination .pagination-in .dots {
        padding: 0 5px; }
        @media screen and (max-width: 500px) {
          .blog-gallery .pagination .pagination-in .dots {
            display: none; } }
    .blog-gallery .pagination .btn {
      width: 48px;
      height: 48px;
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .blog-gallery .pagination .btn > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%); }

.woocommerce {
  width: 100%; }

.woocommerce-message {
  margin-top: 40px;
  background: #555555;
  padding: 10px;
  padding-left: 15px;
  font-size: 14px;
  color: #fff;
  border-radius: 4px; }

.cart-form {
  display: flex;
  width: 100%;
  margin-bottom: 100px;
  gap: 60px; }
  @media screen and (max-width: 1200px) {
    .cart-form {
      gap: 30px; } }
  @media screen and (max-width: 1024px) {
    .cart-form {
      flex-direction: column;
      margin-bottom: 75px; } }
  @media screen and (max-width: 768px) {
    .cart-form {
      margin-bottom: 50px; } }

.woocommerce-cart .cart-inner {
  max-width: none; }
  .woocommerce-cart .cart-inner h1, .woocommerce-cart .cart-inner .h1 {
    color: #b9c725;
    font-size: 30px;
    margin: 0 0 10px 0;
    font-weight: 500; }
    @media screen and (max-width: 768px) {
      .woocommerce-cart .cart-inner h1, .woocommerce-cart .cart-inner .h1 {
        font-size: 20px;
        margin: 0 0 5px 0; } }
  .woocommerce-cart .cart-inner p {
    margin: 0 0 30px 0; }
  .woocommerce-cart .cart-inner .cart-product-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    gap: 30px; }
    @media screen and (max-width: 1024px) {
      .woocommerce-cart .cart-inner .cart-product-wrapper {
        gap: 20px; } }
    @media screen and (max-width: 600px) {
      .woocommerce-cart .cart-inner .cart-product-wrapper {
        gap: 15px;
        margin-bottom: 20px;
        position: relative; } }
    .woocommerce-cart .cart-inner .cart-product-wrapper .image {
      width: 130px;
      flex-shrink: 0; }
      @media screen and (max-width: 600px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .image {
          width: 80px; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .image img {
        width: 130px;
        height: 130px;
        padding: 15px;
        object-fit: contain;
        border-radius: 5px;
        box-sizing: border-box;
        border: 2px solid #eaeaea; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .image img {
            width: 80px;
            height: 80px; } }
    .woocommerce-cart .cart-inner .cart-product-wrapper .description {
      flex-grow: 1; }
      .woocommerce-cart .cart-inner .cart-product-wrapper .description .title {
        display: block;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
        color: #3A3A3A; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .description .title {
            font-size: 16px;
            margin-bottom: 35px; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .description .short-description {
        display: block;
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        color: #3A3A3A;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .description .short-description {
            display: none; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .description .delete, .woocommerce-cart .cart-inner .cart-product-wrapper .description .specs {
        display: inline-block; }
      .woocommerce-cart .cart-inner .cart-product-wrapper .description .specs {
        color: #b4b4b4; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .description .specs {
            display: none; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .description .delete {
        font-weight: 500;
        margin-right: 50px; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .description .delete {
            position: absolute;
            bottom: 0;
            right: 0;
            margin-right: 0; } }
        .woocommerce-cart .cart-inner .cart-product-wrapper .description .delete a {
          color: #fa7171; }
    .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number {
      position: relative;
      width: 135px;
      margin-left: auto; }
      @media screen and (max-width: 1100px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number {
          width: 100px; } }
      @media screen and (max-width: 600px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number {
          width: 50px; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number .number-arrows {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 40px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: 0 5px 5px 0; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number .number-arrows {
            display: none; } }
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number .number-arrows > div {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 50%;
          cursor: pointer; }
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number .number-arrows .number-arrow-up {
          background-color: #B9C725; }
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .number .number-arrows .number-arrow-down {
          background-color: #ADBB1B; }
    .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .card-quantity {
      height: 60px;
      width: 100%;
      padding: 12px 50px 12px 15px;
      font-size: 16px;
      border: 1px solid #eaeaea;
      border-radius: 5px;
      -moz-appearance: textfield; }
      @media screen and (max-width: 600px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .card-quantity {
          height: 50px;
          font-size: 14px;
          margin-bottom: 30px;
          padding: 12px 15px;
          text-align: center; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .card-quantity::-webkit-outer-spin-button, .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .card-quantity::-webkit-inner-spin-button {
        -webkit-appearance: none; }
    .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .price-inner {
      padding-left: 15px; }
    .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .price {
      position: relative;
      font-size: 22px;
      font-weight: 500;
      margin: 15px 0 0 0; }
      @media screen and (max-width: 600px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .price {
          font-size: 20px;
          position: absolute;
          bottom: 0;
          left: 95px; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .price:after {
        top: 35px; }
    .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .has-discount {
      font-size: 22px;
      font-weight: 500;
      color: #FA7171 !important;
      display: flex;
      align-items: center;
      gap: 12px; }
      @media screen and (max-width: 600px) {
        .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .has-discount {
          font-size: 20px; } }
      .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .has-discount span {
        font-weight: 400;
        font-size: 12px;
        color: #B5B5B5;
        text-decoration: line-through; }
      .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .has-discount:after {
        content: url("/wp-content/uploads/2022/02/kanjerprijs.svg");
        position: absolute;
        left: 0;
        font-size: 14px;
        bottom: 0; }
        @media screen and (max-width: 600px) {
          .woocommerce-cart .cart-inner .cart-product-wrapper .price-wrapper .has-discount:after {
            display: none; } }

.cart-left {
  flex-grow: 1;
  width: calc(100% - 450px); }
  @media screen and (max-width: 1200px) {
    .cart-left {
      width: calc(100% - 420px); } }
  @media screen and (max-width: 1024px) {
    .cart-left {
      width: 100%; } }

.cart-right {
  width: 390px;
  flex-shrink: 0; }
  @media screen and (max-width: 1024px) {
    .cart-right {
      width: 100%; } }
  .cart-right .cart-right-inner {
    position: sticky;
    top: 160px; }
  .cart-right .usps {
    padding: 30px; }
    @media screen and (max-width: 768px) {
      .cart-right .usps {
        padding: 0;
        border: 0; } }
    .cart-right .usps ul {
      margin: 0; }
      .cart-right .usps ul li {
        display: flex;
        align-items: center;
        gap: 15px; }
        .cart-right .usps ul li .text,
        .cart-right .usps ul li .check {
          width: auto; }
    .cart-right .usps .total-text {
      display: block;
      font-weight: 500;
      font-size: 16px;
      margin-top: 30px; }
    .cart-right .usps .total-price {
      margin-top: 10px;
      color: #fa7171;
      font-size: 30px;
      font-weight: 500;
      display: flex;
      align-items: center; }
      .cart-right .usps .total-price span {
        color: #b4b4b4;
        font-size: 14px;
        margin-left: 25px;
        font-weight: 400;
        display: flex;
        align-items: center;
        gap: 4px; }
        .cart-right .usps .total-price span img {
          height: 25px;
          margin-left: 15px; }
        .cart-right .usps .total-price span strong {
          font-weight: 500;
          color: #b9c725; }
  .cart-right .order_button {
    width: 100%;
    margin-top: 30px; }

.woocommerce-cart #yith-ywgc {
  display: none; }

.product-slider .swiper-wrapper {
  height: auto; }

.product-slider .swiper-slide {
  width: 300px; }
  @media screen and (max-width: 768px) {
    .product-slider .swiper-slide {
      width: 250px; } }

.product-slider .product-wrapper .title {
  font-size: 16px;
  color: #3A3A3A;
  margin-top: 15px; }

.product-slider .product-wrapper .price-btn {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px; }
  .product-slider .product-wrapper .price-btn .price {
    margin: 0; }
    @media screen and (max-width: 768px) {
      .product-slider .product-wrapper .price-btn .price {
        font-size: 20px; } }
  .product-slider .product-wrapper .price-btn button {
    margin: 0;
    position: static; }

@media screen and (max-width: 768px) {
  .product-slider .product-wrapper .image-wrapper {
    width: 250px;
    height: 250px; } }

.product-slider .slider-button-wrapper {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: flex-end; }
  @media screen and (max-width: 768px) {
    .product-slider .slider-button-wrapper {
      display: none; } }

.woocommerce-cart .nice-to-have-wrapper {
  max-width: calc(89.5vw - 390px); }
  @media screen and (max-width: 1024px) {
    .woocommerce-cart .nice-to-have-wrapper {
      max-width: none; } }

.woocommerce-cart .nice-to-have {
  margin: 0 0 40px 0;
  font-size: 30px;
  font-weight: 500;
  color: #3A3A3A !important; }
  @media screen and (max-width: 1024px) {
    .woocommerce-cart .nice-to-have {
      font-size: 20px;
      margin: 50px 0 20px 0; } }

.woocommerce-cart .ywgc_enter_code {
  padding: 0 10px; }

.woocommerce-cart .gift-card-wrapper {
  background: #ffffff;
  padding-top: 10px;
  display: flex;
  border: 1px solid #f2f2f2;
  border-radius: 4px; }
  .woocommerce-cart .gift-card-wrapper p:first-child {
    width: 60%;
    margin-top: 10px;
    padding-left: 20px; }

.woocommerce-cart .form-row-first {
  width: 41%; }
  .woocommerce-cart .form-row-first .input-text {
    height: 50px;
    width: 320px;
    margin-top: 4px;
    padding-left: 15px;
    background: #f2f2f2;
    border-radius: 4px; }

.woocommerce-cart .form-row-last {
  text-align: right; }
  .woocommerce-cart .form-row-last button {
    background-color: #b9c725 !important;
    border: none;
    padding: 13px; }

.mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .in-3 {
  margin-top: 30px; }
  .mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .in-3 .in-3-top,
  .mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .in-3 span {
    justify-content: center; }

.mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .payment-methods {
  margin: 30px auto 0 auto;
  max-width: 330px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 15px; }

.mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .safe-checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 400; }
  .mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .safe-checkout .text svg {
    display: inline-block;
    margin-left: 5px; }

.mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .terms-conditions {
  text-align: center;
  margin-top: 30px; }
  .mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .terms-conditions p {
    font-size: 14px;
    line-height: 20px;
    color: #B5B5B5; }
    .mirikomess-balataqueebalataqueemiritoemeeeehh-in-3-wrapper .terms-conditions p a {
      color: inherit;
      text-decoration: underline; }

.woocommerce-checkout {
  background-color: #FAFAFA; }
  .woocommerce-checkout .navigation {
    display: none; }
  .woocommerce-checkout h1,
  .woocommerce-checkout h2 {
    margin: 0 0 10px 0;
    font-size: 30px;
    color: #B9C725;
    font-weight: 500; }
    @media screen and (max-width: 480px) {
      .woocommerce-checkout h1,
      .woocommerce-checkout h2 {
        font-size: 20px;
        margin: 0 0 5px 0; } }
  .woocommerce-checkout p {
    margin: 0; }
  .woocommerce-checkout .woocommerce-billing-fields .form-row,
  .woocommerce-checkout .woocommerce-shipping-fields .form-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .woocommerce-checkout .woocommerce-billing-fields .form-row,
      .woocommerce-checkout .woocommerce-shipping-fields .form-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px; }
        .woocommerce-checkout .woocommerce-billing-fields .form-row .woocommerce-input-wrapper,
        .woocommerce-checkout .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper {
          width: 100%; } }
    .woocommerce-checkout .woocommerce-billing-fields .form-row.warning input,
    .woocommerce-checkout .woocommerce-shipping-fields .form-row.warning input {
      border-color: red; }
    .woocommerce-checkout .woocommerce-billing-fields .form-row label,
    .woocommerce-checkout .woocommerce-shipping-fields .form-row label {
      width: 155px;
      flex-shrink: 0; }
      @media screen and (max-width: 768px) {
        .woocommerce-checkout .woocommerce-billing-fields .form-row label,
        .woocommerce-checkout .woocommerce-shipping-fields .form-row label {
          width: 120px; } }
      @media screen and (max-width: 480px) {
        .woocommerce-checkout .woocommerce-billing-fields .form-row label,
        .woocommerce-checkout .woocommerce-shipping-fields .form-row label {
          width: 100%; } }
    .woocommerce-checkout .woocommerce-billing-fields .form-row .required,
    .woocommerce-checkout .woocommerce-shipping-fields .form-row .required {
      text-decoration: none; }
    .woocommerce-checkout .woocommerce-billing-fields .form-row .woocommerce-input-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields .form-row .woocommerce-input-wrapper {
      flex-grow: 1; }
    .woocommerce-checkout .woocommerce-billing-fields .form-row input:not([type='checkbox']),
    .woocommerce-checkout .woocommerce-shipping-fields .form-row input:not([type='checkbox']) {
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      height: 48px;
      padding: 5px 15px;
      font-family: inherit;
      width: 100%;
      min-width: 150px; }
      .woocommerce-checkout .woocommerce-billing-fields .form-row input:not([type='checkbox'])::placeholder,
      .woocommerce-checkout .woocommerce-shipping-fields .form-row input:not([type='checkbox'])::placeholder {
        color: #B5B5B5; }
    .woocommerce-checkout .woocommerce-billing-fields .form-row .select2-container--default .select2-selection--single,
    .woocommerce-checkout .woocommerce-shipping-fields .form-row .select2-container--default .select2-selection--single {
      height: 48px;
      border: 1px solid #EFEFEF;
      border-radius: 5px; }
      .woocommerce-checkout .woocommerce-billing-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered,
      .woocommerce-checkout .woocommerce-shipping-fields .form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 48px;
        padding: 0 15px; }
      .woocommerce-checkout .woocommerce-billing-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow,
      .woocommerce-checkout .woocommerce-shipping-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23B9C725' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        height: 48px;
        right: 15px; }
        .woocommerce-checkout .woocommerce-billing-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b,
        .woocommerce-checkout .woocommerce-shipping-fields .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
          display: none; }
  .woocommerce-checkout .woocommerce-billing-fields #billing_state_field,
  .woocommerce-checkout .woocommerce-shipping-fields #billing_state_field {
    display: none !important; }
  .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper,
  .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; }
    .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper .form-row,
    .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper .form-row {
      padding-right: 0 !important;
      float: none !important;
      width: auto !important;
      flex: 1 1 100%;
      margin-bottom: 0; }
      .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper .form-row:nth-child(1), .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper .form-row:nth-child(2),
      .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper .form-row:nth-child(1),
      .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper .form-row:nth-child(2) {
        flex: 1 1 calc(50% - 10px); }
    .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper #pc4woo_billing_housenumber_wrapper.form-row,
    .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper #pc4woo_billing_housenumber_wrapper.form-row {
      margin-right: 0 !important; }
    .woocommerce-checkout .woocommerce-billing-fields #pc4woo_billing_wrapper #pc4woo_billing_housenumber_addition_wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields #pc4woo_billing_wrapper #pc4woo_billing_housenumber_addition_wrapper {
      display: none !important; }
  .woocommerce-checkout .woocommerce-billing-fields #ship-to-different-address,
  .woocommerce-checkout .woocommerce-shipping-fields #ship-to-different-address {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin: 0; }
  .woocommerce-checkout .woocommerce-billing-fields .shipping_address,
  .woocommerce-checkout .woocommerce-shipping-fields .shipping_address {
    padding-top: 20px; }
  .woocommerce-checkout .woocommerce-shipping-fields {
    margin-top: 30px; }
  .woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    opacity: 0;
    visibility: hidden; }
    .woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"]:checked ~ span::after {
      opacity: 1; }
  .woocommerce-checkout .woocommerce-form__label-for-checkbox span {
    padding-left: 35px;
    position: relative;
    display: block;
    cursor: pointer; }
    .woocommerce-checkout .woocommerce-form__label-for-checkbox span::before {
      content: '';
      border: 1px solid #DBDBDB;
      width: 20px;
      height: 20px;
      top: 0;
      left: 0;
      position: absolute;
      border-radius: 3px; }
    .woocommerce-checkout .woocommerce-form__label-for-checkbox span::after {
      content: '';
      border-radius: 2px;
      width: 12px;
      height: 12px;
      background-color: #B9C725;
      left: 5px;
      top: 5px;
      position: absolute;
      opacity: 0;
      transition: ease-in-out opacity 200ms; }
  .woocommerce-checkout .woocommerce-additional-fields {
    display: none; }

.your-details {
  display: flex;
  gap: 50px; }
  @media screen and (max-width: 1024px) {
    .your-details {
      flex-direction: column; } }
  .your-details .left .top,
  .your-details .right .top {
    margin-bottom: 30px; }
  .your-details .left {
    flex-grow: 1; }
    .your-details .left .details-in {
      background-color: #fff;
      border: 2px solid #EFEFEF;
      border-radius: 5px;
      padding: 30px; }
      @media screen and (max-width: 768px) {
        .your-details .left .details-in {
          padding: 20px; } }
  .your-details .right {
    width: 430px;
    flex-shrink: 0; }
    @media screen and (max-width: 1024px) {
      .your-details .right {
        width: 100%; } }
    .your-details .right .go-to-payment {
      width: 100%;
      height: 62px;
      cursor: pointer;
      background-color: transparent;
      position: relative;
      border: 1px solid #efefef;
      border-radius: 5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='502' height='50'%3E%3Cpath fill='%23B9C725' fill-rule='evenodd' d='M5.288 0h491.424a5 5 0 0 1 4.992 5.28l-2.244 40a5 5 0 0 1-4.992 4.72H7.532a5 5 0 0 1-4.992-4.72l-2.244-40A5 5 0 0 1 5.288 0Z'/%3E%3C/svg%3E");
      background-color: #fff;
      background-repeat: no-repeat;
      background-size: calc(100% - 10px) calc(100% - 10px);
      background-position: center; }
      .your-details .right .go-to-payment:hover .button-shape-background g {
        fill: #A5B214 !important; }
      .your-details .right .go-to-payment .text-wrapper {
        z-index: 2;
        width: 100%;
        height: 100%;
        color: #fff;
        font-weight: 500;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
        .your-details .right .go-to-payment .text-wrapper span {
          font-size: 14px; }
        .your-details .right .go-to-payment .text-wrapper svg {
          margin-right: 10px; }

.your-payment {
  display: flex;
  gap: 50px; }
  @media screen and (max-width: 1024px) {
    .your-payment {
      flex-direction: column; } }
  .your-payment .top {
    margin-bottom: 30px; }
  .your-payment .payment-methods {
    background-color: #fff;
    border: 2px solid #EFEFEF;
    border-radius: 5px;
    padding: 30px; }
    @media screen and (max-width: 768px) {
      .your-payment .payment-methods {
        padding: 20px; } }
    .your-payment .payment-methods .payment-title {
      font-size: 20px;
      font-weight: 500;
      color: #3A3A3A;
      margin-bottom: 30px; }
    .your-payment .payment-methods .payment_methods {
      margin: 0;
      padding-left: 0;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      gap: 20px; }
      .your-payment .payment-methods .payment_methods .wc_payment_method {
        border: 2px solid #EFEFEF;
        border-radius: 5px;
        padding: 25px;
        flex-basis: calc(50% - 10px);
        flex-grow: 1;
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative; }
        @media screen and (max-width: 768px) {
          .your-payment .payment-methods .payment_methods .wc_payment_method {
            padding: 20px; } }
        @media screen and (max-width: 480px) {
          .your-payment .payment-methods .payment_methods .wc_payment_method {
            flex-basis: 100%; } }
        .your-payment .payment-methods .payment_methods .wc_payment_method:first-child {
          flex-basis: 100%; }
        .your-payment .payment-methods .payment_methods .wc_payment_method:has(input:checked) {
          border-color: #B9C725; }
        .your-payment .payment-methods .payment_methods .wc_payment_method input {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          top: 0; }
        .your-payment .payment-methods .payment_methods .wc_payment_method label {
          display: flex;
          flex-direction: row-reverse;
          align-items: center;
          justify-content: flex-end;
          gap: 20px;
          cursor: pointer; }
          .your-payment .payment-methods .payment_methods .wc_payment_method label img {
            height: auto;
            width: 50px;
            float: none; }
          .your-payment .payment-methods .payment_methods .wc_payment_method label::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer; }
        .your-payment .payment-methods .payment_methods .wc_payment_method .payment_box {
          flex-grow: 1;
          position: relative; }
          .your-payment .payment-methods .payment_methods .wc_payment_method .payment_box p:first-child {
            display: none; }
          .your-payment .payment-methods .payment_methods .wc_payment_method .payment_box select {
            appearance: none;
            display: block;
            width: 100%;
            background-color: #fff;
            border: 1px solid #EFEFEF;
            height: 48px;
            padding: 0 15px;
            border-radius: 5px;
            font-family: inherit;
            font-size: 16px;
            color: #3A3A3A;
            background-image: url("data:image/svg+xml,%0A%3Csvg width='14px' height='8px' viewBox='0 0 14 8' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='💻Webshop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Checkout---Stap-2' transform='translate(-832.000000, -594.000000)' stroke='%23B9C725' stroke-width='2'%3E%3Cpolyline id='Path' transform='translate(839.000000, 598.000000) rotate(90.000000) translate(-839.000000, -598.000000) ' points='836 604 842 598 836 592'%3E%3C/polyline%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: center right 15px;
            cursor: pointer; }
            @media screen and (max-width: 768px) {
              .your-payment .payment-methods .payment_methods .wc_payment_method .payment_box select {
                font-size: 14px; } }
    .your-payment .payment-methods .woocommerce-privacy-policy-text {
      display: none; }
  .your-payment .right {
    width: 430px;
    flex-shrink: 0; }
    @media screen and (max-width: 1024px) {
      .your-payment .right {
        width: 100%; } }
    .your-payment .right .finish-payment button {
      width: 100%;
      height: 62px;
      cursor: pointer;
      background-color: transparent;
      position: relative;
      border: 1px solid #efefef;
      border-radius: 5px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='502' height='50'%3E%3Cpath fill='%23B9C725' fill-rule='evenodd' d='M5.288 0h491.424a5 5 0 0 1 4.992 5.28l-2.244 40a5 5 0 0 1-4.992 4.72H7.532a5 5 0 0 1-4.992-4.72l-2.244-40A5 5 0 0 1 5.288 0Z'/%3E%3C/svg%3E");
      background-color: #fff;
      background-repeat: no-repeat;
      background-size: calc(100% - 10px) calc(100% - 10px);
      background-position: center; }
      .your-payment .right .finish-payment button:hover .button-shape-background g {
        fill: #A5B214 !important; }
      .your-payment .right .finish-payment button .text-wrapper {
        z-index: 2;
        width: 100%;
        height: 100%;
        color: #fff;
        font-weight: 500;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
        .your-payment .right .finish-payment button .text-wrapper span {
          font-size: 14px; }
        .your-payment .right .finish-payment button .text-wrapper svg {
          margin-right: 10px; }

.woocommerce-checkout-payment button.button {
  display: none; }

.woocommerce-NoticeGroup-checkout {
  margin-bottom: 30px; }

.shop_table {
  padding: 30px;
  border: 2px solid #EFEFEF;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .shop_table {
      padding: 20px; } }
  .shop_table .cart_item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px; }
    .shop_table .cart_item .cart-item-left {
      width: 80px;
      flex-shrink: 0; }
      .shop_table .cart_item .cart-item-left .product-image {
        border: 2px solid #EFEFEF;
        border-radius: 5px;
        height: 80px;
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .shop_table .cart_item .cart-item-left .product-image img {
          max-width: 100%;
          height: auto; }
    .shop_table .cart_item .cart-item-right .product-name {
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
  .shop_table .order-total .order-title {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 25px; }
    @media screen and (max-width: 768px) {
      .shop_table .order-total .order-title {
        margin-bottom: 20px; } }
  .shop_table .order-total .order-price {
    font-size: 28px;
    color: #FA7171;
    display: flex;
    align-items: center;
    gap: 15px; }
    .shop_table .order-total .order-price .shipping {
      color: #B5B5B5;
      font-size: 16px; }
      .shop_table .order-total .order-price .shipping span {
        color: #B9C725;
        font-weight: 500; }
      .shop_table .order-total .order-price .shipping img {
        width: 25px;
        height: 25px;
        margin-left: 15px;
        display: inline-block;
        vertical-align: middle; }

.progress-1 .step-bar .step-bar-line .line-in {
  width: 16.8%; }
  @media screen and (max-width: 768px) {
    .progress-1 .step-bar .step-bar-line .line-in {
      width: 25%; } }

.progress-2 .step-bar .step-bar-line .line-in {
  width: 49.9%; }
  @media screen and (max-width: 768px) {
    .progress-2 .step-bar .step-bar-line .line-in {
      width: 75%; } }

.progress-3 .step-bar .step-bar-line .line-in {
  width: 100%; }
  @media screen and (max-width: 768px) {
    .progress-3 .step-bar .step-bar-line .line-in .icon {
      right: -10px; } }

.step-bar {
  position: relative;
  padding-top: 40px;
  margin-bottom: 50px; }
  .step-bar .step-bar-line {
    position: relative;
    height: 5px;
    width: 100%;
    background-color: #EFEFEF; }
    .step-bar .step-bar-line .line-in {
      height: 100%;
      background-color: #B9C725;
      position: absolute; }
      .step-bar .step-bar-line .line-in .icon {
        position: absolute;
        right: -20px;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%); }
        @media screen and (max-width: 768px) {
          .step-bar .step-bar-line .line-in .icon {
            transform: translateY(-50%) scale(0.75); } }
  .step-bar .steps .step {
    position: absolute;
    bottom: -7px;
    left: 0;
    z-index: 1; }
    .step-bar .steps .step.step-1 .text {
      left: 0;
      transform: none; }
    .step-bar .steps .step.step-2 {
      left: calc(33.333% - 10px); }
      @media screen and (max-width: 768px) {
        .step-bar .steps .step.step-2 {
          left: calc(50% - 10px); } }
    .step-bar .steps .step.step-3 {
      left: calc(66.666% - 10px); }
      @media screen and (max-width: 768px) {
        .step-bar .steps .step.step-3 {
          left: calc(100% - 20px); }
          .step-bar .steps .step.step-3 .text {
            right: 0;
            transform: none;
            left: auto; } }
    .step-bar .steps .step.step-4 {
      left: calc(100% - 20px); }
      @media screen and (max-width: 768px) {
        .step-bar .steps .step.step-4 {
          display: none; } }
      .step-bar .steps .step.step-4 .text {
        right: 0;
        transform: none;
        left: auto; }
    .step-bar .steps .step .text {
      font-size: 14px;
      font-weight: 400;
      color: #B5B5B5;
      position: absolute;
      bottom: calc(100% + 10px);
      width: max-content;
      left: 50%;
      transform: translateX(-50%); }
      @media screen and (max-width: 768px) {
        .step-bar .steps .step .text {
          font-size: 10px;
          font-weight: 500; } }
    .step-bar .steps .step .dot {
      background-color: #B9C725;
      border-radius: 100%;
      width: 20px;
      height: 20px; }

.a-young-milo-bit-de-baas {
  padding: 30px 0;
  color: #b9c725;
  font-weight: 500; }
  @media (max-width: 1110px) {
    .a-young-milo-bit-de-baas {
      padding: 20px 0; } }
  @media (max-width: 1350px) {
    .a-young-milo-bit-de-baas .wrapper, .a-young-milo-bit-de-baas .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .a-young-milo-bit-de-baas .inner-wrapper {
      flex-direction: column-reverse; } }
  @media (max-width: 13500px) {
    .a-young-milo-bit-de-baas .copy-text {
      max-width: 100%; } }
  @media screen and (max-width: 900px) {
    .a-young-milo-bit-de-baas .copy-text p {
      background: #b9c725;
      width: 100vw;
      max-width: 100vw;
      color: white;
      font-size: 12px;
      text-align: center;
      padding: 20px 0px;
      position: relative;
      left: -20px;
      margin-top: 20px;
      margin-bottom: -20px; } }
  .a-young-milo-bit-de-baas .logos h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 25px;
    display: none;
    width: 100%; }
    @media screen and (max-width: 900px) {
      .a-young-milo-bit-de-baas .logos h2 {
        display: block; } }
    @media screen and (max-width: 400px) {
      .a-young-milo-bit-de-baas .logos h2 {
        font-size: 19px; } }
  @media screen and (max-width: 900px) {
    .a-young-milo-bit-de-baas .logos {
      justify-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      margin-top: -15px;
      margin-bottom: 10px; } }
  @media screen and (max-width: 500px) {
    .a-young-milo-bit-de-baas .logos {
      justify-content: center; } }
  .a-young-milo-bit-de-baas .logos img {
    margin-left: 10px;
    margin-top: 5px; }
    @media screen and (max-width: 770px) {
      .a-young-milo-bit-de-baas .logos img {
        margin-top: 15px; } }
    @media screen and (max-width: 1300px) {
      .a-young-milo-bit-de-baas .logos img {
        margin-right: 0px; } }
    @media screen and (max-width: 500px) {
      .a-young-milo-bit-de-baas .logos img {
        margin-right: 10px;
        margin-left: 10px; } }
    @media screen and (max-width: 400px) {
      .a-young-milo-bit-de-baas .logos img {
        margin-right: 5px;
        margin-left: 5px; } }
    @media screen and (max-width: 490px) {
      .a-young-milo-bit-de-baas .logos img:last-of-type {
        display: none; } }

footer {
  color: #fff;
  padding: 50px 0;
  background: #b9c725;
  max-width: 100vw;
  overflow-x: hidden; }
  @media screen and (max-width: 900px) {
    footer {
      padding: 30px 0;
      padding-bottom: 0 !important; } }
  @media screen and (max-width: 900px) {
    footer .wrapper, footer .category-slider-wrapper .inner-wrapper, .category-slider-wrapper footer .inner-wrapper {
      flex-direction: column; } }
  footer a, footer h2, footer p {
    color: #fff; }
  footer a {
    font-size: 14px; }
  footer input[type="checkbox"] {
    display: none; }
  footer .tab .feather-arrow-right-circle {
    display: none; }
  @media screen and (max-width: 900px) {
    footer .footer-nav {
      padding: 0; }
    footer footer ul {
      line-height: 40px; }
    footer .tab .feather-arrow-right-circle {
      display: inline-block;
      color: #b9c725;
      position: absolute;
      right: 20px;
      margin-top: -40px;
      stroke-width: 2;
      transition: all 500ms;
      transform: rotate(90deg); }
    footer h2 {
      margin-left: -20px;
      width: 100vw;
      padding-left: 20px;
      box-sizing: border-box;
      margin-top: 30px; }
      footer h2 label {
        width: 100vw;
        display: inline-block;
        margin-left: -20px;
        box-sizing: border-box;
        position: relative;
        padding: 30px 20px;
        margin-top: -30px;
        margin-bottom: -30px;
        z-index: 10;
        cursor: pointer; }
    footer .tab {
      width: 100vw;
      box-sizing: border-box;
      padding: 0px 20px; }
    footer input[type="checkbox"] {
      position: absolute;
      display: inline-block;
      right: 0;
      opacity: 0;
      visibility: hidden;
      height: 0; }
    footer .tab-content {
      transition: max-height 1s ease-in-out;
      overflow: hidden;
      max-height: 0;
      border-top: 1px solid #efefef;
      margin-top: 30px;
      margin-bottom: 0; }
    footer ul.tab-content {
      background: #FCFCFC;
      width: 100vw;
      margin-left: -20px;
      box-sizing: border-box;
      line-height: 40px;
      padding-left: 20px;
      max-height: 0; }
      footer ul.tab-content li:first-child {
        margin-top: 20px; }
      footer ul.tab-content li:last-child {
        margin-bottom: 20px; }
    footer input:checked ~ .tab-content {
      border-bottom: 1px solid #efefef;
      max-height: 600px; }
    footer input:checked + .feather-arrow-right-circle {
      transform: rotate(-90deg); }
    footer a {
      color: #B5B5B5 !important;
      line-height: 50px; } }
  @media screen and (max-width: 900px) and (max-width: 380px) {
    footer a {
      font-size: 11px;
      line-height: 40px; } }
  footer .logo-white {
    margin-top: -40px;
    width: 300px; }
    @media screen and (max-width: 1050px) {
      footer .logo-white {
        width: 200px;
        margin-top: 30px; } }
    @media screen and (max-width: 900px) {
      footer .logo-white {
        margin-top: 0;
        width: 295px; } }
    @media screen and (max-width: 320px) {
      footer .logo-white {
        width: 185px; } }
  footer h2 {
    font-size: 30px;
    font-weight: 500; }
    @media screen and (max-width: 1200px) {
      footer h2 {
        font-size: 20px; } }
  footer ul {
    list-style: none;
    padding-left: 0;
    line-height: 32px; }
    @media screen and (max-width: 1050px) {
      footer ul {
        font-size: 14px; } }
    footer ul li a:hover {
      text-decoration: underline; }
  footer .under-text {
    top: 25px;
    font-size: 20px;
    font-weight: 500;
    position: relative; }
    @media screen and (max-width: 1050px) {
      footer .under-text {
        font-size: 14px; } }
    @media screen and (max-width: 900px) {
      footer .under-text {
        font-size: 20px; } }
    @media screen and (max-width: 320px) {
      footer .under-text {
        font-size: 12px; } }
  @media screen and (max-width: 900px) {
    footer .footer-nav {
      width: 100vw;
      background: white;
      padding: 0px;
      box-sizing: border-box; }
      footer .footer-nav h2, footer .footer-nav a, footer .footer-nav p {
        color: #b9c725; } }
  footer .pootie {
    position: absolute;
    right: -120px; }
    @media (max-width: 1500px) {
      footer .pootie {
        display: none; } }
  footer .socials-buttons {
    top: 40px;
    display: flex;
    position: relative; }
    footer .socials-buttons .instagram, footer .socials-buttons .whatsapp, footer .socials-buttons .facebook {
      transition: all 300ms; }
    footer .socials-buttons .instagram svg {
      position: relative;
      left: 0px; }
    footer .socials-buttons .instagram:hover .insta-btn g {
      fill: #a52389 !important; }
    footer .socials-buttons .facebook svg {
      position: relative;
      left: -1px; }
    footer .socials-buttons .facebook:hover .facebook-btn g {
      fill: #1761c1 !important; }
    footer .socials-buttons .whatsapp:hover .whatsapp-btn g {
      fill: #20bd5a !important; }
    @media screen and (max-width: 1050px) {
      footer .socials-buttons {
        justify-content: space-evenly;
        margin-top: 70px;
        margin-bottom: 40px;
        top: 0; } }
    @media screen and (max-width: 900px) {
      footer .socials-buttons {
        justify-content: space-evenly;
        margin-top: 50px;
        margin-bottom: 40px;
        top: 0; } }
    footer .socials-buttons button {
      height: 48px;
      display: inline-block;
      width: 47px;
      position: relative;
      border: 1px solid #efefef;
      border-radius: 5px;
      background: #efefef;
      margin-right: 20px;
      cursor: pointer; }
      footer .socials-buttons button .icon {
        width: 22px;
        position: relative;
        color: white; }
      footer .socials-buttons button .button-shape-background {
        top: 4px;
        left: 3px;
        position: absolute; }
      footer .socials-buttons button .insta-btn g, footer .socials-buttons button .facebook-btn g, footer .socials-buttons button .whatsapp-btn g {
        transition: all 100ms; }
      footer .socials-buttons button .insta-btn g {
        fill: #C32AA3 !important; }
        footer .socials-buttons button .insta-btn g:hover {
          fill: #a52389 !important; }
      footer .socials-buttons button .facebook-btn g {
        fill: #1877F2 !important; }
      footer .socials-buttons button .whatsapp-btn g {
        fill: #25D366 !important; }

.service-contact {
  padding: 50px 0;
  border-top: 1px solid #efefef; }
  @media screen and (max-width: 770px) {
    .service-contact {
      padding: 30px 0; } }
  .service-contact a.klantenservice-link {
    margin-left: 30px; }
    @media screen and (max-width: 770px) {
      .service-contact a.klantenservice-link {
        margin-left: 0;
        margin-top: 20px; } }
    .service-contact a.klantenservice-link:hover .background-cart g {
      fill: #A5B214; }
  .service-contact a {
    color: #3A3A3A;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    line-height: 26px;
    transition: all 300ms;
    font-size: 14px; }
    @media screen and (max-width: 320px) {
      .service-contact a {
        line-height: 23px;
        font-size: 11px; } }
    .service-contact a .feather-arrow-right-circle {
      height: 24px;
      min-width: 30px;
      width: 24px;
      stroke: #b9c725;
      margin-left: 20px;
      position: relative;
      left: 0px;
      transition: all 300ms; }
      @media screen and (max-width: 770px) {
        .service-contact a .feather-arrow-right-circle {
          display: none; } }
    .service-contact a:hover .background-user g {
      fill: #EAEAEA !important; }
    .service-contact a:hover .feather-arrow-right-circle {
      stroke: #A5B214;
      left: 5px; }
  .service-contact h2 {
    font-weight: 500;
    color: #b9c725;
    font-size: 30px; }
    @media screen and (max-width: 1350px) {
      .service-contact h2 {
        font-size: 20px; } }
    @media screen and (max-width: 770px) {
      .service-contact h2 {
        margin-bottom: 20px; } }
  @media screen and (max-width: 770px) {
    .service-contact .wrapper, .service-contact .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .service-contact .inner-wrapper {
      flex-wrap: wrap; } }
  .service-contact .wrapper div, .service-contact .category-slider-wrapper .inner-wrapper div, .category-slider-wrapper .service-contact .inner-wrapper div {
    width: 34%;
    display: flex;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center; }
    @media (max-width: 1350px) {
      .service-contact .wrapper div, .service-contact .category-slider-wrapper .inner-wrapper div, .category-slider-wrapper .service-contact .inner-wrapper div {
        width: 50%; } }
    @media screen and (max-width: 1270px) {
      .service-contact .wrapper div, .service-contact .category-slider-wrapper .inner-wrapper div, .category-slider-wrapper .service-contact .inner-wrapper div {
        width: 39%; } }
    @media screen and (max-width: 770px) {
      .service-contact .wrapper div, .service-contact .category-slider-wrapper .inner-wrapper div, .category-slider-wrapper .service-contact .inner-wrapper div {
        width: 100%; } }
  .service-contact .wrapper .title-wrapper, .service-contact .category-slider-wrapper .inner-wrapper .title-wrapper, .category-slider-wrapper .service-contact .inner-wrapper .title-wrapper {
    width: 23%; }
    @media (max-width: 1350px) {
      .service-contact .wrapper .title-wrapper, .service-contact .category-slider-wrapper .inner-wrapper .title-wrapper, .category-slider-wrapper .service-contact .inner-wrapper .title-wrapper {
        width: 27%; } }
    @media screen and (max-width: 1270px) {
      .service-contact .wrapper .title-wrapper, .service-contact .category-slider-wrapper .inner-wrapper .title-wrapper, .category-slider-wrapper .service-contact .inner-wrapper .title-wrapper {
        width: 20%; } }
    @media screen and (max-width: 770px) {
      .service-contact .wrapper .title-wrapper, .service-contact .category-slider-wrapper .inner-wrapper .title-wrapper, .category-slider-wrapper .service-contact .inner-wrapper .title-wrapper {
        width: 100%;
        margin-top: -20px; } }
  .service-contact .left-icon {
    position: absolute;
    top: 11px;
    width: 22px;
    color: white;
    right: 12px; }
  .service-contact .button-shape-background {
    position: relative;
    left: -3px; }
  .service-contact p {
    margin: 0; }
  .service-contact button {
    height: 48px;
    display: inline-block;
    width: 47px;
    position: relative;
    border: 1px solid #efefef;
    border-radius: 5px;
    background: none;
    margin-right: 20px;
    cursor: pointer; }
    .service-contact button .user-icon {
      color: #3A3A3A; }
    .service-contact button .background-user g, .service-contact button .background-wishlist g, .service-contact button .background-cart g {
      transition: all 100ms; }
    .service-contact button:hover .background-user g {
      fill: #EAEAEA !important; }
    .service-contact button:hover .background-wishlist g {
      fill: #DE6565 !important; }

.blog-featured {
  color: #3a3a3a;
  margin-top: 100px;
  margin-bottom: 100px;
  min-height: 570px; }
  @media screen and (max-width: 1024px) {
    .blog-featured {
      margin-top: 25px;
      margin-bottom: 25px;
      min-height: 300px; } }
  .blog-featured .ux-hint {
    left: 20px; }
  .blog-featured .wrapper, .blog-featured .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .blog-featured .inner-wrapper {
    align-items: flex-start;
    justify-content: flex-start; }
    @media screen and (max-width: 1024px) {
      .blog-featured .wrapper, .blog-featured .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .blog-featured .inner-wrapper {
        max-width: 100vw; } }
    .blog-featured .wrapper .content-heading, .blog-featured .category-slider-wrapper .inner-wrapper .content-heading, .category-slider-wrapper .blog-featured .inner-wrapper .content-heading {
      display: flex;
      justify-content: space-between;
      flex-direction: row;
      width: 100%;
      align-items: center; }
      @media screen and (max-width: 1024px) {
        .blog-featured .wrapper .content-heading, .blog-featured .category-slider-wrapper .inner-wrapper .content-heading, .category-slider-wrapper .blog-featured .inner-wrapper .content-heading {
          width: calc(100% - 40px);
          margin-left: 20px; } }
  .blog-featured a h3, .blog-featured a p {
    color: #3A3A3A; }
  @media screen and (max-width: 600px) {
    .blog-featured a.see-link {
      display: none; } }
  .blog-featured img {
    border-radius: 5px; }
  .blog-featured .read-more {
    font-weight: 500; }
    .blog-featured .read-more svg {
      left: 0;
      top: 3px;
      height: 24px;
      position: relative;
      vertical-align: -3px;
      transition: all 300ms; }
    .blog-featured .read-more:hover {
      color: #A5B214; }
      .blog-featured .read-more:hover svg {
        left: 5px;
        stroke: #A5B214; }
  .blog-featured .featured {
    width: 40%;
    height: 500px;
    position: relative;
    padding-right: 45px;
    box-sizing: border-box; }
    @media screen and (max-width: 1024px) {
      .blog-featured .featured {
        display: none;
        visibility: hidden;
        opacity: 0; } }
    .blog-featured .featured h3 {
      font-weight: 500;
      line-height: 33px; }
    .blog-featured .featured img {
      max-width: 100%; }
    .blog-featured .featured p {
      margin: 25px 0;
      font-size: 14px; }
    .blog-featured .featured svg {
      margin-left: 10px; }
    .blog-featured .featured span {
      color: #b5b5b5;
      margin-left: 30px;
      top: 2px;
      position: relative; }
      .blog-featured .featured span svg {
        margin-left: 0;
        margin-right: 10px;
        vertical-align: -5px; }
  .blog-featured h2 {
    color: #b9c725;
    font-weight: 500;
    margin-bottom: 50px; }
    @media screen and (max-width: 1024px) {
      .blog-featured h2 {
        font-size: 20px;
        margin-bottom: 30px; } }
  .blog-featured #desktop-reading-time {
    display: inline-block; }
    @media screen and (max-width: 1195px) {
      .blog-featured #desktop-reading-time {
        display: none; } }
  .blog-featured #mobile-reading-time {
    display: none; }
    @media screen and (max-width: 1195px) {
      .blog-featured #mobile-reading-time {
        display: inline-block; } }
  .blog-featured .blog-items {
    width: 60%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    @media screen and (max-width: 1024px) {
      .blog-featured .blog-items {
        display: none;
        visibility: hidden;
        opacity: 0; } }
    .blog-featured .blog-items .item {
      display: flex;
      margin-bottom: 40px;
      justify-content: space-between; }
      .blog-featured .blog-items .item:last-child {
        margin-bottom: 0; }
      .blog-featured .blog-items .item h3 {
        font-weight: 500;
        line-height: 33px; }
      .blog-featured .blog-items .item .image-wrapper {
        width: 230px;
        margin-right: 40px; }
        .blog-featured .blog-items .item .image-wrapper img {
          height: 150px;
          max-width: 100%;
          object-fit: fill; }
      .blog-featured .blog-items .item .text-wrapper {
        width: 100%;
        position: relative;
        margin-top: -15px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        align-content: center; }
        .blog-featured .blog-items .item .text-wrapper .read-more-clock {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          width: 100%; }
          .blog-featured .blog-items .item .text-wrapper .read-more-clock .clock {
            margin-left: 30px; }
            @media screen and (max-width: 1100px) {
              .blog-featured .blog-items .item .text-wrapper .read-more-clock .clock {
                margin-left: 15px; } }
            .blog-featured .blog-items .item .text-wrapper .read-more-clock .clock svg {
              height: 24px;
              width: 24px;
              margin-right: 15px !important;
              vertical-align: -5px; }
        .blog-featured .blog-items .item .text-wrapper p {
          margin: 15px 0 15px;
          font-size: 14px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical; }
        .blog-featured .blog-items .item .text-wrapper svg {
          margin-left: 10px; }
        .blog-featured .blog-items .item .text-wrapper h3 {
          margin-top: 10px;
          line-height: 33px; }
        .blog-featured .blog-items .item .text-wrapper span {
          left: 10px;
          color: #b5b5b5;
          position: relative;
          top: 2px; }
          .blog-featured .blog-items .item .text-wrapper span svg {
            margin-right: 10px;
            vertical-align: -5px; }
  .blog-featured .blog-items-mobile {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
  .blog-featured .blog-items-mobile::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */ }
  .blog-featured .blog-items-mobile {
    display: none;
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    position: relative;
    overflow-x: scroll;
    webkit-overflow-scrolling: touch;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-overflow-scrolling: touch; }
    @media screen and (max-width: 1024px) {
      .blog-featured .blog-items-mobile {
        display: flex;
        visibility: visible;
        opacity: 1;
        position: relative;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px; } }
    .blog-featured .blog-items-mobile .inner-scroll {
      overflow-x: auto;
      overflow-y: hidden;
      min-width: 960px;
      display: flex;
      flex-direction: row;
      -webkit-overflow-scrolling: touch; }
      .blog-featured .blog-items-mobile .inner-scroll .item {
        width: 100%;
        max-width: 300px;
        margin-right: 30px;
        position: relative;
        min-width: 300px !important; }
        .blog-featured .blog-items-mobile .inner-scroll .item:last-of-type {
          margin-right: 0; }
        .blog-featured .blog-items-mobile .inner-scroll .item img {
          height: 210px;
          object-fit: cover; }
        .blog-featured .blog-items-mobile .inner-scroll .item h3 {
          font-size: 14px;
          font-weight: 500;
          line-height: 26px;
          min-height: 50px; }
        .blog-featured .blog-items-mobile .inner-scroll .item p {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          font-size: 14px; }
        .blog-featured .blog-items-mobile .inner-scroll .item a.read-more {
          float: left;
          min-height: 28px; }
        .blog-featured .blog-items-mobile .inner-scroll .item .clock {
          color: #B5B5B5;
          position: absolute;
          right: 0;
          margin-top: 3px; }
          .blog-featured .blog-items-mobile .inner-scroll .item .clock svg {
            vertical-align: -6px;
            margin-right: 5px; }

.brands {
  margin-top: 50px; }
  .brands h2 {
    font-weight: 500;
    font-size: 30px;
    color: #b9c725; }
  .brands .brand-wrapper {
    display: flex;
    align-content: center;
    justify-content: space-between; }
  .brands figure {
    display: flex;
    width: 200px;
    height: 200px;
    margin: 50px 0 0;
    background: #f5f5f5;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    transition: all 300ms; }
    .brands figure:hover {
      transform: scale(1.1); }
    .brands figure img {
      max-width: 100px; }

.hero {
  margin-top: 50px;
  margin-bottom: 50px; }
  @media screen and (max-width: 1024px) {
    .hero {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 740px) {
    .hero {
      margin-top: 20px;
      margin-bottom: 20px; } }
  @media screen and (max-width: 1150px) {
    .hero .wrapper, .hero .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .hero .inner-wrapper {
      flex-direction: column; } }
  .hero .column {
    color: #fff; }
    .hero .column:nth-child(2) {
      width: 450px;
      height: 450px;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: stretch;
      align-content: stretch; }
      @media screen and (max-width: 1300px) {
        .hero .column:nth-child(2) {
          width: 36%; } }
      @media screen and (max-width: 1150px) {
        .hero .column:nth-child(2) {
          width: 100%;
          flex-direction: row;
          margin-top: 50px;
          height: auto !important; } }
      @media screen and (max-width: 1024px) {
        .hero .column:nth-child(2) {
          margin-top: 25px; } }
      @media screen and (max-width: 740px) {
        .hero .column:nth-child(2) {
          overflow-x: scroll;
          overflow-y: hidden;
          width: 100vw;
          position: relative;
          -webkit-overflow-scrolling: touch; } }
      .hero .column:nth-child(2) .inner::-webkit-scrollbar {
        display: none; }
      .hero .column:nth-child(2) .inner {
        width: 100%;
        display: flex;
        -webkit-overflow-scrolling: touch;
        justify-content: space-between;
        align-items: stretch;
        align-content: space-between; }
        @media screen and (max-width: 740px) {
          .hero .column:nth-child(2) .inner {
            justify-content: start;
            align-items: stretch;
            align-content: start; } }
        @media screen and (max-width: 670px) {
          .hero .column:nth-child(2) .inner {
            width: auto; } }
        @media screen and (min-width: 1150px) {
          .hero .column:nth-child(2) .inner {
            flex-direction: column !important; } }
    .hero .column .block {
      padding: 20px 30px 60px;
      background-size: cover !important; }
      @media screen and (max-width: 740px) {
        .hero .column .block {
          padding: 5px 10px 0px; } }
    @media screen and (max-width: 740px) {
      .hero .column .block-left {
        padding: 10px 20px 10px; } }
    .hero .column .block-right {
      padding-left: 46%;
      height: 200px;
      box-sizing: border-box;
      background-repeat: no-repeat;
      border-radius: 5px;
      position: relative;
      text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
      @media screen and (max-width: 1300px) {
        .hero .column .block-right {
          padding-left: 31%; } }
      @media screen and (max-width: 1150px) {
        .hero .column .block-right {
          width: calc(50% - 25px);
          background-position: 0px 0px;
          padding-left: 21%; } }
      @media screen and (max-width: 1024px) {
        .hero .column .block-right {
          width: calc(50% - 12px);
          min-width: 317px !important; } }
      @media screen and (max-width: 900px) {
        .hero .column .block-right {
          padding-left: 20%;
          background-position: -20px 0px; } }
      @media screen and (max-width: 720px) {
        .hero .column .block-right {
          padding-left: 17%;
          background-position: -50px 0px; } }
      @media screen and (max-width: 740px) {
        .hero .column .block-right {
          margin-right: 20px; } }
      @media screen and (max-width: 670px) {
        .hero .column .block-right {
          height: 150px;
          padding-left: 18%;
          background-position: -20px 0px;
          margin-right: 20px; } }
      @media screen and (max-width: 340px) {
        .hero .column .block-right {
          min-width: 250px !important; } }
      .hero .column .block-right h2 {
        font-size: 30px;
        line-height: 42px;
        font-weight: 500;
        margin-top: 10px;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        color: white; }
        @media screen and (max-width: 840px) {
          .hero .column .block-right h2 {
            font-size: 25px !important; } }
        @media screen and (max-width: 740px) {
          .hero .column .block-right h2 {
            line-height: 36px;
            font-size: 20px !important;
            max-width: 70%; } }
        @media screen and (max-width: 340px) {
          .hero .column .block-right h2 {
            line-height: 36px;
            font-size: 17px !important;
            max-width: 80%; } }
      .hero .column .block-right .button-wrapper {
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
      .hero .column .block-right a {
        font-size: 20px;
        font-weight: 500;
        color: #fff;
        text-align: left; }
        @media screen and (max-width: 840px) {
          .hero .column .block-right a {
            font-size: 14px; } }
        @media screen and (max-width: 340px) {
          .hero .column .block-right a {
            font-size: 12px !important; } }
        .hero .column .block-right a:hover svg {
          left: 5px; }
        .hero .column .block-right a svg {
          height: 24px;
          transition: all 300ms;
          width: 24px;
          left: 0;
          stroke-width: 3;
          vertical-align: -5px;
          margin-left: 20px;
          position: relative; }
          @media screen and (max-width: 740px) {
            .hero .column .block-right a svg {
              height: 20px;
              transition: all 300ms;
              width: 20px;
              left: 0;
              stroke-width: 3px;
              vertical-align: -4px;
              margin-left: 10px;
              position: relative; } }
      @media screen and (max-width: 740px) {
        .hero .column .block-right:nth-child(1) {
          margin-left: 20px; } }
      @media screen and (min-width: 1150px) {
        .hero .column .block-right:nth-child(1) {
          margin-bottom: 50px; } }
    .hero .column:first-child {
      width: 800px; }
      @media screen and (max-width: 1350px) {
        .hero .column:first-child {
          width: 60%; } }
      @media screen and (max-width: 1150px) {
        .hero .column:first-child {
          width: 100%; } }
      .hero .column:first-child .block-left {
        height: 450px;
        box-sizing: border-box;
        background-size: cover;
        border-radius: 5px;
        background: url("../../wp-content/themes/dierenkanjer/build/images/hero-left.png") no-repeat;
        position: relative; }
        .hero .column:first-child .block-left .desktop-text {
          display: block; }
          @media screen and (max-width: 740px) {
            .hero .column:first-child .block-left .desktop-text {
              display: none; } }
        .hero .column:first-child .block-left .mobile-text {
          display: none; }
          @media screen and (max-width: 740px) {
            .hero .column:first-child .block-left .mobile-text {
              display: block; }
              .hero .column:first-child .block-left .mobile-text p {
                font-size: 14px !important;
                line-height: 24px !important; } }
        @media screen and (max-width: 1350px) {
          .hero .column:first-child .block-left {
            background-position: right center; } }
        @media screen and (max-width: 1150px) {
          .hero .column:first-child .block-left {
            background-position: 0px 0px; } }
        @media screen and (max-width: 740px) {
          .hero .column:first-child .block-left {
            height: 300px; } }
        @media screen and (max-width: 460px) {
          .hero .column:first-child .block-left {
            background-position: -50px 0px; } }
        @media screen and (max-width: 390px) {
          .hero .column:first-child .block-left {
            background-position: -70px 0px; } }
        .hero .column:first-child .block-left .animation-circle {
          position: absolute;
          width: 152px;
          height: 152px;
          border-radius: 100%;
          background: #fff;
          overflow: hidden !important;
          right: 32px;
          bottom: 168px;
          transform: translate3d(0, 0, 0); }
          @media screen and (max-width: 1150px) {
            .hero .column:first-child .block-left .animation-circle {
              width: 17vw;
              height: 17vw;
              right: 4vw;
              bottom: 7vw; } }
          @media screen and (max-width: 1108px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 93px; } }
          @media screen and (max-width: 1071px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 107px; } }
          @media screen and (max-width: 1050px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 114px !important;
              right: 39px !important; } }
          @media screen and (max-width: 1000px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 116px !important;
              right: 45px !important; } }
          @media screen and (max-width: 970px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 126px !important;
              right: 43px !important; } }
          @media screen and (max-width: 890px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 150px !important;
              right: 34px !important;
              width: 160px;
              height: 160px; } }
          @media screen and (max-width: 840px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 167px !important;
              right: 33px !important;
              width: 150px;
              height: 150px; } }
          @media screen and (max-width: 770px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 287px !important;
              right: 118px !important;
              width: 150px;
              height: 150px; } }
          @media screen and (max-width: 748px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 97px !important; } }
          @media screen and (max-width: 740px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 88px !important; } }
          @media screen and (max-width: 735px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 157px !important;
              right: 165px !important;
              width: 130px;
              height: 130px; } }
          @media screen and (max-width: 670px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 169px !important;
              right: 148px !important;
              width: 120px;
              height: 120px; } }
          @media screen and (max-width: 630px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 180px !important;
              right: 140px !important;
              width: 110px;
              height: 110px; } }
          @media screen and (max-width: 600px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 186px !important;
              right: 132px !important;
              width: 105px;
              height: 105px; } }
          @media screen and (max-width: 570px) {
            .hero .column:first-child .block-left .animation-circle {
              bottom: 190px !important;
              right: 123px !important;
              width: 100px;
              height: 100px; } }
          @media screen and (max-width: 560px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 113px !important; } }
          @media screen and (max-width: 550px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 103px !important; } }
          @media screen and (max-width: 540px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 93px !important; } }
          @media screen and (max-width: 530px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 83px !important; } }
          @media screen and (max-width: 520px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 73px !important; } }
          @media screen and (max-width: 510px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 63px !important; } }
          @media screen and (max-width: 500px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 53px !important; } }
          @media screen and (max-width: 490px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 43px !important; } }
          @media screen and (max-width: 480px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 33px !important; } }
          @media screen and (max-width: 470px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 23px !important; } }
          @media screen and (max-width: 460px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 13px !important; } }
          @media screen and (max-width: 450px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 53px !important; } }
          @media screen and (max-width: 440px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 43px !important; } }
          @media screen and (max-width: 430px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 33px !important; } }
          @media screen and (max-width: 420px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 23px !important; } }
          @media screen and (max-width: 414px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 17px !important; } }
          @media screen and (max-width: 410px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 13px !important; } }
          @media screen and (max-width: 400px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 3px !important; } }
          @media screen and (max-width: 390px) {
            .hero .column:first-child .block-left .animation-circle {
              right: 13px !important; } }
          @media screen and (max-width: 389px) {
            .hero .column:first-child .block-left .animation-circle {
              display: none; } }
          .hero .column:first-child .block-left .animation-circle:before {
            content: url("../../wp-content/themes/dierenkanjer/build/images/live-indicator.svg");
            width: 48px;
            height: auto;
            position: absolute;
            z-index: 99;
            bottom: 10px;
            left: 48px; }
            @media screen and (max-width: 1150px) {
              .hero .column:first-child .block-left .animation-circle:before {
                bottom: 20px;
                left: 75px; } }
            @media screen and (max-width: 1000px) {
              .hero .column:first-child .block-left .animation-circle:before {
                bottom: 20px;
                left: 60px; } }
            @media screen and (max-width: 750px) {
              .hero .column:first-child .block-left .animation-circle:before {
                display: none; } }
          .hero .column:first-child .block-left .animation-circle video {
            position: relative;
            top: -58px;
            left: -60px; }
            @media screen and (max-width: 1150px) {
              .hero .column:first-child .block-left .animation-circle video {
                position: relative;
                top: -46px;
                width: 400px;
                left: -130px; } }
            @media screen and (max-width: 1000px) {
              .hero .column:first-child .block-left .animation-circle video {
                position: relative;
                top: -50px;
                width: 300px;
                left: -80px; } }
            @media screen and (max-width: 600px) {
              .hero .column:first-child .block-left .animation-circle video {
                position: relative;
                top: -80px;
                width: 200px;
                left: -55px; } }
        .hero .column:first-child .block-left h1 {
          width: 50%;
          font-size: 30px;
          line-height: 53px;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
          @media screen and (max-width: 1150px) {
            .hero .column:first-child .block-left h1 {
              width: 40%; } }
          @media screen and (max-width: 840px) {
            .hero .column:first-child .block-left h1 {
              width: 50%; } }
          @media screen and (max-width: 740px) {
            .hero .column:first-child .block-left h1 {
              width: 30%;
              font-size: 20px;
              line-height: 36px; } }
          @media screen and (max-width: 710px) {
            .hero .column:first-child .block-left h1 {
              width: 35%; } }
          @media screen and (max-width: 710px) {
            .hero .column:first-child .block-left h1 {
              width: 40%; } }
          @media screen and (max-width: 560px) {
            .hero .column:first-child .block-left h1 {
              width: 50%; } }
          @media screen and (max-width: 460px) {
            .hero .column:first-child .block-left h1 {
              width: 60%; } }
          @media screen and (max-width: 395px) {
            .hero .column:first-child .block-left h1 {
              width: 70%; } }
          @media screen and (max-width: 350px) {
            .hero .column:first-child .block-left h1 {
              width: 80%; } }
        .hero .column:first-child .block-left p {
          width: 100%;
          max-width: 388px;
          line-height: 31px;
          font-size: 14px;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
        .hero .column:first-child .block-left .button-wrapper {
          position: absolute;
          bottom: 60px;
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
          @media screen and (max-width: 740px) {
            .hero .column:first-child .block-left .button-wrapper {
              bottom: 30px; } }
        .hero .column:first-child .block-left a {
          color: #fff;
          font-size: 20px;
          font-weight: 500; }
          @media screen and (max-width: 840px) {
            .hero .column:first-child .block-left a {
              font-size: 14px; } }
          .hero .column:first-child .block-left a:hover svg {
            left: 5px; }
          .hero .column:first-child .block-left a svg {
            left: 0;
            width: 24px;
            height: 24px;
            stroke-width: 3;
            margin-left: 20px;
            position: relative;
            vertical-align: -4px;
            transition: all 300ms; }
            @media screen and (max-width: 740px) {
              .hero .column:first-child .block-left a svg {
                left: 0;
                width: 20px;
                height: 20px;
                stroke-width: 3;
                margin-left: 10px;
                position: relative;
                vertical-align: -4px;
                transition: all 300ms; } }

.ux-hint {
  display: none;
  background: #F5F5F5;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: calc(100vw - 40px);
  position: relative;
  left: 10px;
  padding-right: 20px;
  margin-top: 20px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 80px; }
  @media screen and (max-width: 740px) {
    .ux-hint {
      display: flex; } }
  .ux-hint .icon {
    margin-right: 15px;
    margin-left: 15px; }
  .ux-hint .text-wrapper {
    flex-direction: column;
    margin-top: 18px; }
    .ux-hint .text-wrapper span {
      color: #b9c725;
      font-size: 18px;
      font-weight: 500;
      margin-top: -2px; }
      @media screen and (max-width: 375px) {
        .ux-hint .text-wrapper span {
          font-size: 14px; } }
      @media screen and (max-width: 320px) {
        .ux-hint .text-wrapper span {
          font-size: 14px; } }
    .ux-hint .text-wrapper p {
      font-size: 13px;
      margin-top: 0; }
      @media screen and (max-width: 320px) {
        .ux-hint .text-wrapper p {
          font-size: 12px; } }

@media screen and (max-width: 990px) {
  aside.filter {
    width: 0 !important; }
    aside.filter h3.filter-head-title, aside.filter h4.subcategory-title, aside.filter .subcategory-link, aside.filter .subcategory-usps, aside.filter .subcategory-payment-methods, aside.filter .subcategory-shipping-text {
      display: none; } }

@media screen and (max-width: 990px) {
  .category-overview-page main.products {
    padding-left: 0 !important;
    width: 100% !important; } }

.product-wrapper .price {
  color: #3a3a3a;
  font-size: 30px;
  line-height: 48px;
  font-weight: 500;
  display: inline-block;
  cursor: default;
  margin: 15px 0 0 0; }

.product-wrapper .price.has-discount {
  color: #FA7171; }
  .product-wrapper .price.has-discount span {
    font-weight: 400;
    font-size: 14px;
    color: #B5B5B5;
    margin-left: 5px;
    text-decoration: line-through;
    vertical-align: middle; }
  .product-wrapper .price.has-discount:after {
    content: url("/wp-content/uploads/2022/02/kanjerprijs.svg");
    font-size: 14px;
    display: block;
    margin-top: -5px; }

.product-wrapper {
  z-index: 9;
  width: 100%;
  position: relative; }
  .product-wrapper .image-wrapper {
    text-align: center;
    position: relative;
    padding: 15px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #efefef;
    border-radius: 5px; }
    .product-wrapper .image-wrapper .product-image {
      max-width: 200px;
      max-height: 200px;
      width: 100%; }
    .product-wrapper .image-wrapper .theme-icon {
      top: 15px;
      left: 15px;
      width: 50px;
      height: 50px;
      position: absolute;
      border-radius: 300px;
      background: #b9c725;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .product-wrapper .image-wrapper .theme-icon svg {
        max-width: 100%; }
  .product-wrapper .info-wrapper .title {
    height: 50px;
    margin-bottom: 0;
    line-height: 29px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }
  .product-wrapper .info-wrapper .price.not-available {
    color: #B5B5B5; }
    .product-wrapper .info-wrapper .price.not-available:after {
      content: url("/wp-content/uploads/2022/02/uitverkocht.svg");
      font-size: 14px;
      display: block;
      margin-top: -5px; }
  .product-wrapper .info-wrapper button {
    right: 0;
    border: none;
    font-size: 14px;
    margin-top: 15px;
    font-weight: 500;
    background: none;
    margin-left: 15px;
    position: absolute;
    color: #b9c725;
    cursor: pointer;
    transition: all 100ms;
    padding: 0; }
    .product-wrapper .info-wrapper button:hover {
      color: #A5B214; }
      .product-wrapper .info-wrapper button:hover .background-cart g {
        transition: all 100ms; }
      .product-wrapper .info-wrapper button:hover .background-cart g {
        fill: #A5B214 !important; }
    .product-wrapper .info-wrapper button .shipping-cart-wrapper {
      margin-left: 6px;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      border: 1px solid #efefef;
      padding: 5px;
      border-radius: 5px; }
      .product-wrapper .info-wrapper button .shipping-cart-wrapper .background-cart {
        display: block;
        border-radius: 5px; }
      .product-wrapper .info-wrapper button .shipping-cart-wrapper .icon {
        right: 15px;
        color: #fff;
        top: 15px;
        position: absolute;
        display: block;
        width: 20px;
        height: 20px; }

.slider-button-wrapper .right-slider-button {
  margin-left: 30px; }

.slider-button-wrapper button {
  width: 70px;
  color: #fff;
  border: none;
  height: 70px;
  border-radius: 100%;
  transition: all 100ms;
  background: #b9c725;
  cursor: pointer;
  position: relative;
  margin: 10px; }
  .slider-button-wrapper button:before {
    content: '';
    height: 88px;
    width: 88px;
    display: block;
    position: absolute;
    border: 1px solid #EFEFEF;
    left: -10px;
    top: -10px;
    cursor: pointer;
    border-radius: 100%; }
  .slider-button-wrapper button:hover {
    background: #A5B214; }
  .slider-button-wrapper button.swiper-button-disabled {
    background: #b5b5b5 !important;
    cursor: not-allowed; }

.related-products {
  position: relative;
  min-height: 530px; }
  .related-products .wrapper, .related-products .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .related-products .inner-wrapper {
    gap: 100px; }
    @media screen and (max-width: 1224px) {
      .related-products .wrapper, .related-products .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .related-products .inner-wrapper {
        gap: 50px; } }
    @media screen and (max-width: 1024px) {
      .related-products .wrapper, .related-products .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .related-products .inner-wrapper {
        flex-direction: column; } }
  .related-products .heading h2 {
    font-weight: 500;
    color: #b9c725;
    font-size: 30px;
    margin: 0; }
    @media screen and (max-width: 1024px) {
      .related-products .heading h2 {
        font-size: 20px; } }
  .related-products .left-viewed-product {
    width: 300px;
    flex-shrink: 0; }
    @media screen and (max-width: 1024px) {
      .related-products .left-viewed-product {
        width: 100%; } }
    .related-products .left-viewed-product h2 {
      font-weight: 500;
      color: #B5B5B5;
      margin: 15px 0 50px 0;
      font-size: 30px; }
      @media screen and (max-width: 1024px) {
        .related-products .left-viewed-product h2 {
          margin-bottom: 30px;
          font-size: 20px; } }
    .related-products .left-viewed-product .title {
      color: #3a3a3a !important; }
  .related-products .right-viewed-product {
    flex-grow: 1; }
    @media screen and (max-width: 1024px) {
      .related-products .right-viewed-product {
        margin-bottom: 30px; } }
  .related-products .slider-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 54vw;
    margin-bottom: 20px;
    gap: 15px; }
    @media screen and (max-width: 1024px) {
      .related-products .slider-button-wrapper {
        max-width: none; } }
    .related-products .slider-button-wrapper .buttons {
      display: flex;
      align-items: center;
      gap: 30px; }
      @media screen and (max-width: 1024px) {
        .related-products .slider-button-wrapper .buttons {
          display: none; } }

.yith-similar-products {
  max-width: 64.7vw;
  overflow-x: scroll !important; }
  .yith-similar-products::-webkit-scrollbar {
    width: 0;
    /* Remove scrollbar space */
    display: none;
    background: transparent;
    /* Optional: just make scrollbar invisible */ }
  @media screen and (max-width: 1224px) {
    .yith-similar-products {
      max-width: 61vw; } }
  @media screen and (max-width: 1024px) {
    .yith-similar-products {
      max-width: calc(100vw - 40px); } }
  .yith-similar-products h2 {
    font-weight: 500 !important;
    color: #b9c725 !important;
    display: none; }
    @media screen and (max-width: 1130px) {
      .yith-similar-products h2 {
        opacity: 0; } }
    .yith-similar-products h2 a {
      float: right;
      margin-top: 10px;
      font-size: 14px;
      color: #b9c725 !important; }
  .yith-similar-products .products .inner-wrapper {
    display: flex;
    gap: 50px; }
    .yith-similar-products .products .inner-wrapper a {
      width: 300px;
      flex-shrink: 0; }
      .yith-similar-products .products .inner-wrapper a .image-wrapper .in-3 {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 15px;
        background-color: #F5F5F5;
        border-radius: 5px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 7px; }
        .yith-similar-products .products .inner-wrapper a .image-wrapper .in-3 p {
          margin: 0;
          display: flex;
          align-items: center;
          gap: 4px;
          color: #3A3A3A;
          font-size: 16px; }
          .yith-similar-products .products .inner-wrapper a .image-wrapper .in-3 p span {
            color: #3A3A3A; }
          .yith-similar-products .products .inner-wrapper a .image-wrapper .in-3 p .mobile {
            display: none; }
  .yith-similar-products .products.slick-slider {
    border-top: 0; }
  .yith-similar-products .slick-arrow {
    display: none !important; }
  .yith-similar-products .slick-slide img {
    display: inline; }
  .yith-similar-products .product-wrapper .info-wrapper .title {
    color: #3a3a3a; }

.trustpilot {
  height: 150px;
  margin: 120px 0 120px;
  box-sizing: border-box; }
  @media screen and (max-width: 730px) {
    .trustpilot {
      height: auto;
      margin: 20px 0 20px; } }
  @media screen and (max-width: 890px) {
    .trustpilot .wrapper, .trustpilot .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .trustpilot .inner-wrapper {
      flex-direction: column !important; } }
  .trustpilot .mobile-title {
    display: none; }
    @media screen and (max-width: 730px) {
      .trustpilot .mobile-title {
        display: block;
        width: 100%;
        color: #b9c725;
        font-weight: 500;
        margin-bottom: 30px;
        font-size: 20px; } }
  .trustpilot .text-wrapper {
    width: 68%;
    display: flex;
    position: relative;
    background: #f5f5f5;
    border-radius: 5px; }
    @media screen and (max-width: 890px) {
      .trustpilot .text-wrapper {
        width: 100%; } }
    @media screen and (max-width: 389px) {
      .trustpilot .text-wrapper {
        flex-direction: column-reverse; } }
    .trustpilot .text-wrapper .dog-image {
      width: 190px;
      max-width: 190px !important; }
      @media screen and (max-width: 1350px) {
        .trustpilot .text-wrapper .dog-image {
          width: 120px !important;
          position: relative;
          top: 10px;
          min-width: 178px; } }
      @media screen and (max-width: 1209px) {
        .trustpilot .text-wrapper .dog-image {
          width: 120px !important;
          position: relative;
          top: 36px;
          min-width: 120px; } }
      @media screen and (max-width: 1209px) {
        .trustpilot .text-wrapper .dog-image {
          width: 120px !important;
          position: relative;
          top: 36px;
          min-width: 120px; } }
      @media screen and (max-width: 1130px) {
        .trustpilot .text-wrapper .dog-image {
          width: 127px !important;
          position: relative;
          top: 63px;
          min-width: 130px; } }
      @media screen and (max-width: 890px) {
        .trustpilot .text-wrapper .dog-image {
          width: 110px !important;
          position: relative;
          top: 45px;
          min-width: 110px; } }
      @media screen and (max-width: 540px) {
        .trustpilot .text-wrapper .dog-image {
          width: 150px !important;
          position: relative;
          top: 45px;
          min-width: 150px; } }
      @media screen and (max-width: 510px) {
        .trustpilot .text-wrapper .dog-image {
          top: 81px; } }
      @media screen and (max-width: 450px) {
        .trustpilot .text-wrapper .dog-image {
          top: 60px;
          display: none; } }
    .trustpilot .text-wrapper .dog-image-mobile {
      display: none; }
      @media screen and (max-width: 450px) {
        .trustpilot .text-wrapper .dog-image-mobile {
          display: block;
          max-width: 130px;
          position: relative;
          top: 48px; } }
      @media screen and (max-width: 400px) {
        .trustpilot .text-wrapper .dog-image-mobile {
          display: block;
          max-width: 130px;
          position: relative;
          top: 84px; } }
      @media screen and (max-width: 389px) {
        .trustpilot .text-wrapper .dog-image-mobile {
          display: block;
          max-width: 130px;
          position: relative;
          top: -30px !important;
          margin-bottom: -30px; } }
  .trustpilot .trustpilot-logo-mobile {
    display: none; }
    @media screen and (max-width: 1209px) {
      .trustpilot .trustpilot-logo-mobile {
        display: block;
        margin: 0px auto;
        position: relative;
        top: 28px;
        margin-left: 15px; } }
    @media screen and (max-width: 540px) {
      .trustpilot .trustpilot-logo-mobile {
        display: block;
        margin: 0px auto;
        position: relative;
        top: 31px;
        margin-left: 25px; } }
    @media screen and (max-width: 540px) {
      .trustpilot .trustpilot-logo-mobile {
        top: 51px; } }
    @media screen and (max-width: 450px) {
      .trustpilot .trustpilot-logo-mobile {
        top: 22px;
        margin-left: 15px; } }
    @media screen and (max-width: 400px) {
      .trustpilot .trustpilot-logo-mobile {
        top: 50px; } }
    @media screen and (max-width: 389px) {
      .trustpilot .trustpilot-logo-mobile {
        top: 50px;
        margin-left: auto;
        margin-right: 30px; } }
  .trustpilot figure {
    width: 200px;
    display: inline; }
    .trustpilot figure img {
      width: 100%;
      height: 170px; }
  .trustpilot .text {
    padding: 30px;
    display: inline; }
    @media screen and (max-width: 450px) {
      .trustpilot .text {
        padding: 20px; } }
    .trustpilot .text h3 {
      margin: 0;
      color: #00b67a;
      font-size: 28px;
      font-weight: 500;
      margin-top: -5px;
      margin-bottom: 5px; }
      @media screen and (max-width: 730px) {
        .trustpilot .text h3 {
          display: none; } }
    .trustpilot .text p {
      margin: 0;
      line-height: 36px;
      font-size: 14px; }
      @media screen and (max-width: 1350px) {
        .trustpilot .text p {
          font-size: 13px; } }
      .trustpilot .text p .light-gray-text {
        color: #b5b5b5; }
  .trustpilot .reviews {
    width: 29%;
    text-align: right;
    display: flex;
    align-content: center;
    justify-content: space-between; }
    @media screen and (max-width: 890px) {
      .trustpilot .reviews {
        width: 100%;
        margin-top: 30px;
        justify-content: space-around; } }
    .trustpilot .reviews a {
      cursor: pointer;
      color: #3A3A3A;
      position: relative;
      font-size: 14px; }
      @media screen and (max-width: 390px) {
        .trustpilot .reviews a {
          font-size: 14px; } }
      @media screen and (max-width: 375px) {
        .trustpilot .reviews a {
          font-size: 13px; } }
      @media screen and (max-width: 350px) {
        .trustpilot .reviews a {
          text-align: center;
          font-size: 14px; } }
      .trustpilot .reviews a:hover .icon {
        left: 11px; }
    .trustpilot .reviews a strong {
      color: #00b67a;
      font-weight: 500; }
    .trustpilot .reviews .trustpilot-logo {
      top: 4px;
      position: relative; }
    .trustpilot .reviews .icon {
      top: 6px;
      left: 6px;
      color: #00b67a;
      position: relative;
      transition: all 300ms; }

.two-blocks {
  margin-top: 100px; }
  @media screen and (max-width: 950px) {
    .two-blocks {
      margin-top: 0; } }
  @media screen and (max-width: 950px) {
    .two-blocks .wrapper, .two-blocks .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .two-blocks .inner-wrapper {
      flex-direction: column; } }
  .two-blocks .deal-of-the-day {
    width: 45%;
    display: flex;
    height: 320px;
    padding-top: 80px;
    padding-bottom: 20px;
    position: relative;
    padding-left: 20px;
    background: #F5F5F5;
    box-sizing: border-box;
    border-radius: 5px; }
    @media screen and (max-width: 1080px) {
      .two-blocks .deal-of-the-day {
        width: 47%; } }
    @media screen and (max-width: 950px) {
      .two-blocks .deal-of-the-day {
        margin-bottom: 50px;
        width: 100%; } }
    @media screen and (max-width: 414px) {
      .two-blocks .deal-of-the-day {
        margin-bottom: 20px; } }
    .two-blocks .deal-of-the-day .daggoe-background {
      right: 0;
      bottom: 0;
      position: absolute;
      max-width: 120px; }
      @media screen and (max-width: 1080px) {
        .two-blocks .deal-of-the-day .daggoe-background {
          display: none;
          visibility: hidden; } }
    .two-blocks .deal-of-the-day .product-image-wrapper {
      padding: 10px;
      box-sizing: border-box;
      background: #fff;
      width: 280px;
      height: 190px;
      max-width: 150px;
      border-radius: 5px;
      border: 1px solid #efefef;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
      @media screen and (max-width: 390px) {
        .two-blocks .deal-of-the-day .product-image-wrapper {
          max-width: 130px; } }
      .two-blocks .deal-of-the-day .product-image-wrapper .product-image {
        display: block;
        margin: 0 auto;
        max-width: 80%;
        height: fit-content; }
    .two-blocks .deal-of-the-day .product-text-wrapper {
      padding-left: 30px;
      padding-right: 30px; }
      @media screen and (max-width: 1080px) {
        .two-blocks .deal-of-the-day .product-text-wrapper {
          margin-top: -10px; } }
      @media screen and (max-width: 950px) {
        .two-blocks .deal-of-the-day .product-text-wrapper {
          margin-top: 0; } }
      .two-blocks .deal-of-the-day .product-text-wrapper .title {
        margin-top: 0;
        color: #3A3A3A;
        line-height: 36px;
        font-size: 14px; }
        @media screen and (max-width: 950px) {
          .two-blocks .deal-of-the-day .product-text-wrapper .title {
            max-width: 250px; } }
        @media screen and (max-width: 520px) {
          .two-blocks .deal-of-the-day .product-text-wrapper .title {
            font-size: 14px; } }
        @media screen and (max-width: 350px) {
          .two-blocks .deal-of-the-day .product-text-wrapper .title {
            line-height: 21px; } }
      .two-blocks .deal-of-the-day .product-text-wrapper .price {
        margin-top: 0;
        font-size: 30px;
        font-weight: 500;
        color: #FA7171;
        display: inline-block; }
      .two-blocks .deal-of-the-day .product-text-wrapper .old-price {
        top: -5px;
        color: #B5B5B5;
        display: inline;
        margin-left: 10px;
        position: relative;
        text-decoration: line-through; }
      .two-blocks .deal-of-the-day .product-text-wrapper a {
        display: block;
        font-weight: 500;
        margin-top: -10px;
        color: #FA7171;
        transition: all 300ms; }
        @media screen and (max-width: 520px) {
          .two-blocks .deal-of-the-day .product-text-wrapper a {
            display: none; } }
        .two-blocks .deal-of-the-day .product-text-wrapper a svg {
          top: 5px;
          margin-left: 10px;
          position: relative;
          transition: all 300ms;
          left: 0; }
        .two-blocks .deal-of-the-day .product-text-wrapper a:hover {
          color: #DE6565; }
          .two-blocks .deal-of-the-day .product-text-wrapper a:hover svg {
            left: 5px; }
    .two-blocks .deal-of-the-day .notch {
      color: #FA7171;
      box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1); }
      .two-blocks .deal-of-the-day .notch .time {
        right: 10px;
        position: absolute; }
      .two-blocks .deal-of-the-day .notch p {
        display: inline-block; }
        .two-blocks .deal-of-the-day .notch p:first-child {
          font-weight: 500; }
          .two-blocks .deal-of-the-day .notch p:first-child svg {
            top: 2px;
            height: 16px;
            position: relative;
            margin-right: 15px; }
  .two-blocks .customer-service {
    width: 45%;
    height: 320px;
    padding-top: 80px;
    position: relative;
    padding-bottom: 20px;
    box-sizing: border-box;
    background-size: cover !important;
    background-image: url("/wp-content/uploads/2021/11/klantenservice-banner.png");
    background-repeat: no-repeat;
    background-position: -25px;
    border-radius: 5px; }
    @media screen and (max-width: 1080px) {
      .two-blocks .customer-service {
        width: 47%; } }
    @media screen and (max-width: 950px) {
      .two-blocks .customer-service {
        width: 100%;
        background-position: 0; } }
    @media screen and (max-width: 520px) {
      .two-blocks .customer-service {
        background-position: -10px; } }
    .two-blocks .customer-service .notch {
      font-weight: 500;
      text-align: center;
      color: #b9c725;
      box-shadow: 0px 10px 30px -10px rgba(0, 0, 0, 0.1); }
      .two-blocks .customer-service .notch a {
        top: -7px;
        position: relative;
        transition: all 300ms; }
        .two-blocks .customer-service .notch a svg {
          top: 5px;
          left: 5px;
          margin-left: 5px;
          position: relative;
          transition: all 300ms; }
        .two-blocks .customer-service .notch a:hover {
          color: #A5B214; }
          .two-blocks .customer-service .notch a:hover svg {
            left: 10px !important; }
    .two-blocks .customer-service .text {
      color: #fff;
      font-size: 30px;
      margin-left: 40%;
      font-weight: 500;
      line-height: 60px; }
      @media screen and (max-width: 1080px) {
        .two-blocks .customer-service .text {
          margin-left: 45%; } }
      @media screen and (max-width: 950px) {
        .two-blocks .customer-service .text {
          margin-left: 49%; } }
      @media screen and (max-width: 880px) {
        .two-blocks .customer-service .text {
          margin-left: 47%; } }
      @media screen and (max-width: 805px) {
        .two-blocks .customer-service .text {
          margin-left: 44%; } }
      @media screen and (max-width: 740px) {
        .two-blocks .customer-service .text {
          margin-left: 41%; } }
      @media screen and (max-width: 680px) {
        .two-blocks .customer-service .text {
          margin-left: 38%; } }
      @media screen and (max-width: 630px) {
        .two-blocks .customer-service .text {
          margin-left: 40%; } }
      @media screen and (max-width: 580px) {
        .two-blocks .customer-service .text {
          margin-left: 50%; } }
      @media screen and (max-width: 414px) {
        .two-blocks .customer-service .text {
          margin-left: 57%;
          margin-top: 13%; } }
      @media screen and (max-width: 350px) {
        .two-blocks .customer-service .text {
          display: none; } }
      @media screen and (max-width: 1080px) {
        .two-blocks .customer-service .text p {
          line-height: 39px; } }
      @media screen and (max-width: 630px) {
        .two-blocks .customer-service .text p {
          font-size: 24px;
          line-height: 30px; } }
      @media screen and (max-width: 414px) {
        .two-blocks .customer-service .text p {
          font-size: 20px;
          line-height: 30px; } }
      @media screen and (max-width: 350px) {
        .two-blocks .customer-service .text p {
          display: none; } }
      .two-blocks .customer-service .text .right-text {
        margin-left: 45px; }
        @media screen and (max-width: 950px) {
          .two-blocks .customer-service .text .right-text {
            margin-left: 80px; } }
        @media screen and (max-width: 630px) {
          .two-blocks .customer-service .text .right-text {
            margin-left: 0;
            display: block; } }

.notch {
  top: 0;
  left: 0;
  right: 0;
  width: 40%;
  min-width: 240px;
  height: 50px;
  padding: 14px;
  background: #fff;
  color: #FA7171;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  box-sizing: border-box;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .notch p {
    margin: 0; }

.wall-of-fame {
  margin: 100px 0; }
  @media screen and (max-width: 800px) {
    .wall-of-fame {
      margin: 20px 0; } }
  .wall-of-fame .ux-hint {
    left: 20px; }
  .wall-of-fame h3 {
    font-size: 30px;
    font-weight: 500;
    color: #b9c725; }
    @media screen and (max-width: 1024px) {
      .wall-of-fame h3 {
        font-size: 20px; } }
    .wall-of-fame h3 span {
      color: #f5f5f5; }
  @media screen and (max-width: 724px) {
    .wall-of-fame .wall-of-fame-h3 {
      display: none; } }
  .wall-of-fame .wrapper, .wall-of-fame .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .wall-of-fame .inner-wrapper {
    position: relative; }
  .wall-of-fame .images-mobile {
    display: none; }
    @media screen and (max-width: 800px) {
      .wall-of-fame .images-mobile {
        display: flex;
        width: 100%;
        max-width: 100%;
        overflow-x: scroll;
        height: 200px;
        z-index: 1; }
        .wall-of-fame .images-mobile img {
          margin-right: 20px;
          border-radius: 5px; }
          .wall-of-fame .images-mobile img:last-of-type {
            margin-right: 0; } }
  .wall-of-fame .images {
    display: flex;
    margin-top: 50px;
    position: relative; }
    @media screen and (max-width: 800px) {
      .wall-of-fame .images {
        display: none; } }
    .wall-of-fame .images img {
      margin-bottom: 20px;
      border-radius: 5px;
      max-width: 100%; }
      .wall-of-fame .images img:last-child {
        margin-bottom: 0; }
    .wall-of-fame .images div {
      padding-left: 10px;
      padding-right: 10px; }
      .wall-of-fame .images div:first-child {
        width: 10%;
        padding-top: 55px; }
      .wall-of-fame .images div:nth-child(2) {
        width: 20%;
        text-align: right; }
        .wall-of-fame .images div:nth-child(2) img {
          width: 50%; }
          .wall-of-fame .images div:nth-child(2) img:nth-child(2) {
            width: 100%; }
      .wall-of-fame .images div:nth-child(3) {
        width: 20%;
        padding-top: 70px; }
        .wall-of-fame .images div:nth-child(3) img:nth-child(2) {
          width: 50%; }
      .wall-of-fame .images div:nth-child(4) {
        width: 10%;
        padding-top: 70px; }
      .wall-of-fame .images div:nth-child(5) {
        text-align: right;
        width: 30%; }
        .wall-of-fame .images div:nth-child(5) img {
          width: 30%; }
          .wall-of-fame .images div:nth-child(5) img:first-child {
            margin-right: 15px; }
          .wall-of-fame .images div:nth-child(5) img:last-child {
            width: 100%; }
      .wall-of-fame .images div:nth-child(6) {
        width: 10%;
        padding-top: 25px; }
  .wall-of-fame .pawprint-background {
    position: absolute; }
    @media screen and (max-width: 800px) {
      .wall-of-fame .pawprint-background {
        display: none; } }
    .wall-of-fame .pawprint-background:first-child {
      top: 100px;
      left: 190px; }
    .wall-of-fame .pawprint-background:nth-child(2) {
      bottom: -60px;
      right: 80px;
      transform: rotateZ(55deg); }

body {
  font-size: 14px; }
  body .search-overlay {
    background: rgba(0, 0, 0, 0); }

body.has-overlay-active {
  display: inline; }
  body.has-overlay-active .search-overlay:before {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.05);
    top: 0;
    left: 0;
    position: fixed;
    display: inline;
    content: ''; }

::selection {
  background: #b9c725;
  color: white; }

::-moz-selection {
  background: #b9c725;
  color: white; }

@media screen and (max-width: 1024px) {
  .yes-js {
    margin-top: 0 !important; }
  #wpadminbar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important; } }

.navigation-mobile {
  display: none; }
  @media screen and (max-width: 1024px) {
    .navigation-mobile {
      width: 100vw;
      position: absolute;
      top: 135px;
      overflow-y: scroll;
      background: white;
      display: none;
      transition: all 500ms;
      opacity: 0;
      visibility: hidden;
      z-index: -10;
      overflow-x: hidden; }
      .navigation-mobile .category-primary-item {
        width: 100%;
        height: 80px;
        border-bottom: 1px solid #EFEFEF;
        box-sizing: border-box;
        padding: 20px;
        color: #3A3A3A;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        background: white; }
        .navigation-mobile .category-primary-item .category-icon {
          margin-right: 20px; }
        .navigation-mobile .category-primary-item .category-chevron {
          color: #b9c725;
          height: 24px;
          position: absolute;
          right: 20px; }
        .navigation-mobile .category-primary-item .text-wrapper {
          display: flex;
          flex-direction: column; }
          .navigation-mobile .category-primary-item .text-wrapper span {
            font-size: 12px;
            margin-top: 5px; }
      .navigation-mobile .see-all-products {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 80px;
        border-top: 1px solid #EFEFEF;
        box-sizing: border-box;
        padding: 20px;
        color: #3A3A3A;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        align-content: center;
        background: white; }
        .navigation-mobile .see-all-products .category-icon {
          margin-right: 20px; }
        .navigation-mobile .see-all-products .category-chevron {
          color: #b9c725;
          height: 24px;
          position: absolute;
          right: 20px; }
        .navigation-mobile .see-all-products .text-wrapper {
          display: flex;
          flex-direction: column; }
          .navigation-mobile .see-all-products .text-wrapper span {
            font-size: 12px;
            margin-top: 5px; }
      .navigation-mobile input[type="checkbox"] {
        opacity: 0;
        height: 0;
        position: absolute;
        visibility: hidden; }
      .navigation-mobile input:checked + .category-sub {
        left: 0; }
      .navigation-mobile .category-sub {
        width: 100vw;
        z-index: 1;
        background: white;
        position: fixed;
        overflow-y: scroll;
        left: 100vw;
        top: 190px; }
        .navigation-mobile .category-sub .return-to-primary {
          width: 100%;
          height: 80px;
          border-bottom: 1px solid #EFEFEF;
          box-sizing: border-box;
          margin-top: -2px;
          padding: 20px;
          color: #3A3A3A;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center;
          align-content: center;
          background: white;
          position: fixed; }
        .navigation-mobile .category-sub .return-to-primary-chevron {
          color: #b9c725;
          height: 24px;
          margin-right: 10px; }
        .navigation-mobile .category-sub .letter-group:first-of-type {
          margin-top: 85px;
          padding-top: 20px; }
        .navigation-mobile .category-sub .letter-group.is-scrolled:first-of-type {
          margin-top: 30px !important;
          padding-top: 20px; }
        .navigation-mobile .category-sub .letter-group {
          padding-bottom: 20px;
          padding-left: 20px;
          padding-right: 20px; }
          .navigation-mobile .category-sub .letter-group:last-of-type {
            margin-bottom: 70px; }
          .navigation-mobile .category-sub .letter-group span {
            width: 100%;
            display: block;
            font-weight: 500;
            margin-bottom: 20px;
            font-size: 14px; }
          .navigation-mobile .category-sub .letter-group .category-secundary-item {
            text-decoration: none;
            -webkit-appearance: none;
            color: #3A3A3A;
            display: flex;
            margin: 20px 0;
            font-size: 14px; } }

.navigation-mobile.is-active {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  visibility: visible;
  opacity: 1;
  background: #F5F5F5; }

.navigation-mobile .category-group {
  margin-bottom: 50px; }

.website-header {
  height: 90px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  color: #3A3A3A;
  font-size: 14px;
  background: white;
  position: sticky;
  top: 0;
  z-index: 20;
  /* Mobiele search */
  /* Einde mobiele search */ }
  @media (max-width: 1024px) {
    .website-header {
      height: 135px; } }
  .website-header strong {
    font-weight: 500; }
  .website-header a:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important; }
  .website-header .wrapper, .website-header .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .website-header .inner-wrapper {
    width: 100%;
    display: flex;
    margin: 0 auto;
    flex-wrap: nowrap;
    max-width: 1300px;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    z-index: -1; }
    @media (max-width: 1350px) {
      .website-header .wrapper, .website-header .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .website-header .inner-wrapper {
        max-width: calc(100% - 100px); } }
    @media (max-width: 1024px) {
      .website-header .wrapper, .website-header .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .website-header .inner-wrapper {
        justify-content: start; } }
    @media screen and (max-width: 1024px) {
      .website-header .wrapper, .website-header .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .website-header .inner-wrapper {
        max-width: calc(100% - 40px); } }
    .website-header .wrapper .logo, .website-header .category-slider-wrapper .inner-wrapper .logo, .category-slider-wrapper .website-header .inner-wrapper .logo {
      margin-right: 40px; }
      @media (max-width: 1024px) {
        .website-header .wrapper .logo, .website-header .category-slider-wrapper .inner-wrapper .logo, .category-slider-wrapper .website-header .inner-wrapper .logo {
          margin-right: 0px;
          margin-left: 30px; } }
      @media screen and (max-width: 770px) {
        .website-header .wrapper .logo img, .website-header .category-slider-wrapper .inner-wrapper .logo img, .category-slider-wrapper .website-header .inner-wrapper .logo img {
          max-width: 177px; } }
      @media screen and (max-width: 400px) {
        .website-header .wrapper .logo img, .website-header .category-slider-wrapper .inner-wrapper .logo img, .category-slider-wrapper .website-header .inner-wrapper .logo img {
          max-width: 150px;
          margin-bottom: 11px;
          position: relative;
          top: 4px; } }
      @media screen and (max-width: 380px) {
        .website-header .wrapper .logo img, .website-header .category-slider-wrapper .inner-wrapper .logo img, .category-slider-wrapper .website-header .inner-wrapper .logo img {
          max-width: 140px;
          margin-bottom: 11px;
          position: relative;
          top: 4px; } }
      @media screen and (max-width: 365px) {
        .website-header .wrapper .logo img, .website-header .category-slider-wrapper .inner-wrapper .logo img, .category-slider-wrapper .website-header .inner-wrapper .logo img {
          max-width: 130px;
          margin-bottom: 16px;
          position: relative;
          top: 6px;
          left: -5px; } }
      @media screen and (max-width: 320px) {
        .website-header .wrapper .logo img, .website-header .category-slider-wrapper .inner-wrapper .logo img, .category-slider-wrapper .website-header .inner-wrapper .logo img {
          max-width: 80px;
          margin-bottom: 25px;
          position: relative;
          top: 12px;
          left: 0; } }
  .website-header .yith-s {
    z-index: 999999999;
    position: static; }
  .website-header #yith-s.has-overlay-active {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background-position: 470px center !important; }
    @media (max-width: 1350px) {
      .website-header #yith-s.has-overlay-active {
        background-position: 370px center !important; } }
    @media (max-width: 1024px) {
      .website-header #yith-s.has-overlay-active {
        background-position: 89% center !important;
        border-bottom-left-radius: 5px !important;
        border-bottom-right-radius: 5px !important; } }
    @media (max-width: 800px) {
      .website-header #yith-s.has-overlay-active {
        background-position: 85% center !important; } }
    @media (max-width: 600px) {
      .website-header #yith-s.has-overlay-active {
        background-position: 83% center !important; } }
    @media (max-width: 500px) {
      .website-header #yith-s.has-overlay-active {
        background-position: 120% center !important; } }
  .website-header .search-wrapper {
    position: relative;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    @media (max-width: 1024px) {
      .website-header .search-wrapper {
        display: none; } }
    .website-header .search-wrapper #yith-ajaxsearchform {
      margin: 0;
      height: 51px; }
    .website-header .search-wrapper .voice-search {
      position: absolute !important;
      color: #b9c725;
      top: -1px !important;
      height: 20px;
      right: -4px;
      cursor: pointer;
      left: auto !important;
      display: none;
      transition: all 100ms; }
      .website-header .search-wrapper .voice-search:hover {
        color: #A5B214; }
    .website-header .search-wrapper .voice-search-active {
      position: absolute !important;
      color: #A5B214;
      top: -1px !important;
      height: 20px;
      right: 2px;
      cursor: pointer;
      left: auto !important;
      transition: all 100ms;
      visibility: hidden; }
      .website-header .search-wrapper .voice-search-active:hover {
        color: #A5B214; }
    .website-header .search-wrapper .voice-search-active-show {
      visibility: visible !important; }
    .website-header .search-wrapper .were-listening-show {
      visibility: visible !important;
      opacity: 1 !important; }
    .website-header .search-wrapper #wave {
      height: 36px;
      width: 240px;
      top: 16px;
      min-width: 40px;
      padding-right: 195px;
      box-sizing: border-box;
      left: 35px;
      background: white;
      position: absolute;
      fill: #b9c725;
      visibility: hidden;
      opacity: 0;
      transition: all 300ms; }
    .website-header .search-wrapper .wave-is-active {
      visibility: visible !important;
      opacity: 1 !important; }
    .website-header .search-wrapper #were-listening {
      position: absolute;
      left: 80px;
      top: 17px;
      font-size: 14px;
      color: #b5b5b5;
      visibility: hidden;
      opacity: 0;
      transition: all 300ms; }
    .website-header .search-wrapper #Line_1 {
      animation: pulse 1s infinite;
      animation-delay: 0.15s; }
    .website-header .search-wrapper #Line_2 {
      animation: pulse 1s infinite;
      animation-delay: 0.3s; }
    .website-header .search-wrapper #Line_3 {
      animation: pulse 1s infinite;
      animation-delay: 0.45s; }
    .website-header .search-wrapper #Line_4 {
      animation: pulse 1s infinite;
      animation-delay: 0.6s; }
    .website-header .search-wrapper #Line_5 {
      animation: pulse 1s infinite;
      animation-delay: 0.75s; }
    .website-header .search-wrapper #Line_6 {
      animation: pulse 1s infinite;
      animation-delay: 0.9s; }
    .website-header .search-wrapper #Line_7 {
      animation: pulse 1s infinite;
      animation-delay: 1.05s; }
    .website-header .search-wrapper #Line_8 {
      animation: pulse 1s infinite;
      animation-delay: 1.2s; }
    .website-header .search-wrapper #Line_9 {
      animation: pulse 1s infinite;
      animation-delay: 1.35s; }

@keyframes pulse {
  0% {
    transform: scaleY(1);
    transform-origin: 50% 50%; }
  50% {
    transform: scaleY(0.7);
    transform-origin: 50% 50%; }
  100% {
    transform: scaleY(1);
    transform-origin: 50% 50%; } }
    .website-header .search-wrapper .feather {
      position: relative;
      top: -2px;
      z-index: 2; }
    .website-header .search-wrapper .button-shape-background g {
      transition: all 100ms; }
    .website-header .search-wrapper .yith-s {
      height: 50px;
      min-width: 550px;
      font-size: 14px;
      padding-left: 15px;
      -webkit-appearance: none !important;
      font-family: "Cocogoose", sans-serif;
      border: 1px solid #efefef;
      border-radius: 5px; }
      @media screen and (max-width: 1350px) {
        .website-header .search-wrapper .yith-s {
          min-width: 450px; } }
      @media screen and (max-width: 1025px) {
        .website-header .search-wrapper .yith-s {
          width: calc(100vw - 40px);
          margin-left: 10px;
          min-width: 200px; } }
      @media screen and (max-width: 365px) {
        .website-header .search-wrapper .yith-s {
          font-size: 12px; } }
      .website-header .search-wrapper .yith-s::placeholder {
        color: #b5b5b5; }
    .website-header .search-wrapper input[type=search]::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    .website-header .search-wrapper input[type=search]::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .website-header .search-wrapper input[type="search"]::-webkit-search-decoration,
    .website-header .search-wrapper input[type="search"]::-webkit-search-cancel-button,
    .website-header .search-wrapper input[type="search"]::-webkit-search-results-button,
    .website-header .search-wrapper input[type="search"]::-webkit-search-results-decoration {
      display: none; }
    .website-header .search-wrapper .yith-ajaxsearchform-container button {
      position: relative;
      background: none;
      border: none;
      cursor: pointer;
      text-align: center;
      color: white;
      height: 38px;
      width: 39px;
      left: -49px;
      top: 8px; }
      .website-header .search-wrapper .yith-ajaxsearchform-container button:hover .button-shape-background g {
        fill: #A5B214 !important; }
      @media screen and (max-width: 1024px) {
        .website-header .search-wrapper .yith-ajaxsearchform-container button {
          position: absolute;
          background: none;
          border: none;
          cursor: pointer;
          text-align: center;
          color: white;
          height: 38px;
          width: 39px;
          right: 24px;
          top: 18px;
          left: auto; } }
    .website-header .search-wrapper svg {
      position: absolute;
      right: 0;
      top: -1px; }
    .website-header .search-wrapper .search-collapse {
      display: none;
      width: 548px;
      margin-left: 1px;
      background: #fff;
      overflow-x: hidden;
      position: absolute;
      box-sizing: border-box;
      border-top-left-radius: 0;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -webkit-box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
      outline: none; }
      @media screen and (max-width: 1350px) {
        .website-header .search-wrapper .search-collapse {
          width: 100%;
          max-width: 448px; } }
      @media screen and (max-width: 1024px) {
        .website-header .search-wrapper .search-collapse {
          display: block;
          margin-top: 11px;
          position: absolute;
          left: 0;
          width: 100vw; } }
      .website-header .search-wrapper .search-collapse .interesting-for-you {
        padding: 7px 15px; }
        .website-header .search-wrapper .search-collapse .interesting-for-you a {
          color: #3A3A3A; }
      .website-header .search-wrapper .search-collapse .product-of-the-week .product-image-wrapper {
        white-space: nowrap; }
        .website-header .search-wrapper .search-collapse .product-of-the-week .product-image-wrapper .helper {
          height: 100%;
          display: inline-block;
          vertical-align: middle; }
        .website-header .search-wrapper .search-collapse .product-of-the-week .product-image-wrapper figure {
          margin: 0;
          padding: 15px;
          width: 120px;
          height: 120px;
          background: #F5F5F5;
          box-sizing: border-box;
          border-radius: 5px;
          border: 1px solid #efefef;
          margin-right: 20px;
          margin-bottom: 10px; }
        .website-header .search-wrapper .search-collapse .product-of-the-week .product-image-wrapper img {
          max-width: 100%;
          vertical-align: middle;
          mix-blend-mode: multiply;
          position: relative;
          left: -5px; }
      .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper .price {
        color: #3A3A3A;
        font-size: 28px;
        font-weight: 500;
        display: inline-block;
        cursor: default;
        margin: 0; }
      .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper a {
        font-weight: 500;
        color: #b9c725;
        transition: all 300ms;
        left: 20px;
        top: -5px;
        position: relative; }
        @media screen and (max-width: 1024px) {
          .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper a {
            display: none; } }
        .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper a:hover {
          color: #A5B214; }
          .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper a:hover svg {
            transform: translateX(5px); }
        .website-header .search-wrapper .search-collapse .product-of-the-week .product-text-wrapper a svg {
          position: relative;
          top: 6px;
          left: 10px;
          transition: all 300ms; }
      .website-header .search-wrapper .search-collapse .title {
        font-size: 14px;
        font-weight: 500; }
      .website-header .search-wrapper .search-collapse .product-of-the-week {
        padding: 7px 15px;
        border-top: 1px solid #EFEFEF; }
        @media screen and (max-width: 1024px) {
          .website-header .search-wrapper .search-collapse .product-of-the-week {
            padding: 7px 20px; } }
        .website-header .search-wrapper .search-collapse .product-of-the-week .name {
          margin-top: 5px; }
        .website-header .search-wrapper .search-collapse .product-of-the-week .has-discount {
          color: #FA7171 !important; }
          .website-header .search-wrapper .search-collapse .product-of-the-week .has-discount span {
            font-weight: 400;
            font-size: 14px;
            color: #B5B5B5;
            margin-left: 15px;
            text-decoration: line-through;
            position: relative;
            top: -4px;
            display: none; }
      .website-header .search-wrapper .search-collapse .searched-before {
        padding: 7px 15px 15px 15px; }
        .website-header .search-wrapper .search-collapse .searched-before a {
          display: block;
          line-height: 34px;
          color: #3a3a3a;
          cursor: pointer; }
          .website-header .search-wrapper .search-collapse .searched-before a:hover {
            text-decoration: underline; }
      .website-header .search-wrapper .search-collapse .swiper-button-disabled {
        display: none; }
      .website-header .search-wrapper .search-collapse .search-buttons {
        top: 111px;
        z-index: 2;
        width: 100%;
        position: absolute; }
        .website-header .search-wrapper .search-collapse .search-buttons button {
          left: -15px !important; }
        .website-header .search-wrapper .search-collapse .search-buttons .search-slide-button {
          z-index: 1;
          border: none;
          height: 50px;
          width: 36px;
          background: #fff;
          position: absolute;
          color: #b9c725;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
          .website-header .search-wrapper .search-collapse .search-buttons .search-slide-button svg {
            top: 0;
            left: 1px;
            width: 20px; }
        .website-header .search-wrapper .search-collapse .search-buttons .search-left-slide-button {
          left: -15px;
          top: 15px;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
          .website-header .search-wrapper .search-collapse .search-buttons .search-left-slide-button svg {
            left: 0 !important;
            right: 1px !important; }
        .website-header .search-wrapper .search-collapse .search-buttons .search-right-slide-button {
          right: 15px;
          top: 15px;
          left: auto !important;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
      .website-header .search-wrapper .search-collapse .search-slider-wrapper .swiper-slide {
        width: 200px; }
      .website-header .search-wrapper .search-collapse .search-slider-wrapper .category {
        width: 180px;
        margin-left: 20px;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #d8d8d8;
        border-radius: 5px;
        transition: all 100ms; }
        .website-header .search-wrapper .search-collapse .search-slider-wrapper .category:hover {
          transform: scale(1.03); }
        .website-header .search-wrapper .search-collapse .search-slider-wrapper .category figure {
          margin: 0;
          width: 100%;
          height: 130px;
          white-space: nowrap;
          background: #f5f5f5;
          box-sizing: border-box;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          cursor: pointer; }
          .website-header .search-wrapper .search-collapse .search-slider-wrapper .category figure .helper {
            height: 100%;
            display: inline-block;
            vertical-align: middle; }
          .website-header .search-wrapper .search-collapse .search-slider-wrapper .category figure img {
            max-height: 70px;
            vertical-align: middle; }
        .website-header .search-wrapper .search-collapse .search-slider-wrapper .category:first-child {
          margin-left: 0; }
  @media (max-width: 1024px) {
    .website-header .search-overlay {
      display: none;
      visibility: hidden;
      opacity: 0; } }
  .website-header .search-wrapper-mobile {
    position: relative;
    background: #F5F5F5;
    width: 100vw;
    border-bottom: 1px solid #efefef;
    box-sizing: border-box;
    padding: 10px 20px;
    top: 12px;
    z-index: -2;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    @media (min-width: 1024px) {
      .website-header .search-wrapper-mobile {
        display: none; } }
    .website-header .search-wrapper-mobile #yith-ajaxsearchform {
      margin: 0;
      height: 51px; }
    .website-header .search-wrapper-mobile .voice-search {
      position: absolute !important;
      color: #b9c725;
      top: -1px !important;
      height: 20px;
      right: -7px;
      cursor: pointer;
      left: auto !important;
      transition: all 100ms; }
      .website-header .search-wrapper-mobile .voice-search:hover {
        color: #A5B214; }
    .website-header .search-wrapper-mobile .voice-search-active {
      position: absolute !important;
      color: #A5B214;
      top: -1px !important;
      height: 20px;
      right: -2px;
      cursor: pointer;
      left: auto !important;
      transition: all 100ms;
      visibility: hidden;
      display: none; }
      .website-header .search-wrapper-mobile .voice-search-active:hover {
        color: #A5B214; }
    .website-header .search-wrapper-mobile .voice-search-active-show {
      visibility: visible !important; }
    .website-header .search-wrapper-mobile .were-listening-show {
      visibility: visible !important;
      opacity: 1 !important; }
    .website-header .search-wrapper-mobile #wave {
      height: 36px;
      width: 240px;
      top: 16px;
      min-width: 40px;
      padding-right: 195px;
      box-sizing: border-box;
      left: 35px;
      background: white;
      position: absolute;
      fill: #b9c725;
      visibility: hidden;
      opacity: 0;
      transition: all 300ms; }
    .website-header .search-wrapper-mobile .wave-is-active {
      visibility: visible !important;
      opacity: 1 !important; }
    .website-header .search-wrapper-mobile #were-listening {
      position: absolute;
      left: 95px;
      top: 26px;
      font-size: 14px;
      color: #b5b5b5;
      visibility: hidden;
      opacity: 0;
      transition: all 300ms; }
    .website-header .search-wrapper-mobile #Line_1 {
      animation: pulse 1s infinite;
      animation-delay: 0.15s; }
    .website-header .search-wrapper-mobile #Line_2 {
      animation: pulse 1s infinite;
      animation-delay: 0.3s; }
    .website-header .search-wrapper-mobile #Line_3 {
      animation: pulse 1s infinite;
      animation-delay: 0.45s; }
    .website-header .search-wrapper-mobile #Line_4 {
      animation: pulse 1s infinite;
      animation-delay: 0.6s; }
    .website-header .search-wrapper-mobile #Line_5 {
      animation: pulse 1s infinite;
      animation-delay: 0.75s; }
    .website-header .search-wrapper-mobile #Line_6 {
      animation: pulse 1s infinite;
      animation-delay: 0.9s; }
    .website-header .search-wrapper-mobile #Line_7 {
      animation: pulse 1s infinite;
      animation-delay: 1.05s; }
    .website-header .search-wrapper-mobile #Line_8 {
      animation: pulse 1s infinite;
      animation-delay: 1.2s; }
    .website-header .search-wrapper-mobile #Line_9 {
      animation: pulse 1s infinite;
      animation-delay: 1.35s; }

@keyframes pulse {
  0% {
    transform: scaleY(1);
    transform-origin: 50% 50%; }
  50% {
    transform: scaleY(0.7);
    transform-origin: 50% 50%; }
  100% {
    transform: scaleY(1);
    transform-origin: 50% 50%; } }
    .website-header .search-wrapper-mobile .feather {
      position: relative;
      top: -2px;
      z-index: 2; }
    .website-header .search-wrapper-mobile .button-shape-background g {
      transition: all 100ms; }
    .website-header .search-wrapper-mobile .yith-s {
      height: 50px;
      min-width: 550px;
      font-size: 14px;
      padding-left: 15px;
      -webkit-appearance: none !important;
      font-family: "Cocogoose", sans-serif;
      border: 1px solid #efefef;
      border-radius: 5px; }
      @media screen and (max-width: 1024px) {
        .website-header .search-wrapper-mobile .yith-s {
          width: calc(100vw - 40px);
          min-width: 200px; } }
      @media screen and (max-width: 365px) {
        .website-header .search-wrapper-mobile .yith-s {
          font-size: 12px; } }
      .website-header .search-wrapper-mobile .yith-s::placeholder {
        color: #b5b5b5; }
    .website-header .search-wrapper-mobile input[type=search]::-ms-clear {
      display: none;
      width: 0;
      height: 0; }
    .website-header .search-wrapper-mobile input[type=search]::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .website-header .search-wrapper-mobile input[type="search"]::-webkit-search-decoration,
    .website-header .search-wrapper-mobile input[type="search"]::-webkit-search-cancel-button,
    .website-header .search-wrapper-mobile input[type="search"]::-webkit-search-results-button,
    .website-header .search-wrapper-mobile input[type="search"]::-webkit-search-results-decoration {
      display: none; }
    .website-header .search-wrapper-mobile .yith-ajaxsearchform-container button {
      position: relative;
      background: none;
      border: none;
      cursor: pointer;
      text-align: center;
      color: white;
      height: 38px;
      width: 39px;
      left: -49px;
      top: 8px; }
      .website-header .search-wrapper-mobile .yith-ajaxsearchform-container button:hover .button-shape-background g {
        fill: #A5B214 !important; }
      @media screen and (max-width: 1024px) {
        .website-header .search-wrapper-mobile .yith-ajaxsearchform-container button {
          position: absolute;
          background: none;
          border: none;
          cursor: pointer;
          text-align: center;
          color: white;
          height: 38px;
          width: 39px;
          right: 24px;
          top: 18px;
          left: auto; } }
    .website-header .search-wrapper-mobile svg {
      position: absolute;
      right: 1px;
      top: -2px; }
    .website-header .search-wrapper-mobile .search-collapse-mobile {
      display: none;
      margin-left: 1px;
      background: #fff;
      overflow-x: hidden;
      position: absolute;
      box-sizing: border-box;
      border-top-left-radius: 0;
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      -webkit-box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
      box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
      outline: none;
      position: absolute;
      left: 0;
      width: 100vw;
      margin-top: 10px; }
      @media screen and (max-width: 1024px) {
        .website-header .search-wrapper-mobile .search-collapse-mobile {
          width: 100vw;
          margin-left: 0;
          max-width: 100vw;
          height: auto;
          border-bottom: 500px solid white;
          overflow-y: scroll; } }
      .website-header .search-wrapper-mobile .search-collapse-mobile .flex-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .button-wrapper {
        position: fixed;
        bottom: 30px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: center;
        z-index: 9999 !important; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .button-wrapper .button {
          height: 40px;
          font-weight: 500;
          background: #b9c725;
          font-size: 13px;
          line-height: 40px;
          border-radius: 5px;
          color: #fff;
          display: inline-block;
          padding: 0 35px 0 40px;
          transition: all 300ms; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .button-wrapper .button svg {
            top: 5px;
            height: 20px;
            z-index: 99;
            margin-left: 10px;
            margin-right: 5px;
            position: relative;
            left: 0;
            transition: all 300ms;
            stroke-width: 3; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .button-wrapper .button:before {
            left: -10px;
            width: 16px;
            content: '';
            height: 40px;
            position: absolute;
            display: inline-block;
            background: url("../../wp-content/themes/dierenkanjer/build/images/button-before-groen.svg") no-repeat; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .button-wrapper .button:after {
            width: 40px;
            right: -10px;
            height: 40px;
            content: '';
            position: absolute;
            display: inline-block;
            background: url("../../wp-content/themes/dierenkanjer/build/images/button-after-groen.svg") no-repeat; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .interesting-for-you {
        padding: 7px 15px; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .interesting-for-you a {
          color: #3A3A3A !important; }
        @media screen and (max-width: 1024px) {
          .website-header .search-wrapper-mobile .search-collapse-mobile .interesting-for-you {
            padding: 7px 20px; } }
      .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-image-wrapper {
        white-space: nowrap; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-image-wrapper .helper {
          height: 100%;
          display: inline-block;
          vertical-align: middle; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-image-wrapper figure {
          margin: 0;
          padding: 15px;
          width: 120px;
          height: 120px;
          background: #F5F5F5;
          box-sizing: border-box;
          border-radius: 5px;
          border: 1px solid #efefef;
          margin-right: 20px;
          margin-bottom: 10px; }
          @media screen and (max-width: 375px) {
            .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-image-wrapper figure {
              width: 90px;
              height: 90px; } }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-image-wrapper img {
          max-width: 100%;
          vertical-align: middle;
          mix-blend-mode: multiply;
          position: relative;
          left: -5px; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper .price {
        color: #3A3A3A;
        font-size: 28px;
        font-weight: 500;
        display: inline-block;
        cursor: default;
        margin: 0; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper a {
        font-weight: 500;
        color: #b9c725;
        transition: all 300ms;
        left: 20px;
        top: -5px;
        position: relative; }
        @media screen and (max-width: 1024px) {
          .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper a {
            display: none; } }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper a:hover {
          color: #A5B214; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper a:hover svg {
            transform: translateX(5px); }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .product-text-wrapper a svg {
          position: relative;
          top: 6px;
          left: 10px;
          transition: all 300ms; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .title {
        font-size: 14px;
        font-weight: 500; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week {
        padding: 7px 15px;
        border-top: 1px solid #EFEFEF; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .name {
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden;
          margin-top: 5px; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .has-discount {
          color: #FA7171 !important; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week .has-discount span {
            font-weight: 400;
            font-size: 14px;
            color: #B5B5B5;
            margin-left: 15px;
            text-decoration: line-through;
            position: relative;
            top: -4px; }
        @media screen and (max-width: 1024px) {
          .website-header .search-wrapper-mobile .search-collapse-mobile .product-of-the-week {
            padding: 7px 20px; } }
      .website-header .search-wrapper-mobile .search-collapse-mobile .searched-before {
        padding: 7px 15px 15px 15px; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .searched-before a {
          display: block;
          line-height: 34px;
          color: #3a3a3a;
          cursor: pointer; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .searched-before a:hover {
            text-decoration: underline; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .swiper-button-disabled {
        display: none; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons {
        top: 111px;
        z-index: 2;
        width: 100%;
        position: absolute; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons button {
          left: -15px !important; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons .search-slide-button {
          z-index: 1;
          border: none;
          height: 50px;
          width: 36px;
          background: #fff;
          position: absolute;
          color: #b9c725;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }
          .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons .search-slide-button svg {
            top: 0;
            left: 1px;
            width: 20px; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons .search-left-slide-button {
          left: -20px !important;
          top: 15px;
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons .search-left-slide-button svg {
            left: 0 !important;
            right: 1px !important; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-buttons .search-right-slide-button {
          right: 20px;
          top: 15px;
          left: auto !important;
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .swiper-slide {
        width: 200px; }
      .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .category {
        width: 180px;
        margin-left: 20px;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #d8d8d8;
        border-radius: 5px; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .category figure {
          margin: 0;
          width: 100%;
          height: 130px;
          white-space: nowrap;
          background: #f5f5f5;
          box-sizing: border-box;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px;
          cursor: pointer; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .category figure .helper {
            height: 100%;
            display: inline-block;
            vertical-align: middle; }
          .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .category figure img {
            max-height: 70px;
            vertical-align: middle; }
        .website-header .search-wrapper-mobile .search-collapse-mobile .search-slider-wrapper .category:first-child {
          margin-left: 0; }
  .website-header .header-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    font-size: 14px;
    z-index: -1;
    position: relative;
    min-width: 400px; }
    @media (max-width: 1250px) {
      .website-header .header-info {
        min-width: auto; } }
    @media (max-width: 1024px) {
      .website-header .header-info {
        min-width: auto;
        right: 0;
        position: absolute; } }
    .website-header .header-info .user-dropdown p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 250px; }
      @media (max-width: 1253px) {
        .website-header .header-info .user-dropdown p {
          display: none; } }
    .website-header .header-info a {
      color: #3A3A3A; }
    .website-header .header-info a.log-in-text {
      color: #3A3A3A; }
      @media (max-width: 1250px) {
        .website-header .header-info a.log-in-text {
          display: none; } }
    .website-header .header-info .quick-menu #cart.active .background-cart g {
      fill: #A5B214 !important; }
    .website-header .header-info .quick-menu #user-menu.active .background-user g {
      fill: #EAEAEA !important; }
    @media screen and (max-width: 470px) {
      .website-header .header-info .quick-menu #wishlist {
        display: none; } }
    .website-header .header-info .quick-menu button {
      height: 48px;
      width: 47px;
      position: relative;
      border: 1px solid #efefef;
      border-radius: 5px;
      background: none;
      margin-left: 20px;
      cursor: pointer; }
      @media screen and (max-width: 1050px) {
        .website-header .header-info .quick-menu button {
          margin-left: 10px; } }
      .website-header .header-info .quick-menu button .user-icon {
        color: #3A3A3A; }
      .website-header .header-info .quick-menu button #order-count {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 2px;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        background: white;
        top: 7px;
        font-weight: 600;
        z-index: 4; }
      .website-header .header-info .quick-menu button .background-user g, .website-header .header-info .quick-menu button .background-wishlist g, .website-header .header-info .quick-menu button .background-cart g {
        transition: all 100ms; }
      .website-header .header-info .quick-menu button:hover .background-user g {
        fill: #EAEAEA !important; }
      .website-header .header-info .quick-menu button:hover .background-wishlist g {
        fill: #DE6565 !important; }
      .website-header .header-info .quick-menu button:hover .background-cart g {
        fill: #A5B214 !important; }
    .website-header .header-info .quick-menu .feather {
      position: absolute;
      top: 11px;
      width: 22px;
      color: white;
      right: 12px;
      z-index: 2; }
    .website-header .header-info .quick-menu .button-shape-background {
      position: relative;
      left: -3px;
      z-index: 2; }

.navigation {
  height: 60px;
  background: #F5F5F5;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: #3A3A3A;
  font-size: 14px;
  position: sticky;
  top: 90px;
  z-index: 15; }
  @media screen and (max-width: 1024px) {
    .navigation {
      display: none; } }
  .navigation .wrapper, .navigation .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .navigation .inner-wrapper {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: space-around; }
    @media (max-width: 1350px) {
      .navigation .wrapper, .navigation .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .navigation .inner-wrapper {
        max-width: calc(100% - 100px); } }
    .navigation .wrapper .left-content, .navigation .category-slider-wrapper .inner-wrapper .left-content, .category-slider-wrapper .navigation .inner-wrapper .left-content {
      font-weight: 500;
      color: #3A3A3A; }
      @media screen and (max-width: 1270px) {
        .navigation .wrapper .left-content, .navigation .category-slider-wrapper .inner-wrapper .left-content, .category-slider-wrapper .navigation .inner-wrapper .left-content {
          display: none; } }
    .navigation .wrapper .menu-content, .navigation .category-slider-wrapper .inner-wrapper .menu-content, .category-slider-wrapper .navigation .inner-wrapper .menu-content {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: center; }
      .navigation .wrapper .menu-content ul, .navigation .category-slider-wrapper .inner-wrapper .menu-content ul, .category-slider-wrapper .navigation .inner-wrapper .menu-content ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .navigation .wrapper .menu-content ul li, .navigation .category-slider-wrapper .inner-wrapper .menu-content ul li, .category-slider-wrapper .navigation .inner-wrapper .menu-content ul li {
          display: inline-block; }
      .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
        float: left;
        text-decoration: none;
        color: #3A3A3A;
        height: 57px;
        margin: 0 15px;
        line-height: 60px;
        border-bottom: 3px solid transparent;
        transition: all 100ms; }
        @media screen and (max-width: 1325px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 12px; } }
        @media screen and (max-width: 1270px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 30px 0px 0px; } }
        @media screen and (max-width: 1200px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 25px 0px 0px; } }
        @media screen and (max-width: 1150px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 22px 0px 0px; } }
        @media screen and (max-width: 1120px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 18px 0px 0px; } }
        @media screen and (max-width: 1100px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 17px 0px 0px; } }
        @media screen and (max-width: 1065px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 16px 0px 0px; } }
        @media screen and (max-width: 1050px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 15px 0px 0px; } }
        @media screen and (max-width: 1045px) {
          .navigation .wrapper .menu-content a, .navigation .category-slider-wrapper .inner-wrapper .menu-content a, .category-slider-wrapper .navigation .inner-wrapper .menu-content a {
            margin: 0 13px 0px 0px; } }
        .navigation .wrapper .menu-content a:hover, .navigation .category-slider-wrapper .inner-wrapper .menu-content a:hover, .category-slider-wrapper .navigation .inner-wrapper .menu-content a:hover {
          border-bottom: 3px solid #b9c725;
          font-weight: 500; }
        .navigation .wrapper .menu-content a:before, .navigation .category-slider-wrapper .inner-wrapper .menu-content a:before, .category-slider-wrapper .navigation .inner-wrapper .menu-content a:before {
          display: block;
          content: attr(title);
          font-weight: 500;
          height: 0;
          overflow: hidden;
          visibility: hidden; }
    .navigation .wrapper .right-content a, .navigation .category-slider-wrapper .inner-wrapper .right-content a, .category-slider-wrapper .navigation .inner-wrapper .right-content a {
      font-weight: 500;
      color: #b9c725;
      transition: all 300ms; }
      .navigation .wrapper .right-content a .feather, .navigation .category-slider-wrapper .inner-wrapper .right-content a .feather, .category-slider-wrapper .navigation .inner-wrapper .right-content a .feather {
        vertical-align: -6px;
        margin-left: 15px;
        transition: all 300ms; }
      .navigation .wrapper .right-content a:hover, .navigation .category-slider-wrapper .inner-wrapper .right-content a:hover, .category-slider-wrapper .navigation .inner-wrapper .right-content a:hover {
        color: #A5B214; }
        .navigation .wrapper .right-content a:hover .feather, .navigation .category-slider-wrapper .inner-wrapper .right-content a:hover .feather, .category-slider-wrapper .navigation .inner-wrapper .right-content a:hover .feather {
          transform: translateX(5px); }

.user-quick-menu {
  position: absolute;
  width: 235px;
  height: auto;
  border-radius: 5px;
  border: 1px solid #efefef;
  background: white;
  right: 142px;
  margin-top: -1px;
  border-top-right-radius: 0;
  box-sizing: border-box;
  padding: 0px 20px;
  display: none;
  -webkit-box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
  outline: none; }
  @media screen and (max-width: 1050px) {
    .user-quick-menu {
      right: 122px; } }
  @media screen and (max-width: 470px) {
    .user-quick-menu {
      right: 61px; } }
  .user-quick-menu .sluiten {
    width: 44px;
    height: 44px;
    right: -2px;
    z-index: 999999;
    top: -47px;
    position: absolute;
    cursor: pointer; }
  .user-quick-menu:before {
    content: '';
    display: inline-block;
    width: 45px;
    position: absolute;
    right: -1px;
    background: white;
    height: 8px;
    top: -8px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    z-index: 1; }
  .user-quick-menu h3 {
    color: #b9c725;
    font-weight: 500;
    font-size: 20px; }
  .user-quick-menu span {
    color: #B5B5B5;
    line-height: 24px;
    position: relative;
    top: -10px; }
  .user-quick-menu .quick-links {
    margin-bottom: 20px; }
    .user-quick-menu .quick-links a {
      display: block;
      margin: 15px 0px; }
      .user-quick-menu .quick-links a:hover {
        text-decoration: underline; }

.sub-menu {
  display: none; }

.autocomplete-suggestions {
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 5px;
  margin-top: -11px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .autocomplete-suggestions {
      position: absolute !important;
      margin-top: 1px;
      width: 100vw !important;
      height: 100vh;
      background: white;
      z-index: 1;
      overflow-y: scroll;
      left: 0; } }

.autocomplete-suggestion {
  padding: 0 20px !important;
  margin: 20px 0px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center; }
  .autocomplete-suggestion:first-child {
    margin-top: 50px !important; }
    .autocomplete-suggestion:first-child:before {
      content: 'Gedachten lezend';
      top: -45px;
      position: absolute;
      font-weight: 500;
      display: flex;
      font-size: 14px; }
  .autocomplete-suggestion:last-child {
    margin-bottom: 0px; }
  .autocomplete-suggestion .title {
    color: #3A3A3A !important;
    font-size: 14px; }
  .autocomplete-suggestion .amount {
    color: #3A3A3A;
    font-size: 28px;
    font-weight: 500;
    display: inline-block;
    cursor: default; }
  .autocomplete-suggestion .woocommerce-Price-currencySymbol {
    display: none;
    visibility: hidden;
    opacity: 0; }

.autocomplete-suggestion .yith_wcas_result_content .title {
  line-height: 29px;
  margin-bottom: 10px; }
  @media (max-width: 400px) {
    .autocomplete-suggestion .yith_wcas_result_content .title {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis; } }

.autocomplete-suggestion .yith_wcas_result_content del {
  display: none; }

.autocomplete-suggestion .yith_wcas_result_content ins bdi {
  display: inline-block;
  color: #FA7171 !important; }
  .autocomplete-suggestion .yith_wcas_result_content ins bdi:after {
    content: url("/wp-content/uploads/2022/02/kanjerprijs.svg");
    display: inline-block;
    margin-left: 15px; }

.autocomplete-suggestion .yith_wcas_result_image {
  float: left;
  margin-right: 20px;
  height: 120px;
  width: 120px;
  border: 1px solid #efefef;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  min-width: 120px;
  background: #F5F5F5; }
  @media (max-width: 400px) {
    .autocomplete-suggestion .yith_wcas_result_image {
      height: 100px;
      width: 100px;
      min-width: 100px; } }
  .autocomplete-suggestion .yith_wcas_result_image img {
    max-width: 80px;
    height: auto !important;
    mix-blend-mode: multiply; }

.autocomplete-suggestion:hover {
  background-color: white !important; }

.autocomplete-suggestion {
  min-height: 0 !important; }
  .autocomplete-suggestion:last-child {
    margin-bottom: 10px !important; }

.search-for-suggestion:before {
  content: url("/wp-content/uploads/2022/02/search-for-arrow.svg");
  margin-right: 10px; }

.autocomplete-suggestion .badges {
  display: none;
  visibility: hidden; }

.hamburger {
  padding: 0px 0px;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  @media (max-width: 1024px) {
    .hamburger {
      display: inline-block; } }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #b9c725; }

.hamburger-box {
  width: 36px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 36px;
    height: 2px;
    background-color: #b9c725;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before {
    width: 29px !important; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -9px; }
  .hamburger-inner::after {
    bottom: -9px; }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 9px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 18px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 9px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -18px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

.mini-cart {
  right: 0;
  display: none;
  outline: none;
  width: 320px;
  max-height: 600px;
  min-height: 300px;
  position: absolute;
  background: white;
  margin-top: -1px;
  border-radius: 5px;
  border-top-right-radius: 0;
  box-sizing: border-box;
  border: 1px solid #efefef;
  box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 10px 20px -4px rgba(0, 0, 0, 0.1); }
  .mini-cart:before {
    content: '';
    display: inline-block;
    width: 45px;
    position: absolute;
    right: -1px;
    background: white;
    height: 8px;
    top: -8px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    z-index: 1; }
  .mini-cart .products-in-cart {
    padding: 0 20px;
    overflow-y: auto;
    max-height: 400px; }
  .mini-cart .sluiten {
    width: 44px;
    height: 44px;
    right: 0;
    z-index: 999999;
    top: -47px;
    position: absolute;
    cursor: pointer; }
  .mini-cart .leeg-kanjer {
    position: absolute;
    bottom: 0px;
    width: 260px;
    margin-top: 30px;
    margin-left: 20px; }
  .mini-cart .empty {
    padding: 0 20px; }
  .mini-cart h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #b9c725; }
  .mini-cart p {
    color: #B5B5B5;
    margin-top: 0;
    line-height: 24px;
    margin-bottom: 15px; }
  .mini-cart .products-in-cart .product {
    display: flex;
    margin-bottom: 15px;
    align-items: center; }
    .mini-cart .products-in-cart .product .cart-image {
      width: 26%; }
      .mini-cart .products-in-cart .product .cart-image img {
        width: 80px;
        height: 80px;
        padding: 10px;
        object-fit: contain;
        box-sizing: border-box;
        border-radius: 5px;
        border: 2px solid #efefef; }
    .mini-cart .products-in-cart .product .cart-text {
      width: 50%;
      padding-left: 5px;
      padding-right: 25px;
      background: #fff;
      margin-right: 20px;
      height: fit-content;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
    .mini-cart .products-in-cart .product .cart-price {
      width: 25%;
      font-size: 20px;
      font-weight: 600; }
      .mini-cart .products-in-cart .product .cart-price .woocommerce-Price-currencySymbol {
        display: none; }
  .mini-cart .total-block {
    margin-top: 5px;
    padding: 15px 20px;
    border-top: 1px solid #efefef;
    position: relative; }
    .mini-cart .total-block .title {
      font-weight: 600;
      margin-bottom: 10px;
      color: #b9c725; }
    .mini-cart .total-block .price {
      color: #3a3a3a;
      font-size: 30px;
      margin-top: 10px;
      font-weight: 500;
      display: inline-block; }
    .mini-cart .total-block .woocommerce-Price-currencySymbol {
      display: none; }
    .mini-cart .total-block .shipping-image {
      bottom: 30px;
      right: 15px;
      position: absolute; }
    .mini-cart .total-block .shipping-info {
      margin-left: 10px;
      position: relative;
      top: -5px;
      display: inline-block; }
      .mini-cart .total-block .shipping-info .text-green {
        font-weight: 600; }
  .mini-cart .checkout-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 10px 20px;
    align-content: space-between; }
    .mini-cart .checkout-footer .edit-cart {
      font-size: 12px;
      margin-top: 4px;
      font-weight: 400;
      color: #b9c725; }
    .mini-cart .checkout-footer .button {
      top: -9px;
      color: #fff;
      z-index: 999;
      padding: 9px;
      height: 40px;
      width: 165px;
      font-weight: 500;
      margin-left: 60px;
      position: relative;
      box-sizing: border-box;
      background: #b9c725;
      border-radius: 5px; }
      .mini-cart .checkout-footer .button:before {
        left: -10px;
        top: 0;
        width: 16px;
        content: '';
        height: 40px;
        position: absolute;
        display: inline-block;
        background: url("../../wp-content/themes/dierenkanjer/build/images/button-before-groen.svg") no-repeat; }
      .mini-cart .checkout-footer .button:after {
        top: 0;
        width: 40px;
        right: -10px;
        height: 40px;
        content: '';
        position: absolute;
        display: inline-block;
        background: url("../../wp-content/themes/dierenkanjer/build/images/button-after-groen.svg") no-repeat; }
      .mini-cart .checkout-footer .button .feather-arrow-right-circle {
        top: 7px !important;
        right: 9px !important; }

.mini-cart.visible {
  visibility: visible;
  opacity: 1; }
  .mini-cart.visible:before {
    content: '';
    display: inline-block;
    width: 45px;
    position: absolute;
    right: -1px;
    background: white;
    height: 8px;
    top: -8px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    z-index: 1; }

.menu-item {
  float: left; }

.sub-menu {
  left: 0;
  top: 60px;
  width: 100%;
  display: none;
  background: #fff;
  position: absolute;
  border-bottom: 2px solid #F5F5F5; }

.has-submenu:hover .sub-menu {
  left: 0;
  right: 0;
  display: block;
  position: absolute;
  width: 100vw;
  z-index: 1;
  background: white;
  min-height: 100px;
  padding: 50px 0; }
  .has-submenu:hover .sub-menu .sub-wrapper {
    max-height: 350px;
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    max-width: 1300px;
    margin: 0 auto;
    align-content: space-between; }
    @media (max-width: 1350px) {
      .has-submenu:hover .sub-menu .sub-wrapper {
        max-width: calc(100% - 100px);
        max-height: 500px; } }
    .has-submenu:hover .sub-menu .sub-wrapper .category-featured {
      width: 250px;
      height: 250px;
      border-radius: 5px;
      background: #F5F5F5;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: flex-start;
      position: relative; }
      .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-image {
        max-width: 70%;
        text-align: center;
        margin: 0 auto;
        position: relative;
        top: -20px; }
        .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-image img {
          max-width: 100%;
          mix-blend-mode: multiply; }
      .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-image img {
        max-width: 100%;
        mix-blend-mode: multiply; }
      .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-link {
        position: absolute;
        bottom: 10px;
        font-weight: 500;
        color: #b9c725;
        transition: all 300ms;
        transition: all 300ms;
        border: none !important;
        cursor: pointer; }
        .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-link:hover {
          color: #A5B214; }
          .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-link:hover svg {
            left: 5px;
            fill-stroke: #A5B214; }
        .has-submenu:hover .sub-menu .sub-wrapper .category-featured .featured-link svg {
          vertical-align: -6px;
          position: relative;
          margin-left: 10px;
          transition: all 300ms;
          position: relative;
          left: 0; }
    .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper {
      width: 100%;
      max-height: 350px;
      display: flex;
      flex-flow: column wrap;
      max-width: 1005px !important;
      align-items: flex-start;
      align-content: flex-start; }
      @media screen and (max-width: 1350px) {
        .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper {
          width: auto; } }
      .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper .letter-group {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        align-self: flex-start;
        flex: 1 1 100%;
        margin-right: 40px;
        margin-bottom: 10px; }
        .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper .letter-group span {
          width: 100%;
          display: block;
          font-weight: 500;
          margin-bottom: 10px; }
        .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper .letter-group a {
          height: auto !important;
          margin: 0;
          line-height: 1em !important;
          padding: 7px 0;
          border: none; }
          .has-submenu:hover .sub-menu .sub-wrapper .groups-wrapper .letter-group a:hover {
            border: none;
            font-weight: inherit !important;
            text-decoration: underline; }

.text-slider {
  width: 100%;
  max-width: 1300px;
  margin: 100px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: relative;
  z-index: 12; }
  @media screen and (max-width: 1350px) {
    .text-slider {
      padding-left: 50px;
      box-sizing: border-box;
      max-width: 100% !important;
      overflow: hidden; } }
  @media screen and (max-width: 1024px) {
    .text-slider {
      padding-left: 20px;
      flex-direction: column;
      align-content: flex-start;
      align-items: flex-start;
      margin: 20px auto; } }
  .text-slider a {
    color: #3a3a3a; }
  .text-slider:before {
    content: '';
    display: block;
    width: 50vw;
    left: -50vw;
    top: 0;
    height: 100%;
    position: absolute;
    z-index: 10;
    background: #fff; }
    @media screen and (max-width: 1350px) {
      .text-slider:before {
        content: '';
        display: block;
        width: 5vw;
        left: 0;
        top: 0;
        height: 100%;
        position: absolute;
        z-index: 10;
        background: #fff; } }
    @media screen and (max-width: 1024px) {
      .text-slider:before {
        display: none; } }
  @media screen and (max-width: 1024px) {
    .text-slider .slider-button-wrapper {
      display: none; } }
  .text-slider .text-wrapper {
    z-index: 20;
    min-width: 400px;
    max-width: 400px;
    width: 400px;
    padding-right: 100px;
    height: 455px;
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 1250px) {
      .text-slider .text-wrapper {
        min-width: 400px;
        max-width: 400px;
        width: 400px;
        padding-right: 50px; } }
    @media screen and (max-width: 1200px) {
      .text-slider .text-wrapper {
        min-width: 300px;
        max-width: 300px;
        width: 300px;
        padding-right: 50px; } }
    @media screen and (max-width: 1024px) {
      .text-slider .text-wrapper {
        height: 70px; } }
    .text-slider .text-wrapper h2 {
      font-size: 30px;
      font-weight: 500;
      color: #b9c725;
      margin-top: -20px; }
      @media screen and (max-width: 1200px) {
        .text-slider .text-wrapper h2 {
          font-size: 22px; } }
      @media screen and (max-width: 1024px) {
        .text-slider .text-wrapper h2 {
          margin-top: 0; } }
    .text-slider .text-wrapper p {
      color: #3a3a3a;
      font-weight: 400;
      line-height: 36px;
      font-size: 14px;
      white-space: pre-line;
      margin-bottom: 40px; }
      @media screen and (max-width: 1024px) {
        .text-slider .text-wrapper p {
          display: none; } }
  .text-slider .slider {
    width: 65vw;
    cursor: grab;
    box-sizing: border-box;
    padding-right: 140px; }
    @media screen and (max-width: 1200px) {
      .text-slider .slider {
        padding-right: 0 !important; } }
    @media screen and (max-width: 1024px) {
      .text-slider .slider {
        width: calc(100vw - 40px); } }
    @media screen and (max-width: 450px) {
      .text-slider .slider .product-wrapper {
        width: 330px; } }
    @media screen and (max-width: 380px) {
      .text-slider .slider .product-wrapper {
        width: 300px; } }
    @media screen and (max-width: 320px) {
      .text-slider .slider .product-wrapper {
        width: 280px; } }
    .text-slider .slider .swiper-slide {
      width: 300px; }
      @media screen and (max-width: 1200px) {
        .text-slider .slider .swiper-slide {
          margin-right: 30px !important; } }
      @media screen and (max-width: 450px) {
        .text-slider .slider .swiper-slide {
          width: auto;
          margin-right: 20px !important; } }

.top-bar {
  width: 100%;
  height: 60px;
  display: flex;
  font-size: 14px;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  align-items: center;
  background: #b9c725;
  align-content: space-around;
  justify-content: space-between; }
  @media screen and (max-width: 770px) {
    .top-bar {
      height: 50px; } }
  @media screen and (max-width: 770px) {
    .top-bar .wrapper, .top-bar .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .top-bar .inner-wrapper {
      justify-content: center; } }
  .top-bar .image-wrapper {
    bottom: 0;
    height: 55px;
    width: 85px; }
    @media screen and (max-width: 770px) {
      .top-bar .image-wrapper {
        display: none; } }
  .top-bar .animal-image {
    bottom: 0;
    width: auto;
    height: 55px;
    position: absolute;
    transition: all 300ms; }
  .top-bar .usps-wrapper {
    display: flex; }
    .top-bar .usps-wrapper .usps-inner {
      display: flex; }
    @media screen and (max-width: 1350px) {
      .top-bar .usps-wrapper {
        overflow: hidden;
        float: left;
        width: 100%;
        max-width: 400px;
        height: 25px;
        text-align: center;
        flex-direction: column; }
        .top-bar .usps-wrapper .usps-inner {
          flex-direction: column;
          animation: 12s normal infinite running scroll; } }

@keyframes scroll {
  0% {
    margin-top: 0px; }
  15% {
    margin-top: 0px; }
  25% {
    margin-top: -28px; }
  40% {
    margin-top: -28px; }
  50% {
    margin-top: -54px; }
  65% {
    margin-top: -54px; }
  75% {
    margin-top: -54px; }
  90% {
    margin-top: 0px; }
  100% {
    margin-top: 0px; } }
    .top-bar .usps-wrapper .usp {
      margin-top: 2px;
      margin-right: 30px; }
      @media screen and (max-width: 1350px) {
        .top-bar .usps-wrapper .usp {
          margin-left: 10px;
          margin-right: 0;
          margin-left: 0; } }
      .top-bar .usps-wrapper .usp .icon {
        width: 23px;
        height: 20px;
        margin-right: 20px;
        vertical-align: 1px; }
      .top-bar .usps-wrapper .usp p {
        top: -5px;
        color: #fff;
        display: inline;
        font-weight: 400;
        line-height: 10px;
        position: relative; }
        @media screen and (max-width: 365px) {
          .top-bar .usps-wrapper .usp p {
            font-size: 12px; } }
        @media screen and (max-width: 320px) {
          .top-bar .usps-wrapper .usp p {
            font-size: 11px; } }
      .top-bar .usps-wrapper .usp strong {
        font-weight: 500; }
  .top-bar .button-wrapper {
    position: relative; }
    @media screen and (max-width: 770px) {
      .top-bar .button-wrapper {
        display: none; } }
    .top-bar .button-wrapper .button {
      height: 40px;
      font-weight: 500;
      background: #fff;
      font-size: 13px;
      line-height: 40px;
      border-radius: 5px;
      color: #b9c725;
      display: inline-block;
      padding: 0 5px 0 10px;
      transition: all 300ms; }
      .top-bar .button-wrapper .button svg {
        top: 5px;
        height: 20px;
        z-index: 99;
        margin-left: 10px;
        margin-right: 5px;
        position: relative;
        left: 0;
        transition: all 300ms; }
      .top-bar .button-wrapper .button:before {
        left: -10px;
        width: 16px;
        content: '';
        height: 40px;
        position: absolute;
        display: inline-block;
        background: url("../../wp-content/themes/dierenkanjer/build/images/button-before.svg") no-repeat; }
      .top-bar .button-wrapper .button:after {
        width: 40px;
        right: -10px;
        height: 40px;
        content: '';
        position: absolute;
        display: inline-block;
        background: url("../../wp-content/themes/dierenkanjer/build/images/button-after.svg") no-repeat; }
      .top-bar .button-wrapper .button:hover {
        color: #A5B214; }
        .top-bar .button-wrapper .button:hover svg {
          left: 5px; }

.knowledge-base-container .wrapper, .knowledge-base-container .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .knowledge-base-container .inner-wrapper {
  display: block; }

.knowledge-base-container .knowledge-base {
  display: flex;
  gap: 50px; }
  @media screen and (max-width: 1024px) {
    .knowledge-base-container .knowledge-base {
      flex-direction: column; } }
  .knowledge-base-container .knowledge-base h2 {
    margin: 0 0 15px 0;
    color: #B9C725;
    font-size: 20px;
    font-weight: 500; }
  .knowledge-base-container .knowledge-base .left {
    flex-grow: 1; }
  .knowledge-base-container .knowledge-base .search .search-form {
    background-color: #B9C725;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .knowledge-base-container .knowledge-base .search .search-form {
        padding: 20px;
        margin-bottom: 30px; } }
    .knowledge-base-container .knowledge-base .search .search-form .search-form-in {
      position: relative; }
      .knowledge-base-container .knowledge-base .search .search-form .search-form-in input {
        display: block;
        background-color: #fff;
        border-radius: 5px;
        width: 100%;
        height: 48px;
        padding: 10px 60px 10px 20px;
        border: 0;
        font-family: inherit;
        font-size: 16px;
        color: #333333; }
      .knowledge-base-container .knowledge-base .search .search-form .search-form-in button {
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='38'%3E%3Cpath fill='%23A5B214' fill-rule='evenodd' d='M5.289 0H33.71a5 5 0 0 1 4.992 5.28l-1.572 28A5 5 0 0 1 32.139 38H6.86a5 5 0 0 1-4.992-4.72l-1.572-28A5 5 0 0 1 5.289 0Z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        width: 38px;
        height: 38px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 1;
        border: 0;
        display: block; }
  .knowledge-base-container .knowledge-base .search .search-box {
    border: 2px solid #EFEFEF;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 50px; }
    @media screen and (max-width: 768px) {
      .knowledge-base-container .knowledge-base .search .search-box {
        padding: 20px;
        margin-bottom: 30px; } }
    .knowledge-base-container .knowledge-base .search .search-box:last-child {
      margin-bottom: 0; }
    .knowledge-base-container .knowledge-base .search .search-box .title {
      color: #3A3A3A;
      margin-bottom: 30px;
      font-size: 20px;
      font-weight: 500; }
      @media screen and (max-width: 768px) {
        .knowledge-base-container .knowledge-base .search .search-box .title {
          margin-bottom: 20px; } }
    .knowledge-base-container .knowledge-base .search .search-box .search-list .search-list-item {
      margin-bottom: 20px; }
      .knowledge-base-container .knowledge-base .search .search-box .search-list .search-list-item a {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23B9C725' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m1 9 4-4-4-4'/%3E%3C/svg%3E");
        background-position: left center;
        background-repeat: no-repeat;
        padding-left: 15px;
        display: inline-block;
        color: #3A3A3A;
        font-size: 16px;
        transition: ease-in-out 200ms color; }
        .knowledge-base-container .knowledge-base .search .search-box .search-list .search-list-item a mark {
          color: #fff;
          background-color: #B9C725; }
        .knowledge-base-container .knowledge-base .search .search-box .search-list .search-list-item a:hover {
          color: #B9C725; }
      .knowledge-base-container .knowledge-base .search .search-box .search-list .search-list-item:last-child {
        margin-bottom: 0; }
  .knowledge-base-container .knowledge-base .right {
    width: 290px;
    flex-shrink: 0; }
    @media screen and (max-width: 1024px) {
      .knowledge-base-container .knowledge-base .right {
        width: 100%; } }
  .knowledge-base-container .knowledge-base .usps {
    padding: 15px; }
    .knowledge-base-container .knowledge-base .usps ul {
      margin: 0; }
      .knowledge-base-container .knowledge-base .usps ul li {
        font-size: 16px;
        display: flex;
        gap: 15px; }
        .knowledge-base-container .knowledge-base .usps ul li .check,
        .knowledge-base-container .knowledge-base .usps ul li .text {
          width: auto; }
        .knowledge-base-container .knowledge-base .usps ul li:last-child {
          margin-bottom: 0; }
        .knowledge-base-container .knowledge-base .usps ul li p {
          display: block;
          left: 0;
          margin: 0;
          letter-spacing: 0; }
  .knowledge-base-container .knowledge-base .payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px; }
    .knowledge-base-container .knowledge-base .payment-methods img {
      width: 65px; }
  .knowledge-base-container .knowledge-base .extra-text {
    margin-top: 30px; }
    .knowledge-base-container .knowledge-base .extra-text p {
      letter-spacing: 0;
      margin: 0;
      font-size: 15.5px; }
    .knowledge-base-container .knowledge-base .extra-text .free-shipping p {
      font-weight: 500;
      color: #B9C725; }
    .knowledge-base-container .knowledge-base .extra-text .shipping {
      margin-top: 15px; }
      .knowledge-base-container .knowledge-base .extra-text .shipping p {
        color: #B5B5B5; }
  .knowledge-base-container .knowledge-base .knowledge-base-single-content {
    border: 2px solid #EFEFEF;
    border-radius: 5px;
    padding: 30px; }
    .knowledge-base-container .knowledge-base .knowledge-base-single-content > *:last-child {
      margin-bottom: 0; }
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h1,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h2,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h3,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h4,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h5,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content h6 {
      color: #3A3A3A;
      margin-bottom: 20px; }
    .knowledge-base-container .knowledge-base .knowledge-base-single-content ul,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content ol,
    .knowledge-base-container .knowledge-base .knowledge-base-single-content p {
      color: #243745;
      line-height: 26px;
      font-size: 16px;
      margin: 20px 0; }
    .knowledge-base-container .knowledge-base .knowledge-base-single-content ul {
      padding-left: 0;
      list-style: none; }
      .knowledge-base-container .knowledge-base .knowledge-base-single-content ul li {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3E%3Cg fill='%23B9C725' fill-rule='nonzero'%3E%3Cpath d='M9.228 6.419A3.35 3.35 0 0 0 6.4 4.879 3.35 3.35 0 0 0 3.57 6.42L2.074 8.74c-.248.386-.363.83-.332 1.287a2.115 2.115 0 0 0 1.648 1.918c.45.102.909.059 1.33-.126l.028-.012a4.2 4.2 0 0 1 3.33.012 2.124 2.124 0 0 0 1.33.126 2.115 2.115 0 0 0 1.317-3.205L9.228 6.419Zm.708 4.316c-.38.443-.997.583-1.533.349a5.001 5.001 0 0 0-4.008 0l-.018.007a1.315 1.315 0 0 1-1.515-.356 1.3 1.3 0 0 1-.107-1.56L4.25 6.853A2.544 2.544 0 0 1 6.4 5.684c.874 0 1.677.437 2.148 1.169l1.497 2.322c.315.49.272 1.118-.108 1.56ZM2.477 6.416c.445-.17.783-.527.952-1.005.16-.455.148-.969-.037-1.446a2.102 2.102 0 0 0-.947-1.098c-.447-.242-.939-.281-1.383-.11-.894.341-1.304 1.44-.915 2.45.312.804 1.038 1.311 1.773 1.311.187 0 .375-.033.557-.102ZM.902 4.918c-.23-.595-.028-1.228.45-1.41a.754.754 0 0 1 .271-.05c.144 0 .293.039.436.116.257.14.462.38.578.68.116.3.126.615.029.89a.834.834 0 0 1-.48.52c-.477.184-1.053-.151-1.284-.746ZM5.38 4.596c1.118 0 2.027-1.03 2.027-2.298C7.407 1.031 6.497 0 5.38 0S3.353 1.031 3.353 2.298c0 1.267.91 2.298 2.027 2.298Zm0-3.791c.672 0 1.218.67 1.218 1.493 0 .823-.546 1.493-1.218 1.493-.671 0-1.218-.67-1.218-1.493 0-.823.547-1.493 1.218-1.493ZM8.88 5.16h.001c.172.057.347.084.522.084.815 0 1.61-.59 1.913-1.497a2.243 2.243 0 0 0-.033-1.555c-.204-.502-.583-.867-1.067-1.027-.483-.16-1.007-.094-1.473.187a2.255 2.255 0 0 0-.961 1.226c-.368 1.102.125 2.26 1.099 2.583Zm-.33-2.328a1.45 1.45 0 0 1 .612-.791c.26-.157.544-.197.8-.113.254.085.457.286.572.566.123.303.128.658.014 1-.227.68-.86 1.085-1.412.903-.55-.182-.814-.884-.586-1.565ZM13.15 4.892c-.771-.566-1.924-.32-2.57.548-.646.869-.545 2.037.224 2.604.281.207.613.306.952.306.592 0 1.207-.3 1.619-.853.645-.87.544-2.037-.225-2.605Zm-.426 2.126c-.381.513-1.026.683-1.438.38-.412-.304-.437-.967-.056-1.48.253-.34.622-.529.963-.529.172 0 .337.049.476.15.41.304.436.967.055 1.479Z'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: top 6px left;
        margin-bottom: 10px;
        padding-left: 30px; }
        .knowledge-base-container .knowledge-base .knowledge-base-single-content ul li:last-child {
          margin-bottom: 0; }
  .knowledge-base-container .knowledge-base .share-article {
    margin-top: 50px; }
    @media screen and (max-width: 768px) {
      .knowledge-base-container .knowledge-base .share-article {
        margin-top: 30px; } }
    .knowledge-base-container .knowledge-base .share-article h3 {
      font-weight: 500;
      margin: 0 0 20px 0; }
    .knowledge-base-container .knowledge-base .share-article .share-icons {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 15px;
      margin-bottom: 50px; }
      @media screen and (max-width: 768px) {
        .knowledge-base-container .knowledge-base .share-article .share-icons {
          margin-bottom: 30px; } }
      .knowledge-base-container .knowledge-base .share-article .share-icons .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        position: relative; }
        .knowledge-base-container .knowledge-base .share-article .share-icons .icon .icon-in {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    .knowledge-base-container .knowledge-base .share-article .copy-url {
      position: relative; }
      .knowledge-base-container .knowledge-base .share-article .copy-url input {
        width: 100%;
        height: 48px;
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        padding: 10px 100px 10px 15px;
        font-family: inherit;
        font-size: 16px;
        color: #3A3A3A; }
      .knowledge-base-container .knowledge-base .share-article .copy-url .copy-to-clip {
        font-weight: 500;
        position: absolute;
        right: 15px;
        top: 12px;
        line-height: 26px;
        font-size: 16px; }
  .knowledge-base-container .knowledge-base .sticky-block {
    position: sticky;
    top: 160px; }

.copy-to-clip {
  position: relative; }
  .copy-to-clip .succes-copy {
    position: absolute;
    bottom: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%);
    background: #B9C725;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    border-radius: 5px;
    padding: 3px 10px;
    pointer-events: none; }

.container {
  display: flex;
  flex-direction: row; }
  @media (max-width: 600px) {
    .container.small-flex-class {
      display: flex;
      flex-direction: column; } }
  .container .address-column {
    display: flex;
    flex-direction: column;
    margin-right: 100px; }
    .container .address-column .address {
      min-height: 55px; }
    @media (max-width: 600px) {
      .container .address-column {
        margin-right: 0 !important; } }
    @media (max-width: 600px) {
      .container .address-column:first-of-type {
        margin-bottom: 50px; } }
    .container .address-column span {
      font-weight: 500;
      margin-bottom: 20px;
      color: #3A3A3A; }
    .container .address-column a {
      display: inline-block;
      margin-top: 30px;
      font-weight: 500 !important;
      font-size: 14px;
      color: #b9c725;
      transition: all 300ms; }
      @media (max-width: 500px) {
        .container .address-column a {
          margin-top: 15px; } }
      .container .address-column a:hover {
        color: #A5B214; }
        .container .address-column a:hover svg {
          left: 5px;
          stroke: #A5B214; }
      .container .address-column a svg {
        height: 20px;
        position: relative;
        top: 4px;
        left: 0;
        transition: all 300ms; }
  .container .address-image {
    max-width: 260px;
    width: 100%;
    display: flex;
    bottom: -70px;
    position: relative;
    right: -190px; }
    @media (max-width: 1350px) {
      .container .address-image {
        right: -140px; } }
    @media (max-width: 1260px) {
      .container .address-image {
        display: none; } }
    .container .address-image img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; }

.address-single {
  /* Button start */
  /* Button einde */ }
  .address-single .address-single-flex-div {
    display: flex;
    flex-direction: row;
    margin-top: 20px; }
    .address-single .address-single-flex-div .woocommerce-button {
      width: 100% !important;
      max-width: 100% !important;
      margin-top: 10px; }
  .address-single .whitespace {
    width: 250px;
    height: 50px;
    display: flex;
    min-height: 50px;
    min-width: 250px; }
  .address-single #billing_address_2_field, .address-single #billing_address_2,
  .address-single #shipping_address_2_field, .address-single #shipping_address_2 {
    display: none; }
  .address-single .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    height: 48px;
    line-height: 48px; }
  .address-single .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 48px;
    height: 48px;
    padding-left: 15px; }
  .address-single .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 11px;
    right: 11px;
    width: 20px; }
  .address-single .woocommerce-button {
    width: 100%;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
    .address-single .woocommerce-button span {
      background: #b9c725;
      width: calc(100% - 10px);
      margin-left: 5px;
      height: 50px;
      border-radius: 5px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: stretch;
      color: white;
      font-weight: 500;
      position: relative;
      transition: all 300ms; }
      .address-single .woocommerce-button span:hover {
        background: #A5B214; }
        .address-single .woocommerce-button span:hover:before, .address-single .woocommerce-button span:hover:after {
          background: #A5B214; }
      .address-single .woocommerce-button span:before {
        content: '';
        position: absolute;
        left: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(3deg);
        -moz-transform: skew(3deg);
        -o-transform: skew(3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
      .address-single .woocommerce-button span:after {
        content: '';
        position: absolute;
        right: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(-3deg);
        -moz-transform: skew(-3deg);
        -o-transform: skew(-3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
  .address-single form {
    width: 100%; }
  .address-single .form-row {
    width: 100%;
    display: flex; }
    .address-single .form-row label {
      min-width: 250px;
      position: relative;
      top: 10px;
      font-size: 14px;
      color: #3A3A3A; }
    .address-single .form-row .required {
      display: none; }
    .address-single .form-row .woocommerce-input-wrapper {
      width: 100%; }
    .address-single .form-row input {
      height: 48px;
      width: 100%;
      min-width: 100%;
      border-radius: 5px;
      border: 1px solid #EFEFEF;
      box-sizing: border-box;
      padding: 0px 15px;
      font-family: "Cocogoose", sans-serif;
      font-size: 14px;
      color: #3A3A3A; }
      @media screen and (max-width: 1200px) {
        .address-single .form-row input {
          width: auto; } }
      @media screen and (max-width: 980px) {
        .address-single .form-row input {
          width: 100%; } }
      .address-single .form-row input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #B5B5B5;
        opacity: 1;
        /* Firefox */ }
      .address-single .form-row input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #B5B5B5; }
      .address-single .form-row input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #B5B5B5; }

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-search select2-search--dropdown {
  display: none; }

.select2-dropdown {
  background-color: #fff;
  border: 1px solid #efefef !important; }

.select2-search--dropdown {
  padding: 0 !important; }

.select2-results {
  padding: 10px;
  padding-top: 0; }

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: #b9c725;
  color: #fff;
  padding: 10px;
  border-radius: 5px; }

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
  padding: 10px;
  border-radius: 5px;
  background-color: white;
  margin: 10px 0; }

.woocommerce-message {
  padding: 20px !important; }
  .woocommerce-message a {
    color: white;
    font-weight: 500;
    text-decoration: underline; }

.account-wrapper {
  display: flex;
  justify-content: space-between; }

.hide-on-mobile {
  display: block; }
  @media (max-width: 875px) {
    .hide-on-mobile {
      display: none; } }

.hide-on-mobile-inline {
  display: inline-block; }
  @media (max-width: 875px) {
    .hide-on-mobile-inline {
      display: none; } }

.hide-on-desktop {
  display: none; }
  @media (max-width: 875px) {
    .hide-on-desktop {
      display: block; } }

.main,
.sidebar {
  margin: 50px 0 100px 0; }
  .main h2,
  .sidebar h2 {
    font-size: 28px;
    color: #b9c725;
    font-weight: 500; }
    @media (max-width: 550px) {
      .main h2,
      .sidebar h2 {
        font-size: 18px; } }
  .main h3,
  .sidebar h3 {
    font-size: 14px;
    color: #3A3A3A;
    font-weight: 500; }

.main {
  width: 100%;
  margin-left: 80px;
  max-width: 100%;
  overflow: hidden; }
  @media (max-width: 1110px) {
    .main {
      margin: 0 !important;
      margin-bottom: 50px !important; } }

.sidebar {
  height: 235px;
  width: 270px;
  min-width: 270px;
  position: -webkit-sticky;
  position: sticky;
  top: 230px; }
  @media (max-width: 875px) {
    .sidebar {
      display: none; } }
  .sidebar .sidebar-menu {
    display: flex;
    flex-direction: column; }
    .sidebar .sidebar-menu a {
      color: #3A3A3A;
      font-size: 14px;
      margin: 7px 0; }
      .sidebar .sidebar-menu a:hover {
        text-decoration: underline; }
      .sidebar .sidebar-menu a.active {
        font-weight: 500; }
      .sidebar .sidebar-menu a span {
        color: white;
        border-radius: 3px;
        background: #FA7171;
        font-size: 10px;
        width: 16px;
        height: 16px;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        box-sizing: border-box;
        font-weight: 500;
        position: relative;
        top: -1px;
        margin-left: 5px; }

.main .short-links {
  display: flex;
  flex-direction: row;
  margin-top: 20px; }
  @media (max-width: 550px) {
    .main .short-links {
      flex-direction: column; } }
  .main .short-links a {
    border: 1px solid #EFEFEF;
    padding: 15px;
    border-radius: 5px;
    margin-right: 15px;
    font-size: 12px;
    color: #B5B5B5;
    font-weight: 500;
    transition: all 300ms; }
    @media (max-width: 550px) {
      .main .short-links a {
        margin-bottom: 15px;
        text-align: center;
        margin-right: 0; }
        .main .short-links a:last-of-type {
          margin-bottom: 0; } }
    .main .short-links a:hover {
      color: #b9c725;
      border: 1px solid #b9c725; }

.main .last-order-summary {
  margin-top: 50px;
  display: flex;
  flex-direction: column; }
  .main .last-order-summary .order-item {
    margin-top: 5px;
    display: flex;
    flex-direction: row; }
    .main .last-order-summary .order-item .product-image {
      min-width: 150px;
      min-height: 150px;
      width: 150px;
      height: 150px;
      border-radius: 5px;
      border: 1px solid #F2F2F2;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: stretch;
      margin-right: 30px; }
      @media (max-width: 550px) {
        .main .last-order-summary .order-item .product-image {
          width: 115px;
          height: 115px;
          min-width: 115px;
          min-height: 115px;
          margin-right: 15px; } }
      .main .last-order-summary .order-item .product-image img {
        object-fit: contain;
        max-width: 100px;
        max-height: 100px; }
    .main .last-order-summary .order-item .product-details {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: flex-start;
      align-content: stretch; }
      .main .last-order-summary .order-item .product-details .product-title {
        font-size: 14px;
        max-width: 500px;
        color: #3A3A3A;
        margin-bottom: 10px; }
      .main .last-order-summary .order-item .product-details span {
        color: #b9c725;
        font-size: 12px;
        font-weight: 500; }
      .main .last-order-summary .order-item .product-details .price-details {
        margin-top: 15px;
        color: #3A3A3A;
        font-weight: 500;
        font-size: 18px; }

.main a.view-orders {
  font-size: 14px;
  color: #3A3A3A;
  margin-top: 20px;
  display: inline-block; }
  .main a.view-orders:hover {
    text-decoration: underline; }
  .main a.view-orders .chevron-icon {
    color: #b9c725;
    height: 16px;
    vertical-align: -2px;
    margin-left: -5px; }

.main .dashboard-suggestions {
  display: flex;
  margin-top: 50px;
  margin-bottom: 50px;
  flex-direction: column; }
  .main .dashboard-suggestions .swiper-slide p {
    font-size: 14px; }
  .main .dashboard-suggestions h3 {
    margin-bottom: -5px; }

.main .dashboard-faq a {
  display: inline-block;
  margin-top: 30px;
  font-weight: 500;
  font-size: 14px;
  color: #b9c725;
  transition: all 300ms; }
  .main .dashboard-faq a:hover {
    color: #A5B214; }
    .main .dashboard-faq a:hover svg {
      left: 5px;
      stroke: #A5B214; }
  .main .dashboard-faq a svg {
    height: 20px;
    position: relative;
    top: 4px;
    left: 0;
    transition: all 300ms; }

.main .dashboard-faq .qa-block {
  margin-top: 25px;
  padding: 20px 15px;
  border: 2px solid #efefef;
  border-radius: 5px; }
  .main .dashboard-faq .qa-block:first-child {
    margin-top: 35px; }
  .main .dashboard-faq .qa-block .title-wrapper {
    position: relative; }
  .main .dashboard-faq .qa-block h4 {
    margin: 0;
    cursor: pointer;
    font-weight: 500;
    max-width: 86%;
    font-size: 14px;
    color: #3A3A3A; }
    .main .dashboard-faq .qa-block h4 .chevron-up, .main .dashboard-faq .qa-block h4 .chevron-down {
      right: 0;
      position: absolute;
      color: #b9c725;
      height: 24px;
      top: 0; }
  .main .dashboard-faq .qa-block p {
    font-size: 14px;
    color: #3A3A3A;
    margin-top: 30px; }
  .main .dashboard-faq .qa-block .answer-open .chevron-up {
    display: block;
    position: absolute;
    top: 0; }
  .main .dashboard-faq .qa-block .answer-open .chevron-down {
    display: none; }
  .main .dashboard-faq .qa-block .chevron-up {
    display: none; }
  .main .dashboard-faq .qa-block .answer {
    display: none; }

.main .mobile-my-account-menu {
  position: fixed;
  bottom: -360px;
  background: white;
  width: 100%;
  min-height: 100px;
  padding: 20px;
  left: 0;
  box-sizing: border-box;
  z-index: 99;
  transition: all 500ms; }
  .main .mobile-my-account-menu:before {
    visibility: hidden;
    transition: all 500ms;
    content: '';
    left: 0;
    top: 0;
    position: fixed;
    display: block;
    z-index: -5;
    width: 100vw;
    height: 0;
    overflow: hidden;
    background: black;
    opacity: 0; }
  .main .mobile-my-account-menu.menu-open {
    transition: all 500ms;
    bottom: 0; }
    .main .mobile-my-account-menu.menu-open:before {
      visibility: visible;
      transition: all 500ms;
      content: '';
      left: 0;
      top: 0;
      position: fixed;
      display: block;
      z-index: -5;
      width: 100vw;
      height: calc(100vh - 310px);
      background: black;
      opacity: 0.25; }
  .main .mobile-my-account-menu .heading {
    height: 60px;
    background: #b9c725;
    display: flex;
    align-items: center;
    position: relative;
    left: -20px;
    top: -20px;
    width: calc(100% + 40px); }
    .main .mobile-my-account-menu .heading svg {
      top: 17px;
      right: 20px;
      position: absolute; }
    .main .mobile-my-account-menu .heading h2 {
      color: white;
      font-size: 14px;
      margin-left: 20px;
      margin-top: 11px; }
  .main .mobile-my-account-menu .sidebar-menu {
    display: flex;
    flex-direction: column; }
    .main .mobile-my-account-menu .sidebar-menu a {
      color: #3A3A3A;
      font-size: 14px;
      margin: 7px 0; }
      .main .mobile-my-account-menu .sidebar-menu a:hover {
        text-decoration: underline; }
      .main .mobile-my-account-menu .sidebar-menu a.active {
        font-weight: 500; }
      .main .mobile-my-account-menu .sidebar-menu a span {
        color: white;
        border-radius: 3px;
        background: #FA7171;
        font-size: 10px;
        width: 16px;
        height: 16px;
        display: inline-flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        box-sizing: border-box;
        font-weight: 500;
        position: relative;
        top: -1px;
        margin-left: 5px; }

.my-account-breadcrumb {
  margin: 30px 0;
  font-size: 14px; }
  .my-account-breadcrumb span {
    position: relative; }
    @media screen and (max-width: 520px) {
      .my-account-breadcrumb span {
        display: none; } }
  .my-account-breadcrumb a.breadcrumb-item {
    color: #3A3A3A !important; }
    .my-account-breadcrumb a.breadcrumb-item:hover {
      text-decoration: underline; }
    @media screen and (max-width: 520px) {
      .my-account-breadcrumb a.breadcrumb-item {
        display: none; } }
  .my-account-breadcrumb svg {
    height: 16px;
    position: relative; }
  .my-account-breadcrumb .chevron-icon {
    top: 2px; }
    @media screen and (max-width: 520px) {
      .my-account-breadcrumb .chevron-icon {
        display: none; } }
  .my-account-breadcrumb .back-button {
    color: #b9c725;
    font-family: "Cocogoose", sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 30px; }
    .my-account-breadcrumb .back-button svg {
      height: 20px;
      vertical-align: -5px;
      margin-right: 10px;
      transition: all 300ms;
      position: relative;
      left: 0; }
    .my-account-breadcrumb .back-button:hover svg {
      left: -5px; }

.my-account-login-title {
  margin-top: 100px;
  font-size: 28px;
  color: #b9c725; }
  @media screen and (max-width: 520px) {
    .my-account-login-title {
      margin-top: 50px;
      font-size: 20px; } }

#customer_login {
  margin: 30px 0 100px 0;
  display: flex;
  flex-direction: row; }
  @media screen and (max-width: 980px) {
    #customer_login {
      flex-direction: column; } }

.login-box {
  padding: 30px;
  border-radius: 5px;
  border: 2px solid #EFEFEF;
  width: 560px;
  box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .login-box {
      width: 450px; } }
  @media screen and (max-width: 980px) {
    .login-box {
      width: 100%; } }
  .login-box .woocommerce-privacy-policy-text p {
    display: none !important; }
  .login-box h2 {
    font-size: 18px;
    font-weight: 500;
    color: #3A3A3A;
    margin-bottom: 20px;
    display: inline-block; }

.woocommerce-form-login {
  /* Button start */
  /* Button einde */ }
  .woocommerce-form-login .woocommerce-form-row {
    display: flex;
    margin: 20px 0; }
    @media screen and (max-width: 520px) {
      .woocommerce-form-login .woocommerce-form-row {
        flex-direction: column; } }
    .woocommerce-form-login .woocommerce-form-row label {
      width: 175px;
      position: relative;
      top: 10px;
      font-size: 14px;
      color: #3A3A3A;
      min-width: 133px; }
      @media screen and (max-width: 980px) {
        .woocommerce-form-login .woocommerce-form-row label {
          min-width: 175px; } }
      @media screen and (max-width: 520px) {
        .woocommerce-form-login .woocommerce-form-row label {
          top: 0;
          margin-bottom: 10px; } }
    @media screen and (max-width: 980px) {
      .woocommerce-form-login .woocommerce-form-row .password-input {
        width: 100%; } }
    .woocommerce-form-login .woocommerce-form-row input {
      height: 48px;
      width: 322px;
      border-radius: 5px;
      border: 1px solid #EFEFEF;
      box-sizing: border-box;
      padding: 0px 15px;
      font-family: "Cocogoose", sans-serif;
      font-size: 14px;
      color: #3A3A3A; }
      @media screen and (max-width: 1200px) {
        .woocommerce-form-login .woocommerce-form-row input {
          width: auto; } }
      @media screen and (max-width: 980px) {
        .woocommerce-form-login .woocommerce-form-row input {
          width: 100%; } }
      .woocommerce-form-login .woocommerce-form-row input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #B5B5B5;
        opacity: 1;
        /* Firefox */ }
      .woocommerce-form-login .woocommerce-form-row input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #B5B5B5; }
      .woocommerce-form-login .woocommerce-form-row input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #B5B5B5; }
  .woocommerce-form-login .woocommerce-button {
    width: 100%;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
    .woocommerce-form-login .woocommerce-button span {
      background: #b9c725;
      width: calc(100% - 10px);
      margin-left: 5px;
      height: 50px;
      border-radius: 5px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: stretch;
      color: white;
      font-weight: 500;
      position: relative;
      transition: all 300ms; }
      .woocommerce-form-login .woocommerce-button span:hover {
        background: #A5B214; }
        .woocommerce-form-login .woocommerce-button span:hover:before, .woocommerce-form-login .woocommerce-button span:hover:after {
          background: #A5B214; }
      .woocommerce-form-login .woocommerce-button span:before {
        content: '';
        position: absolute;
        left: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(3deg);
        -moz-transform: skew(3deg);
        -o-transform: skew(3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
      .woocommerce-form-login .woocommerce-button span:after {
        content: '';
        position: absolute;
        right: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(-3deg);
        -moz-transform: skew(-3deg);
        -o-transform: skew(-3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
  .woocommerce-form-login .login-password-row {
    position: relative; }
  .woocommerce-form-login .password-toggle-icon {
    position: absolute;
    right: 15px;
    top: 14px;
    height: 20px;
    color: #B5B5B5;
    cursor: pointer; }
    @media screen and (max-width: 520px) {
      .woocommerce-form-login .password-toggle-icon {
        top: 53px; } }
  .woocommerce-form-login .password-toggle-icon-off {
    position: absolute;
    right: 15px;
    top: 14px;
    height: 20px;
    color: #B5B5B5;
    cursor: pointer; }
    @media screen and (max-width: 520px) {
      .woocommerce-form-login .password-toggle-icon-off {
        top: 53px; } }
  .woocommerce-form-login .display-none {
    display: none; }
  .woocommerce-form-login .woocommerce-LostPassword a {
    color: #3A3A3A;
    font-size: 14px; }
    .woocommerce-form-login .woocommerce-LostPassword a:hover {
      text-decoration: underline; }

.login-right-side {
  margin-left: 100px;
  padding-top: 30px;
  /* Button start */
  /* Button einde */ }
  @media screen and (max-width: 1200px) {
    .login-right-side {
      margin-left: 50px; } }
  @media screen and (max-width: 980px) {
    .login-right-side {
      margin-left: 0; } }
  .login-right-side h2 {
    font-size: 18px;
    font-weight: 500;
    color: #3A3A3A;
    margin-bottom: 40px; }
  .login-right-side .span-usps {
    margin-bottom: 38px; }
    .login-right-side .span-usps span {
      margin: 15px 0;
      display: block;
      margin-left: 10px;
      font-size: 14px;
      color: #3A3A3A; }
      @media screen and (max-width: 520px) {
        .login-right-side .span-usps span {
          font-size: 11px; } }
      .login-right-side .span-usps span:before {
        content: url("/wp-content/uploads/2021/10/pawprint.svg");
        width: 23px;
        height: 20px;
        position: relative;
        top: 4px;
        left: -10px; }
  .login-right-side .woocommerce-button {
    width: 100%;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
    .login-right-side .woocommerce-button span {
      background: #b9c725;
      width: calc(100% - 10px);
      margin-left: 5px;
      height: 50px;
      border-radius: 5px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: stretch;
      color: white;
      font-weight: 500;
      position: relative;
      transition: all 300ms; }
      .login-right-side .woocommerce-button span:hover {
        background: #A5B214; }
        .login-right-side .woocommerce-button span:hover:before, .login-right-side .woocommerce-button span:hover:after {
          background: #A5B214; }
      .login-right-side .woocommerce-button span:before {
        content: '';
        position: absolute;
        left: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(3deg);
        -moz-transform: skew(3deg);
        -o-transform: skew(3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
      .login-right-side .woocommerce-button span:after {
        content: '';
        position: absolute;
        right: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(-3deg);
        -moz-transform: skew(-3deg);
        -o-transform: skew(-3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }

.woocommerce-error {
  height: 60px;
  width: 100%;
  background: #fa7171;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  box-sizing: border-box;
  color: white;
  padding-left: 20px !important;
  padding: 0;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch; }
  .woocommerce-error a {
    color: white !important;
    text-decoration: underline; }
  @media screen and (max-width: 520px) {
    .woocommerce-error {
      height: auto;
      padding: 20px !important; } }
  .woocommerce-error strong {
    display: none; }
  .woocommerce-error li {
    list-style-type: none; }

.password-reset-box {
  padding: 30px;
  border-radius: 5px;
  border: 2px solid #EFEFEF;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 100px;
  margin-top: 10px;
  position: relative;
  top: 10px;
  /* Button start */ }
  .password-reset-box h2 {
    font-size: 18px;
    font-weight: 500;
    color: #3A3A3A;
    margin-bottom: 10px;
    display: inline-block; }
  .password-reset-box p {
    font-size: 14px; }
  .password-reset-box .woocommerce-form-row {
    display: flex;
    margin: 20px 0; }
    @media screen and (max-width: 520px) {
      .password-reset-box .woocommerce-form-row {
        flex-direction: column; } }
    .password-reset-box .woocommerce-form-row label {
      width: 175px;
      position: relative;
      top: 10px;
      font-size: 14px;
      color: #3A3A3A;
      min-width: 133px; }
      @media screen and (max-width: 980px) {
        .password-reset-box .woocommerce-form-row label {
          min-width: 175px; } }
      @media screen and (max-width: 520px) {
        .password-reset-box .woocommerce-form-row label {
          top: 0;
          margin-bottom: 10px; } }
    @media screen and (max-width: 980px) {
      .password-reset-box .woocommerce-form-row .password-input {
        width: 100%; } }
    .password-reset-box .woocommerce-form-row input {
      height: 48px;
      width: 100%;
      border-radius: 5px;
      border: 1px solid #EFEFEF;
      box-sizing: border-box;
      padding: 0px 15px;
      font-family: "Cocogoose", sans-serif;
      font-size: 14px;
      color: #3A3A3A; }
      .password-reset-box .woocommerce-form-row input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #B5B5B5;
        opacity: 1;
        /* Firefox */ }
      .password-reset-box .woocommerce-form-row input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #B5B5B5; }
      .password-reset-box .woocommerce-form-row input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #B5B5B5; }
  .password-reset-box .woocommerce-button {
    width: 100%;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
    .password-reset-box .woocommerce-button span {
      background: #b9c725;
      width: calc(100% - 10px);
      margin-left: 5px;
      height: 50px;
      border-radius: 5px;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      align-content: stretch;
      color: white;
      font-weight: 500;
      position: relative;
      transition: all 300ms; }
      .password-reset-box .woocommerce-button span:hover {
        background: #A5B214; }
        .password-reset-box .woocommerce-button span:hover:before, .password-reset-box .woocommerce-button span:hover:after {
          background: #A5B214; }
      .password-reset-box .woocommerce-button span:before {
        content: '';
        position: absolute;
        left: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(3deg);
        -moz-transform: skew(3deg);
        -o-transform: skew(3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }
      .password-reset-box .woocommerce-button span:after {
        content: '';
        position: absolute;
        right: -4px;
        width: 20px;
        height: 50px;
        -webkit-transform: skew(-3deg);
        -moz-transform: skew(-3deg);
        -o-transform: skew(-3deg);
        background: #b9c725;
        border-radius: 5px;
        transition: all 300ms; }

.woocommerce-message {
  margin-top: 40px !important;
  background: #b9c725 !important;
  padding: 20px;
  box-sizing: border-box;
  font-size: 14px !important;
  color: #fff !important;
  border-radius: 4px; }

.password-reset-box span.password-input {
  width: 100%; }

.woocommerce-password-strength {
  margin-top: 20px; }

.main .woocommerce-pagination .page-numbers {
  margin-top: 30px !important;
  margin-bottom: 0 !important; }

.order-summary {
  margin-top: 50px; }
  .order-summary:first-of-type {
    margin-top: 0; }
  .order-summary .summary-details {
    margin-bottom: 20px;
    font-size: 14px;
    color: #3A3A3A;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start; }
    .order-summary .summary-details .back-button {
      color: #b9c725;
      font-family: "Cocogoose", sans-serif;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      margin-right: 30px;
      transition: all 300ms; }
      .order-summary .summary-details .back-button svg {
        height: 20px;
        vertical-align: -5px;
        margin-right: 10px;
        transition: all 300ms;
        position: relative;
        left: 0; }
      .order-summary .summary-details .back-button:hover {
        color: #A5B214; }
        .order-summary .summary-details .back-button:hover svg {
          stroke: #A5B214; }
    .order-summary .summary-details span {
      margin-top: 8px;
      font-size: 14px; }
    .order-summary .summary-details span.order-status {
      font-weight: 500; }
      .order-summary .summary-details span.order-status.color-on-hold {
        color: #B5B5B5; }
      .order-summary .summary-details span.order-status.color-pending {
        color: #B5B5B5; }
      .order-summary .summary-details span.order-status.color-cancelled {
        color: #FA7171; }
      .order-summary .summary-details span.order-status.color-failed {
        color: #FA7171; }
      .order-summary .summary-details span.order-status.color-refunded {
        color: #FA7171; }
      .order-summary .summary-details span.order-status.color-processing {
        color: #DF8F00; }
      .order-summary .summary-details span.order-status.color-completed {
        color: #b9c725; }
      .order-summary .summary-details span.order-status.color-black {
        color: #3A3A3A; }
  .order-summary .paid-text {
    color: #B5B5B5 !important; }
    @media (max-width: 877px) {
      .order-summary .paid-text {
        display: none !important; } }
  @media (max-width: 877px) {
    .order-summary .hide-containerisht-on-mobile {
      border: 0 !important;
      padding: 0 !important; } }
  .order-summary .postnl-href-mobile {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    /* Button start */
    /* Button einde */ }
    @media (min-width: 877px) {
      .order-summary .postnl-href-mobile {
        display: none; } }
    .order-summary .postnl-href-mobile .mobile-tracking-code {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
      padding: 50px 0;
      padding-top: 20px !important;
      color: #3A3A3A;
      font-size: 14px; }
    .order-summary .postnl-href-mobile .woocommerce-button {
      width: 100%;
      max-width: 100%;
      height: 62px;
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      background: white;
      cursor: pointer;
      padding: 6px;
      box-sizing: border-box; }
      .order-summary .postnl-href-mobile .woocommerce-button span {
        background: #b9c725;
        width: calc(100% - 10px);
        margin-left: 5px;
        height: 50px;
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        color: white;
        font-weight: 500;
        position: relative;
        transition: all 300ms; }
        .order-summary .postnl-href-mobile .woocommerce-button span:hover {
          background: #A5B214; }
          .order-summary .postnl-href-mobile .woocommerce-button span:hover:before, .order-summary .postnl-href-mobile .woocommerce-button span:hover:after {
            background: #A5B214; }
        .order-summary .postnl-href-mobile .woocommerce-button span:before {
          content: '';
          position: absolute;
          left: -4px;
          width: 20px;
          height: 50px;
          -webkit-transform: skew(3deg);
          -moz-transform: skew(3deg);
          -o-transform: skew(3deg);
          background: #b9c725;
          border-radius: 5px;
          transition: all 300ms; }
        .order-summary .postnl-href-mobile .woocommerce-button span:after {
          content: '';
          position: absolute;
          right: -4px;
          width: 20px;
          height: 50px;
          -webkit-transform: skew(-3deg);
          -moz-transform: skew(-3deg);
          -o-transform: skew(-3deg);
          background: #b9c725;
          border-radius: 5px;
          transition: all 300ms; }
  .order-summary .container {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    padding: 30px;
    box-sizing: border-box;
    /* Button start */
    /* Button einde */ }
    .order-summary .container .woocommerce-button {
      width: 100%;
      max-width: 340px;
      height: 62px;
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      background: white;
      cursor: pointer;
      padding: 6px;
      box-sizing: border-box; }
      .order-summary .container .woocommerce-button span {
        background: #b9c725;
        width: calc(100% - 10px);
        margin-left: 5px;
        height: 50px;
        border-radius: 5px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        color: white;
        font-weight: 500;
        position: relative;
        transition: all 300ms; }
        .order-summary .container .woocommerce-button span:hover {
          background: #A5B214; }
          .order-summary .container .woocommerce-button span:hover:before, .order-summary .container .woocommerce-button span:hover:after {
            background: #A5B214; }
        .order-summary .container .woocommerce-button span:before {
          content: '';
          position: absolute;
          left: -4px;
          width: 20px;
          height: 50px;
          -webkit-transform: skew(3deg);
          -moz-transform: skew(3deg);
          -o-transform: skew(3deg);
          background: #b9c725;
          border-radius: 5px;
          transition: all 300ms; }
        .order-summary .container .woocommerce-button span:after {
          content: '';
          position: absolute;
          right: -4px;
          width: 20px;
          height: 50px;
          -webkit-transform: skew(-3deg);
          -moz-transform: skew(-3deg);
          -o-transform: skew(-3deg);
          background: #b9c725;
          border-radius: 5px;
          transition: all 300ms; }
    .order-summary .container .shipment-details {
      color: #3A3A3A; }
      .order-summary .container .shipment-details .expected-delivery {
        margin-bottom: 5px; }
        @media (max-width: 1240px) {
          .order-summary .container .shipment-details .expected-delivery.flex-when-needed {
            display: flex;
            flex-direction: column; } }
        .order-summary .container .shipment-details .expected-delivery span {
          font-weight: 500; }
          @media (max-width: 1240px) {
            .order-summary .container .shipment-details .expected-delivery span {
              margin-bottom: 5px; } }
        .order-summary .container .shipment-details .expected-delivery .shipping-text {
          color: #b9c725 !important;
          font-weight: 500; }
        .order-summary .container .shipment-details .expected-delivery .paid-text {
          color: #B5B5B5 !important; }
          @media (max-width: 877px) {
            .order-summary .container .shipment-details .expected-delivery .paid-text {
              display: none !important; } }
    .order-summary .container.padding-15 {
      padding: 15px !important; }
    .order-summary .container.mb-30 {
      margin-bottom: 30px; }
    .order-summary .container.mb-50 {
      margin-bottom: 50px; }
    .order-summary .container.display-flex {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between; }
    @media (max-width: 500px) {
      .order-summary .container {
        padding: 15px; } }
    .order-summary .container .postnl-href {
      width: 100%;
      max-width: 340px; }
      @media (max-width: 1320px) {
        .order-summary .container .postnl-href {
          max-width: 270px; } }
      @media (max-width: 875px) {
        .order-summary .container .postnl-href {
          display: none; } }
    @media (max-width: 1240px) {
      .order-summary .container .hide-on-smaller-desktop {
        display: none; } }
    .order-summary .container .left-side-wrapper {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center; }
    .order-summary .container .courier-logo {
      height: 70px;
      width: 70px;
      border: 1px solid #EDEDED;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px; }
      .order-summary .container .courier-logo img {
        object-fit: contain;
        max-width: 30px; }
    .order-summary .container .payment-logo {
      height: 70px;
      width: 70px;
      border: 1px solid #EDEDED;
      border-radius: 5px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px; }
      @media (max-width: 877px) {
        .order-summary .container .payment-logo {
          width: 60px;
          height: 60px;
          border: none; } }
      .order-summary .container .payment-logo img {
        object-fit: contain;
        max-width: 60px; }
  .order-summary .order-details-extended {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    color: #3A3A3A; }
    @media (max-width: 1230px) {
      .order-summary .order-details-extended {
        flex-wrap: wrap; } }
    .order-summary .order-details-extended .column {
      display: flex;
      flex-direction: column;
      font-size: 14px; }
      .order-summary .order-details-extended .column:first-of-type {
        justify-content: space-between; }
        @media (max-width: 1230px) {
          .order-summary .order-details-extended .column:first-of-type {
            width: 100%;
            margin-bottom: 30px; } }
      @media (max-width: 1230px) {
        .order-summary .order-details-extended .column:last-of-type {
          width: 100%;
          margin-top: 30px; } }
      .order-summary .order-details-extended .column span {
        font-weight: 500;
        display: block; }
      .order-summary .order-details-extended .column .expenses {
        display: flex;
        flex-direction: column;
        min-width: 230px;
        margin-top: 12px; }
        .order-summary .order-details-extended .column .expenses p {
          display: flex !important;
          margin: 0;
          padding: 0;
          flex-direction: row;
          justify-content: space-between; }
          .order-summary .order-details-extended .column .expenses p span {
            flex-direction: row;
            justify-content: space-between;
            display: inline-flex !important;
            font-weight: 400; }
  .order-summary .order-summary-details {
    display: flex;
    flex-direction: column; }
    .order-summary .order-summary-details a {
      display: inline-block;
      margin-top: 30px;
      font-weight: 500;
      font-size: 14px;
      color: #b9c725;
      transition: all 300ms; }
      @media (max-width: 500px) {
        .order-summary .order-summary-details a {
          margin-top: 15px; } }
      .order-summary .order-summary-details a:hover {
        color: #A5B214; }
        .order-summary .order-summary-details a:hover svg {
          left: 5px;
          stroke: #A5B214; }
      .order-summary .order-summary-details a svg {
        height: 20px;
        position: relative;
        top: 4px;
        left: 0;
        transition: all 300ms; }
    .order-summary .order-summary-details .order-item {
      margin-top: 30px;
      display: flex;
      flex-direction: row; }
      .order-summary .order-summary-details .order-item:first-of-type {
        margin-top: 0 !important; }
      @media (max-width: 550px) {
        .order-summary .order-summary-details .order-item {
          margin-top: 20px; } }
      .order-summary .order-summary-details .order-item .product-image {
        min-width: 150px;
        min-height: 150px;
        width: 150px;
        height: 150px;
        border-radius: 5px;
        border: 1px solid #F2F2F2;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        margin-right: 30px; }
        @media (max-width: 550px) {
          .order-summary .order-summary-details .order-item .product-image {
            width: 115px;
            height: 115px;
            min-width: 115px;
            min-height: 115px;
            margin-right: 15px; } }
        .order-summary .order-summary-details .order-item .product-image img {
          object-fit: contain;
          max-width: 100px;
          max-height: 100px; }
      .order-summary .order-summary-details .order-item .product-details {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start;
        align-content: stretch; }
        .order-summary .order-summary-details .order-item .product-details .woocommerce-Price-currencySymbol {
          display: none !important; }
        .order-summary .order-summary-details .order-item .product-details .product-title {
          font-size: 14px;
          max-width: 500px;
          color: #3A3A3A;
          margin-bottom: 10px;
          font-weight: 500; }
          @media (max-width: 550px) {
            .order-summary .order-summary-details .order-item .product-details .product-title {
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              text-overflow: ellipsis;
              overflow: hidden; } }
        .order-summary .order-summary-details .order-item .product-details span.product-desc {
          line-height: 24px;
          font-size: 14px;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          overflow: hidden;
          color: #3A3A3A;
          max-width: 500px; }
        .order-summary .order-summary-details .order-item .product-details .price-details {
          margin-top: 15px;
          color: #3A3A3A;
          font-weight: 500;
          font-size: 18px; }
    .order-summary .order-summary-details .postnl-href-mobile {
      width: 100%;
      max-width: 100%;
      margin-top: 30px;
      margin-bottom: 30px;
      /* Button start */
      /* Button einde */ }
      .order-summary .order-summary-details .postnl-href-mobile button {
        border: 1px solid red; }
      .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button {
        width: 100%;
        max-width: 340px;
        height: 62px;
        border: 1px solid #EFEFEF;
        border-radius: 5px;
        background: white;
        cursor: pointer;
        padding: 6px;
        box-sizing: border-box; }
        .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span {
          background: #b9c725;
          width: calc(100% - 10px);
          margin-left: 5px;
          height: 50px;
          border-radius: 5px;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          align-content: stretch;
          color: white;
          font-weight: 500;
          position: relative;
          transition: all 300ms; }
          .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover {
            background: #A5B214; }
            .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover:before, .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover:after {
              background: #A5B214; }
          .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:before {
            content: '';
            position: absolute;
            left: -4px;
            width: 20px;
            height: 50px;
            -webkit-transform: skew(3deg);
            -moz-transform: skew(3deg);
            -o-transform: skew(3deg);
            background: #b9c725;
            border-radius: 5px;
            transition: all 300ms; }
          .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:after {
            content: '';
            position: absolute;
            right: -4px;
            width: 20px;
            height: 50px;
            -webkit-transform: skew(-3deg);
            -moz-transform: skew(-3deg);
            -o-transform: skew(-3deg);
            background: #b9c725;
            border-radius: 5px;
            transition: all 300ms; }

.service-container .go-back {
  display: flex;
  align-items: center;
  font-weight: 500;
  gap: 15px; }

.service-container .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 50px; }
  @media screen and (max-width: 1024px) {
    .service-container .breadcrumbs {
      margin-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .service-container .breadcrumbs {
      flex-direction: column;
      align-items: normal;
      gap: 15px; } }
  .service-container .breadcrumbs .breadcrumbs-in {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1; }
    .service-container .breadcrumbs .breadcrumbs-in .item {
      color: #3A3A3A;
      font-size: 16px;
      line-height: 26px; }
  .service-container .breadcrumbs .share-page .copy-to-clip {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #3A3A3A;
    font-size: 16px;
    line-height: 26px; }

.service-container .knowledge-base-content,
.service-container .service-content {
  margin-bottom: 50px; }
  @media screen and (max-width: 1024px) {
    .service-container .knowledge-base-content,
    .service-container .service-content {
      margin-bottom: 30px; } }
  .service-container .knowledge-base-content .title,
  .service-container .service-content .title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 30px;
    color: #3A3A3A;
    font-weight: 500; }
  .service-container .knowledge-base-content p,
  .service-container .service-content p {
    margin: 0;
    font-size: 16px;
    line-height: 26px; }

.service-container.service-single-container .service-faq {
  gap: 50px; }
  .service-container.service-single-container .service-faq .left {
    width: calc(65% - 25px); }
  .service-container.service-single-container .service-faq .right {
    width: calc(35% - 25px); }
  @media screen and (max-width: 1224px) {
    .service-container.service-single-container .service-faq {
      gap: 30px; }
      .service-container.service-single-container .service-faq .left {
        width: calc(60% - 15px); }
      .service-container.service-single-container .service-faq .right {
        width: calc(40% - 15px); } }
  @media screen and (max-width: 1024px) {
    .service-container.service-single-container .service-faq {
      flex-direction: column; }
      .service-container.service-single-container .service-faq .left,
      .service-container.service-single-container .service-faq .right {
        width: 100%; } }

.service-container.service-single-container .service-info-contact .item {
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  min-height: 120px; }
  .service-container.service-single-container .service-info-contact .item .left {
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .service-container.service-single-container .service-info-contact .item .right {
    width: auto; }
    .service-container.service-single-container .service-info-contact .item .right .content p {
      font-size: 14px;
      color: #B5B5B5;
      line-height: 26px; }
      .service-container.service-single-container .service-info-contact .item .right .content p a {
        color: #24374E;
        font-weight: 600; }
      .service-container.service-single-container .service-info-contact .item .right .content p b {
        font-size: 16px;
        color: #243745; }
      .service-container.service-single-container .service-info-contact .item .right .content p .green {
        color: #68B033; }

.form .gform_wrapper.gravity-theme .gform_required_legend {
  display: none; }

.form .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px; }

.form .gform_wrapper.gravity-theme .gfield {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 30px; }
  @media screen and (max-width: 768px) {
    .form .gform_wrapper.gravity-theme .gfield {
      flex-direction: column;
      align-items: normal; } }
  .form .gform_wrapper.gravity-theme .gfield .gfield_label {
    font-weight: 400;
    color: #3A3A3A;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0;
    flex-basis: 155px; }
    @media screen and (max-width: 768px) {
      .form .gform_wrapper.gravity-theme .gfield .gfield_label {
        flex-basis: auto; } }
    .form .gform_wrapper.gravity-theme .gfield .gfield_label .gfield_required {
      color: #3A3A3A; }
  .form .gform_wrapper.gravity-theme .gfield .ginput_container {
    flex-grow: 1;
    flex-basis: calc(100% - 185px); }
    @media screen and (max-width: 768px) {
      .form .gform_wrapper.gravity-theme .gfield .ginput_container {
        flex-basis: auto; } }
  .form .gform_wrapper.gravity-theme .gfield input,
  .form .gform_wrapper.gravity-theme .gfield select,
  .form .gform_wrapper.gravity-theme .gfield textarea {
    font-family: inherit;
    font-size: 16px;
    line-height: 26px;
    color: #333333;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    padding: 10px 15px; }
    .form .gform_wrapper.gravity-theme .gfield input::placeholder,
    .form .gform_wrapper.gravity-theme .gfield select::placeholder,
    .form .gform_wrapper.gravity-theme .gfield textarea::placeholder {
      color: #B5B5B5; }
  .form .gform_wrapper.gravity-theme .gfield select,
  .form .gform_wrapper.gravity-theme .gfield input {
    height: 48px; }
  .form .gform_wrapper.gravity-theme .gfield textarea {
    max-width: 100%;
    resize: none; }
  .form .gform_wrapper.gravity-theme .gfield select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23B9C725' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 20px; }
  .form .gform_wrapper.gravity-theme .gfield .gfield_description {
    padding: 0;
    font-size: 14px;
    line-height: 25px;
    color: #B5B5B5;
    padding-left: 185px; }
    @media screen and (max-width: 768px) {
      .form .gform_wrapper.gravity-theme .gfield .gfield_description {
        padding-left: 0; } }

.form .gform_wrapper.gravity-theme .gform_footer {
  margin: 50px 0 0 0;
  padding: 0 0 0 185px; }
  @media screen and (max-width: 768px) {
    .form .gform_wrapper.gravity-theme .gform_footer {
      margin: 30px 0 0 0;
      padding: 0; } }
  .form .gform_wrapper.gravity-theme .gform_footer input {
    width: 100%;
    height: 62px;
    cursor: pointer;
    background-color: transparent;
    position: relative;
    border: 1px solid #efefef;
    border-radius: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='502' height='50'%3E%3Cpath fill='%23B9C725' fill-rule='evenodd' d='M5.288 0h491.424a5 5 0 0 1 4.992 5.28l-2.244 40a5 5 0 0 1-4.992 4.72H7.532a5 5 0 0 1-4.992-4.72l-2.244-40A5 5 0 0 1 5.288 0Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: calc(100% - 10px) calc(100% - 10px);
    background-position: center;
    font-family: inherit;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    margin: 0; }

.service-container .wrapper, .service-container .category-slider-wrapper .inner-wrapper, .category-slider-wrapper .service-container .inner-wrapper {
  display: block; }

.service-container .service-top {
  padding: 90px 0 120px 0;
  position: relative;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
  min-height: 300px; }
  @media screen and (max-width: 768px) {
    .service-container .service-top {
      border-radius: 0;
      padding: 0;
      overflow: visible;
      margin-bottom: 20px;
      min-height: 0; } }
  .service-container .service-top .img-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    @media screen and (max-width: 768px) {
      .service-container .service-top .img-top {
        position: relative;
        height: 250px;
        margin: 0 -20px 20px -20px; } }
    @media screen and (max-width: 480px) {
      .service-container .service-top .img-top {
        height: 180px;
        margin-bottom: 0; } }
    .service-container .service-top .img-top .img {
      height: 100%;
      width: 100%;
      background-position: center right;
      background-size: cover;
      background-repeat: no-repeat; }
      .service-container .service-top .img-top .img:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.2); }
        @media screen and (max-width: 768px) {
          .service-container .service-top .img-top .img:after {
            display: none; } }
  .service-container .service-top .service-top-content {
    text-align: center;
    position: relative; }
    @media screen and (max-width: 768px) {
      .service-container .service-top .service-top-content {
        text-align: left; } }
    .service-container .service-top .service-top-content .title {
      color: #fff;
      font-size: 30px;
      font-weight: 500;
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .service-container .service-top .service-top-content .title {
          color: #3A3A3A;
          font-size: 20px;
          text-shadow: none; } }
    .service-container .service-top .service-top-content .button-group {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px; }
      @media screen and (max-width: 768px) {
        .service-container .service-top .service-top-content .button-group {
          overflow-x: scroll;
          justify-content: normal; } }
      .service-container .service-top .service-top-content .button-group .btn {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        padding: 8px 18px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='40'%3E%3Cpath fill='%23B9C725' fill-rule='evenodd' d='M5.6 0h148.8a5 5 0 0 1 4.968 5.565l-3.41 30A5 5 0 0 1 150.992 40H9.009a5 5 0 0 1-4.968-4.435l-3.409-30A5 5 0 0 1 5.6 0Z'/%3E%3C/svg%3E"); }
        @media screen and (max-width: 768px) {
          .service-container .service-top .service-top-content .button-group .btn {
            background-image: none;
            padding: 10px 20px;
            flex-shrink: 0;
            border: 1px solid #EFEFEF;
            border-radius: 5px;
            color: #B5B5B5;
            font-weight: 400; }
            .service-container .service-top .service-top-content .button-group .btn svg {
              display: none; } }

.service-container .service-bottom {
  max-width: 1100px;
  margin: -90px auto 0 auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .service-container .service-bottom {
      padding: 0;
      margin: 0 0 50px 0; } }
  .service-container .service-bottom .service-bottom-top .title {
    color: #3A3A3A;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px; }
    .service-container .service-bottom .service-bottom-top .title .availability {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 16px;
      font-weight: 400; }
      .service-container .service-bottom .service-bottom-top .title .availability span {
        width: 8px;
        height: 8px;
        background-color: #68B033;
        border-radius: 100%;
        flex-shrink: 0; }
  .service-container .service-bottom .service-bottom-bottom {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 70px; }
    @media screen and (max-width: 1224px) {
      .service-container .service-bottom .service-bottom-bottom {
        gap: 15px; } }
    @media screen and (max-width: 1024px) {
      .service-container .service-bottom .service-bottom-bottom {
        flex-wrap: wrap; } }
    .service-container .service-bottom .service-bottom-bottom .item {
      border: 1px solid #EFEFEF;
      border-radius: 5px;
      display: flex;
      align-items: center;
      gap: 30px;
      padding: 30px;
      min-height: 120px;
      flex: 1; }
      @media screen and (max-width: 1224px) {
        .service-container .service-bottom .service-bottom-bottom .item {
          gap: 20px;
          padding: 30px 25px; } }
      @media screen and (max-width: 1024px) {
        .service-container .service-bottom .service-bottom-bottom .item {
          flex: 1 0 auto; } }
      .service-container .service-bottom .service-bottom-bottom .item .content p {
        font-size: 14px;
        color: #B5B5B5;
        line-height: 26px; }
        .service-container .service-bottom .service-bottom-bottom .item .content p a {
          color: #24374E;
          font-weight: 600; }
        .service-container .service-bottom .service-bottom-bottom .item .content p b {
          font-size: 16px;
          color: #243745; }
        .service-container .service-bottom .service-bottom-bottom .item .content p .green {
          color: #68B033; }

.service-container .service-faq {
  display: flex;
  gap: 90px; }
  .service-container .service-faq .left {
    width: calc(55% - 45px); }
  .service-container .service-faq .right {
    width: calc(45% - 45px); }
  @media screen and (max-width: 1224px) {
    .service-container .service-faq {
      gap: 40px; }
      .service-container .service-faq .left {
        width: calc(55% - 20px); }
      .service-container .service-faq .right {
        width: calc(45% - 20px); } }
  @media screen and (max-width: 1024px) {
    .service-container .service-faq {
      flex-direction: column; }
      .service-container .service-faq .left,
      .service-container .service-faq .right {
        width: 100%; } }
  .service-container .service-faq .title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
    color: #3A3A3A;
    font-weight: 500; }

.faq .faq-item {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #EFEFEF;
  cursor: pointer; }
  .faq .faq-item.open .faq-question .icon svg {
    transform: rotate(180deg); }
  .faq .faq-item .faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px; }
    .faq .faq-item .faq-question h3 {
      font-weight: 500;
      margin: 0; }
      @media screen and (max-width: 768px) {
        .faq .faq-item .faq-question h3 {
          font-weight: 400; } }
    .faq .faq-item .faq-question .icon svg {
      transition: ease-in-out 200ms transform; }
  .faq .faq-item .faq-answer {
    display: none;
    padding-top: 10px;
    font-size: 16px;
    line-height: 26px; }
    .faq .faq-item .faq-answer ul,
    .faq .faq-item .faq-answer ol,
    .faq .faq-item .faq-answer p {
      font-size: 16px;
      line-height: 26px;
      margin-top: 0;
      margin-bottom: 15px; }
      .faq .faq-item .faq-answer ul:last-child,
      .faq .faq-item .faq-answer ol:last-child,
      .faq .faq-item .faq-answer p:last-child {
        margin-bottom: 0; }
    .faq .faq-item .faq-answer ul {
      list-style: none;
      padding: 0; }
      .faq .faq-item .faq-answer ul li {
        padding-left: 25px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12'%3E%3Cg fill='%23B9C725' fill-rule='nonzero'%3E%3Cpath d='M9.228 6.419A3.35 3.35 0 0 0 6.4 4.879 3.35 3.35 0 0 0 3.57 6.42L2.074 8.74c-.248.386-.363.83-.332 1.287a2.115 2.115 0 0 0 1.648 1.918c.45.102.909.059 1.33-.126l.028-.012a4.2 4.2 0 0 1 3.33.012 2.124 2.124 0 0 0 1.33.126 2.115 2.115 0 0 0 1.317-3.205L9.228 6.419Zm.708 4.316c-.38.443-.997.583-1.533.349a5.001 5.001 0 0 0-4.008 0l-.018.007a1.315 1.315 0 0 1-1.515-.356 1.3 1.3 0 0 1-.107-1.56L4.25 6.853A2.544 2.544 0 0 1 6.4 5.684c.874 0 1.677.437 2.148 1.169l1.497 2.322c.315.49.272 1.118-.108 1.56ZM2.477 6.416c.445-.17.783-.527.952-1.005.16-.455.148-.969-.037-1.446a2.102 2.102 0 0 0-.947-1.098c-.447-.242-.939-.281-1.383-.11-.894.341-1.304 1.44-.915 2.45.312.804 1.038 1.311 1.773 1.311.187 0 .375-.033.557-.102ZM.902 4.918c-.23-.595-.028-1.228.45-1.41a.754.754 0 0 1 .271-.05c.144 0 .293.039.436.116.257.14.462.38.578.68.116.3.126.615.029.89a.834.834 0 0 1-.48.52c-.477.184-1.053-.151-1.284-.746ZM5.38 4.596c1.118 0 2.027-1.03 2.027-2.298C7.407 1.031 6.497 0 5.38 0S3.353 1.031 3.353 2.298c0 1.267.91 2.298 2.027 2.298Zm0-3.791c.672 0 1.218.67 1.218 1.493 0 .823-.546 1.493-1.218 1.493-.671 0-1.218-.67-1.218-1.493 0-.823.547-1.493 1.218-1.493ZM8.88 5.16h.001c.172.057.347.084.522.084.815 0 1.61-.59 1.913-1.497a2.243 2.243 0 0 0-.033-1.555c-.204-.502-.583-.867-1.067-1.027-.483-.16-1.007-.094-1.473.187a2.255 2.255 0 0 0-.961 1.226c-.368 1.102.125 2.26 1.099 2.583Zm-.33-2.328a1.45 1.45 0 0 1 .612-.791c.26-.157.544-.197.8-.113.254.085.457.286.572.566.123.303.128.658.014 1-.227.68-.86 1.085-1.412.903-.55-.182-.814-.884-.586-1.565ZM13.15 4.892c-.771-.566-1.924-.32-2.57.548-.646.869-.545 2.037.224 2.604.281.207.613.306.952.306.592 0 1.207-.3 1.619-.853.645-.87.544-2.037-.225-2.605Zm-.426 2.126c-.381.513-1.026.683-1.438.38-.412-.304-.437-.967-.056-1.48.253-.34.622-.529.963-.529.172 0 .337.049.476.15.41.304.436.967.055 1.479Z'/%3E%3C/g%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center left; }

.subjects {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 50px; }
  @media screen and (max-width: 768px) {
    .subjects {
      gap: 20px; } }
  .subjects .subject {
    width: calc(50% - 25px); }
    @media screen and (max-width: 600px) {
      .subjects .subject {
        width: 100%; } }
    .subjects .subject .sub-title {
      margin-bottom: 15px;
      font-size: 14px;
      line-height: 26px;
      color: #B9C725;
      font-weight: 500; }
      .subjects .subject .sub-title a {
        font-weight: 500; }
      @media screen and (max-width: 768px) {
        .subjects .subject .sub-title {
          margin-bottom: 0;
          color: #333333;
          font-weight: 400; }
          .subjects .subject .sub-title a {
            color: #333333;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px; } }
      .subjects .subject .sub-title .icon {
        display: none; }
        @media screen and (max-width: 768px) {
          .subjects .subject .sub-title .icon {
            display: block;
            flex-shrink: 0; } }
    .subjects .subject .sub-item {
      margin-bottom: 5px; }
      @media screen and (max-width: 768px) {
        .subjects .subject .sub-item {
          display: none; } }
      .subjects .subject .sub-item a {
        color: #3A3A3A;
        font-size: 14px;
        line-height: 26px;
        transition: ease-in-out 200ms color; }
        .subjects .subject .sub-item a:hover {
          color: #B9C725; }
    .subjects .subject .show-more {
      display: none;
      align-items: center;
      font-size: 14px;
      line-height: 26px;
      gap: 10px;
      cursor: pointer;
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .subjects .subject .show-more {
          display: none !important; } }
    .subjects .subject.more .show-more {
      display: flex; }

.single-top-info {
  gap: 50px; }
  @media screen and (max-width: 1200px) {
    .single-top-info {
      gap: 30px; } }
  @media screen and (max-width: 1024px) {
    .single-top-info {
      flex-direction: column; } }
  .single-top-info > div {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .single-top-info > div {
        width: 100%; } }
  .single-top-info h1 {
    color: #3A3A3A; }
  .single-top-info .sp-info-mobile {
    display: none; }
    @media screen and (max-width: 1024px) {
      .single-top-info .sp-info-mobile {
        display: block; } }
    .single-top-info .sp-info-mobile h1 {
      font-size: 20px;
      line-height: 26px;
      margin: 0; }

.sp-image {
  display: flex;
  gap: 25px; }
  @media screen and (max-width: 1024px) {
    .sp-image {
      flex-direction: column-reverse;
      margin-top: 15px; } }
  .sp-image .sp-product-image {
    width: 100%;
    height: 550px;
    text-align: center;
    border: 3px solid #F5F5F5;
    border-radius: 5px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center; }
    @media screen and (max-width: 1024px) {
      .sp-image .sp-product-image {
        margin-left: 0;
        height: 300px;
        border: 0; } }
    .sp-image .sp-product-image figure {
      margin: 0; }
      .sp-image .sp-product-image figure .helper {
        height: 100%;
        display: inline-block;
        vertical-align: middle; }
      .sp-image .sp-product-image figure img {
        max-width: 90%; }
  .sp-image .gallery-images {
    flex-shrink: 0;
    max-height: 550px;
    overflow-y: scroll;
    overflow-x: hidden; }
    @media screen and (max-width: 1024px) {
      .sp-image .gallery-images {
        max-height: none;
        display: flex;
        align-items: center;
        overflow-y: hidden;
        overflow-x: scroll;
        gap: 20px; } }
    .sp-image .gallery-images .gallery-image-wrapper {
      width: 80px;
      height: 80px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 3px solid #F5F5F5;
      border-radius: 5px;
      margin-bottom: 20px;
      flex-shrink: 0; }
      @media screen and (max-width: 1024px) {
        .sp-image .gallery-images .gallery-image-wrapper {
          margin-bottom: 0; } }
      .sp-image .gallery-images .gallery-image-wrapper .helper {
        height: 100%; }
    .sp-image .gallery-images img {
      cursor: pointer;
      height: 60px;
      width: 60px;
      object-fit: cover;
      position: relative;
      vertical-align: middle;
      mix-blend-mode: multiply; }

.sp-information .info-wrapper {
  padding-top: 30px;
  color: #3a3a3a; }
  @media screen and (max-width: 1024px) {
    .sp-information .info-wrapper {
      padding-top: 0; } }
  @media screen and (max-width: 1024px) {
    .sp-information .info-wrapper .sp-info-desktop {
      display: none; } }
  .sp-information .info-wrapper h1 {
    margin-top: 0;
    margin-bottom: 25px; }
  .sp-information .info-wrapper .short-description {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.625em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .sp-information .info-wrapper .read-more-stock {
    display: flex;
    align-items: center;
    gap: 30px; }
  .sp-information .info-wrapper .read-more {
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 15px; }
    .sp-information .info-wrapper .read-more svg {
      display: block; }
  .sp-information .info-wrapper .price-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px; }
    .sp-information .info-wrapper .price-wrapper .price {
      font-size: 30px;
      font-weight: 500;
      margin: 0;
      display: flex;
      align-items: center;
      gap: 15px;
      padding-bottom: 31px; }
      .sp-information .info-wrapper .price-wrapper .price .old-price {
        color: #B5B5B5;
        font-size: 14px;
        font-weight: 400;
        text-decoration: line-through; }
      .sp-information .info-wrapper .price-wrapper .price .discount-price {
        color: #FA7171;
        position: relative; }
        .sp-information .info-wrapper .price-wrapper .price .discount-price:after {
          content: url("/wp-content/uploads/2022/02/kanjerprijs.svg");
          position: absolute;
          left: 0;
          bottom: -31px;
          font-size: 14px; }

.in-3 .in-3-top {
  display: flex;
  align-items: center;
  gap: 15px; }
  .in-3 .in-3-top img {
    flex-shrink: 0; }
  .in-3 .in-3-top p {
    margin: 0;
    font-size: 16px;
    line-height: 22px; }

.in-3 span {
  color: #B5B5B5;
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 18px; }

.single_add_to_cart_button {
  width: 100%;
  height: 62px;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  border: 1px solid #efefef;
  border-radius: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='502' height='50'%3E%3Cpath fill='%23B9C725' fill-rule='evenodd' d='M5.288 0h491.424a5 5 0 0 1 4.992 5.28l-2.244 40a5 5 0 0 1-4.992 4.72H7.532a5 5 0 0 1-4.992-4.72l-2.244-40A5 5 0 0 1 5.288 0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: calc(100% - 10px) calc(100% - 10px);
  background-position: center; }
  .single_add_to_cart_button .loader {
    margin-right: 10px;
    display: none;
    height: 25px; }
  .single_add_to_cart_button:hover .button-shape-background g {
    fill: #A5B214 !important; }
  .single_add_to_cart_button .text-wrapper {
    z-index: 2;
    width: 100%;
    color: white;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .single_add_to_cart_button .text-wrapper span {
      font-size: 14px; }
    .single_add_to_cart_button .text-wrapper svg {
      margin-right: 10px; }

.add-to-cart {
  display: flex;
  gap: 20px;
  margin-top: 25px; }
  @media screen and (max-width: 1024px) {
    .add-to-cart {
      max-width: 600px; } }
  @media screen and (max-width: 600px) {
    .add-to-cart {
      max-width: none;
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 99;
      gap: 15px;
      margin-top: 0;
      border-top: 1px solid #efefef;
      background-color: #fff;
      padding: 9px 20px; } }
  .add-to-cart .cart {
    flex-grow: 1;
    margin: 0; }
  .add-to-cart .added_to_cart {
    display: none; }
  .add-to-cart #wishlist {
    height: 62px;
    width: 62px;
    position: relative;
    margin-top: -10px;
    border-radius: 5px;
    background: none;
    cursor: pointer;
    border: 1px solid #efefef; }
    .add-to-cart #wishlist .user-icon {
      color: #3A3A3A; }
    .add-to-cart #wishlist .background-wishlist {
      right: 1px;
      position: relative; }
    .add-to-cart #wishlist #order-count {
      top: 7px;
      z-index: 4;
      width: 16px;
      height: 16px;
      font-size: 12px;
      font-weight: 600;
      background: white;
      line-height: 16px;
      border-radius: 2px;
      text-align: center;
      position: absolute; }
    .add-to-cart #wishlist .background-user g, .add-to-cart #wishlist .background-wishlist g, .add-to-cart #wishlist .background-cart g {
      transition: all 100ms; }
    .add-to-cart #wishlist:hover .background-user g {
      fill: #EAEAEA !important; }
    .add-to-cart #wishlist:hover .background-wishlist g {
      fill: #DE6565 !important; }
    .add-to-cart #wishlist:hover .background-cart g {
      fill: #A5B214 !important; }
    .add-to-cart #wishlist .feather {
      top: 19px;
      z-index: 2;
      width: 22px;
      right: 20px;
      color: white;
      position: absolute; }

.tomorrow-in-home {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 15px; }
  .tomorrow-in-home svg {
    color: #b9c725; }
  .tomorrow-in-home span {
    font-size: 16px; }

.sp-usps {
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap; }
  .sp-usps .usp {
    display: flex;
    align-items: center;
    gap: 10px; }
    .sp-usps .usp svg {
      display: block;
      color: #b9c725; }

.description-wrapper {
  margin-top: 50px;
  color: #3a3a3a;
  align-items: flex-start;
  gap: 50px; }
  @media screen and (max-width: 1024px) {
    .description-wrapper.rev-column {
      flex-direction: column-reverse; } }
  @media screen and (max-width: 1024px) {
    .description-wrapper {
      flex-direction: column; } }
  .description-wrapper h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px; }
  .description-wrapper .description {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .description-wrapper .description {
        width: 100%; } }
    .description-wrapper .description table {
      width: 100%;
      font-size: 14px;
      border-collapse: collapse; }
      .description-wrapper .description table tr:nth-child(odd) {
        background: #f6f6f6; }
      .description-wrapper .description table tr td {
        padding: 10px 20px; }
        .description-wrapper .description table tr td:first-child {
          font-weight: 500;
          width: 40%; }
  .description-wrapper .plus-and-min {
    flex-grow: 1; }
    @media screen and (max-width: 1024px) {
      .description-wrapper .plus-and-min {
        width: 100%; } }
    .description-wrapper .plus-and-min .plus-and-min-points .plus-minus-item {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      gap: 15px; }
      .description-wrapper .plus-and-min .plus-and-min-points .plus-minus-item:last-child {
        margin-bottom: 0; }
  @media screen and (max-width: 1024px) {
    .description-wrapper .nutritional-advice-inner {
      width: 100%; } }
  .description-wrapper .nutritional-advice-inner table {
    width: 100%;
    font-size: 14px;
    text-align: left;
    border-collapse: collapse; }
    .description-wrapper .nutritional-advice-inner table th, .description-wrapper .nutritional-advice-inner table td {
      padding: 10px 15px; }
    .description-wrapper .nutritional-advice-inner table thead tr {
      background: #F6F6F6; }
    .description-wrapper .nutritional-advice-inner table thead th {
      font-weight: 500; }
    .description-wrapper .nutritional-advice-inner table tbody tr:nth-child(even) {
      background: #F6F6F6; }

.title-and-back-button {
  width: 100%;
  display: flex;
  margin-top: 50px;
  justify-content: space-between;
  color: #3a3a3a; }
  .title-and-back-button h2 {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 30px; }
  .title-and-back-button .back-to-overview {
    top: 15px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    color: #b9c725; }
    .title-and-back-button .back-to-overview svg {
      top: 6px;
      margin-left: 10px;
      position: relative; }

.recently-viewed-products {
  position: relative;
  margin-bottom: 100px;
  color: #3a3a3a; }
  .recently-viewed-products .yith-similar-products {
    position: relative;
    max-width: 90vw; }
    .recently-viewed-products .yith-similar-products h2 {
      display: none; }

.pp_pic_holder {
  top: 50px !important; }
  .pp_pic_holder .heading-icon {
    margin-top: 20px; }
  .pp_pic_holder .wishlist-select {
    width: 100%;
    border-radius: 5px;
    padding: 12px;
    font-size: 14px; }
  .pp_pic_holder .popup-description {
    text-align: left;
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 22px; }
  .pp_pic_holder .wishlist-name {
    width: 100%;
    border: 1px solid #202020;
    border-radius: 6px;
    padding: 12px 15px;
    font-size: 14px; }
  .pp_pic_holder .form-row {
    font-weight: 400; }
    .pp_pic_holder .form-row b {
      font-weight: 500; }
  .pp_pic_holder .single_add_to_wishlist {
    top: 7px;
    color: #fff;
    padding: 10px 12px;
    position: relative;
    background: #b9c725;
    border-radius: 5px; }

.combination-products {
  display: flex;
  gap: 50px; }
  @media screen and (max-width: 1200px) {
    .combination-products {
      gap: 30px; } }
  @media screen and (max-width: 1024px) {
    .combination-products {
      flex-direction: column; } }
  .combination-products .left {
    width: 50%; }
    @media screen and (max-width: 1200px) {
      .combination-products .left {
        width: 65%; } }
    @media screen and (max-width: 1024px) {
      .combination-products .left {
        width: 100%; } }
    .combination-products .left h2 {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 25px;
      margin-top: 0;
      position: relative; }
      .combination-products .left h2:after {
        content: url("/wp-content/uploads/2022/02/kanjerprijs.svg");
        position: absolute;
        left: 210px;
        font-size: 14px; }
    .combination-products .left .image-wrapper {
      height: 180px; }
      @media screen and (max-width: 1024px) {
        .combination-products .left .image-wrapper {
          height: 250px; } }
      .combination-products .left .image-wrapper .theme-icon {
        display: none; }
    .combination-products .left .info-wrapper .title {
      margin-top: 20px;
      color: #3a3a3a;
      -webkit-line-clamp: 3; }
    .combination-products .left .info-wrapper .price {
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      position: relative; }
      .combination-products .left .info-wrapper .price span {
        position: absolute;
        margin-left: 0;
        top: 20px; }
    .combination-products .left .info-wrapper button {
      position: static;
      margin-top: 0;
      margin-left: auto;
      display: block; }
  .combination-products .right {
    flex-grow: 1;
    padding-top: 50px; }
    @media screen and (max-width: 1024px) {
      .combination-products .right {
        padding-top: 0; } }
    .combination-products .right .stripe-wrapper {
      padding: 0 25px;
      background: #F5F5F5; }
      .combination-products .right .stripe-wrapper span {
        height: 2px;
        width: 100%;
        background: #EFEFEF;
        display: block; }
    .combination-products .right .has-discount-row #add-prod-price {
      left: 5px;
      top: -3px;
      color: #B5B5B5;
      font-size: 14px;
      font-weight: 400;
      position: relative;
      text-decoration: line-through; }
    .combination-products .right .product-now-list {
      padding: 15px 30px;
      background-color: #FAFAFA;
      border-radius: 5px; }
    .combination-products .right .product-now {
      display: flex;
      align-items: center;
      gap: 20px;
      padding: 15px 0;
      position: relative; }
      .combination-products .right .product-now .delete-row {
        right: 20px;
        bottom: 25px;
        font-weight: 500;
        position: absolute;
        color: #FA7171;
        cursor: pointer; }
      .combination-products .right .product-now .image img {
        width: 80px;
        margin: auto;
        height: 80px;
        padding: 10px;
        border-radius: 5px;
        background: #fff;
        box-sizing: border-box;
        border: 2px solid #EFEFEF; }
      .combination-products .right .product-now .text .product-title {
        margin: 0;
        font-size: 16px; }
      .combination-products .right .product-now .text .product-price {
        font-size: 24px;
        font-weight: 500;
        margin: 0; }
        .combination-products .right .product-now .text .product-price #add-prod-discount-price {
          color: #FA7171; }
      .combination-products .right .product-now .text .has-discount {
        color: #FA7171; }
        .combination-products .right .product-now .text .has-discount #regular-price {
          left: 5px;
          top: -4px;
          color: #B5B5B5;
          font-size: 14px;
          font-weight: 400;
          position: relative;
          text-decoration: line-through; }

.good-combination-wrapper {
  margin-top: 50px; }

.good-combination {
  width: 100%; }
  .good-combination .flex {
    gap: 15px;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .good-combination .flex {
        overflow-x: scroll; } }
    .good-combination .flex .product-wrapper {
      max-width: 180px; }
      @media screen and (max-width: 1024px) {
        .good-combination .flex .product-wrapper {
          max-width: 250px;
          width: 250px;
          flex-shrink: 0; } }

.total-of-products {
  display: flex;
  margin-top: 25px;
  position: relative;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 580px) {
    .total-of-products {
      flex-direction: column;
      align-items: center; } }
  .total-of-products .product-price {
    margin: 0;
    position: relative;
    padding-bottom: 11px;
    padding-right: 30px; }
  .total-of-products .in-3 {
    margin-top: 20px; }
    .total-of-products .in-3 .in-3-top {
      display: flex;
      align-items: center;
      justify-content: center; }
      .total-of-products .in-3 .in-3-top p {
        margin: 0; }
    .total-of-products .in-3 span {
      justify-content: center; }
  .total-of-products #total-price {
    font-size: 30px;
    font-weight: 500;
    color: #FA7171; }
    .total-of-products #total-price:after {
      left: 0;
      bottom: -10px;
      font-size: 14px;
      position: absolute;
      content: url("/wp-content/uploads/2022/02/kanjerprijs.svg"); }
  .total-of-products #discount-price {
    left: 7px;
    top: -4px;
    color: #B5B5B5;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    text-decoration: line-through; }
  .total-of-products .in-cart-btn {
    flex-grow: 1; }
    @media screen and (max-width: 1024px) {
      .total-of-products .in-cart-btn {
        flex-grow: 0; } }
    @media screen and (max-width: 580px) {
      .total-of-products .in-cart-btn {
        margin-top: 25px; } }
  .total-of-products .single_add_to_cart_button {
    height: 62px;
    width: 100%;
    max-width: 420px; }
    .total-of-products .single_add_to_cart_button .text-wrapper {
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .total-of-products .single_add_to_cart_button .text-wrapper svg {
        top: 0; }
      .total-of-products .single_add_to_cart_button .text-wrapper span {
        font-size: 14px; }

.others-viewed-wrapper {
  margin-top: 50px; }

.sp-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .sp-header {
      margin-top: 15px;
      margin-bottom: 15px; } }
  .sp-header .breadcrumb-go-back {
    display: flex;
    align-items: center; }
  .sp-header .go-back {
    color: #b9c725;
    cursor: pointer;
    font-weight: 500;
    margin-right: 30px;
    display: flex;
    align-items: center; }
    .sp-header .go-back svg {
      margin-right: 15px; }
  @media screen and (max-width: 600px) {
    .sp-header .breadcrumb {
      display: none; } }
  .sp-header .share a {
    color: #3a3a3a;
    display: flex;
    align-items: center; }
    .sp-header .share a .desktop {
      flex-shrink: 0;
      margin-left: 4px; }
      @media screen and (max-width: 768px) {
        .sp-header .share a .desktop {
          display: none; } }
  .sp-header .share svg {
    color: #b9c725;
    margin-left: 10px; }

.thank-you-steps {
  margin-top: 75px; }
  @media screen and (max-width: 768px) {
    .thank-you-steps {
      margin-top: 50px;
      display: none; } }
  @media screen and (max-width: 480px) {
    .thank-you-steps {
      margin-top: 30px; } }

.thank-you-wrapper {
  display: flex;
  width: 100%;
  margin-top: 80px;
  padding-bottom: 100px;
  gap: 50px; }
  @media screen and (max-width: 1224px) {
    .thank-you-wrapper {
      gap: 30px; } }
  @media screen and (max-width: 1024px) {
    .thank-you-wrapper {
      flex-direction: column;
      gap: 50px; } }
  @media screen and (max-width: 768px) {
    .thank-you-wrapper {
      margin-top: 50px; } }
  @media screen and (max-width: 480px) {
    .thank-you-wrapper {
      margin-top: 30px; } }
  .thank-you-wrapper .column {
    width: calc(33.333% - 35px); }
    @media screen and (max-width: 1224px) {
      .thank-you-wrapper .column {
        width: calc(33.333% - 20px); } }
    @media screen and (max-width: 1024px) {
      .thank-you-wrapper .column {
        width: 100%; } }
    .thank-you-wrapper .column .top {
      margin-bottom: 30px; }
  .thank-you-wrapper .column-left {
    width: calc(30% - 25px); }
    @media screen and (max-width: 1224px) {
      .thank-you-wrapper .column-left {
        width: calc(30% - 15px); } }
    @media screen and (max-width: 1024px) {
      .thank-you-wrapper .column-left {
        width: 100%; } }
  .thank-you-wrapper .column-order-details {
    width: calc(35% - 25px); }
    @media screen and (max-width: 1224px) {
      .thank-you-wrapper .column-order-details {
        width: calc(35% - 15px); } }
    @media screen and (max-width: 1024px) {
      .thank-you-wrapper .column-order-details {
        width: 100%; } }
  .thank-you-wrapper .column-right {
    width: calc(35% - 25px); }
    @media screen and (max-width: 1224px) {
      .thank-you-wrapper .column-right {
        width: calc(35% - 15px); } }
    @media screen and (max-width: 1024px) {
      .thank-you-wrapper .column-right {
        width: 100%; } }
  .thank-you-wrapper .gif-wrapper {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef; }
    @media screen and (max-width: 768px) {
      .thank-you-wrapper .gif-wrapper {
        padding: 20px; } }
    .thank-you-wrapper .gif-wrapper img {
      width: 100%;
      margin-top: 15px;
      border-radius: 5px; }
    .thank-you-wrapper .gif-wrapper p {
      padding-top: 0;
      margin-top: 0;
      font-size: 16px;
      line-height: 26px; }
  .thank-you-wrapper .knowledge-base strong {
    font-weight: 500; }
  .thank-you-wrapper .knowledge-base h3 {
    font-weight: 500;
    font-size: 32px;
    color: #b9c725; }
  .thank-you-wrapper .knowledge-base a {
    font-weight: 500;
    margin: 30px 0 20px 0;
    display: inline-block;
    transition: all 300ms; }
    .thank-you-wrapper .knowledge-base a svg {
      position: relative;
      left: 10px;
      vertical-align: -6px;
      transition: all 300ms; }
    .thank-you-wrapper .knowledge-base a:hover {
      color: #A5B214; }
      .thank-you-wrapper .knowledge-base a:hover svg {
        left: 15px; }
  .thank-you-wrapper .knowledge-base .qa-block {
    margin-top: 25px;
    padding: 20px 15px;
    border: 1px solid #efefef;
    border-radius: 5px;
    background: #fff; }
    .thank-you-wrapper .knowledge-base .qa-block:first-child {
      margin-top: 0; }
    .thank-you-wrapper .knowledge-base .qa-block .title-wrapper {
      position: relative; }
    .thank-you-wrapper .knowledge-base .qa-block h4 {
      margin: 0;
      cursor: pointer;
      font-weight: 500;
      max-width: 86%;
      font-size: 16px;
      line-height: 26px; }
      .thank-you-wrapper .knowledge-base .qa-block h4 .chevron-up, .thank-you-wrapper .knowledge-base .qa-block h4 .chevron-down {
        right: 0;
        position: absolute;
        color: #b9c725;
        height: 24px;
        top: 0; }
    .thank-you-wrapper .knowledge-base .qa-block .answer-open .chevron-up {
      display: block;
      position: absolute;
      top: 0; }
    .thank-you-wrapper .knowledge-base .qa-block .answer-open .chevron-down {
      display: none; }
    .thank-you-wrapper .knowledge-base .qa-block .chevron-up {
      display: none; }
    .thank-you-wrapper .knowledge-base .qa-block .answer {
      display: none;
      padding-top: 20px;
      font-size: 16px;
      line-height: 26px; }
  .thank-you-wrapper .column-order-details .order-summary {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #efefef; }
    @media screen and (max-width: 768px) {
      .thank-you-wrapper .column-order-details .order-summary {
        padding: 20px; } }
    .thank-you-wrapper .column-order-details .order-summary h2 {
      margin: 0 0 20px 0;
      font-size: 22px;
      font-weight: 600;
      color: #b9c725; }
    .thank-you-wrapper .column-order-details .order-summary h3 {
      margin: 0 0 15px 0;
      font-size: 16px;
      font-weight: 600;
      color: #333; }
  .thank-you-wrapper .column-order-details .order-info {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef; }
    .thank-you-wrapper .column-order-details .order-info .order-info-row {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      font-size: 14px; }
      .thank-you-wrapper .column-order-details .order-info .order-info-row .label {
        color: #666; }
      .thank-you-wrapper .column-order-details .order-info .order-info-row .value {
        font-weight: 500;
        color: #333; }
  .thank-you-wrapper .column-order-details .order-items {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efefef; }
    .thank-you-wrapper .column-order-details .order-items .order-item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px dashed #eee; }
      .thank-you-wrapper .column-order-details .order-items .order-item:last-child {
        border-bottom: none; }
      .thank-you-wrapper .column-order-details .order-items .order-item .item-details {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1; }
        .thank-you-wrapper .column-order-details .order-items .order-item .item-details .item-name {
          font-size: 14px;
          color: #333; }
        .thank-you-wrapper .column-order-details .order-items .order-item .item-details .item-qty {
          font-size: 13px;
          color: #888;
          background: #f5f5f5;
          padding: 2px 8px;
          border-radius: 3px; }
      .thank-you-wrapper .column-order-details .order-items .order-item .item-price {
        font-size: 14px;
        font-weight: 500;
        color: #333; }
  .thank-you-wrapper .column-order-details .order-totals .total-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px; }
    .thank-you-wrapper .column-order-details .order-totals .total-row .label {
      color: #666; }
    .thank-you-wrapper .column-order-details .order-totals .total-row .value {
      font-weight: 500; }
    .thank-you-wrapper .column-order-details .order-totals .total-row.discount .value {
      color: #28a745; }
    .thank-you-wrapper .column-order-details .order-totals .total-row.total {
      padding-top: 15px;
      margin-top: 10px;
      border-top: 2px solid #333; }
      .thank-you-wrapper .column-order-details .order-totals .total-row.total .label,
      .thank-you-wrapper .column-order-details .order-totals .total-row.total .value {
        font-size: 18px;
        font-weight: 600;
        color: #333; }