/*#region Breakpoints */
/*#endregion */
@font-face {
  font-family: "Outfit";
  src: url("../fonts/Outfit/Outfit-VariableFont_wght.eot");
  src: url("../fonts/Outfit/Outfit-VariableFont_wght.eot?#iefix") format("embedded-opentype"), url("../fonts/Outfit/Outfit-VariableFont_wght.otf") format("otf"), url("../fonts/Outfit/Outfit-VariableFont_wght.ttf") format("truetype"), url("../fonts/Outfit/Outfit-VariableFont_wght.svg#Outfit") format("svg");
  font-style: normal;
}
.yesss-redesign,
.yesss-global-header,
.yesss-global-footer {
  font-family: Outfit, "Source Sans Pro", sans-serif !important;
  color: black;
  font-size: 16px;
  line-height: 1.5 !important;
}
.yesss-redesign .product-order-quantity-increase,
.yesss-redesign .product-order-quantity-decrease,
.yesss-global-header .product-order-quantity-increase,
.yesss-global-header .product-order-quantity-decrease,
.yesss-global-footer .product-order-quantity-increase,
.yesss-global-footer .product-order-quantity-decrease {
  padding-top: 0;
  width: initial;
  height: initial;
  border: 0;
  font-size: initial;
}
.yesss-redesign .related-products-order-buttons .order-amount-container,
.yesss-global-header .related-products-order-buttons .order-amount-container,
.yesss-global-footer .related-products-order-buttons .order-amount-container {
  display: flex !important;
}
.yesss-redesign .product-row .related-products-order-buttons .addline,
.yesss-global-header .product-row .related-products-order-buttons .addline,
.yesss-global-footer .product-row .related-products-order-buttons .addline {
  width: auto;
  height: auto;
  margin: 0;
  padding: 5px 10px;
  border-radius: 8px;
}
@media (min-width: 992px) {
  .yesss-redesign .product-row .related-products-order-buttons .addline,
  .yesss-global-header .product-row .related-products-order-buttons .addline,
  .yesss-global-footer .product-row .related-products-order-buttons .addline {
    padding: 11px 40px;
  }
}
.yesss-redesign .product-row input[type=checkbox],
.yesss-global-header .product-row input[type=checkbox],
.yesss-global-footer .product-row input[type=checkbox] {
  width: initial;
  height: initial;
}
.yesss-redesign #addorderlinesrelatedform,
.yesss-global-header #addorderlinesrelatedform,
.yesss-global-footer #addorderlinesrelatedform {
  display: block;
}
.yesss-redesign .product-feedback-button,
.yesss-global-header .product-feedback-button,
.yesss-global-footer .product-feedback-button {
  background-color: transparent;
  color: #009EE2 !important;
}
.yesss-redesign #content-wrapper,
.yesss-global-header #content-wrapper,
.yesss-global-footer #content-wrapper {
  z-index: 3;
}
.yesss-redesign input,
.yesss-global-header input,
.yesss-global-footer input {
  font-family: Outfit, "Source Sans Pro", sans-serif !important;
}
.yesss-redesign .container,
.yesss-global-header .container,
.yesss-global-footer .container {
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
}
.yesss-redesign h1, .yesss-redesign h2, .yesss-redesign h3, .yesss-redesign .h1, .yesss-redesign .h2, .yesss-redesign .h3, .yesss-redesign b, .yesss-redesign .b, .yesss-redesign .bold, .yesss-redesign strong, .yesss-redesign fw-700,
.yesss-global-header h1,
.yesss-global-header h2,
.yesss-global-header h3,
.yesss-global-header .h1,
.yesss-global-header .h2,
.yesss-global-header .h3,
.yesss-global-header b,
.yesss-global-header .b,
.yesss-global-header .bold,
.yesss-global-header strong,
.yesss-global-header fw-700,
.yesss-global-footer h1,
.yesss-global-footer h2,
.yesss-global-footer h3,
.yesss-global-footer .h1,
.yesss-global-footer .h2,
.yesss-global-footer .h3,
.yesss-global-footer b,
.yesss-global-footer .b,
.yesss-global-footer .bold,
.yesss-global-footer strong,
.yesss-global-footer fw-700 {
  font-weight: 700;
  padding: 0;
  margin-bottom: 1rem;
  text-transform: initial;
}
.yesss-redesign h1, .yesss-redesign .h1,
.yesss-global-header h1,
.yesss-global-header .h1,
.yesss-global-footer h1,
.yesss-global-footer .h1 {
  font-size: 32px;
}
.yesss-redesign h2, .yesss-redesign .h2,
.yesss-global-header h2,
.yesss-global-header .h2,
.yesss-global-footer h2,
.yesss-global-footer .h2 {
  font-size: 28px;
}
.yesss-redesign h3, .yesss-redesign .h3,
.yesss-global-header h3,
.yesss-global-header .h3,
.yesss-global-footer h3,
.yesss-global-footer .h3 {
  font-weight: 600;
  font-size: 20px;
}
.yesss-redesign h4, .yesss-redesign .h4,
.yesss-global-header h4,
.yesss-global-header .h4,
.yesss-global-footer h4,
.yesss-global-footer .h4 {
  font-weight: 600;
  font-size: 18px;
  padding: 0;
}
.yesss-redesign h5, .yesss-redesign .h5,
.yesss-global-header h5,
.yesss-global-header .h5,
.yesss-global-footer h5,
.yesss-global-footer .h5 {
  font-weight: 500;
  font-size: 13px;
  padding: 0;
}
.yesss-redesign .main-navigation,
.yesss-global-header .main-navigation,
.yesss-global-footer .main-navigation {
  height: 45px;
}
.yesss-redesign .main-navigation a,
.yesss-global-header .main-navigation a,
.yesss-global-footer .main-navigation a {
  text-decoration: none !important;
}
.yesss-redesign .main-navigation a.active,
.yesss-global-header .main-navigation a.active,
.yesss-global-footer .main-navigation a.active {
  text-decoration: underline !important;
}
.yesss-redesign .rounded,
.yesss-global-header .rounded,
.yesss-global-footer .rounded {
  border-radius: 12px !important;
}
.yesss-redesign .btn,
.yesss-global-header .btn,
.yesss-global-footer .btn {
  color: white;
  text-decoration: none !important;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  border: 0;
  padding: 12px 16px;
}
.yesss-redesign .btn:hover,
.yesss-global-header .btn:hover,
.yesss-global-footer .btn:hover {
  text-decoration: none !important;
}
.yesss-redesign .btn:focus,
.yesss-global-header .btn:focus,
.yesss-global-footer .btn:focus {
  box-shadow: none;
}
.yesss-redesign .btn.disabled, .yesss-redesign .btn[disabled=disabled],
.yesss-global-header .btn.disabled,
.yesss-global-header .btn[disabled=disabled],
.yesss-global-footer .btn.disabled,
.yesss-global-footer .btn[disabled=disabled] {
  color: #BAB2B2;
  background-color: #C9C9C9 !important;
  cursor: not-allowed;
}
.yesss-redesign .btn.btn-green,
.yesss-global-header .btn.btn-green,
.yesss-global-footer .btn.btn-green {
  background-color: #39AA31;
  border-bottom: 2px solid #0C8667;
}
.yesss-redesign .btn.btn-green.disabled, .yesss-redesign .btn.btn-green:disabled,
.yesss-global-header .btn.btn-green.disabled,
.yesss-global-header .btn.btn-green:disabled,
.yesss-global-footer .btn.btn-green.disabled,
.yesss-global-footer .btn.btn-green:disabled {
  background-color: rgba(19, 194, 150, 0.1);
  border-color: rgba(12, 134, 103, 0.2);
}
.yesss-redesign .btn.btn-green.mobileHover:not(.disabled),
.yesss-global-header .btn.btn-green.mobileHover:not(.disabled),
.yesss-global-footer .btn.btn-green.mobileHover:not(.disabled) {
  background-color: #36C72C;
  border-color: #0CAF86;
  color: white;
}
.yesss-redesign .btn.btn-ghost,
.yesss-global-header .btn.btn-ghost,
.yesss-global-footer .btn.btn-ghost {
  background-color: transparent;
  border: 1px solid white;
  border-radius: 30px;
  color: white;
}
.yesss-redesign .btn.btn-white,
.yesss-global-header .btn.btn-white,
.yesss-global-footer .btn.btn-white {
  background-color: white;
  border: 1px solid #DCDCDC;
  color: #009EE2;
  font-size: 15px;
}
.yesss-redesign .btn.btn-white.disabled, .yesss-redesign .btn.btn-white:disabled,
.yesss-global-header .btn.btn-white.disabled,
.yesss-global-header .btn.btn-white:disabled,
.yesss-global-footer .btn.btn-white.disabled,
.yesss-global-footer .btn.btn-white:disabled {
  border-color: rgba(12, 134, 103, 0.2);
}
.yesss-redesign .btn.btn-white.mobileHover:not(.disabled),
.yesss-global-header .btn.btn-white.mobileHover:not(.disabled),
.yesss-global-footer .btn.btn-white.mobileHover:not(.disabled) {
  background-color: rgba(0, 158, 226, 0.1);
  color: #006EAB;
}
.yesss-redesign .btn.btn-blue,
.yesss-global-header .btn.btn-blue,
.yesss-global-footer .btn.btn-blue {
  background-color: #009EE2;
  border-bottom: 2px solid #006299;
}
.yesss-redesign .btn.btn-blue.disabled, .yesss-redesign .btn.btn-blue:disabled,
.yesss-global-header .btn.btn-blue.disabled,
.yesss-global-header .btn.btn-blue:disabled,
.yesss-global-footer .btn.btn-blue.disabled,
.yesss-global-footer .btn.btn-blue:disabled {
  background-color: rgba(0, 158, 226, 0.1);
  border-color: rgba(0, 98, 153, 0.2);
}
.yesss-redesign .btn.btn-blue.mobileHover:not(.disabled),
.yesss-global-header .btn.btn-blue.mobileHover:not(.disabled),
.yesss-global-footer .btn.btn-blue.mobileHover:not(.disabled) {
  background-color: #14B8F8;
  border-color: #007EC3;
  color: white;
}
.yesss-redesign .nav-tabs,
.yesss-global-header .nav-tabs,
.yesss-global-footer .nav-tabs {
  gap: 1rem;
  border-bottom: 1px solid #E2E3E2;
}
.yesss-redesign .nav-tabs .nav-item .nav-link,
.yesss-global-header .nav-tabs .nav-item .nav-link,
.yesss-global-footer .nav-tabs .nav-item .nav-link {
  font-size: 15px;
  font-weight: 500;
  padding-left: 0;
  padding-right: 0;
  color: black;
  border: 0;
}
.yesss-redesign .nav-tabs .nav-item .nav-link[disabled]:hover,
.yesss-global-header .nav-tabs .nav-item .nav-link[disabled]:hover,
.yesss-global-footer .nav-tabs .nav-item .nav-link[disabled]:hover {
  background-color: transparent;
  cursor: not-allowed;
}
.yesss-redesign .nav-tabs .nav-item .nav-link.active,
.yesss-global-header .nav-tabs .nav-item .nav-link.active,
.yesss-global-footer .nav-tabs .nav-item .nav-link.active {
  color: #009EE2;
  margin: 0;
  box-shadow: inset 0 -2px 0 0 #009EE2;
}
.yesss-redesign .nav-tabs .nav-item .nav-link:hover,
.yesss-global-header .nav-tabs .nav-item .nav-link:hover,
.yesss-global-footer .nav-tabs .nav-item .nav-link:hover {
  color: #009EE2;
}
.yesss-redesign .box-shadow,
.yesss-global-header .box-shadow,
.yesss-global-footer .box-shadow {
  box-shadow: 0 1px 3px 0 rgba(166, 175, 195, 0.4);
}
.yesss-redesign a[data-bs-toggle=collapse][aria-expanded=true] .ph-plus:before,
.yesss-global-header a[data-bs-toggle=collapse][aria-expanded=true] .ph-plus:before,
.yesss-global-footer a[data-bs-toggle=collapse][aria-expanded=true] .ph-plus:before {
  content: "\e32a";
}
.yesss-redesign .accordion-item,
.yesss-global-header .accordion-item,
.yesss-global-footer .accordion-item {
  border: 0;
}
.yesss-redesign .accordion-item .accordion-body,
.yesss-global-header .accordion-item .accordion-body,
.yesss-global-footer .accordion-item .accordion-body {
  padding: 0;
}
.yesss-redesign .accordion-button,
.yesss-global-header .accordion-button,
.yesss-global-footer .accordion-button {
  font-size: 20px;
  color: black;
  font-weight: 600;
  padding: 20px 0;
  border-top: 1px solid #E2E3E2;
}
.yesss-redesign .accordion-button:not(.collapsed),
.yesss-global-header .accordion-button:not(.collapsed),
.yesss-global-footer .accordion-button:not(.collapsed) {
  background-color: transparent;
}
.yesss-redesign .accordion-button:focus,
.yesss-global-header .accordion-button:focus,
.yesss-global-footer .accordion-button:focus {
  box-shadow: none;
}
.yesss-redesign .footer-social-media-logo,
.yesss-global-header .footer-social-media-logo,
.yesss-global-footer .footer-social-media-logo {
  padding: 0;
}
.yesss-redesign .footer-social-media-logo a,
.yesss-global-header .footer-social-media-logo a,
.yesss-global-footer .footer-social-media-logo a {
  background-color: #04314D;
  font-size: 14px;
  line-height: 1.9;
  padding: 3px;
}
.yesss-redesign .footer-social-media-logo a:hover,
.yesss-global-header .footer-social-media-logo a:hover,
.yesss-global-footer .footer-social-media-logo a:hover {
  background-color: #006EAB;
}
.yesss-redesign .footer-newsletter #submit-newsletter.submit-newsletter-btn,
.yesss-global-header .footer-newsletter #submit-newsletter.submit-newsletter-btn,
.yesss-global-footer .footer-newsletter #submit-newsletter.submit-newsletter-btn {
  border: none;
  color: white;
  width: auto;
  background-color: #006EAB;
  padding: 9px 20px;
  font-weight: 600;
  font-size: 14px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 2px solid #004476 !important;
  height: auto;
}
.yesss-redesign .footer-newsletter .submit-newsletter#newsletter-email,
.yesss-global-header .footer-newsletter .submit-newsletter#newsletter-email,
.yesss-global-footer .footer-newsletter .submit-newsletter#newsletter-email {
  margin: 0 !important;
  border-bottom: 0 !important;
  border-top: 2px solid #004476 !important;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 10px 1rem;
  font-size: 15px !important;
  flex: 1;
  min-width: 0;
  height: auto;
}
.yesss-redesign .footer-newsletter .submit-newsletter#newsletter-email::placeholder,
.yesss-global-header .footer-newsletter .submit-newsletter#newsletter-email::placeholder,
.yesss-global-footer .footer-newsletter .submit-newsletter#newsletter-email::placeholder {
  color: #676767 !important;
}
.yesss-redesign .footer-newsletter .submit-newsletter#newsletter-email:focus,
.yesss-global-header .footer-newsletter .submit-newsletter#newsletter-email:focus,
.yesss-global-footer .footer-newsletter .submit-newsletter#newsletter-email:focus {
  outline: none;
}
.yesss-redesign .product-order-quantity-info,
.yesss-global-header .product-order-quantity-info,
.yesss-global-footer .product-order-quantity-info {
  width: auto;
  margin: 0;
}
@media (max-width: 991px) {
  .yesss-redesign .row,
  .yesss-global-header .row,
  .yesss-global-footer .row {
    width: initial;
  }
  .yesss-redesign input[type=checkbox].compare-product,
  .yesss-global-header input[type=checkbox].compare-product,
  .yesss-global-footer input[type=checkbox].compare-product {
    display: inline-block !important;
  }
  .yesss-redesign .tab-content > .tab-pane,
  .yesss-global-header .tab-content > .tab-pane,
  .yesss-global-footer .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .yesss-redesign .btn,
  .yesss-global-header .btn,
  .yesss-global-footer .btn {
    padding: 11px 40px;
  }
  .yesss-redesign .btn.btn-white:hover:not(.disabled),
  .yesss-global-header .btn.btn-white:hover:not(.disabled),
  .yesss-global-footer .btn.btn-white:hover:not(.disabled) {
    background-color: rgba(0, 158, 226, 0.1);
    color: #006EAB;
  }
  .yesss-redesign .btn.btn-green:hover:not(.disabled),
  .yesss-global-header .btn.btn-green:hover:not(.disabled),
  .yesss-global-footer .btn.btn-green:hover:not(.disabled) {
    background-color: #36C72C;
    border-color: #0CAF86;
    color: white;
  }
  .yesss-redesign .btn.btn-blue:hover:not(.disabled),
  .yesss-global-header .btn.btn-blue:hover:not(.disabled),
  .yesss-global-footer .btn.btn-blue:hover:not(.disabled) {
    background-color: #14B8F8;
    border-color: #007EC3;
    color: white;
  }
  .yesss-redesign h1, .yesss-redesign .h1,
  .yesss-global-header h1,
  .yesss-global-header .h1,
  .yesss-global-footer h1,
  .yesss-global-footer .h1 {
    font-size: 42px;
  }
  .yesss-redesign h2, .yesss-redesign .h2,
  .yesss-global-header h2,
  .yesss-global-header .h2,
  .yesss-global-footer h2,
  .yesss-global-footer .h2 {
    font-size: 36px;
  }
  .yesss-redesign h3, .yesss-redesign .h3,
  .yesss-global-header h3,
  .yesss-global-header .h3,
  .yesss-global-footer h3,
  .yesss-global-footer .h3 {
    font-size: 24px;
  }
  .yesss-redesign h4, .yesss-redesign .h4,
  .yesss-global-header h4,
  .yesss-global-header .h4,
  .yesss-global-footer h4,
  .yesss-global-footer .h4 {
    font-size: 20px;
  }
  .yesss-redesign h5, .yesss-redesign .h5,
  .yesss-global-header h5,
  .yesss-global-header .h5,
  .yesss-global-footer h5,
  .yesss-global-footer .h5 {
    font-size: 14px;
  }
}

