html {
  font-size: 100%;
  scroll-behavior: smooth;
}

:root {
  --page-width: 1140px;
  --charcoal-color: #232f3e;
  --blue-tint-color: #5f6061;
  --pale-yellow-color: #fcf2c7;
  --red-color: #d70000;
  --green-color: #00a201;
  --white-color: #ffffff;
  --off-green-color: #f8fff7;
  --deep-sky-color: #3b8fff;
  --primary-fonts: "Roboto", sans-serif;
}

/* Reset */
*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

li {
  list-style: none;
}

fieldset {
  border: none;
  outline: none;
}

button {
  cursor: pointer;
}

.section-title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--charcoal-color);
  margin-bottom: 0.625rem;
}

.section-desc {
  font-size: 1rem;
  line-height: 1.4;
  color: var(--charcoal-color);
}

hr {
  opacity: 0.4;
  background-color: #ebeff3;
}

/* Utilities */

.page-width {
  max-width: var(--page-width);
  margin: 0 auto;
}

.default-shadow {
  box-shadow: 0px 0.0625rem 0.1875rem 0px #d2d2d2;
}

body {
  position: relative;
  font-family: var(--primary-fonts);
}

/* Navbar */

.navbar {
  background: var(--charcoal-color);
  padding-block: 1.25rem;
}

.navbar__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select2-container--default .select2-selection--single {
  border: 0px !important;
}
.order_summary_sum {
  font-weight: bold;
}

.navbar__logo {
  display: flex;
  max-width: 6.25rem;
}

.navbar__link {
  display: flex;
}

.navbar__details {
  display: flex;
  gap: 6.25rem;
}

.navbar__steps {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}

.navbar__step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  color: var(--white-color);
}
.light_header .navbar__step{
  color: var(--charcoal-color);
}

.light_header_red .navbar__step{
  color: white;
}
.light_header .navbar__step-active{
  background: #4d5d6f;
}
.light_header .navbar__step-check span{
  color: var(--white-color);
}
.light_header_red .navbar__step-active{
  background: #4d5d6f;
}
.light_header_red .navbar__step-check span{
  color: var(--white-color);
}

.light_header_red .navbar__content-search input {
  background: #b8b8b8;
  padding: 1rem 3.4375rem;
  border-radius: 6.1875rem;
  outline: none;
  border: none;
  font-size: 0.9375rem;
  color: #e3e6e8;
  width: 100%;
}
.light_header_red .navbar__content-search input::placeholder {
  color: #e3e6e8;
  opacity: 1; /* Firefox */
}

.navbar__step:not(:first-child):before {
  position: absolute;
  content: "";
  left: -1.375rem;
  top: 50%;
  transform: translateY(-50%);
  background: #e6e6e6;
  opacity: 0.2;
  width: 0.75rem;
  height: 0.0625rem;
}

.navbar__step-check {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  color: var(--charcoal-color);
}

.navbar__step-check img {
  object-fit: contain;
  width: 0.625rem;
}

.navbar__step span,
.navbar__step p {
  font-weight: 500;
  font-size: 0.875rem;
}

.navbar__step-check span {
  font-size: 0.625rem;
}

.navbar__step-past {
  background: var(--green-color);
}

.navbar__step-active {
  background: var(--white-color);
}

.navbar__step-upcoming {
  background: #4d5d6f;
  color: var(--white-color);
}

.navbar__link a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.75rem 1rem;
  background: #99999950;
  border-radius: 0.5rem;
}

.navbar__link a img {
  width: 1.25rem;
  height: 1.25rem;
  object-fit: contain;
}

.navbar__link p {
  font-size: 0.8125rem;
  color: #999999;
}
.light_header .navbar__link p {
  color: #444444;
}
.light_header .navbar__link p span{
  color: #444444;
}
.light_header_red .navbar__link p {
  color: #f6f6f6;
}
.light_header_red .navbar__link p span{
  color: #f6f6f6;
}
.navbar__link p span {
  font-weight: 700;
  color: var(--white-color);
}

.navbar__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.navbar__content-top {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.navbar__content {
  display: flex;
  align-items: flex-start;
  flex-flow: column wrap;
  gap: 1rem;
}

.navbar__content-hamburger {
  display: none;
  border: none;
  outline: none;
  background: none;
}

.checkout_notice a {
  color: #2079e9;
  text-decoration: underline;
}

.navbar__content-logo {
  display: flex;
  max-width: 10rem;
}

.navbar__content-search {
  position: relative;
  width: 32rem;
}

.navbar__content-search input {
  background: #ffffff;
  padding: 1rem 3.4375rem;
  border-radius: 6.1875rem;
  outline: none;
  border: none;
  font-size: 0.9375rem;
  color: #99a0a7;
  width: 100%;
}
.checkout_notice {
  margin-bottom: 2rem;
  color: #3c3c3c;
  font-size: 0.775rem;
  color#999999: ;
  text-align: center;
}
.navbar__content-search button {
  display: flex;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  outline: none;
  border: none;
}

.navbar__content-tel {
  display: flex;
}
section.product__featured img {
  display: inline-table;
  height: auto;
}
.navbar__content-tel a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: #e3e6e8;
}

.navbar__content-tel span {
  color: #fff;
  font-weight: 500;
}

.order_summary {
  align-items: flex-start;
  gap: 10px;
}

.order_summary_item {
  align-items: flex-start;
  border-bottom: 1px solid #f0f2f5;
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width: 100%;
}

.order_summary_text {
  display: flex;
  flex-basis: 80%;
  flex-direction: row;
  font-size: 0.875rem;
  color: #666666;
}

.order_summary_price {
  align-items: flex-start;
  display: flex;
  flex-basis: 10%;
  height: 100%;
  justify-content: center;
  font-size: 0.875rem;
  color: #666666;
}

.navbar__cart {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
  background: #37424f;
  box-shadow: 0px 2px 5px 0px #00000012;
  border-radius: 0.5rem;
  cursor: pointer;
  position: relative;
}

.navbar__cart-icon {
  display: flex;
  position: relative;
}

.navbar__cart-icon span {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 1.25rem;
  height: 1.25rem;
  background: #28a744;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 50%;
  border: 0.125rem solid #37424f;
}

.navbar__cart-details p {
  font-size: 14px;
  color: #ffffff50;
  line-height: 1rem;
}

.navbar__cart-details h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #ffffff;
}

.navbar__cart-arrow-right {
  display: flex;
}

.navbar__content-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.navbar__content-links li a {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff70;
  transition: 0.3s all;
}

.navbar__content-links li a:hover {
  color: var(--white-color);
}

/* Annoucement */

.annoucement__bar,
.annoucement__bar-green {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pale-yellow-color);
  padding-block: 0.625rem;
}

.annoucement__text {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #3a3a3a;
  display: flex;
  align-items: center;
  justify-content: center;
  /* flex-direction: column; */ /* je podiralo design na checkoutu */
  gap: 0.25rem;
}

.annoucement__text span {
  font-weight: 700;
}

.annoucement__text-red {
  color: var(--red-color);
}

.annoucement__text-time {
  padding: 0.25rem 0.5rem;
  color: var(--white-color);
  background-color: var(--red-color);
  border-radius: 0.3125rem;
  cursor: pointer;
}

/* Checkout body */

.checkout__form {
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout__form-container {
  max-width: 35.625rem;
}

.checkout__body-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.product__featured .product_desc h3 {
  font-weight: bold;
}
.checkout__body-title h2 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
}

.checkout__body-title p {
  color: #888888;
  font-size: 0.875rem;
}

.checkout__body-title p a {
  color: #333333;
  font-weight: 600;
}

.input__e-n {
  margin-bottom: 2rem;
}

.input__form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 1rem;
  border: 0.0625rem solid #d1d1d1;
}

.border__radius-top {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.border__radius-bottom {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.border__radius-t-b-left {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.border__radius-r-b-left {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.input__form-check {
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--green-color);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.input__form-check img {
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
}

.input__form-label {
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
  flex: 1;
}

.input__form-label label {
  display: block;
  font-size: 0.875rem;
  color: #666666;
  margin-top: 0rem;
}

.input__form-label label span {
  color: #999999;
}

.input__form-label input,
.input__form-label select,
.input__form-label textarea {
  font-size: 1rem;
  padding: 0;
  border: none;
  outline: none;
  width: 100%;
  background: transparent;
}

.input__form-label input::placeholder {
  color: #ddddde;
}

/* Correct Info */

.correct__info {
  position: relative;
  background-color: var(--off-green-color);
  color: var(--green-color);
  border-color: currentColor;
}

.correct__info::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 12px;
  width: 0;
  height: 0px;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 5px solid currentColor;
}

.correct__info .input__form-label label {
  color: currentColor;
}

.correct__info .input__form-label label span {
  color: currentColor;
}

.correct__info .input__form-check {
  display: flex;
}

/* Incorrect Info */
.incorrect__info {
  position: relative;
  background-color: var(--white-color);
  color: var(--red-color);
  border-color: currentColor;
}

.incorrect__info::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 12px;
  width: 0;
  height: 0px;
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 5px solid currentColor;
}

.incorrect__info .input__form-label label {
  color: currentColor;
}

.incorrect__info .input__form-label label span {
  color: currentColor;
}

.input__form-wrapper {
  position: relative;
  display: flex;
  flex-flow: column;
}

.invalid__details {
  padding: 0.375rem 1rem;
  font-size: 0.75rem;
  background: #fde7e7;
  color: var(--red-color);
  font-weight: 500;
}

.optional__details {
  background: #f7f7f8;
  padding: 0.375rem 1rem;
  font-size: 0.75rem;
  color: #666666;
}

.optional__details span {
  color: #333333;
  font-weight: 700;
}

.optional__details button {
  background: none;
  outline: none;
  border: none;
  color: #3b8fff;
  font-weight: 600;
}

.input__address-details {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background: var(--white-color);
  box-shadow: 0px 1px 3px 0px #d2d2d2;
  border: 1px solid #d1d1d1;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.input__address-details p {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 36px;
  padding-inline: 1rem;
  color: #666666;
  transition: 0.3s all;
}

.div_variacije {
  background-color: #e2e6e8;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding: 1.5rem;
  font-size: 12px;
  box-shadow: inset 0 6px 5px -5px rgba(0,0,0,.05);
  border-top: 1px solid transparent;
}

.input__address-details p:hover {
  background: #3b8fff20;
  color: #000000;
}

.input__full-details-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}

.name__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 1.25rem;
}

.bell__wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-bottom: 1.25rem;
}

.checking__info {
  border-color: var(--deep-sky-color);
}

.checking__info .input__form-label label {
  color: var(--deep-sky-color);
}

.checking__info .input__form-check {
  display: flex;
  background: #cccccc;
}

.address__wrapper {
  border: 1px solid #d1d1d1;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 3px 0px #d2d2d280;
  margin-bottom: 1.25rem;
}

.city_zip__wrapper {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
}

.city_street__wrapper {
  display: grid;
  grid-template-columns: 2.5fr 1fr;
}

.city_bg__wrapper {
  display: grid;
  grid-template-columns: auto;
}

.select__wrapper {
  background: linear-gradient(to bottom, #ffffff, #cccccc6e);
}

.business__checbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.business__checbox input {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--green-color);
  cursor: pointer;
}

.business__checbox p {
  font-size: 0.875rem;
  color: #666666;
}

.business__vat-id {
  margin-bottom: 1.25rem;
}

.border__radius-full {
  border-radius: 0.5rem;
}

.radio__wrapper {
  margin-bottom: 1.25rem;
}

.input__radio-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #d1d1d1;
}

