@charset "UTF-8";
#preview_mode_alert {
  display: none !important;
}

:root {
  --padding: 40px;
}

body {
  background-color: var(--body-bg);
}

input[type=number] {
  appearance: textfield;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.container-div {
  padding: 0 var(--padding);
}

.app-content.main {
  overflow-x: hidden;
}

.remove-btn {
  background: transparent;
  border: 0;
  outline: 0 !important;
}

.same-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.button:focus {
  outline: 0 !important;
}

.align-center-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.icon-star1,
.icon-half-star {
  width: 20px;
  height: 20px;
}

.breadcrumb-section {
  background-color: transparent;
}
.breadcrumb-section .breadcrumb {
  padding: 20px 0;
  margin-block-end: 0;
  background-color: transparent;
}
@media screen and (max-width: 480px) {
  .breadcrumb-section .breadcrumb {
    margin: 0;
  }
}
.breadcrumb-section .breadcrumb-item {
  font-size: 16px;
  font-weight: 400;
  color: #404040;
}
.breadcrumb-section .breadcrumb-item a {
  color: #404040;
  text-decoration: none;
}
.breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-inline: 6px;
  vertical-align: middle;
  background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 6s6 4.419 6 6-6 6-6 6' stroke='%236D6D72' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 480px) {
  .breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
    margin-inline: 0;
  }
}

.rtl .breadcrumb-section .breadcrumb-item + .breadcrumb-item::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 6s-6 4.419-6 6 6 6 6 6' stroke='%23404040' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 1200px) {
  :root {
    --padding: 30px;
  }
}
@media (max-width: 992px) {
  :root {
    --padding: 24px;
  }
}
@media (max-width: 768px) {
  :root {
    --padding: 16px;
  }
}
#fixed-header {
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  background-color: var(--header-primary-color-opacity);
  z-index: 999;
  backdrop-filter: blur(var(--header-backdrop-filter));
  -webkit-backdrop-filter: blur(var(--header-backdrop-filter));
  -moz-backdrop-filter: blur(var(--header-backdrop-filter));
  -o-backdrop-filter: blur(var(--header-backdrop-filter));
  -ms-backdrop-filter: blur(var(--header-backdrop-filter));
  -webkit-backdrop-filter: blur(var(--header-backdrop-filter));
}
#fixed-header.sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
}
#fixed-header.over {
  position: absolute;
  width: 100%;
}

.app-content-padded {
  padding-top: var(--header-h);
}

header.header-over-first-section {
  position: relative;
  z-index: 10;
}
header.header-over-first-section + .main, header.header-over-first-section ~ .main {
  margin-top: calc(-1 * var(--header-h));
}
header.header-over-first-section #fixed-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: transparent !important;
}

header {
  position: relative;
}
header .header-wrapp .header-search-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-block: 32px;
  align-items: center;
}
@media screen and (max-width: 768px) {
  header .header-wrapp .header-search-bar {
    padding-block: 16px;
  }
}
header .header-wrapp .header-search-bar .menu-icon-div {
  display: none;
}
@media screen and (max-width: 992px) {
  header .header-wrapp .header-search-bar .menu-icon-div {
    display: flex;
    gap: 4px;
    text-align: center;
    justify-content: flex-start;
    width: 100%;
  }
}
header .header-wrapp .header-search-bar .header-logo {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}
@media screen and (max-width: 480px) {
  header .header-wrapp .header-search-bar .header-logo .image-logo {
    max-width: 100px;
  }
}
header .header-wrapp .header-search-bar .header-logo #main-nav-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media screen and (max-width: 992px) {
  header .header-wrapp .header-search-bar .header-logo #main-nav-wrapper {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  header .header-wrapp .header-search-bar .header-logo {
    justify-content: center;
    width: 100%;
  }
}
header .header-wrapp .header-search-bar .header-icons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}
header .header-wrapp .header-search-bar .header-icons .a-shopping-cart {
  position: relative;
}
header .header-wrapp .header-search-bar .header-icons .a-shopping-cart .cart-badge {
  position: absolute;
}
header .header-wrapp .header-search-bar .header-icons .a-shopping-cart .cart-badge.rtl {
  top: -7px;
  right: -7px;
}
header .header-wrapp .header-search-bar .header-icons .a-shopping-cart .cart-badge.ltr {
  top: -7px;
  left: -7px;
}
header .header-wrapp .header-search-bar .header-icons .div-search {
  background-color: var(--backcolor-div-search);
  min-width: 150px;
  padding: 12px 10px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  header .header-wrapp .header-search-bar .header-icons .div-search {
    display: none !important;
  }
}
@media screen and (max-width: 992px) {
  header .header-wrapp .header-search-bar .header-icons {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  header .header-wrapp .header-search-bar .header-icons {
    gap: 0;
  }
}

nav#main-nav-wrapper ul.main-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
nav#main-nav-wrapper ul.main-nav li.top-level-link {
  display: inline-flex;
}
nav#main-nav-wrapper ul.main-nav li.top-level-link a {
  padding: 0 10px;
  color: var(--color);
}
nav#main-nav-wrapper ul.main-nav li.top-level-link a:hover {
  color: var(--color);
}

.search-modal-overlay {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: auto;
  z-index: 1000;
  padding: 0 2rem;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translateY(-15px);
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.search-modal-overlay.active {
  max-height: 800px;
  opacity: 1;
  visibility: visible;
  padding: 3rem 2rem;
  transform: translateY(0);
}
.search-modal-overlay.active .search-modal-content {
  opacity: 1;
  transform: translateY(0);
}
.search-modal-overlay .close-search-btn {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  z-index: 10;
}
.rtl .search-modal-overlay .close-search-btn {
  left: 2rem;
  right: auto;
}
.search-modal-overlay .search-modal-content {
  margin: 3rem auto 0;
  width: 100%;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.05s, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.05s;
}
.search-modal-overlay .search-modal-content .search-input-wrapper {
  position: relative;
  padding-bottom: 0.5rem;
  display: flex;
  align-items: center;
}
.search-modal-overlay .search-modal-content .search-input-wrapper input {
  width: 100%;
  border: none;
  background: transparent;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  outline: none;
  border-bottom: 1px solid #ccc;
}
.search-modal-overlay .search-modal-content .search-input-wrapper .search-icon {
  fill: transparent;
  left: 0px;
  top: 8px;
  stroke: var(--searchbar-suggests-search-text-color);
}
.search-modal-overlay .search-modal-content .search-input-wrapper .autocomplete-items .search-item {
  padding: 5px 0;
}
.search-modal-overlay .search-modal-content .search-input-wrapper .autocomplete-items .search-item a {
  font-size: 16px;
  color: var(--color);
}
.search-modal-overlay .search-modal-content .most-searched-section {
  margin-top: 20px;
}
.search-modal-overlay .search-modal-content .most-searched-section h3 {
  font-size: 18px;
  color: var(--color);
  margin-bottom: 16px;
}
.search-modal-overlay .search-modal-content .most-searched-section .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.search-modal-overlay .search-modal-content .most-searched-section .tags a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: var(--searchbar-suggests-search-text-color);
  font-size: 18px;
}
.search-modal-overlay .search-modal-content .most-searched-section .tags a svg {
  width: 16px;
  height: 16px;
}