.yesss-global-footer a {
  color: white;
}
.yesss-global-footer a:hover {
  color: white;
}
@media (min-width: 992px) {
  .yesss-global-footer .collapse {
    display: block !important;
  }
}

.yesss-form-control {
  position: relative;
}
.yesss-form-control .form-label {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.15s;
  background-color: white;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 16px;
  color: #676767;
  pointer-events: none;
}
.yesss-form-control:has(.form-control:not(:placeholder-shown)) .form-label, .yesss-form-control:has(.form-control:focus) .form-label {
  top: 0;
  color: black;
  font-size: 14px;
}
.yesss-form-control:has(.form-control:valid:required):after, .yesss-form-control:has(.form-control.valid):after {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  color: #39AA31;
  pointer-events: none;
}
.yesss-form-control:has(.form-control:valid:required) .form-control, .yesss-form-control:has(.form-control.valid) .form-control {
  border: 1px solid #39AA31;
  outline: none;
  padding-right: 1rem;
}
.yesss-form-control .form-control {
  background-color: white;
  border-color: #DFDFDF;
  transition: all 0.15s;
  padding: 10px 13px !important;
  font-size: 16px;
}
.yesss-form-control .form-control::placeholder {
  visibility: hidden;
}
.yesss-form-control .form-control:focus, .yesss-form-control .form-control:not(:placeholder-shown) {
  border-color: #0C8BAE;
  outline: 2px solid #0C8BAE;
  box-shadow: none;
}