.radio__input__wrapper:first-of-type .input__radio-wrapper {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.radio__input__wrapper:last-of-type .input__radio-wrapper {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.radio__input__wrapper input {
  accent-color: var(--green-color);
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}

.radio__replacement {
  position: relative;
  width: 1rem;
  height: 1rem;
  background: #d6d6d6;
  color: #d6d6d6;
  cursor: pointer;
  border-radius: 50%;
  padding: 0.125rem;
  padding: 0.3125rem;
}

.radio__replacement::after {
  position: absolute;
  content: "";
  border: 2px solid currentColor;
  width: 1.875rem;
  height: 1.875rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.input__radio-wrapper h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.1rem;
  margin-bottom: 0.3125rem;
}

.input__radio-wrapper .free__tag {
  color: var(--green-color);
  padding: 0.1875rem 0.375rem;
  background: #e1efe1;
  margin-left: 0.5rem;
  border-radius: 0.25rem;
}

.input__radio-wrapper .paid__tag {
  color: #666666;
  font-size: 0.8rem !important;
}

.input__radio-wrapper .paid__tag span {
  color: #666666;
  padding: 0.1875rem 0.375rem;
  background: #e6e6e6;
  margin-left: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.7rem;
}

.input__radio-wrapper p {
  font-size: 0.8125rem;
  color: #666666;
}

.radio__input__wrapper {
  width: 100%;
  position: relative;
}

.radio__input__wrapper input:checked ~ .input__radio-wrapper {
  border-color: var(--green-color);
  background: var(--off-green-color);
}

.radio__input__wrapper input:checked ~ .input__radio-wrapper .radio__replacement {
  background: var(--green-color);
  color: var(--green-color);
}

.additional__warranty {
  padding: 1.25rem;
  background: var(--off-green-color);
  border: 2px solid var(--green-color);
  box-shadow: 0px 1px 3px 0px #d2d2d2;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}

.additional__warranty-checkbox {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.additional__warranty-checkbox input {
  width: 1rem;
  height: 1rem;
  accent-color: var(--green-color);
  cursor: pointer;
}

.additional__warranty-checkbox h2 {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
}

.additional__warranty-checkbox h2 span {
  color: var(--green-color);
  padding: 0.1875rem 0.375rem;
  background: #e1efe1;
  margin-left: 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
}

.additional__warranty-desc {
  font-size: 0.8125rem;
  color: #666666;
  line-height: 1.5;
}

.billing__address {
  margin-bottom: 1.5rem;
}

.billing__address-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.payment__card-details-active {
  background: #e8f3ff;
}

.payment__card-details {
  border-radius: 0.25rem;
  border: 1px solid #d1d1d1;
  box-shadow: 0px 1px 3px 0px #d2d2d2;
  margin-bottom: 2.5rem;
}

.payment__card-details-header {
  padding: 1rem;
}

.payment__card-details-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.payment__card-details-header:not(:last-child) {
  border-bottom: 1px solid #e8f3ff;
}

.payment__card-details-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.payment__card-details-title input {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: var(--green-color);
  cursor: pointer;
}

.payment__card-details-title h2 {
  font-size: 1rem;
  color: #666666;
  font-weight: 500;
}

.payment__card-details-title h2 span {
  margin-left: 0.5rem;
  color: #666666;
  padding: 0.1875rem 0.375rem;
  background: #e6e6e6;
  border-radius: 0.25rem;
  font-size: 0.7rem;
  white-space: nowrap;
}

.payment__card-details-image {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.payment__card-details-image img {
  object-fit: contain;
}

.payment__card-details-input {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  max-width: 90%;
  margin-inline: auto;
  margin-top: 1.25rem;
  /* padding: 0.5rem 3.75rem; */
  /* border: 1px solid #d1d1d1; */
  /* border-radius: 0.25rem; */
  /* background: var(--white-color); */
  font-size: 0.875rem;
}

.payment__card-details-input.credit-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  max-width: 90%;
  margin-inline: auto;
  margin-top: 1.25rem;
  padding: 0.5rem 1.75rem;
  border: 1px solid #d1d1d1;
  border-radius: 0.25rem;
  background: var(--white-color);
  font-size: 0.875rem;
}

.braintree_input {
  height: 2.5rem;
}



.payment__card-details-input .input__form-label label {
  font-weight: 500;
  font-size: 0.75rem;
}

.payment__card-details-input .input__form-label input,
.payment__card-details-input .input__form-label input::placeholder {
  font-size: 0.875rem;
}

.payment__card-details-input div:nth-child(1) {
  flex: 60%;
}

.payment__card-details-input div:nth-child(2) {
  /*flex: 20%;*/
}

.payment__card-details-input div:nth-child(3) {
  flex: 20%;
}

.buynow__button {
  display: flex;
  margin-bottom: 2rem;
}

.buynow__button button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
  outline: none;
  border: none;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--white-color);
  box-shadow: 0px 2px 0px 0px #009900;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
}

.buynow__button button img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.bit__map {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  max-width: 25rem;
  margin: auto;
  margin-bottom: 3rem;
}

.bit__map .bit__map-image {
  min-width: 5rem;
  min-height: 5rem;
  display: flex;
}

.bit__map .bit__map-image img {
  object-fit: cover;
}

.bit__map .bit__map-content h2 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: var(--charcoal-color);
  margin-bottom: 0.125rem;
}

.bit__map .bit__map-content p {
  font-size: 13px;
  color: #666666;
  line-height: 1.6;
}

.footer__content {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #999999;
  gap: 0.375rem;
}

.footer__content span {
  display: block;
}

.footer__content span .lock__gray {
  width: 0.8125rem;
  object-fit: contain;
}

.footer__content span .footer__logo {
  max-width: 4.625rem;
}

/* Product Details */

.product__details {
  background: #f7f7f8;
  padding: 4rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.checkout__product-container {
  position: sticky;
  top: 0.625rem;
  max-width: 26.25rem;
}

.checkout__product-title h2 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

.cart__product-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 1rem;
}

.bit__map {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.cart__product-item {
  border-bottom: 1px solid #e6e6e6;
}

.cart__product-details-i-w-h {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.cart__product-details__img {
  position: relative;
  width: 2.625rem;
  height: 2.625rem;
}

.cart__product-details__img-quantity {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #666666;
  color: var(--white-color);
  border-radius: 50%;
  font-size: 0.75rem;
}

.cart__product-details__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.3125rem;
}

.cart__product-details__name {
  display: flex;
  flex-flow: column;
  gap: 0.3125rem;
}

.cart__product-details__name h3 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

.cart__product-details__quantity {
  display: flex;
  justify-content: flex-start;
  gap: 0.125rem;
}

.cart__product-details__quantity button {
  width: 2rem;
  height: 1.375rem;
  background: #dddddd;
  color: #666666;
  font-weight: 500;
  outline: none;
  border: none;
  position: relative;
  font-size: 1.25rem;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart__product-details__quantity button:nth-child(1) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.cart__product-details__quantity button:nth-child(2) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.cart__product-addmore__text {
  display: none;
  position: absolute;
  width: max-content;
  left: -0.625rem;
  margin-top: 70px;
  background: var(--red-color);
  color: var(--white-color);
  font-size: 0.875rem;
  padding: 0.4375rem 0.75rem;
  border-radius: 0.5rem;
  line-height: 1;
  z-index: 10;
}

.cart__product-addmore__text span {
  padding: 0.375rem;
  height: 100%;
}

.cart__product-addmore__text span:hover {
  background-color: #e77c7c;
  transition: 0.3s all;
  cursor: pointer;
}

.cart__product-addmore__text::after {
  position: absolute;
  content: "";
  top: -8px;
  left: 16px;
  width: 0;
  height: 0px;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid var(--red-color);
}

.cart__product-details__quantity button:hover .cart__product-addmore__text {
  display: block;
}

.cart__product-details-price {
  display: flex;
}

.cart__product-details-price span {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #333333;
}

.cart__total-price {
  padding-block: 1rem;
  border-bottom: 1px solid #e6e6e6;
}

.cart__total-costs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666666;
}

.cart__total-costs:not(:last-child) {
  margin-bottom: 1rem;
}

.cart__total-costs h2 {
  font-size: 0.875rem;
  font-weight: 500;
}

.cart__total-costs p {
  font-size: 0.875rem;
}

.cart__total-costs .free__tag {
  font-weight: 500;
  color: var(--green-color);
}

.cart__product-discount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 1rem;
  margin-bottom: 1rem;
}

.cart__product-discount h3 {
  font-size: 0.875rem;
  font-weight: 500;
}

.cart__product-discount p {
  font-size: 0.875rem;
  color: #7d7d7d;
  font-weight: 500;
}

.cart__product-discount p span {
  margin-left: 0.3125rem;
  font-weight: 600;
  color: #333333;
  font-size: 1rem;
}

.discount__card {
  padding: 1.5rem;
  background: #fbefce;
  border: 2px solid #ff8b00;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}

.discount__card-image {
  width: 6.5625rem;
  height: 6.5625rem;
  padding: 1.5625rem;
  background: var(--white-color);
  border-radius: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.discount__card-image img {
  width: 3.4375rem;
  height: 3.4375rem;
  object-fit: cover;
  border-radius: 0.3125rem;
}

.discount__card {
  position: relative;
}

.discount__card-content h3 {
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  color: #333333;
  margin: 0.3125rem;
}

.discount__card-atc {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  gap: 0.3125rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--white-color);
  box-shadow: 0px 2px 0px 0px #c86d01;
  background: linear-gradient(360deg, #e07a00 0.3%, #f09831 100%);
  outline: none;
  border: none;
  width: 100%;
  padding-block: 0.625rem;
}

.discount__card-atc img {
  width: 1.25rem;
  object-fit: contain;
}

.discount__card-price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
  gap: 0.5rem;
}

.discount__card-price span {
  display: block;
}

.discount__card-price-current {
  color: var(--red-color);
  font-size: 1.125rem;
  font-weight: 500;
}

.discount__card-price-was {
  color: #999999;
  font-size: 0.875rem;
}

.discount__card-price-percentage {
  position: relative;
  color: var(--white-color);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.3125rem;
}

.discount__card-price-percentage span {
  position: relative;
  font-size: 0.75rem;
  font-weight: 500;
  z-index: 20;
  line-height: 1;
  display: block;
}

.discount__card-price-percentage img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  object-fit: cover;
}

.discount__card-top {
  width: max-content;
  position: absolute;
  top: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  background: #ff8b00;
  color: var(--white-color);
  padding: 0.125rem 0.625rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.1875rem;
}

.card__review-card {
  padding: 0.625rem;
}

.card__review-card-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.0625rem;
  margin-bottom: 0.75rem;
}

.card__review-card-stars img {
  width: 0.9375rem;
}

.card__review-card-desc {
  text-align: center;
  font-size: 0.875rem;
  color: #666666;
  font-weight: light;
  line-height: 1.4;
  font-style: italic;
  margin-bottom: 0.75rem;
}

.card__review-card-profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
}

.card__review-card-profile .profile-image {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
}

.card__review-card-profile .profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.card__review-card-profile .profile-name {
  font-size: 0.875rem;
  color: #333333;
  font-weight: 600;
}

.card__review-card-profile .profile-verified {
  width: 1rem;
  height: 1rem;
  background: var(--green-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0.125rem;
}

.collection__banner {
  padding-block: 3rem;
}

.collection_desc {
  margin-bottom: 1.25rem;
}

.collection__cards-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1.25rem 0rem;
}

.collection__cards-filter p {
  color: var(--blue-tint-color);
}

.collection__cards-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.collection__cards-button span {
  color: var(--blue-tint-color);
}

.collection__cards-button select {
  position: relative;
  display: block;
  color: var(--charcoal-color);
  font-weight: 600;
  padding: 0.625rem 2rem 0.625rem 0.75rem;
  border: 1px solid #dddddd;
  box-shadow: 0px 2px 3px 0px #0000001a;
  border-radius: 0.375rem;
  cursor: pointer;
  outline: none;
  line-height: 1;
}

.collection__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  margin-top: 1.25rem;
}

.collection__card {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  min-height: 26.25rem;
}

.collection__card-media {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: calc(6 / 6 * 100%);
  overflow: hidden;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 1rem;
}

.collection__card-media img {
  transition: all 0.3s;
}

.collection__card-media-hover-image img {
  opacity: 0;
}

body section .collection__card:hover .collection__card-media-front-image img {
  opacity: 0;
  z-index: -1;
}

body section .collection__card:hover .collection__card-media-hover-image img {
  opacity: 1;
  z-index: 1;
}

.collection__card-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.collection__card-labels {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: flex-start;
  padding: 1rem 0.625rem;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
}

.collection__card-sale {
  padding: 0.25rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 14px;
  background: #1d6ec1;
  color: var(--white-color);
  border-radius: 0.25rem;
}

.collection__card-variants {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-bottom: 0.5rem;
}

.collection__card-variant-color {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.collection__card-variant-color span {
  width: 0.75rem;
  height: 0.75rem;
  background: #000000;
  border-radius: 50%;
}

.collection__card-variant-color span:nth-child(2) {
  background: #004ee5;
}

.collection__card-variant-color span:nth-child(3) {
  background: #3dbd00;
}

.collection__card-variant-number {
  color: #5f6061;
  font-size: 0.8125rem;
}

.collection__card-content {
  padding-inline: 0.3125rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.collection__card-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.collection__card-price h2 {
  color: #ca232c;
  font-size: 1.25rem;
  font-weight: 600;
}

.collection__card-price del {
  display: block;
  color: #999999;
  font-size: 0.875rem;
  font-weight: 300;
}

.collection__card-name {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--charcoal-color);
  margin-bottom: 0.3125rem;
}

.collection__card-review {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  transition: 0.3s all;
}

.collection__card-review-star {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.collection__card-review-star img {
  width: 0.75rem;
  height: 0.75rem;
}

.collection__card-review span {
  font-size: 0.75rem;
  color: #5f6061;
}

.collection__card-atc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  outline: none;
  border: none;
  width: 100%;
  color: var(--white-color);
  font-weight: 600;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 1px 0px #00000026;
  /*overflow: hidden;
   visibility: hidden; */
  padding-block: 0.75rem;
  margin-top: auto;
}

.collection__card:hover .collection__card-media {
  /*padding-bottom: calc(5 / 5 * 100%);*/
}

.collection__card:hover .collection__card-price h2 {
  /*color: var(--charcoal-color);*/
}

.collection__card:hover .collection__card-review {
  */height: 0;*/
}

.collection__card:hover .collection__card-atc {
  visibility: visible;
  max-height: 100%;
}

.collection__cards-pagination {
  display: flex;
  flex-flow: column;
  gap: 1.75rem;
  margin-top: 2rem;
  max-width: 20rem;
  margin: 2rem auto 5rem;
}

.collection__cards-pagination-bar {
  font-size: 1rem;
  color: #5f6061;
  text-align: center;
  margin-bottom: 0.5rem;
}

.collection__cards-progressbar {
  width: 100%;
  height: 3px;
  background-color: #e1e3e6;
  border-radius: 20px;
  position: relative;
  margin-top: 0.5rem;
}

.collection__cards-progressbar div {
  width: 26%;
  height: 100%;
  background-color: var(--deep-sky-color);
  border-radius: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.collection__cards-pagination button {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  justify-content: center;
  padding-block: 1.25rem;
  background: linear-gradient(180deg, #1d6ec1 0%, #265b9d 100%);
  outline: none;
  border: none;
  border-radius: 0.25rem;
  font-weight: 600;
  color: var(--white-color);
  width: 100%;
}

.annoucement,
.annoucement__slider {
  background: #f0f2f5;
}

.annoucement .page-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.annoucement__block {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 14px;
  line-height: 24px;
  color: var(--charcoal-color);
}

.annoucement__block-divider {
  width: 1px;
  height: 1.5rem;
  background: #dddddd;
}

.annoucement__block strong {
  font-weight: 500;
}

.annoucement__block-bar {
  width: 6.25rem;
  height: 0.625rem;
  background-color: #e1e3e6;
  border-radius: 20px;
  position: relative;
}

.annoucement__block-bar div {
  width: 68%;
  height: 100%;
  border-radius: 20px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  background: #f9bf3b;
}

footer {
  padding-block: 4rem;
  background: var(--charcoal-color);
}

footer .page-width {
  display: grid;
  grid-template-columns: 22rem 12rem 13rem;
  justify-content: space-between;
}

.footer__links h2 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #ffffffaf;
  margin-bottom: 0.75rem;
}
.topbar_container{
  display: flex;
  font-size: .75em;
  justify-content: space-between;
  padding: 12px 5px;
}
.topbar_element {
  box-sizing: border-box;
  text-align: center
}
.topbar_element img {
  vertical-align: middle;
  display: inline-block;
  height: 18px;
  max-width: 100%;
  color: #91979E;
}
.topbar_element .text_line {
  display: inline-block;
  line-height: 1.2;
  vertical-align: middle;
}
.footer__links p {
  font-size: 14px;
  color: #ffffff70;
  margin-bottom: 1.25rem;
}

.footer__links-bold a {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-weight: 500;
  color: var(--white-color);
  line-height: 2;
}

.footer__links ul a span,
.navbar__content-links a span {
  display: inline-block;
  position: relative;
  padding: 5px 0.625rem;
  background-color: #737b86;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
  font-size: 0.625rem;
  line-height: 1;
  height: 1.25rem;
  font-weight: 500;
  border-radius: 0.125rem;
  color: var(--white-color);
}

.footer__links ul a span.sale__badge,
.navbar__content-links a span.sale__badge {
  background-color: #ca232c;
}

.footer__links-contact {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #e3e6e8;
  padding: 1rem;
  background: #37424f;
  border-radius: 0.5rem;
  margin-block: 0.75rem;
}

.footer__links-contact strong {
  font-weight: 500;
}

.footer__links-link {
  font-size: 0.875rem;
  line-height: 2;
  color: #ffffff74;
}

.footer__links-link a {
  transition: 0.3s all;
}

.footer__links-link a:hover {
  color: var(--white-color);
}

.footer__links-brand img {
  width: 8.5rem;
  margin-bottom: 1rem;
}

.footer__links-brand p {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #ffffff82;
  opacity: 70%;
  margin-bottom: 1rem;
}

.footer__socials {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}

.footer__social {
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: #626b76;
  border-radius: 50%;
  padding: 0.3125rem;
  transition: 0.3s all;
}

.footer__social:hover {
  scale: 1.1;
}

.footer__social img {
  width: 100%;
  margin: 0;
  height: 100%;
  object-fit: contain;
}

.subfooter {
  padding: 1rem;
  background: #161e28;
}

.subfooter .page-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.subfooter .page-width > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.subfooter__logo {
  gap: 0.625rem;
}

.subfooter__logo > img {
  max-width: 10rem;
}

.subfooter__logo h3 {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #e3e6e884;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.subfooter__logo p {
  font-size: 0.75rem;
  color: #e3e6e884;
}

.subfooter__back-to-top a {
  font-size: 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #e3e6e8;
}

.footer__payment-icons {
  align-items: center;
  gap: 0.3125rem;
}

.footer__payment-icons img {
  width: 100%;
}

.subfooter__copyright {
  margin-top: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--charcoal-color);
  font-size: 14px;
  text-align: center;
  color: var(--white-color);
  opacity: 0.4;
}

.annoucement__slider .swiper-button-next:after,
.annoucement__slider .swiper-rtl .swiper-button-prev:after {
  content: "";
  width: 0;
  rotate: 90deg;
  height: 0px;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #99a0a7;
}

.annoucement__slider .swiper-button-prev:after,
.annoucement__slider .swiper-rtl .swiper-button-next:after {
  content: "";
  width: 0;
  rotate: 270deg;
  height: 0px;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #99a0a7;
}

.mobile__items {
  display: none;
}

.body__lock {
  position: relative;
  overflow: hidden;
}

.body__lock::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: rgba(0, 0, 0, 0.8);
}

