html {
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
}

body {
  background-color: #ffffff;
  overflow: unset;
}

.standard-section {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.standard-section-special {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}

.standard-section-no-padding-mobile {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.standard-section-sub {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.standard-section_1_2 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

html::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

html::-webkit-scrollbar {
  width: 10px;
  background-color: #f1f1f1;
}

html::-webkit-scrollbar-thumb {
  background-color: #010101;
}

@media screen and (max-width: 900px) {
  .standard-section_1_2 {
    width: 100%;
    max-width: 1600px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .standard-section-no-padding-mobile {
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }
}

.add_hero_margin {
  margin-top: 125px;
}

/* FIX RATIO ZOOMED DISPLAYS */

/* 125% */
@media (-webkit-device-pixel-ratio: 1.25) {
  /* h6,
    h5,
    h4,
    h3,
    h2,
    h1,
    p,
    li,
    a,
    .menu_open svg,
    .menu_closed svg,
    .logo img {
        zoom: 0.9;
    } */
  /* 
    .standard-section {
        max-width: 1150px;
    }

    .standard-section_1_2 {
        max-width: 1150px;
    } */
}

/* 150% */
@media (-webkit-device-pixel-ratio: 1.5) {
  /* 
    .standard-section {
        max-width: 1150px;
    }

    .standard-section_1_2 {
        max-width: 1150px;
    } */

  /* h6,
    h5,
    h4,
    h3,
    h2,
    h1,
    p,
    li,
    a,
    .menu_open svg,
    .menu_closed svg,
    .logo img {
        zoom: 0.8;
    } */
}

/* BUTTONS */

/* HOVER IMG */
.persoana img {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.persoana:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

/* HOVER BOX TEXT */
dfn::after {
  content: attr(data-info);
  display: inline;
  position: absolute;
  left: 0;
  opacity: 0;
  width: 160px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5em;
  padding: 0.5em 0.8em;
  background: #ef8354;
  color: #fff;
  pointer-events: none;
  transition: opacity 250ms, top 250ms;
  top: -45px;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
}

dfn::before {
  content: "";
  display: block;
  position: absolute;
  left: 15px;
  opacity: 0;
  width: 0;
  height: 0;
  border: solid transparent 5px;
  border-bottom-color: #ef8354;
  transition: opacity 250ms, top 250ms;
  transform: rotate(180deg);
  top: -12px;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
}

dfn:hover {
  z-index: 2;
}

dfn:hover::after,
dfn:hover::before {
  opacity: 1;
}

/* SEARCH CUSTOM */
.add-shadow-box {
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.search_now svg path {
  stroke: #667085;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* .search_now:hover svg path{
    stroke: #010101;
} */

/* BUTTONS NEW */

.button_nav {
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #010101;
  background: linear-gradient(27deg, #010101 8.33%, #010101 91.67%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #fff;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  max-height: 44px;
  transition: all 0.2 ease-in-out;
}

.button_nav:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #f0f0f0, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.button_nav:focus {
  background: transparent;
  color: #010101;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.button_nav_white,
.woocommerce #review_form #respond .form-submit input {
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #010101;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #010101;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  max-height: 44px;
  transition: all 0.2s ease-in-out;
}

.button_nav_white,
.woocommerce #review_form #respond .form-submit input {
  max-height: unset;
}

.button_nav_white:hover,
.woocommerce #review_form #respond .form-submit input:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #ffe0e0, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.button_nav_white:focus,
.woocommerce #review_form #respond .form-submit input:focus {
  background: #010101;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.filtre_button {
  display: flex;
  padding: 0.5rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #010101;
  background: linear-gradient(27deg, #010101 8.33%, #010101 91.67%);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  transition: all 0.2 ease-in-out;
}

.filtre_button:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #ffe0e0, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.filtre_button:focus {
  background: transparent;
  color: #010101;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.remove_filter {
  display: flex;
  padding: 0.5rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #010101;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  transition: all 0.2 ease-in-out;
  height: 2.5rem;
}

.remove_filter:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #d0d5dd, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.remove_filter:focus {
  background: transparent;
  background: #010101;
  border: 1px solid #010101;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.remove_filter:focus svg path {
  stroke: #fff;
}

.button_product {
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #010101;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #010101;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  max-height: 44px;
  transition: all 0.2 ease-in-out;
}

.button_product:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #e9e9e966, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.button_product:focus {
  background: #010101;
  color: #fff;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.button_nav_grey {
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #344054;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  max-height: 44px;
  transition: all 0.2 ease-in-out;
}
.button_nav_grey:hover {
  outline: none;
  box-shadow: 0px 0px 0px 4px #f2f4f7, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.button_nav_grey:focus {
  background: #f9fafb;
  color: #1d2939;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.button_black {
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #17161a;
  background: #17161a;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #fff;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  max-height: 48px;
  transition: all 0.2 ease-in-out;
}

.button_black:hover {
  background: #17161a;
  color: #fff;
  outline: none;
  box-shadow: 0px 0px 0px 4px rgba(16, 24, 40, 0.05),
    0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.button_black:focus {
  background: transparent;
  border: 1px solid #010101;
  color: #010101;
  transition: all 0.2s ease-in-out;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.button_black:focus svg path {
  stroke: #010101;
}

@media screen and (max-width: 920px) {
  .button_nav.smaller {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .button_nav_grey.smaller {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

/* Half Background div */

.half-white-blue {
  background: linear-gradient(to bottom, #ffffff 50%, #010101 50%);
}

/* Progress-bar blog */
.reading-meter {
  position: fixed;
  top: 0 !important;
  z-index: 1111;
  width: 100%;
  background-color: #010101;
}

.progress {
  width: 100%;
  height: 7px;
  z-index: 1111;
  background: #ccc;
}

.progress-bar {
  height: 7px;
  background-color: #010101;
  width: 0%;
}

/* Contact */
.contact_form label {
  display: grid;
  gap: 0.38rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  color: #344054;
}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"],
.contact_form textarea {
  border-radius: 0.5rem;
  border: 1px solid var(--gray-300, #d0d5dd);
  background: var(--White, #fff);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  padding: 0.75rem 1rem;
  width: 100%;
}

.contact_form_b2b textarea {
  height: 12rem;
}

.contact_form .wpcf7-submit {
  border-radius: 0.5rem;
  border: 1px solid #010101;
  background: #010101;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  color: #fff;
  transition: all 0.2s ease-in-out;
  width: 100%;
  cursor: pointer;
}

.contact_form .wpcf7-submit:hover {
  background: transparent;
  color: #101828;
}

/* Checkbox */

.contact_form .wpcf7-acceptance span label {
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  color: #667085;
}

.contact_form .wpcf7-acceptance a {
  text-decoration: underline;
}

.form_shortcode .wpcf7-acceptance {
  display: grid;
  gap: 5px;
}

span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wpcf7 .wpcf7-list-item {
  display: block;
  margin-bottom: 10px;
}

.wpcf7-acceptance label {
  position: relative;
  cursor: pointer;
}

.wpcf7-acceptance input[type="checkbox"],
.custom-checkbox input[type="checkbox"] {
  /*position: relative;*/
  position: absolute;
  visibility: hidden;
  width: 30px;
  height: 30px;
  top: 1px;
  left: 0;
}

.wpcf7-acceptance input[type="checkbox"] + span:before,
.custom-checkbox input[type="checkbox"] + span:before {
  display: block;
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  top: 1px;
  left: 1px;
  border: 2px solid #d0d5dd;
  border-radius: 0.375rem;
}

.wpcf7-acceptance input[type="checkbox"] + span:after,
.custom-checkbox input[type="checkbox"] + span:after {
  display: block;
  position: absolute;
  visibility: visible;
  content: "";
  line-height: 14px;
  width: 22px;
  height: 22px;
  top: 1px;
  left: 1px;
  visibility: hidden;
  font-family: "Plus Jakarta Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  color: #667085;
  line-height: 1.5rem;
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3L4.5 8.5L2 6" stroke="%23010101" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.wpcf7-acceptance input[type="checkbox"] + span:after {
  left: 0.5px;
}

.wpcf7-acceptance input[type="checkbox"]:checked + span:before,
.custom-checkbox input[type="checkbox"]:checked + span:before {
  background: #fffafa;
  border: 2px solid #010101;
}

.wpcf7-acceptance input[type="checkbox"]:checked + span:after,
.custom-checkbox input[type="checkbox"]:checked + span:after {
  visibility: visible;
  color: #010101;
}

.wpcf7-list-item-label {
  margin-left: 35px;
  display: flex;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #010101;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #667085;
  border: 1px solid #010101;
}

/* Blog */

.blog-content p {
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.875rem;
  color: #667085;
  margin-bottom: 1.5rem;
}

.blog-content h3 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.375rem;
  margin-bottom: 1.5rem;
}

.blog-content img {
  margin: 3rem 0;
}

.blog-content a {
  text-decoration: underline;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}

.blog-content a:hover {
  color: #010101;
}

.rotated {
  transform: rotate(180deg);
  transition: transform 0.2s ease-in-out;
}

@media screen and (max-width: 920px) {
  .blog-content h3 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0.75rem;
  }

  .blog-content p {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75rem;
    margin-bottom: 0.75rem;
  }
}

.object_custom {
  object-position: 100% 50%;
}

/* Best blogs menu  */

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

/* Ascundeți sub-meniu și blog-ul inițial */
.sub-menu,
.menu_blog {
  display: none;
}

/* Afișați sub-meniu și blog-ul la hover */
.items-pack:hover .sub-menu,
.items-pack:hover .menu_blog {
  display: block;
}

.sub-menu,
.menu_blog {
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateY(-30px);
  opacity: 0;
  visibility: hidden;
}

.items-pack:hover .sub-menu,
.items-pack:hover .menu_blog {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.animated-background {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 8rem;
  position: relative;
}

.animated-background-mobile {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 10rem;
  position: relative;
}

/* Checkbox switch */
.checkbox_custom input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}

.checkbox_custom label {
  cursor: pointer;
  text-indent: -9999px;
  width: 2.8rem;
  height: 1.55rem;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.checkbox_custom label:after {
  content: "";
  position: absolute;
  top: 0.16rem;
  left: 0.16rem;
  width: 1.25rem;
  height: 1.25rem;
  background: #fff;
  filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06))
    drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.1));
  border-radius: 90px;
  transition: 0.3s;
}

.checkbox_custom input:checked + label {
  background: #010101;
}

.checkbox_custom input:checked + label:after {
  left: calc(100% - 0.12rem);
  transform: translateX(-100%);
}

@media screen and (max-width: 920px) {
  .checkbox_custom label:after {
    top: 0.15rem;
  }
}

/* Product archive */

.archive .woocommerce-notices-wrapper {
  display: none !important;
}

/* .archive .product img {
  height: 30rem !important;
}

.product-item-custom img {
  height: 30rem !important;
}

.homepage-products .product img {
  height: 33rem !important;
} */
/* 
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .archive .product img {
    height: 20rem !important;
  }

  .product-item-custom img {
    height: 20rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
  .archive .product img {
    height: 22rem !important;
  }

  .product-item-custom img {
    height: 22rem !important;
  }
}
@media (max-width: 650px) and (min-width: 768px) {
  .archive .product img {
    height: 20rem !important;
  }

  product-item-custom img {
    height: 20rem !important;
  }
}
@media (max-width: 650px) {
  .archive .product img {
    height: 20rem !important;
  }

  .product-item-custom img {
    height: 20rem !important;
  }
}

@media (max-width: 500px) {
  .product-item-custom img {
    height: 18rem !important;
  }
}

@media (max-width: 400px) {
  .archive .product img {
    height: 16rem !important;
  }

  .product-item-custom img {
    height: 14rem !important;
  }
}

@media (max-width: 360px) {
  .archive .product img {
    height: 24rem !important;
  }

  .product-item-custom img {
    height: 24rem !important;
  }
  .archive .products {
    grid-template-columns: repeat(1, 1fr) !important;
  }
} */

/* Select */

select {
  display: none;
}

.select {
  margin: 0;
  border: 1px solid #d0d5dd;
  border-radius: 0.5rem;
  padding: 0.62rem 0.88rem 0.62rem 0.88rem;
  min-width: 13rem;
  position: relative;
  user-select: none;
  cursor: pointer;
  white-space: nowrap;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.select::after {
  border-bottom: 2px solid #667085;
  border-right: 2px solid #667085;
  border-radius: 1px;
  content: "";
  height: 9px;
  width: 9px;
  margin-top: -5.5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform-origin: 66% 66%;
  transform: rotate(45deg);
  transition: all 0.2s ease-in-out;
}
.select:focus {
  border-color: #666;
}
.select__current {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #667085;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.select__current.placeholder {
  color: #667085;
}
.select:hover .select__current {
  color: #101828;
  transition: all 0.2s ease-in-out;
}

.select--open {
  overflow: visible;
  border: 1px solid #fafafa;
  background: var(--White, #fff);
  box-shadow: 0px 0px 0px 4px #ffffff, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  transition: all 0.2s ease-in-out;
}
.select--open .select__current {
  color: #101828;
}
.select--open::after {
  transform: rotate(-135deg);
}
.select__list {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.05),
    0px 12px 16px -4px rgba(16, 24, 40, 0.1);
  box-sizing: border-box;
  margin-top: 2px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transform-origin: 50% 0;
  transform: scale(0.75) translateY(-3rem);
  transition: transform 0.2s cubic-bezier(0.5, 0, 0, 1.25),
    opacity 0.1s ease-out;
  z-index: -1;
}
.select--open .select__list {
  visibility: visible;
  opacity: 1;
  z-index: 1000;
  transform: scale(1) translateY(0.63rem);
}
.select__item {
  padding: 10px 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
}
/* .select__item:not(:last-child)::after {
  content: "";
  width: 35px;
  height: 1px;
  position: absolute;
  bottom: 0;
  background-color: #e9e9e9;
  left: 8px;
} */
.select__item:hover {
  background: #fffafa;
}
.select__item--active {
  font-weight: 500;
  color: #101828;
  background: #fffafa;
}
.select__item--disabled {
  display: none;
  cursor: not-allowed;
}
.select__item.hidden {
  display: none;
}

/* Stiluri pentru elementul de căutare */
.search-holder {
  /* padding: 10px; */
  border-bottom: 1px solid #ccc;
}

.search-holder input[type="search"] {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 6px;
}

.has-search .search-holder {
  top: 47.5px;
  width: 100%;
  left: 0;
  border-radius: 4px;
}

.has-search .select__list {
  transform: scale(1) translateY(2.9rem);
}

/* Ascunde bara de căutare când meniul este închis */
.select .search-holder {
  display: none;
}

/* Afișează bara de căutare doar când meniul este deschis */
.select--open .search-holder {
  display: block;
}

.select.to-up .select__list {
  bottom: 100%;
  height: 300px;
  overflow-y: scroll;
  top: auto;
}
.select.singleOption {
  popoppins-events: none;
}
.select.singleOption::after {
  display: none;
}
.search-holder {
  z-index: 6;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 50px;
  height: 44px;
}
.search-holder input {
  width: 100%;
  height: 40px;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #101828;
  padding: 0 20px;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
}
.search-select .select__list {
  padding-top: 60px;
}

.select.to-up .select__list {
  bottom: 100%;
  height: 300px;
  overflow-y: scroll;
  top: auto;
}
.select.singleOption {
  pointer-events: none;
}
.select.singleOption::after {
  display: none;
}
.search-holder {
  z-index: 6;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 50px;
  height: 40px;
}
.search-holder input {
  width: 100%;
  height: 40px;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #101828;
  padding: 0 20px;
  border: 1px solid #d8d8d8;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);
}
.search-select .select__list {
  padding-top: 60px;
}

/* Transitie dropdown filtre */

.slide-transition {
  transition: max-height 0.3s linear, opacity 0.3s linear;
  overflow: hidden;
  max-height: 1000px;
  opacity: 1;
}

.slide-closed {
  max-height: 0;
  opacity: 0;
  /* position: absolute; */
}

/* Checkbox */

.custom-checkbox label {
  color: #101828;
  font-family: "Plus Jakarta Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.custom-checkbox {
  display: flex;
  align-items: center;
}

.custom-checkbox [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
}

.custom-checkbox [type="checkbox"]:not(:checked) + label,
.custom-checkbox [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.1em;
  cursor: pointer;
}

/* checkbox aspect */
.custom-checkbox [type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 0.2em;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
  border-radius: 0.375rem;
  border: 1px solid #d0d5dd;
  background: #fff;
}

.custom-checkbox [type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 0.2em;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
  border-radius: 0.375rem;
  border: 1px solid #010101;
  background: #fffafa;
}

/* checked mark aspect */
.custom-checkbox [type="checkbox"]:not(:checked) + label:after,
.custom-checkbox [type="checkbox"]:checked + label:after {
  content: "";
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6666 3.5L5.24992 9.91667L2.33325 7" stroke="%23010101" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1.375em;
  color: #010101;
  line-height: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
}

/* checked mark aspect changes */
.custom-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}

.custom-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
}

[data-hidden="true"] {
  display: none !important;
}

/* Price filter */

.price-filter input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.price-filter .slider {
  height: 0.5rem;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}

.price-filter .slider .progress_custom {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: #010101;
}

.price-filter .range-input {
  position: relative;
}

.price-filter .range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -7px;
  background: none;
  pointer-events: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.price-filter input[type="range"]::-webkit-slider-thumb {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  cursor: pointer;

  -webkit-appearance: none;
  box-shadow: 0 2px 2px rgba(16, 24, 40, 0.06), 0 4px 4px rgba(16, 24, 40, 0.1);
}

.price-filter input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: #fff;
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 2px 2px rgba(16, 24, 40, 0.06), 0 4px 4px rgba(16, 24, 40, 0.1);
}

/* Color filter */

.color-checkbox label {
  color: #101828;
  font-family: "Plus Jakarta Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
}

.color-checkbox {
  display: flex;
  align-items: center;
}

.color-checkbox [type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0;
}

.color-checkbox [type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  cursor: pointer;
}

/* checkbox aspect */
.color-checkbox [type="checkbox"]:not(:checked) + label {
  content: "";
  position: relative;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 0.2em;
  -webkit-transition: all 0.275s;
  transition: all 0.275s;
  border-radius: 100%;
  border: 1.4px solid;
  /* background: #4dcc5a; */
}

.color-checkbox [type="checkbox"]:checked + label {
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6666 3.5L5.24992 9.91667L2.33325 7" stroke="%23000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 0.2em;

  border-radius: 100%;
  border: 1.4px solid #000000 !important;
  /* background: #4dcc5a; */
}

.color-checkbox [type="checkbox"]:checked + .special-black-color {
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.6666 3.5L5.24992 9.91667L2.33325 7" stroke="%23FFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  left: 0;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 0.2em;
  border-radius: 100%;
  border: 1.4px solid #ffffff !important; /* Am schimbat culoarea chenarului în alb */
  /* background: #4dcc5a; */
}

/* checked mark aspect */
/* .color-checkbox [type="checkbox"]:not(:checked) + label:after,
.color-checkbox [type="checkbox"]:checked + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1.375em;
  background-color: #4dcc5a;
  border-radius: 100%;
  line-height: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
} */

/* checked mark aspect changes */
.color-checkbox [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}

.color-checkbox [type="checkbox"]:checked + label:after {
  opacity: 1;
}

/* Scroll bar products filters */

.custom-scroll-bar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.custom-scroll-bar::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}

.custom-scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #fff;
  min-height: 120px;
}

/* Mobile filters height */

.filters_height_mobile {
  height: auto;
}

@media screen and (max-width: 920px) {
  .filters_height_mobile {
    height: calc(95vh - 4.5rem);
    overflow-y: scroll;
  }
}

/* Categories mobile scroll */

.category_mobile::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.category_mobile::-webkit-scrollbar {
  width: 2px;
  background-color: #fff;
}

.load-more-button {
  display: flex;
  height: 2.5rem;
  text-align: center;
  padding: 0.625rem 1rem 0.625rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.08331rem;
  flex-shrink: 0;
  border-radius: 0rem 0.5rem 0.5rem 0rem;
  border: 1px solid #d0d5dd;
  background: #fff;
  gap: 0.69rem;
  width: fit-content;
  font-family: "Plus Jakarta Sans";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  margin: auto;
  transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 920px) {
  .load-more-button {
    display: flex;
    height: 2.5rem;
    text-align: center;
    padding: 0.625rem 1rem 0.625rem 1rem;
    justify-content: center;
    align-items: center;
    gap: 0.08331rem;
    flex-shrink: 0;
    border-radius: 0rem 0.5rem 0.5rem 0rem;
    border: 1px solid #d0d5dd;
    background: #fff;
    gap: 0.69rem;
    width: 100%;
    font-family: "Plus Jakarta Sans";
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem; /* 142.857% */
    margin-top: 2rem;
  }
}

.load-more-button:hover {
  border: 1px solid #010101;
  color: #010101;
  transition: all 0.2s ease-in-out;
}

.woocommerce div.product form.cart {
  margin-bottom: 0 !important;
}

/* Prices on product page */

/* .price {
  display: none;
  gap: 0.69rem;
  align-items: center;
} */

.price del {
  order: 2;
  color: rgba(40, 42, 46, 0.5);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.01rem;
  text-decoration-line: strikethrough;
}

.price ins,
.price bdi {
  order: 1;
  color: #17161a;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

.price ins .woocommerce-Price-currencySymbol,
.price del .woocommerce-Price-currencySymbol {
  text-transform: uppercase;
}

@media screen and (max-width: 920px) {
  .price {
    gap: 0.44rem;
  }

  .price del {
    order: 2;
    color: rgba(40, 42, 46, 0.5);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    text-decoration-line: strikethrough;
  }

  .price ins,
  .price bdi {
    order: 1;
    color: #b13a38;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
  }
}

@media screen and (max-width: 330px) {
  .force_wrap {
    flex-wrap: wrap;
  }
}

.woocommerce-notices-wrapper {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .woocommerce-notices-wrapper {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.woocommerce-error:before {
  content: "";
  background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_20129)"><path d="M6 4V6M6 8H6.005M11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 3.23858 3.23858 1 6 1C8.76142 1 11 3.23858 11 6Z" stroke="%23B42318" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_1_20129"><rect width="12" height="12" fill="white"/></clipPath></defs></svg>');
  width: 1.2rem;
  height: 1.2rem;
  background-size: 1.2rem;
  background-repeat: no-repeat;
  display: flex;
  position: relative;
  left: 0;
  top: 0.5px;
}

.woocommerce-error {
  background: #fef3f2;
  border: 1px solid #b42318;
  border-radius: 8px;
  color: #1d2939;
  padding: 0.75rem 1.75rem;
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}

.woocommerce-error li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  width: 100%;
  color: #b42318;
}

.woocommerce-error li a {
  order: 2;
  display: flex !important;
  padding: 0.625rem 1.125rem !important;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem !important;
  border: 1px solid var(--Gray-300, #d0d5dd);
  background: linear-gradient(27deg, #010101 8.33%, #010101 91.67%) !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
  max-height: 44px;
}

.woocommerce-checkout .woocommerce-error {
  flex-direction: column;
  justify-content: flex-start;
  align-items: baseline;
}

.woocommerce-checkout .woocommerce-error li {
  display: block;
  font-weight: 600 !important;
}

.woocommerce-message::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="15" height="15" rx="7.5" fill="%23010101"/><rect x="0.5" y="0.5" width="15" height="15" rx="7.5" stroke="%23010101"/><path d="M11.3337 5.5L6.75033 10.0833L4.66699 8" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  width: 1.2rem;
  height: 1.2rem;
  background-size: 1.2rem;
  background-repeat: no-repeat;
  display: flex;
  position: relative;
  left: 0;
  top: 0.5px;
}

.woocommerce-message {
  background: #fff;
  border: 1px solid #010101;
  border-radius: 8px;
  color: #1d2939;
  padding: 0.75rem 1.75rem;
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  align-items: center;
  gap: 8px;
}

.woocommerce-message {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  width: 100%;
  color: #010101;
}

.woocommerce-message a {
  order: 2;
  display: flex !important;
  padding: 0.625rem 1.125rem !important;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem !important;
  border: 1px solid var(--Gray-300, #d0d5dd);
  background: linear-gradient(27deg, #010101 8.33%, #010101 91.67%) !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05) !important;
  color: #fff !important;
  font-size: 1rem !important;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.5rem !important;
  max-height: 44px;
  margin-left: auto !important;
}

@media screen and (max-width: 700px) {
  .woocommerce-checkout .woocommerce-NoticeGroup-checkout {
    margin-bottom: 1.25rem;
  }
  .woocommerce-checkout .woocommerce-error {
    justify-content: center;
    padding: 0.75rem 1.25rem;
  }

  .woocommerce-message {
    display: grid;
    gap: 8px;
    justify-content: center;
    text-align: center;
    margin-bottom: 5px !important;
    font-size: 0.9rem !important;
    font-style: normal !important;
  }

  .woocommerce-message::before {
    margin: auto !important;
  }

  .woocommerce-message::after {
    content: none !important;
  }

  .woocommerce-message a {
    width: fit-content;
    font-size: 0.875rem !important;
    font-style: normal !important;
    line-height: 1.25rem !important; /* 142.857% */
    margin: auto !important;
  }
}

@media screen and (max-width: 950px) {
  .woocommerce-error {
    display: grid;
    gap: 8px;
    justify-content: center;
    text-align: center;
    margin-bottom: 1rem !important;
    font-size: 0.9rem !important;
    font-style: normal !important;
  }

  .woocommerce-error li {
    display: grid;
    gap: 8px;
    margin-bottom: 5px !important;
    justify-content: center;
    text-align: center;
    margin-bottom: 0 !important;
    font-size: 0.9rem !important;
    font-style: normal !important;
  }

  .woocommerce-error::before {
    margin: auto !important;
  }
  .woocommerce-error::after {
    content: none !important;
  }

  .woocommerce-error li a {
    width: fit-content;
    font-size: 0.875rem !important;
    font-style: normal !important;
    line-height: 1.25rem !important; /* 142.857% */
    margin: auto !important;
  }
}

@media screen and (max-width: 700px) {
  .woocommerce-error {
    margin-bottom: 5px !important;
  }
}

/* Cart page */

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
}

.woocommerce-cart .woocommerce-notices-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.woocommerce a .remove-item {
  background: #17161a;
  display: flex;
  justify-content: center;
  align-items: center;
}

.woocommerce a.remove:hover .remove-item {
  background: #f04438;
}
.woocommerce a .remove-item {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 100%;
}
body .woocommerce-cart-form__cart-item .product-thumbnail img {
  margin: auto;
  height: 6.5rem;
  width: 5.5rem;
  object-fit: cover;
}

html body .woocommerce a.remove:hover {
  background: unset !important;
  color: #f04438 !important;
}
.woocommerce .shop_table .normal-content {
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
}

html body .woocommerce-cart-form .product-subtotal {
  font-weight: 700 !important;
}

.woocommerce table.shop_table {
  border: none;
}

/* .woocommerce table thead tr {
  height: 9rem;
} */

.woocommerce-cart .woocommerce-notices-wrapper {
  order: 3;
}

.woocommerce-notices-wrapper {
  display: none;
}

@media screen and (max-width: 1100px) {
  .woocommerce-cart .woocommerce-notices-wrapper {
    order: 1;
  }

  body .woocommerce-cart-form__cart-item .product-thumbnail img {
    margin: auto;
    height: auto;
    width: 100%;
    border-radius: 0.375rem;
    background: #fff;
  }

  html .woocommerce a.remove {
    display: flex;
    gap: 0.31rem;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    color: #17161a !important;
    width: 100%;
    align-items: center;
  }

  .woocommerce a .remove-item {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 100%;
  }

  .woocommerce a .remove-item svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}

:root {
  accent-color: #010101;
}

.delivery-option {
  display: flex;
  cursor: pointer;
}

.delivery-option input {
  height: 0;
  width: 0;
  opacity: 0;
}

.delivery-option input:checked ~ .delivery-option__inner {
  border-color: #010101;
  background: #fff;
  color: #010101;
}

.delivery-option__inner {
  width: 100%;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 1rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  transition: all 0.3s ease-in-out;
  color: #344054;
  border-radius: 0.5rem;
}

.delivery-option__title {
  display: flex;
  gap: 0.87rem;
  align-items: center;
}

.delivery-option__heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 920px) {
  .delivery-option__inner {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 370px) {
  .delivery-option__heading {
    flex-direction: column;
    gap: 0.5rem;
  }
  .delivery-option__title {
    flex-direction: column;
    gap: 0.25rem;
  }
}

.cart-empty {
  display: none;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

/* Checkout */

.woocommerce .checkout form .form-custom .required label,
.woocommerce .checkout form .form-custom label {
  color: #232226;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 171.429% */
  letter-spacing: -0.00875rem;
}

.woocommerce .checkout input[type="text"],
.woocommerce .checkout textarea,
.woocommerce .checkout input[type="email"],
.woocommerce .checkout input[type="tel"],
.login-page input[type="text"],
.login-page input[type="email"],
.login-page input[type="tel"],
.login-page textarea,
.login-page input[type="password"] {
  border-radius: 0.5rem;
  border: 1px solid var(--Gray-300, #d0d5dd);
  background: var(--Gray-50, #f9fafb);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 44px;
  padding: 0 0.87rem;
  display: flex;
  align-items: center;
  width: 100%;
}

.woocommerce .checkout textarea {
  min-height: 7.5rem;
}

.woocommerce .checkout input[type="text"]::-webkit-input-placeholder,
.login-page input[type="email"],
.login-page input[type="tel"],
.login-page textarea,
.login-page input[type="password"] {
  color: #667085;
}

.woocommerce .checkout .select__list {
  max-height: 200px;
  overflow-y: scroll;
}

.woocommerce .checkout .select__list::-webkit-scrollbar-thumb {
  background-color: #010101 !important;
}

.woocommerce .checkout .select__list::-webkit-scrollbar-track {
  background-color: #f1f1f1 !important;
}

.woocommerce .checkout .select {
  border: 1px solid var(--Gray-300, #d0d5dd);
  background: var(--Gray-50, #f9fafb);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  height: 44px;
  padding: 0 0.87rem;
  display: flex;
  align-items: center;
  width: 100%;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: transparent !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  padding: 0;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border: none !important;
  display: grid;
  gap: 0.62rem;
  /* margin-bottom: 2rem; */
}

.woocommerce-checkout [type="radio"]:checked,
.woocommerce-checkout [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.woocommerce-checkout [type="radio"]:checked + label,
.woocommerce-checkout [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
.woocommerce-checkout [type="radio"]:checked + label:before,
.woocommerce-checkout [type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #11111114;
  border-radius: 100%;
  background: #11111114;
}
.woocommerce-checkout [type="radio"]:checked + label:after,
.woocommerce-checkout [type="radio"]:not(:checked) + label:after {
  content: "";
  width: 8px;
  height: 8px;
  background: #010101;
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.woocommerce-checkout [type="radio"]:not(:checked) + label:after {
  background: #ffffff;
}
.woocommerce-checkout [type="radio"]:checked + label:after {
  background: #010101;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
  padding: 0 !important;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  margin-bottom: 0;
}

.woocommerce form .form-row {
  margin-bottom: 0;
}

.woocommerce
  .woocommerce-customer-details
  .woocommerce-customer-details--phone::before {
  content: none;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce
  .woocommerce-customer-details
  .woocommerce-customer-details--phone {
  padding-left: 0;
}

.woocommerce
  .woocommerce-customer-details
  .woocommerce-customer-details--email::before {
  content: none;
}

.woocommerce .woocommerce-customer-details address {
  border: none;
  padding: 0;
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-downloads {
  margin-bottom: 1.74rem;
}

.woocommerce .woocommerce-order-details {
  margin-bottom: 0;
}

.login-page .main_nav {
  display: none;
}
.login-page .placeholder-nav {
  display: none;
}

.login-page footer {
  display: none;
}

.collection-carousel {
  overflow: visible;
}

@media screen and (max-width: 768px) {
  .collection-carousel {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
  }
  .collection-carousel::-webkit-scrollbar {
    display: none;
  }

  .collection-carousel {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}

.collection-carousel.cursor-grabbing {
  cursor: grabbing;
}

.collection-card img {
  pointer-events: none;
}

.checkout_coupon {
  display: block !important;
}
/* 
.woocommerce-checkout li:has(a) {
  display: none;
} */

.woocommerce-checkout .woocommerce-error li:has(> a) {
  display: none;
}

@media screen and (max-width: 768px) {
  .breadcrumb-container {
    order: 1;
  }

  .product_title {
    order: 2;
  }

  .variation-price-above-title {
    order: 3;
  }

  .variations_form {
    order: 4;
  }

  .product_meta {
    order: 5;
  }

  .infos {
    order: 6;
  }
  .other-info {
    order: 7;
  }
  .dropdown_list {
    order: 8;
  }

  .single_variation_wrap .price {
    display: none !important;
  }

  .pa_marime_gap {
    gap: 0.4rem !important;
  }
}

.placeholder-item-custom {
  background-color: #f3f4f6;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

label[for="pa_color"] {
  text-align: left !important;
}
label[for="pa_marime"] {
  text-align: left !important;
}

.search-suggestions {
  border: 1px solid #e5e7eb;
  max-height: 400px;
  overflow-y: auto;
}

.suggestion-item {
  display: flex;
  padding: 0.75rem;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
}

.suggestion-item:hover {
  background-color: #f9fafb;
}

.suggestion-image {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.suggestion-content {
  flex: 1;
}

.suggestion-title {
  font-weight: 500;
  color: #111827;
}

.suggestion-price {
  color: #6b7280;
  font-size: 0.875rem;
}

.view-all-results {
  display: block;
  border-top: 1px solid #e5e7eb;
  background-color: #f9fafb;
}

.view-all-results:hover {
  background-color: #f3f4f6;
}

.first-payment-date {
  display: none;
}

.product_checkout_total {
  display: flex;
  gap: 4px;
}

.woocommerce-privacy-policy-text {
  margin-bottom: 2rem;
}

#payment .woocommerce-info {
  margin-bottom: 2rem;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background: none !important;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
  display: none !important;
}

.comment-respond {
  display: grid;
  gap: 1rem;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0;
}

.comment-text .description p {
  display: none;
}

.review {
  width: auto;
  height: auto;
}

.comment-text {
  display: flex;
  position: relative;
}

#reply-title {
  display: none !important;
}