.border-grey {
  border-color: #DFDFDF !important;
}

.yesss-alternatives-wrap {
  width: calc(100% + 1.2rem);
}
.yesss-alternatives-wrap .item {
  flex: 0 0 39%;
  transition: transform 0.15s;
}
.yesss-alternatives-wrap .item img {
  object-fit: contain;
  object-position: center;
  margin: auto;
  display: block;
  width: 100%;
  max-width: 138px;
}
.yesss-alternatives-wrap .item.mobileHover {
  transform: scale(1.07);
}
.yesss-alternatives-wrap .item.mobileHover h5 {
  color: #009EE2;
}
@media (min-width: 992px) {
  .yesss-alternatives-wrap {
    width: 100%;
  }
  .yesss-alternatives-wrap .item {
    flex: 0 0 30%;
  }
  .yesss-alternatives-wrap .item:hover h5 {
    color: #009EE2;
  }
}

.border-blue {
  border-color: #009EE2;
}

.bg-blue-bg {
  background-color: #F3FBFF !important;
}

.bg-blue-4 {
  background-color: #EAF6FA !important;
}

.bg-blue {
  background-color: #009EE2 !important;
}

.bg-blue3 {
  background-color: #006EAB !important;
}

.object-contain {
  object-fit: contain;
}

.object-center {
  object-position: center;
}