/* Cart Drawer */

.cart__drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 28rem;
  height: 100vh;
  z-index: 200;
  background: var(--white-color);
  padding: 1.25rem 0;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  transition: 0.4s all;
  overflow-y: scroll;
}

.active__cart {
  right: 0;
}

.cart__drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #232f3e44;
  padding-bottom: 0.5rem;
}

.cart__drawer-header h2 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal-color);
}

.cart__drawer-modal-close {
  display: flex;
  background: none;
  outline: none;
  border: none;
  transition: 0.3s all;
}

.cart__drawer-modal-close:hover {
  scale: 1.1;
}

.cart__drawer-body {
  height: 30rem;
  overflow-y: auto;
  padding: 1rem 1.25rem;
  /* margin-bottom: 1.5rem; */
  /* background-color: #f6f6f6; */
}

.cart__drawer-product {
  position: relative;
  display: grid;
  grid-template-columns: 5rem 1fr;
  gap: 12px;
}

.cart__drawer-product:not(:last-child) {
  margin-bottom: 1rem;
}

.cart__drawer-product-image {
  display: flex;
  width: 5rem;
  height: 5rem;
  object-fit: cover;
  border: 1px solid #dedfea;
  border-radius: 0.25rem;
}

.cart__drawer-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.25rem;
}

.cart__drawer-product-image button {
  position: absolute;
  top: -0.625rem;
  left: -0.625rem;
  width: 1.3rem;
  height: 1.3rem;
  background: var(--charcoal-color);
  color: var(--white-color);
  font-size: 0.75rem;
  border: 1px solid #dedfea;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  outline: none;
  font-weight: 600;
  font-size: 0.625rem;
}

.cart__drawer-product-quantity {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  color: var(--charcoal-color);
}

.cart__drawer-product-quantity button {
  width: 1.5rem;
  height: 1.5rem;
  background: transparent;
  outline: none;
  border: 1px solid #dedfea;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}

.cart__drawer-product-quantity button:nth-child(1) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.cart__drawer-product-quantity button:nth-child(3) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.cart__drawer-product-quantity input {
  width: 2rem;
  height: 1.5rem;
  border: 1px solid #dedfea;
  border-right: 0;
  border-left: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.125rem;
  text-align: center;
}

.cart__drawer-footer,
.cart__drawer-header {
  padding-inline: 1.25rem;
}

.cart__drawer-title-wrapper {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.cart__drawer-product-title h3 {
  line-height: 1.4;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  color: var(--charcoal-color);
  outline: 0;
  margin-bottom: 2px;
  max-width: 12.5rem;
}

.cart__drawer-product-price {
  display: flex;
  flex-flow: column wrap;
  text-align: right;
  gap: 0.25rem;
}

.cart__drawer-product-price p:first-child {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--charcoal-color);
}

p.cart__drawer-product-price-save {
  color: #00ac00;
  font-size: 0.75rem;
}

.cart__drawer-coupon {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #dedfea;
}

.cart__drawer-coupon-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  margin-bottom: 1rem;
  cursor: pointer;
}

.cart__drawer-coupon-header h2 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal-color);
}

.cart__drawer-coupon-header svg {
  transition: 0.3s all;
}

.active__coupon .cart__drawer-coupon-header svg {
  rotate: 180deg;
}

.cart__drawer-coupon form {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: 0.3s all;
}

.active__coupon form {
  height: 2.5rem;
}

.cart__drawer-coupon form input {
  background-color: transparent;
  color: var(--charcoal-color);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
  outline: 0;
  padding: 0 6rem 0 0.875rem;
  border: 1px solid;
  border-radius: 0.25rem;
  min-height: auto;
  height: 2.5rem;
  border: 1px solid #dedfea;
  width: 100%;
}

.cart__drawer-coupon form button {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--charcoal-color);
  color: var(--white-color);
  border-radius: 0.25rem;
  height: 100%;
  padding-inline: 1.5rem;
  outline: none;
  border: none;
}

.cart__drawer-total-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: var(--charcoal-color);
}

.cart__drawer-total-price h4 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.3125rem;
}

.cart__drawer-total-price p {
  font-size: 16px;
  font-weight: 600;
}

.cart__drawer-total-price span {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #24272dbe;
}

.cart__drawer-total {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

.cart__drawer-total button {
  /*
  width: 100%;
  height: 2.5rem;
  background: var(--charcoal-color);
  color: var(--white-color);
  border: none;
  outline: none;

   */
}

.show-mobile__items {
  display: none;
}

.cart__drawer-free-shipping {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #232f3e44;
}

.cart__drawer-free-shipping h2 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--charcoal-color);
  margin-bottom: 0.5rem;
}

.shipping__progress-bar {
  width: 100%;
  height: 10px;
  background: #e1e3e6;
  z-index: 22;
  border-radius: 25px;
  display: flex;
  position: relative;
  transition: all 0.3s linear;
}

.shipping__progress-bar div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  background: #3b8fff;
  z-index: 44;
  border-radius: 25px;
  transition: all 0.3s linear;
}

.cart__drawer-discounted-items {
  margin-bottom: 2rem;
}

.cart__drawer-discounted-items .swiper-button-next::after,
.cart__drawer-discounted-items .swiper-button-prev::after {
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--charcoal-color);
}

.cart__drawer-discounted-items .discount__card {
  margin-bottom: 0;
}

.cart__drawer-discounted-items .swiper-wrapper {
  padding-top: 1rem;
}

@media screen and (max-width: 1200px) {
  .navbar {
    padding: 1.25rem 2rem;
  }

  .checkout__form,
  .product__details {
    padding: 2rem;
  }

  /* Collection Cards */

  .collection__cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .navbar__content-search {
    width: 27rem;
  }

  footer .page-width {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 3rem;
  }

  .page-width {
    max-width: 90%;
  }

  .navbar {
    padding-inline: 0;
  }

  .navbar__content-links {
    gap: 1rem;
  }

  .navbar__content-links li a {
    font-size: 0.75rem;
  }

  .navbar__content-tel a p {
    display: none;
  }

  .annoucement__block {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 992px) {
  .navbar__link {
    display: none;
  }

  .checkout__body {
    grid-template-columns: 1fr;
  }

  .checkout__form,
  .checkout__form-container,
  .checkout__product-container {
    max-width: 100%;
    justify-content: flex-start;
    width: 100%;
  }

  .checkout__product-container {
    position: static;
  }

  .product__details {
    order: 1;
  }

  .checkout__form {
    order: 2;
  }

  .subfooter__logo > img {
    max-width: 7rem;
  }

  .footer__links-contact {
    margin-block: 0.5rem;
    font-size: 12px;
  }

  .footer__links-contact img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
  }

  .annoucement {
    padding-inline: 0;
  }

  .navbar__cart {
    padding: 0.625rem;
    gap: 0.75rem;
  }

  .navbar__content-search {
    width: 20rem;
  }

  .navbar__content-search input {
    padding: 0.75rem 2rem;
  }

  .navbar__content-top {
    gap: 1rem;
  }

  .navbar__content-search button {
    width: 1.25rem;
    height: 1.25rem;
    left: 0.5rem;
  }

  .navbar__wrapper {
    align-items: center;
    gap: 1rem;
  }

  .show-mobile__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
  }

  .show-mobile__items h2 {
    font-size: 1rem;
    font-weight: 500;
    color: var(--charcoal-color);
  }

  .show-mobile__items button {
    display: flex;
    background: none;
    outline: none;
    border: none;
    transition: 0.3s all;
  }

  .show-mobile__items button:hover {
    scale: 1.1;
  }

  .navbar__content-links {
    display: flex;
    position: fixed;
    top: 0;
    left: -100%;
    flex-direction: column;
    height: 100dvh;
    background: #fff;
    z-index: 200;
    width: 40%;
    padding: 1rem;
    align-items: flex-start;
    transition: 0.4s all;
  }

  .active__navbar {
    left: 0;
  }

  .navbar__content-links li a {
    color: var(--charcoal-color);
  }

  .navbar__content-links li {
    padding-bottom: 0.3125rem;
    border-bottom: 1px solid #e1e3e6;
    width: 100%;
  }

  .navbar__cart-icon {
    width: 1.75rem;
    height: 1.75rem;
  }

  .navbar__cart-details p {
    font-size: 0.75rem;
  }

  .navbar__cart-details h3 {
    font-size: 14px;
    line-height: 1rem;
  }

  .annoucement__block {
    line-height: 1.125rem;
  }

  .collection__card {
    min-height: 24rem;
  }

  .collection__banner {
    padding-block: 2rem;
  }

  .section-title {
    font-size: 1.5rem;
    line-height: 1.2;
  }

  .collection_desc {
    font-size: 0.875rem;
  }

  .subfooter .page-width {
    flex-flow: column;
    gap: 2rem;
  }

  .subfooter__copyright {
    margin-top: 1.5rem;
  }

  .collection__cards-pagination {
    margin: 2rem auto 3rem;
  }

  .navbar__content-hamburger {
    display: flex;
  }
}


@media screen and (max-width: 767px) {
  body .hystmodal__close {
    top: 15px;
    right: 15px;
  }
  .name__wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1.25rem;
  }

  .bell__wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 1.25rem;
  }

  .city_street__wrapper {
    display: grid;
    grid-template-columns: auto;
  }

  .city_zip__wrapper {
    display: grid;
    grid-template-columns: auto;
  }

  .bell__wrapper .input__form {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .name__wrapper .input__form:first-child {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
  }
  .name__wrapper .input__form:last-child {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .checkout__form,
  .product__details {
    padding: 1rem;
  }

  .navbar {
    padding-block: 1rem;
  }

  .navbar__step {
    flex-flow: column;
    gap: 0.25rem;
  }

  .navbar__step p {
    text-align: center;
  }

  .navbar__steps {
    gap: 1rem;
  }

  .navbar__steps {
    align-items: flex-start;
  }

  .collection__cards {
    gap: 0.8rem;
  }

  .navbar__step p {
    font-size: 0.625rem;
    width: 4rem;
  }

  .navbar__step:not(:first-child):before {
    left: -14px;
    top: 33%;
  }

  .discount__card-image {
    width: 4rem;
    height: 4rem;
    padding: 1rem;
  }

  .discount__card-image img {
    width: 1.875rem;
    height: 1.875rem;
  }

  .payment__card-details-input {
    max-width: 100%;
    padding-inline: 2.5rem;
  }

  .payment__card-details-input::before {
    left: 0.625rem;
  }

  .payment__card-details-input::after {
    right: 0.625rem;
  }

  .bit__map {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1rem;
  }

  .cart__product-addmore__text {
    font-size: 0.625rem;
    padding: 0.3125rem;
    border-radius: 0.25rem;
    margin-top: 3.75rem;
  }

  .optional__details,
  .invalid__details {
    font-size: 0.625rem;
  }

  .input__address-details {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
  }

  .input__address-details p {
    line-height: 1.75rem;
    font-size: 0.75rem;
  }

  .cart__product-addmore__text span {
    padding: 0.25rem 0.375rem;
  }

  .radio__replacement {
    width: 0.625rem;
    height: 0.625rem;
  }

  .radio__replacement::after {
    width: 1.5rem;
    height: 1.5rem;
  }

  /* Collection Cards */

  .mobile__items {
    display: flex;
    align-items: center;
    gap: 1rem;
  }

  .mobile__items button {
    background: none;
    border: none;
    outline: none;
    width: 1.5rem;
    height: 1.5rem;
  }

  .navbar__content-search,
  .navbar__content-tel {
    display: none;
  }

  .active__search {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    z-index: 115;
    opacity: 1;
    animation: searchanimate 1s ease-in-out forwards;
  }

  @keyframes searchanimate {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 100%;
    }
  }

  .navbar__content-search input {
    width: 100%;
    padding: 1rem 3.4375rem;
    border-radius: 0;
  }

  .navbar__content-search button {
    left: 1rem;
  }

  .navbar__cart-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .navbar__cart-icon span {
    width: 1rem;
    height: 1rem;
    font-size: 0.5rem;
    top: -5px;
  }

  .navbar__cart {
    padding: 0;
    background: inherit;
  }

  .navbar__cart-details p,
  .navbar__cart-arrow-right {
    display: none;
  }

  .collection_desc {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    color: #5f6061;
  }

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

  .annoucement,
  .annoucement__slider {
    padding-inline: 0;
  }

  .annoucement__slider .swiper-button-next,
  .annoucement__slider .swiper-rtl .swiper-button-prev {
    right: 0;
    top: -57%;
    transform: translateY(50%);
  }

  .annoucement__slider .swiper-button-prev,
  .annoucement__slider .swiper-rtl .swiper-button-next {
    left: 0;
    top: -0.75rem;
    transform: translateY(50%);
  }

  .annoucement__block-bar {
    width: 3rem;
  }

  .collection__banner {
    padding-block: 2rem 1rem;
  }

  .collection__cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .collection__cards-filter p {
    font-size: 0.8125rem;
  }

  .collection__cards-button span {
    font-size: 0.8125rem;
  }

  .collection__cards-button {
    gap: 0.5rem;
  }

  .collection__cards-button select {
    font-size: 0.75rem;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
  }

  .collection__card {
    min-height: 18rem;
  }
  .collection__card.brands {
    min-height: 4rem;
    border-radius: 6px;
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    border: 1px solid #f2f2f2;
  }

  .collection__card-media {
    padding-bottom: calc(5 / 5 * 100%);
    margin-bottom: 0.625rem;
  }
  .collection__card-media.card_brands {
    padding-bottom: calc(5 / 7 * 100%);
    margin-bottom: 0.625rem;

  }

  .collection__card-review {
    margin-bottom: 0.3125rem;
  }

  .collection__card-price {
    gap: 0.3125rem;
  }

  .collection__card-price h2 {
    font-size: 1.125rem;
  }

  .collection__card-price del {
    font-size: 0.75rem;
  }

  .collection__card-name {
    font-size: 1rem;
  }

  .collection__card-atc {
    padding-block: 0.625rem;
    font-size: 0.875rem;
    visibility: visible;
  }

  .collection__card-atc img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
  }

  .collection__cards-pagination-bar {
    font-size: 0.875rem;
  }

  .collection__cards-pagination {
    gap: 1.25rem;
  }

  .collection__cards-pagination button {
    padding-block: 1rem;
    font-size: 0.875rem;
  }

  .collection__cards-pagination {
    margin: 2rem auto;
  }

  footer {
    padding-block: 3rem;
  }

  footer .page-width {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 2rem;
  }

  .footer__links-brand img {
    width: 6.25rem;
  }

  .footer__social {
    width: 1.5rem;
    height: 1.5rem;
  }

  .footer__links {
    order: 2;
  }

  .footer__links-brand {
    order: 1;
  }

  .footer__links h2 {
    font-size: 1rem;
    margin-bottom: 0.5rem;
  }

  .footer__links-bold a {
    font-size: 0.875rem;
    line-height: 2;
  }

  .footer__links p {
    font-size: 0.75rem;
  }

  .footer__links-contact {
    padding: 0.75rem;
    gap: 0.25rem;
    font-size: 0.625rem;
  }

  .footer__links-contact img {
    width: 0.75rem;
    height: 0.75rem;
  }

  .subfooter__logo h3 {
    font-size: 0.75rem;
  }

  .subfooter__logo > img {
    max-width: 6rem;
  }

  .subfooter__logo p {
    font-size: 0.625rem;
  }

  .subfooter__logo h3 img {
    width: 0.75rem;
    height: 0.75rem;
    object-fit: contain;
  }

  .subfooter__copyright {
    padding-top: 0.625rem;
    margin-top: 1rem;
  }

  .cart__drawer {
    width: 80%;
    height: 102dvh;
  }

  .cart__drawer-body {
    height: 100px;
  }

  .cart__drawer-product-title h3 {
    font-size: 0.85rem;
    line-height: 1.3;
  }

  .cart__drawer-product {
    gap: 0.5rem;
  }

  .cart__drawer-product-image {
    width: 5rem;
    height: 5rem;
  }

  .cart__drawer-product {
    grid-template-columns: 5rem 1fr;
  }

  .cart__drawer-product-quantity button,
  .cart__drawer-product-quantity input {
    width: 1.7rem;
    height: 1.7rem;
  }

  p.cart__drawer-product-price-save,
  .cart__drawer-product-price p:first-child {
    font-size: 1rem;
  }

  .cart__drawer-coupon form input {
    height: 2rem;
  }

  .active__coupon form {
    height: 2rem;
  }

  .cart__drawer-coupon-header {
    margin-bottom: 0.625rem;
  }

  .cart__drawer-coupon {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .cart__drawer-coupon-header h2,
  .cart__drawer-total-price h4 {
    font-size: 0.8125rem;
  }

  .cart__drawer-total-price span {
    font-size: 0.625rem;
  }

  /*.cart__drawer-total button {
    height: 2rem;
  }*/

  .cart__drawer-footer,
  .cart__drawer-header {
    padding-inline: 1rem;
  }

  .cart__drawer-body {
    padding: 1rem;
  }

  .navbar__content-links {
    width: 80%;
  }

  .collection__card-variants {
    margin-bottom: 0.25rem;
  }

  .collection__card-variant-color span {
    width: 0.5rem;
    height: 0.5rem;
  }

  .collection__card-variant-number {
    font-size: 0.625rem;
  }

  .cart__drawer-coupon form button {
    font-size: 0.8125rem;
  }

  p.cart__drawer-product-price-save {
    font-size: 0.9rem;
  }

  .cart__drawer-discounted-items {
    margin-bottom: 1rem;
  }

  .cart__drawer-discounted-items {
    margin-bottom: 1rem;
  }

  .cart__drawer-discounted-items .discount__card {
    padding: 1rem;
  }

  .cart__drawer-discounted-items .discount__card-content h3 {
    font-size: 0.8125rem;
    margin: 0 0 0.3125rem;
  }

  .cart__drawer-discounted-items .swiper-button-next::after,
  .cart__drawer-discounted-items .swiper-button-prev::after {
    font-size: 1rem;
  }
}