.side-cart {
  --sc-bg: var(--side-cart-bg, #fff);
  --sc-title: var(--side-cart-title, #1a1a1a);
  --sc-close: var(--side-cart-close, #1a1a1a);
  --sc-shipping-text: var(--side-cart-shipping-text, #2e7d4f);
  --sc-shipping-track: var(--side-cart-shipping-track, #e8e8e8);
  --sc-shipping-fill: var(--side-cart-shipping-fill, #2e7d4f);
  --sc-product-title: var(--side-cart-product-title, #1a1a1a);
  --sc-product-price: var(--side-cart-product-price, #1a1a1a);
  --sc-product-old: var(--side-cart-product-old, #9a9a9a);
  --sc-delete: var(--side-cart-delete, #e53935);
  --sc-qty-border: var(--side-cart-qty-border, #e0e0e0);
  --sc-section-title: var(--side-cart-section-title, #1a1a1a);
  --sc-upsell-bg: var(--side-cart-upsell-bg, #f5f5f5);
  --sc-totals-label: var(--side-cart-totals-label, #666);
  --sc-totals-value: var(--side-cart-totals-value, #1a1a1a);
  --sc-total-row: var(--side-cart-total-row, #1a1a1a);
  --sc-coupon-btn-bg: var(--side-cart-coupon-btn-bg, #2c3e50);
  --sc-coupon-btn-text: var(--side-cart-coupon-btn-text, #fff);
  --sc-checkout-bg: var(--side-cart-checkout-bg, #2c3e50);
  --sc-checkout-text: var(--side-cart-checkout-text, #fff);
  --sc-view-bg: var(--side-cart-view-bg, #fff);
  --sc-view-border: var(--side-cart-view-border, #2c3e50);
  --sc-view-text: var(--side-cart-view-text, #2c3e50);
  --sc-empty-title: var(--side-cart-empty-title, #1a1a1a);
  --sc-empty-text: var(--side-cart-empty-text, #888);
  --sc-empty-btn-bg: var(--side-cart-empty-btn-bg, #2c3e50);
  --sc-empty-btn-text: var(--side-cart-empty-btn-text, #fff);
  --sc-overlay: var(--side-cart-overlay, #000);
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease, opacity 0.2s ease;
}
.side-cart.is-open {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
.side-cart.is-open .side-cart__overlay {
  opacity: 0.45;
}
.side-cart.is-open .side-cart__panel {
  transform: translateX(0) !important;
}

.side-cart__overlay {
  position: absolute;
  inset: 0;
  background: var(--sc-overlay);
  opacity: 0;
  transition: opacity 0.28s ease;
  cursor: pointer;
}

.side-cart__panel {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: min(100%, 420px);
  max-width: 100%;
  background: var(--sc-bg);
  display: flex;
  flex-direction: column;
  transform: translateX(105%);
  transition: transform 0.3s ease;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.08);
}
html[dir=ltr] .side-cart__panel, body.ltr .side-cart__panel {
  right: auto;
  left: 0;
  transform: translateX(-105%);
  box-shadow: 4px 0 24px rgba(0, 0, 0, 0.08);
}
.side-cart.is-open .side-cart__panel {
  transform: translateX(0) !important;
}

.side-cart__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  flex-shrink: 0;
  border-bottom: 1px solid #f0f0f0;
}

.side-cart__title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--sc-title);
  line-height: 1.4;
}

.side-cart__count-wrap {
  font-weight: 500;
}

.side-cart__close {
  appearance: none;
  border: 0;
  background: transparent;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sc-close);
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.side-cart__close:hover {
  background: #f3f3f3;
}

.side-cart__filled,
.side-cart__empty {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}

.side-cart__filled[hidden],
.side-cart__empty[hidden] {
  display: none !important;
}

.side-cart__shipping {
  padding: 12px 18px 8px;
  flex-shrink: 0;
}

.side-cart__shipping-track {
  position: relative;
  height: 6px;
  border-radius: 99px;
  background: var(--sc-shipping-track);
  margin-bottom: 18px;
}

.side-cart__shipping-fill {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  border-radius: 99px;
  background: var(--sc-shipping-fill);
  width: 0;
  transition: width 0.3s ease;
}
.side-cart__shipping-fill.is-complete {
  background: var(--sc-shipping-fill);
}

.side-cart__shipping-truck {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--sc-shipping-fill);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(46, 125, 79, 0.25);
  transition: inset-inline-start 0.3s ease, right 0.3s ease, left 0.3s ease;
}

.side-cart__shipping-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--sc-shipping-text);
  font-weight: 500;
}

.side-cart__body {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  -webkit-overflow-scrolling: touch;
}

.side-cart__items {
  padding: 8px 18px 4px;
}

.side-cart__item {
  display: flex;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
}
.side-cart__item:last-child {
  border-bottom: 0;
}

.side-cart__item-img {
  width: 72px;
  height: 72px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #f7f7f7;
}
.side-cart__item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.side-cart__item-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.side-cart__item-name {
  font-size: 13px;
  line-height: 1.45;
  color: var(--sc-product-title);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.side-cart__item-prices {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.side-cart__item-price {
  font-size: 14px;
  font-weight: 700;
  color: var(--sc-product-price);
}

.side-cart__item-old {
  font-size: 12px;
  color: var(--sc-product-old);
  text-decoration: line-through;
}

.side-cart__item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
}

.side-cart__qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--sc-qty-border);
  border-radius: 8px;
  overflow: hidden;
  height: 32px;
}

.side-cart__qty-btn {
  appearance: none;
  border: 0;
  background: transparent;
  width: 32px;
  height: 100%;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #333;
  padding: 0;
}
.side-cart__qty-btn:hover {
  background: #f5f5f5;
}

.side-cart__qty-value {
  min-width: 28px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #333;
}

.side-cart__item-remove {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--sc-delete);
  cursor: pointer;
  padding: 4px;
  font-size: 16px;
  line-height: 1;
}
.side-cart__item-remove:hover {
  opacity: 0.8;
}

.side-cart__upsell {
  background: var(--sc-upsell-bg);
  padding: 16px 0 18px;
  margin-top: 8px;
}

.side-cart__section-title {
  margin: 0 18px 12px;
  font-size: 14px;
  font-weight: 700;
  color: var(--sc-section-title);
}

.side-cart__upsell-slider {
  padding-inline: 18px;
  overflow: hidden;
}
.side-cart__upsell-slider .swiper-slide {
  height: auto;
}
.side-cart__upsell-slider .product-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.side-cart__footer {
  flex-shrink: 0;
  padding: 14px 18px 18px;
  border-top: 1px solid #eee;
  background: var(--sc-bg);
}

.side-cart__coupon-row {
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
}

.side-cart__coupon-input {
  flex: 1;
  min-width: 0;
  height: 42px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 13px;
  background: #fafafa;
  outline: none;
}
.side-cart__coupon-input:focus {
  border-color: #ccc;
  background: #fff;
}

.side-cart__coupon-btn {
  appearance: none;
  border: 0;
  height: 42px;
  min-width: 78px;
  padding: 0 16px;
  border-radius: 8px;
  background: var(--sc-coupon-btn-bg);
  color: var(--sc-coupon-btn-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  white-space: nowrap;
}
.side-cart__coupon-btn:hover {
  filter: brightness(1.05);
}

.side-cart__coupon-applied {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #f3f7ff;
  font-size: 13px;
}
.side-cart__coupon-applied[hidden] {
  display: none !important;
}

.side-cart__coupon-remove {
  appearance: none;
  border: 0;
  background: transparent;
  color: var(--sc-delete);
  cursor: pointer;
  padding: 2px;
}

.side-cart__totals {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 14px;
}

.side-cart__total-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  line-height: 1.4;
}
.side-cart__total-row.is-total .side-cart__total-label,
.side-cart__total-row.is-total .side-cart__total-value {
  color: var(--sc-total-row);
  font-weight: 700;
  font-size: 14px;
}

.side-cart__total-label {
  color: var(--sc-totals-label);
  flex: 1;
}
.side-cart__total-label small {
  font-weight: 400;
  opacity: 0.85;
}

.side-cart__total-value {
  color: var(--sc-totals-value);
  text-align: end;
  flex-shrink: 0;
}

.side-cart__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
@media (max-width: 360px) {
  .side-cart__actions {
    grid-template-columns: 1fr;
  }
}

.side-cart__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: filter 0.2s ease, background 0.2s ease;
  text-align: center;
  padding: 0 8px;
}
.side-cart__btn--primary {
  background: var(--sc-checkout-bg);
  color: var(--sc-checkout-text);
}
.side-cart__btn--primary:hover {
  filter: brightness(1.06);
  color: var(--sc-checkout-text);
}
.side-cart__btn--primary:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.side-cart__btn--outline {
  background: var(--sc-view-bg);
  color: var(--sc-view-text);
  border-color: var(--sc-view-border);
}
.side-cart__btn--outline:hover {
  background: #f8f8f8;
  color: var(--sc-view-text);
}

.side-cart__empty-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px 24px 20px;
}

.side-cart__empty-icon {
  color: #bdbdbd;
  margin-bottom: 16px;
}

.side-cart__empty-title {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--sc-empty-title);
}

.side-cart__empty-text {
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--sc-empty-text);
  max-width: 280px;
}

.side-cart__empty-btn {
  width: 100%;
  max-width: 280px;
  background: var(--sc-empty-btn-bg) !important;
  color: var(--sc-empty-btn-text) !important;
}

.side-cart__brands {
  padding: 8px 0 16px;
  margin-block-start: 30px;
}

.side-cart__brands-slider {
  padding: 0 18px;
  overflow: hidden;
}

.side-cart__brands-row {
  align-items: center;
  scroll-behavior: smooth;
}

.side-cart__brand {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 6px;
}
.side-cart__brand img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.side-cart__browsed {
  padding: 8px 0 20px;
  margin-block-start: 30px;
}

.side-cart__browsed-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-inline-end: 18px;
}
.side-cart__browsed-head .side-cart__section-title {
  margin-bottom: 0;
}

.side-cart__browsed-pager {
  font-size: 12px;
  color: #999;
  flex-shrink: 0;
}

.side-cart__browsed-slider {
  padding: 12px 18px 0;
}

.side-cart__browsed-item {
  display: flex !important;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
}

.side-cart__browsed-img {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  overflow: hidden;
  background: #f7f7f7;
  flex-shrink: 0;
}
.side-cart__browsed-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.side-cart__browsed-info {
  flex: 1;
  min-width: 0;
}

.side-cart__browsed-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--sc-product-title);
  margin-bottom: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.side-cart__browsed-prices {
  display: flex;
  align-items: center;
  gap: 8px;
}

.side-cart__browsed-price {
  font-size: 14px;
  font-weight: 700;
  color: var(--sc-product-price);
}

.side-cart__browsed-old {
  font-size: 12px;
  color: var(--sc-product-old);
  text-decoration: line-through;
}

body.side-cart-open {
  overflow: hidden;
}

@media (max-width: 480px) {
  .side-cart__panel {
    width: 100%;
  }
}
#sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  cursor: pointer;
  z-index: 998;
  transition: opacity 0.3s ease;
}

.sidenav-open #sidenav-overlay {
  width: 100%;
}

.slide-menu {
  position: fixed;
  width: 320px;
  max-width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  transform: translateX(110%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
  z-index: 999;
  background-color: var(--menu-header-primary-color, #fff);
}
.slide-menu.slide-menu--open {
  transform: translateX(0);
}
.slide-menu .slide-menu__slider {
  width: 100%;
  transform: translateX(0);
  transition: transform 0.3s ease-in-out;
  flex: 1;
  overflow-y: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}

.slide-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 10%, transparent);
  flex-shrink: 0;
  position: sticky;
  top: 0;
  background: var(--menu-header-primary-color, #fff);
  z-index: 10;
}
.rtl .slide-menu-header {
  flex-direction: row-reverse;
}

.slide-menu-close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: var(--menu-header-text-color-primary-bg, #343E52);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: rotate 0.2s;
}
.slide-menu-close:hover {
  transform: rotate(90deg);
}

.slide-menu-logo {
  display: flex;
  align-items: center;
}
.slide-menu-logo img {
  height: 50px;
  width: auto;
  object-fit: contain;
}

.slide-menu-list {
  list-style: none;
  margin: 0;
  padding: 12px 0;
  width: 100%;
  flex: 1;
}
.slide-menu-list.slide-menu-list-divider .slide-menu-item + .slide-menu-item {
  border-top: 1px solid color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 10%, transparent);
}

.slide-menu-sub-list {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: var(--menu-header-primary-color, #fff);
}
.rtl .slide-menu-sub-list {
  left: auto;
  right: 100%;
}

.slide-menu-item {
  position: relative;
}

.slide-menu-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 24px;
  text-decoration: none;
  color: var(--menu-header-text-color-primary-bg, #343E52);
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0.01em;
  transition: color 0.2s;
  cursor: pointer;
}
.slide-menu-link:hover {
  color: var(--primary-color, #000);
}

.slide-menu .slide-menu-backlink {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  font-size: 0.9rem;
  color: color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 70%, transparent);
  cursor: pointer;
  border-bottom: 1px solid color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 10%, transparent);
}
.slide-menu .slide-menu-decorator {
  margin-inline-start: auto;
  font-size: 18px;
  color: color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 50%, transparent);
}
.slide-menu .slide-menu-arrow {
  font-size: 20px;
}
.slide-menu .slide-menu-arrow-back {
  position: relative;
  top: 2px;
  font-size: 20px;
  margin-inline-end: 6px;
}

.slide-menu-footer {
  border-top: 1px solid color-mix(in srgb, var(--menu-header-text-color-primary-bg, #343E52) 10%, transparent);
  padding: 8px 0 16px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  margin-top: auto;
  position: sticky;
  bottom: 0;
  background: var(--menu-header-primary-color, #fff);
  z-index: 10;
}

.slide-menu-footer-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 14px 28px;
  text-decoration: none;
  color: var(--menu-header-text-color-primary-bg, #343E52);
  font-size: 0.95rem;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: inherit;
  transition: background 0.15s;
}
.slide-menu-footer-item svg {
  flex-shrink: 0;
}

.rtl .slide-menu-decorator {
  margin-inline-start: auto;
}
.rtl .slide-menu-arrow-back {
  right: unset;
  left: 5px;
}

footer {
  position: relative;
  margin-top: 64px;
}
@media (max-width: 768px) {
  footer {
    margin-top: 30px;
  }
}
footer .footer-shape {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
footer .footer-about-us-certificates-div {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 992px) {
  footer .footer-about-us-certificates-div {
    margin-top: 20px;
  }
}
footer .footer-about-us-certificates-div a {
  display: flex;
  gap: 5px;
}
footer .footer-about-us-certificates-div a div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
@media (max-width: 992px) {
  footer .footer-links-div {
    margin-top: 20px;
  }
}
footer .footer-head {
  margin-bottom: 16px;
  color: var(--footer-title-color-primary-bg);
}
@media (max-width: 992px) {
  footer .footer-head.web {
    display: none;
  }
}
footer .footer-desc {
  color: var(--footer-text-color-primary-bg);
}
footer .footer-contact-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--footer-text-color-primary-bg);
}
footer .footer-contact-link .footer-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--footer-text-color-primary-bg, currentColor);
}
footer .footer-contact-link .footer-contact-icon svg {
  display: block;
  width: 20px;
  height: 20px;
}
footer .back-to-top-btn {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  z-index: 22;
  color: var(--footer-text-color-primary-bg);
  transition: opacity 0.2s ease;
}
@media (max-width: 992px) {
  footer .back-to-top-btn {
    display: none;
  }
}
footer .back-to-top-btn:hover {
  opacity: 0.8;
}
footer .back-to-top-btn .back-to-top-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--footer-border-color-primary-bg, #e5e5e5);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--footer-text-color-primary-bg);
  flex-shrink: 0;
}
footer .back-to-top-btn .back-to-top-icon svg {
  display: block;
}
footer .social-icons {
  gap: 4px;
}
footer .social-icons a {
  border: 1px solid #bcbaba;
  border-radius: 50%;
  display: flex;
  padding: 6px;
}
footer .social-icons a svg path {
  stroke: var(--footer-icon-color-primary-bg);
}
footer .footer-companies, footer .footer-copyrights-vat-certificate {
  border-top: 1px solid var(--footer-border-color-primary-bg);
}
@media (max-width: 768px) {
  footer .footer-companies, footer .footer-copyrights-vat-certificate {
    border-top: 0;
  }
}
footer .footer-accordion .footer-accordion-trigger {
  display: none;
  width: 100%;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
}
footer .footer-accordion .footer-accordion-trigger h2 {
  margin: 0;
}
footer .footer-accordion .footer-accordion-trigger .footer-accordion-arrow {
  color: var(--footer-title-color-primary-bg, currentColor);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
footer .footer-accordion .footer-accordion-trigger[aria-expanded=true] .footer-accordion-arrow {
  transform: rotate(180deg);
}
@media (max-width: 992px) {
  footer .footer-accordion .footer-accordion-trigger {
    display: flex;
    padding-block: 14px;
    border-bottom: 1px solid var(--footer-border-color-primary-bg, rgba(0, 0, 0, 0.1));
  }
  footer .footer-accordion .footer-accordion-body {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.35s ease, padding 0.3s ease;
    padding-block: 0;
  }
  footer .footer-accordion .footer-accordion-body p {
    margin-block: 4px;
  }
  footer .footer-accordion .footer-accordion-body.is-open {
    max-height: 600px;
    padding-block: 10px;
  }
}
footer .footer-copyrights {
  color: var(--footer-copyright-color-primary-bg);
}

/*
    footer
*/
.store-section {
  background-color: #DEDEDE;
  color: var(--text-color-primary-bg);
}

.footer-horizontal-line {
  border-top: 0.5px solid var(--footer-text-color-primary-bg, var(--text-color-primary-bg));
  margin-top: 100px;
}

.store-section h1 {
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1rem;
}

.store-section p {
  font-size: 0.9rem;
}

.store-section a {
  text-decoration: none;
  color: var(--footer-text-color-primary-bg, var(--text-color-primary-bg));
  cursor: pointer;
}

.footer-section-2 {
  padding-top: 50px;
}

.footer-pages div p:last-child {
  margin-bottom: 0px;
}

.subscribe-bar {
  background: var(--primary-color);
  width: 100%;
  max-width: 490px;
  border: 1px solid #ddd7d7;
  border-radius: 5px;
}

#subscribe-input {
  background: var(--primary-color);
  color: #fff;
  padding: 5px;
  border: none;
  border-radius: 5px;
  height: 60px;
}

#subscribe-input:focus {
  outline: none;
}

.subscribe-bar button {
  background: #ffffff !important;
  color: var(--primary-color);
  border-radius: 5px;
  height: 30px;
  width: 70px;
}

.footer-store-section {
  padding-top: 35px;
  padding-bottom: 35px;
}

.footer-store-section-bars {
  min-height: 80px;
}

.footer .logistics-pay-icons {
  margin-right: -8px;
  margin-left: -8px;
}

.footer .icons a, .footer .logistics-pay-icons a {
  padding: 5px 8px;
}

.footer .icons div {
  padding: 10px 15px;
}

.vat-crn-sections span {
  font-size: 0.929rem;
}

.vat-crn-sections {
  margin-left: -5px;
  margin-right: -5px;
}

.vat-crn-sections > div {
  padding-left: 5px;
  padding-right: 5px;
}

.footer-bar span {
  padding: 5px;
}

.footer-title {
  font-weight: var(--font-wieght-sizeTwo);
  font-size: 1.1666666667rem;
  color: #6B6B6B;
}

.footer-text {
  list-style-type: none;
  padding-right: 0px;
}

.footer-text a {
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px;
  color: #6B6B6B;
}

.footer-sub-text {
  font-weight: var(--font-weight-sizeOne);
  font-size: 14px;
  padding: 10px;
  color: #6B6B6B;
  padding-right: 0px;
}

@media only screen and (max-width: 768px) {
  .logistics-pay-icons a {
    padding: 5px 8px !important;
  }
  .footer-pages div {
    margin-top: 30px;
  }
  .footer-section-2 {
    height: auto;
    padding-top: 10px;
  }
  .subscribe-title {
    margin-top: 40px;
  }
  .vat-crn-sections {
    justify-content: center !important;
  }
}
.sort-btn {
  background-color: transparent;
}

.products-filter-drawer {
  position: fixed;
  z-index: 1061;
  inset-block: 0;
  inset-inline-start: 0;
  width: min(420px, 92vw);
  overflow-y: auto;
  padding: 0;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.18);
  visibility: hidden;
  transform: translateX(-100%);
  transition: transform 0.3s ease, visibility 0.3s ease;
}
[dir=rtl] .products-filter-drawer {
  transform: translateX(100%);
}
.products-filter-drawer.is-open {
  visibility: visible;
  transform: translateX(0);
}
.products-filter-drawer__header {
  position: sticky;
  z-index: 2;
  top: 0;
  display: flex;
  min-height: 69px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e9e9e9;
  background: #fff;
  padding-inline: 10px;
}
.products-filter-drawer__header h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.products-filter-drawer__close {
  display: inline-flex;
  width: 22px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 22px;
}
.products-filter-drawer__body {
  padding-block-start: 10px;
}
.products-filter-drawer .attribute-footer {
  display: none;
}
.products-filter-drawer .product-attributes {
  width: 100%;
  min-width: 0;
  padding: 0;
}
.products-filter-drawer .products-filters-container {
  margin-top: 0px !important;
  font-size: 14px;
}
.products-filter-drawer .filtration-header {
  padding-bottom: 12px;
  font-size: 14px;
  display: none !important;
}
.products-filter-drawer .attribute-group {
  overflow: visible;
  margin-bottom: 28px;
  border-color: #dedede;
  border-radius: 8px;
  border: 0 !important;
  padding-inline: 10px;
}
.products-filter-drawer .attribute-header {
  min-height: auto;
  align-items: center;
  padding-block-end: 10px !important;
  padding-inline: 0;
}
.products-filter-drawer .filter-content .filter-count {
  display: none;
}
.products-filter-drawer .attribute-name {
  color: #252525;
  font-size: 14px;
  font-weight: 700;
}
.products-filter-drawer .filter-row {
  align-items: center;
  padding: 0 !important;
}
.products-filter-drawer .attribute-label {
  justify-content: space-between;
  color: #404040;
  font-size: 14px;
}
.products-filter-drawer .attribute-body input[type=checkbox] {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--primary-color);
}
.products-filter-drawer .attribute-price-body .form-row {
  margin-inline: 0;
  row-gap: 8px;
  padding-inline: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
}
.products-filter-drawer .attribute-price-body .form-row label {
  display: none;
}
.products-filter-drawer .attribute-price-body .form-group {
  padding-inline: 0;
  margin-block-end: 0 !important;
}
.products-filter-drawer .attribute-price-body .form-control {
  height: 40px;
  border-color: #333333;
  border-radius: 20px;
  font-size: 15px;
  background: transparent;
  box-shadow: none;
}
.products-filter-drawer .products-price-field {
  display: flex;
  width: 100%;
  min-height: 40px;
  padding-inline: 14px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid #333;
  border-radius: 999px;
  background: #fff;
}
.products-filter-drawer .products-price-field__input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #333;
  font-size: 15px;
  line-height: 1.2;
  text-align: start;
  appearance: textfield;
}
.products-filter-drawer .products-price-field__input:focus {
  outline: 0;
  box-shadow: none !important;
}
.products-filter-drawer .products-price-field__input::-webkit-outer-spin-button, .products-filter-drawer .products-price-field__input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}
.products-filter-drawer .products-price-field__currency {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.products-filter-drawer .products-price-field__sar {
  display: block;
  width: 16px;
  height: 18px;
}
.products-filter-drawer .products-price-field__code {
  letter-spacing: 0.02em;
}
.products-filter-drawer__controls {
  position: static;
  padding-inline: 10px;
  background: #fff;
}
.products-filter-drawer__sale-only {
  display: flex;
  margin: 0 0 18px;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.products-filter-drawer__sale-only input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: var(--primary-color);
}
.products-filter-drawer__actions {
  display: grid;
  gap: 10px;
}
.products-filter-drawer__submit, .products-filter-drawer__clear {
  min-height: 46px;
  border-radius: 7px;
  font-size: 16px;
  font-weight: 500;
}
.products-filter-drawer__submit {
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: var(--text-color-primary-bg, #fff);
}
.products-filter-drawer__submit:hover {
  color: var(--text-color-primary-bg, #fff);
  filter: brightness(0.94);
}
.products-filter-drawer__clear {
  border: 1px solid #404040;
  background: #fff;
  color: #404040;
}
.products-filter-drawer__clear:hover {
  background: #f5f5f5;
  color: #202020;
}
.products-filter-drawer__overlay {
  position: fixed;
  z-index: 1060;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.48);
  cursor: default;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.products-filter-drawer__overlay.is-open {
  opacity: 1;
}
.products-filter-drawer__overlay[hidden] {
  display: none;
}

body.products-filter-drawer-open {
  overflow: hidden;
}

@media (max-width: 768px) {
  .products-filter-drawer .product-attributes {
    position: static;
    z-index: auto;
    top: auto;
    left: auto;
    width: 100%;
    min-width: 0;
    padding: 0;
  }
  .products-filter-drawer .product-attributes-light-box {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    background: transparent;
  }
  .products-filter-drawer .product-attributes-light-box-top-section {
    display: none;
    height: 0;
  }
  .products-filter-drawer .products-filters-container,
  .products-filter-drawer .products-filters-container.products-filters-container-show-mobile {
    height: auto;
    max-height: none;
    overflow: visible;
    background: #fff;
    opacity: 1;
    transition: none;
  }
  .products-filter-drawer .filtration-header {
    position: static;
    width: auto;
    padding: 0 0 7px;
    border-bottom: 0;
    display: none !important;
  }
  .products-filter-drawer .products-filters-attribute-form {
    margin-top: 0;
    padding-bottom: 0;
  }
  .products-filter-drawer .attribute-arrow {
    display: none;
  }
  .products-filter-drawer .attribute-more {
    display: flex;
  }
  .products-filter-drawer .attribute-body {
    flex-flow: column nowrap;
    padding: 0;
  }
  .products-filter-drawer .filter-row {
    padding: 0 1.25rem;
  }
  .products-filter-drawer .attribute-body input[type=checkbox] {
    position: static;
    visibility: visible;
  }
  .products-filter-drawer .attribute-label,
  .products-filter-drawer .attribute-label-hidden {
    display: flex;
    min-width: 0;
    min-height: 0;
    max-height: 20vh;
    padding: 0 0.5rem;
    margin: 0.75rem 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    opacity: 1;
    text-align: start;
  }
  .products-filter-drawer .attribute-body input[type=checkbox]:checked + .attribute-label {
    color: inherit;
    background: transparent;
  }
  .products-filter-drawer .attribute-body.attribute-price-body {
    padding: 0;
  }
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -7.5px !important;
}

.products-price-slider {
  margin: 15px 10px;
  border: 0;
  background: #e7e7e7;
  box-shadow: none;
}
.products-price-slider.noUi-horizontal {
  height: 5px;
}
.products-price-slider .noUi-connect {
  background: var(--primary-color);
}
.products-price-slider .noUi-handle {
  top: -9px;
  width: 15px !important;
  height: 15px !important;
  border: 3px solid var(--primary-color);
  border-radius: 50%;
  background: var(--primary-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
  cursor: grab;
}
.products-price-slider .noUi-handle::before, .products-price-slider .noUi-handle::after {
  display: none;
}
.products-price-slider .noUi-handle:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-color) 30%, transparent);
  outline-offset: 3px;
}
.products-price-slider.noUi-ltr .noUi-handle {
  right: -12px;
}
.products-price-slider.noUi-rtl .noUi-handle {
  right: auto;
  left: -12px;
}

@media (prefers-reduced-motion: reduce) {
  .products-filter-drawer,
  .products-filter-drawer__overlay {
    transition: none;
  }
}
.products-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media screen and (max-width: 992px) {
  .products-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
}
@media screen and (max-width: 576px) {
  .products-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.icon-heart-mask {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff !important;
  -webkit-mask: none !important;
  mask: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.icon-heart-mask::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #8e8e93;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2192 5.32841C15.9842 3.95757 14.0333 4.51007 12.8617 5.39007C12.3817 5.75091 12.1417 5.93174 12 5.93174C11.8583 5.93174 11.6183 5.75091 11.1383 5.39007C9.96665 4.51007 8.01582 3.95757 5.78081 5.32841C2.84831 7.12758 2.18497 13.0618 8.94998 18.0701C10.2383 19.0226 10.8825 19.5001 12 19.5001C13.1175 19.5001 13.7617 19.0234 15.05 18.0693C21.815 13.0626 21.1517 7.12758 18.2192 5.32841Z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2192 5.32841C15.9842 3.95757 14.0333 4.51007 12.8617 5.39007C12.3817 5.75091 12.1417 5.93174 12 5.93174C11.8583 5.93174 11.6183 5.75091 11.1383 5.39007C9.96665 4.51007 8.01582 3.95757 5.78081 5.32841C2.84831 7.12758 2.18497 13.0618 8.94998 18.0701C10.2383 19.0226 10.8825 19.5001 12 19.5001C13.1175 19.5001 13.7617 19.0234 15.05 18.0693C21.815 13.0626 21.1517 7.12758 18.2192 5.32841Z' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.icon-heart-mask.filled::before {
  background-color: var(--primary_color, #d86f6f);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2192 5.32841C15.9842 3.95757 14.0333 4.51007 12.8617 5.39007C12.3817 5.75091 12.1417 5.93174 12 5.93174C11.8583 5.93174 11.6183 5.75091 11.1383 5.39007C9.96665 4.51007 8.01582 3.95757 5.78081 5.32841C2.84831 7.12758 2.18497 13.0618 8.94998 18.0701C10.2383 19.0226 10.8825 19.5001 12 19.5001C13.1175 19.5001 13.7617 19.0234 15.05 18.0693C21.815 13.0626 21.1517 7.12758 18.2192 5.32841Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2192 5.32841C15.9842 3.95757 14.0333 4.51007 12.8617 5.39007C12.3817 5.75091 12.1417 5.93174 12 5.93174C11.8583 5.93174 11.6183 5.75091 11.1383 5.39007C9.96665 4.51007 8.01582 3.95757 5.78081 5.32841C2.84831 7.12758 2.18497 13.0618 8.94998 18.0701C10.2383 19.0226 10.8825 19.5001 12 19.5001C13.1175 19.5001 13.7617 19.0234 15.05 18.0693C21.815 13.0626 21.1517 7.12758 18.2192 5.32841Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
}

.product-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 8px;
  background-color: var(--pc-card-bg, #fff);
  border: 1px solid var(--pc-card-border-color, #ececec);
  border-radius: var(--pc-card-radius, 12px);
  overflow: hidden;
}
.product-item .pc-media {
  position: relative;
  margin-block-end: 12px;
}
.product-item .pc-img-link.box-1-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: var(--pc-img-radius, 8px);
  overflow: hidden;
  padding: 2px;
  background: linear-gradient(180deg, rgba(201, 161, 90, 0.1) 0%, rgba(11, 11, 12, 0.2) 100%);
}
.product-item .pc-img-link.box-1-1:hover {
  background: linear-gradient(360deg, rgba(201, 161, 90, 0.1) 0%, rgba(11, 11, 12, 0.2) 100%);
}
.product-item .pc-img-link.box-1-1::before {
  display: none;
}
.product-item .pc-img-link.box-1-1 .content {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-item .box-1-1 img {
  border-radius: var(--pc-img-radius, 8px);
  object-fit: var(--pc-img-fit, contain);
  width: 100%;
  height: 100%;
}
.product-item .pc-quick-view-media {
  position: absolute !important;
  inset-block-start: 8px !important;
  inset-inline-end: 8px !important;
  z-index: 2 !important;
  margin: 0 !important;
  width: 32px !important;
  height: 32px !important;
  background-color: #fff !important;
  border: 1px solid var(--pc-qv-border, #d8d8d8) !important;
  border-radius: 50% !important;
  display: var(--pc-quick-view, inline-flex);
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.product-item .pc-quick-view-media img {
  width: 16px !important;
  height: 16px !important;
  object-fit: contain;
  pointer-events: none;
}
.product-item .pc-quick-view-media:hover {
  background-color: #fafafa !important;
  border-color: #bdbdbd !important;
}
.product-item .pc-discount {
  position: absolute;
  inset-block-start: 10px;
  inset-inline-start: 10px;
  display: inline-flex;
  align-items: center;
  color: var(--pc-discount-text, #fff);
  background-color: var(--pc-discount-bg, #000);
  padding: 8px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  border-radius: 6px 0px 6px 6px;
  z-index: 2;
}
.product-item .pc-body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 2;
  background-color: var(--pc-card-bg, #ffffff);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
  padding-inline: 2px;
  padding-block-start: 12px;
}
@media (min-width: 769px) {
  .product-item .pc-body {
    transform: translateY(0);
    margin-bottom: -52px;
  }
}
.product-item .pc-body .pc-body-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media (min-width: 769px) {
  .product-item:hover .pc-body {
    transform: translateY(-52px);
    background-color: rgba(255, 255, 255, 0.7490196078);
    backdrop-filter: blur(8px);
  }
}
.product-item .pc-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 18px;
  font-size: 13px;
  line-height: 1;
}
.product-item .pc-rating .rate-div {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 4px;
  border-radius: 999px;
  background-color: var(--pc-rating-bg, transparent);
}
.product-item .pc-rating .icon-star1 {
  color: var(--pc-rating-stars, #f5a623);
  font-size: 17px;
  width: 17px;
  height: 17px;
  margin-inline: 0px;
  margin-block-start: 0px;
}
.product-item .pc-rating .icon-star1::before {
  color: inherit;
}
.product-item .pc-rating-avg {
  color: var(--pc-rating-avg, var(--pc-rating-stars, #f5a623));
  font-weight: 600;
  font-size: 13px;
}
.product-item .product-card-rating-count {
  color: var(--pc-rating-count, #9a9a9a);
  font-size: 12px;
}
.product-item .product-card-category {
  color: var(--pc-category-color, #333333);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 768px) {
  .product-item .product-card-category {
    font-size: 13px;
    line-height: 22px;
  }
}
.product-item .product-title {
  display: block;
  text-decoration: none;
  color: inherit;
  margin: 0;
  min-height: 0;
}
.product-item .product-title span {
  color: var(--pc-title-color, #1a1a1a);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  height: auto;
  min-height: calc(25px * var(--pc-title-lines, 2));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--pc-title-lines, 2);
  overflow: hidden;
}
.product-item .product-crd-spec {
  margin-block-start: 2px;
}
.product-item .section-product-price {
  margin: 0;
  min-height: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 12px;
  row-gap: 0;
  flex-wrap: wrap;
  align-items: center;
}
.product-item .product-price {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  margin: 0;
}
.product-item .product-price span {
  color: var(--pc-price-color, #e53935);
  text-wrap: nowrap;
}
.product-item .product-prev-price {
  color: var(--pc-old-price-color, #8b8b8b);
  font-size: 16px;
  font-weight: 400;
  text-decoration: line-through;
  line-height: 1.3;
  text-wrap: nowrap;
}
.product-item .pc-meta {
  display: block;
  margin-block-start: 4px;
  font-size: 12px;
  color: #8b8b8b;
  white-space: break-spaces;
}
.product-item .pc-footer,
.product-item .product-card-footer {
  text-align: start;
}
.product-item .pc-preorder {
  margin-block-end: 8px;
}
.product-item .pc-actions {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 8px;
}
.product-item .pc-actions .add-to-wishlist {
  position: relative;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 1px solid var(--pc-qv-border, #C9A15A);
  border-radius: var(--pc-btn-radius, 10px);
  background-color: #fff;
  flex-shrink: 0;
  margin: 0;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.product-item .pc-actions .add-to-wishlist .icon-heart-mask {
  background: transparent !important;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.product-item .pc-actions .add-to-wishlist .icon-heart-mask:before {
  width: 24px;
  height: 24px;
  background-color: #C9A15A;
}
@media screen and (max-width: 768px) {
  .product-item .pc-actions .add-to-wishlist {
    display: none !important;
  }
}
.product-item .btn-primary {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 12px;
  background-color: var(--pc-btn-bg, #1b2a4a);
  color: var(--pc-btn-text, #fff);
  border: none;
  border-radius: var(--pc-btn-radius, 10px);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease;
}
.product-item .btn-primary:hover, .product-item .btn-primary:focus {
  background-color: var(--pc-btn-hover-bg, #775A19);
  color: var(--pc-btn-text, #fff);
  gap: 12px;
}
.product-item .pc-btn-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  object-fit: contain;
}
.product-item .pc-quick-view {
  display: var(--pc-quick-view, inline-flex);
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 44px;
  padding: 0;
  border: 1px solid var(--pc-qv-border, #d8d8d8);
  border-radius: var(--pc-btn-radius, 10px);
  background-color: #fff;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.product-item .pc-quick-view img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  pointer-events: none;
}
.product-item .pc-quick-view:hover {
  border-color: #bdbdbd;
  background-color: #fafafa;
}
.product-item.pc-no-qv .pc-quick-view, .product-item.pc-no-qv .pc-quick-view-media {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .product-item .pc-btn-full {
    width: 100%;
    flex: 1 1 100%;
  }
}
.product-item .pc-wishlist-overlay {
  display: none;
}
@media screen and (max-width: 768px) {
  .product-item .pc-wishlist-overlay {
    display: inline-flex;
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    z-index: 3;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    border: 1px solid var(--pc-qv-border, #d8d8d8) !important;
  }
  .product-item .pc-wishlist-overlay .icon-heart-mask {
    width: 20px;
    height: 20px;
    background: transparent !important;
  }
  .product-item .pc-wishlist-overlay .icon-heart-mask:before {
    width: 20px;
    height: 20px;
  }
}

.product-item .pc-quick-view-media {
  inset-inline-start: unset !important;
  inset-inline-end: 4px !important;
}
@media screen and (max-width: 768px) {
  .product-item .pc-quick-view-media {
    inset-block-start: 38px !important;
  }
}

.product-card-bundle-offer {
  display: none;
  position: absolute;
  left: 15px;
  top: 15px;
  max-width: 80%;
  padding: 4px 7px;
  color: var(--text-color-primary-bg, #fff);
  background-color: var(--primary-color, #1a1a1a);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 5px;
  z-index: 1;
}

.product-card-bundle-offer {
  inset-inline-start: unset !important;
  inset-inline-end: 15px !important;
}

/* Stack bundle offer below badge if badge exists */
.product-item .box-1-1 .content > [class*=badge]:first-child ~ .product-card-bundle-offer {
  top: 45px;
}

.loyalty-points-products-section {
  border-radius: 8px;
  padding: 6px 10px;
}

/************* Out of Stock **************/
.out-of-stock {
  position: absolute;
  z-index: 2;
  padding: 4px;
  display: flex;
  top: calc(50% - 30px);
  left: 25%;
  width: 50%;
  rotate: -15deg;
  background: radial-gradient(50% 50% at 50% 50%, rgba(241, 50, 75, 0.6) 0%, rgba(198, 26, 48, 0.6) 100%);
  box-shadow: 0px 0px 12px 0px rgba(237, 32, 58, 0.8);
}
@media (max-width: 575px) {
  .out-of-stock {
    padding: 2px;
  }
}
.out-of-stock-inner {
  background: linear-gradient(180deg, #FE223E 0%, rgba(251, 33, 61, 0) 100%);
  border: 2px solid #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-block: 6px;
  height: auto;
  width: 100%;
  padding-inline: 20px;
}
@media (max-width: 575px) {
  .out-of-stock-inner {
    padding-inline: 12px;
    padding-block: 2px;
  }
}
.out-of-stock-inner span {
  width: fit-content;
  height: auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
}
@media (max-width: 575px) {
  .out-of-stock-inner span {
    font-size: 13px;
    line-height: 16px;
  }
}

.product-quickview-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}
.product-quickview-modal[aria-hidden=false] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.product-quickview-modal[aria-hidden=false] .product-quickview-backdrop {
  opacity: 1;
}
.product-quickview-modal[aria-hidden=false] .product-quickview-content {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.product-quickview-backdrop {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-quickview-content {
  position: relative;
  z-index: 1;
  width: min(960px, 100% - 32px);
  max-height: min(90vh, 820px);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(28px) scale(0.94);
  transition: opacity 0.2s ease, transform 0.2s ease;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.22);
  will-change: transform, opacity;
}

.product-quickview-close {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  z-index: 2;
  width: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  background: #fff;
  color: #1b2a4a;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.product-quickview-close:hover {
  background: #f7f7f7;
}

.product-quickview-body {
  padding: 24px;
  overflow-y: auto;
  max-height: min(90vh, 820px);
}

.product-quickview-loading,
.product-quickview-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 220px;
  color: #555;
  text-align: center;
}

.product-quickview-spinner {
  width: 36px;
  height: 36px;
  border: 3px solid #e8e8e8;
  border-top-color: var(--pc-btn-bg, #1b2a4a);
  border-radius: 50%;
  animation: qv-spin 0.7s linear infinite;
}

@keyframes qv-spin {
  to {
    transform: rotate(360deg);
  }
}
.product-quickview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: start;
}

.product-quickview-carousel {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  background: #f5f5f5;
  border-radius: 12px;
  overflow: hidden;
}

.product-quickview-carousel-track {
  position: absolute;
  inset: 0;
}

.product-quickview-carousel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.25s ease;
}
.product-quickview-carousel-slide.active {
  opacity: 1;
}
.product-quickview-carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: var(--pc-img-fit, cover);
  display: block;
}

.product-quickview-carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  color: #1b2a4a;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}
.product-quickview-carousel-nav.product-quickview-carousel-prev {
  inset-inline-start: 10px;
}
.product-quickview-carousel-nav.product-quickview-carousel-next {
  inset-inline-end: 10px;
}

.product-quickview-info {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.product-quickview-category {
  font-size: 13px;
  color: var(--pc-category-color, #888);
}

.product-quickview-title {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  color: var(--pc-title-color, #1b2a4a);
}

.product-quickview-rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.product-quickview-stars {
  display: inline-flex;
  gap: 2px;
}

.product-quickview-star {
  color: #ddd;
  font-size: 14px;
}
.product-quickview-star.filled {
  color: var(--pc-rating-stars, #f5a623);
}

.product-quickview-rating-count {
  font-size: 13px;
  color: var(--pc-rating-count, #888);
}

.product-quickview-price-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.product-quickview-price {
  font-size: 22px;
  font-weight: 700;
  color: var(--pc-price-color, #1b2a4a);
}

.product-quickview-old-price {
  font-size: 15px;
  color: var(--pc-old-price-color, #999);
  text-decoration: line-through;
}

.product-quickview-discount {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--pc-discount-text, #fff);
  background: var(--pc-discount-bg, #e74c3c);
}

.product-quickview-availability {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #666;
}
.product-quickview-availability.is-available .product-quickview-availability-dot {
  background: #34c759;
}
.product-quickview-availability.is-out-of-stock .product-quickview-availability-dot {
  background: #ec5550;
}

.product-quickview-availability-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

.product-quickview-description {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}
.product-quickview-description img {
  max-width: 100%;
  height: auto;
}

.product-quickview-show-more {
  color: var(--pc-btn-bg, #1b2a4a);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.product-quickview-show-more:hover {
  text-decoration: underline;
}

.product-quickview-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product-quickview-option-label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.product-quickview-option-values {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.product-quickview-option-value {
  min-width: 44px;
  padding: 8px 12px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  background: #fff;
  color: #222;
  font-size: 13px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.product-quickview-option-value:hover {
  border-color: #bdbdbd;
}
.product-quickview-option-value.selected {
  border-color: var(--pc-btn-bg, #1b2a4a);
  background: rgba(27, 42, 74, 0.04);
  font-weight: 600;
}

.product-quickview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.product-quickview-add-row {
  align-items: stretch;
}

.product-quickview-quantity {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: var(--pc-btn-radius, 10px);
  overflow: hidden;
  background: #fff;
  flex: 0 0 auto;
}

.product-quickview-qty-btn {
  width: 40px;
  height: 44px;
  border: none;
  background: transparent;
  color: #1b2a4a;
  font-size: 18px;
  cursor: pointer;
}
.product-quickview-qty-btn:hover {
  background: #f7f7f7;
}

.product-quickview-quantity-input {
  width: 48px;
  height: 44px;
  border: none;
  border-inline: 1px solid #eee;
  text-align: center;
  font-size: 14px;
  appearance: textfield;
}
.product-quickview-quantity-input::-webkit-outer-spin-button, .product-quickview-quantity-input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.product-quickview-btn {
  flex: 1 1 160px;
  min-height: 44px;
  padding: 10px 16px;
  border: none;
  border-radius: var(--pc-btn-radius, 10px);
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.15s ease;
}
.product-quickview-btn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.product-quickview-btn-primary {
  background: var(--pc-btn-bg, #1b2a4a);
  color: var(--pc-btn-text, #fff);
}
.product-quickview-btn-primary:hover:not(:disabled) {
  opacity: 0.92;
  color: var(--pc-btn-text, #fff);
}

.product-quickview-btn-secondary {
  background: #fff;
  color: #1b2a4a;
  border: 1px solid #d8d8d8;
}
.product-quickview-btn-secondary:hover {
  background: #fafafa;
  color: #1b2a4a;
}

.product-quickview-full-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--pc-btn-bg, #1b2a4a);
  text-decoration: none;
  margin-top: 2px;
}
.product-quickview-full-link:hover {
  text-decoration: underline;
}

@media (max-width: 767.98px) {
  .product-quickview-modal {
    align-items: flex-end;
  }
  .product-quickview-content {
    width: 100%;
    max-height: 92vh;
    border-radius: 16px 16px 0 0;
    transform: translateY(40px) scale(1);
  }
  .product-quickview-modal[aria-hidden=false] .product-quickview-content {
    transform: translateY(0) scale(1);
  }
  .product-quickview-body {
    padding: 16px;
  }
  .product-quickview-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .product-quickview-title {
    font-size: 18px;
    padding-inline-end: 36px;
  }
  .product-quickview-price {
    font-size: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-quickview-modal,
  .product-quickview-backdrop,
  .product-quickview-content,
  .product-quickview-modal[aria-hidden=false] .product-quickview-content {
    transition: none !important;
    transform: none !important;
  }
}
.section-title {
  font-size: 20px;
  color: var(--primary-color);
  font-weight: var(--font-wieght-sizeTwo);
}
@media (max-width: 768px) {
  .section-title {
    padding-inline: 0;
    font-size: 1.8rem;
  }
}

.section-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}

.cart-product-row-wrapper {
  border-bottom: 1px solid #e2e8f0;
  padding-block: 16px;
  width: 100%;
}
.cart-product-row-wrapper:last-child {
  border-bottom: none;
}

.section-cart-products .section-title {
  color: var(--primary-color);
}
.section-cart-products .cart-product-row {
  display: grid;
  grid-template-columns: 90px 1fr auto;
  grid-template-areas: "img details action" "img prices  action";
  align-items: center;
  column-gap: 16px;
  row-gap: 4px;
  width: 100%;
  margin: 0;
  padding-inline-end: 20px;
}
@media (max-width: 576px) {
  .section-cart-products .cart-product-row {
    grid-template-columns: 60px 1fr;
    grid-template-areas: "img details" "img prices" "action action";
    row-gap: 8px;
    padding-inline-end: 8px;
  }
}
.section-cart-products .cart-product-col-img {
  grid-area: img;
  width: 90px;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
  padding: 0;
}
@media (max-width: 576px) {
  .section-cart-products .cart-product-col-img {
    width: 60px;
    height: 60px;
  }
}
.section-cart-products .cart-product-col-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-cart-products .cart-product-col-details {
  grid-area: details;
  padding: 0 !important;
  margin: 0 !important;
}
.section-cart-products .cart-product-col-details .product-title-row, .section-cart-products .cart-product-col-details h1 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px;
  font-weight: 600;
  color: #1e293b;
  line-height: 1.4;
}
.section-cart-products .cart-product-col-details .product-title-row a, .section-cart-products .cart-product-col-details h1 a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}
.section-cart-products .cart-product-col-details .product-title-row a:hover, .section-cart-products .cart-product-col-details h1 a:hover {
  color: var(--primary-color, #000);
}
.section-cart-products .cart-product-prices {
  grid-area: prices;
  padding: 0 !important;
  margin: 0 !important;
}
.section-cart-products .cart-product-prices .totals {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-areas: "before before ." "price  badge  .";
  align-items: center;
  column-gap: 8px;
  row-gap: 2px;
  font-size: 14px;
  margin: 0;
}
.section-cart-products .cart-product-prices .cart-product-total-before-price {
  grid-area: before;
  font-size: 13px;
  color: #8e8e93;
  text-decoration: line-through;
  font-weight: 400;
  line-height: 1.2;
}
.section-cart-products .cart-product-prices .cart-product-total-price {
  grid-area: price;
  font-size: 17px;
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.2;
}
.section-cart-products .cart-product-prices .cart-product-discount-badge {
  grid-area: badge;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 8px;
  border-radius: 12px;
  background-color: #fdf2f4;
  color: #701a2c;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}
.section-cart-products .cart-products-action {
  grid-area: action;
  padding: 0 !important;
  margin: 0 !important;
  justify-self: end;
  align-self: center;
}
@media (max-width: 576px) {
  .section-cart-products .cart-products-action {
    justify-self: start;
    margin-block-start: 4px !important;
  }
}
.section-cart-products .cart-products-action .form-group {
  margin: 0 !important;
}
.section-cart-products .cart-product-prices {
  padding-block-start: 18px;
}
.section-cart-products .cart-product-prices .totals {
  font-size: 1.12rem;
  color: var(--primary-color);
}
@media (max-width: 768px) {
  .section-cart-products .cart-product-prices {
    width: 100%;
    padding-block-end: 10px;
    padding-inline-start: 12%;
  }
  .section-cart-products .cart-product-prices > div {
    margin-inline-start: 70px;
  }
}
.section-cart-products .cart-product-delete {
  text-align: center;
  padding-block-start: 20px;
}
.section-cart-products .cart-product-delete a {
  cursor: pointer;
  color: inherit;
}
.section-cart-products .custom-field-row * {
  display: inline-block;
}
.section-cart-products .cart-product-total-before-price {
  color: #cccccc;
}
.section-cart-products .cart-product-total-price {
  display: inline-block;
}
.section-cart-products .section-cart-totals-row {
  font-size: 1rem;
  padding-inline: 5px;
}
.section-cart-products .section-cart-totals-row > * {
  padding-inline: 7px;
}
.section-cart-products .cart-product-quantity-dropdown select {
  border-color: #cccccc;
  min-width: 44px;
}
.section-cart-products .cart-product-error-messages {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 5px;
  margin: 10px;
  border-radius: 3px;
}
.section-cart-products .cart-product-price-each > span {
  display: inline-block;
}

.cart-summary-wrapper {
  background-color: var(--section-cart-summary-round-color, #ffffff);
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cart-summary-wrapper .section-title {
  color: var(--section-cart-summary-title-color, var(--primary-color));
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .cart-summary-wrapper .section-title {
    font-size: 18px;
  }
}
.cart-summary-wrapper .cart-totals-div {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: column;
}
.cart-summary-wrapper .cart-totals-div .cart-totals-row-wrapper {
  padding: 5px 0;
  display: flex;
  width: 100%;
}
.cart-summary-wrapper .cart-totals-div .cart-totals-row-wrapper .flex-grow-1 {
  color: var(--section-cart-summary-side-one-color, #333333);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.cart-summary-wrapper .cart-totals-div .cart-totals-row-wrapper .flex-shrink-0 {
  color: var(--section-cart-summary-side-two-color, #404040);
  text-align: end;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
.cart-summary-wrapper .cart-totals-div .cart-totals-row-wrapper.total-row .flex-grow-1,
.cart-summary-wrapper .cart-totals-div .cart-totals-row-wrapper.total-row .flex-shrink-0 {
  color: var(--section-cart-summary-special-color, var(--primary-color)) !important;
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;
}
.cart-summary-wrapper .coupon-form .coupon-div {
  border-radius: 6px;
  border: 1px solid var(--section-cart-summary-input-border-color, #404040);
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  height: 36px;
  padding-inline: 12px;
  gap: 8px;
  border-radius: 6px;
  background-color: transparent !important;
  color: var(--section-cart-summary-input-border-color, #404040);
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper .coupon-icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent;
  color: var(--section-cart-summary-input-text-color, #333333) !important;
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper input:focus {
  outline: none;
  box-shadow: none !important;
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper input::placeholder {
  color: var(--section-cart-summary-input-text-color, #333333);
  opacity: 0.7;
}
.cart-summary-wrapper .coupon-form .coupon-div .coupon-input-wrapper:focus-within {
  border-color: var(--section-cart-summary-input-border-color, #404040);
}
.cart-summary-wrapper .coupon-form .coupon-div .btn-coupon {
  height: 36px;
  min-width: 80px;
  margin-inline-start: 15px;
  color: var(--section-cart-summary-coupon-btn-text-color, #000) !important;
  background-color: transparent;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.cart-summary-wrapper .coupon-form .coupon-div .btn-coupon:active {
  transform: scale(0.96);
}
.cart-summary-wrapper .coupon-form h4 {
  display: none;
  font-size: 1.2rem;
  color: var(--section-cart-summary-coupon-title-color, var(--primary-color));
}
.cart-summary-wrapper .message-coupon > * {
  display: inline-block;
}
.cart-summary-wrapper .message-coupon .icon-trash-alt {
  color: var(--section-cart-summary-input-icon-color, #404040);
}
.cart-summary-wrapper a.btn-continue-shopping,
.cart-summary-wrapper button.btn-continue-shopping {
  border-color: var(--section-cart-summary-cs-btn-border-color, #000000) !important;
  background-color: var(--section-cart-summary-cs-btn-bg-color, #ffffff) !important;
  color: var(--section-cart-summary-cs-btn-border-color, #000000) !important;
}
.cart-summary-wrapper a.btn-continue-shopping:hover,
.cart-summary-wrapper button.btn-continue-shopping:hover {
  background-color: var(--section-cart-summary-cs-btn-background-hover-color, #000000) !important;
  color: var(--section-cart-summary-cs-btn-text-hover-color, #ffffff) !important;
  border-color: var(--section-cart-summary-cs-btn-background-hover-color, #000000) !important;
}
.cart-summary-wrapper .btn-disabled {
  background-color: #ccc !important;
  border-color: #ccc !important;
}
.cart-summary-wrapper .cart-product-row-wrapper {
  border-radius: 3px;
}

.cart-empty__continue-btn {
  display: inline-flex;
  min-width: 210px;
  min-height: 48px;
  padding: 12px 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--primary-color);
  border-radius: 999px;
  background-color: var(--primary-color);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--primary-color) 24%, transparent);
  color: #fff !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.cart-empty__continue-btn:hover {
  box-shadow: 0 12px 26px color-mix(in srgb, var(--primary-color) 32%, transparent);
  color: #fff !important;
  filter: brightness(0.92);
  transform: translateY(-2px);
}
.cart-empty__continue-btn:active {
  box-shadow: 0 5px 12px color-mix(in srgb, var(--primary-color) 20%, transparent);
  transform: translateY(0);
}
.cart-empty__continue-btn:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary-color) 30%, transparent);
  outline-offset: 3px;
}
@media (max-width: 576px) {
  .cart-empty__continue-btn {
    width: min(100%, 280px);
    min-width: 0;
  }
}

.cart-upsell-products {
  margin-block-start: 40px;
}
.cart-upsell-products[hidden] {
  display: none;
}
.cart-upsell-products__title {
  margin: 0 0 18px;
  color: var(--section-cart-summary-title-color, #000);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .cart-upsell-products__title {
    margin-block-end: 14px;
    font-size: 18px;
  }
}
.cart-upsell-products__slider {
  overflow: hidden;
}
.cart-upsell-products__slide {
  height: auto;
}
.cart-upsell-products .product-item {
  height: 100%;
}

.cart-discount-rule-wrapper .free-shipping-rule-message {
  font-size: 16px;
  color: var(--fs-track-text-color, #333);
  font-weight: 400;
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper {
  padding-block: 12px 8px;
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track {
  position: relative;
  height: 8px;
  background: var(--fs-track-bg-color, #e0e0e0);
  border-radius: 10px;
  margin-block: 10px;
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-track-fill {
  height: 100%;
  background: var(--fs-track-fill-color, #333);
  border-radius: 10px;
  transition: width 0.5s ease;
  max-width: 100%;
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-track-fill.completed {
  background: var(--fs-track-fill-color, #333);
  width: 100% !important;
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-truck-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 30px;
  background: var(--fs-truck-bg-color, #2c2c2c);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fs-truck-icon-color, #fff);
  transition: left 0.5s ease, right 0.5s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-truck-icon svg {
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}
@media (max-width: 576px) {
  .cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-truck-icon {
    width: 30px;
    border-radius: 50%;
  }
}
.cart-discount-rule-wrapper .free-shipping-track-wrapper .free-shipping-track .free-shipping-truck-icon.completed {
  background: var(--fs-truck-bg-color, #2c2c2c);
}

.discount-progress .text-color-primary {
  color: var(--primary-color);
}
.discount-progress .border-color-primary {
  border-color: var(--primary-color);
}
.discount-progress .wrapper {
  width: 1200px;
  margin-inline: auto;
}
.discount-progress .c100 {
  position: relative;
  font-size: 60px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #dfe8ed;
}
@media (max-width: 768px) {
  .discount-progress .c100 {
    width: 0.8em;
    height: 0.8em;
  }
}
.discount-progress .c100 *,
.discount-progress .c100 *::before,
.discount-progress .c100 *::after {
  box-sizing: content-box;
}
.discount-progress .c100 > span {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 1;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #3c4761;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition: all 0.2s ease-out;
}
@media (max-width: 768px) {
  .discount-progress .c100 > span {
    width: 4em;
    line-height: 4.2em;
  }
}
.discount-progress .c100::after {
  position: absolute;
  inset-block-start: 0.09em;
  inset-inline-start: 0.09em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #fff;
  width: 0.82em;
  height: 0.82em;
  transition: all 0.2s ease-in;
}
@media (max-width: 768px) {
  .discount-progress .c100::after {
    width: 0.62em;
    height: 0.62em;
  }
}
.discount-progress .c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
@media (max-width: 768px) {
  .discount-progress .c100 .slice {
    width: 0.8em;
    height: 0.8em;
    clip: rect(0em, 0.8em, 0.8em, 0.5em);
  }
}
.discount-progress .c100 .bar,
.discount-progress .c100 .fill {
  position: absolute;
  border: 0.09em solid #000;
  width: 0.82em;
  height: 0.82em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}
@media (max-width: 768px) {
  .discount-progress .c100 .bar,
  .discount-progress .c100 .fill {
    width: 0.62em;
    height: 0.62em;
  }
}
.discount-progress .c100.p1 .bar {
  transform: rotate(3.6deg);
}
.discount-progress .c100.p2 .bar {
  transform: rotate(7.2deg);
}
.discount-progress .c100.p3 .bar {
  transform: rotate(10.8deg);
}
.discount-progress .c100.p4 .bar {
  transform: rotate(14.4deg);
}
.discount-progress .c100.p5 .bar {
  transform: rotate(18deg);
}
.discount-progress .c100.p6 .bar {
  transform: rotate(21.6deg);
}
.discount-progress .c100.p7 .bar {
  transform: rotate(25.2deg);
}
.discount-progress .c100.p8 .bar {
  transform: rotate(28.8deg);
}
.discount-progress .c100.p9 .bar {
  transform: rotate(32.4deg);
}
.discount-progress .c100.p10 .bar {
  transform: rotate(36deg);
}
.discount-progress .c100.p11 .bar {
  transform: rotate(39.6deg);
}
.discount-progress .c100.p12 .bar {
  transform: rotate(43.2deg);
}
.discount-progress .c100.p13 .bar {
  transform: rotate(46.8deg);
}
.discount-progress .c100.p14 .bar {
  transform: rotate(50.4deg);
}
.discount-progress .c100.p15 .bar {
  transform: rotate(54deg);
}
.discount-progress .c100.p16 .bar {
  transform: rotate(57.6deg);
}
.discount-progress .c100.p17 .bar {
  transform: rotate(61.2deg);
}
.discount-progress .c100.p18 .bar {
  transform: rotate(64.8deg);
}
.discount-progress .c100.p19 .bar {
  transform: rotate(68.4deg);
}
.discount-progress .c100.p20 .bar {
  transform: rotate(72deg);
}
.discount-progress .c100.p21 .bar {
  transform: rotate(75.6deg);
}
.discount-progress .c100.p22 .bar {
  transform: rotate(79.2deg);
}
.discount-progress .c100.p23 .bar {
  transform: rotate(82.8deg);
}
.discount-progress .c100.p24 .bar {
  transform: rotate(86.4deg);
}
.discount-progress .c100.p25 .bar {
  transform: rotate(90deg);
}
.discount-progress .c100.p26 .bar {
  transform: rotate(93.6deg);
}
.discount-progress .c100.p27 .bar {
  transform: rotate(97.2deg);
}
.discount-progress .c100.p28 .bar {
  transform: rotate(100.8deg);
}
.discount-progress .c100.p29 .bar {
  transform: rotate(104.4deg);
}
.discount-progress .c100.p30 .bar {
  transform: rotate(108deg);
}
.discount-progress .c100.p31 .bar {
  transform: rotate(111.6deg);
}
.discount-progress .c100.p32 .bar {
  transform: rotate(115.2deg);
}
.discount-progress .c100.p33 .bar {
  transform: rotate(118.8deg);
}
.discount-progress .c100.p34 .bar {
  transform: rotate(122.4deg);
}
.discount-progress .c100.p35 .bar {
  transform: rotate(126deg);
}
.discount-progress .c100.p36 .bar {
  transform: rotate(129.6deg);
}
.discount-progress .c100.p37 .bar {
  transform: rotate(133.2deg);
}
.discount-progress .c100.p38 .bar {
  transform: rotate(136.8deg);
}
.discount-progress .c100.p39 .bar {
  transform: rotate(140.4deg);
}
.discount-progress .c100.p40 .bar {
  transform: rotate(144deg);
}
.discount-progress .c100.p41 .bar {
  transform: rotate(147.6deg);
}
.discount-progress .c100.p42 .bar {
  transform: rotate(151.2deg);
}
.discount-progress .c100.p43 .bar {
  transform: rotate(154.8deg);
}
.discount-progress .c100.p44 .bar {
  transform: rotate(158.4deg);
}
.discount-progress .c100.p45 .bar {
  transform: rotate(162deg);
}
.discount-progress .c100.p46 .bar {
  transform: rotate(165.6deg);
}
.discount-progress .c100.p47 .bar {
  transform: rotate(169.2deg);
}
.discount-progress .c100.p48 .bar {
  transform: rotate(172.8deg);
}
.discount-progress .c100.p49 .bar {
  transform: rotate(176.4deg);
}
.discount-progress .c100.p50 .bar {
  transform: rotate(180deg);
}
.discount-progress .c100.p51 .bar {
  transform: rotate(183.6deg);
}
.discount-progress .c100.p52 .bar {
  transform: rotate(187.2deg);
}
.discount-progress .c100.p53 .bar {
  transform: rotate(190.8deg);
}
.discount-progress .c100.p54 .bar {
  transform: rotate(194.4deg);
}
.discount-progress .c100.p55 .bar {
  transform: rotate(198deg);
}
.discount-progress .c100.p56 .bar {
  transform: rotate(201.6deg);
}
.discount-progress .c100.p57 .bar {
  transform: rotate(205.2deg);
}
.discount-progress .c100.p58 .bar {
  transform: rotate(208.8deg);
}
.discount-progress .c100.p59 .bar {
  transform: rotate(212.4deg);
}
.discount-progress .c100.p60 .bar {
  transform: rotate(216deg);
}
.discount-progress .c100.p61 .bar {
  transform: rotate(219.6deg);
}
.discount-progress .c100.p62 .bar {
  transform: rotate(223.2deg);
}
.discount-progress .c100.p63 .bar {
  transform: rotate(226.8deg);
}
.discount-progress .c100.p64 .bar {
  transform: rotate(230.4deg);
}
.discount-progress .c100.p65 .bar {
  transform: rotate(234deg);
}
.discount-progress .c100.p66 .bar {
  transform: rotate(237.6deg);
}
.discount-progress .c100.p67 .bar {
  transform: rotate(241.2deg);
}
.discount-progress .c100.p68 .bar {
  transform: rotate(244.8deg);
}
.discount-progress .c100.p69 .bar {
  transform: rotate(248.4deg);
}
.discount-progress .c100.p70 .bar {
  transform: rotate(252deg);
}
.discount-progress .c100.p71 .bar {
  transform: rotate(255.6deg);
}
.discount-progress .c100.p72 .bar {
  transform: rotate(259.2deg);
}
.discount-progress .c100.p73 .bar {
  transform: rotate(262.8deg);
}
.discount-progress .c100.p74 .bar {
  transform: rotate(266.4deg);
}
.discount-progress .c100.p75 .bar {
  transform: rotate(270deg);
}
.discount-progress .c100.p76 .bar {
  transform: rotate(273.6deg);
}
.discount-progress .c100.p77 .bar {
  transform: rotate(277.2deg);
}
.discount-progress .c100.p78 .bar {
  transform: rotate(280.8deg);
}
.discount-progress .c100.p79 .bar {
  transform: rotate(284.4deg);
}
.discount-progress .c100.p80 .bar {
  transform: rotate(288deg);
}
.discount-progress .c100.p81 .bar {
  transform: rotate(291.6deg);
}
.discount-progress .c100.p82 .bar {
  transform: rotate(295.2deg);
}
.discount-progress .c100.p83 .bar {
  transform: rotate(298.8deg);
}
.discount-progress .c100.p84 .bar {
  transform: rotate(302.4deg);
}
.discount-progress .c100.p85 .bar {
  transform: rotate(306deg);
}
.discount-progress .c100.p86 .bar {
  transform: rotate(309.6deg);
}
.discount-progress .c100.p87 .bar {
  transform: rotate(313.2deg);
}
.discount-progress .c100.p88 .bar {
  transform: rotate(316.8deg);
}
.discount-progress .c100.p89 .bar {
  transform: rotate(320.4deg);
}
.discount-progress .c100.p90 .bar {
  transform: rotate(324deg);
}
.discount-progress .c100.p91 .bar {
  transform: rotate(327.6deg);
}
.discount-progress .c100.p92 .bar {
  transform: rotate(331.2deg);
}
.discount-progress .c100.p93 .bar {
  transform: rotate(334.8deg);
}
.discount-progress .c100.p94 .bar {
  transform: rotate(338.4deg);
}
.discount-progress .c100.p95 .bar {
  transform: rotate(342deg);
}
.discount-progress .c100.p96 .bar {
  transform: rotate(345.6deg);
}
.discount-progress .c100.p97 .bar {
  transform: rotate(349.2deg);
}
.discount-progress .c100.p98 .bar {
  transform: rotate(352.8deg);
}
.discount-progress .c100.p99 .bar {
  transform: rotate(356.4deg);
}
.discount-progress .c100.p100 .bar {
  transform: rotate(360deg);
}
.discount-progress .c100.p51 .slice {
  clip: auto;
}
.discount-progress .c100.p51 .bar::after,
.discount-progress .c100.p51 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p52 .slice {
  clip: auto;
}
.discount-progress .c100.p52 .bar::after,
.discount-progress .c100.p52 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p53 .slice {
  clip: auto;
}
.discount-progress .c100.p53 .bar::after,
.discount-progress .c100.p53 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p54 .slice {
  clip: auto;
}
.discount-progress .c100.p54 .bar::after,
.discount-progress .c100.p54 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p55 .slice {
  clip: auto;
}
.discount-progress .c100.p55 .bar::after,
.discount-progress .c100.p55 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p56 .slice {
  clip: auto;
}
.discount-progress .c100.p56 .bar::after,
.discount-progress .c100.p56 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p57 .slice {
  clip: auto;
}
.discount-progress .c100.p57 .bar::after,
.discount-progress .c100.p57 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p58 .slice {
  clip: auto;
}
.discount-progress .c100.p58 .bar::after,
.discount-progress .c100.p58 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p59 .slice {
  clip: auto;
}
.discount-progress .c100.p59 .bar::after,
.discount-progress .c100.p59 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p60 .slice {
  clip: auto;
}
.discount-progress .c100.p60 .bar::after,
.discount-progress .c100.p60 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p61 .slice {
  clip: auto;
}
.discount-progress .c100.p61 .bar::after,
.discount-progress .c100.p61 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p62 .slice {
  clip: auto;
}
.discount-progress .c100.p62 .bar::after,
.discount-progress .c100.p62 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p63 .slice {
  clip: auto;
}
.discount-progress .c100.p63 .bar::after,
.discount-progress .c100.p63 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p64 .slice {
  clip: auto;
}
.discount-progress .c100.p64 .bar::after,
.discount-progress .c100.p64 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p65 .slice {
  clip: auto;
}
.discount-progress .c100.p65 .bar::after,
.discount-progress .c100.p65 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p66 .slice {
  clip: auto;
}
.discount-progress .c100.p66 .bar::after,
.discount-progress .c100.p66 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p67 .slice {
  clip: auto;
}
.discount-progress .c100.p67 .bar::after,
.discount-progress .c100.p67 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p68 .slice {
  clip: auto;
}
.discount-progress .c100.p68 .bar::after,
.discount-progress .c100.p68 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p69 .slice {
  clip: auto;
}
.discount-progress .c100.p69 .bar::after,
.discount-progress .c100.p69 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p70 .slice {
  clip: auto;
}
.discount-progress .c100.p70 .bar::after,
.discount-progress .c100.p70 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p71 .slice {
  clip: auto;
}
.discount-progress .c100.p71 .bar::after,
.discount-progress .c100.p71 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p72 .slice {
  clip: auto;
}
.discount-progress .c100.p72 .bar::after,
.discount-progress .c100.p72 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p73 .slice {
  clip: auto;
}
.discount-progress .c100.p73 .bar::after,
.discount-progress .c100.p73 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p74 .slice {
  clip: auto;
}
.discount-progress .c100.p74 .bar::after,
.discount-progress .c100.p74 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p75 .slice {
  clip: auto;
}
.discount-progress .c100.p75 .bar::after,
.discount-progress .c100.p75 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p76 .slice {
  clip: auto;
}
.discount-progress .c100.p76 .bar::after,
.discount-progress .c100.p76 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p77 .slice {
  clip: auto;
}
.discount-progress .c100.p77 .bar::after,
.discount-progress .c100.p77 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p78 .slice {
  clip: auto;
}
.discount-progress .c100.p78 .bar::after,
.discount-progress .c100.p78 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p79 .slice {
  clip: auto;
}
.discount-progress .c100.p79 .bar::after,
.discount-progress .c100.p79 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p80 .slice {
  clip: auto;
}
.discount-progress .c100.p80 .bar::after,
.discount-progress .c100.p80 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p81 .slice {
  clip: auto;
}
.discount-progress .c100.p81 .bar::after,
.discount-progress .c100.p81 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p82 .slice {
  clip: auto;
}
.discount-progress .c100.p82 .bar::after,
.discount-progress .c100.p82 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p83 .slice {
  clip: auto;
}
.discount-progress .c100.p83 .bar::after,
.discount-progress .c100.p83 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p84 .slice {
  clip: auto;
}
.discount-progress .c100.p84 .bar::after,
.discount-progress .c100.p84 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p85 .slice {
  clip: auto;
}
.discount-progress .c100.p85 .bar::after,
.discount-progress .c100.p85 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p86 .slice {
  clip: auto;
}
.discount-progress .c100.p86 .bar::after,
.discount-progress .c100.p86 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p87 .slice {
  clip: auto;
}
.discount-progress .c100.p87 .bar::after,
.discount-progress .c100.p87 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p88 .slice {
  clip: auto;
}
.discount-progress .c100.p88 .bar::after,
.discount-progress .c100.p88 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p89 .slice {
  clip: auto;
}
.discount-progress .c100.p89 .bar::after,
.discount-progress .c100.p89 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p90 .slice {
  clip: auto;
}
.discount-progress .c100.p90 .bar::after,
.discount-progress .c100.p90 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p91 .slice {
  clip: auto;
}
.discount-progress .c100.p91 .bar::after,
.discount-progress .c100.p91 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p92 .slice {
  clip: auto;
}
.discount-progress .c100.p92 .bar::after,
.discount-progress .c100.p92 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p93 .slice {
  clip: auto;
}
.discount-progress .c100.p93 .bar::after,
.discount-progress .c100.p93 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p94 .slice {
  clip: auto;
}
.discount-progress .c100.p94 .bar::after,
.discount-progress .c100.p94 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p95 .slice {
  clip: auto;
}
.discount-progress .c100.p95 .bar::after,
.discount-progress .c100.p95 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p96 .slice {
  clip: auto;
}
.discount-progress .c100.p96 .bar::after,
.discount-progress .c100.p96 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p97 .slice {
  clip: auto;
}
.discount-progress .c100.p97 .bar::after,
.discount-progress .c100.p97 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p98 .slice {
  clip: auto;
}
.discount-progress .c100.p98 .bar::after,
.discount-progress .c100.p98 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p99 .slice {
  clip: auto;
}
.discount-progress .c100.p99 .bar::after,
.discount-progress .c100.p99 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.p100 .slice {
  clip: auto;
}
.discount-progress .c100.p100 .bar::after,
.discount-progress .c100.p100 .fill {
  transform: rotate(180deg);
}
.discount-progress .c100.green .bar, .discount-progress .c100.green .fill {
  border-color: #1ab394 !important;
}
.discount-progress .c100.blue .bar, .discount-progress .c100.blue .fill {
  border-color: #6b9fc4 !important;
}
.discount-progress .c100.yellow .bar, .discount-progress .c100.yellow .fill {
  border-color: #fdf27b !important;
}
.discount-progress .green {
  color: #1ab394 !important;
}
.discount-progress .blue {
  color: #6b9fc4 !important;
}
.discount-progress .yellow {
  color: #fdf27b !important;
}

.tabby-cart-widget {
  margin-block-start: 15px;
}
.tabby-cart-widget .tabby-promo-snippet {
  max-width: 100%;
  font-family: inherit;
}

.cart-gift-card {
  background-color: #ffffff;
  margin-block-start: 1rem;
  padding: 1rem;
  border-radius: 8px;
  border: 1px solid #e0e0e0;
}

.gift-card-icon-wrapper {
  position: relative;
  width: 60px;
  height: 60px;
  min-width: 60px;
  margin-inline-end: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .gift-card-icon-wrapper {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-inline-end: 0.75rem;
  }
}

.gift-card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
}

.gift-icon-fallback {
  font-size: 28px;
  color: #a89c90;
}
@media (max-width: 768px) {
  .gift-icon-fallback {
    font-size: 24px;
  }
}

.gift-card-content {
  flex-grow: 1;
}

.gift-title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .gift-title {
    font-size: 18px;
  }
}

.gift-price-label {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
@media (max-width: 768px) {
  .gift-price-label {
    font-size: 18px;
  }
}

.gift-card-details-row {
  margin-block-start: 8px;
}
@media (max-width: 768px) {
  .gift-card-details-row {
    flex-wrap: wrap;
    margin-block-start: 6px;
  }
}

.gift-card-info {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .gift-card-info {
    width: 100%;
    padding-inline-end: 0;
    margin-block-end: 8px;
  }
}

.gift-sender-recipient {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .gift-sender-recipient {
    font-size: 13px;
  }
}

.sender-label,
.recipient-label {
  font-weight: 500;
}

.gift-card-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .gift-card-actions {
    width: 100%;
    justify-content: flex-end;
  }
}

.gift-card-edit-btn,
.gift-card-delete-btn {
  border: none;
  background: transparent;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}

.gift-card-edit-btn:hover {
  opacity: 0.7;
}

.gift-card-delete-btn:hover {
  color: #dc3545;
}
.gift-card-delete-btn .icon-trash-alt {
  font-size: 12px;
}

.gift-card-edit-icon {
  width: 12px;
  height: 12px;
  display: block;
}

.gift-message {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .gift-message {
    font-size: 13px;
  }
}

.message-info,
.media-link-info {
  margin-block-start: 4px;
}

.gift-media-link {
  font-size: 14px;
  color: #545352;
  line-height: 1.5;
  word-break: break-all;
}

.gift-added .gift-added-text {
  display: block !important;
}
.gift-added .gift-send-text {
  display: none !important;
}

.gift-send .gift-added-text {
  display: none !important;
}
.gift-send .gift-send-text {
  display: block !important;
}

.gift-card-toggle-btn.gift-added {
  justify-content: space-between;
}

.product-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-end: 8px;
}
.product-title-row h1 {
  margin: 0;
  flex: 1;
}

.bundle-toggle-btn {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: 12px;
}
.bundle-toggle-btn:hover {
  background-color: #f8f9fa;
}
.bundle-toggle-btn .accordion-icon {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
  color: #6c757d;
}
.bundle-toggle-btn.expanded .accordion-icon {
  transform: rotate(180deg);
}

.bundle-accordion {
  margin-block-start: 12px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.bundle-accordion .sub-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 8px;
  padding-inline: 0;
  font-size: 14px;
  color: #495057;
}
.bundle-accordion .sub-item:not(:last-child) {
  border-block-end: 1px solid #e0e0e0;
}
.bundle-accordion .sub-item-name {
  flex: 1;
  text-align: start;
}
.bundle-accordion .sub-item-quantity {
  font-weight: normal;
  color: #212529;
  margin-inline-end: 12px;
}

.bundle-accordion-content {
  padding-block: 12px;
  padding-inline: 16px;
  background-color: #f5f5f5;
  border-radius: 8px;
  max-height: 250px;
  overflow-y: auto;
}
.bundle-accordion-content::-webkit-scrollbar {
  width: 6px;
}
.bundle-accordion-content::-webkit-scrollbar-track {
  background: #e9ecef;
  border-radius: 10px;
}
.bundle-accordion-content::-webkit-scrollbar-thumb {
  background: #adb5bd;
  border-radius: 10px;
}
.bundle-accordion-content::-webkit-scrollbar-thumb:hover {
  background: #868e96;
}

.git-btn {
  border-color: var(--section-cart-summary-coupon-btn-bg-color, #000000) !important;
  background-color: transparent !important;
  color: var(--section-cart-summary-coupon-btn-bg-color, #231F20) !important;
  border: 1px solid;
  cursor: pointer;
  border-radius: 6px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.git-btn .gift-btn-inner {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

/* إخفاء سلكت الكميات والـ Label القديم بتاع زيد */
.cart-product-quantity-dropdown select,
.cart-product-quantity-dropdown > .form-group,
.cart-product-quantity-dropdown > label {
  display: none !important;
}

/* شكل الـ Custom Quantity (+ / -) */
.custom-quantity-control {
  display: inline-flex !important;
  flex-direction: row-reverse;
  align-items: center;
  gap: 2px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  height: 38px;
  padding-inline: 6px;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.custom-quantity-control:hover {
  border-color: #cbd5e1;
}
.custom-quantity-control .btn-qty {
  background: none;
  border: none;
  font-size: 18px;
  padding: 0;
  cursor: pointer;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.custom-quantity-control .btn-qty:hover {
  background-color: #f1f5f9;
  color: #0f172a;
}
.custom-quantity-control .btn-qty.is-trash-mode {
  color: #ff383c;
}
.custom-quantity-control .btn-qty.is-trash-mode svg {
  width: 18px;
  height: 18px;
}
.custom-quantity-control .btn-qty.is-trash-mode:hover {
  background-color: rgba(255, 56, 60, 0.08);
}
.custom-quantity-control .qty-value {
  font-size: 15px;
  font-weight: 600;
  width: 36px;
  min-width: 28px;
  text-align: center;
  color: #0f172a;
  height: 100%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0;
  margin: 0;
  -moz-appearance: textfield;
}
.custom-quantity-control .qty-value::-webkit-outer-spin-button, .custom-quantity-control .qty-value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.custom-quantity-control .qty-value:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* شكل زرار الحذف والأيقونة */
.cart-product-delete {
  grid-area: delete;
  width: auto !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-product-delete.d-none-in-quantity {
  display: none !important;
}
.cart-product-delete a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: rgba(255, 75, 75, 0.1);
  color: #ff4b4b !important;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.2s ease;
  text-decoration: none;
}
.cart-product-delete a:hover {
  background: rgba(255, 75, 75, 0.2);
}
.cart-product-delete a .prefix {
  display: none !important;
}
.cart-product-delete a.is-loading .prefix {
  display: flex !important;
}
.cart-product-delete a.is-loading .trash-svg-icon {
  display: none !important;
}
.cart-product-delete .icon-delete,
.cart-product-delete .icon-trash-alt {
  display: none !important;
}

.trash-svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.loyalty-points-section {
  padding: 8px;
  border-radius: 6px;
}

.tabs-banner-section {
  position: relative;
  width: 100%;
}
.tabs-banner-section .tabs-banner-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.tabs-banner-section .tabs-banner-slide {
  position: relative;
  width: 100%;
  height: 600px;
  animation: fadeIn 0.5s ease-in-out;
}
.tabs-banner-section .tabs-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tabs-banner-section .tabs-banner-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tabs-banner-section .tabs-banner-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
}
.tabs-banner-section .tabs-banner-text-overlay {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 2rem;
  padding-bottom: 5rem;
  z-index: 2;
}
.tabs-banner-section .tabs-banner-text-content {
  max-width: 500px;
  text-align: right;
  padding: 0 20px;
}
.tabs-banner-section .tabs-banner-text-content .tabs-banner-title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: var(--text);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.tabs-banner-section .tabs-banner-text-content .tabs-banner-desc {
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  line-height: 1.6;
  color: var(--desc);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.tabs-banner-section .tabs-banner-text-content .tabs-banner-btn {
  display: inline-block;
  color: var(--btn-text);
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.1rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.tabs-banner-section .tabs-banner-text-content .tabs-banner-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}
.tabs-banner-section .tabs-banner-nav-container {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 3;
}
.tabs-banner-section .tabs-banner-nav {
  display: inline-flex;
  background-color: var(--back-taps);
  border-radius: 50px;
  padding: 6px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  gap: 8px;
  max-width: 90%;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.tabs-banner-section .tabs-banner-nav::-webkit-scrollbar {
  display: none;
}
.tabs-banner-section .tabs-banner-nav-item {
  background: transparent;
  border: none;
  padding: 12px 24px;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  color: var(--tap-text);
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.tabs-banner-section .tabs-banner-nav-item.active {
  color: var(--tap-active-text);
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .tabs-banner-section .tabs-banner-slide {
    height: 500px;
  }
  .tabs-banner-section .tabs-banner-image::after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%);
  }
  .tabs-banner-section .tabs-banner-text-overlay {
    align-items: flex-start;
    justify-content: center;
    padding-top: 4rem;
  }
  .tabs-banner-section .tabs-banner-text-content {
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 20px;
    border-radius: 12px;
  }
  .tabs-banner-section .tabs-banner-text-content .tabs-banner-title {
    font-size: 2rem;
  }
  .tabs-banner-section .tabs-banner-nav-container {
    bottom: 20px;
    padding: 0 15px;
  }
  .tabs-banner-section .tabs-banner-nav {
    padding: 8px;
  }
  .tabs-banner-section .tabs-banner-nav-item {
    padding: 10px 16px;
    font-size: 14px;
  }
}
/* 1. الهامش العلوي التفاعلي (الموبايل والديسكتوب) */
.mrg-t {
  margin-top: var(--mrg-t-desktop, 0) !important;
}
@media (max-width: 768px) {
  .mrg-t {
    margin-top: var(--mrg-t-mobile, var(--mrg-t-desktop, 0)) !important;
  }
}

/* 2. الهيكل والمحاذاة الرأسية للسيكشن */
.section-flex {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .section-flex {
    gap: 16px;
  }
}

/* 3. الهيدر والعنوان ولينك (عرض الكل / المزيد) */
.section-head-products .section-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.section-head-products .section-subtitle {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .section-head-products .section-subtitle {
    font-size: 12px;
  }
}
@media (max-width: 576px) {
  .section-head-products .section-subtitle {
    font-size: 11px;
  }
}
.section-head-products .section-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .section-head-products .section-title {
    font-size: 22px;
  }
}
@media (max-width: 768px) {
  .section-head-products .section-title {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .section-head-products .section-title {
    font-size: 18px;
  }
}
.section-head-products .more-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
}
@media (max-width: 992px) {
  .section-head-products .more-link {
    font-size: 15px;
  }
}
@media (max-width: 576px) {
  .section-head-products .more-link {
    font-size: 14px;
  }
}
.section-head-products .more-link .more-link-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}
html[dir=ltr] .section-head-products .more-link .more-link-arrow, [dir=ltr] .section-head-products .more-link .more-link-arrow {
  transform: rotate(180deg);
}
.section-head-products .more-link:hover .more-link-arrow {
  transform: translateX(-4px);
}
html[dir=ltr] .section-head-products .more-link:hover .more-link-arrow, [dir=ltr] .section-head-products .more-link:hover .more-link-arrow {
  transform: rotate(180deg) translateX(4px);
}

/* 4. تنسيقات السلايدر والعرض الثابت للشريحة (Swiper Slide) */
.products-swiper-section {
  padding: 32px 0;
}
@media (max-width: 768px) {
  .products-swiper-section {
    padding: 16px 0;
  }
}
.products-swiper-section .products-swiper {
  width: 100%;
  overflow: hidden;
}
.products-swiper-section .swiper-slide {
  height: auto;
}

.customer-experiences-section .section-head {
  margin-bottom: 30px;
}
.customer-experiences-section .section-head .section-top-subtitle {
  font-size: 12px;
  color: var(--theme-primary-color, #c29b62);
  margin-bottom: 0px;
}
.customer-experiences-section .section-head .section-title {
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 22px;
  color: var(--body-text-color, #000);
}
@media (max-width: 992px) {
  .customer-experiences-section .section-head .section-title {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .customer-experiences-section .section-head .section-title {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.customer-experiences-section .section-head .section-subtitle {
  font-size: 14px;
  color: var(--theme-primary-color, #c29b62);
  position: relative;
  display: inline-block;
  margin-block: 5px;
}
.customer-experiences-section .section-head .section-subtitle::after {
  content: "";
  position: absolute;
  top: -15px;
  width: 30px;
  height: 1px;
  background-color: currentColor;
  left: 50%;
  transform: translateX(-50%);
}
.customer-experiences-section .section-head .section-subtitle::after {
  top: auto;
  bottom: -15px;
}
.customer-experiences-section .customer-experiences-swiper .swiper-slide {
  width: 280px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .customer-experiences-section .customer-experiences-swiper .swiper-slide {
    width: 350px;
  }
}
.customer-experiences-section .customer-experiences-swiper .swiper-slide h5 {
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 15px;
  color: var(--body-text-color, #0A0A0A);
}
.customer-experiences-section .customer-experiences-swiper .swiper-slide img {
  width: 100%;
  max-width: 100%;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ════════════════════════════════════════════════
   Info Cards Swiper Section
   ════════════════════════════════════════════════ */
.info-cards-swiper-section {
  /* ── Section Head ── */
  /* ── Swiper ── */
  /* ── Card ── */
  /* ── Swiper slide height fix ── */
}
.info-cards-swiper-section .info-cards-section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .info-cards-swiper-section .info-cards-section-head {
    margin-bottom: 32px;
  }
}
.info-cards-swiper-section .info-cards-subtitle {
  display: block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--theme-primary-color, #B89868);
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .info-cards-swiper-section .info-cards-subtitle {
    font-size: 12px;
  }
}
.info-cards-swiper-section .info-cards-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 14px;
  color: var(--body-text-color, #1A1A1A);
}
@media (max-width: 992px) {
  .info-cards-swiper-section .info-cards-title {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .info-cards-swiper-section .info-cards-title {
    font-size: 22px;
  }
}
@media (max-width: 576px) {
  .info-cards-swiper-section .info-cards-title {
    font-size: 20px;
  }
}
.info-cards-swiper-section .info-cards-title-underline {
  display: block;
  width: 48px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--theme-primary-color, #B89868);
}
.info-cards-swiper-section .info-cards-swiper {
  width: 100%;
  overflow: hidden;
}
.info-cards-swiper-section .info-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  border: 1px solid #eee;
  padding: 32px;
  gap: 20px;
}
@media (max-width: 768px) {
  .info-cards-swiper-section .info-card {
    padding: 16px;
    gap: 10px;
  }
}
.info-cards-swiper-section .info-card-image-wrap {
  width: 56px;
  aspect-ratio: 1/1;
  background-color: #F5EFE6;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}
.info-cards-swiper-section .info-card-image-wrap img {
  width: 20px;
  height: 20px;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.info-cards-swiper-section .info-card-image-placeholder {
  color: #c5b08a;
  opacity: 0.6;
}
.info-cards-swiper-section .info-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.info-cards-swiper-section .info-card-primary-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  text-align: center;
  color: var(--body-text-color, #1A1A1A);
}
@media (max-width: 576px) {
  .info-cards-swiper-section .info-card-primary-text {
    font-size: 13px;
  }
}
.info-cards-swiper-section .info-card-secondary-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}
@media (max-width: 576px) {
  .info-cards-swiper-section .info-card-secondary-text {
    font-size: 11px;
  }
}
.info-cards-swiper-section .swiper-slide {
  height: auto;
}

/* ════════════════════════════════════════════════
   Three Grid Section
   ════════════════════════════════════════════════ */
.three-grid-section {
  /* ── Header ── */
  /* ── Grid layout ── */
  /* ── Card base ── */
  /* Overlay always covers the full card */
  /* ── Large card (third card) – drives section height ── */
  /* ── Small cards (1st & 2nd) ── */
  /* ════════════════════════════════════════════════
     Grid Banners
     ════════════════════════════════════════════════ */
  /* ── Grid container ── */
  /* ── Banner card base ── */
  /* ── 3-card / 2-card: items 1 & 2 small (stacked), item 3 large ── */
  /* ── 4-card: named areas + sizing ── */
  /* ── 1-card: panoramic ── */
  /* ── Placeholder (no image) ── */
  /* ── Overlay ── */
  /* ── Arrow icon (top-start corner) ── */
  /* ── Text group (title + subtitle) ── */
  /* ── Text inside overlay ── */
}
.three-grid-section .tgs-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 12px;
}
.three-grid-section .tgs-header__title {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  color: var(--body-text-color, #1A1A1A);
  line-height: 1.3;
}
@media (max-width: 992px) {
  .three-grid-section .tgs-header__title {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .three-grid-section .tgs-header__title {
    font-size: 20px;
  }
}
.three-grid-section .tgs-header__link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  color: var(--theme-primary-color, #B89868);
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.three-grid-section .tgs-header__link svg {
  transition: transform 0.2s ease;
}
.three-grid-section .tgs-header__link:hover {
  opacity: 0.75;
}
.three-grid-section .tgs-header__link:hover svg {
  transform: translateX(-3px);
}
[dir=ltr] .three-grid-section .tgs-header__link svg {
  transform: scaleX(-1);
}
[dir=ltr] .three-grid-section .tgs-header__link:hover svg {
  transform: scaleX(-1) translateX(-3px);
}
.three-grid-section .tgs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 16px;
}
@media (max-width: 576px) {
  .three-grid-section .tgs-grid {
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 12px;
  }
}
.three-grid-section .tgs-grid__stack {
  display: grid;
  grid-template-rows: 1fr 1fr; /* each small card = half the large card height */
  gap: 16px;
}
@media (max-width: 576px) {
  .three-grid-section .tgs-grid__stack {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.three-grid-section .tgs-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  text-decoration: none;
  background-color: #e8e8e8;
}
.three-grid-section .tgs-card:hover .tgs-card__img {
  transform: scale(1.04);
}
.three-grid-section .tgs-card:hover .tgs-card__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.22) 55%, transparent 100%);
}
.three-grid-section .tgs-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.45s ease;
}
.three-grid-section .tgs-card__img-placeholder {
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0ece5;
  color: #b0a090;
}
.three-grid-section .tgs-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 50%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px;
  transition: background 0.3s ease;
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card__overlay {
    padding: 14px;
  }
}
.three-grid-section .tgs-card__title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .three-grid-section .tgs-card__title {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card__title {
    font-size: 15px;
  }
}
.three-grid-section .tgs-card__subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card__subtitle {
    font-size: 12px;
  }
}
.three-grid-section .tgs-card--large {
  aspect-ratio: 1/1; /* desktop: square – JS will sync stack to this height */
  align-self: start;
  width: 100%;
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card--large {
    aspect-ratio: 169/265;
    align-self: auto;
  }
}
.three-grid-section .tgs-card--large .tgs-card__title {
  font-size: 22px;
}
@media (max-width: 992px) {
  .three-grid-section .tgs-card--large .tgs-card__title {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card--large .tgs-card__title {
    font-size: 16px;
  }
}
.three-grid-section .tgs-card--small {
  min-height: 0; /* prevent grid overflow */
  /* height comes from grid-template-rows: 1fr 1fr on the stack */
}
@media (max-width: 576px) {
  .three-grid-section .tgs-card--small {
    aspect-ratio: 16/9;
  }
}
.three-grid-section .grid-banners {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr; /* default: 2-col (3 & 2 cards) */
  align-items: stretch;
  /* 4 cards: large left │ 2 small middle │ wide bottom */
  /* 1 card: full-width panoramic */
  /* Mobile: single column stack */
}
.three-grid-section .grid-banners.grid-banners--count-4 {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas: "item1 item2 item3" "item1 item4 item4";
}
.three-grid-section .grid-banners.grid-banners--count-1 {
  grid-template-columns: 1fr;
}
@media (max-width: 768px) {
  .three-grid-section .grid-banners {
    gap: 12px;
  }
}
.three-grid-section .grid-banner-item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 12px;
  text-decoration: none;
  background-color: #e8e8e8;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  aspect-ratio: 12/5; /* drives row height for small cards */
  /* Zoom pseudo-layer (sits below overlay) */
  /* Mobile */
}
.three-grid-section .grid-banner-item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform 0.45s ease-in-out;
  -webkit-transition: transform 0.45s ease-in-out;
}
.three-grid-section .grid-banner-item:hover::before {
  transform: scale(1.08);
  -webkit-transform: scale(1.08);
}
.three-grid-section .grid-banner-item:hover .grid-banner-item__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.22) 55%, transparent 100%);
}
@media (max-width: 576px) {
  .three-grid-section .grid-banner-item {
    aspect-ratio: 16/12;
  }
}
.three-grid-section .grid-banners:not(.grid-banners--count-4):not(.grid-banners--count-1) {
  grid-template-areas: "item1 item3" "item2 item3";
}
.three-grid-section .grid-banners:not(.grid-banners--count-4):not(.grid-banners--count-1) > .grid-banner-item:nth-child(1) {
  grid-area: item1;
}
.three-grid-section .grid-banners:not(.grid-banners--count-4):not(.grid-banners--count-1) > .grid-banner-item:nth-child(2) {
  grid-area: item2;
}
.three-grid-section .grid-banners:not(.grid-banners--count-4):not(.grid-banners--count-1) > .grid-banner-item:nth-child(3) {
  grid-area: item3;
  aspect-ratio: unset; /* height = 2 rows + gap automatically */
}
.three-grid-section .grid-banners--count-4 > .grid-banner-item:nth-child(1) {
  grid-area: item1;
  aspect-ratio: unset;
}
.three-grid-section .grid-banners--count-4 > .grid-banner-item:nth-child(2) {
  grid-area: item2;
  aspect-ratio: 4/3;
}
.three-grid-section .grid-banners--count-4 > .grid-banner-item:nth-child(3) {
  grid-area: item3;
  aspect-ratio: 4/3;
}
.three-grid-section .grid-banners--count-4 > .grid-banner-item:nth-child(4) {
  grid-area: item4;
  aspect-ratio: 21/9;
}
@media (max-width: 576px) {
  .three-grid-section .grid-banners--count-4 > .grid-banner-item {
    aspect-ratio: 4/3;
  }
}
.three-grid-section .grid-banners--count-1 > .grid-banner-item {
  aspect-ratio: 21/9;
}
@media (max-width: 576px) {
  .three-grid-section .grid-banners--count-1 > .grid-banner-item {
    aspect-ratio: 4/3;
  }
}
.three-grid-section .grid-banner-item__placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f0ece5;
  color: #b0a090;
}
.three-grid-section .grid-banner-item__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.15) 50%, transparent 100%);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between; /* icon top, text bottom */
  align-items: flex-end; /* icon to the start side (RTL = right) */
  padding: 16px;
  transition: background 0.3s ease;
}
@media (max-width: 576px) {
  .three-grid-section .grid-banner-item__overlay {
    padding: 12px;
  }
}
.three-grid-section .grid-banner-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex-shrink: 0;
}
.three-grid-section .grid-banner-item__icon svg {
  display: block;
}
@media (max-width: 576px) {
  .three-grid-section .grid-banner-item__icon {
    width: 34px;
    height: 34px;
  }
  .three-grid-section .grid-banner-item__icon svg {
    width: 22px;
    height: 22px;
  }
}
.three-grid-section .grid-banner-item:hover .grid-banner-item__icon {
  background: rgba(255, 255, 255, 0.28);
  transform: scale(1.08);
}
.three-grid-section .grid-banner-item__text {
  width: 100%;
}
.three-grid-section .grid-banner-item__title {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 4px;
  line-height: 1.3;
}
@media (max-width: 992px) {
  .three-grid-section .grid-banner-item__title {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .three-grid-section .grid-banner-item__title {
    font-size: 15px;
  }
}
.three-grid-section .grid-banner-item__subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.82);
  margin: 0;
  line-height: 1.4;
}
@media (max-width: 576px) {
  .three-grid-section .grid-banner-item__subtitle {
    font-size: 12px;
  }
}

.store-features-bar {
  padding: 15px 0;
  width: 100%;
  overflow: hidden;
  margin-top: var(--mrg-t-desktop, 0) !important;
  margin-bottom: var(--mrg-b-desktop, 0) !important;
}
@media (max-width: 768px) {
  .store-features-bar {
    margin-top: var(--mrg-t-mobile, var(--mrg-t-desktop, 0)) !important;
    margin-bottom: var(--mrg-b-mobile, var(--mrg-b-desktop, 0)) !important;
  }
}
.store-features-bar .features-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
}
.store-features-bar .features-wrapper::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}
@media (max-width: 768px) {
  .store-features-bar .features-wrapper {
    justify-content: flex-start;
    gap: 15px;
  }
}
.store-features-bar .feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.store-features-bar .feature-item .feature-icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.store-features-bar .feature-item .feature-title {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .store-features-bar .feature-item .feature-title {
    font-size: 12px;
  }
}

.video-overlay-banner {
  width: 100%;
  position: relative;
  margin-top: var(--mrg-t-desktop, 0) !important;
  margin-bottom: var(--mrg-b-desktop, 0) !important;
}
@media (max-width: 768px) {
  .video-overlay-banner {
    margin-top: var(--mrg-t-mobile, var(--mrg-t-desktop, 0)) !important;
    margin-bottom: var(--mrg-b-mobile, var(--mrg-b-desktop, 0)) !important;
  }
}
.video-overlay-banner .video-container {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: 80vh;
  overflow: hidden;
}
@media (max-width: 768px) {
  .video-overlay-banner .video-container {
    height: auto;
    min-height: auto;
  }
}
.video-overlay-banner .bg-video,
.video-overlay-banner .bg-image {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%) translateY(-50%);
  object-fit: cover;
  z-index: 1;
}
.video-overlay-banner .bg-video.desktop-only,
.video-overlay-banner .bg-image.desktop-only {
  display: block;
}
@media (max-width: 768px) {
  .video-overlay-banner .bg-video.desktop-only,
  .video-overlay-banner .bg-image.desktop-only {
    display: none !important;
  }
}
.video-overlay-banner .bg-video.mobile-only,
.video-overlay-banner .bg-image.mobile-only {
  display: none !important;
}
@media (max-width: 768px) {
  .video-overlay-banner .bg-video.mobile-only,
  .video-overlay-banner .bg-image.mobile-only {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .video-overlay-banner .bg-video,
  .video-overlay-banner .bg-image {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    height: auto;
    min-width: unset;
    min-height: unset;
    object-fit: contain;
  }
}
.video-overlay-banner .video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
  z-index: 2;
}
body.ltr .video-overlay-banner .video-overlay {
  left: 0;
  right: unset;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.8) 60%);
}
@media (max-width: 768px) {
  .video-overlay-banner .video-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (max-width: 768px) {
  .video-overlay-banner .container-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}
.video-overlay-banner .content-wrapper {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: start;
  padding: 40px 0;
  color: #ffffff;
}
@media (max-width: 768px) {
  .video-overlay-banner .content-wrapper {
    padding: 20px 0;
  }
}
.video-overlay-banner .main-title {
  font-size: 58px;
  font-weight: 400;
  line-height: 1.5;
  max-width: 560px;
  color: var(--title-color, #ffffff);
}
@media (max-width: 992px) {
  .video-overlay-banner .main-title {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .video-overlay-banner .main-title {
    font-size: 24px;
  }
}
.video-overlay-banner .sub-title {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 32px;
  max-width: 500px;
  line-height: 39px;
  padding: 0;
  color: var(--subtitle-color, #ffffff);
}
@media (max-width: 768px) {
  .video-overlay-banner .sub-title {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.video-overlay-banner .action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--btn-bg, #000000);
  color: var(--btn-text, #ffffff);
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  gap: 8px;
}
@media (max-width: 768px) {
  .video-overlay-banner .action-button {
    font-size: 14px;
  }
}
.video-overlay-banner .action-button:hover {
  background-color: var(--btn-hover-bg, #775A19);
  color: var(--btn-text, #ffffff);
  padding-right: 19px;
  padding-left: 29px;
}
.video-overlay-banner .action-button .button-icon {
  margin-right: 5px;
}
.video-overlay-banner .swiper-pagination {
  bottom: 24px !important;
  z-index: 10;
}
.video-overlay-banner .swiper-pagination .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 0.5;
  width: 10px;
  height: 10px;
  transition: all 0.3s ease;
}
.video-overlay-banner .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  width: 28px;
  border-radius: 6px;
  background: #ffffff;
}
.video-overlay-banner .swiper-button-next,
.video-overlay-banner .swiper-button-prev {
  color: #ffffff;
  width: 44px;
  height: 44px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  border-radius: 50%;
  z-index: 10;
  transition: all 0.3s ease;
}
.video-overlay-banner .swiper-button-next:after,
.video-overlay-banner .swiper-button-prev:after {
  font-size: 18px;
  font-weight: bold;
}
.video-overlay-banner .swiper-button-next:hover,
.video-overlay-banner .swiper-button-prev:hover {
  background: rgba(0, 0, 0, 0.7);
  transform: scale(1.05);
}

.image-with-text-stats {
  margin-top: var(--margin-top-desktop, 0);
  margin-bottom: var(--margin-bottom-desktop, 0);
  padding: 40px 0;
}
@media (max-width: 768px) {
  .image-with-text-stats {
    margin-top: var(--margin-top-mobile, 0);
    margin-bottom: var(--margin-bottom-mobile, 0);
    padding: 20px 0;
  }
}
.image-with-text-stats__wrapper {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 991px) {
  .image-with-text-stats__wrapper {
    flex-direction: column;
    gap: 30px;
  }
}
.image-with-text-stats__content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.image-with-text-stats__content .small-text {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.image-with-text-stats__content .title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .image-with-text-stats__content .title {
    font-size: 28px;
  }
}
@media (max-width: 576px) {
  .image-with-text-stats__content .title {
    font-size: 20px;
  }
}
.image-with-text-stats__content .subtitle {
  font-size: 40px;
  line-height: 1.45;
  font-weight: 700;
  margin-bottom: 40px;
  position: relative;
}
.image-with-text-stats__content .subtitle::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 0;
  width: 78px;
  height: 1px;
  background-color: #d9de8f;
}
@media (max-width: 768px) {
  .image-with-text-stats__content .subtitle {
    font-size: 28px;
    margin-bottom: 30px;
  }
  .image-with-text-stats__content .subtitle::after {
    content: "";
    bottom: -15px;
  }
}
@media (max-width: 576px) {
  .image-with-text-stats__content .subtitle {
    font-size: 20px;
  }
}
.image-with-text-stats__content .large-subtitle {
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .image-with-text-stats__content .large-subtitle {
    font-size: 14px;
  }
}
.image-with-text-stats__content .stats-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  border-top: 1px solid #d9de8f;
  padding-block: 30px;
  justify-content: space-between;
  border-bottom: 1px solid #d9de8f;
}
.image-with-text-stats__content .stats-container .stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 80px;
}
.image-with-text-stats__content .stats-container .stat-item .stat-number {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
  direction: ltr;
}
.image-with-text-stats__content .stats-container .stat-item .stat-labels {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.4;
}
.image-with-text-stats__image {
  flex: 1;
}
.image-with-text-stats__image img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .image-with-text-stats__image img {
    aspect-ratio: 4/3;
  }
}
.image-with-text-stats__image .placeholder-image {
  width: 100%;
  aspect-ratio: 1;
  background-color: #eee;
}

.countdown-banner-section {
  margin-top: var(--mt-desktop, 0);
  margin-bottom: var(--mb-desktop, 0);
}
@media (max-width: 768px) {
  .countdown-banner-section {
    margin-top: var(--mt-mobile, 0);
    margin-bottom: var(--mb-mobile, 0);
  }
}
.countdown-banner-section .countdown-banner-wrapper {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 60px 20px;
  overflow: hidden;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8901960784);
  z-index: 1;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-top-text {
  font-size: 16px;
  margin: 0;
  font-weight: 500;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-main-title {
  font-size: 42px;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 768px) {
  .countdown-banner-section .countdown-banner-wrapper .countdown-main-title {
    font-size: 28px;
  }
}
.countdown-banner-section .countdown-banner-wrapper .countdown-sub-text {
  font-size: 16px;
  margin: 0 0 20px 0;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-timer {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 40px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-box .time-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--timer-text);
  line-height: 1.2;
  background-color: var(--timer-bg) cc;
  border: 1px solid var(--timer-border);
  border-radius: 8px;
  width: 100px;
  height: 100px;
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-box .time-value {
    font-size: 20px;
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 480px) {
  .countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-box .time-value {
    font-size: 16px;
    width: 60px;
    height: 70px;
  }
}
.countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-box .time-label {
  font-size: 12px;
  color: var(--timer-label);
  margin-top: 4px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-timer .time-separator {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 20px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 32px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
  background-color: transparent;
  color: var(--btn-text);
  border: 1px solid var(--btn-border);
}
.countdown-banner-section .countdown-banner-wrapper .countdown-btn svg {
  width: 18px;
  height: 18px;
}
.countdown-banner-section .countdown-banner-wrapper .countdown-btn:hover {
  color: var(--btn-hover-text);
  border-color: var(--btn-hover-border);
}

.reels-section {
  padding: 40px 0;
}
.reels-section .section-head {
  margin-bottom: 30px;
}
.reels-section .section-head .section-top-subtitle {
  font-size: 14px;
  color: var(--secondary-color, #c19a6b);
  margin-bottom: 5px;
}
.reels-section .section-head .section-title {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}
.reels-section .section-head .view-more-link {
  color: #c19a6b;
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.reels-section .section-head .view-more-link i {
  font-size: 12px;
}
.reels-section .reels-swiper {
  padding: 10px 0;
  overflow: hidden;
}
.reels-section .reels-swiper .swiper-slide {
  width: 280px;
  height: 500px;
}
.reels-section .reels-swiper .swiper-slide.reel-card {
  position: relative;
  overflow: hidden;
}
.reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
}
.reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container .reel-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  pointer-events: none;
}
.reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 72px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 768px) {
  .reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container .play-button {
    width: 52px;
    height: 60px;
  }
}
.reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container .play-button svg {
  color: #000;
  width: 24px;
  height: 24px;
  margin-left: 5px;
}
@media (max-width: 768px) {
  .reels-section .reels-swiper .swiper-slide.reel-card .reel-video-container .play-button svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 768px) {
  .reels-section .reels-swiper .swiper-slide {
    width: 200px;
    height: 360px;
  }
}

.category-banner {
  width: 100%;
  overflow: hidden;
  background-color: #f5f5f5;
}
.category-banner--rounded {
  border-radius: 18px;
}
@media (max-width: 767px) {
  .category-banner--rounded {
    border-radius: 12px;
  }
}
.category-banner picture {
  display: block;
  width: 100%;
}
.category-banner__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.category-page__subcategories-title {
  font-size: 1.167rem;
  font-weight: 400;
}

.categories-slider-wrapper {
  position: relative;
}

.pd-breadcrumb {
  display: var(--pd-breadcrumb-web, block);
  margin-block: 20px;
}
@media only screen and (max-width: 768px) {
  .pd-breadcrumb {
    display: var(--pd-breadcrumb-mobile, block);
  }
}

.product-countdown {
  margin-bottom: 24px;
}
.product-countdown .countdown-header {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--pd-cd-header-color, #333333);
}
.product-countdown .countdown-timer {
  gap: 8px;
}
.product-countdown .countdown-timer .countdown-item {
  background-color: var(--pd-cd-bg-color, #f9f9f9);
  border-radius: 8px;
  padding: 8px 16px;
  min-width: 60px;
}
.product-countdown .countdown-timer .countdown-item .countdown-value {
  font-size: 18px;
  color: var(--pd-cd-value-color, #000000);
  line-height: 1.2;
}
.product-countdown .countdown-timer .countdown-item .countdown-label {
  font-size: 12px;
  color: var(--pd-cd-label-color, #888888);
  margin-top: 4px;
}

.products-details-page h1.product-title {
  color: var(--pd-title-color, #000);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin-block-end: 16px;
}
.products-details-page .show-now-buy-reviews {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-block-end: 14px;
  font-size: 13px;
  color: #555;
}
.products-details-page .show-now-buy-reviews .snbr-divider {
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #d0d0d0;
  flex-shrink: 0;
}
.products-details-page .show-now-buy-reviews .snbr-now-viewing,
.products-details-page .show-now-buy-reviews .snbr-buy-count {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #161616;
  white-space: nowrap;
}
.products-details-page .show-now-buy-reviews .snbr-now-viewing img,
.products-details-page .show-now-buy-reviews .snbr-buy-count img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.products-details-page .show-now-buy-reviews .snbr-reviews {
  display: flex;
  align-items: center;
}
.products-details-page .show-now-buy-reviews .snbr-reviews img {
  width: 20px;
  height: 20px;
}
.products-details-page .show-now-buy-reviews .snbr-reviews .snbr-reviews-link {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: inherit;
}
.products-details-page .show-now-buy-reviews .snbr-reviews .snbr-reviews-link:hover {
  text-decoration: underline;
}
.products-details-page .show-now-buy-reviews .snbr-reviews .snbr-reviews-count {
  color: #555;
  font-size: 13px;
}
.products-details-page .show-now-buy-reviews .snbr-reviews .product-card-rating {
  gap: 1px;
}
.products-details-page .show-now-buy-reviews .snbr-reviews .icon-star1,
.products-details-page .show-now-buy-reviews .snbr-reviews .icon-half-star {
  font-size: 14px;
  margin-inline: 1px;
}
.products-details-page .badge {
  color: var(--pd-badge-text, #fff);
  background-color: var(--pd-badge-bg, #007917);
}
.products-details-page .product-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-block-end: 12px;
}
.products-details-page .icon-star1,
.products-details-page .icon-half-star {
  color: var(--pd-rating-stars, #f5a623);
  font-size: 20px;
  margin-inline: 4px;
}
.products-details-page .product-formatted-price {
  color: var(--pd-price-color, #e53935);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .products-details-page .product-formatted-price {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .products-details-page .product-formatted-price {
    font-size: 18px;
  }
}
.products-details-page .product-formatted-price-old {
  color: var(--pd-old-price-color, #6b6b6b);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: line-through;
}
.products-details-page .product-formatted-price-old:empty {
  display: none;
}
@media screen and (max-width: 768px) {
  .products-details-page .product-formatted-price-old {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  .products-details-page .product-formatted-price-old {
    font-size: 14px;
  }
}
.products-details-page .product-formatted-price-discount {
  display: inline-flex;
  align-items: center;
  color: var(--pd-discount-text, #333);
  background-color: var(--pd-discount-bg, #f7e5e5);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.products-details-page .product-formatted-price-discount:empty {
  display: none;
}
.products-details-page .product-header-rating,
.products-details-page .product-card-rating-count,
.products-details-page .product-header-rating-count {
  color: var(--pd-rating-count, #333);
}
.products-details-page .icon-star1,
.products-details-page .icon-half-star {
  color: var(--pd-rating-stars, #d7a600);
}
.products-details-page .icon-star1.deactive,
.products-details-page .icon-star1.deactive:before {
  color: #cccccc;
}
.products-details-page .product-buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-block-start: 20px;
  width: 100%;
}
.products-details-page .product-buttons .buyrow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-block-end: 20px;
}
.products-details-page .product-buttons .select-quantity-div {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  display: flex;
  align-items: center;
  gap: 12px;
}
.products-details-page .product-buttons .select-quantity-div .select-quantity-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-color-alt3, #333);
  white-space: nowrap;
}
.products-details-page .product-buttons .btn-add-to-cart {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none;
  margin: 0 !important;
}
.products-details-page .product-buttons .btn-buy-now {
  flex: 0 0 auto;
  width: 100% !important;
  margin: 0 !important;
  font-size: 16px;
  font-weight: 400;
}
.products-details-page .btn-add-to-cart {
  background-color: var(--pd-btn-bg, var(--primary-color));
  color: var(--pd-btn-text, var(--text-color-primary-bg));
  border-radius: var(--pd-btn-radius, 8px);
  height: 48px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
}
.products-details-page .add-to-cart-icon {
  width: 20px;
  height: 20px;
  background-color: var(--pd-btn-text, var(--text-color-primary-bg));
  mask-size: contain !important;
}
.products-details-page .btn-buy-now {
  background-color: transparent;
  border: 1px solid var(--pd-btn-bg, var(--primary-color));
  color: var(--pd-btn-bg, var(--primary-color));
  border-radius: var(--pd-btn-radius, 8px);
  height: 48px;
  padding: 10px 16px;
  font-size: 1rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.products-details-page .buy-now-icon {
  width: 20px;
  height: 20px;
  background-color: var(--pd-btn-bg, var(--primary-color));
  mask-size: contain !important;
}
.products-details-page .paysafe {
  margin-block-start: 24px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .products-details-page .paysafe {
    margin-block-start: 16px;
  }
}
.products-details-page .payguar {
  margin: 0 0 12px;
  color: #555;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .products-details-page .payguar {
    font-size: 16px;
  }
}
.products-details-page .paylogos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px 16px;
}
.products-details-page .paylogos img {
  display: block;
  height: 24px;
  width: auto;
  max-width: 72px;
  object-fit: contain;
}
.products-details-page .applepay {
  margin-block-start: 0;
}
.products-details-page .product-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block: 0;
  padding-inline: 0;
  margin-block-end: 16px;
}
.products-details-page .product-header .product-header-start {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex-wrap: wrap;
}
.products-details-page .product-header .product-category-image {
  flex-shrink: 0;
}
.products-details-page .product-header .product-category-image img {
  display: block;
  max-height: 40px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
}
.products-details-page .product-header .product-header-rating {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 14px;
  min-width: 0;
}
.products-details-page .product-header .product-header-rating .icon-star1 {
  font-size: 14px;
  margin: 0;
}
.products-details-page .product-header .product-header-rating .product-header-rating-avg {
  font-weight: 600;
}
.products-details-page .product-header .product-header-rating .product-header-rating-count {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.products-details-page .product-header .product-header-availability {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  font-size: 14px;
  color: var(--secondary-color-alt3, #333);
  white-space: nowrap;
}
.products-details-page .product-header .product-header-availability .product-availability-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #34c759;
  box-shadow: 0 0 0 6px rgba(52, 199, 89, 0.18);
}
.products-details-page .product-header .product-header-availability.is-out-of-stock .product-availability-dot {
  background-color: #ec5550;
  box-shadow: 0 0 0 6px rgba(236, 85, 80, 0.18);
}
.products-details-page .carousel {
  position: relative;
}
.products-details-page h4 {
  font-size: 1.3rem;
}
.products-details-page .modal-content {
  border: none;
}
.products-details-page #product-images,
.products-details-page .product-images-swiper,
.products-details-page .product-images-swiper .swiper-wrapper,
.products-details-page .product-images-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}
.products-details-page #product-images-swiper img {
  object-fit: var(--pd-img-fit, contain);
  cursor: pointer;
}
.products-details-page .product-images-swiper .swiper-slide .box-1-1 {
  aspect-ratio: 1/1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.products-details-page .product-images-swiper .swiper-slide .box-1-1::before {
  display: none;
}
.products-details-page .product-images-swiper .swiper-slide .box-1-1 .content {
  position: static;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.products-details-page .product-images-swiper .swiper-button-prev,
.products-details-page .product-images-swiper .swiper-button-next {
  display: var(--pd-arrows-web, flex);
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-block-start: 0;
  inset-block-start: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: #f7f4ef;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  z-index: 2;
  opacity: 1;
}
.products-details-page .product-images-swiper .swiper-button-prev:after,
.products-details-page .product-images-swiper .swiper-button-next:after {
  font-size: 14px;
  font-weight: 700;
  color: #4a4a4a;
}
.products-details-page .product-images-swiper .swiper-button-prev:hover,
.products-details-page .product-images-swiper .swiper-button-next:hover {
  background-color: #fff;
}
.products-details-page .product-images-swiper .swiper-button-prev.swiper-button-disabled,
.products-details-page .product-images-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.products-details-page .product-images-swiper .swiper-button-prev.d-none,
.products-details-page .product-images-swiper .swiper-button-next.d-none {
  display: none !important;
}
.products-details-page .product-images-swiper .swiper-button-prev {
  inset-inline-start: 12px;
  inset-inline-end: auto;
}
.products-details-page .product-images-swiper .swiper-button-next {
  inset-inline-end: 12px;
  inset-inline-start: auto;
}
.products-details-page .product-images-pagination {
  display: var(--pd-dots-web, none) !important;
}
.products-details-page .product-images-pagination.d-none {
  display: none !important;
}
.products-details-page .lg-thumbs {
  display: var(--pd-thumbs-web, flex);
  margin-inline: -7.5px;
  margin-block-end: 25px;
}
.products-details-page .lg-thumbs.d-none-important {
  display: none !important;
}
.products-details-page .lg-thumbs a {
  cursor: pointer;
}
.products-details-page .lg-thumbs img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}
.products-details-page .lg-thumbs .col-3 {
  flex: 0 0 20%;
  max-width: 20%;
  margin-block-start: 15px;
  padding-inline: 7.5px;
}
.products-details-page .lg-thumbs .row {
  margin-inline: 7.5px;
}
.products-details-page .pd-gallery-layout {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 10px;
}
.products-details-page .pd-gallery-layout .pd-gallery-main {
  flex: 1 1 0;
  min-width: 0;
}
.products-details-page .pd-gallery-layout .pd-gallery-main .col-product-image-wrapper {
  padding-inline: 0;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 76px;
  flex-shrink: 0;
  margin: 0;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs.d-none-important {
  display: none !important;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item {
  width: 100%;
  cursor: pointer;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item .box-1-1 {
  aspect-ratio: 1/1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item .box-1-1::before {
  display: none;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item .box-1-1 .content {
  position: static;
  width: 100%;
  height: 100%;
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item:hover .box-1-1, .products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item.active .box-1-1 {
  border-color: var(--primary_color, #333);
}
.products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products-details-page .pd-gallery-layout.pd-gallery-no-thumbs .pd-gallery-main {
  width: 100%;
}
.products-details-page #carousel-thumbs {
  padding-inline: 50px;
}
.products-details-page #carousel-thumbs img {
  opacity: 80%;
  border: 3px solid transparent;
  cursor: pointer;
}
.products-details-page #carousel-thumbs img:hover {
  opacity: 100%;
}
.products-details-page #carousel-thumbs .selected img {
  opacity: 100%;
}
.products-details-page #carousel-thumbs .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.products-details-page #carousel-thumbs .carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.products-details-page .carousel-control-prev,
.products-details-page .carousel-control-next {
  width: 44px;
  height: 44px;
}
.products-details-page .carousel-fullscreen-icon {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}
.products-details-page .carousel-fullscreen-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
}
.products-details-page .carousel-fullscreen-control {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
  width: 44px;
  height: 44px;
  background-color: #e1e1e1;
}
.products-details-page .pause .carousel-pause-icon {
  position: absolute;
  inset-block-start: 3.75rem;
  inset-inline-start: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}
.products-details-page .pause .carousel-pause-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
}
.products-details-page .play .carousel-pause-icon {
  position: absolute;
  inset-block-start: 3.75rem;
  inset-inline-start: 1rem;
  width: 1.75rem;
  height: 1.75rem;
  z-index: 4;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(255,255,255,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}
.products-details-page .play .carousel-pause-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255,255,255)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
}
.products-details-page #lightbox-container-image img {
  width: auto;
  max-height: 520px;
}
@media only screen and (max-width: 768px) {
  .products-details-page .lg-thumbs.d-none-important {
    display: none !important;
  }
  .products-details-page .pd-gallery-layout {
    flex-direction: column;
  }
  .products-details-page .pd-gallery-layout .pd-gallery-main {
    flex: none;
    width: 100%;
  }
  .products-details-page .pd-gallery-layout .pd-gallery-thumbs {
    display: var(--pd-thumbs-mobile, flex);
    flex-direction: row;
    width: 100%;
    overflow-x: auto;
    gap: 8px;
    padding-block-end: 4px;
    align-items: flex-start;
  }
  .products-details-page .pd-gallery-layout .pd-gallery-thumbs .pd-thumb-item {
    flex: 0 0 68px;
    width: 68px;
  }
  .products-details-page .product-images-pagination {
    display: var(--pd-dots-mobile, block) !important;
    inset-block-end: 8px;
  }
  .products-details-page .product-images-pagination.d-none {
    display: none !important;
  }
  .products-details-page .product-images-pagination .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
  }
  .products-details-page .product-images-pagination .swiper-pagination-bullet-active {
    background: #666;
  }
  .products-details-page .products-details {
    margin-block-start: 0;
  }
  .products-details-page .product-images-swiper .swiper-button-prev,
  .products-details-page .product-images-swiper .swiper-button-next {
    display: var(--pd-arrows-mobile, none);
  }
  .products-details-page .product-images-swiper .swiper-button-prev.d-none,
  .products-details-page .product-images-swiper .swiper-button-next.d-none {
    display: none !important;
  }
  .products-details-page .product-buttons .buyrow {
    align-items: flex-end;
  }
  .products-details-page .product-buttons .select-quantity-div {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

.carousel-img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: contain;
}

.product-images-carousel-init {
  overflow: hidden;
}

.col-product-info,
.col-product-info-single-image {
  padding-block-start: 0;
}

.col-product-image-wrapper {
  padding-inline: 15px;
}

.imgarea {
  position: relative;
}

.pbadge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 80px);
  padding: 6px 14px;
  border-radius: 999px;
  color: var(--pd-badge-text, #fff);
  background-color: var(--pd-badge-bg, #007917);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  pointer-events: none;
}

.imgacts {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.favbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  color: #333;
  cursor: pointer;
}

.sharebtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-inline: 12px;
  padding-block: 7px;
  border-radius: 20px;
  border: 1.5px solid var(--secondary-color-alt4, #d0d0d0);
  color: var(--secondary-color-alt3, #444);
  cursor: pointer;
  background-color: transparent;
  font-size: 13px;
  transition: border-color 0.2s, color 0.2s;
}
.sharebtn:hover {
  border-color: var(--primary_color, #333);
  color: var(--primary_color, #333);
}
.sharebtn .sharebtn-text {
  font-size: 13px;
  line-height: 1;
}

.imgacts .favbtn.add-to-wishlist,
.imgacts .add-to-wishlist.favbtn {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  margin: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: auto;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.rtl .imgacts .add-to-wishlist.favbtn {
  left: auto;
  right: auto;
}

.favbtn .icon-heart-mask {
  width: 24px;
  height: 24px;
  background-color: #fff !important;
}
.favbtn .icon-heart-mask.filled::before {
  background-color: var(--primary_color, #d86f6f);
}
.favbtn .loader {
  position: absolute;
  inset: 0;
  margin: auto;
}

.sharebtn svg {
  display: block;
  flex-shrink: 0;
}

@media only screen and (max-width: 768px) {
  .col-product-info {
    padding-block-start: 20px;
  }
  .col-product-info-single-image {
    padding-block-start: 25px;
  }
  .col-product-image-wrapper {
    padding: 0;
  }
}
#product-custom-user-dropdown-fields label {
  display: block;
  color: var(--primary-color);
}
#product-custom-user-dropdown-fields select {
  display: block;
  width: 100%;
  padding-block: 10px;
  padding-inline: 5px;
  border-color: #ccc;
  border-radius: 3px;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
#product-custom-user-dropdown-fields > div.form-group > div {
  position: relative;
}
#product-custom-user-dropdown-fields > div.form-group > div:after {
  content: "\e94b";
  font-family: "icomoon";
  font-size: 20px;
  color: #333;
  inset-inline-end: 0;
  inset-block-start: 24px;
  padding-block: 5px;
  padding-inline: 8px;
  border-inline-start: 1px solid #ccc;
  position: absolute;
  pointer-events: none;
  height: 40px;
  width: 40px;
}

.select-quantity-div {
  flex-shrink: 0;
  margin: 0;
}
.select-quantity-div .form-group {
  width: auto;
  margin-block-end: 0;
}

.qty {
  direction: ltr;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  width: 120px;
  height: 48px;
  padding-inline: 10px;
  border: 1px solid var(--pd-qty-border, #1a1a1a);
  border-radius: var(--pd-btn-radius, 8px);
  background-color: var(--pd-qty-bg, #fff);
  color: var(--pd-qty-text, #1a1a1a);
}

.qbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}
.qbtn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.qbtn:focus-visible {
  outline: 2px solid var(--pd-qty-border, #1a1a1a);
  outline-offset: 2px;
  border-radius: 50%;
}

.qnum {
  width: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  appearance: textfield;
  -moz-appearance: textfield;
}
.qnum::-webkit-outer-spin-button, .qnum::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qnum:focus {
  outline: none;
}

.ekko-lightbox-nav-overlay a:last-child span {
  text-align: start;
}

#product-custom-user-option-fields,
.add-review-form-checkbox {
  display: flex;
  flex-wrap: wrap;
}
#product-custom-user-option-fields .form-group,
.add-review-form-checkbox .form-group {
  width: 100%;
}
#product-custom-user-option-fields input,
.add-review-form-checkbox input {
  display: none;
}
#product-custom-user-option-fields input + span,
.add-review-form-checkbox input + span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ced4da;
  border-radius: 3px;
  cursor: pointer;
  inset-inline-end: 2px;
  inset-block-start: 4px;
  position: relative;
}
#product-custom-user-option-fields input:checked + span:after,
.add-review-form-checkbox input:checked + span:after {
  position: absolute;
  inset-block-start: -2px;
  content: "\e910";
  font-family: "icomoon";
  font-size: 14px;
}

#product-custom-user-option-fields .form-group label {
  display: inline-block;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 3px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.add-review-form-checkbox input + span {
  inset-inline-end: 0 !important;
}

#product-custom-user-input-fields .file-label {
  margin-block-end: 0;
}
#product-custom-user-input-fields .file-label > * {
  margin-inline-end: 10px;
}
#product-custom-user-input-fields .icon-close::after {
  font-family: "icomoon" !important;
  content: "\f05c";
  font-size: 18px;
  cursor: pointer;
}

.description-icon {
  font-size: 32px;
  width: 32px;
  color: var(--primary-color);
}

.pacc {
  margin-block-start: 2rem;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.paccitem {
  border: 1px solid var(--pd-acc-border, #EEE);
}

.paccbtn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  padding: 16px;
  color: var(--pd-acc-title, #111);
  text-align: start;
  cursor: pointer;
}

.pacctitle {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--pd-acc-title, #111);
}
@media screen and (max-width: 768px) {
  .pacctitle {
    font-size: 18px;
    font-weight: 400;
  }
}

.paccicon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  color: var(--pd-acc-icon, #111);
  background: var(--pd-acc-icon-bg, #fff);
  border-radius: 50%;
  border: 1px solid var(--pd-acc-border, #EEE);
}
.paccicon::before {
  content: "+";
}

.paccbtn[aria-expanded=true] .paccicon {
  background: var(--pd-acc-icon-active-bg, #0B4C56) !important;
  color: var(--pd-acc-icon-active-color, #fff) !important;
  border-color: var(--pd-acc-icon-active-bg, #0B4C56) !important;
}

.paccbtn[aria-expanded=true] .paccicon::before {
  content: "−";
}

.paccbody {
  padding: 20px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--secondary-color-alt8, #555);
}
@media screen and (max-width: 768px) {
  .paccbody {
    padding: 12px;
  }
}
.paccbody .card-table {
  margin-inline-start: 0;
}

.description-title {
  font-size: 1.733rem;
  font-weight: 500;
  color: var(--secondary-color-alt3);
  margin-inline-start: 40px;
}

#product-description td,
#product-description th,
.paccbody td,
.paccbody th {
  border: 2px solid #dddddd;
  text-align: center;
  padding: 8px;
}

.description-paragrah {
  margin-inline-start: 72px;
  font-size: 1.1rem;
  font-weight: 400;
  color: var(--secondary-color-alt8);
  line-height: 1.6;
}

.tooltip-info-icon {
  font-size: 1.5rem;
  color: var(--secondary-color-alt3);
}

.card-table {
  margin-inline-start: 72px;
  margin-block: 10px;
}

.card-table-header {
  background-color: var(--secondary-color-alt4);
  color: var(--secondary-color-alt3);
  font-size: 1.167rem;
  font-weight: var(--font-weight-sizeOne);
}

.card-text-color {
  color: var(--secondary-color-alt3);
  font-size: 1.333rem;
  font-weight: var(--font-weight-sizeOne);
}

.card-price {
  color: var(--primary-color);
  font-size: 1.333rem;
  font-weight: var(--font-wieght-sizeTwo);
  margin-block: 10px;
  margin-inline: 20px;
}

.card-body {
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .description-paragrah {
    margin: 0 !important;
  }
  .card-table {
    margin-block: 0 10px !important;
    margin-inline: 0 !important;
  }
  .description-title {
    margin-inline-start: 20px;
  }
}
.variant-image-wrapper {
  width: 60px;
  margin-inline-end: 10px;
}
.variant-image-wrapper img {
  object-fit: contain;
}

.options-table .col {
  flex-basis: 0;
}
.options-table .variant-name-sm {
  margin-inline-end: 20px;
  width: 22%;
}
.options-table .m-col {
  margin-block: 5px;
}
@media only screen and (max-width: 768px) {
  .options-table .col {
    flex-basis: unset;
  }
}

.size-box #product-variants-options ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.size-box #product-variants-options ul li {
  width: auto;
  padding-block: 5px;
  padding-inline: 10px;
  margin-inline-end: 10px;
  cursor: pointer;
  border: 1px solid #efefef;
  text-align: center;
  margin-block-end: 10px;
  display: inline-block;
}
.size-box #product-variants-options ul li a {
  color: #222222;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.size-box #product-variants-options ul li.active {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.border-product {
  margin-block-start: 20px;
}

.revbox .revsum {
  margin-block-end: 24px;
}
@media (min-width: 992px) {
  .revbox .revsum {
    margin-block-end: 0;
    padding-inline-end: 24px;
  }
}
.revbox .revavg {
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1.1;
  color: #111;
}
.revbox .revstars {
  margin-block: 6px 8px;
}
.revbox .revbased {
  margin: 0 0 18px;
  color: #666;
  font-size: 0.9rem;
}
.revbox .revbars {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.revbox .revbar {
  display: grid;
  grid-template-columns: 18px 1fr minmax(64px, auto);
  align-items: center;
  gap: 10px;
}
.revbox .revbarc {
  color: #666;
  font-size: 0.8125rem;
  white-space: nowrap;
  text-align: start;
}
.revbox .revbarn {
  color: #333;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
}
.revbox .revbartrack {
  position: relative;
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8e8e8;
}
.revbox .revbarfill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--pd-rating-stars, #f5a623);
}
.revbox .revlisttitle {
  margin: 0 0 16px;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #111;
}
.revbox .revlist .card-review {
  margin: 0;
  border: 0;
  border-radius: 0;
  border-block-end: 1px solid #e5e5e5;
  box-shadow: none;
}
.revbox .revlist .card-review:last-child {
  border-block-end: 0;
}
.revbox .revlist .card-review .card-body {
  padding: 16px 0;
}
.revbox .revlist .revitemtop {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.revbox .revlist .revitemstars {
  margin-block-end: 4px;
}
.revbox .revlist .revitemstars .icon-star1,
.revbox .revlist .revitemstars .icon-half-star {
  width: 20px;
  height: 20px;
}
.revbox .revlist .card-name-customer {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #111;
}
.revbox .revlist .user-review-date {
  margin: 0;
  flex-shrink: 0;
  color: #9a9a9a;
  font-size: 0.8125rem;
}
.revbox .revlist .user-review-text {
  margin: 8px 0 0;
  color: #444;
  font-size: 0.9375rem;
  line-height: 1.6;
}
.revbox .revlist .review-images-container,
.revbox .revlist .review-reply-card {
  margin-inline-start: 0;
}
.revbox .revmorewrap {
  margin-block-start: 12px;
  text-align: center;
}
.revbox .revmore {
  color: #111;
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: underline;
}
.revbox .revcta {
  display: flex;
  justify-content: center;
  margin-block-start: 28px;
}
.revbox .btn-add-review {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  height: 48px;
  padding: 10px 28px;
  border: 0;
  border-radius: var(--pd-btn-radius, 8px);
  background-color: var(--pd-btn-bg, var(--primary-color));
  color: var(--pd-btn-text, #fff);
  font-size: 18px;
  font-weight: 400;
  width: 90%;
}
.revbox .btn-add-review:hover, .revbox .btn-add-review:focus {
  color: var(--pd-btn-text, #fff);
  opacity: 0.92;
}
.revbox .revempty {
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.add-review-btn {
  margin-inline-start: 15px;
  background-color: var(--primary-color);
  color: var(--text-color-primary-bg);
}
@media only screen and (max-width: 768px) {
  .add-review-btn {
    margin-inline-start: auto;
  }
}

.qbox .qcta {
  display: flex;
  justify-content: center;
  margin-block-end: 20px;
}
.qbox .btn-addq {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  height: 48px;
  padding: 10px 28px;
  border: 0;
  border-radius: var(--pd-btn-radius, 8px);
  background-color: var(--pd-btn-bg, var(--primary-color));
  color: var(--pd-btn-text, #fff);
  font-size: 18px;
  font-weight: 400;
}
.qbox .btn-addq:hover, .qbox .btn-addq:focus {
  color: var(--pd-btn-text, #fff);
  opacity: 0.92;
}

.icon-star1,
.icon-border-star {
  margin-inline: 2px;
  margin-block-start: 1px;
}

.icon-star1.deactive:before {
  color: #cccccc;
}

.rating_count_5,
.rating_count_4,
.rating_count_3,
.rating_count_2,
.rating_count_1 {
  width: 25px;
}

.user-review-date {
  margin-inline-start: auto;
  color: #cccccc;
}

.card-name-customer {
  font-size: 1.22rem;
  margin-inline: 2px;
}

.user-review-text {
  color: #484848;
  margin-inline-start: 50px;
}
@media only screen and (max-width: 768px) {
  .user-review-text {
    margin-inline: 0 !important;
  }
}

.card-review .icon-account_circle {
  width: 38px;
  height: 38px;
  font-size: 20px;
  background: #f0f2f5;
  text-align: center;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.card-review .review-images-container {
  margin-inline-start: 50px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 15px;
}
.card-review .review-images-container img {
  display: block;
  width: 100px;
  height: 100px;
  object-fit: contain;
  border-radius: 5px;
  border: #ced4da 1px solid;
  overflow: hidden;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .card-review .review-images-container {
    margin-inline: 0 !important;
  }
}
.card-review .review-reply-card {
  padding: 10px;
  border-radius: 10px;
  margin-inline-start: 50px;
  background-color: var(--primary-color-op-5, rgba(206, 212, 218, 0.2));
}
.card-review .review-reply-card .icon-account_circle img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 768px) {
  .card-review .review-reply-card {
    margin-inline: 0 !important;
  }
}
.card-review .card-name {
  margin-inline-start: 10px;
}

.rating-section {
  margin-block: 15px;
}
.rating-section h4 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
  margin-inline-start: 4px;
}

.rating-section-top {
  margin-block: 0;
}

.review-details .rating-section {
  margin-inline-start: 15px;
}

.rating-average {
  font-size: 2rem !important;
  min-width: 80px;
  margin: 0;
}

.btnrating {
  cursor: pointer;
  font-size: 18px;
}
.btnrating > i:before, .btnrating.deactive > i:before {
  color: #cccccc;
}
.btnrating.active > i:before {
  color: #edb900;
}

.div-btnrating {
  margin-inline-start: auto;
}

.bottom-buttons,
.review-remaining-count {
  text-align: end;
}

.all-reviews-btn {
  background-color: transparent;
  color: var(--primary-color);
  text-decoration: underline;
  padding-inline: 0;
}

.product-social {
  margin-inline: -7.5px;
}
.product-social i {
  font-size: 20px;
  color: var(--primary-color);
}
.product-social a {
  padding-inline: 7.5px;
}

.product-features {
  margin-inline: -7.5px;
  margin-block-end: 15px;
}
.product-features > div {
  padding-inline: 7.5px;
}

.modal-comment-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  outline: 0;
}

.modal-product-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-start-start-radius: 0.3rem;
  border-start-end-radius: 0.3rem;
}

.modal-product-title {
  font-size: 24px;
  font-weight: 500;
  color: var(--primary-color);
}
@media screen and (max-width: 768px) {
  .modal-product-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .modal-product-title {
    font-size: 18px;
  }
}

.bundle-offer-title-description {
  font-size: 1rem;
}

.bundle-offer-more {
  text-align: end;
}
.bundle-offer-more > a {
  color: var(--primary-color);
  text-decoration: underline;
  font-size: 1.2rem;
  cursor: pointer;
}

.modal-dialog-scrollable .modal-dialog {
  overflow-y: initial !important;
}
.modal-dialog-scrollable .modal-body .bundle-offer-products {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
}

.bundle-offer-title {
  unicode-bidi: isolate;
}

.bundle-offer-products-dialog .bundle-offer-title,
.bundle-offer-products-dialog .bundle-offer-title-description {
  margin-inline-end: 40px;
}

.bundle-offer-details-products {
  overflow-x: visible;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .bundle-offer-details-products {
    overflow-x: scroll;
    flex-wrap: nowrap;
  }
}

.form-notify-me {
  border: 1px solid var(--primary-color);
  padding: 15px;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.form-notify-me-phone-row {
  display: flex;
  gap: 20px;
  direction: ltr;
}
.form-notify-me-phone-row > input:first-child {
  max-width: 80px;
}

.form-notify-me-submit-button-row {
  display: flex;
  justify-content: end;
}

.btn-send-notify {
  margin-inline-start: 15px;
  width: 100px;
  height: 40px;
}

.products-reviews-page .product-image {
  width: 150px;
  height: auto;
  margin-inline-end: 15px;
  object-fit: contain;
  max-height: 180px;
}

.footer-sticky {
  display: block;
  inset-block-end: 0;
  inset-inline-start: 0;
  position: -webkit-sticky;
  position: sticky;
  padding-inline: 20px;
  padding-block-end: calc(0px + env(safe-area-inset-bottom));
  width: 100%;
  background-color: #f9f9f9;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  --webkit-transform: translateZ(0);
}

.questions-card-init {
  padding: 24px;
}
.questions-card-init .image-box,
.questions-card-init .content-box {
  margin-block-end: 18px;
}
.questions-card-init .content-box p {
  font-size: 16px;
  color: #81808C;
  font-weight: 400;
}

.questions-card-preview {
  padding: 16px;
}
.questions-card-preview .customer-name {
  margin-block-end: 8px;
  color: #494949;
  font-weight: 400;
}
.questions-card-preview .question-box .question {
  font-size: 16px;
  font-weight: 500;
  color: #494949;
  margin-block-end: 5px;
}
.questions-card-preview .answer-box .answer {
  font-size: 16px;
  font-weight: 400;
  color: #494949;
}

.questions-view_more a {
  color: var(--primary-color);
  font-size: 14px;
}

.questions-pagination .page-item {
  font-size: 16px;
}
.questions-pagination .page-item .page-link {
  color: var(--primary-color);
}
.questions-pagination .page-item.selected a {
  background-color: var(--primary-color);
  color: #ffffff;
}

.play-icon,
.iframe-video {
  position: absolute;
  inset-block-start: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-inline: auto;
}

.play-icon {
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
  width: 70px !important;
  max-width: 25%;
  border: none !important;
}
.play-icon:hover {
  opacity: 1;
}

.iframe-video {
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  background-color: black;
}

.tabby-product-widget .tabby-promo-snippet {
  font-family: inherit;
}

.revlist-header-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 24px;
}
.revlist-header-box .revlisttitle {
  font-size: 16px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0;
}
.revlist-header-box .review-sort-dropdown .btn {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  font-size: 14px;
}
.revlist-header-box .review-sort-dropdown .sort-value {
  font-weight: 700;
  color: #1a1a1a;
  margin-inline-start: 4px;
}
.revlist-header-box .review-sort-dropdown .dropdown-toggle::after {
  margin-inline-start: 8px;
  vertical-align: middle;
}

.related-products-section {
  overflow-x: hidden;
  margin-block-start: 20px;
}
.related-products-section .section-title {
  font-size: 20px;
  font-weight: 700;
  margin-block-end: 24px;
  position: relative;
  padding-inline-start: 16px;
}
@media screen and (max-width: 768px) {
  .related-products-section .section-title {
    font-size: 18px;
  }
}