.yesss-quantity-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 110px;
}
.yesss-quantity-box .number {
  width: 30px !important;
  background-color: white;
  border: 0 !important;
  margin: 0 !important;
  text-align: center;
  font-size: 14px;
  height: 40px;
  font-weight: normal;
}
.yesss-quantity-box .number:focus {
  outline: none;
}
@media (min-width: 992px) {
  .yesss-quantity-box {
    width: 125px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .yesss-quantity-box .number {
    height: 55px;
    width: 40px;
  }
}

@media (min-width: 992px) {
  .border-lg-0 {
    border: none !important;
  }
}

#go-to-top-button {
  bottom: 20px;
  right: 20px;
}
@media (min-width: 992px) {
  #go-to-top-button {
    bottom: 80px;
  }
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.ph {
  display: inline-block;
}

.show .ph-caret-down {
  transform: rotate(180deg);
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

svg, icon, img {
  vertical-align: sub;
}

.text-light {
  color: #676767 !important;
}

.text-blue {
  color: #009EE2 !important;
}

.text-grey-2 {
  color: #C9C9C9 !important;
}

.text-red {
  color: #eb221c !important;
}

.text-green {
  color: #39AA31 !important;
}

.animate-icon-right .icon {
  transition: transform 0.35s;
}
.animate-icon-right:hover .icon {
  transform: translateX(5px);
}

.yesss-favorite-icon {
  color: black;
}
.yesss-favorite-icon:hover {
  text-decoration: none !important;
  color: #009EE2;
}
.yesss-favorite-icon:hover .ph:before {
  font-family: "Phosphor-Fill" !important;
}

.yesss-global-footer .red-background .footer-newsletter #submit-newsletter.submit-newsletter-btn {
  background-color: #14B8F8;
}
.yesss-global-footer .red-background .footer-social-media-logo a {
  background-color: white;
}
.yesss-global-footer .red-background .footer-social-media-logo a:hover {
  background-color: #DFDFDF;
}