/* Product Page */
.product {
  padding-block: 3rem;
}

.product__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  gap: 2rem;
}

.product__hotsale-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #ca232c;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.product__hotsale-block img {
  width: 1rem;
  height: 1.25rem;
  object-fit: contain;
}

.product__name-block {
  margin-bottom: 1rem;
}

.product__name-block h1 {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.0313rem;
  color: var(--charcoal-color);
}

.product__reviews-block {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.product__reviews-stars {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.product__reviews-stars img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.product__reviews-details {
  font-size: 14px;
  font-weight: 500;
  color: #1d6ec1;
}

.product__subheading-block {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  color: var(--charcoal-color);
  margin-bottom: 1rem;
}

.product__subheading-list-block {
  margin-bottom: 1rem;
}

.product__subheading-listitem {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product__subheading-listitem:not(:last-child) {
  margin-bottom: 0.75rem;
}

.product__subheading-listitem img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

.product__subheading-listitem p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  color: #5f6061;
}

.product__variants-block {
  background: #f0f2f5;
  border-radius: 0.75rem;
}

.variacije-container {
  margin-bottom: 1.25rem;
}

.product__variants {
  /* margin-bottom: 1.25rem; */
}
.product__variants:first-child {
  margin-bottom: 1.25rem;
}

.product__variants-wrapper {
  padding: 1.5rem;
}

.product__variants-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 600;
  color: #5f6061;
  margin-bottom: 0.75rem;
  width: 100%;
}

.product__variants-title button {
  background: none;
  outline: none;
  border: none;
  color: #99a0a7;
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
}

.product__variants-options-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.product__variants-options {
  position: relative;
  display: flex;
  cursor: pointer;
}

.product__variants-options input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.product__variants-options label {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 0.5rem 1.25rem;
  border: 0.125rem solid #dddddd;
  box-shadow: 0px 2px 3px 0px #0000001a;
  text-align: center;
  font-size: 14px;
  color: #5f6061;
  text-align: center;
  cursor: pointer;
  transition: 0.3s all;
  background: var(--white-color);
  width: 100%;
  min-height: 3.5rem;
}

.product__variants-options.cene label {
  /* padding: 0.875rem 2.25rem;*/
}

.product__variants-options:first-child label {
  border-radius: 0.3125rem 0px 0px 0.3125rem;
}

.product__variants-options:last-child label {
  border-radius: 0px 0.3125rem 0.3125rem 0px;
}

.product__variants-options input:checked ~ label {
  font-weight: 700;
  color: var(--charcoal-color);
  border-color: #f09831;
  background: #fff5e3;
}

.product__variants-options label span {
  display: block;
}

.product__variants-options p {
  position: absolute;
  top: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
  color: var(--white-color);
  border-radius: 0.1875rem;
  padding: 0.125rem 0.5rem;
}
:lang(hu) .product__variants-options p,:lang(pl) .product__variants-options p {
  top: -0.8rem;
}
.product__variants-options p {
  background: #3DBD00;
  width: 80%;

}

.product__variants-options:last-child p {
  background: #1d6ec1;
}

.product__reviews-star {
  position: relative;
  width: 1rem;
  height: 1rem;
  background-color: #f9c03b39;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  border-radius: 5px;
}

.product__reviews-star::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  background: #f9bf3b;
  width: var(--width, 0);
  z-index: -1;
}

.rating {
  position: relative;
  width: 120px;
  height: 24px;
  background-color: #f9c03b39;
  outline: none;
  border: none;
}

.rating .rating-bg {
  background-color: #f9bf3b;
  display: inline-block;
  height: 24px;
  outline: none;
  border: none;
}

.rating svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
}

.color__swatch {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  box-shadow: 0px 2px 4px 0px #00000026 inset;
  margin-bottom: 0.375rem;
}

.product__price-block {
  margin-bottom: 0.5rem;
}

.product__price-was {
  color: #99a0a7;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0.25rem;
}

.product__price-now {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #ca232c;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

.product__price-now span {
  display: inline-block;
  position: relative;
  padding: 0.3125rem 0.625rem;
  background-color: #1d6ec1;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
  font-size: 0.625rem;
  line-height: 1;
  height: 1.25rem;
  font-weight: 600;
  border-radius: 0.125rem;
  color: var(--white-color);
}

.product__instock-block {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: #5f6061;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.product__instock-block div:first-of-type {
  padding-top: 0.3125rem;
}

.product__instock-block span {
  color: #3dbd00;
  font-weight: 500;
}

.product__instock-block strong {
  color: #000000;
  font-weight: 500;
}

.product__atc-block {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
}

.product__atc-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  outline: none;
  border: none;
  width: 100%;
  color: var(--white-color);
  font-weight: 500;
  border-radius: 0.5rem;
  padding-block: 1.125rem;
  box-shadow: 0px 3px 13px 0px #0099005c;
  line-height: 1;
}

.atc_disabled {
  background: linear-gradient(360deg, #232f3f 0%, #303946 100%);
  box-shadow: 0px 3px 13px 0px #232f3f;
  cursor: not-allowed;
}

.product__atc-button > img:nth-child(2) {
  margin-top: 10px;
}

.product__atc-button svg path {
  text-align: center;
}

.product__detail-block {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

.product__detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #5f6061;
  font-weight: 500;
}

.product__detail span {
  color: #3dbd00;
}

.product__detail div {
  transition: 0.1s all;
}

.product__detail:hover div {
  color: #3dbd00;
}

.product__detail:first-child div {
  color: #3dbd00;
}

.product__verifications-block {
  padding: 1.25rem;
  background: #f6e8c6;
  border: 1px solid #e8d7af;
}

.product__verifications-block .bit__map {
  margin-bottom: 0;
}

.product__trusted {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
}

.product__trusted-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  color: #181818;
  font-weight: 500;
}

.product__trusted-icon .product__reviews-star {
  background: #23ac7a;
}

.product__trusted-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: 600;
  color: #181818;
}

.product__trusted-label .product__reviews-stars > div {
  background: #1f9563;
  padding: 2px;
}

.product__trusted-label .product__reviews-star {
  background: #ffffff7a;
}

.product__trusted-label .product__reviews-star::after {
  background: #ffffff;
}

/* Product Image */

.product__media {
  position: sticky;
  top: 2rem;
}

.product__media-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.product__media-bagde {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #3dbd00;
  color: var(--white-color);
  font-weight: 600;
  padding: 0.25rem 0.5rem;
  border-radius: 0.3125rem;
  z-index: 50;
}

.product__slider-container {
  position: relative;
  overflow: hidden;
  max-width: 35rem;
  width: 100%;
}

.product__slider {
  display: flex;
  transition: transform 0.5s ease;
}

.product__slider-slide {
  flex: 0 0 100%;
}

.product__slider-slide img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
}

.product__slider-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  margin-top: 1.25rem;
  overflow-x: scroll;
}

.product__slider-pagination::-webkit-scrollbar {
  display: none;
}

.slider__thumbnails .swiper-slide {
  cursor: pointer;
}

.slider__thumbnails .swiper-slide-thumb-active img, .slider__thumbnails_modal .swiper-slide-thumb-active img{
  border-color: #000000 !important;
}

.slider__thumbnails .swiper-slide img, .slider__thumbnails_modal .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  border-radius: 0.375rem;
  border: 2px solid transparent;
}

.product__slider-container .swiper-button-next,
.product__slider-container .swiper-button-prev {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  width: 3rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e1e3e6;
  border: none;
  outline: none;
  transition: 0.3s all;
  z-index: 10;
}

.product__slider-container .swiper-button-next:after,
.product__slider-container .swiper-button-prev:after {
  color: #5f6061;
  font-size: 1.25rem;
  font-weight: bold;
}

.product__slider-container .swiper-button-next:after:hover,
.product__slider-container .swiper-button-prev:after:hover {
  scale: 1.02;
}

.product__slider-container .swiper-button-prev {
  left: 0;
  border-radius: 0px 5px 5px 0px;
}

.product__slider-container .swiper-button-next {
  right: 0;
  border-radius: 5px 0px 0px 5px;
}

.product__mainslider {
  margin-bottom: 1rem;
  border-radius: 1rem;
  cursor: grab;
}

.product__feedback {
  position: relative;
  border-radius: 0.5rem;
  background: #fcf8e6;
  padding: 1.25rem 1.5rem;
}

.product__feedback::after {
  position: absolute;
  content: "";
  top: -8px;
  left: 1.5rem;
  width: 0;
  height: 0px;
  border: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #fcf8e6;
}

.product__feedback-profile {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.625rem;
}

.product__feedback-profile-image {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 0.1875rem solid #f6f0e5;
}

.product__feedback-profile-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.product__feedback-profile-name {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.125rem;
}

.product__feedback-profile-name h2 {
  font-size: 16px;
  font-weight: 500;
  color: var(--charcoal-color);
}

.product__feedback-verification {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #3dbd00;
  font-size: 0.75rem;
  font-weight: 500;
}

.product__feedback-verification img {
  width: 1rem;
  height: 1rem;
  background: #3dbd00;
  padding: 0.125rem;
  border-radius: 50%;
}

.product__feedback-desc {
  font-size: 15px;
  color: #5f6061df;
  line-height: 1.4;
}

.product__tabs {
  background: #f0f2f5;
}

.product__tabs .page-width {
  display: flex;
  justify-content: space-between;
}

.product__tab {
  display: flex;
  gap: 3rem;
}

.product__tab button {
  position: relative;
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal-color);
  background: none;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.product__tab button.active::after {
  position: absolute;
  content: "";
  bottom: 0;
  height: 3px;
  background: var(--charcoal-color);
  width: 100%;
}

.product__tab button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #d5dde9;
  padding: 0.1875rem;
  font-size: 0.625rem;
  color: #99a0a7;
}

.product__tab-preview {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.product__tab-preview-image {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
}

.product__tab-preview-image img {
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__tab-preview-detail{
  max-width: 300px;
}
.product_desc {
  max-width:1140px;
  margin: 0 auto;
}
.product_spec {
  max-width:1140px;
  margin: 0 auto;
  padding: 1rem;
}
.product__tab-preview-detail h2 {
  color: var(--charcoal-color);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.product__tab-preview-detail p {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: -0.2px;
}

.product__tab-preview-detail p span {
  color: #ca232c;
}

.product__tab-preview-detail del {
  color: #99a0a7;
  font-weight: 500;
}

.product__tab-preview-atc {
  display: flex;
  margin-left: 2rem;
}

.product__tab-preview-atc button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  outline: none;
  border: none;
  width: 100%;
  color: var(--white-color);
  font-weight: 500;
  box-shadow: 0px 3px 13px 0px #0099005c;
  padding: 1.25rem 3.5rem;
}

.product__featured {
  margin-block: 4.5rem;

  display: flex;
  align-items: center;
}
.product__featured .product_desc {
  max-width: 66%;
  width: 66%;
  margin: 0 auto;
  padding: 1rem;
}

.product__featured .page-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;

}

.product__featured-content {
  flex-basis: 50%;
}

.product__featured-content h2 {
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--charcoal-color);
  margin-bottom: 1.25rem;
}

.product__featured-content p {
  font-size: 1rem;
  line-height: 1.5;
  color: #5f6061df;
}

.product__featured-content ul {
  display: flex;
  flex-flow: column wrap;
  gap: 0.75rem;
}

.product__featured-content ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.3125rem;
  font-size: 1rem;
  color: #5f6061;
}

.product__featured-content ul li p {
  line-height: 1.2;
}

.product__featured-media {
  flex-basis: 50%;
}

.product__featured-media-image {
  display: flex;
  height: 20rem;
}

.product__featured-media-image img {
  aspect-ratio: 1;
  object-fit: cover;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  width: 100%;
}

.product__featured-media-clear .product__featured-media-image img {
  border-radius: 0.5rem;
}

.product__featured-media-clear .product__featured-media-image {
  height: 25rem;
}

.discounted__offer {
  position: relative;
  padding-block: 3.5rem;
  background: var(--charcoal-color);
}

.discounted__offer::after {
  position: absolute;
  content: "";
  top: -0.0625rem;
  left: calc(50% - 4rem);
  transform: translateX(-50%);
  background: var(--white-color);
  width: 4rem;
  height: 2rem;
  rotate: 180deg;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.discounted__offer .page-width {
  max-width: 40rem;
}

.discounted__offer-title {
  font-size: 2rem;
  font-weight: 500;
  color: var(--white-color);
  margin-bottom: 1.25rem;
  text-align: center;
}

.discounted__offer .product__atc-block {
  width: max-content;
  margin-inline: auto;
}

.discounted__offer .product__atc-button {
  padding-inline: 2rem;
  gap: 1rem;
  min-width: 21.25rem;
}

.discounted__offer-desc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.discounted__offer-desc p {
  font-size: 14px;
  font-weight: 500;
  color: var(--white-color);
}

.discounted__offer-desc p span {
  color: #f9bf3b;
}

.customer__reviews {
  padding-block: 5.5rem;
}

.customer__reviews-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--charcoal-color);
  text-align: center;
  max-width: 31.25rem;
  margin: 0 auto 0.75rem;
}