#outer:has(.yesss-global-header) {
  padding-top: 0;
}

.yesss-top-button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid white !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}
.yesss-top-button a {
  color: #676767;
}
.yesss-top-button .shopping-cart-button {
  background-color: transparent !important;
  display: flex;
}
.yesss-top-button #favorite-list {
  height: auto;
}
.yesss-top-button .ph, .yesss-top-button .user-settings-button {
  line-height: 1 !important;
}
.yesss-top-button .ph {
  font-size: 20px;
  color: white;
}

.yellow-background .yesss-global-header, .yellow-background .yesss-main-navigation {
  background-color: #f6d134 !important;
}

.red-background .yesss-global-header, .red-background .yesss-main-navigation {
  background-color: #c00d0d !important;
}

.green-background .yesss-global-header, .green-background .yesss-main-navigation {
  background-color: #8abd24 !important;
}

.lightning-background .yesss-global-header, .lightning-background .yesss-main-navigation {
  background-color: #009FE3 !important;
}

.yesss-main-navigation {
  background-color: #F3FBFF;
}
.yesss-main-navigation .welcome-message, .yesss-main-navigation a, .yesss-main-navigation #nav-one > li > a {
  color: #009EE2 !important;
  font-weight: 500 !important;
}
.yesss-main-navigation .welcome-message::first-letter, .yesss-main-navigation a::first-letter, .yesss-main-navigation #nav-one > li > a::first-letter {
  text-transform: capitalize;
}
.yesss-main-navigation .welcome-message label::first-letter, .yesss-main-navigation a label::first-letter, .yesss-main-navigation #nav-one > li > a label::first-letter {
  text-transform: capitalize;
}
.yesss-main-navigation .welcome-message:hover, .yesss-main-navigation a:hover, .yesss-main-navigation #nav-one > li > a:hover {
  color: #009EE2 !important;
  text-decoration: none !important;
}
.yesss-main-navigation #nav-one li:has(.dd-arrow) {
  padding-right: 0.3rem;
}
.yesss-main-navigation .dd-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #009EE2;
}
.yesss-main-navigation .sfHover .dd-arrow {
  transform: rotate(180deg) translateY(50%);
}