.customer__feedback {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 3rem;
}

.customer__profiles {
  display: flex;
  align-items: center;
  justify-content: center;
}

.customer__profile {
  width: 2rem;
  height: 2rem;
  border: 3px solid var(--white-color);
  border-radius: 50%;
}

.customer__profile:not(:first-child) {
  margin-left: -0.75rem;
}

.customer__profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.customer__rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.customer__rating-details {
  color: #5f6061;
  font-size: 0.875rem;
}

.customer__product-review {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.75rem;
  margin-bottom: 4rem;
}

.single__customer-product-review {
  flex-basis: 50%;
}

.single__customer-product-review-image {
  display: flex;
  height: 22rem;
  border-radius: 0.625rem 0.625rem 0 0;
  overflow: hidden;
}

.single__customer-product-review-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.multiple__customer-product-reviews {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  gap: 2rem;
  flex-basis: 50%;
}

.multiple__customer-product-reviews .product__feedback::after {
  display: none;
}

.customer__product-loadmore {
  padding: 1rem 5rem;
  background: #e3e6e8;
  max-width: max-content;
  margin: 0 auto;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: none;
  outline: none;
}

.product__maintitle {
  font-size: 2.25rem;
  font-weight: 500;
  color: var(--charcoal-color);
  text-align: center;
  max-width: 52rem;
  margin: 0 auto 3rem;
}

.product__maintitle span {
  color: #ca232c;
}

.product__mainslider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__bar {
  margin-bottom: 1rem;
}

.product__progressbar {
  position: relative;
  width: 100%;
  height: 0.3125rem;
  background: #dcdee0;
  z-index: 22;
  border-radius: 25px;
  display: flex;
  position: relative;
  transition: all 0.3s linear;
}

.product__progressbar div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ca232c;
  z-index: 44;
  border-radius: 25px;
  transition: all 0.3s linear;
}

.product__atc-button-wrapper {
  width: 100%;
  display: flex;
  transition: 0.3s all;
}

.additional__product {
  position: relative;
  margin-block: 2rem 1rem;
  border: 2px solid #f09831;
  border-radius: 0.25rem;
}

.additional__product-label {
  position: absolute;
  left: 10%;
  top: -0.875rem;
  padding: 0.25rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--white-color);
  background: #f09831;
  text-align: center;
  border-radius: 0.25rem;
  z-index: 5;
}

.additional__product-checkbox {
  position: relative;
  background: var(--white-color);
}

.additional__product-checkbox:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}

.additional__product-checkbox input {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 55;
}

.additional__product-checkbox input:checked ~ .additional__product-checkbox-wrapper {
  background: #fcead6;
}

.additional__product-checkbox-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  gap: 1rem;
}

.additional__product-checkbox-box {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  border-radius: 0.25rem;
  color: #0000002b;
  box-shadow: 1px 1px 3px 0px #00000040 inset;
  border: 1px solid #cccccc;
}

.additional__product-checkbox input:checked ~ .additional__product-checkbox-wrapper .additional__product-checkbox-box {
  background: #f09831;
  color: var(--white-color);
}

.additional__product-checkbox-details {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.additional__product-checkbox-details h2 {
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 500;
  color: var(--charcoal-color);
}

.additional__product-checkbox-details span {
  display: inline-block;
  position: relative;
  padding: 6px 0.625rem;
  background-color: #ca232c;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 500;
  margin-left: 0.25rem;
  border-radius: 0.125rem;
  color: var(--white-color);
  transform: translateY(-2px);
}

.additional__product-checkbox select {
  position: relative;
  display: block;
  color: var(--charcoal-color);
  font-weight: 500;
  padding: 0.5rem;
  border: 1px solid #dddddd;
  box-shadow: 0px 2px 3px 0px #0000001a;
  background: #f2f2f2;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  cursor: pointer;
  outline: none;
  line-height: 1;
}

.additional__product-image {
  display: flex;
  width: 7rem;
  height: 7rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.additional__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f0f2f5;
  z-index: 500;
  border-radius: 0.625rem;
  overflow: hidden;
  width: 42.5rem;
  animation: modalDelay linear 0.3s forwards;
  opacity: 1;
}

@keyframes modalDelay {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--white-color);
}

.modal__header-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-inline: 1rem;
}

.modal__header-title img {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
}

.modal__header-title svg {
  width: 1.125rem;
  height: 0.875rem;
}

.modal__header-title h2 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--charcoal-color);
}

.modal__close {
  border: none;
  outline: none;
  padding: 1.25rem;
  border-left: 1px solid #e3e6e8;
  background: transparent;
}

.modal__close svg {
  width: 1rem;
  transition: 0.3s all;
}

.modal__close:hover svg {
  scale: 1.1;
}

.modal__body {
  padding: 3rem;
}

.modal__body h2 {
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--charcoal-color);
  text-align: center;
  margin-bottom: 2rem;
}

.modal__warranty {
  border: 0.125rem solid #3dbd00;
  box-shadow: 0px 0.125rem 0.1875rem 0px #0000001a;
  border-radius: 0.25rem;
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}

.modal__not-interested {
  font-size: 1rem;
  line-height: 1.4;
  color: #5f6061;
  text-decoration: underline;
  border: none;
  outline: none;
  background: none;
}

.modal__warranty p {
  font-size: 0.875rem;
  color: #5f6061;
  line-height: 1.5;
  margin-bottom: 0.75rem;
}

.modal__warranty input {
  width: 1.5rem;
  height: 1.5rem;
  accent-color: #f09831;
  color: var(--white-color);
  cursor: pointer;
}

.modal__warranty-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.modal__warranty-header h3 {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--charcoal-color);
}

.modal__warranty-header h3 span {
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
  background: #d1efc7;
  color: #47b426;
  font-size: 0.75rem;
  line-height: 1;
}

.modal__warranty button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3125rem;
  gap: 0.3125rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--white-color);
  box-shadow: 0px 3px 13px 0px #f0983180;
  background: linear-gradient(360deg, #e07a00 0.3%, #f09831 100%);
  outline: none;
  border: none;
  width: 100%;
  padding-block: 0.9375rem;
}

.modal__footer {
  padding: 1.25rem;
  background: var(--white-color);
  text-align: center;
}

.modal__footer h3 {
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--charcoal-color);
}

.modal__footer h3 span {
  background: #ca232c;
  font-size: 0.875rem;
  color: var(--white-color);
  padding: 0.3125rem 0.625rem;
  border-radius: 0.25rem;
}

.modal__discount-wrapper {
  text-align: center;
}

.modal__discount-wrapper h3 {
  font-size: 2.25rem;
  line-height: 1;
  color: #47b426;
  margin-bottom: 2.5rem;
}

.modal__discount-wrapper button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  outline: none;
  border: none;
  width: 100%;
  color: var(--white-color);
  font-weight: 500;
  box-shadow: 0px 3px 13px 0px #0099005c;
  padding: 1.25rem 3.5rem;
  margin-bottom: 0.875rem;
  border-radius: 0.5rem;
}

.modal__discount-wrapper p {
  font-size: 12px;
  line-height: 1.4;
  color: #5f6061;
}

.product__atc-button-wrapper .product__price-block {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.3125rem;
  flex-direction: column;
  margin: 0;
}

@media (max-width: 1200px) {
  .product__maintitle {
    font-size: 2rem;
    margin-bottom: 2rem;
  }

  .product__slider-container {
    max-width: 32rem;
  }

  .product__variants-options label {
    padding: 0.5rem 1.5rem;
    min-height: 3rem;
  }

  .product__variants-options {
    flex: 1;
  }

  .color__swatch {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.25rem;
  }

  .product__hotsale-block {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
  }

  .product__name-block h1 {
    font-size: 1.75rem;
    font-weight: 500;
  }

  .product__reviews-block,
  .product__name-block,
  .product__subheading-block {
    margin-bottom: 0.5rem;
  }

  .product__subheading-block {
    font-size: 1rem;
  }

  .product__subheading-listitem:not(:last-child) {
    margin-bottom: 0.5rem;
  }

  .product__subheading-listitem p {
    font-size: 0.875rem;
  }

  .product__variants-wrapper {
    padding: 1rem;
  }

  .product__variants-title {
    font-size: 0.875rem;
    margin-bottom: 0.375rem;
  }

  .product__price-was {
    font-size: 0.875rem;
  }

  .product__price-now {
    font-size: 1.5rem;
  }

  .product__variants-options label {
    font-size: 0.875rem;
  }

  .product__variants-options p {
    top: -0.5rem;
    font-size: 0.625rem;
    width: 90%;
  }

  .product__atc-button {
    padding-block: 0.875rem;
  }

  .product__detail,
  .product__tab button {
    font-size: 0.875rem;
  }

  .product__featured-content h2 {
    font-size: 1.75rem;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 0.5rem;
  }

  .product__featured-media-image {
    height: 15rem;
  }

  .product__featured-media-clear .product__featured-media-image {
    height: 20rem;
  }

  .product__featured-content ul li P {
    line-height: 1.1;
  }

  .product__featured .page-width {
    gap: 3rem;
  }

  .product__feedback {
    padding: 1rem;
  }

  .product__tab {
    gap: 2rem;
  }

  .discounted__offer-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .discounted__offer-desc p {
    font-size: 0.75rem;
  }

  .product__feedback-desc {
    font-size: 0.8125rem;
  }

  .customer__reviews-title {
    font-size: 1.75rem;
    margin-bottom: 0.3125rem;
  }
}

@media (max-width: 1023px) {
  .product__slider-container {
    max-width: 27.5rem;
  }

  .product__slider-container .swiper-button-next,
  .product__slider-container .swiper-button-prev {
    height: 3.5rem;
    width: 2rem;
  }

  .product__slider-container .swiper-button-next:after,
  .product__slider-container .swiper-button-prev:after {
    font-size: 1rem;
  }

  .product__featured {
    margin-block: 2.5rem;
  }

  .discounted__offer {
    padding-block: 2.5rem;
  }

  .discounted__offer::after {
    width: 2.5rem;
    height: 1rem;
    left: calc(50% - 2rem);
  }

  .discounted__offer .product__atc-button {
    padding-block: 0.625rem;
  }

  .discounted__offer .product__atc-block {
    margin-bottom: 0.5rem;
  }

  .customer__reviews {
    padding-block: 3rem;
  }

  .customer__feedback {
    margin-bottom: 1.5rem;
  }

  .customer__product-review {
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .product__tab-preview-atc {
    margin-left: 0;
  }

  .product__detail,
  .product__tab button {
    font-size: 0.8125rem;
  }

  .product__tab {
    gap: 1rem;
  }
}

@media (max-width: 990px) {
  .product {
    padding-block: 2rem;
  }

  .product__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .product__media {
    position: static;
    max-width: 35rem;
    margin: 0 auto;
  }

  .product__slider-container {
    max-width: 100%;
  }

  .product__maintitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    max-width: 35rem;
  }

  .product__tab-preview-atc button {
    padding: 1rem;
    font-size: 0.75rem;
  }

  .product__tab-preview-atc button img {
    max-width: 1rem;
  }

  .product__tab-preview-detail h2 {
    font-size: 0.75rem;
  }

  .product__tab-preview-detail p {
    font-size: 0.75rem;
  }

  .product__tab-preview-image {
    width: 1.75rem;
    height: 1.75rem;
  }

  .product__featured .page-width {
    gap: 2rem;
  }

  .product__featured-media-clear .product__featured-media-image {
    height: 15rem;
  }

  .product__featured-content h2 {
    font-size: 1.25rem;
  }

  .product__featured-media-image {
    height: 10rem;
  }

  .product__featured-content p {
    font-size: 0.875rem;
    line-height: 1.3;
  }
}

@media (max-width: 767px) {
  .product {
    padding-block: 0rem 1rem;
  }

  .product__maintitle {
    max-width: 90%;
    font-size: 1.25rem;
  }

  .product__maintitle span {
    display: block;
    font-weight: 700;
  }

  .product .page-width {
    max-width: 100%;
  }

  .product__media {
    max-width: 100vw;
  }

  .product__tabs .page-width {
    display: block;
  }

  .product__tab {
    justify-content: center;
  }

  .product__tab button {
    padding-block: 1rem;
  }

  .product__tab-preview {
    display: none;
  }

  .customer__product-review {
    flex-flow: column wrap;
  }

  .product__media-wrapper {
    margin-bottom: 0;
  }

  .product__media .product__feedback {
    display: none;
  }

  .product__content {
    position: relative;
    padding-top: 1.5rem;
    border-radius: 0.75rem 0.75rem 0 0;
    box-shadow: 0px -11px 20px 0px #0000004d;
    z-index: 10;
    margin-top: -1rem;
    background: #ffffff;
  }

  .product__media-bagde {
    top: 1.625rem;
  }

  .product__slider-container {
    /* transform: translateY(10px); */
  }

  .product__mainslider {
    border-radius: 0;
  }

  .product__wrapper {
    gap: 0;
  }

  .product__mainslider {
    margin-bottom: 0;
  }

  .slider__thumbnails {
    display: none;
  }

  .product__content-block-wrapper {
    padding-inline: 5%;
  }

  .product__hotsale-block {
    margin-bottom: 0.5rem;
  }

  .product__name-block h1 {
    font-size: 1.5rem;
  }

  .product__subheading-block {
    margin-bottom: 1rem;
  }

  .product__variants-block {
    border-radius: 0;
  }

  .product__variants-options label {
    padding: 0.75rem;
    min-height: 3.5rem;
    min-width: 5rem;
  }

  .product__variants-options {
    flex: 0 0 auto;
  }
  .product__variants-options.cene {
    flex: 0 0 33.33%;
  }

  .product__variants-title {
    font-weight: 500;
  }

  .product__variants {
    margin-bottom: 1rem;
  }

  .product__atc-button {
    padding-block: 1rem;
  }

  .product__card-icons img {
    width: 100%;
    object-fit: contain;
  }

  .product .product__verifications-block {
    padding: 1rem;
  }

  .product .bit__map {
    flex-flow: row;
    text-align: left;
  }

  .product .bit__map .bit__map-image {
    min-width: 3rem;
    min-height: 3rem;
    max-width: 3rem;
    max-height: 3rem;
  }

  .product__trusted {
    padding: 1rem;
  }

  .product__trusted-icon {
    font-size: 0.875rem;
  }

  .product__trusted {
    gap: 0.5rem;
  }

  .product__trusted-label .product__reviews-stars > div {
    padding: 1px;
  }

  .product__trusted-label .product__reviews-star {
    width: 0.75rem;
    height: 0.75rem;
  }

  .product__featured {
    margin-block: 2rem;
  }

  .product__featured .page-width {
    flex-flow: column wrap;
  }

  .product__feedback-profile-detail {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .product__feedback-profile-name h2 {
    font-size: 0.875rem;
  }

  .product__feedback-profile-image {
    width: 2rem;
    height: 2rem;
    border-width: 1.5px;
  }

  .product__feedback-verification img {
    width: 0.8125rem;
    height: 0.8125rem;
  }

  .product__featured .page-width {
    gap: 1.125rem;
  }

  .product__feedback-verification {
    font-size: 0.625rem;
  }

  .product__feedback-desc {
    line-height: 1.5;
  }

  .product__featured-media {
    flex-basis: 100%;
    min-width: 100%;
  }

  .discounted__offer .product__atc-block {
    width: 100%;
  }

  .discounted__offer .product__atc-button {
    min-width: 100%;
  }

  .discounted__offer .page-width {
    max-width: 90%;
  }

  .discounted__offer-title {
    font-size: 1.25rem;
  }

  .discounted__offer::after {
    width: 2rem;
    height: 0.875rem;
  }

  .discounted__offer .product__atc-button {
    padding-block: 1rem;
  }

  .discounted__offer {
    padding-block: 2rem;
  }

  .product__variants-title button {
    font-size: 0.75rem;
  }

  .customer__reviews {
    padding-block: 2rem;
  }

  .customer__reviews-title {
    font-size: 1.5rem;
  }

  .single__customer-product-review-image {
    height: 11.25rem;
  }

  .multiple__customer-product-reviews {
    gap: 1rem;
  }

  .product__feedback {
    border-radius: 0.3125rem;
  }

  .customer__product-review {
    margin-bottom: 1.25rem;
  }

  .customer__product-loadmore {
    width: 100%;
    max-width: 100%;
    padding: 1rem;
    font-size: 0.875rem;
  }

  .product__variants-options p {
    top: auto;
    font-size: 0.7rem;
    bottom: 3.7rem;
  }

  .product .product__atc-block {
    min-height: 3.5rem;
  }

  .additional__product-checkbox-box {
    min-width: 1.25rem;
    min-height: 1.25rem;
    max-width: 1.25rem;
    max-height: 1.25rem;
  }

  .additional__product-checkbox-box svg {
    width: 0.625rem;
    height: 0.625rem;
  }

  .additional__product-checkbox-details h2 {
    font-size: 0.625rem;
  }

  .additional__product-checkbox-details {
    gap: 0.5rem;
  }

  .additional__product-checkbox-details span {
    margin-left: 0.125rem;
    font-size: 0.4375rem;
    transform: translateY(-2px);
    padding: 0.25rem 0.5rem;
  }

  .additional__product-checkbox select {
    padding: 0.25rem;
    font-size: 0.625rem;
    border-radius: 0.25rem;
  }

  .additional__product-checkbox-wrapper {
    padding: 0.5rem;
  }

  .additional__product-image {
    width: 5rem;
    height: 5rem;
  }

  .additional__product-checkbox-wrapper {
    gap: 0.5rem;
  }

  .product__atc-button-wrapper .product__price-block .product__price-was {
    margin: 0;
  }

  .product__atc-button-viewport {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 100;
    background: var(--white-color);
    padding: 1rem;
    box-shadow: 0px -8px 20px 0px #0000004d;
    animation: scrollUp 0.4s linear forwards;
    gap: 1rem;
    align-items: center;
  }

  .product__atc-button-viewport .product__price-block {
    display: flex;
    min-width: 30%;
  }

  @keyframes scrollUp {
    0% {
      bottom: -5.3125rem;
    }
    100% {
      bottom: 0;
    }
  }

  .modal {
    width: 100%;
  }

  .modal__header-title h2 {
    font-size: 0.875rem;
  }

  .modal__close {
    padding: 1.125rem 0.875rem;
  }

  .modal__body h2 {
    font-size: 20px;
    margin-bottom: 1.25rem;
  }

  .modal__body {
    padding: 1.25rem;
  }

  .modal__warranty {
    padding: 1rem;
    margin-bottom: 1rem;
  }

  .modal__not-interested {
    font-size: 0.875rem;
  }

  .modal__warranty-header h3 {
    font-size: 1rem;
  }

  .modal__warranty input {
    width: 1.25rem;
    height: 1.25rem;
  }

  .modal__warranty button {
    font-size: 0.8125rem;
    padding-block: 0.75rem;
    border-radius: 0.25rem;
  }

  .modal__warranty-header h3 span {
    font-size: 0.625rem;
  }

  .modal__discount-wrapper h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }

  .modal__discount-wrapper button {
    padding: 0.875rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
  }

  .modal__footer {
    padding: 0.75rem 0.625rem;
  }

  .modal__footer h3,
  .modal__footer h3 span {
    font-size: 0.8125rem;
    line-height: 1;
  }

  .additional__product-label {
    font-size: 0.625rem;
    left: 10%;
  }
}

/* Upsell */

.upsell,
.thankyou {
  padding-block: 2rem;
}

.upsell .page-width,
.thankyou .page-width {
  max-width: 52rem;
}

.upsell__title-wrapper {
  max-width: 34rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}

.upsell__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.5rem;
  color: var(--charcoal-color);
}

.upsell__time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
}

.upsell__time-red {
  font-weight: 600;
  color: #d70000;
}

.upsell__time div {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}

.upsell__time-time {
  padding: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  background: #d70000;
}

.upsell__product {
  padding: 2rem;
  border: 2px solid #46b426;
  border-radius: 0.5rem;
  background: #edf7ed;
  margin-bottom: 1.75rem;
}

.upsell__product-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}

.upsell__product-image {
  position: relative;
  padding-bottom: 100%;
  aspect-ratio: 1;
  border-radius: 0.5rem;
  overflow: hidden;
}

.upsell__product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upsell__product-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--charcoal-color);
  margin-bottom: 0.5rem;
}

.upsell__product-desc {
  font-size: 0.875rem;
  line-height: 1.2;
  color: #333333;
  margin-bottom: 1rem;
}

.upsell__product-desc p {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.upsell__product-desc p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.upsell__product .product__reviews-details {
  color: #666666;
  font-weight: 300;
}

.upsell__product-lists {
  margin-bottom: 0.75rem;
}

.upsell__product-lists:not(:last-child) {
  margin-bottom: 0.75rem;
}

.upsell__product-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.upsell__product-list:not(:last-child) {
  margin-bottom: 0.5rem;
}

.upsell__product-list img {
  width: 1.125rem;
  height: 1.125rem;
  background: #00a201;
  border-radius: 50%;
  padding: 0.1875rem;
}

.upsell__product-list span {
  font-size: 0.875rem;
  font-weight: 500;
  color: #333333;
}

.upsell__product-price-and-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1rem;
}

.upsell__product-was-price {
  color: #999999;
  font-size: 0.875rem;
  margin-bottom: 0.125rem;
}

.upsell__product-current-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #d70000;
}

.upsell__product-current-price span {
  display: inline-block;
  position: relative;
  padding: 0.3125rem 0.625rem;
  background-color: #d70000;
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 20% 100%, 0 50%);
  font-size: 0.625rem;
  line-height: 1;
  height: 1.25rem;
  font-weight: 600;
  border-radius: 0.125rem;
  color: var(--white-color);
}

.upsell__product-quantity {
  padding: 0.625rem 1rem;
  border: 1px solid #cccccc;
  background: #fbfbfb;
  border-radius: 0.5rem;
  min-width: 10rem;
}

.upsell__product-quantity label {
  display: block;
  font-size: 0.8125rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  color: #666666;
}

.upsell__product-quantity-input {
  position: relative;
  display: flex;
}

.upsell__product-quantity input,
.upsell__product-quantity select {
  position: relative;
  display: block;
  border: none;
  outline: none;
  font-size: 0.875rem;
  width: 100%;
  background: none;
  cursor: pointer;
}

.upsell__product-quantity input::-webkit-inner-spin-button,
.upsell__product-quantity input::-webkit-outer-spin-button {
  opacity: 1;
}

.upsell__product-quantity-input::after {
  position: absolute;
  content: "";
  top: 0;
  right: 2rem;
  width: 0.0625rem;
  height: 100%;
  background: #d8d8d8;
}

.upsell__product .product__atc-button-wrapper {
  margin-bottom: 1rem;
}

.product__additional-text {
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
  color: #666666;
}

.product__additional-text span {
  color: #46b426;
  font-weight: 600;
}

.upsell__product-cancel-btn {
  color: #999999;
  text-decoration: underline;
  background: none;
  border: none;
  outline: none;
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 0.25rem;
}

@media (max-width: 767px) {
  .upsell {
    padding-block: 1.25rem;
  }

  .upsell__title {
    font-size: 1.125rem;
  }

  .upsell__title-wrapper {
    max-width: 95%;
    margin-bottom: 1rem;
  }

  .upsell__product-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .upsell__time {
    flex-wrap: wrap;
    gap: 0;
  }

  .upsell__product {
    padding: 1.25rem;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
}

/* Thank You */
.annoucement__bar-green {
  background: #e9f7e9;
}

.annoucement__text-green {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.annoucement__text-green img {
  width: 1.125rem;
  height: 1.125rem;
  background: #00a201;
  border-radius: 50%;
  padding: 0.1875rem;
}

.annoucement__text-green p {
  color: #46b426;
  font-weight: 700;
}

.annoucement__text-green span {
  color: #00a201;
}

.thankyou__product {
  position: relative;
  padding: 2rem;
  border: 2px solid #ff8b00;
  border-radius: 0.5rem;
  background: #fbefce;
}

.thankyou__product__green {
  position: relative;
  padding: 2rem;
  border: 2px solid #00a201;
  border-radius: 0.5rem;
  background: #e9f7e9;
  color: #3a3a3a;
}

.thankyou__product-wrapper {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 2.5rem;
}

.thankyou .product__atc-button-wrapper {
  display: flex;
  gap: 1rem;
}

.thankyou .product__reviews-details {
  color: #666666;
  font-weight: 300;
}

.thankyou .upsell__product-image {
  aspect-ratio: auto;
}

.thankyou .product__atc-button {
  box-shadow: 0px 3px 13px 0px #f0983180;
  background: linear-gradient(360deg, #e07a00 0.3%, #f09831 100%);
  border-radius: 0.5rem;
}

.thankyou__product-wrapper {
  margin-bottom: 1rem;
}

.thankyou__product-additional-text {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #666666;
  text-align: center;
}

.thankyou__product-additional-text span {
  font-weight: 700;
  color: #d70000;
}

.thankyou__product-label {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--white-color);
  background: #ff8b00;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
  z-index: 20;
  text-transform: uppercase;
  width: max-content;
}

.checkout__details {
  margin-bottom: 1.75rem;
}

.checkout__details .page-width {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 0.0625rem solid #e6e6e6;
  border-radius: 0.5rem;
  max-width: 52rem;
}

.checkout__details-customer {
  padding: 2rem;
}

.checkout__details-customer h2 {
  color: #333333;
  font-size: 1rem;
  font-weight: 500;
  line-height: 18px;
}

.checkout__details-customer p {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  color: #666666;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-block: 0.25rem;
  max-width: 12.5rem;
}

.checkout__details-customer p img {
  border: 1px solid #e6e6e6;
  border-radius: 0.25rem;
  object-fit: cover;
}

.checkout__details-customer div:not(:last-child) {
  margin-bottom: 1.25rem;
}

.checkout__order-summary {
  padding: 2rem;
  background: #f7f7f8;
}

.checkout__order-title {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.checkout__order-title h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #333333;
}

.checkout__order-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
  column-gap: 1rem;
}

.checkout__order-product-price {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  text-align: right;
  min-width: 50px;
}

.checkout__order-product-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.checkout__order-product-item-image {
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
  overflow: hidden;
}

.checkout__order-product-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.checkout__order-product-item h3 {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}

.checkout__order-product-details {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 0.0625rem solid #e6e6e6;
}

.checkout__order-product-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.checkout__order-product-detail:not(:last-child) {
  margin-bottom: 1rem;
}

.checkout__order-product-detail h2,
.checkout__order-product-detail p {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
  line-height: 1;
}

.checkout__order-product-detail p {
  color: #333333;
}

.checkout__order-product-detail p.checkout__order-free {
  color: #3fac20;
}

.checkout__order-product-total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.checkout__order-product-total > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.checkout__order-product-total p {
  color: #7d7d7d;
  font-size: 14px;
  font-weight: 500;
}

.checkout__order-product-total h2 {
  font-size: 18px;
  font-weight: 500;
  color: #333333;
}

.thankyou__back-buttons {
  margin-block: 1.75rem 4rem;
}

.thankyou__back-buttons .page-width {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  max-width: 52rem;
}

.thankyou__back-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, #f0f2f5 0%, #e3e6e8 100%);
  padding: 1.125rem;
  gap: 0.5rem;
  color: #666666;
}

.thankyou__back-buttons a span {
  font-weight: 500;
  color: var(--charcoal-color);
}

.thankyou__back-buttons a.thankyou__back-button-green {
  box-shadow: 0px 3px 13px 0px #0099005c;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
}

.thankyou__back-buttons a.thankyou__back-button-green span {
  color: var(--white-color);
}

.upsell__product-image {
  border: 1px solid #d8e5d4;
}

@media (max-width: 767px) {
  .thankyou__product-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .checkout__details .page-width {
    grid-template-columns: repeat(1, 1fr);
  }

  .thankyou .upsell__product-image {
    aspect-ratio: 1;
  }

  .thankyou .upsell__product-quantity {
    padding: 0.5rem;
    min-width: 4.5rem;
  }

  .thankyou .upsell__product-quantity label {
    font-size: 0.625rem;
  }

  .thankyou .upsell__product-quantity-input::after {
    display: none;
  }

  .annoucement__text-green {
    text-align: center;
  }

  .annoucement__text-green img {
    display: none;
  }

  .thankyou__product {
    padding: 1.5rem;
    border-left: none;
    border-right: none;
    border-radius: 0;
  }



  .thankyou__back-buttons .page-width {
    max-width: 90%;
    gap: 0.75rem;
    grid-template-columns: repeat(1, 1fr);
  }

  .thankyou__back-buttons a {
    padding: 1rem;
  }

  .thankyou__back-buttons {
    margin-block: 1.25rem;
  }

  .checkout__details-customer,
  .checkout__order-summary {
    padding: 1.5rem;
  }

  .checkout__order-summary {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }

  .thankyou .product__atc-button {
    font-size: 0.875rem;
  }

  .checkout__details .page-width {
    border: none;
  }

  .thankyou__product-wrapper {
    gap: 1.25rem;
  }

  .thankyou__product-label {
    top: -0.75rem;
    font-size: 0.75rem;
    padding-block: 0.25rem;
  }

  .annoucement__bar-green {
    padding-bottom: 1.5rem;
  }

  .thankyou {
    padding-block: 0rem;
  }
}

/* Wheel Spin */

.wheelspin {
  position: relative;
  min-height: 100dvh;
  width: 100%;
  overflow-y: scroll;
}

.wheelspin__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: -1;
}

.wheelspin__logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 1.75rem;
}

.wheelspin__logo {
  width: 6.25rem;
}

.wheelspin__logo img {
  width: 100%;
  object-fit: contain;
}

.wheelspin__annoucement {
  border-radius: 0.375rem;
  max-width: 60rem;
  margin: 0 auto 5rem;
}
.wheelspin__annoucement .wheel_logo{
  width: 15%;
  margin: auto;
}
.wheelspin__annoucement img{
  width: 24px;
  margin: auto;
  height: 24px;
}
@media (max-width: 768px) {
  .wheelspin__annoucement img{
    width: 30%;
  }
}
.wheelspin__block {
  text-align: center;
}

.wheelspin__block .page-width {
  max-width: 47.5rem;
}

.wheelspin__title {
  font-size: 2.625rem;
  font-weight: 500;
  color: var(--white-color);
  margin-bottom: 1.25rem;
}

.wheelspin__title span {
  color: #d787fc;
}

.wheelspin__desc {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff99;
  margin-bottom: 1.25rem;
}

.wheelspin__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  margin: 0 auto 4rem;
  gap: 0.5rem;
  padding: 1.25rem 5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  box-shadow: 0px 3px 13px 0px #0099005c;
  color: var(--white-color);
  font-size: 1.25rem;
  font-weight: 500;
  outline: none;
  border: none;
  border-radius: 0.5rem;
}

.wheelspin__button span {
  padding: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  background: #d70000;
}