.yesss-global-header #user-settings .user-settings-state, .yesss-global-header #user-settings .user-settings-state-red, .yesss-global-header #shopping-cart .shopping-cart-quantity, .yesss-global-header #favorite-list .favorite-list-quantity {
  top: -13px;
  right: -15px;
}
.yesss-global-header .favorite-list-quantity,
.yesss-global-header .shopping-cart-quantity {
  width: 17px;
  height: 17px;
  background-color: #36C72C !important;
  color: white;
  font-weight: normal;
  border: 1px solid white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}
.yesss-global-header #header #top-bar-buttons {
  align-items: center;
  gap: 0.5rem;
}
.yesss-global-header #header #top-bar-buttons .dropdown-language {
  height: auto;
}
.yesss-global-header #header #top-bar {
  align-items: center;
}
.yesss-global-header #header #logo-block {
  width: auto;
  margin: 0;
}
.yesss-global-header #header #logo-block .webshop-logo {
  display: none;
}
.yesss-global-header #header #logo-block .webshop-logo-mobile {
  display: inline-block;
  height: 26px;
  margin: 0;
}
.yesss-global-header #header #logo-block .webshop-logo-mobile img {
  width: auto;
  height: 26px;
}
.yesss-global-header #header #search-block {
  height: 46px;
}
.yesss-global-header #header #searchterm {
  height: 46px;
  font-size: 16px;
  border-radius: 8px;
  background-color: white !important;
  padding-left: 20px;
}
.yesss-global-header #header #searchterm::placeholder {
  color: #676767;
}
.yesss-global-header #header .searchbutton {
  height: 46px;
  background-color: transparent !important;
  color: #009EE2 !important;
  margin: 0 0 0 -40px;
  line-height: 1;
}
@media (max-width: 991px) {
  .yesss-global-header #top-bar {
    display: grid;
    flex-direction: row;
    grid-template-columns: 25px auto auto 30px;
    grid-template-rows: 1fr 1fr;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    max-width: 100%;
    position: relative;
  }
  .yesss-global-header #top-bar #topmenu {
    grid-row: 2;
    grid-column: 1/span 4;
    position: relative;
  }
  .yesss-global-header #top-bar #topmenu .topmenu-scan-button {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .yesss-global-header #top-bar-buttons {
    position: absolute;
    top: 62px;
    right: 0;
    max-width: 0;
    background-color: #006EAB;
    transition: all 0.25s ease;
    width: 100%;
    z-index: 1;
    border-radius: 8px;
    z-index: 12;
    justify-content: space-around;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
  }
  .yesss-global-header #top-bar-buttons.active {
    opacity: 1;
    visibility: visible;
    max-width: 100%;
    padding: 1rem;
    border: 2px solid white;
    overflow: auto;
  }
  .yesss-global-header #top-bar-buttons #shopping-cart #shopping-cart-popup {
    margin-top: 25px;
  }
  .yesss-global-header #header .searchbutton {
    position: absolute;
    left: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    z-index: 1;
  }
  .yesss-global-header #header #search-block {
    position: relative;
  }
  .yesss-global-header #header #search-block #searchterm {
    padding: 0 3rem 0 2.5rem;
  }
  .yesss-global-header #header .hamburger-wrapper {
    height: auto;
  }
  .yesss-global-header #header .hamburgermenu-button {
    padding: 0 !important;
  }
  .yesss-global-header #header .hamburgermenu-button div {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .yesss-global-header #header #topmenu {
    width: 550px;
  }
  .yesss-global-header #header #top-bar-buttons {
    gap: 1rem;
  }
  .yesss-global-header #header #logo-block .webshop-logo {
    display: inline-block;
    height: 58px;
    margin-top: 0;
  }
  .yesss-global-header #header #logo-block .webshop-logo img {
    height: 58px;
  }
  .yesss-global-header #header #logo-block .webshop-logo-mobile {
    display: none;
  }
}