.wheelspin__game {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wheelspin__game canvas {
  border: 1.25rem solid var(--white-color);
  box-shadow: 0px 10px 10px 0px #0000004d inset;
  border-radius: 50%;
}

.wheelspin__game-arrow {
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #f9bf3b;
  border: 1px solid #f09831;
  width: 3.75rem;
  height: 3rem;
}

.jackpot__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white-color);
  text-align: center;
  z-index: 55;
  width: 100%;
}

.jackpot__wrapper-pretitle {
  font-size: 60px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.jackpot__wrapper-desc {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff99;
  margin-bottom: 2rem;
}

.jackpot__wrapper-title {
  font-size: 150px;
  line-height: 1;
  margin-bottom: 2rem;
}

.jackpot__wrapper-timeleft {
  color: #ffffff99;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.jackpot__wrapper-timeleft span {
  color: #d787fc;
}

@media (max-width: 960px) {
  .wheelspin__annoucement {
    border-radius: 0;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }

  .jackpot__wrapper-pretitle {
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }

  .jackpot__wrapper-desc {
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }

  .jackpot__wrapper-title {
    font-size: 3rem;
    margin-bottom: 0.5rem;
  }

  .jackpot__wrapper-timeleft {
    font-size: 0.875rem;
  }
}

@media (max-width: 767px) {

  .wheelspin__logo-wrapper {
    padding-block: 0.75rem;
  }

  .wheelspin__block .page-width {
    max-width: 90%;
  }

  .wheelspin__title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .wheelspin__desc {
    font-size: 1rem;
  }

  .wheelspin__button {
    padding: 1rem 1.75rem;
    font-size: 1rem;
    margin-bottom: 2rem;
  }

  .wheelspin__game-arrow {
    top: -0.75rem;
    width: 2.5rem;
    height: 1.5rem;
  }

  .wheelspin__game canvas {
    border-width: 0.5rem;
  }
}

/* Jackpot Product */

.jackpot__announcement {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.75rem;
}

.jackpot__announcement-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 20px;
  font-weight: 500;
  color: var(--white-color);
}

.jackpot__announcement-title span {
  padding: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  background: #d70000;
}

.jackpot__announcement-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #10253e;
  z-index: -2;
}

.jackpot__announcement-background > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #47b426;
  z-index: -1;
  border-radius: 0 99px 99px 0;
}

.jackpot__header {
  position: relative;
  padding-block: 4rem;
  background: linear-gradient(179.29deg, #291343 1.3%, #6f3faa 98.56%);
  text-align: center;
}

.jackpot__header::after {
  position: absolute;
  content: "";
  bottom: -2.75rem;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #65399b;
  width: 4.875rem;
  height: 2.75rem;
  z-index: 10;
}

.jackpot__header .page-width {
  position: relative;
  z-index: 10;
}

.jackpot__header-title {
  font-size: 32px;
  font-weight: 500;
  color: var(--white-color);
  line-height: 1;
  margin-bottom: 1rem;
}

.jackpot__header-title span {
  color: #d787fc;
}

.jackpot__header-desc {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff99;
  max-width: 36.625rem;
  margin-inline: auto;
}

.jackpot__header-desc span {
  color: var(--white-color);
}

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

.jackpot__collection {
  margin-block: 6rem;
}

.jackpot__products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

.jackpot__product {
  position: relative;
}

.jackpot__product-image {
  position: relative;
  display: flex;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 0.5rem;
  margin-bottom: 0.75rem;
}

.jackpot__product-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 5;
}

.jackpot__product-badge {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.3125rem;
  border-radius: 0.25rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--white-color);
  background: #d70000;
  z-index: 10;
}

.jackpot__product-title {
  font-size: 1rem;
  font-weight: 500;
  color: #333333;
  line-height: 1.3;
  margin-bottom: 0.5rem;
}

.jackpot__product-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.jackpot__product-price span {
  font-size: 20px;
  font-weight: 600;
  color: #ca232c;
}

.jackpot__product-price del {
  color: #99a0a7;
  font-size: 1rem;
  line-height: 1.8rem;
}

.jackpot__product-atc {
  display: flex;
  width: 100%;
  margin-bottom: 0.75rem;
}

.jackpot__product-atc button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  outline: none;
  border: none;
  width: 100%;
  color: var(--white-color);
  font-weight: 500;
  border-radius: 0.5rem;
  padding-block: 1.125rem;
  box-shadow: 0px 3px 13px 0px #0099005c;
  line-height: 1;
}

.jackpot__product-more {
  display: flex;
}

.jackpot__product-more a {
  display: block;
  width: 100%;
  padding: 1rem;
  background: linear-gradient(180deg, #f0f2f5 0%, #e3e6e8 100%);
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0.5rem;
}

@media (max-width: 1024px) {
  .jackpot__header-title {
    font-size: 1.5rem;
  }

  .jackpot__header-desc {
    font-size: 1rem;
  }

  .jackpot__header {
    padding-block: 2.5rem;
  }

  .jackpot__header::after {
    display: none;
  }

  .jackpot__products {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1rem;
  }

  .jackpot__collection {
    margin-block: 4rem;
  }

  .jackpot__product-atc button {
    font-size: 0.75rem;
    border-radius: 0.25rem;
    padding-block: 0.75rem;
  }

  .jackpot__product-title {
    font-size: 0.875rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }

  .jackpot__product-price span {
    font-size: 1rem;
  }

  .jackpot__product-price del {
    font-size: 0.75rem;
    line-height: 1;
  }

  .jackpot__product-atc button,
  .jackpot__product-more a {
    font-size: 0.75rem;
    border-radius: 0.25rem;
    padding-block: 0.75rem;
  }

  .jackpot__product-badge {
    font-size: 0.75rem;
    top: 0.5rem;
    left: 0.5rem;
  }
}
@media (max-width: 500px) {
  .payment__card-details-image{
    max-width: 100px;
  }
}
@media (max-width: 768px) {
  .jackpot__announcement {
    height: 2.8125rem;
  }

  .jackpot__announcement-title {
    font-size: 0.875rem;
  }

  .jackpot__announcement-title span {
    font-size: 0.75rem;
  }
}

/* Policies */

.policies {
  padding-block: 5rem;
  color: var(--charcoal-color);
}

.last-udpate {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 2rem;
}

.policies h2 {
  font-size: 1.125rem;
  font-weight: 500;
  margin-block: 1rem;
  line-height: 1.2;
}

.policies p,
.policies ul li {
  font-size: 0.875rem;
  margin-block: 0.5rem;
  line-height: 1.4;
}

.policies ul {
  padding-left: 1rem;
}

.policies ul li {
  list-style: disc;
  margin-block: 0.25rem;
}

@media (max-width: 768px) {
  .policies {
    padding-block: 2rem;
  }
}

/* Footer Item */
.cart__drawer-footer-items {
  margin-bottom: 1.25rem;
}

.cart__drawer-footer-form {
  display: flex;
  gap: 1.5rem;
  flex-flow: column wrap;
}

.cart__drawer-footer-form-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 115px 1fr;
  gap: 0.75rem;
  width: 100%;
  border: 2px solid #dddddd;
  background: #ffffff;
  border-radius: 0.5rem;
  padding: 0.5rem;
}

.cart__drawer-body .cart__drawer-footer-form-wrapper {
  margin-bottom: 1.5rem;
}

.cart__drawer-footer-form-image {
  aspect-ratio: 1;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0.0625rem solid #dddddd;
}

.cart__drawer-footer-form-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart__drawer-footer-p-details {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.875rem;
}

.cart__drawer-footer-p-detail-title {
  width: calc(100% - 2rem);
}

.cart__drawer-footer-p-detail-title h2 {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}

.cart__drawer-footer-p-detail-title p {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #5f6061;
}

.cart__drawer-footer-cta-wrapper {
  margin-bottom: 0.75rem;
}

.cart__drawer-footer-p-detail-title button {
  display: block;
  background: none;
  outline: none;
  border: none;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #5f6061;
  transition: 0.3s all;
}

.cart__drawer-footer-p-detail-title button:hover {
  color: #000000;
}

.short__description-limit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.cross_readmore {
  color: #1d6ec1 !important;
}

.cart__drawer-footer-p-detail-input {
  width: 1.125rem;
  display: flex;
  cursor: pointer;
}

.cart__drawer-footer-p-detail-input input {
  width: 1.125rem;
  height: 1.125rem;
  accent-color: #00ac00;
  cursor: pointer;
}

.cart__drawer-footer-p-detail-input-replicate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  border-radius: 0.1875rem;
  border: 1px solid #4f4f4f;
  color: #ffffff;
}

.cart__drawer-footer-p-detail-input-replicate svg {
  opacity: 0;
}

.cart__drawer-footer-input-wrapper {
  position: relative;
}

.cart__drawer-footer-input-wrapper-checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 1.125rem;
  height: 1.125rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
}

.cart__drawer-footer-p-detail-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cart__drawer-footer-p-current-price {
  font-size: 18px;
  font-weight: 700;
  color: #d70000;
}

.cart__drawer-footer-p-detail-price del {
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}

.cart__drawer-footer-p-quantity {
  display: flex;
  justify-content: flex-start;
  gap: 0.125rem;
}

.cart__drawer-footer-p-quantity button {
  width: 2rem;
  height: 1.375rem;
  background: #dddddd;
  color: #666666;
  font-weight: 500;
  outline: none;
  border: none;
  position: relative;
  font-size: 1.25rem;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart__drawer-footer-p-quantity input {
  width: 2rem;
  border: 0;
  background: #dddddd;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  margin: 0;
  padding: 0.125rem;
  text-align: center;
  color: #666666;
  font-weight: 600;
}

.cart__drawer-footer-p-quantity button:nth-child(1) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.cart__drawer-footer-p-quantity button:nth-child(3) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* .cart__drawer-footer-form-wrapper-green {
  border-color: #00ac00;
  background: #f8fff7;
} */
.cross_product_wraper {
  border: 2px solid #F09831;
  border-radius: 0.5rem;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  background: white;
}
.cart__drawer-footer-form-wrapper-none {
  border: 0px;
  border-bottom: 1px solid #dddddd;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: none;
}


/* Green */

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-green {
  border-color: #00ac00;
  background: #f8fff7;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-green .cart__drawer-footer-p-detail-input-replicate {
  background: #00ac00;
  border-color: #00ac00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-green .cart__drawer-footer-p-detail-input-replicate svg {
  opacity: 1;
}

/* .cart__drawer-footer-form-wrapper-gray {
  background: #ffffff;
  border-color: #dddddd;
} */

.cart__drawer-footer-form-wrapper-gray .cart__drawer-footer-p-detail-input input {
  accent-color: #dddddd;
}

.cart__drawer-footer-form-wrapper-orange .cart__drawer-footer-p-detail-input input {
  accent-color: #dddddd;
}
/* None */
.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-none {
  background: #fbefce;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-none {
  background: #fbefce;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-none .cart__drawer-footer-p-detail-input-replicate {
  background: #ff8b00;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-none .cart__drawer-footer-p-detail-input-replicate svg {
  opacity: 1;
}
/* Orange */
.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-orange {
  background: #fbefce;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-orange {
  background: #fbefce;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-orange .cart__drawer-footer-p-detail-input-replicate {
  background: #ff8b00;
  border-color: #ff8b00;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-orange .cart__drawer-footer-p-detail-input-replicate svg {
  opacity: 1;
}

/* Gray */

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-gray {
  background: #ffffff;
  border-color: #dddddd;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-gray .cart__drawer-footer-p-detail-input-replicate {
  background: #dddddd;
  border-color: #dddddd;
}

.cart__drawer-footer-input-wrapper-checkbox:checked ~ .cart__drawer-footer-form-wrapper-gray .cart__drawer-footer-p-detail-input-replicate svg {
  opacity: 1;
}

.cart__drawer-footer-form-wrapper .cart__drawer-footer-form-banner {
  position: absolute;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1rem;
  border-radius: 0.25rem;
  padding: 0.25rem 0.625rem;
  background: #dddddd;
  color: #ffffff;
}

.cart__drawer-footer-form-wrapper-orange .cart__drawer-footer-form-banner {
  background: #ff8b00;
  color: #ffffff;
}

.cart__drawer-footer-form-banner.orange {
  background: #ff8b00;
  color: #ffffff;
}

.cart__drawer-footer-form-wrapper-green .cart__drawer-footer-form-banner {
  background: #00ac00;
  color: #ffffff;
}

@media (max-width: 768px) {
  .cart__drawer-footer-form-wrapper {
    grid-template-columns: 130px 1fr;
  }

  .cart__drawer-footer-form-wrapper .cart__drawer-footer-form-banner {
    font-size: 0.625rem;
    padding: 0.125rem 0.5rem;
  }

  .cart__drawer-footer-p-details {
    flex-flow: row wrap;
  }

  .cart__drawer-footer-p-detail-title h2 {
    font-size: 0.8125rem;
  }

  .cart__drawer-footer-p-detail-title p,
  .cart__drawer-footer-p-detail-title button {
    font-size: 0.825rem;
  }

  .cart__drawer-footer-p-current-price {
    font-size: 0.875rem;
  }

  .cart__drawer-footer-p-detail-price del {
    font-size: 0.75rem;
  }

  .cart__drawer-footer-p-quantity button,
  .cart__drawer-footer-p-quantity input {
    width: 1.25rem;
    height: 1.2rem;
    font-size: 0.875rem;
  }

  .cart__drawer-footer-p-quantity input {
    font-size: 0.75rem;
  }

  .cart__drawer-footer-p-detail-input input {
    width: 0.875rem;
    height: 0.875rem;
  }

  .cart__drawer-footer-p-details {
    gap: 0.5rem;
  }

  .cart__drawer-footer-p-detail-price {
    flex-flow: row nowrap;
  }
}
.no_search_results_main{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.no_search_results_text{
  color: #5f6061;
  /*font-weight: 600;*/
  margin-bottom: 1.25rem;
}
.contact_containers{
  display: flex;
}
.contact_containers > div{
  width: 50%;
}
.contact_text{
  padding-right: 10px;
}
.contact_form{
  padding-left: 10px;
}
@media screen and (max-width: 767px){
  .contact_containers{
    flex-direction: column;
  }
  .contact_containers > div{
    width: 100%;
  }
  .contact_text{
    padding-right: 0;
    padding-bottom: 10px;
  }
  .contact_form{
    padding-left: 0;
  }
}

.margin-contact-button{
  margin-top: 1rem;
}
.product_desc > p{
  margin-bottom: 10px;
}
.custom_reviews{
  margin-top: 2rem;
}
.reviewForm{
  background-color: #F1F1F1;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
  margin-top: .5rem;
}
.form-control {
  box-shadow: none;
  height: 50px;
  padding: 8px 15px;
  display: block;
  width: 100%;
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;

  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.review_form_btn{
  background-color: #636363;
  color: white;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 20px;
  border-width: 1px;
  cursor: pointer;
  line-height: normal;
  padding: 12px 35px;
  text-transform: capitalize;
  transition: all .3s ease-in-out;
  width: 100%;
  border-radius: 5px;
}
.grid_komentarji_container {
  column-count: 5;
  column-gap: 15px;
  margin: 20px auto;
  height: 100%!important;
  color: #333
}

.grid_komentar {
  width: 100%;
  margin-top: 15px;
  break-inside: avoid;
  position: relative;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 6px 14px rgb(0 0 0/21%);
  background: #fff
}

.grid_komentar:first-child {
  margin-top: 0
}

.grid_komentar .komentar_img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  border-radius: 4px 4px 0 0
}
.grid_komentar .product__feedback-verification{
  margin-left: 10px;
}
.komentar_title {
  padding: 5px 10px 0;
  font-weight: 700;
  font-size: 16px
}

.komentrji_ocene_block {
  padding: 10px;
  font-size: 11px;
  color: gold
}

.komentarji_komentar {
  padding: 10px;
  font-size: .9rem
}

.com_check {
  color: #28a745;
  font-size: .8rem
}

.komentar_datum {
  padding: 0 10px;
  font-size: .7rem;
  color: #515151;
  display: none
}
.title_stars_container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media(max-width: 1192px) {
  .grid_komentarji_container {
    column-count:3
  }
}

@media(max-width: 768px) {
  .grid_komentarji_container {
    column-count:2
  }
}
.applied_coupon{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.applied_code{
  font-size: 0.9rem;
  color: #00ac00;
  font-weight: 500;
}
.cancel_coupon{
  background: #d70000;
  border: none;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cancel_coupon span{
  line-height: 10px;
  font-weight: bold;
  color: white;
  text-align: center;
}
.applied_coupon_title{
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.3125rem;
}
@media(min-width: 768px) {
  .product_desc img {
    max-width: 50%;
    width: 50%
  }

}
@media(max-width: 768px) {
  .product__featured .product_desc {
    max-width: 100%;
    width: auto;
  }

  .title_stars_container{
    flex-direction: column;
    align-items: baseline;
  }
  .komentrji_ocene_block{
    padding-top: 1px;
    padding-bottom: 3px;
  }
  .cart__drawer-total button {
    margin-bottom: 1rem;
  }
}
.coupon_invalid{
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold;
  color: #db1800;
}
.cart__drawer-header-wrapper{
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.cart__drawer-body{
  flex-grow: 1;
}
@media screen and (max-width: 358px) {
  .product__variants-options p {
    width: 80%;
  }
}
.cart__readmore{
  font-weight: bold;
}
.collection__card-product{
  position: absolute;
  z-index: 9;
  top: 15px;
  left: 15px;
  font-size: 1.5rem;
  line-height: normal;
  padding: 0.5rem 1rem;
}
.cart__drawer-footer-cta-wrapper .short__description-limit-opened{
  -webkit-line-clamp: 4;
}
.product_sticky_price .product__price-was{
  text-decoration: line-through;
}
#span_redna{
  text-decoration: line-through;
}
.payment__card-details-input.credit-card {
  display: grid;
  /* grid-template-columns: 50px 50px 50px 50px; */
  grid-template-rows: auto;
  grid-template-areas: "header header header header"
  "sidebar sidebar main main";
  grid-row-gap: 10px;
  padding-bottom: 25px;
  padding-top: 20px;
}
.payment__card-details-input div:nth-child(1){
  grid-area: header
}
.payment__card-details-input div:nth-child(2) {
  grid-area: main
}
.payment__card-details-input div:nth-child(3) {
  grid-area: sidebar;

}
.payment__card-details-input .input__form-label label {
  margin-bottom: 0;
}
.payment__card-details-input .braintree_input {
  border: 1px solid grey;
  border-radius: 5px;
}
:lang(sk) .navbar__content-tel, :lang(hu) .navbar__content-tel{
  display: none;
}
:lang(sk) .footer_phone, :lang(hu) .footer_phone{
  display: none;
}
.gratis_badge{
  margin-left: 10px;
  background: #ff8b00;
  padding: 3px 6px;
  border-radius: 5px;
  font-weight: 700;
  color: white;
}
.progress_background{
  width: 70%;
  height: 12px;
  background: darkgray;
  border-radius: 25px;
  position: relative;
}
.progress_bar{
  width: 31%;
  height: 100%;
  background: #45708f;
  border-radius: 25px;
  transition: width 1.5s;
}
/*.progress_bar.free_product_bar{
  background: #00ab00;
}*/
.hystmodal__window{
  padding-top: 55px;
  padding-bottom: 55px;
  border-radius: 10px;
}
.free_title{
  padding-top: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #00a201;
  background-color: #e8f7e8;

}
.free_text{
  text-align: center;
  background-color: #e8f7e8;
  padding: 0 40px 15px;
}
.hystmodal__window::after{
  content: "";
  height: 5px;
  background-color: #dddddd;
  top: 24px;
  margin: auto;
  left: 0;
  right: 0;
  position: absolute;
  width: 20%;
  border-radius: 20px;
}
.hystmodal__window::before{
  content: "";
  height: 55px;
  background-color: #dddddd;
  top: 0;
  right: 55px;
  position: absolute;
  width: 2px;
  border-radius: 20px;
}

.product_selected{
  border: 2px solid #00a201;
  border-radius: 5px;
}
.product_selected:before{
  content: "";
  height: 30px;
  width: 30px;
  background-color: #00a201;
  color: #fff;
  right: 5px;
  position: absolute;
  top: 6px;
  border-radius: 20px;
  z-index: 2;
  background-image: url("/assets/images/check-white.svg");
  background-size: 60% 60%;
  background-repeat: no-repeat;
  background-position: center;
}
#free_product_modal .swiper-slide, #not_found_products .swiper-slide{
  margin: 10px 10px 30px;
  padding: 10px;
  height: auto;
  min-height: auto;
}

.free_product_atc_container{
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.free_product_atc_container form{
  width: 50%;
}
.no_product_error{
  text-align: center;
  font-weight: 500;
  color: #ca232c;
  background: #ffcfd1;
  padding: 10px 0;
  margin-top: 10px;
  display: none;
}
.progress_text{

  text-align: center;

}
.light_header_red .progress_text{

  text-align: center;
  color: white;

}
.progress_text_container{
  padding-top: 4px;
  font-size: 14px;
  display: flex;
  padding-bottom: 4px;
  justify-content: center;
}
.progress_container img{
  margin-right: 5px;
  aspect-ratio: 1;
  width: 20px;
}
#progress__slider{
  padding-bottom: 10px;
  background: #FFE15A;
}

.light_header_red #progress__slider{
  padding-bottom: 10px;
  background: #e52848;
}
.free_product_decline{
  margin-top: 15px;
  text-align: center;
  color: grey;
  text-decoration: underline;
  cursor: pointer;
}
#free_product_modal .collection__card-price h2 {
  visibility: hidden;
  position: relative;
  margin-right: -10px;
}
#free_product_modal .collection__card-price h2:before {
  visibility: visible;
  position: absolute;
  left: 0;
}
#free_product_modal .collection__card-atc{
  display: none;
}
@media (min-width: 768px) {
  #free_product_modal .hystmodal__window{
    margin-top: 120px;
  }

}