.breadcrumbs-wrapper {
  border: 0;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.breadcrumbs-wrapper a {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}
.breadcrumbs-wrapper .yesss-back-button {
  color: #009EE2;
  border: 1px solid #DFDFDF;
  width: 74px;
  height: 31px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumbs-wrapper .yesss-back-button:hover {
  background-color: #006EAB;
  color: white;
}

.yesss-product-carousel .slider-for .slick-dots li {
  width: auto;
  height: auto;
}
.yesss-product-carousel .slider-for .slick-dots li button {
  margin: 0 5px;
  padding: 0;
  width: auto;
  height: auto;
}
.yesss-product-carousel .slider-for .slick-dots li button:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #C9C9C9;
  font-size: 0;
}
.yesss-product-carousel .slider-for .slick-dots li.slick-active button:before {
  background-color: #009EE2;
}
.yesss-product-carousel .slider-for img {
  height: 412px !important;
  object-fit: contain;
  object-position: center;
}
.yesss-product-carousel .slider-for .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 30px;
  cursor: pointer;
  z-index: 1;
}
.yesss-product-carousel .slider-for .slick-arrow.ph-caret-left {
  left: 2rem;
}
.yesss-product-carousel .slider-for .slick-arrow.ph-caret-right {
  right: 2rem;
}
.yesss-product-carousel .slider-nav img {
  cursor: pointer;
  border: 1px solid #DFDFDF;
  padding: 10px;
  height: 125px !important;
  object-fit: contain;
  border-radius: 8px;
}
.yesss-product-carousel .slider-nav .slick-slide {
  margin-bottom: 0.2rem;
}
.yesss-product-carousel .slider-nav .slick-current img {
  border-color: #009EE2;
}

input[type=checkbox], input[type=radio] {
  border-color: #C9C9C9;
}

.yesss-product-detail {
  display: grid;
  grid-template-columns: 100%;
}
.yesss-product-detail .yesss-product-detail-images img {
  max-width: 100%;
  height: auto;
}
.yesss-product-detail .yesss-product-detail-overview h3 {
  font-size: 28px;
  font-weight: 700;
}
.yesss-product-detail .yesss-product-detail-overview h1 {
  font-size: 18px;
}
.yesss-product-detail .yesss-product-detail-overview .field-label {
  display: none;
}
@media (min-width: 992px) {
  .yesss-product-detail {
    grid-template-columns: 600px auto;
    grid-template-rows: auto auto;
  }
  .yesss-product-detail .yesss-product-detail-overview {
    grid-column: 2;
    grid-row: 1/span2;
    padding-bottom: 2rem;
  }
  .yesss-product-detail .yesss-product-detail-overview h3 {
    font-size: 34px;
  }
  .yesss-product-detail .yesss-product-detail-overview h1 {
    font-size: 20px;
  }
  .yesss-product-detail .yesss-product-detail-specs {
    grid-row: 2;
  }
}
@media (min-width: 1200px) {
  .yesss-product-detail {
    grid-template-columns: 900px auto;
  }
}

.radius-2 {
  border-radius: 8px;
}

.yesss-sidebar-modal {
  top: 0 !important;
  right: 0;
  left: auto !important;
  height: 100vh !important;
}
.yesss-sidebar-modal .background-close-icon {
  background-image: none !important;
  font-family: "Phosphor" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.yesss-sidebar-modal .background-close-icon:before {
  content: "\e4f6";
}
.yesss-sidebar-modal.ui-dialog .ui-dialog-title {
  height: 40px;
  font-size: 16px;
  font-weight: 600;
}
.yesss-sidebar-modal.ui-dialog .ui-dialog-titlebar {
  padding-left: 3rem;
  background-image: url("/Content/images/icons/icon-boxes.svg");
  background-position: 10px center;
  background-repeat: no-repeat;
  line-height: 1.9;
}
.yesss-sidebar-modal .ui-dialog-content {
  max-height: calc(100vh - 45px) !important;
  height: 100% !important;
}
.yesss-sidebar-modal .ui-dialog-content .show-all-stock-popup {
  height: 100%;
  overflow-x: hidden;
  max-height: none;
  padding-top: 0;
  font-size: 15px;
}
@media (max-width: 991px) {
  .yesss-sidebar-modal {
    height: calc(100vh - 100px) !important;
    border-radius: 12px;
  }
  .yesss-sidebar-modal .ui-dialog-titlebar-close:after {
    content: "\e4f6";
    width: 48px;
    height: 48px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.25), 0 0 2px 0 rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    bottom: 20px;
    background-image: none !important;
    font-family: "Phosphor" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    -webkit-font-variant-ligatures: discretionary-ligatures;
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    color: black;
  }
}

.h-36 {
  height: 36px;
}

.overflow-ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.py-2-5 {
  padding-bottom: 0.75rem !important;
  padding-top: 0.75rem !important;
}

@media (max-width: 991px) {
  .yess-add-to-cart-row {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: white;
    z-index: 3;
    width: 100%;
    padding: 10px;
    box-shadow: 0 -8px 20px 0 rgba(0, 0, 0, 0.1);
  }
}

.filter-reset {
  filter: brightness(0) saturate(100%);
}

.filter-blue {
  filter: invert(55%) sepia(44%) saturate(6072%) hue-rotate(168deg) brightness(96%) contrast(101%);
}

.alternating-row-colors:nth-of-type(odd) {
  background-color: #EAF6FA;
}

.dropdown-language-content {
  z-index: 4;
}

.product-order-quantity-operations.yesss-quantity-box .number {
  height: 42px;
}

.yesss-plus-logo {
  max-width: 120px;
}
@media (max-width: 991px) {
  .yesss-plus-logo {
    transform: translateY(-3px);
  }
}
@media (min-width: 992px) {
  .yesss-plus-logo {
    max-width: 140px;
  }
}

.secondary-menu-trigger {
  width: 30px;
  height: 20px;
  justify-content: space-between;
  align-items: end;
  flex-direction: column;
  display: flex;
}
.secondary-menu-trigger span {
  height: 3px;
  width: 100%;
  background-color: white;
  border-radius: 2px;
}
.secondary-menu-trigger span:nth-child(1) {
  width: 80%;
}
.secondary-menu-trigger span:nth-child(3) {
  width: 60%;
}
.secondary-menu-trigger.active span {
  margin-right: auto;
}

.col-span-2 {
  grid-column: span 2;
}

.opacity-0 {
  opacity: 0;
}