.countdown_timer_free_product{
  position: absolute;
  width: 50%;
  top: 37px;
  left: 0;
  background: #2bba00;
  font-weight: 500;
  color: #fff;
  padding: 12px;
  font-size: 20px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media (min-width: 768px) {
  #image_menu{
    display: none;
  }

}
@media (max-width: 768px) {
  .countdown_timer_free_product{
    width: 100%;
    border-radius: 0;

  }
  #cart__trigger .mini_atc{
    position: absolute;
    bottom: -359%;
    left: -49%;
    width: 155%;
    /* height: 100%; */

    /* aspect-ratio: 2; */
    background: #737b86;
    color: white;
    border-radius: 10px;
    z-index: 3;
  }
  #cart__trigger .mini_atc::before{
    border-left: none;
    right: 0;
    border-right: 40px solid #737b86;
  }
}
.countdown_timer_free_product span{
  position: static;
}
#free_product_modal .hystmodal__wrap{
  position: relative;
}
.free_timer{
  background: #CA232C;
  padding: 5px 10px;
  border-radius: 5px;
  margin-left: 10px;
  color: white;
}
.progress_container .free_timer{
  padding: 0px 10px;
  font-size: 11px;
}
.progress_container .free_timer{
  padding: 0px 10px;
  background: #45708f;
}
.free_top_bar{
  background-color: #000000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 0;
  font-size: 18px;
}
.free_top_bar .swiper-slide{
  text-align: center;
}
.mini_atc{
  position: absolute;
  bottom: -130%;
  left: 20%;
  width: 80%;
  /* aspect-ratio: 2; */
  background: #37424f;
  color: white;
  border-radius: 10px;
  z-index: 3;
  padding: 10px;
  min-height: 50px;
}
.mini_atc::before{
  content: "";
  position: absolute;
  top: -41%;
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #37424f;
  border-radius: 5px;
  z-index: -1;
}

.slider__thumbnails_modal{
  padding: 10px;
}
#homepage_atc_modal .product_variations{
  font-size: 0;
}
#atc_modal_form{
  padding: 10px;
}
.minimum_container{
  padding: 25px 20px;
  background: #ffe159;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.minimum_container > *{
  margin-bottom: 20px;
}
.minimum_container h3{
  font-size: 25px;
}
.minimum_container button{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  border-radius: 0.5rem;
  outline: none;
  border: none;
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--white-color);
  box-shadow: 0px 2px 0px 0px #009900;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
}
.minimum_container a{
  display: block;
  color: #747c87;
  text-decoration: underline;
}
.minimum_info_text{
  font-size: 18px;
}
.minimum_background{
  background: #e6ca50;
  padding: 10px;
  border-radius: 10px;
  color: #747c87;
}
.minimum_background > span{
  display: block;
  font-size: 10px;
}
#checkout_minimum_modal .hystmodal__window{
  padding-bottom: 0;
}
#checkout_minimum_modal .progress_bar{
background: #00ab00;
}
#checkout_minimum_modal .progress_background{
background: #ffffff;
  margin: auto;
}
.change_free_product{
  color: #00ab00;
  font-weight: 500;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}
.navbar{
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 101;
}
.body__lock .navbar{
  position: initial;
}
/* TODO poglej kaj je to
html .body__lock .navbar{
  background: #ff000000;
}
.body__lock .navbar__wrapper{
  display: none;
}*/
.hystmodal--active{
  z-index: 101 !important;
}
.progress_inner{
  display: flex;
  justify-content: center;
}
body #homepage_atc_modal .gratis_variations{
  font-size: initial;
}
.not_found_title{
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-top: -60px;
}
.not_found_subtitle{
  text-align: center;
  margin-top: 30px;
}
#not_found_products{
  margin-bottom: 100px;
}
.atc_image_carousel{
  margin: 0 20%;
}
.free_shipping_text{
  display: none;
}
.free_shipping .collection__section .free_shipping_text{
  display: inline;
  position: relative;
  border: 2px solid #28a643;
  color: #28a643;
  font-weight: 600;
  width: max-content;
  padding-left: 20px;
  padding-right: 10px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  margin-bottom: 5px;
  font-size: 12px;
}
.free_shipping_text::before{
  content: "";
  height: 15px;
  width: 15px;
  background-color: #28a643;
  color: #fff;
  left: 0;
  top: 0;
  position: absolute;
  background-image: url("/assets/images/check-white.svg");
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center;

}
#image_menu .navbar__content-links{
  justify-content: center;
}
body .hystmodal__close {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-size: 55%;
  cursor: pointer;

}
#progress__slider{
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
}

.collection_container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.collection_title{
  text-align: center;
  margin-top: 7px;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .collection_title{
    font-size: 12px;
  }
  .progress_swiper .swiper-button-prev, .progress_swiper .swiper-button-next{
    top: 0.25rem;
  }
  .navbar__cart-details{
    padding: 5px;
  }
}
.collection_image{
  background-image: url('https://shoply.sk/productimage/f0ad9414daa00aed9381_500.webp');
  width: 80%;
  aspect-ratio: 1;
  background-position: center top;
  background-size: 100% auto;
  border-radius: 50%;
  border: 2px solid black;
}
.light_header .navbar{
  background: white;
}
.light_header .navbar__content-links li a{
  color: black;
}
.light_header  .navbar__cart {

  background: #efefef;
  box-shadow: none;

}
.light_header .navbar__cart-icon img{

  filter: invert(58%) sepia(7%) saturate(538%) hue-rotate(171deg) brightness(89%) contrast(84%);
}
.light_header .navbar__content-search input{
  border: 2px solid #60666d;
}
.light_header .navbar__cart-details p, .light_header .navbar__cart-details h3 {
  color: #60666d;
}
.light_header .navbar__step:not(:first-child):before{
  opacity: 1;
  background: #4d5d6f;
}

.light_header_red .navbar{
  background: #333333;
}
.light_header_red .navbar__content-links li a{
  color: #e3e6e8;
}
.light_header_red  .navbar__cart {

  background: #b8b8b8;
  box-shadow: none;

}
.light_header_red .navbar__cart-icon img{

  filter: invert(58%) sepia(7%) saturate(538%) hue-rotate(171deg) brightness(89%) contrast(84%);
}
.light_header_red .navbar__content-search input{
  border: 2px solid #60666d;
}
.light_header_red .navbar__cart-details p, .light_header_red .navbar__cart-details h3 {
  color: #60666d;
}
.light_header_red .navbar__step:not(:first-child):before{
  opacity: 1;
  background: #4d5d6f;
}
.homepage .homepage_collection_container{
  display: none;
}
.si_in .product__tabs .tab_review, .si_in .discounted__offer-desc, .si_in .product__reviews-block,.si_in #customers_review_section, .si_in .collection__card-review, .si_in .product__feedback,.si_in .product__detail-block .product__detail:last-child, .si_in .product__detail-block .product__detail:nth-child(2){
  display: none;
}
.save_to_pdf{
  display: none;
}
.si_in .save_to_pdf{
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  color: var(--white-color);
  font-weight: 500;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 1px 0px #00000026;
  padding: 0.75rem;
  margin-top: 10px;
  display: block;
  width: fit-content;
}
.business__checbox a{
  color: black;
  font-weight: 600;
}
#not_found_products{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}
@media (max-width: 768px) {
  #not_found_products{
    grid-template-columns: 1fr 1fr;
  }
}
#not_found_products .collection__card:nth-of-type(1n+11) {
  display: none;
}
.finish_order_btn{
  display: flex;
  background: linear-gradient(360deg, #00ac00 0%, #3ec000 100%);
  width: fit-content;
  color: var(--white-color);
  font-weight: 500;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 1px 0px #00000026;
  padding: 0.75rem 2rem;
  margin: 20px auto;
  font-size: 25px;
}
.ql-align-center{
  text-align: center;
}
.mySwiper_nohti .swiper-pagination-bullet {
  background-color: #B5B5B5;
}
.nohti-slider {
  position: relative;
  overflow: hidden;
  max-width: 27rem;
  width: 100%;
  margin-bottom: 1.25rem;
}

@media (max-width: 768px) {
  .nohti-slider {
    max-width: 20rem;
  }
}

.img_brands {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  max-height: 4rem;
  max-width: 60%;
}

.img_models {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  max-height: 6rem;
  max-width: 60%;
}
.card_brands {

}
.collection__card.brands div {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.collection__card.brands {
  min-height: 4rem;
  border-radius: 6px;
  box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
  border: 1px solid #f2f2f2;
}
.collection__card-media.card_brands {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: calc(6 / 10 * 100%);
  overflow: hidden;
  border-radius: 0.625rem;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.light_header_red .annoucement__slider .swiper-button-next:after, .light_header_red .annoucement__slider .swiper-rtl .swiper-button-prev:after{
  border-bottom: 8px solid white;
}
.light_header_red .annoucement__slider .swiper-button-prev:after, .light_header_red .annoucement__slider .swiper-rtl .swiper-button-next:after{
  border-bottom: 8px solid white;
}
.light_header_red .progress_container .free_timer{
  background: #333333;
}
.light_header_red .free_timer{
  color: white
}
.light_header_red .navbar__cart {
  background: white;
  padding: 5px
}
.cz_notice{
  margin-bottom: 26px;
  margin-top: -18px;
}
.cz_notice a{
  font-weight: 600;
}