/* Start Style Breadcrumbs ========== */
.woocommerce-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 18px 0;
  padding: 12px 18px;
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 100%);
  border: 1px solid rgba(18, 5, 207, 0.1);
  border-radius: 16px;
  box-shadow:
    0 10px 30px rgba(67, 97, 238, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  color: #6b7280;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.9;
  text-align: right;
  position: relative;
  overflow: hidden;
}

.woocommerce-breadcrumb::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,
      rgba(67, 97, 238, 0.04),
      rgba(255, 255, 255, 0));
  pointer-events: none;
}

.woocommerce-breadcrumb a {
  position: relative;
  color: var(--hx-text);
  font-weight: 700;
  text-decoration: none;
  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}

.woocommerce-breadcrumb a:hover {
  color: var(--hx-blue);
}

.woocommerce-breadcrumb a:focus-visible {
  outline: 3px solid rgba(67, 97, 238, 0.22);
  outline-offset: 3px;
  border-radius: 6px;
}

.woocommerce-breadcrumb>* {
  position: relative;
  z-index: 1;
}

.woocommerce-breadcrumb .breadcrumb_last {
  color: #8b93a7;
  font-weight: 600;
}

.container .woocommerce-breadcrumb {
  max-width: 100%;
}

@media (max-width: 768px) {
  .woocommerce-breadcrumb {
    display: flex;
    width: 100%;
    margin: 14px 0;
    padding: 11px 14px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 1.85;
  }
}

@media (max-width: 576px) {
  .woocommerce-breadcrumb {
    padding: 10px 12px;
    border-radius: 13px;
    font-size: 12.5px;
    gap: 5px;
  }
}

@media (max-width: 430px) {
  .woocommerce-breadcrumb {
    padding: 9px 11px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.8;
  }
}

/* END Style Breadcrumbs ========== */
/* =========================================
   MAIN ARCHIVE WRAPPER
========================================= */
main.site-main {
  position: relative;
  overflow: hidden;
}

main.site-main>* {
  position: relative;
  z-index: 2;
}

.hexella-archive-bg,
.hexella-archive-filters {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.hexella-archive-filters {
  order: 0;
}

@media (min-width: 992px) {
  .hexella-archive-bg {
    width: 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .hexella-archive-filters {
    width: 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 951px) and (max-width: 991px) {
  .hexella-archive-bg {
    width: 66.6667%;
    flex: 0 0 66.6667%;
    max-width: 66.6667%;
  }

  .hexella-archive-filters {
    width: 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
  }
}

@media (max-width: 950px) {

  .hexella-archive-bg,
  .hexella-archive-filters {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.title-main {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.woocommerce-products-header {
  margin: 0 0 0.85rem;
  padding: 0 0 0.35rem;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.woocommerce-products-header__title.page-title {
  margin: 0;
  padding-bottom: 0.5rem;
  position: relative;
  color: #0f172a;
  font-size: clamp(1.4rem, 2.3vw, 2rem);
  font-weight: 900;
  line-height: 1.5;
  letter-spacing: -0.3px;
}

.woocommerce-products-header__title.page-title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 78px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #4f46e5, #1205cf);
}

.hexella-archive-bg {
  position: relative;
  margin: 0 0 2rem;
  padding: 1.1rem;
  border-radius: 1.75rem;
  overflow: hidden;
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(248, 250, 255, 0.94) 100%),
    radial-gradient(circle at top right,
      rgba(18, 5, 207, 0.08),
      transparent 30%),
    radial-gradient(circle at bottom left,
      rgba(79, 70, 229, 0.06),
      transparent 30%);
  border: 1px solid rgba(18, 5, 207, 0.08);
  box-shadow:
    0 30px 80px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  order: 1;
}

.hexella-archive-bg::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  top: -110px;
  right: -90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(18, 5, 207, 0.08), transparent 70%);
  pointer-events: none;
}

.hexella-archive-bg::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  bottom: -110px;
  left: -90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79, 70, 229, 0.08), transparent 70%);
  pointer-events: none;
}

.philipsmarket-archive {
  margin: 0 0 2rem;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
}

.philipsmarket-archive .page-title-h2 {
  margin: 0 0 0.7rem;
  color: #0f172a;
  font-size: clamp(1rem, 1.6vw, 1.22rem);
  font-weight: 900;
  line-height: 1.8;
}

#plp_desc_cat.pcat-plp {
  color: #64748b;
  font-size: 0.92rem;
  line-height: 2;
}

#plp_desc_cat.pcat-plp p {
  margin: 0 0 0.7rem;
}

#plp_desc_cat.pcat-plp ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#plp_desc_cat.pcat-plp li {
  margin: 0;
  padding: 0;
}

#plp_desc_cat.pcat-plp a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.88rem;
  border-radius: 999px;
  color: #1205cf;
  text-decoration: none;
  font-size: 0.78rem;
  font-weight: 800;
  background: rgba(18, 5, 207, 0.07);
  border: 1px solid rgba(18, 5, 207, 0.1);
  transition: all 0.3s ease;
}

#plp_desc_cat.pcat-plp a:hover {
  color: #fff;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow: 0 14px 34px rgba(18, 5, 207, 0.18);
  transform: translateY(-2px);
}

/* 
.woocommerce-notices-wrapper {
  margin: 0 0 .9rem;
} */

.woocommerce-result-count,
.woocommerce-ordering {
  margin-bottom: 0.9rem;
}

.woocommerce-result-count {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0.65rem 0.95rem;
  border-radius: 1rem;
  color: #475569;
  background: rgba(255, 255, 255, 0.58);
  border: 1px solid rgba(18, 5, 207, 0.07);
  font-size: 0.84rem;
  font-weight: 700;
}

.woocommerce-ordering select {
  min-width: 220px;
  height: 42px;
  padding: 0 0.9rem;
  border-radius: 1rem;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(18, 5, 207, 0.1);
  box-shadow: none;
  outline: none;
  font-size: 0.82rem;
  font-weight: 700;
}

/* =========================================
   PRODUCTS GRID
========================================= */
#product_list.products.product-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 2rem 0;
  padding: 0.15rem;
}

#product_list .item-product.ph-product-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0.8rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid rgba(15, 23, 42, 0.07);
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

#product_list .item-product.ph-product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left,
      rgba(18, 5, 207, 0.08),
      transparent 36%),
    linear-gradient(180deg, transparent, rgba(18, 5, 207, 0.025));
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

#product_list .item-product.ph-product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(18, 5, 207, 0.16);
  box-shadow:
    0 24px 58px rgba(15, 23, 42, 0.12),
    0 10px 26px rgba(18, 5, 207, 0.08);
}

#product_list .item-product.ph-product-card:hover::before {
  opacity: 1;
}

#product_list .ph-product-badges {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  left: 0.65rem;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: end;
  pointer-events: none;
}

#product_list .ph-badge-discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.28rem 0.5rem;
  border-radius: 999px;
  color: #1205cf;
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1;
  background: rgba(255, 255, 255, 0.84);
  border: 1px solid rgba(18, 5, 207, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

#product_list .ph-product-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 170px;
  max-height: 185px;
  padding: 0.6rem;
  margin-bottom: 0.6rem;
  border-radius: 1rem;
  background: transparent;
  text-decoration: none;
}

#product_list .ph-product-img img {
  width: 100%;
  height: auto;
  max-height: 155px;
  object-fit: contain;
  transition: transform 0.35s ease;
}

#product_list .ph-product-card:hover .ph-product-img img {
  transform: scale(1.04);
}

#product_list .ph-product-title {
  min-height: 2.8rem;
  margin: 0 0 0.55rem;
  color: #0f172a;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#product_list .ph-product-title a {
  color: #0f172a;
  text-decoration: none;
  transition: color 0.25s ease;
}

#product_list .ph-product-card:hover .ph-product-title a {
  color: #1205cf;
}

#product_list .ph-product-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem;
  margin-bottom: 0.6rem;
}

#product_list .ph-product-meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.32rem;
  padding: 0.24rem 0.42rem;
  border-radius: 0.55rem;
  color: #64748b;
  background: #f8fafc;
  border: 1px solid rgba(15, 23, 42, 0.05);
  font-size: 0.66rem;
  font-weight: 700;
}

#product_list .ph-product-meta i {
  color: #1205cf;
  font-size: 0.75rem;
}

#product_list .ph-product-price {
  margin-top: auto;
  margin-bottom: 0.65rem;
  padding-top: 0.55rem;
  /* border-top: 1px dashed rgba(15, 23, 42, .12); */
  display: flex;
  flex-direction: column;
  gap: 0.16rem;
  text-align: center;
  direction: rtl;
}

#product_list .hexella-price .old-price,
#product_list .hexella-price .old-price .woocommerce-Price-amount,
#product_list .hexella-price .old-price bdi {
  color: #94a3b8;
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: line-through;
}

#product_list .ph-product-price .new-price,
#product_list .ph-product-price .new-price .woocommerce-Price-amount,
#product_list .ph-product-price .new-price bdi {
  color: #111827;
  font-size: 0.96rem;
  font-weight: 950;
}

#product_list .ph-product-price .woocommerce-Price-currencySymbol {
  color: inherit;
  font-size: 0.7rem;
  font-weight: 800;
}

#product_list .ph-product-price .out-of-stock bdi {
  color: #be123c;
}

#product_list .ph-product-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  min-height: 37px;
  padding: 0.58rem 0.85rem;
  border-radius: 0.85rem;
  color: #1205cf;
  text-decoration: none;
  font-size: 0.79rem;
  font-weight: 900;
  background: rgba(18, 5, 207, 0.07);
  border: 1px solid rgba(18, 5, 207, 0.1);
  transition: all 0.3s ease;
}

#product_list .ph-product-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow: 0 15px 34px rgba(18, 5, 207, 0.22);
}

#product_list .ph-product-btn i {
  font-size: 0.82rem;
  line-height: 1;
}

/* PAGINATION ========================= */
.woocommerce-pagination {
  margin-top: 1.2rem;
  padding-top: 1rem;
}

.woocommerce-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}

.woocommerce-pagination ul.page-numbers li {
  border: 0;
  margin: 0;
  padding: 0;
}

.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 0.8rem;
  border-radius: 0.85rem;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 800;
  color: #334155;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(18, 5, 207, 0.08);
  transition: all 0.3s ease;
}

.woocommerce-pagination .page-numbers a:hover {
  color: #fff;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow: 0 14px 30px rgba(18, 5, 207, 0.18);
}

.woocommerce-pagination .page-numbers .current {
  color: #fff;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(18, 5, 207, 0.18);
}

/* TERM DESCRIPTION ============================== */
.term-description {
  position: relative;
  margin-top: 1.6rem;
  padding: 1.35rem 1.4rem;
  border-radius: 1.4rem;
  color: #222;
  line-height: 2.1;
}

.term-description h2,
.term-description h3,
.term-description h4 {
  color: #0f172a;
  font-weight: 900;
  line-height: 1.7;
}

.term-description h2 {
  margin: 0 0 0.8rem;
  font-size: 1.3rem;
}

.term-description h3 {
  margin: 1rem 0 0.65rem;
  font-size: 1.05rem;
}

.term-description p {
  margin: 0 0 0.85rem;
  font-size: 0.92rem;
}

.term-description ul,
.term-description ol {
  margin: 0 0 1rem;
  padding-right: 1.1rem;
}

.term-description li {
  margin-bottom: 0.45rem;
}

#product_list .ph-product-img:focus-visible,
#product_list .ph-product-title a:focus-visible,
#product_list .ph-product-btn:focus-visible,
#plp_desc_cat.pcat-plp a:focus-visible,
.woocommerce-pagination .page-numbers a:focus-visible {
  outline: 3px solid rgba(18, 5, 207, 0.18);
  outline-offset: 3px;
}

@media (max-width: 1200px) {
  #product_list.products.product-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 992px) {
  main.site-main {
    padding: 1rem;
    border-radius: 1.4rem;
  }

  #product_list.products.product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
  }

  .woocommerce-products-header,
  .philipsmarket-archive {
    padding: 0.95rem 0.5rem;
  }
}

@media (max-width: 768px) {
  main.site-main {
    padding: 0.85rem;
    margin: 1rem 0 1.5rem;
    border-radius: 1.2rem;
  }

  .woocommerce-products-header,
  .philipsmarket-archive,
  .term-description {
    border-radius: 1rem;
  }

  .woocommerce-products-header__title.page-title {
    font-size: 1.3rem;
  }

  #product_list.products.product-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
  }

  #product_list .ph-product-img {
    min-height: 150px;
    max-height: 160px;
  }

  #product_list .ph-product-img img {
    max-height: 135px;
  }

  #product_list .ph-product-meta {
    display: none;
  }

  #product_list .ph-product-title {
    min-height: 2.5rem;
    font-size: 0.8rem;
  }

  .woocommerce-ordering select,
  .woocommerce-result-count {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #product_list.products.product-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.7rem;
  }
}

@media (max-width: 400px) {
  main.site-main {
    padding: 0.75rem;
  }

  #product_list.products.product-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.7rem;
  }

  #product_list .item-product.ph-product-card {
    padding: 0.68rem;
    border-radius: 1rem;
  }

  #product_list .ph-product-title {
    font-size: 0.76rem;
  }

  #product_list .ph-product-price .new-price,
  #product_list .ph-product-price .new-price .woocommerce-Price-amount,
  #product_list .ph-product-price .new-price bdi {
    font-size: 0.88rem;
  }

  .term-description {
    padding: 1rem;
  }

  .term-description h2 {
    font-size: 1.08rem;
  }

  .term-description h3 {
    font-size: 0.96rem;
  }

  .term-description p,
  .term-description li {
    font-size: 0.88rem;
  }
}

/* =========================================================
   PLP SIDEBAR / FILTERS
========================================================= */

:root {
  --hx-indigo: #1205cf;
  --hx-blue: #4f46e5;
  --hx-text-dark: #0f172a;
  --hx-text: #334155;
  --hx-text-soft: #64748b;
  --hx-muted: #8b93a7;

  --hx-white: #ffffff;
  --hx-bg-soft: #f8faff;
  --hx-bg-softer: #fbfcff;

  --hx-border: rgba(18, 5, 207, 0.08);
  --hx-border-strong: rgba(18, 5, 207, 0.14);

  --hx-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.05);
  --hx-shadow-md: 0 16px 36px rgba(15, 23, 42, 0.07);
  --hx-shadow-lg: 0 24px 60px rgba(15, 23, 42, 0.1);

  --hx-glow: 0 14px 34px rgba(18, 5, 207, 0.16);
  --hx-radius-xl: 1.5rem;
  --hx-radius-lg: 1.15rem;
  --hx-radius-md: 0.95rem;
  --hx-radius-sm: 0.8rem;

  --hx-transition: 0.3s ease;
}

#plp_sidebar.plp-sidebar {
  width: 100%;
  max-width: 320px;
  direction: rtl;
  color: var(--hx-text);
}

#plp_sidebar .sidebar-pcat {
  position: relative;
  padding: 1rem;
  border-radius: 1.5rem;
  overflow: hidden;
  background:
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(248, 250, 255, 0.94) 100%),
    radial-gradient(circle at top right,
      rgba(18, 5, 207, 0.08),
      transparent 30%),
    radial-gradient(circle at bottom left,
      rgba(79, 70, 229, 0.06),
      transparent 30%);
  border: 1px solid var(--hx-border);
  box-shadow:
    0 22px 55px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#plp_sidebar .sidebar-pcat::before {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  top: -90px;
  right: -70px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(18, 5, 207, 0.08), transparent 70%);
  pointer-events: none;
}

#plp_sidebar .sidebar-pcat::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  bottom: -80px;
  left: -65px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(79, 70, 229, 0.08), transparent 70%);
  pointer-events: none;
}

#plp_sidebar .sidebar-pcat>* {
  position: relative;
  z-index: 2;
}

button.btn.hx-remove-filter-all {
  background: none;
  border: none;
  font-size: 0.85rem;
  color: #be123c;
}

#hx-filter-open,
#hx-filter-close {
  cursor: pointer;
  transition: all var(--hx-transition);
}

.filter-icon.hx-aside {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.85rem 1rem;
  border-radius: 1rem;
  color: var(--hx-text-dark);
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--hx-border);
  box-shadow: var(--hx-shadow-sm);
  font-size: 0.86rem;
  font-weight: 800;
}

.filter-icon.hx-aside i {
  font-size: 1rem;
  color: var(--hx-indigo);
}

.filter-icon.hx-aside:hover {
  color: var(--hx-indigo);
  background: #fff;
  border-color: var(--hx-border-strong);
  box-shadow: 0 14px 30px rgba(18, 5, 207, 0.1);
}

.hx-filter-overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.35s ease;
  z-index: 9998;
}

@media (max-width: 950px) {
  #hx-filter-open {
    display: inline-flex;
    margin-bottom: 1rem;
  }

  #hx-filter-close {
    display: flex;
    margin-bottom: 1.5rem;
    width: 100%;
  }

  #plp_sidebar {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    max-width: 85vw;
    height: 100vh;
    padding: 25px 20px;
    overflow-y: auto;
    background: #fff;
    z-index: 99999;
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.15);
  }

  #plp_sidebar.is-open {
    transform: translateX(0);
  }

  .hx-filter-overlay.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .hexella-archive-filters {
    position: static;
  }

  .is-hidden-by-filter {
    display: none;
  }
}

@media (min-width: 951px) {

  #hx-filter-open,
  #hx-filter-close,
  .hx-filter-overlay {
    display: none;
  }

  #plp_sidebar {
    position: relative;
    transform: none;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: visible;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
  }
}

.hx-remove-all-filters {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.9rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(18, 5, 207, 0.07);
}

.hx-remove-all-filters h4 {
  margin: 0;
  position: relative;
  padding-right: 0.9rem;
  color: var(--hx-text-dark);
  font-size: 1rem;
  font-weight: 900;
}

.hx-remove-all-filters h4::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 5px;
  height: 20px;
  border-radius: 999px;
  transform: translateY(-50%);
  background: linear-gradient(180deg, #4f46e5, #1205cf);
}

#plp_sidebar h2.widgettitle {
  display: none;
}

#plp_sidebar .woocommerce-ordering {
  margin: 0 0 0.85rem;
}

#plp_sidebar .woocommerce-ordering select.orderby {
  width: 100%;
  min-width: 100%;
  height: 44px;
  padding: 0 0.95rem;
  border-radius: 1rem;
  color: var(--hx-text-dark);
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(18, 5, 207, 0.1);
  box-shadow: none;
  outline: none;
  font-size: 0.82rem;
  font-weight: 700;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, #1205cf 50%),
    linear-gradient(135deg, #1205cf 50%, transparent 50%);
  background-position:
    calc(100% - 18px) 18px,
    calc(100% - 12px) 18px;
  background-size:
    6px 6px,
    6px 6px;
  background-repeat: no-repeat;
}

#plp_sidebar .woocommerce-ordering select.orderby:hover,
#plp_sidebar .woocommerce-ordering select.orderby:focus {
  background-color: #fff;
  border-color: rgba(18, 5, 207, 0.16);
  box-shadow: 0 0 0 4px rgba(18, 5, 207, 0.08);
}

#plp_sidebar .ph-archive-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

#plp_sidebar .ph-archive-sidebar-form {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin: 0;
}

#plp_sidebar .ph-sidebar-box {
  position: relative;
  padding: 0.95rem;
  border-radius: 1.15rem;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  border: 1px solid rgba(18, 5, 207, 0.08);
  box-shadow:
    0 14px 34px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

#plp_sidebar .ph-sidebar-box:hover {
  border-color: rgba(18, 5, 207, 0.14);
  box-shadow:
    0 18px 40px rgba(15, 23, 42, 0.07),
    0 10px 24px rgba(18, 5, 207, 0.05);
}

#plp_sidebar .ph-sidebar-title {
  margin: 0 0 0.85rem;
  color: var(--hx-text-dark);
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1.7;
}

#plp_sidebar .hx-stock-filter.style-list {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

#plp_sidebar .hx-checkbox {
  margin: 0;
}

#plp_sidebar .hx-checkbox label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  min-height: 46px;
  padding: 0.78rem 0.85rem;
  border-radius: 0.95rem;
  background: rgba(248, 250, 255, 0.95);
  border: 1px solid rgba(18, 5, 207, 0.07);
  cursor: pointer;
  transition: all 0.28s ease;
}

#plp_sidebar .hx-checkbox label:hover {
  background: rgba(18, 5, 207, 0.04);
  border-color: rgba(18, 5, 207, 0.12);
  transform: translateY(-1px);
}

#plp_sidebar .hx-checkbox__label {
  color: var(--hx-text);
  font-size: 0.83rem;
  font-weight: 800;
  line-height: 1.8;
}

#plp_sidebar .hx-checkbox__input {
  position: relative;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  border: 1.8px solid rgba(18, 5, 207, 0.22);
  background: #fff;
  cursor: pointer;
  outline: none;
  transition: all 0.25s ease;
}

#plp_sidebar input[type="checkbox"].hx-checkbox__input {
  border-radius: 0.45rem;
}

#plp_sidebar input[type="radio"].hx-checkbox__input {
  border-radius: 50%;
}

#plp_sidebar .hx-checkbox__input:hover {
  border-color: rgba(18, 5, 207, 0.4);
}

#plp_sidebar .hx-checkbox__input:focus-visible {
  box-shadow: 0 0 0 4px rgba(18, 5, 207, 0.12);
}

#plp_sidebar .hx-checkbox__input:checked {
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  border-color: transparent;
  box-shadow: 0 8px 18px rgba(18, 5, 207, 0.18);
}

#plp_sidebar input[type="checkbox"].hx-checkbox__input:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

#plp_sidebar input[type="radio"].hx-checkbox__input:checked::after {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: #fff;
}

#plp_sidebar .hx-checkbox label:has(.hx-checkbox__input:checked) {
  background: linear-gradient(135deg,
      rgba(18, 5, 207, 0.07),
      rgba(79, 70, 229, 0.05));
  border-color: rgba(18, 5, 207, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

#plp_sidebar .hx-checkbox label:has(.hx-checkbox__input:checked) .hx-checkbox__label {
  color: var(--hx-indigo);
}

#plp_sidebar .hexella-onsale-filter .hx-checkbox label::before {
  content: "٪";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  color: #1205cf;
  background: rgba(18, 5, 207, 0.08);
  border: 1px solid rgba(18, 5, 207, 0.1);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
}

#plp_sidebar .ph-stock-box .hx-checkbox label::before {
  content: "";
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  flex: 0 0 auto;
}

#plp_sidebar .ph-stock-box .hx-checkbox:nth-child(1) label::before {
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.1);
}

#plp_sidebar .ph-stock-box .hx-checkbox:nth-child(2) label::before {
  background: #e11d48;
  box-shadow: 0 0 0 4px rgba(225, 29, 72, 0.1);
}

/* =========================================================
   price filter widget
========================================================= */

#plp_sidebar .ph-price-box {
  padding-bottom: 1rem;
}

#plp_sidebar .ph-wc-price-filter-widget form {
  margin: 0;
}

#plp_sidebar .price_slider_wrapper {
  padding-top: 0.3rem;
}

#plp_sidebar .price_slider.ui-slider {
  position: relative;
  height: 8px;
  margin: 14px 8px 18px;
  border: 0;
  border-radius: 999px;
  background: rgba(18, 5, 207, 0.1);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

#plp_sidebar .price_slider .ui-slider-range {
  position: absolute;
  height: 100%;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
  box-shadow: 0 10px 20px rgba(18, 5, 207, 0.22);
}

#plp_sidebar .price_slider .ui-slider-handle {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow:
    0 8px 18px rgba(15, 23, 42, 0.16),
    0 0 0 4px rgba(18, 5, 207, 0.1);
  cursor: grab;
  outline: none;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

#plp_sidebar .price_slider .ui-slider-handle:hover,
#plp_sidebar .price_slider .ui-slider-handle:focus {
  transform: scale(1.07);
  box-shadow:
    0 12px 22px rgba(15, 23, 42, 0.18),
    0 0 0 6px rgba(18, 5, 207, 0.12);
}

#plp_sidebar .price_slider .ui-slider-handle:active {
  cursor: grabbing;
}

#plp_sidebar .price_slider_amount {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  text-align: right;
}

#plp_sidebar .price_label {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  padding: 0.75rem 0.85rem;
  border-radius: 0.9rem;
  background: rgba(248, 250, 255, 0.95);
  border: 1px solid rgba(18, 5, 207, 0.07);
  color: var(--hx-text-soft);
  font-size: 0.79rem;
  font-weight: 700;
  line-height: 1.9;
}

#plp_sidebar .price_label .from,
#plp_sidebar .price_label .to {
  color: var(--hx-text-dark);
  font-weight: 900;
}

#plp_sidebar .price_slider_amount .button {
  order: 2;
  width: 100%;
  min-height: 40px;
  padding: 0.65rem 0.9rem;
  border: 0;
  border-radius: 0.9rem;
  color: #1205cf;
  background: rgba(18, 5, 207, 0.07);
  border: 1px solid rgba(18, 5, 207, 0.1);
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.3s ease;
}

#plp_sidebar .price_slider_amount .button:hover {
  color: #fff;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow: 0 15px 34px rgba(18, 5, 207, 0.22);
}

#plp_sidebar .price_slider_amount .clear {
  display: none;
}

/* =========================================================
   trust box
========================================================= */

#plp_sidebar .ph-trust-box {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(248, 250, 255, 0.96) 100%);
}

#plp_sidebar .ph-trust-list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

#plp_sidebar .ph-trust-list li {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  color: var(--hx-text-soft);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.9;
}

#plp_sidebar .ph-trust-list li::before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  color: #1205cf;
  background: rgba(18, 5, 207, 0.08);
  border: 1px solid rgba(18, 5, 207, 0.1);
  font-size: 0.72rem;
  font-weight: 900;
  flex: 0 0 auto;
}

#plp_sidebar .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#plp_sidebar *,
#plp_sidebar *::before,
#plp_sidebar *::after {
  box-sizing: border-box;
}

#plp_sidebar button,
#plp_sidebar input,
#plp_sidebar select {
  font-family: inherit;
}

#plp_sidebar .woocommerce-ordering select:focus-visible,
#plp_sidebar .hx-checkbox__input:focus-visible,
#plp_sidebar .price_slider_amount .button:focus-visible,
#plp_sidebar .filter-icon:focus-visible {
  outline: 3px solid rgba(18, 5, 207, 0.18);
  outline-offset: 3px;
}

@media (max-width: 991px) {
  #plp_sidebar.plp-sidebar {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  #plp_sidebar .sidebar-pcat {
    padding: 0.9rem;
    border-radius: 1.2rem;
  }

  #plp_sidebar .hx-remove-all-filters h4 {
    font-size: 0.96rem;
  }

  #plp_sidebar .ph-sidebar-box {
    padding: 0.85rem;
    border-radius: 1rem;
  }

  #plp_sidebar .woocommerce-ordering select.orderby,
  #plp_sidebar .hx-checkbox label {
    min-height: 44px;
  }

  #plp_sidebar .price_label {
    font-size: 0.76rem;
  }
}

@media (max-width: 950px) {
  main.site-main {
    z-index: 9999;
  }

  #plp_sidebar.plp-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: min(88vw, 355px);
    max-width: min(88vw, 355px);
    height: 100dvh;
    padding: 0.7rem;
    background: rgba(255, 255, 255, 0.48);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transform: translateX(110%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.28s ease;
  }

  #plp_sidebar.plp-sidebar.active,
  #plp_sidebar.plp-sidebar.open,
  #plp_sidebar.plp-sidebar.is-open {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  #plp_sidebar .filter-icon {
    display: flex;
  }

  #plp_sidebar .sidebar-pcat::-webkit-scrollbar {
    width: 6px;
  }

  #plp_sidebar .sidebar-pcat::-webkit-scrollbar-track {
    background: transparent;
  }

  #plp_sidebar .sidebar-pcat::-webkit-scrollbar-thumb {
    background: rgba(18, 5, 207, 0.2);
    border-radius: 999px;
  }
}

@media (max-width: 430px) {
  #plp_sidebar.plp-sidebar {
    width: 92vw;
    max-width: 92vw;
    padding: 0.5rem;
  }

  #plp_sidebar .sidebar-pcat {
    padding: 0.8rem;
    border-radius: 1rem;
  }

  #plp_sidebar .hx-checkbox__label,
  #plp_sidebar .ph-trust-list li,
  #plp_sidebar .price_slider_amount .button {
    font-size: 0.76rem;
  }
}

/* =========================================================
   Single Product Intro - Flex Percent Layout
========================================================= */
body.single-product main.site-main {
  margin: 0;
  padding: 0;
}

.product-intro {
  --ph-primary: #1205cf;
  --ph-primary-2: #4f46e5;
  --ph-dark: #0f172a;
  --ph-text: #475569;
  --ph-muted: #64748b;
  --ph-soft: #f8faff;
  --ph-border: rgba(18, 5, 207, 0.09);
  --ph-shadow: 0 20px 55px rgba(15, 23, 42, 0.075);
  direction: rtl;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  position: relative;
}

.product-intro::before,
.product-intro::after {
  content: none;
  display: none;
}

.product-intro>* {
  position: relative;
  min-width: 0;
}

.product-intro .img-gallery-product {
  flex: 0 0 30%;
  width: 30%;
  max-width: 30%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 0.85rem;
  border-radius: 1.5rem;
  background: #fafbfe;
  border: 1px solid rgba(18, 5, 207, 0.08);
  box-shadow:
    0 20px 55px rgba(15, 23, 42, 0.075),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
}

.product-intro .img-gallery-product .woocommerce-product-gallery {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  float: none;
  margin: 0;
  opacity: 1;
}

.product-intro .hexella-single-swipers {
  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.product-intro .hexella-single-swipers .swiper-wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
}

.product-intro .hexella-single-swipers .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 100%;
  padding: 0.65rem;
  background: transparent;
  overflow: hidden;
}

.product-intro .hexella-single-swipers .woocommerce-product-gallery__image {
  width: 100%;
  height: 100%;
}

.product-intro .hexella-single-swipers .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.product-intro .hexella-single-swipers .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 1.15rem;
  transition:
    transform 0.35s ease,
    filter 0.35s ease;
}

.product-intro .hexella-single-swipers .swiper-slide:hover img {
  transform: scale(1.035);
  filter: saturate(1.05) contrast(1.03);
}

.product-intro .hexella-single-swiper.thumbnails {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  margin-top: 0.7rem;
  padding: 0.15rem 0.5rem;
  overflow: hidden;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-wrapper {
  display: flex;
  align-items: center;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  padding: 0.22rem;
  border-radius: 0.9rem;
  background: #ffffff;
  border: 1px solid rgba(18, 5, 207, 0.09);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
  opacity: 0.62;
  cursor: pointer;
  overflow: hidden;
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-slide:hover,
.product-intro .hexella-single-swiper.thumbnails .swiper-slide-thumb-active {
  opacity: 1;
  transform: translateY(-2px);
  border-color: rgba(18, 5, 207, 0.34);
}

.product-intro .hexella-single-swiper.thumbnails .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.68rem;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-button-next,
.product-intro .hexella-single-swiper.thumbnails .swiper-button-prev {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -13px;
  border-radius: 50%;
  color: #ffffff;
  background-color: #555;
  box-shadow: 0 10px 22px rgba(18, 5, 207, 0.18);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-button-next::after,
.product-intro .hexella-single-swiper.thumbnails .swiper-button-prev::after {
  font-size: 0.7rem;
  font-weight: 950;
  background-color: transparent;
}

.product-intro .hexella-single-swiper.thumbnails .swiper-button-next:hover,
.product-intro .hexella-single-swiper.thumbnails .swiper-button-prev:hover {
  transform: scale(1.06);
  box-shadow: 0 14px 30px rgba(18, 5, 207, 0.25);
}

.product-intro .hexella-single-swiper.thumbnails .swiper-button-disabled {
  opacity: 0.28;
  cursor: not-allowed;
}

.product-intro .onsale {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  min-height: auto;
  padding: 0.45rem 0.72rem;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  border: 1px solid rgba(255, 255, 255, 0.38);
  box-shadow: 0 0.5rem 2rem rgba(18, 5, 207, 0.26);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  margin: 0;
}

/* =========================================================
   Summary - 70%
========================================================= */

.product-intro .summary.entry-summary {
  flex: 1 1 70%;
  width: 70%;
  max-width: 70%;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 1rem;
  margin: 0;
  padding: 1rem;
  background: #fafbfe;
  border: 1px solid rgba(18, 5, 207, 0.075);
  border-radius: 1.7rem;
  box-shadow:
    0 22px 60px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  float: none;
  overflow: visible;
}

/* =========================================================
   Description Content
========================================================= */

.product-intro .intro-desc_product {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.product-intro .product_title {
  margin: 0 0 0.85rem;
  color: var(--ph-dark);
  font-size: clamp(1.25rem, 2.1vw, 1.5rem);
  font-weight: 950;
}

.product-intro .product_title::after {
  content: "";
  display: block;
  width: 86px;
  height: 4px;
  margin-top: 0.6rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 10px 22px rgba(18, 5, 207, 0.18);
}

.product-intro .woocommerce-product-details__short-description {
  margin: 0.5rem 0 0.5rem;
}

.product-intro .woocommerce-product-details__short-description ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.28rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.product-intro .woocommerce-product-details__short-description li {
  flex: 0 0 100%;
  position: relative;
  margin: 0;
  padding: 0 2.05rem 0 0;
  color: var(--ph-text);
  font-size: 0.8rem;
  font-weight: 650;
  line-height: 1.95;
}

.product-intro .woocommerce-product-details__short-description li::before {
  content: "✓";
  position: absolute;
  top: 0.38rem;
  right: 0.72rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.82rem;
  height: 0.82rem;
  border-radius: 50%;
  color: #ffffff;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 8px 18px rgba(18, 5, 207, 0.16);
  font-size: 0.5rem;
  font-weight: 950;
}

.product-intro .woocommerce-product-details__short-description strong {
  color: var(--ph-dark);
  font-weight: 950;
}

button.toggle-description {
  border: none;
  margin-bottom: 0.5rem;
  background-color: #ddd;
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem;
  border-radius: 0.5rem;
  margin-top: 0.4rem;
  width: fit-content;
}

/* =========================================================
   Product Meta
========================================================= */

.product-intro .product_meta {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding-top: 0.95rem;
  color: var(--ph-muted);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.9;
}

.product-intro .product_meta>p,
.product-intro .product_meta>span {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.5rem;
  color: var(--ph-muted);
  background: rgba(248, 250, 252, 0.85);
}

.product-intro .product_meta>span.sku_wrapper span {
  color: #be123c;
}

.product-intro .product_meta a,
.product-intro .product_meta .sku {
  color: var(--ph-primary);
  font-weight: 900;
  text-decoration: none;
  transition: color 0.25s ease;
}

.product-intro .product_meta a:hover {
  color: var(--ph-primary-2);
}

/* =========================================================
   Rating
========================================================= */
.star-rating {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  letter-spacing: 2px;
  font-weight: 400;
  color: #eabe12;
  width: fit-content;
  font-family: "bootstrap-icons";
}

.star-rating:before {
  content: "\F588" "\F588" "\F588" "\F588" "\F588";
  color: var(--color-gray-300);
}

.star-rating span {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  overflow: hidden;
  width: 100%;
  text-indent: 99999px;
}

.star-rating span:before {
  content: "\F586" "\F586" "\F586" "\F586" "\F586";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  text-indent: 0;
}

.product-intro .woocommerce-product-rating {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin: 0.95rem 0 0;
  padding: 0.75rem;
  border-radius: 1.1rem;
  background: rgba(18, 5, 207, 0.045);
  border: 1px solid rgba(18, 5, 207, 0.08);
}

.product-intro .woocommerce-product-rating .star-rating {
  float: none;
  margin: 0;
  color: #f59e0b;
  font-size: 0.9rem;
}

.product-intro .woocommerce-review-link {
  color: var(--ph-text);
  font-size: 0.76rem;
  font-weight: 800;
  text-decoration: none;
}

/* =========================================================
   Product Price Box
========================================================= */

.product-intro .product-price {
  flex: 0 0 34%;
  width: 34%;
  max-width: 34%;
  height: 100%;
  position: sticky;
  top: 1rem;
  align-self: flex-start;
  padding: 1rem;
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 50% 0%, rgba(18, 5, 207, 0.04), transparent 46%),
    linear-gradient(180deg,
      rgba(255, 255, 255, 0.92),
      rgba(248, 250, 255, 0.72));
  border: 1px solid rgba(18, 5, 207, 0.07);
  box-shadow:
    0 14px 36px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  overflow: hidden;
}

.product-intro .product-price>* {
  position: relative;
  z-index: 2;
}

.product-intro .product-price>.price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 0.35rem;
  margin: 0.35rem 0 1rem;
  padding: 1rem 0.85rem;
  border-radius: 1.2rem;
  text-align: center;
  color: var(--ph-dark);
  background:
    radial-gradient(circle at top, rgba(18, 5, 207, 0.07), transparent 62%),
    rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(18, 5, 207, 0.085);
  box-shadow: 0 12px 28px rgba(18, 5, 207, 0.055);
  font-size: clamp(1.05rem, 1.7vw, 1.34rem);
  font-weight: 950;
  line-height: 1.7;
}

.product-intro .price .woocommerce-Price-amount,
.product-intro .price bdi {
  color: var(--ph-dark);
  font-weight: 950;
}

.product-intro .price .woocommerce-Price-currencySymbol {
  color: var(--ph-muted);
  font-size: 0.68em;
  font-weight: 850;
  margin-right: 0.15rem;
}

.product-intro .price del {
  color: #94a3b8;
  opacity: 1;
  font-size: 0.78em;
  font-weight: 800;
  text-decoration-thickness: 2px;
}

.product-intro .price del .woocommerce-Price-amount,
.product-intro .price del bdi {
  color: #94a3b8;
}

.product-intro .price ins {
  color: var(--ph-dark);
  text-decoration: none;
}

/* =========================================================
   Variations
========================================================= */

.product-intro .variations_form.cart {
  position: relative;
  z-index: 2;
  margin-top: 0.8rem;
}

.product-intro table.variations {
  width: 100%;
  margin: 0 0 0.8rem;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0 0.65rem;
  border: 0;
}

.product-intro table.variations tbody,
.product-intro table.variations tr,
.product-intro table.variations th,
.product-intro table.variations td {
  display: block;
  width: 100%;
}

.product-intro table.variations tr {
  padding: 0.75rem;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(15, 23, 42, 0.055);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.032);
}

.product-intro table.variations th,
.product-intro table.variations td {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: right;
}

.product-intro table.variations .label label {
  display: flex;
  align-items: center;
  margin: 0 0 0.45rem;
  color: var(--ph-dark);
  font-size: 0.8rem;
  font-weight: 950;
}

.product-intro table.variations .label label::before {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  margin-left: 0.45rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 0 0 4px rgba(18, 5, 207, 0.08);
}

.product-intro table.variations select {
  width: 100%;
  height: 48px;
  padding: 0 0.9rem 0 2.2rem;
  border-radius: 1rem;
  color: var(--ph-dark);
  background:
    linear-gradient(45deg, transparent 50%, var(--ph-primary) 50%) left 0.95rem center / 7px 7px no-repeat,
    linear-gradient(135deg, var(--ph-primary) 50%, transparent 50%) left 0.65rem center / 7px 7px no-repeat,
    #fbfcff;
  border: 1px solid rgba(18, 5, 207, 0.12);
  outline: none;
  font-size: 0.8rem;
  font-weight: 800;
  appearance: none;
  -webkit-appearance: none;
  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    background-color 0.25s ease;
}

.product-intro table.variations select:hover {
  border-color: rgba(18, 5, 207, 0.28);
}

.product-intro table.variations select:focus {
  background-color: #ffffff;
  border-color: rgba(18, 5, 207, 0.44);
  box-shadow: 0 0 0 4px rgba(18, 5, 207, 0.08);
}

.product-intro .reset_variations {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  color: var(--ph-primary);
  background: rgba(18, 5, 207, 0.055);
  border: 1px solid rgba(18, 5, 207, 0.08);
  font-size: 0.72rem;
  font-weight: 850;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.product-intro .reset_variations:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
}

/* =========================================================
   Selected Variation
========================================================= */

.product-intro .single_variation_wrap {
  margin-top: 0.75rem;
}

.product-intro .woocommerce-variation {
  margin-bottom: 0.75rem;
}

.product-intro .woocommerce-variation-price .price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.75rem;
  border-radius: 1rem;
  background: rgba(18, 5, 207, 0.05);
  border: 1px solid rgba(18, 5, 207, 0.085);
  color: var(--ph-dark);
  font-size: 1rem;
  font-weight: 950;
}

/* =========================================================
   Quantity + Add To Cart
========================================================= */

.product-intro .woocommerce-variation-add-to-cart,
.product-intro form.cart:not(.variations_form) {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.85rem;
}

.product-intro .quantity {
  flex: 0 0 112px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 52px;
  border-radius: 1rem;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(18, 5, 207, 0.12);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.055);
}

.product-intro .quantity .minus,
.product-intro .quantity .plus {
  flex: 0 0 34px;
  width: 34px;
  height: 52px;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  color: var(--ph-primary);
  background: rgba(18, 5, 207, 0.055);
  font-size: 1.2rem;
  font-weight: 950;
  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.product-intro .quantity .minus:hover,
.product-intro .quantity .plus:hover {
  color: #ffffff;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
}

.product-intro .quantity .qty {
  flex: 1 1 auto;
  width: 38px;
  height: 52px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  color: var(--ph-dark);
  background: #ffffff;
  box-shadow: none;
  text-align: center;
  font-size: 0.92rem;
  font-weight: 950;
  appearance: textfield;
  -moz-appearance: textfield;
}

.product-intro .quantity .qty::-webkit-outer-spin-button,
.product-intro .quantity .qty::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.product-intro .single_add_to_cart_button {
  flex: 1 1 auto;
  position: relative;
  min-height: 52px;
  width: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1rem;
  margin: 0;
  border: 0;
  border-radius: 1rem;
  color: #ffffff;
  background: linear-gradient(135deg,
      var(--ph-primary),
      var(--ph-primary-2));
  box-shadow: 0 16px 36px rgba(18, 5, 207, 0.24);
  font-size: 0.86rem;
  font-weight: 950;
  line-height: 1.7;
  cursor: pointer;
  overflow: hidden;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    opacity 0.28s ease;
}

.product-intro .single_add_to_cart_button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg,
      transparent,
      rgba(255, 255, 255, 0.35),
      transparent);
  transform: translateX(120%);
  transition: transform 0.7s ease;
}

.product-intro .single_add_to_cart_button::after {
  content: "🛒";
  margin-right: 0.45rem;
  font-size: 1rem;
}

.product-intro .single_add_to_cart_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 44px rgba(18, 5, 207, 0.3);
}

.product-intro .single_add_to_cart_button:hover::before {
  transform: translateX(-120%);
}

.product-intro .single_add_to_cart_button.disabled,
.product-intro .single_add_to_cart_button:disabled,
.product-intro .single_add_to_cart_button.wc-variation-selection-needed {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 10px 24px rgba(18, 5, 207, 0.12);
}

/* =========================================================
   Screen Reader Text
========================================================= */

.product-intro .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1240px) {
  .product-intro {
    gap: 0.85rem;
  }

  .product-intro .img-gallery-product {
    flex-basis: 32%;
    width: 32%;
    max-width: 32%;
  }

  .product-intro .summary.entry-summary {
    flex-basis: 68%;
    width: 68%;
    max-width: 68%;
  }

  .product-intro .product-price {
    flex-basis: 36%;
    width: 36%;
    max-width: 36%;
  }
}

@media (max-width: 1050px) {
  .product-intro {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .product-intro .img-gallery-product {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    align-self: stretch;
  }

  .product-intro .summary.entry-summary {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    flex-direction: row;
    align-items: stretch;
  }

  .product-intro .product-price {
    position: relative;
    top: auto;
    flex-basis: 36%;
    width: 36%;
    max-width: 36%;
  }

  .product-intro .hexella-single-swipers .swiper-slide {
    aspect-ratio: 1 / 1;
    min-height: auto;
  }

  .product-intro .hexella-single-swipers .swiper-slide img {
    height: 100%;
    max-height: 430px;
  }
}

@media (max-width: 850px) {
  .product-intro .summary.entry-summary {
    flex-direction: column;
  }

  .product-intro .intro-desc_product,
  .product-intro .product-price {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }

  .product-intro .product-price {
    position: relative;
    top: auto;
  }

  .product-intro .hexella-single-swipers .swiper-slide {
    aspect-ratio: 1 / 1;
  }

  .product-intro .hexella-single-swipers .swiper-slide img {
    max-height: 390px;
  }
}

@media (max-width: 640px) {
  .product-intro {
    gap: 0.8rem;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .product-intro .img-gallery-product,
  .product-intro .product-price {
    padding: 0.85rem;
    border-radius: 1.15rem;
  }

  .product-intro .summary.entry-summary {
    padding: 0.85rem;
    border-radius: 1.25rem;
  }

  .product-intro .product_title {
    font-size: 1.16rem;
    line-height: 1.8;
  }

  .product-intro .woocommerce-product-details__short-description li {
    font-size: 0.76rem;
  }

  .product-intro .woocommerce-variation-add-to-cart,
  .product-intro form.cart:not(.variations_form) {
    flex-direction: column;
    align-items: stretch;
  }

  .product-intro .quantity,
  .product-intro .single_add_to_cart_button {
    width: 100%;
    flex: 0 0 auto;
  }

  .product-intro .product_meta>span {
    border-radius: 0.9rem;
  }

  .product-intro .hexella-single-swipers .swiper-slide img {
    max-height: 340px;
  }
}

@media (max-width: 460px) {
  .product-intro {
    gap: 0.7rem;
  }

  .product-intro .img-gallery-product,
  .product-intro .product-price {
    padding: 0.75rem;
  }

  .product-intro .summary.entry-summary {
    padding: 0.75rem;
  }

  .product-intro .hexella-single-swipers .swiper-slide {
    padding: 0.55rem;
  }

  .product-intro .hexella-single-swiper.thumbnails {
    padding: 0.15rem 1.55rem;
  }

  .product-intro .product-price>.price {
    font-size: 1.02rem;
  }

  .product-intro table.variations tr {
    padding: 0.65rem;
  }

  .product-intro table.variations select {
    height: 46px;
    font-size: 0.76rem;
  }

  .product-intro .onsale {
    top: 0.75rem;
    right: 0.75rem;
    padding: 0.4rem 0.6rem;
    font-size: 0.67rem;
  }

  .product-intro .hexella-single-swipers .swiper-slide img {
    max-height: 300px;
  }
}

.product-intro .product-price::before,
.product-intro .product-price::after {
  display: none;
}

/* =========================================================
   Price - Two Lines
========================================================= */
.product-intro .product-price>.price,
.product-intro .woocommerce-variation-price .price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
  width: 100%;
  margin: 0 0 1rem;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-align: right;
  line-height: 1.5;
}

.product-intro .product-price>.price::before,
.product-intro .woocommerce-variation-price .price::before {
  display: none;
}

.product-intro .product-price .price del,
.product-intro .woocommerce-variation-price .price del {
  order: 1;
  display: flex;
  align-items: center;
  width: 100%;
  color: #9ca3af;
  opacity: 1;
  text-decoration-thickness: 2px;
  white-space: nowrap;
}

.product-intro .product-price .price del .woocommerce-Price-amount,
.product-intro .product-price .price del bdi,
.product-intro .woocommerce-variation-price .price del .woocommerce-Price-amount,
.product-intro .woocommerce-variation-price .price del bdi {
  color: #9ca3af;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.5;
}

.product-intro .product-price .price ins,
.product-intro .woocommerce-variation-price .price ins {
  order: 2;
  display: flex;
  align-items: center;
  width: 100%;
  color: #be123c;
  text-decoration: none;
  white-space: nowrap;
}

.product-intro .product-price .price ins .woocommerce-Price-amount,
.product-intro .product-price .price ins bdi,
.product-intro .woocommerce-variation-price .price ins .woocommerce-Price-amount,
.product-intro .woocommerce-variation-price .price ins bdi {
  color: #be123c;
  font-size: 1.3rem;
  font-weight: 950;
  line-height: 1.35;
  letter-spacing: -0.03em;
}

.product-intro .product-price .price .woocommerce-Price-currencySymbol,
.product-intro .woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
  margin-right: 0.2rem;
  color: inherit;
  font-size: 0.62em;
  font-weight: 800;
}

.product-intro .product-price>.price>.woocommerce-Price-amount,
.product-intro .product-price>.price>bdi,
.product-intro .woocommerce-variation-price .price>.woocommerce-Price-amount,
.product-intro .woocommerce-variation-price .price>bdi {
  display: flex;
  align-items: center;
  color: #be123c;
  font-size: 1.65rem;
  font-weight: 950;
  line-height: 1.35;
  white-space: nowrap;
}

.product-intro .product-price .screen-reader-text,
.product-intro .woocommerce-variation-price .screen-reader-text {
  display: none;
}

.product-intro .product-price>.price {
  color: var(--ph-primary);
}

.product-intro .product-price>.price .woocommerce-Price-amount {
  color: var(--ph-primary);
  font-size: 1.35rem;
  font-weight: 900;
}

.product-intro .product-price>.price span.out-of-stock {
  color: #be123c;
}

/* =========================================================
   Cart Row - Full Width One Line
========================================================= */

.product-intro .single_variation_wrap {
  width: 100%;
  margin-top: 0.85rem;
}

.product-intro .woocommerce-variation-add-to-cart,
.product-intro form.cart:not(.variations_form) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  gap: 0.65rem;
  margin-top: 0.9rem;
}

.product-intro .quantity {
  flex: 0 0 108px;
  width: 108px;
  min-width: 108px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  border-radius: 0.9rem;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.product-intro .quantity .minus,
.product-intro .quantity .plus {
  flex: 0 0 32px;
  width: 32px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  outline: 0;
  background: #f3f4f6;
  color: var(--ph-primary);
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
  transition: all 0.25s ease;
}

.product-intro .quantity .minus:hover,
.product-intro .quantity .plus:hover {
  background: var(--ph-primary);
  color: #fff;
}

.product-intro .quantity .qty {
  flex: 1 1 auto;
  width: 44px;
  height: 50px;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ph-dark);
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
}

.product-intro .single_add_to_cart_button {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 50px;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 1rem;
  border: 0;
  border-radius: 0.9rem;
  background: var(--ph-primary);
  color: #fff;
  box-shadow: 0 14px 28px rgba(18, 5, 207, 0.22);
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.25s ease;
}

.product-intro .single_add_to_cart_button:hover {
  transform: translateY(-2px);
  background: var(--ph-primary-2);
  box-shadow: 0 18px 36px rgba(18, 5, 207, 0.28);
}

.product-intro .single_add_to_cart_button::before,
.product-intro .single_add_to_cart_button::after {
  display: none;
}

.product-intro .single_add_to_cart_button.disabled,
.product-intro .single_add_to_cart_button:disabled,
.product-intro .single_add_to_cart_button.wc-variation-selection-needed {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

/* =========================================================
   Mobile
========================================================= */

@media (max-width: 640px) {

  .product-intro .product-price .price ins .woocommerce-Price-amount,
  .product-intro .product-price .price ins bdi,
  .product-intro .woocommerce-variation-price .price ins .woocommerce-Price-amount,
  .product-intro .woocommerce-variation-price .price ins bdi,
  .product-intro .product-price>.price>.woocommerce-Price-amount,
  .product-intro .product-price>.price>bdi {
    font-size: 1.45rem;
  }

  .product-intro .product-price .price del .woocommerce-Price-amount,
  .product-intro .product-price .price del bdi,
  .product-intro .woocommerce-variation-price .price del .woocommerce-Price-amount,
  .product-intro .woocommerce-variation-price .price del bdi {
    font-size: 0.82rem;
  }

  .product-intro .woocommerce-variation-add-to-cart,
  .product-intro form.cart:not(.variations_form) {
    gap: 0.5rem;
  }

  .product-intro .quantity .minus,
  .product-intro .quantity .plus,
  .product-intro .quantity .qty {
    height: 48px;
  }

  .product-intro .quantity .minus,
  .product-intro .quantity .plus {
    flex-basis: 30px;
    width: 30px;
  }

  .product-intro .single_add_to_cart_button {
    height: 48px;
    min-height: 48px;
    font-size: 0.82rem;
  }
}

@media (max-width: 420px) {

  .product-intro .woocommerce-variation-add-to-cart,
  .product-intro form.cart:not(.variations_form) {
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .product-intro .single_add_to_cart_button {
    font-size: 0.76rem;
    padding: 0 0.7rem;
  }
}

/* =========================================================
   Intro Trusted Badges - Luxury Modern Style
========================================================= */
.product-intro .intro-trusted {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 1rem 0 1.15rem;
}

.product-intro .intro-trusted .phm-product-id,
.product-intro .intro-trusted .philipmarket-last-price-update {
  position: relative;
  flex: 1 1 0;
  min-width: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 48px;
  padding: 0.65rem 0.85rem;
  border-radius: 1rem;
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.96),
      rgba(248, 250, 255, 0.88));
  border: 1px solid rgba(18, 5, 207, 0.08);
  box-shadow:
    0 10px 26px rgba(15, 23, 42, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
  color: var(--ph-dark);
  font-size: 0.78rem;
  font-weight: 850;
  line-height: 1.7;
  text-align: center;
  overflow: hidden;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

/* خط نورانی ظریف */
.product-intro .intro-trusted .phm-product-id::before,
.product-intro .intro-trusted .philipmarket-last-price-update::before {
  content: "";
  position: absolute;
  top: 0;
  right: 12%;
  left: 12%;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg,
      transparent,
      rgba(18, 5, 207, 0.75),
      rgba(79, 70, 229, 0.55),
      transparent);
  opacity: 0.65;
}

.product-intro .intro-trusted .phm-product-id::after,
.product-intro .intro-trusted .philipmarket-last-price-update::after {
  content: "";
  position: absolute;
  inset: auto -28px -36px auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(18, 5, 207, 0.055);
  filter: blur(10px);
  pointer-events: none;
}

.product-intro .intro-trusted .phm-product-id:hover,
.product-intro .intro-trusted .philipmarket-last-price-update:hover {
  transform: translateY(-2px);
  border-color: rgba(18, 5, 207, 0.16);
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.07),
    0 8px 22px rgba(18, 5, 207, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

/* =========================================================
   Icons Before Items
========================================================= */
.product-intro .intro-trusted .phm-product-id:nth-child(1)::marker {
  display: none;
}

.product-intro .intro-trusted .phm-product-id:nth-child(1) {
  color: #0f172a;
}

.product-intro .intro-trusted .phm-product-id:nth-child(1) {
  --trusted-icon: "🧪";
}

.product-intro .intro-trusted .phm-product-id:nth-child(2) {
  --trusted-icon: "🛡️";
}

.product-intro .intro-trusted .philipmarket-last-price-update {
  --trusted-icon: "⏱️";
}

.product-intro .intro-trusted .phm-product-id,
.product-intro .intro-trusted .philipmarket-last-price-update {
  isolation: isolate;
}

.product-intro .intro-trusted .phm-product-id>*,
.product-intro .intro-trusted .philipmarket-last-price-update>* {
  position: relative;
  z-index: 2;
}

.product-intro .intro-trusted .phm-product-id::selection,
.product-intro .intro-trusted .philipmarket-last-price-update::selection {
  background: rgba(18, 5, 207, 0.14);
}

.product-intro .intro-trusted .phm-product-id {
  padding-right: 0.8rem;
}

.product-intro .intro-trusted .phm-product-id:nth-child(1)::before,
.product-intro .intro-trusted .phm-product-id:nth-child(2)::before,
.product-intro .intro-trusted .philipmarket-last-price-update::before {
  content: var(--trusted-icon);
  position: static;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: linear-gradient(135deg,
      rgba(18, 5, 207, 0.1),
      rgba(79, 70, 229, 0.06));
  border: 1px solid rgba(18, 5, 207, 0.1);
  color: var(--ph-primary);
  font-size: 0.95rem;
  line-height: 1;
  box-shadow:
    0 8px 18px rgba(18, 5, 207, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  opacity: 1;
}

.product-intro .intro-trusted .phm-product-id:nth-child(1)::after,
.product-intro .intro-trusted .phm-product-id:nth-child(2)::after,
.product-intro .intro-trusted .philipmarket-last-price-update::after {
  content: "";
  position: absolute;
  inset: auto -28px -36px auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(18, 5, 207, 0.055);
  filter: blur(10px);
  pointer-events: none;
}

/* =========================================================
   Last Price Update
========================================================= */

.product-intro .intro-trusted .philipmarket-last-price-update {
  justify-content: center;
}

.product-intro .intro-trusted .last-update-text {
  position: relative;
  z-index: 2;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 800;
  white-space: nowrap;
}

.product-intro .intro-trusted .last-date-update {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  color: var(--ph-primary);
  background: rgba(18, 5, 207, 0.07);
  border: 1px solid rgba(18, 5, 207, 0.1);
  font-size: 0.74rem;
  font-weight: 950;
  white-space: nowrap;
}

/* =========================================================
   Responsive
========================================================= */

@media (max-width: 1050px) {
  .product-intro .intro-trusted {
    gap: 0.55rem;
  }

  .product-intro .intro-trusted .phm-product-id,
  .product-intro .intro-trusted .philipmarket-last-price-update {
    min-width: 160px;
  }
}

@media (max-width: 640px) {
  .product-intro .intro-trusted {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0.85rem 0 1rem;
  }

  .product-intro .intro-trusted .phm-product-id,
  .product-intro .intro-trusted .philipmarket-last-price-update {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    min-height: 46px;
    padding: 0.65rem 0.75rem;
    border-radius: 0.9rem;
    font-size: 0.76rem;
    text-align: right;
  }

  .product-intro .intro-trusted .philipmarket-last-price-update {
    justify-content: flex-start;
  }

  .product-intro .intro-trusted .phm-product-id:nth-child(1)::before,
  .product-intro .intro-trusted .phm-product-id:nth-child(2)::before,
  .product-intro .intro-trusted .philipmarket-last-price-update::before {
    width: 26px;
    height: 26px;
    flex-basis: 26px;
    font-size: 0.86rem;
    border-radius: 0.65rem;
  }
}

@media (max-width: 420px) {

  .product-intro .intro-trusted .phm-product-id,
  .product-intro .intro-trusted .philipmarket-last-price-update {
    font-size: 0.72rem;
  }

  .product-intro .intro-trusted .last-update-text,
  .product-intro .intro-trusted .last-date-update {
    font-size: 0.7rem;
  }
}

/* END Summery And Gallery Intro ============ */

/* Start Style Trust Product ==================== */
.philips-trust-single {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  margin: 1.25rem 0 0;
  padding: 1rem;
  border-radius: 1.8rem;
  direction: rtl;
  overflow: hidden;
  background: #fafbfe;
  border: 1px solid rgba(255, 255, 255, .75);
  box-shadow: 0 24px 65px rgba(15, 23, 42, .09), inset 0 1px 0 rgba(255, 255, 255, .9);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px)
}

.philipsmarket-trust-hx {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: .9rem;
  min-height: 102px;
  padding: 1rem;
  border-radius: 1.35rem;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 255, 255, .38));
  border: 1px solid rgba(255, 255, 255, .78);
  box-shadow: 0 14px 34px rgba(15, 23, 42, .065), inset 0 1px 0 rgba(255, 255, 255, .9);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease
}

.philipsmarket-trust-hx::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255, 255, 255, .55), transparent 38%, rgba(18, 5, 207, .055));
  opacity: .8;
  pointer-events: none
}

.philipsmarket-trust-hx::after {
  content: "";
  position: absolute;
  top: -45%;
  right: -35%;
  width: 110px;
  height: 190%;
  transform: rotate(18deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent);
  opacity: 0;
  transition: right .65s ease, opacity .35s ease;
  pointer-events: none
}

.philipsmarket-trust-hx:hover {
  transform: translateY(-5px);
  background: linear-gradient(145deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .5));
  border-color: rgba(18, 5, 207, .18);
  box-shadow: 0 22px 48px rgba(15, 23, 42, .105), 0 12px 28px rgba(18, 5, 207, .08), inset 0 1px 0 rgba(255, 255, 255, .95)
}

.philipsmarket-trust-hx:hover::after {
  right: 115%;
  opacity: 1
}

.philipsmarket-trust-hx img {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 54px;
  height: 58px;
  object-fit: contain;
  padding: .5rem;
  border-radius: 1.15rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, .82), rgba(248, 250, 255, .55));
  border: 1px solid rgba(18, 5, 207, .09);
  box-shadow: 0 12px 26px rgba(15, 23, 42, .055), inset 0 1px 0 rgba(255, 255, 255, .95);
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease
}

.philipsmarket-trust-hx:hover img {
  transform: scale(1.06) rotate(-2deg);
  border-color: rgba(18, 5, 207, .18);
  box-shadow: 0 16px 32px rgba(18, 5, 207, .1), inset 0 1px 0 rgba(255, 255, 255, .95)
}

.philipsmarket-trust-hx span {
  position: relative;
  z-index: 1;
  display: block;
  color: #0f172a;
  font-size: .88rem;
  font-weight: 950;
  line-height: 1.9;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
  transition: color .25s ease
}

.philipsmarket-trust-hx span::after {
  content: "";
  display: block;
  width: 34px;
  height: 3px;
  margin-top: .35rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  opacity: .45;
  transition: width .28s ease, opacity .28s ease
}

.philipsmarket-trust-hx:hover span {
  color: #1205cf
}

.philipsmarket-trust-hx:hover span::after {
  width: 58px;
  opacity: .9
}

@media(max-width:1100px) {
  .philips-trust-single {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media(max-width:640px) {
  .philips-trust-single {
    grid-template-columns: 1fr;
    padding: .75rem;
    border-radius: 1.35rem
  }

  .philips-trust-single::before {
    border-radius: 1.3rem
  }

  .philipsmarket-trust-hx {
    min-height: auto;
    padding: .9rem;
    border-radius: 1.1rem
  }

  .philipsmarket-trust-hx img {
    width: 50px;
    height: 54px
  }

  .philipsmarket-trust-hx span {
    font-size: .82rem;
    line-height: 1.8
  }
}

/* END Style Trust Product ==================== */

/* Start Tabs Panel Content Product ============== */
.woocommerce-tabs {
  --ph-primary: #1205cf;
  --ph-primary-2: #4f46e5;
  --ph-dark: #0f172a;
  --ph-text: #475569;
  --ph-muted: #64748b;
  --ph-soft: #f8faff;
  --ph-border: rgba(18, 5, 207, .09);
  --ph-shadow: 0 20px 55px rgba(15, 23, 42, .075);
  direction: rtl;
  width: 100%;
  max-width: 1260px;
  margin: 2rem auto;
  padding: 1rem;
  border-radius: 1.8rem;
  background: radial-gradient(circle at 100% 0%, rgba(18, 5, 207, .06), transparent 34%), radial-gradient(circle at 0% 100%, rgba(79, 70, 229, .045), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .94));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
  overflow: hidden
}

.woocommerce-tabs .tabs {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 1rem;
  padding: .55rem;
  list-style: none;
  border-radius: 1.35rem;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(18, 5, 207, .07);
  box-shadow: 0 10px 30px rgba(15, 23, 42, .04);
  overflow: auto
}

.woocommerce-tabs .tabs::-webkit-scrollbar {
  height: 4px
}

.woocommerce-tabs .tabs::-webkit-scrollbar-thumb {
  background: rgba(18, 5, 207, .25);
  border-radius: 999px
}

.woocommerce-tabs .tabs li {
  flex: 0 0 auto;
  margin: 0;
  padding: 0
}

.woocommerce-tabs .tabs li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .65rem 1.15rem;
  border-radius: 1rem;
  color: var(--ph-muted);
  font-size: .86rem;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
  transition: all .25s ease;
  background: transparent;
  border: 1px solid transparent
}

.woocommerce-tabs .tabs li a::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-left: .45rem;
  border-radius: 50%;
  background: rgba(18, 5, 207, .25);
  transition: all .25s ease
}

.woocommerce-tabs .tabs li:hover a {
  color: var(--ph-primary);
  background: rgba(18, 5, 207, .045);
  border-color: rgba(18, 5, 207, .08)
}

.woocommerce-tabs .tabs li.active a {
  color: #fff;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 14px 30px rgba(18, 5, 207, .23);
  border-color: rgba(255, 255, 255, .32)
}

.woocommerce-tabs .tabs li.active a::before {
  background: #fff;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .18)
}

.woocommerce-Tabs-panel {
  position: relative;
  padding: 1.25rem;
  border-radius: 1.45rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(248, 250, 255, .78));
  border: 1px solid rgba(18, 5, 207, .07);
  box-shadow: 0 14px 36px rgba(15, 23, 42, .045), inset 0 1px 0 rgba(255, 255, 255, .95);
  color: var(--ph-text);
  font-size: .9rem;
  line-height: 2.05;
  overflow: hidden
}

.woocommerce-Tabs-panel::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  height: 140px;
  background: radial-gradient(circle, rgba(18, 5, 207, .075), transparent 68%);
  pointer-events: none
}

.woocommerce-Tabs-panel h2 {
  position: relative;
  margin: 0 0 1rem;
  color: var(--ph-dark);
  font-size: clamp(1.15rem, 2vw, 1.45rem);
  font-weight: 950;
  line-height: 1.7
}

.woocommerce-Tabs-panel h2::after {
  content: "";
  display: block;
  width: 86px;
  height: 4px;
  margin-top: .45rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 10px 22px rgba(18, 5, 207, .18)
}

.woocommerce-Tabs-panel p {
  margin: .7rem 0;
  color: var(--ph-text);
  font-size: .9rem;
  font-weight: 600;
  line-height: 2.1
}

.woocommerce-Tabs-panel strong {
  color: var(--ph-dark);
  font-weight: 950
}

.woocommerce-Tabs-panel em {
  color: var(--ph-primary);
  font-style: normal;
  font-weight: 900
}

.woocommerce-Tabs-panel img.aligncenter {
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: 1rem;
}

.woocommerce-product-attributes {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 .7rem;
  margin: 0
}

.woocommerce-product-attributes tbody,
.woocommerce-product-attributes tr,
.woocommerce-product-attributes th,
.woocommerce-product-attributes td {
  border: 0
}

.woocommerce-product-attributes tr {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: .75rem;
  padding: .75rem;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(15, 23, 42, .055);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .032)
}

.woocommerce-product-attributes th {
  display: flex;
  align-items: center;
  color: var(--ph-dark);
  font-size: .82rem;
  font-weight: 950;
  text-align: right
}

.woocommerce-product-attributes th::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: .45rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08)
}

.woocommerce-product-attributes td {
  display: flex;
  align-items: center;
  color: var(--ph-text);
  font-size: .84rem;
  font-weight: 750
}

.woocommerce-product-attributes td p {
  margin: 0
}

.woocommerce-Reviews {
  display: grid;
  grid-template-columns: 1fr 390px;
  gap: 1rem
}

.woocommerce-Reviews #comments,
.woocommerce-Reviews #review_form_wrapper {
  min-width: 0
}

.woocommerce-Reviews-title {
  margin: 0 0 1rem;
  color: var(--ph-dark);
  font-size: 1.15rem;
  font-weight: 950
}

.woocommerce-Reviews-title span {
  color: var(--ph-primary)
}

.commentlist {
  display: flex;
  flex-direction: column;
  gap: .85rem;
  margin: 0;
  padding: 0;
  list-style: none
}

.commentlist li {
  list-style: none
}

.comment_container {
  position: relative;
  padding: 1rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(18, 5, 207, .07);
  box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
  overflow: hidden
}

.comment_container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(180deg, var(--ph-primary), var(--ph-primary-2))
}

.comment-text {
  position: relative;
  padding: 0
}

.comment-text .meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
  margin: .55rem 0;
  color: var(--ph-muted);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.8
}

.woocommerce-review__author {
  display: inline-flex;
  align-items: center;
  color: var(--ph-dark);
  font-size: .86rem;
  font-weight: 950
}

.woocommerce-review__author::before {
  content: "👤";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: .45rem;
  border-radius: .75rem;
  background: linear-gradient(135deg, rgba(18, 5, 207, .1), rgba(79, 70, 229, .06));
  color: var(--ph-primary);
  font-size: .85rem;
  border: 1px solid rgba(18, 5, 207, .1)
}

.woocommerce-review__dash {
  color: rgba(100, 116, 139, .55)
}

.woocommerce-review__published-date {
  color: var(--ph-muted);
  font-size: .74rem
}

.comment-text .description {
  margin-top: .55rem;
  padding: .75rem;
  border-radius: 1rem;
  background: rgba(248, 250, 255, .82);
  border: 1px solid rgba(18, 5, 207, .055)
}

.comment-text .description p {
  margin: 0;
  color: var(--ph-text);
  font-size: .84rem;
  font-weight: 600;
  line-height: 2
}

.commentlist .children {
  position: relative;
  margin: .75rem 1.2rem 0 0;
  padding: 0 1rem 0 0;
  list-style: none;
  border-right: 2px dashed rgba(18, 5, 207, .14)
}

.commentlist .children .comment_container {
  background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(248, 250, 255, .78))
}

.commentlist .children .comment_container::before {
  background: linear-gradient(180deg, #22c55e, #16a34a)
}

.star-rating {
  position: relative;
  display: inline-block;
  width: 92px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  color: #f59e0b;
  font-size: 18px;
  letter-spacing: 1px
}

.star-rating::before {
  content: "★★★★★";
  position: absolute;
  top: 0;
  right: 0;
  color: #d1d5db
}

.star-rating span {
  position: absolute;
  top: 0;
  right: 0;
  height: 20px;
  overflow: hidden;
  text-indent: -9999px
}

.star-rating span::before {
  content: "★★★★★";
  position: absolute;
  top: -0.35rem;
  right: 0;
  text-indent: 0;
  color: #f59e0b
}

.comment-respond {
  position: sticky;
  top: 1rem;
  padding: 1rem;
  border-radius: 1.35rem;
  background: radial-gradient(circle at 50% 0%, rgba(18, 5, 207, .045), transparent 46%), linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 255, .78));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 14px 36px rgba(15, 23, 42, .045), inset 0 1px 0 rgba(255, 255, 255, .95)
}

.comment-reply-title {
  display: block;
  margin: 0 0 .8rem;
  color: var(--ph-dark);
  font-size: 1.05rem;
  font-weight: 950
}

.comment-reply-title small a {
  margin-right: .4rem;
  color: #ef4444;
  font-size: .75rem;
  font-weight: 900;
  text-decoration: none
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: .75rem
}

.comment-form p {
  margin: 0
}

.comment-notes {
  padding: .65rem .75rem;
  border-radius: 1rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .075);
  color: var(--ph-muted);
  font-size: .76rem;
  font-weight: 700;
  line-height: 1.9
}

.required {
  color: #e11d48;
  font-weight: 950
}

.comment-form label {
  display: block;
  margin: 0 0 .4rem;
  color: var(--ph-dark);
  font-size: .8rem;
  font-weight: 950
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  width: 100%;
  border: 1px solid rgba(18, 5, 207, .12);
  border-radius: 1rem;
  background: #fff;
  color: var(--ph-dark);
  font-size: .84rem;
  font-weight: 700;
  outline: 0;
  transition: all .25s ease;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .03);
  box-sizing: border-box
}

.comment-form input[type=text],
.comment-form input[type=email] {
  height: 48px;
  padding: 0 .85rem
}

.comment-form textarea {
  min-height: 150px;
  padding: .85rem;
  resize: vertical;
  line-height: 2
}

.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus,
.comment-form textarea:focus {
  border-color: rgba(18, 5, 207, .38);
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08), 0 10px 26px rgba(15, 23, 42, .045)
}

.comment-form-rating {
  padding: .75rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, .75);
  border: 1px solid rgba(15, 23, 42, .055)
}

.comment-form-rating .stars {
  margin: .3rem 0 0
}

.comment-form-rating .stars span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .25rem;
  direction: ltr
}

.comment-form-rating .stars a {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-indent: -9999px;
  text-decoration: none;
  border-radius: .75rem;
  background: rgba(248, 250, 252, .9);
  border: 1px solid rgba(15, 23, 42, .06);
  transition: all .2s ease
}

.comment-form-rating .stars a::before {
  content: "★";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: 0;
  color: #cbd5e1;
  font-size: 20px;
  transition: all .2s ease
}

.comment-form-rating .stars:hover a::before {
  color: #cbd5e1
}

.comment-form-rating .stars a:hover::before,
.comment-form-rating .stars a:hover~a::before,
.comment-form-rating .stars a.active::before,
.comment-form-rating .stars a.active~a::before {
  color: #f59e0b
}

.comment-form-rating .stars a:hover,
.comment-form-rating .stars a:hover~a,
.comment-form-rating .stars a.active,
.comment-form-rating .stars a.active~a {
  background: rgba(245, 158, 11, .1);
  border-color: rgba(245, 158, 11, .22);
  transform: translateY(-2px)
}

.comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  padding: .65rem;
  border-radius: 1rem;
  background: rgba(248, 250, 255, .8);
  border: 1px solid rgba(18, 5, 207, .055)
}

.comment-form-cookies-consent input {
  width: 18px;
  height: 18px;
  margin: .35rem 0 0;
  accent-color: var(--ph-primary);
  flex: 0 0 auto
}

.comment-form-cookies-consent label {
  margin: 0;
  color: var(--ph-muted);
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.9
}

.form-submit .submit {
  width: 100%;
  height: 50px;
  border: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
  font-size: .9rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(18, 5, 207, .22);
  transition: all .25s ease
}

.form-submit .submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(18, 5, 207, .28)
}

.clear {
  display: none
}

@media(max-width:1050px) {
  .woocommerce-Reviews {
    grid-template-columns: 1fr
  }

  .comment-respond {
    position: relative;
    top: auto
  }

  .woocommerce-product-attributes tr {
    grid-template-columns: 180px 1fr
  }
}

@media(max-width:720px) {
  .woocommerce-tabs {
    padding: .75rem;
    border-radius: 1.35rem
  }

  .woocommerce-tabs .tabs {
    gap: .45rem;
    padding: .45rem
  }

  .woocommerce-tabs .tabs li a {
    min-height: 42px;
    padding: .55rem .85rem;
    font-size: .78rem
  }

  .woocommerce-Tabs-panel {
    padding: 1rem;
    border-radius: 1.2rem
  }

  .woocommerce-product-attributes tr {
    grid-template-columns: 1fr;
    gap: .35rem
  }

  .woocommerce-Reviews-title {
    font-size: 1rem
  }

  .comment_container {
    padding: .85rem
  }

  .commentlist .children {
    margin: .65rem .6rem 0 0;
    padding-right: .75rem
  }

  .comment-form-rating .stars span {
    justify-content: center
  }

  .comment-form-rating .stars a {
    width: 28px;
    height: 28px
  }
}

@media(max-width:480px) {
  .woocommerce-tabs {
    margin-top: 1.2rem
  }

  .woocommerce-tabs .tabs {
    display: grid;
    grid-template-columns: 1fr
  }

  .woocommerce-tabs .tabs li a {
    width: 100%
  }

  .woocommerce-Tabs-panel h2 {
    font-size: 1.05rem
  }

  .comment-text .meta {
    align-items: flex-start;
    flex-direction: column;
    gap: .2rem
  }

  .woocommerce-review__author::before {
    width: 26px;
    height: 26px
  }

  .comment-form input[type=text],
  .comment-form input[type=email] {
    height: 46px
  }

  .form-submit .submit {
    height: 48px
  }
}

section.related-products {
  margin-top: 1rem;
  padding: 1.4rem;
  border-radius: 1.6rem;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.08);
  transition: transform .35s ease, box-shadow .35s ease;
}


/* END Tabs Panel Content Product ============== */

.hexella-cart-single {
  position: fixed;
  left: 1.5rem;
  bottom: 5.5rem;
  z-index: 9999;
  animation: hexellaCartEntrance 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.hexella-cart-single a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 18px;
  text-decoration: none;
  overflow: visible;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.14), transparent 32%),
    linear-gradient(145deg, #0f0f10, #202124);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.34),
    0 4px 14px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease;
}

.hexella-cart-single a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -80%;
  width: 45%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(115deg,
      transparent,
      rgba(255, 255, 255, 0.18),
      transparent);
  transform: skewX(-18deg);
  animation: hexellaCartShine 4.2s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

.hexella-cart-single a::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 17px;
  border: 1px solid rgba(255, 255, 255, 0.045);
  pointer-events: none;
  z-index: 1;
}

.hexella-cart-single a:hover {
  transform: translateY(-5px) scale(1.05);
  border-color: rgba(245, 158, 11, 0.28);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.42),
    0 8px 20px rgba(245, 158, 11, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 30% 20%, rgba(245, 158, 11, 0.18), transparent 34%),
    linear-gradient(145deg, #141414, #272727);
}

.hexella-cart-single .bg-cart-product {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hexella-cart-single .icon-cart {
  font-size: 22px;
  color: #f8fafc;
  line-height: 1;
  filter: drop-shadow(0 3px 8px rgba(255, 255, 255, 0.08));
  transition:
    transform 0.28s ease,
    color 0.28s ease;
}

.hexella-cart-single a:hover .icon-cart {
  transform: rotate(-8deg) scale(1.08);
  color: #ffffff;
}

.hexella-cart-single .dk-cart-view {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 3;
  min-width: 1.2rem;
  height: 1.2rem;
  padding: 0 6px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 255, 255, 0.34), transparent 28%),
    linear-gradient(135deg, #f59e0b, #ef4444);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  box-shadow:
    0 8px 18px rgba(239, 68, 68, 0.38),
    0 0 0 3px #ffffff;
  animation: hexellaCartBadgePulse 2.4s ease-in-out infinite;
}

.hexella-cart-single .dk-cart-view::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 999px;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.02));
  z-index: -1;
}

@keyframes hexellaCartEntrance {
  from {
    opacity: 0;
    transform: translateY(14px) scale(0.88);
    filter: blur(4px);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes hexellaCartShine {
  0% {
    left: -80%;
    opacity: 0;
  }

  18% {
    opacity: 0;
  }

  38% {
    opacity: 1;
  }

  58% {
    left: 135%;
    opacity: 0;
  }

  100% {
    left: 135%;
    opacity: 0;
  }
}

@keyframes hexellaCartBadgePulse {

  0%,
  100% {
    transform: scale(1);
    box-shadow:
      0 8px 18px rgba(239, 68, 68, 0.38),
      0 0 0 3px #ffffff,
      0 0 0 0 rgba(239, 68, 68, 0.28);
  }

  50% {
    transform: scale(1.08);
    box-shadow:
      0 10px 22px rgba(239, 68, 68, 0.46),
      0 0 0 3px #ffffff,
      0 0 0 7px rgba(239, 68, 68, 0);
  }
}

@media (max-width: 768px) {
  .hexella-cart-single {
    left: 0.9rem;
    bottom: 5rem;
  }

  .hexella-cart-single a {
    width: 52px;
    height: 52px;
    border-radius: 16px;
  }

  .hexella-cart-single a::after {
    border-radius: 15px;
  }

  .hexella-cart-single .icon-cart {
    font-size: 20px;
  }

  .hexella-cart-single .dk-cart-view {
    min-width: 22px;
    height: 22px;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .hexella-cart-single,
  .hexella-cart-single a::before,
  .hexella-cart-single .dk-cart-view {
    animation: none;
  }

  .hexella-cart-single a,
  .hexella-cart-single .icon-cart {
    transition: none;
  }
}



/* Start Style Cart Page ============= */
body.woocommerce-cart .woocommerce {
  --ph-primary: #1205cf;
  --ph-primary-2: #4f46e5;
  --ph-dark: #0f172a;
  --ph-text: #475569;
  --ph-muted: #64748b;
  --ph-soft: #f8faff;
  --ph-border: rgba(18, 5, 207, .08);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
  direction: rtl;
  width: 100%;
  max-width: 1260px;
  margin: 1.5rem auto;
  padding: 0;
    width: 100%;
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    margin-left: auto;
    margin-right: auto;
}

body.woocommerce-cart .woocommerce-notices-wrapper {
  margin-bottom: 1rem
}

body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message {
  margin: 0 0 .9rem;
  padding: 1rem 1.1rem;
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .88));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
  color: var(--ph-dark);
  font-size: .85rem;
  font-weight: 800;
  line-height: 1.9;
  list-style: none
}

body.woocommerce-cart .woocommerce-cart-form {
  width: 100%;
  margin: 0;
  padding: 1rem;
  border-radius: 1.7rem;
  background: radial-gradient(circle at 100% 0, rgba(18, 5, 207, .07), transparent 35%), radial-gradient(circle at 0 100%, rgba(79, 70, 229, .055), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .94));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
  overflow: hidden
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 .85rem;
  margin: 0;
  table-layout: fixed
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead th {
  padding: 0 .8rem .65rem;
  color: var(--ph-muted);
  font-size: .76rem;
  font-weight: 950;
  text-align: right;
  white-space: nowrap
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-remove {
  width: 58px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-thumbnail {
  width: 105px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-name {
  width: auto
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-price {
  width: 150px
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-quantity {
  width: 145px;
  text-align: center
}

body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-subtotal {
  width: 160px;
  text-align: left
}

body.woocommerce-cart .woocommerce-cart-form .cart_item {
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 255, .84));
  box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
  transition: transform .25s ease, box-shadow .25s ease
}

body.woocommerce-cart .woocommerce-cart-form .cart_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(15, 23, 42, .075)
}

body.woocommerce-cart .woocommerce-cart-form .cart_item td {
  padding: 1rem .85rem;
  vertical-align: middle;
  border-top: 1px solid rgba(18, 5, 207, .07);
  border-bottom: 1px solid rgba(18, 5, 207, .07);
  background: transparent
}

body.woocommerce-cart .woocommerce-cart-form .cart_item td:first-child {
  border-right: 1px solid rgba(18, 5, 207, .07);
  border-top-right-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem
}

body.woocommerce-cart .woocommerce-cart-form .cart_item td:last-child {
  border-left: 1px solid rgba(18, 5, 207, .07);
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem
}

body.woocommerce-cart .woocommerce-cart-form .product-remove {
  text-align: center
}

body.woocommerce-cart .woocommerce-cart-form .product-remove .remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 1rem;
  background: rgba(254, 242, 242, .92);
  border: 1px solid rgba(239, 68, 68, .13);
  color: #ef4444;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  transition: all .22s ease
}

body.woocommerce-cart .woocommerce-cart-form .product-remove .remove:hover {
  background: #ef4444;
  color: #fff;
  transform: translateY(-2px) rotate(5deg);
  box-shadow: 0 12px 24px rgba(239, 68, 68, .2)
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 84px;
  padding: .4rem;
  border-radius: 1.15rem;
  background: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(248, 250, 255, .66));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .045);
  overflow: hidden
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: .9rem;
  transition: transform .28s ease
}

body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a:hover img {
  transform: scale(1.06)
}

body.woocommerce-cart .woocommerce-cart-form .product-name a {
  display: inline-block;
  color: var(--ph-dark);
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.9;
  text-decoration: none;
  transition: color .22s ease
}

body.woocommerce-cart .woocommerce-cart-form .product-name a:hover {
  color: var(--ph-primary)
}

body.woocommerce-cart .woocommerce-cart-form .product-price,
body.woocommerce-cart .woocommerce-cart-form .product-subtotal {
  color: var(--ph-dark);
  font-size: .9rem;
  font-weight: 950;
  white-space: nowrap
}

body.woocommerce-cart .woocommerce-cart-form .product-price .amount {
  color: var(--ph-text);
  font-weight: 900
}

body.woocommerce-cart .woocommerce-cart-form .product-subtotal {
  text-align: left
}

body.woocommerce-cart .woocommerce-cart-form .product-subtotal .amount {
  color: var(--ph-primary);
  font-size: .96rem;
  font-weight: 950
}

body.woocommerce-cart .woocommerce-cart-form .woocommerce-Price-currencySymbol {
  font-size: .75rem;
  font-weight: 850;
  color: var(--ph-muted)
}

body.woocommerce-cart .woocommerce-cart-form .product-quantity {
  text-align: center
}

body.woocommerce-cart .woocommerce-cart-form .quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: .25rem;
  border-radius: 1rem;
  background: #fff;
  border: 1px solid rgba(18, 5, 207, .1);
  box-shadow: 0 10px 22px rgba(15, 23, 42, .04);
  overflow: hidden
}

body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: .8rem;
  background: linear-gradient(180deg, rgba(248, 250, 255, .95), rgba(241, 245, 249, .9));
  color: var(--ph-dark);
  font-size: 1.05rem;
  font-weight: 950;
  cursor: pointer;
  transition: all .22s ease
}

body.woocommerce-cart .woocommerce-cart-form .quantity .minus:hover,
body.woocommerce-cart .woocommerce-cart-form .quantity .plus:hover {
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff
}

body.woocommerce-cart .woocommerce-cart-form .quantity .qty {
  width: 52px;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ph-dark);
  font-size: .9rem;
  font-weight: 950;
  text-align: center;
  outline: 0;
  appearance: textfield
}

body.woocommerce-cart .woocommerce-cart-form .quantity .qty::-webkit-outer-spin-button,
body.woocommerce-cart .woocommerce-cart-form .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

body.woocommerce-cart .woocommerce-cart-form .actions {
  padding: 1rem .4rem 0;
  text-align: left;
  background: transparent;
  border: 0
}

body.woocommerce-cart .woocommerce-cart-form .actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 1.15rem;
  border: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
  font-size: .85rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(18, 5, 207, .22);
  transition: transform .22s ease, box-shadow .22s ease, opacity .22s ease
}

body.woocommerce-cart .woocommerce-cart-form .actions .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(18, 5, 207, .28)
}

body.woocommerce-cart .woocommerce-cart-form .actions .button:disabled {
  opacity: .45;
  cursor: not-allowed;
  filter: grayscale(.25);
  transform: none;
  box-shadow: none
}

body.woocommerce-cart .cart-collaterals {
  width: 100%;
  margin-top: 1.1rem;
  display: flex;
  justify-content: flex-end
}

body.woocommerce-cart .cart-collaterals .cart_totals {
  width: 100%;
  max-width: 420px;
  padding: 1.1rem;
  border-radius: 1.55rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .86));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 16px 40px rgba(15, 23, 42, .05), inset 0 1px 0 rgba(255, 255, 255, .95)
}

body.woocommerce-cart .cart-collaterals .cart_totals h2 {
  margin: 0 0 1rem;
  color: var(--ph-dark);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.8
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-spacing: 0
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table tr:not(:last-child) {
  border-bottom: 1px solid rgba(18, 5, 207, .07)
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table th,
body.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
  padding: .95rem 0;
  vertical-align: middle
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table th {
  color: var(--ph-muted);
  font-size: .82rem;
  font-weight: 900;
  text-align: right
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
  color: var(--ph-dark);
  font-size: .9rem;
  font-weight: 800;
  text-align: left;
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .amount {
  color: var(--ph-primary);
  font-weight: 950
}

body.woocommerce-cart .cart-collaterals .cart_totals .shop_table .woocommerce-Price-currencySymbol {
  font-size: .74rem;
  font-weight: 850;
  color: var(--ph-muted)
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th,
body.woocommerce-cart .cart-collaterals .cart_totals .order-total td {
  padding-top: 1.1rem
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total th {
  color: var(--ph-dark);
  font-size: .88rem
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total td strong {
  font-weight: 950
}

body.woocommerce-cart .cart-collaterals .cart_totals .order-total td .amount {
  font-size: 1.05rem
}

body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout {
  margin-top: 1rem
}

body.woocommerce-cart .cart-collaterals .checkout-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 54px;
  padding: 0 1rem;
  border-radius: 1.05rem;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #ffffff!important;
  text-decoration: none;
  font-size: .92rem;
  font-weight: 950;
  box-shadow: 0 16px 32px rgba(18, 5, 207, .24);
  transition: transform .25s ease, box-shadow .25s ease
}

body.woocommerce-cart .cart-collaterals .checkout-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(18, 5, 207, .3)
}

body.woocommerce-cart .cart-collaterals .checkout-button:before {
  content: "←";
  display: inline-block;
  margin-left: .45rem;
  font-size: 1rem;
  line-height: 1
}

body.woocommerce-cart .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

@media(max-width:1024px) {
  body.woocommerce-cart .woocommerce-cart-form {
    padding: .85rem
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-remove {
    width: 52px
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-thumbnail {
    width: 95px
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-price {
    width: 130px
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-quantity {
    width: 132px
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead .product-subtotal {
    width: 140px
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item td {
    padding: .85rem .65rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-name a {
    font-size: .86rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a {
    width: 76px;
    height: 76px
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity {
    height: 44px
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
  body.woocommerce-cart .woocommerce-cart-form .quantity .plus {
    width: 34px;
    height: 34px
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity .qty {
    width: 44px
  }

  body.woocommerce-cart .cart-collaterals .cart_totals {
    max-width: 100%
  }
}

@media(max-width:767px) {
  body.woocommerce-cart .woocommerce {
    margin: 1rem auto
  }

  body.woocommerce-cart .woocommerce-error,
  body.woocommerce-cart .woocommerce-info,
  body.woocommerce-cart .woocommerce-message {
    padding: .85rem .9rem;
    border-radius: 1rem;
    font-size: .8rem
  }

  body.woocommerce-cart .woocommerce-cart-form {
    padding: .75rem;
    border-radius: 1.35rem
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart {
    display: block;
    border-spacing: 0;
    margin: 0
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart thead {
    display: none
  }

  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart tbody,
  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart tr,
  body.woocommerce-cart .woocommerce-cart-form .shop_table.cart td {
    display: block;
    width: 100%
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item {
    position: relative;
    margin-bottom: .85rem;
    padding: .95rem;
    border-radius: 1.25rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .86));
    border: 1px solid rgba(18, 5, 207, .075);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .055)
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item:hover {
    transform: none
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item td {
    padding: 0;
    border: 0
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item td:first-child,
  body.woocommerce-cart .woocommerce-cart-form .cart_item td:last-child {
    border: 0;
    border-radius: 0
  }

  body.woocommerce-cart .woocommerce-cart-form .product-remove {
    position: absolute;
    top: .75rem;
    left: .75rem;
    width: auto;
    z-index: 2
  }

  body.woocommerce-cart .woocommerce-cart-form .product-remove .remove {
    width: 38px;
    height: 38px;
    border-radius: .9rem;
    font-size: 1.25rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail {
    margin-bottom: .8rem;
    padding-left: 3rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a {
    width: 82px;
    height: 82px
  }

  body.woocommerce-cart .woocommerce-cart-form .product-name {
    padding-left: 2.8rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-name a {
    font-size: .9rem;
    line-height: 1.85
  }

  body.woocommerce-cart .woocommerce-cart-form .product-price,
  body.woocommerce-cart .woocommerce-cart-form .product-quantity,
  body.woocommerce-cart .woocommerce-cart-form .product-subtotal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(18, 5, 207, .075);
    text-align: left;
    white-space: normal
  }

  body.woocommerce-cart .woocommerce-cart-form .product-price:before,
  body.woocommerce-cart .woocommerce-cart-form .product-quantity:before,
  body.woocommerce-cart .woocommerce-cart-form .product-subtotal:before {
    content: attr(data-title);
    color: var(--ph-muted);
    font-size: .78rem;
    font-weight: 900;
    text-align: right
  }

  body.woocommerce-cart .woocommerce-cart-form .product-quantity {
    align-items: center
  }

  body.woocommerce-cart .woocommerce-cart-form .product-subtotal .amount {
    font-size: 1rem
  }

  body.woocommerce-cart .woocommerce-cart-form .actions {
    display: block;
    padding: .3rem 0 0
  }

  body.woocommerce-cart .woocommerce-cart-form .actions .button {
    width: 100%;
    min-height: 50px
  }

  body.woocommerce-cart .cart-collaterals {
    margin-top: .9rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals {
    max-width: 100%;
    padding: .95rem;
    border-radius: 1.25rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals h2 {
    font-size: .98rem;
    margin-bottom: .85rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals .shop_table th,
  body.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
    padding: .8rem 0
  }

  body.woocommerce-cart .cart-collaterals .checkout-button {
    min-height: 50px;
    font-size: .88rem
  }
}

@media(max-width:480px) {
  body.woocommerce-cart .woocommerce-cart-form {
    padding: .6rem
  }

  body.woocommerce-cart .woocommerce-cart-form .cart_item {
    padding: .8rem;
    border-radius: 1.1rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-thumbnail a {
    width: 72px;
    height: 72px
  }

  body.woocommerce-cart .woocommerce-cart-form .product-name a {
    font-size: .84rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-price,
  body.woocommerce-cart .woocommerce-cart-form .product-quantity,
  body.woocommerce-cart .woocommerce-cart-form .product-subtotal {
    font-size: .82rem
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity {
    height: 42px;
    border-radius: .9rem
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity .minus,
  body.woocommerce-cart .woocommerce-cart-form .quantity .plus {
    width: 32px;
    height: 32px;
    border-radius: .7rem
  }

  body.woocommerce-cart .woocommerce-cart-form .quantity .qty {
    width: 40px;
    height: 32px;
    font-size: .84rem
  }

  body.woocommerce-cart .woocommerce-cart-form .product-remove .remove {
    width: 35px;
    height: 35px
  }

  body.woocommerce-cart .woocommerce-cart-form .actions .button {
    font-size: .82rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals {
    padding: .8rem;
    border-radius: 1.1rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals .shop_table th {
    font-size: .78rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals .shop_table td {
    font-size: .84rem
  }

  body.woocommerce-cart .cart-collaterals .cart_totals .order-total td .amount {
    font-size: .98rem
  }
}

/* END Style Cart Page ============= */

/* Start Style CheckOut Page ============= */
body.woocommerce-checkout .woocommerce {
  --ph-primary: #1205cf;
  --ph-primary-2: #4f46e5;
  --ph-dark: #0f172a;
  --ph-text: #475569;
  --ph-muted: #64748b;
  --ph-soft: #f8faff;
  --ph-border: rgba(18, 5, 207, .08);
  --ph-danger: #ef4444;
  direction: rtl;
  width: 100%;
  max-width: 1260px;
  margin: 1.5rem auto;
  padding: 0;
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  width: 100%;
}

body.woocommerce-checkout .woocommerce-notices-wrapper {
  margin-bottom: 1rem;
}

body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message {
  margin: 0 0 .9rem;
  padding: 1rem 1.1rem;
  border-radius: 1.1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 255, .88));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .05);
  color: var(--ph-dark);
  font-size: .85rem;
  font-weight: 800;
  line-height: 1.9;
  list-style: none;
}

body.woocommerce-checkout .checkout.woocommerce-checkout {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.2rem;
  width: 100%;
  margin: 0;
}

body.woocommerce-checkout #order_review_heading {
  display: none;
}

body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  width: 65.5%;
  padding: 1rem;
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .07), transparent 35%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .055), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .94));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
  order: 1;
}

body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
  float: none;
  margin: 0;
}

body.woocommerce-checkout .woocommerce-billing-fields,
body.woocommerce-checkout .woocommerce-additional-fields {
  width: 100%;
}

body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3 {
  position: relative;
  margin: 0 0 1rem;
  padding: 0 1rem 0 0;
  color: var(--ph-dark);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.9;
}

body.woocommerce-checkout .woocommerce-billing-fields h3:before,
body.woocommerce-checkout .woocommerce-additional-fields h3:before {
  content: "";
  position: absolute;
  right: 0;
  top: .55rem;
  width: 5px;
  height: 22px;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 8px 18px rgba(18, 5, 207, .22);
}

body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
}

body.woocommerce-checkout .checkout .form-row {
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

body.woocommerce-checkout .checkout .form-row-first,
body.woocommerce-checkout .checkout .form-row-last {
  width: calc(50% - .45rem);
}

body.woocommerce-checkout .checkout .form-row-wide {
  width: 100%;
}

body.woocommerce-checkout p#billing_country_field {
    display: none;
}

body.woocommerce-checkout .checkout .form-row label {
  display: block;
  margin: 0 0 .45rem;
  color: var(--ph-dark);
  font-size: .8rem;
  font-weight: 900;
  line-height: 1.7;
}

body.woocommerce-checkout .checkout .form-row label .required {
  color: var(--ph-danger);
  font-weight: 950;
  text-decoration: none;
}

body.woocommerce-checkout .checkout .form-row label .optional {
  color: var(--ph-muted);
  font-size: .75rem;
  font-weight: 750;
}

body.woocommerce-checkout .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

body.woocommerce-checkout .checkout .input-text,
body.woocommerce-checkout .checkout select,
body.woocommerce-checkout .checkout textarea {
  width: 100%;
  min-height: 52px;
  padding: 0 .95rem;
  border: 1px solid rgba(18, 5, 207, .1);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .82));
  color: var(--ph-dark);
  font-size: .86rem;
  font-weight: 800;
  line-height: 1.8;
  outline: 0;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .95);
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

body.woocommerce-checkout .checkout textarea.input-text {
  min-height: 132px;
  padding: .9rem .95rem;
  resize: vertical;
}

body.woocommerce-checkout .checkout .input-text::placeholder,
body.woocommerce-checkout .checkout textarea::placeholder {
  color: #94a3b8;
  font-weight: 700;
}

body.woocommerce-checkout .checkout .input-text:focus,
body.woocommerce-checkout .checkout select:focus,
body.woocommerce-checkout .checkout textarea:focus {
  border-color: rgba(18, 5, 207, .34);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .075), 0 14px 30px rgba(15, 23, 42, .045);
}

body.woocommerce-checkout .checkout .select2-container {
  width: 100%;
}

body.woocommerce-checkout .checkout .select2-container .select2-selection--single {
  height: 52px;
  border: 1px solid rgba(18, 5, 207, .1);
  border-radius: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .82));
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .95);
  outline: 0;
}

body.woocommerce-checkout .checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .checkout .select2-container--default.select2-container--open .select2-selection--single {
  border-color: rgba(18, 5, 207, .34);
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .075), 0 14px 30px rgba(15, 23, 42, .045);
}

body.woocommerce-checkout .checkout .select2-container .select2-selection--single .select2-selection__rendered {
  height: 52px;
  padding: 0 .95rem 0 2.2rem;
  color: var(--ph-dark);
  font-size: .86rem;
  font-weight: 800;
  line-height: 52px;
  text-align: right;
}

body.woocommerce-checkout .checkout .select2-container .select2-selection__placeholder {
  color: #94a3b8;
  font-weight: 750;
}

body.woocommerce-checkout .checkout .select2-container .select2-selection--single .select2-selection__arrow {
  height: 52px;
  left: .75rem;
  right: auto;
}

body.woocommerce-checkout .select2-dropdown {
  border: 1px solid rgba(18, 5, 207, .12);
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 22px 50px rgba(15, 23, 42, .12);
  overflow: hidden;
}

body.woocommerce-checkout .select2-results__option {
  padding: .75rem .9rem;
  color: var(--ph-dark);
  font-size: .84rem;
  font-weight: 800;
  text-align: right;
}

body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
}

body.woocommerce-checkout .select2-container--default .select2-results__option[aria-selected=true] {
  background: rgba(18, 5, 207, .07);
  color: var(--ph-primary);
}

body.woocommerce-checkout .woocommerce-checkout-review-order {
  width: calc(34.5% - 1.2rem);
  order: 2;
  padding: 1rem;
  border-radius: 1.7rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .9));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
  position: sticky;
  top: 1rem;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th {
  padding: 0 0 .8rem;
  color: var(--ph-muted);
  font-size: .78rem;
  font-weight: 950;
  text-align: right;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table thead th.product-total {
  text-align: left;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
  padding: .9rem 0;
  border-bottom: 1px solid rgba(18, 5, 207, .065);
  vertical-align: top;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name {
  color: var(--ph-dark);
  font-size: .84rem;
  font-weight: 900;
  line-height: 1.9;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: .25rem;
  padding: .15rem .45rem;
  border-radius: 99px;
  background: rgba(18, 5, 207, .07);
  color: var(--ph-primary);
  font-size: .75rem;
  font-weight: 950;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
  text-align: left;
  white-space: nowrap;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount {
  color: var(--ph-primary);
  font-size: .86rem;
  font-weight: 950;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol {
  color: var(--ph-muted);
  font-size: .72rem;
  font-weight: 850;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  padding: .9rem 0;
  border-bottom: 1px solid rgba(18, 5, 207, .065);
  color: var(--ph-muted);
  font-size: .83rem;
  font-weight: 950;
  text-align: right;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
  text-align: left;
  color: var(--ph-dark);
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total td {
  padding-top: 1rem;
  border-bottom: 0;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total th {
  color: var(--ph-dark);
  font-size: .9rem;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total .amount {
  font-size: 1.05rem;
  color: var(--ph-primary);
}

body.woocommerce-checkout .woocommerce-checkout-payment {
  margin-top: 1rem;
}

body.woocommerce-checkout .wc_payment_methods {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-checkout .wc_payment_method {
  padding: .9rem;
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .82));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035);
}

body.woocommerce-checkout .wc_payment_method label {
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: var(--ph-dark);
  font-size: .88rem;
  font-weight: 950;
  line-height: 1.8;
  cursor: pointer;
}

body.woocommerce-checkout .wc_payment_method label:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 32%, var(--ph-primary) 35%, var(--ph-primary-2) 100%);
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08);
}

body.woocommerce-checkout .payment_box {
  margin: .75rem 0 0;
  padding: .8rem .9rem;
  border-radius: 1rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .07);
}

body.woocommerce-checkout .payment_box p {
  margin: 0;
  color: var(--ph-text);
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.9;
}

body.woocommerce-checkout .place-order {
  margin-top: 1rem;
}

body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin-bottom: .9rem;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text {
  padding: .85rem;
  border-radius: 1rem;
  background: rgba(248, 250, 255, .72);
  border: 1px solid rgba(18, 5, 207, .055);
}

body.woocommerce-checkout .woocommerce-privacy-policy-text p {
  margin: 0;
  color: var(--ph-text);
  font-size: .76rem;
  font-weight: 750;
  line-height: 2;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: var(--ph-primary);
  font-weight: 950;
  text-decoration: none;
}

body.woocommerce-checkout .woocommerce-privacy-policy-text a:hover {
  color: var(--ph-primary-2);
}

body.woocommerce-checkout #place_order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 56px;
  padding: 0 1rem;
  border: 0;
  border-radius: 1.08rem;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 16px 34px rgba(18, 5, 207, .25);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

body.woocommerce-checkout #place_order:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px rgba(18, 5, 207, .32);
  filter: saturate(1.08);
}

body.woocommerce-checkout #place_order:active {
  transform: translateY(0);
}

body.woocommerce-checkout #place_order:before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: .55rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .16);
  font-size: .78rem;
}

body.woocommerce-checkout .woocommerce-invalid .input-text,
body.woocommerce-checkout .woocommerce-invalid select,
body.woocommerce-checkout .woocommerce-invalid .select2-selection {
  border-color: rgba(239, 68, 68, .45);
  box-shadow: 0 0 0 4px rgba(239, 68, 68, .07);
}

body.woocommerce-checkout .woocommerce-validated .input-text,
body.woocommerce-checkout .woocommerce-validated select,
body.woocommerce-checkout .woocommerce-validated .select2-selection {
  border-color: rgba(34, 197, 94, .35);
}

body.woocommerce-checkout .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media(max-width:1100px) {
  body.woocommerce-checkout .checkout.woocommerce-checkout {
    gap: 1rem;
  }

  body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details {
    width: 62%;
    padding: .9rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order {
    width: calc(38% - 1rem);
    padding: .9rem;
  }

  body.woocommerce-checkout .checkout .form-row-first,
  body.woocommerce-checkout .checkout .form-row-last {
    width: 100%;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    white-space: normal;
  }
}

@media(max-width:900px) {
  body.woocommerce-checkout .checkout.woocommerce-checkout {
    display: block;
  }

  body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    width: 100%;
  }

  body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details {
    margin-bottom: 1rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order {
    position: relative;
    top: auto;
  }

  body.woocommerce-checkout .woocommerce-billing-fields h3,
  body.woocommerce-checkout .woocommerce-additional-fields h3 {
    font-size: 1rem;
  }

  body.woocommerce-checkout .checkout .form-row-first,
  body.woocommerce-checkout .checkout .form-row-last {
    width: calc(50% - .45rem);
  }
}

@media(max-width:767px) {
  body.woocommerce-checkout .woocommerce {
    margin: 1rem auto;
  }

  body.woocommerce-checkout .woocommerce-error,
  body.woocommerce-checkout .woocommerce-info,
  body.woocommerce-checkout .woocommerce-message {
    padding: .85rem .9rem;
    border-radius: 1rem;
    font-size: .8rem;
  }

  body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details {
    padding: .75rem;
    border-radius: 1.35rem;
  }

  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    gap: .75rem;
  }

  body.woocommerce-checkout .checkout .form-row-first,
  body.woocommerce-checkout .checkout .form-row-last,
  body.woocommerce-checkout .checkout .form-row-wide {
    width: 100%;
  }

  body.woocommerce-checkout .checkout .form-row label {
    font-size: .78rem;
  }

  body.woocommerce-checkout .checkout .input-text,
  body.woocommerce-checkout .checkout select,
  body.woocommerce-checkout .checkout textarea,
  body.woocommerce-checkout .checkout .select2-container .select2-selection--single {
    min-height: 50px;
    border-radius: .95rem;
  }

  body.woocommerce-checkout .checkout .select2-container .select2-selection--single {
    height: 50px;
  }

  body.woocommerce-checkout .checkout .select2-container .select2-selection--single .select2-selection__rendered {
    height: 50px;
    line-height: 50px;
    font-size: .82rem;
  }

  body.woocommerce-checkout .checkout .select2-container .select2-selection--single .select2-selection__arrow {
    height: 50px;
  }

  body.woocommerce-checkout .checkout textarea.input-text {
    min-height: 120px;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: .85rem;
    border-radius: 1.35rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tr,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table th {
    display: block;
    width: 100%;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody .cart_item {
    padding: .8rem 0;
    border-bottom: 1px solid rgba(18, 5, 207, .07);
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td {
    padding: 0;
    border: 0;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name {
    font-size: .82rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .product-total {
    margin-top: .5rem;
    text-align: right;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 0;
    border-bottom: 1px solid rgba(18, 5, 207, .065);
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th,
  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
    width: auto;
    padding: 0;
    border: 0;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total {
    border-bottom: 0;
  }

  body.woocommerce-checkout .wc_payment_method {
    padding: .8rem;
    border-radius: 1rem;
  }

  body.woocommerce-checkout .woocommerce-privacy-policy-text {
    padding: .75rem;
  }

  body.woocommerce-checkout .woocommerce-privacy-policy-text p {
    font-size: .72rem;
  }

  body.woocommerce-checkout #place_order {
    min-height: 52px;
    font-size: .9rem;
  }
}

@media(max-width:480px) {

  body.woocommerce-checkout .checkout.woocommerce-checkout #customer_details,
  body.woocommerce-checkout .woocommerce-checkout-review-order {
    padding: .65rem;
    border-radius: 1.15rem;
  }

  body.woocommerce-checkout .woocommerce-billing-fields h3,
  body.woocommerce-checkout .woocommerce-additional-fields h3 {
    font-size: .95rem;
    margin-bottom: .85rem;
  }

  body.woocommerce-checkout .checkout .input-text,
  body.woocommerce-checkout .checkout select,
  body.woocommerce-checkout .checkout textarea {
    padding: 0 .8rem;
    font-size: .8rem;
  }

  body.woocommerce-checkout .checkout textarea.input-text {
    padding: .8rem;
  }

  body.woocommerce-checkout .checkout .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 .8rem 0 2rem;
    font-size: .8rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name {
    font-size: .78rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table .amount {
    font-size: .8rem;
  }

  body.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot .order-total .amount {
    font-size: .95rem;
  }

  body.woocommerce-checkout .payment_box p {
    font-size: .74rem;
  }

  body.woocommerce-checkout #place_order {
    min-height: 50px;
    border-radius: .95rem;
    font-size: .86rem;
  }
}

.woocommerce-checkout .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1,
.woocommerce-checkout .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 {
  width: 100%;
}

/* END Style CheckOut Page ============= */

/* Start Style Order-Received Page =============== */
body.woocommerce-order-received .woocommerce {
  --ph-primary: #1205cf;
  --ph-primary-2: #4f46e5;
  --ph-dark: #0f172a;
  --ph-text: #475569;
  --ph-muted: #64748b;
  --ph-soft: #f8faff;
  --ph-border: rgba(18, 5, 207, .08);
  --ph-success: #16a34a;
  --ph-success-soft: rgba(22, 163, 74, .08);

  direction: rtl;
  width: 100%;
  max-width: 1260px;
  margin: 1.5rem auto;
  padding: 0;
}

body.woocommerce-order-received .woocommerce-order {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.2rem;
  width: 100%;
  margin: 0;
}

body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 1.25rem 1.35rem;
  border-radius: 1.6rem;
  background:
    radial-gradient(circle at 100% 0, rgba(22, 163, 74, .12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(22, 163, 74, .15);
  color: var(--ph-dark);
  font-size: 1rem;
  font-weight: 950;
  line-height: 2;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
}

body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received:before {
  content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: .7rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  font-size: .9rem;
  font-weight: 950;
  box-shadow: 0 12px 26px rgba(22, 163, 74, .24);
  vertical-align: middle;
}

/* Order overview */
body.woocommerce-order-received .woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: .85rem;
  width: 100%;
  margin: 0;
  padding: 1rem;
  list-style: none;
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .07), transparent 35%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .055), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .94));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
}

body.woocommerce-order-received .woocommerce-order-overview li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
  width: calc(20% - .68rem);
  min-height: 92px;
  margin: 0;
  padding: 1rem;
  border-radius: 1.15rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .82));
  border: 1px solid rgba(18, 5, 207, .08);
  color: var(--ph-muted);
  font-size: .77rem;
  font-weight: 850;
  line-height: 1.8;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .9);
  overflow: hidden;
  word-break: break-word;
}

body.woocommerce-order-received .woocommerce-order-overview li strong {
  display: block;
  color: var(--ph-dark);
  font-size: .9rem;
  font-weight: 950;
  line-height: 1.8;
}

body.woocommerce-order-received .woocommerce-order-overview__total strong,
body.woocommerce-order-received .woocommerce-order-overview__total .amount {
  color: var(--ph-primary);
}

body.woocommerce-order-received .woocommerce-order-overview .woocommerce-Price-currencySymbol {
  color: var(--ph-muted);
  font-size: .75rem;
  font-weight: 850;
}

/* Payment text */
body.woocommerce-order-received .woocommerce-order>p:not(.woocommerce-notice) {
  width: 100%;
  margin: 0;
  padding: .95rem 1rem;
  border-radius: 1.15rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .07);
  color: var(--ph-text);
  font-size: .84rem;
  font-weight: 850;
  line-height: 2;
}

/* Main two columns */
body.woocommerce-order-received .woocommerce-order-details {
  width: 66%;
  margin: 0;
  padding: 1rem;
  border-radius: 1.7rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .9));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
}

body.woocommerce-order-received .woocommerce-customer-details {
  width: calc(34% - 1.2rem);
  margin: 0;
  padding: 1rem;
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .9));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
}

/* Titles */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  position: relative;
  margin: 0 0 1rem;
  padding: 0 1rem 0 0;
  color: var(--ph-dark);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.9;
  border-right: none;
}

body.woocommerce-order-received .woocommerce-order-details__title:before,
body.woocommerce-order-received .woocommerce-column__title:before {
  content: "";
  position: absolute;
  right: 0;
  top: .55rem;
  width: 5px;
  height: 22px;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--ph-primary), var(--ph-primary-2));
  box-shadow: 0 8px 18px rgba(18, 5, 207, .22);
}

/* Order table */
body.woocommerce-order-received .woocommerce-table--order-details {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 1.2rem;
}

body.woocommerce-order-received .woocommerce-table--order-details thead th {
  padding: .9rem 1rem;
  background: rgba(18, 5, 207, .045);
  border-bottom: 1px solid rgba(18, 5, 207, .08);
  color: var(--ph-muted);
  font-size: .78rem;
  font-weight: 950;
  line-height: 1.8;
  text-align: right;
}

body.woocommerce-order-received .woocommerce-table--order-details thead th.product-total {
  text-align: left;
}

body.woocommerce-order-received .woocommerce-table--order-details tbody td {
  padding: 1rem;
  border-bottom: 1px solid rgba(18, 5, 207, .065);
  background: rgba(255, 255, 255, .68);
  vertical-align: middle;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-name {
  width: 70%;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-total {
  width: 30%;
  text-align: left;
  white-space: nowrap;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-name a {
  color: var(--ph-dark);
  font-size: .85rem;
  font-weight: 900;
  line-height: 2;
  text-decoration: none;
  transition: color .22s ease;
}

body.woocommerce-order-received .woocommerce-table--order-details .product-name a:hover {
  color: var(--ph-primary);
}

body.woocommerce-order-received .woocommerce-table--order-details .product-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: .4rem;
  padding: .14rem .48rem;
  border-radius: 99px;
  background: rgba(18, 5, 207, .07);
  color: var(--ph-primary);
  font-size: .75rem;
  font-weight: 950;
  line-height: 1.7;
}

body.woocommerce-order-received .woocommerce-table--order-details .amount {
  color: var(--ph-primary);
  font-size: .88rem;
  font-weight: 950;
}

body.woocommerce-order-received .woocommerce-table--order-details .woocommerce-Price-currencySymbol {
  color: var(--ph-muted);
  font-size: .73rem;
  font-weight: 850;
}

/* Table footer */
body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  padding: .9rem 1rem;
  border-bottom: 1px solid rgba(18, 5, 207, .06);
  background: rgba(248, 250, 255, .72);
  color: var(--ph-muted);
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.8;
  text-align: right;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
  color: var(--ph-dark);
  text-align: left;
  white-space: nowrap;
}

body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-order-received .woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: 0;
}

/* Customer address */
body.woocommerce-order-received .woocommerce-customer-details address {
  margin: 0;
  padding: 1rem;
  border-radius: 1.2rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .82));
  border: 1px solid rgba(18, 5, 207, .08);
  color: var(--ph-text);
  font-size: .84rem;
  font-style: normal;
  font-weight: 850;
  line-height: 2.15;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .035), inset 0 1px 0 rgba(255, 255, 255, .9);
}

body.woocommerce-order-received .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details--email {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .8rem 0 0;
  padding: .75rem .85rem;
  border-radius: 1rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .06);
  color: var(--ph-dark);
  font-size: .8rem;
  font-weight: 900;
  line-height: 1.8;
  direction: ltr;
  text-align: left;
}

body.woocommerce-order-received .woocommerce-customer-details--phone:before {
  content: "☎";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
  font-size: .75rem;
  box-shadow: 0 10px 20px rgba(18, 5, 207, .18);
}

body.woocommerce-order-received .woocommerce-customer-details--email:before {
  content: "@";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--ph-primary), var(--ph-primary-2));
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  box-shadow: 0 10px 20px rgba(18, 5, 207, .18);
}

/* Responsive */
@media(max-width:1100px) {
  body.woocommerce-order-received .woocommerce-order {
    gap: 1rem;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    width: calc(33.333% - .57rem);
  }

  body.woocommerce-order-received .woocommerce-order-details {
    width: 62%;
    padding: .9rem;
  }

  body.woocommerce-order-received .woocommerce-customer-details {
    width: calc(38% - 1rem);
    padding: .9rem;
  }
}

@media(max-width:900px) {

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    width: 100%;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    width: calc(50% - .425rem);
  }
}

@media(max-width:767px) {
  body.woocommerce-order-received .woocommerce {
    margin: 1rem auto;
  }

  body.woocommerce-order-received .woocommerce-order {
    gap: .9rem;
  }

  body.woocommerce-order-received .woocommerce-notice.woocommerce-thankyou-order-received {
    padding: 1rem;
    border-radius: 1.25rem;
    font-size: .9rem;
  }

  body.woocommerce-order-received .woocommerce-order-overview {
    padding: .75rem;
    border-radius: 1.35rem;
    gap: .7rem;
  }

  body.woocommerce-order-received .woocommerce-order-overview li {
    width: 100%;
    min-height: auto;
    padding: .85rem;
    border-radius: 1rem;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    padding: .8rem;
    border-radius: 1.35rem;
  }

  body.woocommerce-order-received .woocommerce-table--order-details thead {
    display: none;
  }

  body.woocommerce-order-received .woocommerce-table--order-details,
  body.woocommerce-order-received .woocommerce-table--order-details tbody,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot,
  body.woocommerce-order-received .woocommerce-table--order-details tr,
  body.woocommerce-order-received .woocommerce-table--order-details td,
  body.woocommerce-order-received .woocommerce-table--order-details th {
    display: block;
    width: 100%;
  }

  body.woocommerce-order-received .woocommerce-table--order-details tbody tr {
    margin-bottom: .75rem;
    padding: .85rem;
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .86));
    border: 1px solid rgba(18, 5, 207, .07);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .035);
  }

  body.woocommerce-order-received .woocommerce-table--order-details tbody td {
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .product-name,
  body.woocommerce-order-received .woocommerce-table--order-details .product-total {
    width: 100%;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .product-total {
    margin-top: .6rem;
    text-align: right;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .product-total:before {
    content: "مجموع:";
    display: inline-block;
    margin-left: .45rem;
    color: var(--ph-muted);
    font-size: .78rem;
    font-weight: 950;
  }

  body.woocommerce-order-received .woocommerce-table--order-details tfoot tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem 0;
    border-bottom: 1px solid rgba(18, 5, 207, .06);
    background: transparent;
  }

  body.woocommerce-order-received .woocommerce-table--order-details tfoot th,
  body.woocommerce-order-received .woocommerce-table--order-details tfoot td {
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.woocommerce-order-received .woocommerce-customer-details address {
    padding: .85rem;
    border-radius: 1rem;
    font-size: .8rem;
  }
}

@media(max-width:480px) {
  body.woocommerce-order-received .woocommerce-order-overview li strong {
    font-size: .82rem;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    padding: .65rem;
    border-radius: 1.15rem;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .product-name a {
    font-size: .76rem;
  }

  body.woocommerce-order-received .woocommerce-table--order-details .amount {
    font-size: .78rem;
  }

  body.woocommerce-order-received .woocommerce-customer-details address {
    font-size: .76rem;
  }

  body.woocommerce-order-received .woocommerce-customer-details--phone,
  body.woocommerce-order-received .woocommerce-customer-details--email {
    font-size: .72rem;
    word-break: break-word;
  }
}

/* END Style Order-Received Page =============== */

/* Start Style My-Account Page ============== */
body.woocommerce-account .woocommerce {
  --dk-primary: #1205cf;
  --dk-primary-2: #4f46e5;
  --dk-dark: #0f172a;
  --dk-text: #475569;
  --dk-muted: #64748b;
  --dk-soft: #f8faff;
  --dk-border: rgba(18, 5, 207, .08);
  --dk-danger: #ef4444;
  --dk-danger-soft: rgba(239, 68, 68, .08);
  --dk-success: #16a34a;

  direction: rtl;
  display: flex;
  align-items: flex-start;
  gap: 1.2rem;
  width: 100%;
  max-width: 1260px;
  margin: 1.5rem auto;
  padding: 0;
}

/* منوی حساب کاربری */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 28%;
  margin: 0;
  padding: 1rem;
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .08), transparent 35%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .06), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: flex;
  flex-direction: column;
  gap: .65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: .85rem 1rem;
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .62);
  border: 1px solid rgba(18, 5, 207, .055);
  color: var(--dk-text);
  font-size: .86rem;
  font-weight: 900;
  line-height: 1.8;
  text-decoration: none;
  overflow: hidden;
  transition: all .24s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:before {
  content: "";
  width: 9px;
  height: 9px;
  margin-left: .75rem;
  border-radius: 50%;
  background: rgba(18, 5, 207, .18);
  box-shadow: 0 0 0 5px rgba(18, 5, 207, .045);
  flex: 0 0 auto;
  transition: all .24s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:after {
  content: "←";
  color: rgba(18, 5, 207, .32);
  font-size: 1rem;
  font-weight: 950;
  transition: all .24s ease;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  transform: translateY(-2px);
  background: rgba(18, 5, 207, .045);
  border-color: rgba(18, 5, 207, .12);
  color: var(--dk-primary);
  box-shadow: 0 14px 28px rgba(15, 23, 42, .055);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover:before {
  background: var(--dk-primary);
  box-shadow: 0 0 0 6px rgba(18, 5, 207, .08);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover:after {
  transform: translateX(-3px);
  color: var(--dk-primary);
}

/* آیتم فعال */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  background: linear-gradient(135deg, var(--dk-primary), var(--dk-primary-2));
  border-color: transparent;
  color: #fff;
  box-shadow: 0 18px 34px rgba(18, 5, 207, .22);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:before {
  background: #fff;
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .18);
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a:after {
  color: rgba(255, 255, 255, .86);
}

/* خروج از حساب */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--dk-danger);
  background: var(--dk-danger-soft);
  border-color: rgba(239, 68, 68, .12);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before {
  background: rgba(239, 68, 68, .8);
  box-shadow: 0 0 0 5px rgba(239, 68, 68, .08);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:after {
  color: rgba(239, 68, 68, .55);
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: rgba(239, 68, 68, .11);
  border-color: rgba(239, 68, 68, .18);
  color: var(--dk-danger);
}

/* محتوای حساب کاربری */
body.woocommerce-account .woocommerce-MyAccount-content {
  position: relative;
  width: calc(72% - 1.2rem);
  min-height: 420px;
  margin: 0;
  padding: 1.35rem;
  border-radius: 1.7rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .065), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .045), transparent 35%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(18, 5, 207, .075);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .06), inset 0 1px 0 rgba(255, 255, 255, .95);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content:before {
  content: "حساب کاربری";
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.25rem;
  background: linear-gradient(135deg, rgba(18, 5, 207, .09), rgba(79, 70, 229, .055));
  border: 1px solid rgba(18, 5, 207, .075);
  color: var(--dk-dark);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-MyAccount-content:after {
  content: "";
  position: absolute;
  left: -80px;
  top: -80px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(18, 5, 207, .045);
  pointer-events: none;
}

body.woocommerce-account .woocommerce-MyAccount-content p {
  position: relative;
  z-index: 1;
  margin: 0 0 .9rem;
  padding: 1rem 1.05rem;
  border-radius: 1.15rem;
  background: rgba(255, 255, 255, .68);
  border: 1px solid rgba(18, 5, 207, .06);
  color: var(--dk-text);
  font-size: .9rem;
  font-weight: 750;
  line-height: 2.15;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .025);
}

body.woocommerce-account .woocommerce-MyAccount-content p:last-child {
  margin-bottom: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content strong {
  color: var(--dk-dark);
  font-weight: 950;
}

body.woocommerce-account .woocommerce-MyAccount-content a {
  color: var(--dk-primary);
  font-weight: 950;
  text-decoration: none;
  border-bottom: 1px dashed rgba(18, 5, 207, .28);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: var(--dk-primary-2);
  border-bottom-color: var(--dk-primary-2);
}

/* شماره موبایل */
body.woocommerce-account .woocommerce-MyAccount-content p:last-child strong {
  display: inline-flex;
  align-items: center;
  margin-left: .35rem;
}

body.woocommerce-account .woocommerce-MyAccount-content p:last-child strong:before {
  content: "☎";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: .45rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--dk-primary), var(--dk-primary-2));
  color: #fff;
  font-size: .74rem;
  box-shadow: 0 10px 20px rgba(18, 5, 207, .18);
}

/* Notices */
body.woocommerce-account .woocommerce-notices-wrapper {
  position: relative;
  z-index: 2;
  margin: 0;
}

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-error {
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border-radius: 1.15rem;
  border: 1px solid rgba(18, 5, 207, .08);
  background: rgba(248, 250, 255, .9);
  color: var(--dk-text);
  font-size: .84rem;
  font-weight: 850;
  line-height: 2;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

body.woocommerce-account .woocommerce-message {
  border-color: rgba(22, 163, 74, .16);
  background: rgba(22, 163, 74, .065);
}

body.woocommerce-account .woocommerce-error {
  border-color: rgba(239, 68, 68, .16);
  background: rgba(239, 68, 68, .065);
}

/* Orders table - My Account */
body.woocommerce-account .woocommerce-orders-table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0 .75rem;
  background: transparent;
  border: 0;
}

body.woocommerce-account .woocommerce-orders-table thead tr {
  border-radius: 1rem;
}

body.woocommerce-account .woocommerce-orders-table thead th {
  padding: .9rem 1rem;
  background: rgba(18, 5, 207, .06);
  border: 0;
  color: #64748b;
  font-size: .78rem;
  font-weight: 950;
  line-height: 1.8;
  text-align: right;
  white-space: nowrap;
}

body.woocommerce-account .woocommerce-orders-table thead th:first-child {
  border-radius: 0 1rem 1rem 0;
}

body.woocommerce-account .woocommerce-orders-table thead th:last-child {
  border-radius: 1rem 0 0 1rem;
  text-align: left;
}

body.woocommerce-account .woocommerce-orders-table tbody tr {
  background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .88));
  border: 1px solid rgba(18, 5, 207, .07);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-orders-table tbody tr:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 36px rgba(15, 23, 42, .065);
}

body.woocommerce-account .woocommerce-orders-table tbody th,
body.woocommerce-account .woocommerce-orders-table tbody td {
  padding: 1rem;
  border: 0;
  border-top: 1px solid rgba(18, 5, 207, .07);
  border-bottom: 1px solid rgba(18, 5, 207, .07);
  background: transparent;
  color: #475569;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.9;
  vertical-align: middle;
  text-align: right;
}

body.woocommerce-account .woocommerce-orders-table tbody th:first-child,
body.woocommerce-account .woocommerce-orders-table tbody td:first-child {
  border-right: 1px solid rgba(18, 5, 207, .07);
  border-radius: 0 1.1rem 1.1rem 0;
}

body.woocommerce-account .woocommerce-orders-table tbody th:last-child,
body.woocommerce-account .woocommerce-orders-table tbody td:last-child {
  border-left: 1px solid rgba(18, 5, 207, .07);
  border-radius: 1.1rem 0 0 1.1rem;
  text-align: left;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 62px;
  padding: .45rem .8rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .07);
  color: #1205cf;
  font-size: .84rem;
  font-weight: 950;
  text-decoration: none;
  border: 1px solid rgba(18, 5, 207, .09);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover {
  background: #1205cf;
  color: #fff;
  box-shadow: 0 12px 24px rgba(18, 5, 207, .2);
}

body.woocommerce-account .woocommerce-orders-table__cell-order-date time {
  display: inline-flex;
  direction: ltr;
  color: #0f172a;
  font-weight: 900;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status {
  color: #16a34a;
  font-weight: 950;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-status:before {
  content: "";
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-left: .45rem;
  border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 0 5px rgba(22, 163, 74, .08);
  vertical-align: middle;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-total .amount {
  color: #1205cf;
  font-size: .9rem;
  font-weight: 950;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
  color: #64748b;
  font-size: .74rem;
  font-weight: 850;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .65rem 1.05rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  border: 0;
  color: #fff;
  font-size: .78rem;
  font-weight: 950;
  line-height: 1.6;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(18, 5, 207, .2);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button:hover,
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(18, 5, 207, .26);
  color: #fff;
}

/* Responsive orders table */
@media(max-width:767px) {
  body.woocommerce-account .woocommerce-orders-table {
    border-spacing: 0;
  }

  body.woocommerce-account .woocommerce-orders-table thead {
    display: none;
  }

  body.woocommerce-account .woocommerce-orders-table,
  body.woocommerce-account .woocommerce-orders-table tbody,
  body.woocommerce-account .woocommerce-orders-table tr,
  body.woocommerce-account .woocommerce-orders-table th,
  body.woocommerce-account .woocommerce-orders-table td {
    display: block;
    width: 100%;
  }

  body.woocommerce-account .woocommerce-orders-table tbody tr {
    margin-bottom: .8rem;
    padding: .85rem;
    border-radius: 1.15rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .88));
    border: 1px solid rgba(18, 5, 207, .075);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
  }

  body.woocommerce-account .woocommerce-orders-table tbody th,
  body.woocommerce-account .woocommerce-orders-table tbody td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .72rem 0;
    border: 0;
    border-bottom: 1px solid rgba(18, 5, 207, .055);
    border-radius: 0;
    text-align: left;
  }

  body.woocommerce-account .woocommerce-orders-table tbody th:first-child,
  body.woocommerce-account .woocommerce-orders-table tbody td:first-child,
  body.woocommerce-account .woocommerce-orders-table tbody th:last-child,
  body.woocommerce-account .woocommerce-orders-table tbody td:last-child {
    border: 0;
    border-bottom: 1px solid rgba(18, 5, 207, .055);
    border-radius: 0;
  }

  body.woocommerce-account .woocommerce-orders-table tbody th:last-child,
  body.woocommerce-account .woocommerce-orders-table tbody td:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  body.woocommerce-account .woocommerce-orders-table tbody th:before,
  body.woocommerce-account .woocommerce-orders-table tbody td:before {
    content: attr(data-title);
    color: #64748b;
    font-size: .76rem;
    font-weight: 950;
    text-align: right;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-number:before {
    content: "سفارش";
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
    justify-content: center;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions:before {
    display: none;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button,
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    width: 100%;
    min-height: 42px;
  }
}

@media(max-width:480px) {
  body.woocommerce-account .woocommerce-orders-table tbody tr {
    padding: .75rem;
    border-radius: 1rem;
  }

  body.woocommerce-account .woocommerce-orders-table tbody th,
  body.woocommerce-account .woocommerce-orders-table tbody td {
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-total .amount {
    font-size: .78rem;
  }

  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button,
  body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button {
    font-size: .74rem;
  }
}


/* =========================
   View Order - My Account
   ========================= */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
  margin: 1.2rem 0 0;
}

/* باکس توضیح بالای سفارش */
body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type {
  position: relative;
  margin: 0 0 1.1rem;
  padding: 1.15rem 1.2rem;
  border-radius: 1.35rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .08), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(18, 5, 207, .08);
  color: #475569;
  font-size: .88rem;
  font-weight: 850;
  line-height: 2.1;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .05);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
  background: linear-gradient(180deg, #1205cf, #4f46e5);
}

body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-number,
body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-date,
body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 .2rem;
  padding: .28rem .7rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .07);
  color: #1205cf;
  font-size: .8rem;
  font-weight: 950;
  border: 1px solid rgba(18, 5, 207, .09);
}

body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-date {
  direction: ltr;
  color: #0f172a;
  background: rgba(15, 23, 42, .05);
  border-color: rgba(15, 23, 42, .08);
}

body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-status {
  color: #16a34a;
  background: rgba(22, 163, 74, .08);
  border-color: rgba(22, 163, 74, .12);
}

/* سکشن‌ها */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
  position: relative;
  padding: 1.2rem;
  border-radius: 1.5rem;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details:before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-column__title {
  margin: 0 0 1rem;
  padding: 0 0 .75rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.8;
}

/* جدول مشخصات سفارش */
body.woocommerce-account .woocommerce-table--order-details {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid rgba(18, 5, 207, .08);
  border-radius: 1.2rem;
  overflow: hidden;
  background: #fff;
}

body.woocommerce-account .woocommerce-table--order-details thead th {
  padding: 1rem 1.1rem;
  background: rgba(18, 5, 207, .06);
  border: 0;
  color: #64748b;
  font-size: .8rem;
  font-weight: 950;
  line-height: 1.8;
  text-align: right;
}

body.woocommerce-account .woocommerce-table--order-details thead th.product-total {
  text-align: left;
}

body.woocommerce-account .woocommerce-table--order-details tbody td,
body.woocommerce-account .woocommerce-table--order-details tfoot th,
body.woocommerce-account .woocommerce-table--order-details tfoot td {
  padding: 1rem 1.1rem;
  border: 0;
  border-top: 1px solid rgba(18, 5, 207, .07);
  color: #475569;
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.95;
  background: transparent;
  text-align: right;
  vertical-align: middle;
}

body.woocommerce-account .woocommerce-table--order-details tbody td.product-total,
body.woocommerce-account .woocommerce-table--order-details tfoot td {
  text-align: left;
}

body.woocommerce-account .woocommerce-table--order-details tbody tr {
  transition: all .2s ease;
}

body.woocommerce-account .woocommerce-table--order-details tbody tr:hover {
  background: rgba(18, 5, 207, .02);
}

body.woocommerce-account .woocommerce-table--order-details .product-name a {
  color: #0f172a;
  font-weight: 950;
  text-decoration: none;
  border-bottom: 1px dashed rgba(18, 5, 207, .2);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-table--order-details .product-name a:hover {
  color: #1205cf;
  border-bottom-color: #1205cf;
}

body.woocommerce-account .woocommerce-table--order-details .product-quantity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: .45rem;
  padding: .25rem .6rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .06);
  color: #1205cf;
  font-size: .74rem;
  font-weight: 950;
  border: 1px solid rgba(18, 5, 207, .08);
}

body.woocommerce-account .woocommerce-table--order-details .amount,
body.woocommerce-account .woocommerce-table--order-details .woocommerce-Price-amount {
  color: #1205cf;
  font-size: .9rem;
  font-weight: 950;
}

body.woocommerce-account .woocommerce-table--order-details .woocommerce-Price-currencySymbol {
  color: #64748b;
  font-size: .74rem;
  font-weight: 850;
}

body.woocommerce-account .woocommerce-table--order-details tfoot th {
  color: #0f172a;
  font-weight: 950;
  background: rgba(248, 250, 255, .75);
}

body.woocommerce-account .woocommerce-table--order-details tfoot td {
  background: rgba(248, 250, 255, .75);
}

body.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th,
body.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td {
  border-bottom: 0;
}

/* آدرس صورتحساب */
body.woocommerce-account .woocommerce-customer-details address {
  margin: 0;
  padding: 1rem 1.1rem;
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .05), transparent 34%),
    rgba(255, 255, 255, .85);
  border: 1px solid rgba(18, 5, 207, .08);
  color: #475569;
  font-size: .85rem;
  font-weight: 850;
  line-height: 2.15;
  font-style: normal;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .025);
}

body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--phone,
body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--email {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: .75rem 0 0;
  padding: .7rem .85rem;
  border-radius: .95rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .07);
  color: #0f172a;
  font-size: .8rem;
  font-weight: 900;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--phone:before {
  content: "☎";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .74rem;
  flex: 0 0 auto;
  box-shadow: 0 10px 20px rgba(18, 5, 207, .16);
}

body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--email:before {
  content: "✉";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .72rem;
  flex: 0 0 auto;
  box-shadow: 0 10px 20px rgba(18, 5, 207, .16);
}

/* ریسپانسیو */
@media(max-width:767px) {
  body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type {
    padding: 1rem;
    border-radius: 1.1rem;
    font-size: .8rem;
    line-height: 2;
  }

  body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-number,
  body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-date,
  body.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type .order-status {
    padding: .24rem .58rem;
    font-size: .72rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
    padding: .9rem;
    border-radius: 1.2rem;
  }

  body.woocommerce-account .woocommerce-order-details__title,
  body.woocommerce-account .woocommerce-column__title {
    font-size: .92rem;
    margin-bottom: .8rem;
  }

  body.woocommerce-account .woocommerce-table--order-details thead th,
  body.woocommerce-account .woocommerce-table--order-details tbody td,
  body.woocommerce-account .woocommerce-table--order-details tfoot th,
  body.woocommerce-account .woocommerce-table--order-details tfoot td {
    padding: .82rem .8rem;
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-table--order-details .amount,
  body.woocommerce-account .woocommerce-table--order-details .woocommerce-Price-amount {
    font-size: .8rem;
  }

  body.woocommerce-account .woocommerce-customer-details address {
    padding: .9rem;
    border-radius: 1rem;
    font-size: .78rem;
    line-height: 2;
  }

  body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--phone,
  body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--email {
    padding: .65rem .75rem;
    font-size: .75rem;
  }
}

@media(max-width:480px) {

  body.woocommerce-account .woocommerce-table--order-details,
  body.woocommerce-account .woocommerce-table--order-details thead,
  body.woocommerce-account .woocommerce-table--order-details tbody,
  body.woocommerce-account .woocommerce-table--order-details tfoot,
  body.woocommerce-account .woocommerce-table--order-details tr,
  body.woocommerce-account .woocommerce-table--order-details th,
  body.woocommerce-account .woocommerce-table--order-details td {
    display: block;
    width: 100%;
  }

  body.woocommerce-account .woocommerce-table--order-details thead {
    display: none;
  }

  body.woocommerce-account .woocommerce-table--order-details {
    border: 0;
    background: transparent;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody tr {
    display: block;
    margin-bottom: .75rem;
    padding: .75rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(18, 5, 207, .08);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .03);
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: .6rem 0;
    text-align: left;
    border-top: 0;
    border-bottom: 1px solid rgba(18, 5, 207, .055);
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td:last-child {
    border-bottom: 0;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td.product-name:before {
    content: "محصول";
    color: #64748b;
    font-size: .72rem;
    font-weight: 950;
    text-align: right;
  }

  body.woocommerce-account .woocommerce-table--order-details tbody td.product-total:before {
    content: "مجموع";
    color: #64748b;
    font-size: .72rem;
    font-weight: 950;
    text-align: right;
  }

  body.woocommerce-account .woocommerce-table--order-details tfoot {
    display: block;
    margin-top: .75rem;
    padding: .75rem;
    border-radius: 1rem;
    background: #fff;
    border: 1px solid rgba(18, 5, 207, .08);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .03);
  }

  body.woocommerce-account .woocommerce-table--order-details tfoot tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .6rem 0;
    border-bottom: 1px solid rgba(18, 5, 207, .055);
  }

  body.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child {
    border-bottom: 0;
  }

  body.woocommerce-account .woocommerce-table--order-details tfoot th,
  body.woocommerce-account .woocommerce-table--order-details tfoot td {
    display: block;
    width: auto;
    padding: 0;
    background: transparent;
    border: 0;
    text-align: inherit;
  }

  body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--phone,
  body.woocommerce-account .woocommerce-customer-details address .woocommerce-customer-details--email {
    flex-wrap: wrap;
    word-break: break-word;
  }
}

/* =========================
   My Account - Addresses
   ========================= */

body.woocommerce-account .woocommerce-MyAccount-content>p {
  position: relative;
  margin: 0 0 1.15rem;
  padding: 1.05rem 1.15rem;
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 255, .92));
  border: 1px solid rgba(18, 5, 207, .08);
  color: #475569;
  font-size: .86rem;
  font-weight: 800;
  line-height: 2.05;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
}

body.woocommerce-account .woocommerce-Address {
  position: relative;
  margin: 0 0 1rem;
  padding: 1.2rem;
  border-radius: 1.5rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .07), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .04), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 250, 255, .93));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-Address:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

body.woocommerce-account .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
}

body.woocommerce-account .woocommerce-Address-title h2 {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0;
  color: #0f172a;
  font-size: 1rem;
  font-weight: 950;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-Address-title h2:before {
  content: "⌂";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .95rem;
  box-shadow: 0 12px 24px rgba(18, 5, 207, .18);
  flex: 0 0 auto;
}

body.woocommerce-account .woocommerce-Address-title .edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: .6rem 1rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .07);
  border: 1px solid rgba(18, 5, 207, .1);
  color: #1205cf;
  font-size: .78rem;
  font-weight: 950;
  line-height: 1.6;
  text-decoration: none;
  white-space: nowrap;
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-Address-title .edit:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 16px 28px rgba(18, 5, 207, .22);
}

body.woocommerce-account .woocommerce-Address address {
  margin: 0;
  padding: 1rem 1.05rem;
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .04), transparent 34%),
    rgba(255, 255, 255, .78);
  border: 1px solid rgba(18, 5, 207, .08);
  color: #475569;
  font-size: .85rem;
  font-weight: 850;
  line-height: 2.2;
  font-style: normal;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .025);
  word-break: break-word;
}

/* اگر آدرسی ثبت نشده باشد */
body.woocommerce-account .woocommerce-Address address:empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;
  text-align: center;
  color: #64748b;
  background: rgba(248, 250, 255, .9);
}

/* اگر چند ستون آدرس وجود داشت */
body.woocommerce-account .woocommerce-MyAccount-content .u-column1.woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .u-column2.woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .col-1.woocommerce-Address,
body.woocommerce-account .woocommerce-MyAccount-content .col-2.woocommerce-Address {
  width: 100%;
  float: none;
}

/* فاصله مناسب بین چند آدرس */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address+.woocommerce-Address {
  margin-top: 1rem;
}

/* Responsive */
@media(max-width:767px) {
  body.woocommerce-account .woocommerce-MyAccount-content>p {
    padding: .9rem 1rem;
    border-radius: 1.05rem;
    font-size: .8rem;
    line-height: 2;
  }

  body.woocommerce-account .woocommerce-Address {
    padding: .95rem;
    border-radius: 1.2rem;
  }

  body.woocommerce-account .woocommerce-Address-title {
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    padding-bottom: .75rem;
  }

  body.woocommerce-account .woocommerce-Address-title h2 {
    font-size: .92rem;
  }

  body.woocommerce-account .woocommerce-Address-title h2:before {
    width: 28px;
    height: 28px;
    font-size: .82rem;
  }

  body.woocommerce-account .woocommerce-Address-title .edit {
    width: 100%;
    min-height: 42px;
    padding: .68rem .9rem;
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-Address address {
    padding: .9rem;
    border-radius: 1rem;
    font-size: .78rem;
    line-height: 2.05;
  }
}

@media(max-width:480px) {
  body.woocommerce-account .woocommerce-Address {
    padding: .8rem;
    border-radius: 1rem;
  }

  body.woocommerce-account .woocommerce-Address-title h2 {
    font-size: .86rem;
  }

  body.woocommerce-account .woocommerce-Address address {
    font-size: .75rem;
  }

  body.woocommerce-account .woocommerce-Address-title .edit {
    font-size: .74rem;
  }
}

/* =========================
   My Account - Edit Address
   ========================= */

body.woocommerce-account .woocommerce-MyAccount-content form {
  margin: 0;
}

body.woocommerce-account .woocommerce-MyAccount-content form h2 {
  position: relative;
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: 0 0 1.15rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-MyAccount-content form h2:before {
  content: "⌂";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: 1rem;
  flex: 0 0 auto;
  box-shadow: 0 14px 28px rgba(18, 5, 207, .18);
}

body.woocommerce-account .woocommerce-address-fields {
  position: relative;
  padding: 1.25rem;
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .04), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 250, 255, .93));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-address-fields:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row {
  width: 100%;
  margin: 0 0 1rem;
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-first {
  width: calc(50% - .5rem);
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-last {
  width: calc(50% - .5rem);
}

body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-wide,
body.woocommerce-account .woocommerce-address-fields__field-wrapper .address-field {
  width: 100%;
}

body.woocommerce-account .woocommerce-address-fields label {
  display: block;
  margin: 0 0 .5rem;
  color: #334155;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-address-fields label .required {
  color: #dc2626;
  font-weight: 900;
}

body.woocommerce-account .woocommerce-address-fields label .optional {
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 800;
}

body.woocommerce-account .woocommerce-address-fields .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

/* Inputs / Selects / Textareas */
body.woocommerce-account .woocommerce-address-fields input.input-text,
body.woocommerce-account .woocommerce-address-fields select,
body.woocommerce-account .woocommerce-address-fields textarea {
  width: 100%;
  min-height: 54px;
  padding: 0 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  color: #0f172a;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.6;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .025);
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease,
    background-color .22s ease;
}

body.woocommerce-account .woocommerce-address-fields textarea {
  min-height: 130px;
  padding: 1rem;
  resize: vertical;
}

body.woocommerce-account .woocommerce-address-fields input.input-text::placeholder,
body.woocommerce-account .woocommerce-address-fields textarea::placeholder {
  color: #94a3b8;
  font-size: .8rem;
  font-weight: 700;
}

body.woocommerce-account .woocommerce-address-fields input.input-text:hover,
body.woocommerce-account .woocommerce-address-fields select:hover,
body.woocommerce-account .woocommerce-address-fields textarea:hover {
  border-color: rgba(18, 5, 207, .18);
}

body.woocommerce-account .woocommerce-address-fields input.input-text:focus,
body.woocommerce-account .woocommerce-address-fields select:focus,
body.woocommerce-account .woocommerce-address-fields textarea:focus {
  outline: none;
  border-color: #1205cf;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08), 0 12px 24px rgba(18, 5, 207, .08);
}

/* Select2 */
body.woocommerce-account .woocommerce-address-fields .select2-container {
  width: 100% !important;
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single {
  height: 54px;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .025);
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single:hover {
  border-color: rgba(18, 5, 207, .18);
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-account .woocommerce-address-fields .select2-container--default.select2-container--open .select2-selection--single {
  border-color: #1205cf;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08), 0 12px 24px rgba(18, 5, 207, .08);
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-right: 1rem;
  padding-left: 2.4rem;
  color: #0f172a;
  font-size: .86rem;
  font-weight: 850;
  line-height: 52px;
  text-align: right;
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
  left: .9rem;
  right: auto;
  top: 50%;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #64748b transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  margin-left: 0;
  margin-top: 0;
  right: 0;
  left: auto;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

body.woocommerce-account .woocommerce-address-fields .select2-dropdown {
  border: 1px solid rgba(18, 5, 207, .12);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

body.woocommerce-account .woocommerce-address-fields .select2-search--dropdown {
  padding: .75rem;
  background: #fff;
}

body.woocommerce-account .woocommerce-address-fields .select2-search--dropdown .select2-search__field {
  height: 44px;
  padding: 0 .85rem;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: .85rem;
  background: #fff;
  color: #0f172a;
  font-size: .8rem;
  font-weight: 800;
}

body.woocommerce-account .woocommerce-address-fields .select2-results__option {
  padding: .72rem .9rem;
  font-size: .8rem;
  font-weight: 800;
  color: #334155;
  transition: all .18s ease;
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
}

body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-results__option[aria-selected="true"] {
  background: rgba(18, 5, 207, .06);
  color: #1205cf;
}

/* Field states */
body.woocommerce-account .woocommerce-address-fields .woocommerce-invalid input.input-text,
body.woocommerce-account .woocommerce-address-fields .woocommerce-invalid select,
body.woocommerce-account .woocommerce-address-fields .woocommerce-invalid textarea,
body.woocommerce-account .woocommerce-address-fields .woocommerce-invalid .select2-selection {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .08) !important;
}

body.woocommerce-account .woocommerce-address-fields .woocommerce-validated input.input-text,
body.woocommerce-account .woocommerce-address-fields .woocommerce-validated select,
body.woocommerce-account .woocommerce-address-fields .woocommerce-validated textarea,
body.woocommerce-account .woocommerce-address-fields .woocommerce-validated .select2-selection {
  border-color: #16a34a !important;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .08) !important;
}

/* Save button row */
body.woocommerce-account .woocommerce-address-fields>p:last-child {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 1.1rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(18, 5, 207, .08);
}

/* Save button */
body.woocommerce-account .woocommerce-address-fields button.button,
body.woocommerce-account .woocommerce-address-fields .button[name="save_address"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 170px;
  min-height: 52px;
  padding: 0 1.4rem;
  border: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 16px 30px rgba(18, 5, 207, .24);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

body.woocommerce-account .woocommerce-address-fields button.button:hover,
body.woocommerce-account .woocommerce-address-fields .button[name="save_address"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(18, 5, 207, .28);
  filter: brightness(1.03);
}

body.woocommerce-account .woocommerce-address-fields button.button:active,
body.woocommerce-account .woocommerce-address-fields .button[name="save_address"]:active {
  transform: translateY(0);
}

body.woocommerce-account .woocommerce-address-fields button.button:focus,
body.woocommerce-account .woocommerce-address-fields .button[name="save_address"]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .12), 0 16px 30px rgba(18, 5, 207, .24);
}

/* Hidden inputs */
body.woocommerce-account .woocommerce-address-fields input[type="hidden"] {
  display: none;
}

/* Responsive */
@media(max-width:767px) {
  body.woocommerce-account .woocommerce-MyAccount-content form h2 {
    font-size: .95rem;
    gap: .55rem;
    margin-bottom: .95rem;
    padding-bottom: .75rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content form h2:before {
    width: 30px;
    height: 30px;
    font-size: .88rem;
  }

  body.woocommerce-account .woocommerce-address-fields {
    padding: .95rem;
    border-radius: 1.2rem;
  }

  body.woocommerce-account .woocommerce-address-fields__field-wrapper {
    gap: 0;
  }

  body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-first,
  body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-last {
    width: 100%;
  }

  body.woocommerce-account .woocommerce-address-fields label {
    font-size: .78rem;
  }

  body.woocommerce-account .woocommerce-address-fields input.input-text,
  body.woocommerce-account .woocommerce-address-fields select,
  body.woocommerce-account .woocommerce-address-fields textarea {
    min-height: 50px;
    padding: 0 .9rem;
    border-radius: .9rem;
    font-size: .8rem;
  }

  body.woocommerce-account .woocommerce-address-fields textarea {
    padding: .9rem;
    min-height: 110px;
  }

  body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single {
    height: 50px;
    border-radius: .9rem;
  }

  body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    font-size: .8rem;
    padding-right: .9rem;
    padding-left: 2.2rem;
  }

  body.woocommerce-account .woocommerce-address-fields>p:last-child {
    margin-top: .95rem;
    padding-top: .9rem;
  }

  body.woocommerce-account .woocommerce-address-fields button.button,
  body.woocommerce-account .woocommerce-address-fields .button[name="save_address"] {
    width: 100%;
    min-width: 100%;
    min-height: 50px;
    font-size: .8rem;
    border-radius: .9rem;
  }
}

@media(max-width:480px) {
  body.woocommerce-account .woocommerce-address-fields {
    padding: .8rem;
    border-radius: 1rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content form h2 {
    font-size: .88rem;
  }

  body.woocommerce-account .woocommerce-address-fields label {
    font-size: .75rem;
  }

  body.woocommerce-account .woocommerce-address-fields input.input-text,
  body.woocommerce-account .woocommerce-address-fields select,
  body.woocommerce-account .woocommerce-address-fields textarea {
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-address-fields .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-address-fields button.button,
  body.woocommerce-account .woocommerce-address-fields .button[name="save_address"] {
    font-size: .78rem;
  }
}

/* =========================
   My Account - Edit Account Details
   ========================= */

body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account {
  position: relative;
  margin: 0;
  padding: 1.25rem;
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .04), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 250, 255, .93));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

/* عنوان مخفی بصری برای فرم چون خود HTML عنوان اصلی ندارد */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account:after {
  content: "جزئیات حساب کاربری";
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 1.15rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.8;
  pointer-events: none;
  order: -1;
}

/* برای اینکه عنوان after اول دیده شود */
body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account {
  display: flex;
  flex-direction: column;
}

/* ردیف‌ها */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .form-row,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-form-row {
  width: 100%;
  margin: 0 0 1rem;
  padding: 0;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .clear {
  display: none;
}

/* لیبل‌ها */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account label {
  display: block;
  margin: 0 0 .5rem;
  color: #334155;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.8;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account label .required {
  color: #dc2626;
  font-weight: 950;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account label .optional {
  color: #94a3b8;
  font-size: .72rem;
  font-weight: 800;
}

/* input ها */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input {
  width: 100%;
  min-height: 54px;
  padding: 0 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  color: #0f172a;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.6;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .025);
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background-color .22s ease;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text::placeholder,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input::placeholder {
  color: #94a3b8;
  font-size: .8rem;
  font-weight: 750;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text:hover,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input:hover {
  border-color: rgba(18, 5, 207, .18);
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text:focus,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input:focus {
  outline: none;
  border-color: #1205cf;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .08), 0 12px 24px rgba(18, 5, 207, .08);
}

/* توضیح نام نمایشی */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_display_name_description {
  display: block;
  margin: .55rem 0 0;
  padding: .65rem .85rem;
  border-radius: .9rem;
  background: rgba(18, 5, 207, .045);
  border: 1px solid rgba(18, 5, 207, .07);
  color: #64748b;
  font-size: .75rem;
  font-weight: 800;
  line-height: 1.9;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_display_name_description em {
  font-style: normal;
}

/* Fieldset تغییر گذرواژه */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset {
  position: relative;
  margin: 1.1rem 0 1rem;
  padding: 1.15rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(18, 5, 207, .08);
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .045), transparent 35%),
    rgba(255, 255, 255, .72);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .025);
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset legend {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .85rem;
  padding: .45rem .85rem;
  border-radius: 999px;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1.6;
  box-shadow: 0 14px 28px rgba(18, 5, 207, .18);
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset legend:before {
  content: "🔒";
  font-size: .85rem;
}

/* فیلد پسورد و دکمه نمایش رمز */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .password-input {
  position: relative;
  display: block;
  width: 100%;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .password-input input {
  padding-left: 3.1rem;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input {
  position: absolute;
  top: 50%;
  left: .65rem;
  right: auto;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: .85rem;
  background: rgba(18, 5, 207, .07);
  color: #1205cf;
  cursor: pointer;
  transform: translateY(-50%);
  transition: all .22s ease;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input:before {
  content: "👁";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: .9rem;
  line-height: 1;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input:hover {
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  box-shadow: 0 10px 22px rgba(18, 5, 207, .18);
}

/* فیلد شماره موبایل */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_phone_field {
  margin-top: .25rem;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_phone_field .woocommerce-input-wrapper {
  display: block;
  width: 100%;
}

/* حالت‌های اعتبارسنجی */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-invalid input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-invalid input.woocommerce-Input {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .08) !important;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-validated input.input-text,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-validated input.woocommerce-Input {
  border-color: #16a34a !important;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .08) !important;
}

/* ردیف دکمه ذخیره */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account>p:last-child {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin: 1.1rem 0 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(18, 5, 207, .08);
}

/* دکمه ذخیره تغییرات */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 52px;
  padding: 0 1.45rem;
  border: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 16px 30px rgba(18, 5, 207, .24);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(18, 5, 207, .28);
  filter: brightness(1.03);
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:active,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"]:active {
  transform: translateY(0);
}

body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:focus,
body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"]:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(18, 5, 207, .12), 0 16px 30px rgba(18, 5, 207, .24);
}

/* hidden inputs */
body.woocommerce-account .woocommerce-EditAccountForm.edit-account input[type="hidden"] {
  display: none;
}

/* notices داخل همین صفحه */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper:not(:empty) {
  margin-bottom: 1rem;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error {
  border-radius: 1.1rem;
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .045);
  font-size: .82rem;
  font-weight: 850;
  line-height: 2;
}

/* Responsive */
@media(max-width:767px) {
  body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account {
    padding: .95rem;
    border-radius: 1.2rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account:after {
    font-size: .95rem;
    margin-bottom: .95rem;
    padding-bottom: .75rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account .form-row,
  body.woocommerce-account .woocommerce-EditAccountForm.edit-account .woocommerce-form-row {
    margin-bottom: .9rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account label {
    font-size: .78rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text,
  body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input {
    min-height: 50px;
    padding: 0 .9rem;
    border-radius: .9rem;
    font-size: .8rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account .password-input input {
    padding-left: 3rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input {
    width: 36px;
    height: 36px;
    left: .55rem;
    border-radius: .8rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account #account_display_name_description {
    font-size: .72rem;
    padding: .6rem .75rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset {
    padding: .9rem;
    border-radius: 1.1rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: .76rem;
    padding: .42rem .75rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account>p:last-child {
    margin-top: .95rem;
    padding-top: .9rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button,
  body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
    width: 100%;
    min-width: 100%;
    min-height: 50px;
    border-radius: .9rem;
    font-size: .8rem;
  }
}

@media(max-width:480px) {
  body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account {
    padding: .8rem;
    border-radius: 1rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account:after {
    font-size: .88rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account label {
    font-size: .75rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.input-text,
  body.woocommerce-account .woocommerce-EditAccountForm.edit-account input.woocommerce-Input {
    min-height: 48px;
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset {
    padding: .8rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account fieldset legend {
    font-size: .72rem;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account .show-password-input {
    width: 34px;
    height: 34px;
  }

  body.woocommerce-account .woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button,
  body.woocommerce-account .woocommerce-EditAccountForm.edit-account button[name="save_account_details"] {
    font-size: .78rem;
  }
}

/* Responsive */
@media(max-width:1100px) {
  body.woocommerce-account .woocommerce {
    gap: 1rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 30%;
    padding: .9rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    width: calc(70% - 1rem);
    padding: 1.1rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    min-height: 50px;
    padding: .78rem .9rem;
    font-size: .82rem;
  }
}

@media(max-width:900px) {
  body.woocommerce-account .woocommerce {
    flex-direction: column;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    justify-content: center;
    text-align: center;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a:after {
    display: none;
  }
}

@media(max-width:767px) {
  body.woocommerce-account .woocommerce {
    margin: 1rem auto;
    gap: .9rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation,
  body.woocommerce-account .woocommerce-MyAccount-content {
    padding: .8rem;
    border-radius: 1.35rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, 1fr);
    gap: .55rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    min-height: 46px;
    padding: .72rem .7rem;
    border-radius: .95rem;
    font-size: .78rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a:before {
    width: 7px;
    height: 7px;
    margin-left: .5rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content {
    min-height: auto;
  }

  body.woocommerce-account .woocommerce-MyAccount-content:before {
    margin-bottom: .75rem;
    padding: .85rem .9rem;
    border-radius: 1rem;
    font-size: .95rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content p {
    padding: .85rem .9rem;
    border-radius: 1rem;
    font-size: .8rem;
    line-height: 2.05;
  }
}

@media(max-width:480px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a {
    justify-content: space-between;
    text-align: right;
  }

  body.woocommerce-account .woocommerce-MyAccount-navigation li a:after {
    display: inline-flex;
  }

  body.woocommerce-account .woocommerce-MyAccount-content p {
    font-size: .76rem;
  }

  body.woocommerce-account .woocommerce-MyAccount-content a {
    word-break: break-word;
  }
}

/* END Style My-Account Page ============== */























/* =========================
   Hexella - Order Tracking Page
   ========================= */

.hexella_order_tracking_wrapper {
  max-width: 980px;
  margin: 1.5rem auto;
  direction: rtl;
}

/* فرم اصلی پیگیری */
.hexella_order_tracking_form_box {
  position: relative;
  margin: 0 0 1.25rem;
  padding: 1.25rem;
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .04), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 250, 255, .93));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

.hexella_order_tracking_form_box:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

/* عنوان فرم */
.hexella_order_tracking_title {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin: 0 0 .55rem;
  color: #0f172a;
  font-size: 1.12rem;
  font-weight: 950;
  line-height: 1.8;
}

.hexella_order_tracking_title:before {
  content: "📦";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: .85rem;
  background: rgba(18, 5, 207, .07);
  color: #1205cf;
  font-size: .95rem;
}

.hexella_order_tracking_desc {
  margin: 0 0 1.15rem;
  padding: 0 0 .95rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
  color: #64748b;
  font-size: .82rem;
  font-weight: 800;
  line-height: 2;
}

/* فرم */
.hexella_order_tracking_form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: .9rem;
  align-items: end;
}

/* فیلدها */
.hexella_tracking_field {
  width: 100%;
  margin: 0;
  padding: 0;
}

.hexella_tracking_field label {
  display: block;
  margin: 0 0 .5rem;
  color: #334155;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1.8;
}

.hexella_tracking_field input {
  width: 100%;
  min-height: 54px;
  padding: 0 1rem;
  border-radius: 1rem;
  border: 1px solid rgba(15, 23, 42, .08);
  background: #fff;
  color: #0f172a;
  font-size: .86rem;
  font-weight: 850;
  line-height: 1.6;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .025);
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background-color .22s ease;
}

.hexella_tracking_field input::placeholder {
  color: #94a3b8;
  font-size: .8rem;
  font-weight: 750;
}

.hexella_tracking_field input:hover {
  border-color: rgba(18, 5, 207, .18);
}

.hexella_tracking_field input:focus {
  outline: none;
  border-color: #1205cf;
  background: #fff;
  box-shadow:
    0 0 0 4px rgba(18, 5, 207, .08),
    0 12px 24px rgba(18, 5, 207, .08);
}

/* دکمه پیگیری */
.hexella_tracking_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 185px;
  min-height: 54px;
  padding: 0 1.45rem;
  border: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  color: #fff;
  font-size: .84rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 16px 30px rgba(18, 5, 207, .24);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease;
}

.hexella_tracking_button:before {
  content: "🔍";
  margin-left: .5rem;
  font-size: .88rem;
}

.hexella_tracking_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 34px rgba(18, 5, 207, .28);
  filter: brightness(1.03);
}

.hexella_tracking_button:active {
  transform: translateY(0);
}

.hexella_tracking_button:focus {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(18, 5, 207, .12),
    0 16px 30px rgba(18, 5, 207, .24);
}

/* پیام‌ها */
.hexella_tracking_alert {
  position: relative;
  margin: 1rem 0;
  padding: .85rem 1rem;
  border-radius: 1.1rem;
  font-size: .82rem;
  font-weight: 850;
  line-height: 2;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .045);
}

.hexella_tracking_alert_error {
  background:
    radial-gradient(circle at 100% 0, rgba(220, 38, 38, .06), transparent 36%),
    #fff7f7;
  border: 1px solid rgba(220, 38, 38, .14);
  color: #991b1b;
}

.hexella_tracking_alert_error:before {
  content: "⚠️";
  margin-left: .45rem;
}

.hexella_tracking_alert_warning {
  background:
    radial-gradient(circle at 100% 0, rgba(245, 158, 11, .08), transparent 36%),
    #fffbeb;
  border: 1px solid rgba(245, 158, 11, .18);
  color: #92400e;
}

.hexella_tracking_alert_warning:before {
  content: "ℹ️";
  margin-left: .45rem;
}

/* نتیجه پیگیری */
.hexella_tracking_result {
  position: relative;
  margin: 0;
  padding: 1.25rem;
  border-radius: 1.55rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .055), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(79, 70, 229, .04), transparent 30%),
    linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 250, 255, .93));
  border: 1px solid rgba(18, 5, 207, .08);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .045);
  overflow: hidden;
}

.hexella_tracking_result:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #1205cf, #4f46e5);
}

/* هدر نتیجه */
.hexella_tracking_result_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1.15rem;
  padding: 0 0 1rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
}

.hexella_tracking_result_title {
  display: flex;
  align-items: center;
  gap: .6rem;
  margin: 0 0 .45rem;
  color: #0f172a;
  font-size: 1.08rem;
  font-weight: 950;
  line-height: 1.8;
}

.hexella_tracking_result_title:before {
  content: "✅";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: .8rem;
  background: rgba(22, 163, 74, .08);
  color: #16a34a;
  font-size: .9rem;
}

.hexella_tracking_result_subtitle {
  margin: 0;
  color: #64748b;
  font-size: .8rem;
  font-weight: 800;
  line-height: 2;
}

.hexella_tracking_order_badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 .95rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .06);
  border: 1px solid rgba(18, 5, 207, .08);
  color: #1205cf;
  font-size: .78rem;
  font-weight: 950;
  white-space: nowrap;
}

/* اطلاعات سفارش */
.hexella_tracking_info_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .8rem;
  margin: 0 0 1.15rem;
}

.hexella_tracking_info_item {
  position: relative;
  padding: .9rem;
  border-radius: 1.15rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .035), transparent 40%),
    rgba(255, 255, 255, .72);
  border: 1px solid rgba(18, 5, 207, .07);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .025);
}

.hexella_tracking_info_label {
  display: block;
  margin: 0 0 .45rem;
  color: #64748b;
  font-size: .72rem;
  font-weight: 850;
  line-height: 1.8;
}

.hexella_tracking_info_value {
  display: block;
  color: #0f172a;
  font-size: .86rem;
  font-weight: 950;
  line-height: 1.8;
}

/* محصولات سفارش */
.hexella_tracking_products_box {
  position: relative;
  margin: 0 0 1.15rem;
  padding: 1rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(18, 5, 207, .08);
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .045), transparent 35%),
    rgba(255, 255, 255, .72);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .025);
}

.hexella_tracking_products_title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0 0 .85rem;
  color: #0f172a;
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.8;
}

.hexella_tracking_products_title:before {
  content: "🛒";
  font-size: .9rem;
}

.hexella_tracking_products_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hexella_tracking_product_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin: 0;
  padding: .8rem 0;
  border-bottom: 1px solid rgba(18, 5, 207, .07);
}

.hexella_tracking_product_item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.hexella_tracking_product_name {
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  line-height: 1.9;
}

.hexella_tracking_product_qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 .75rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .055);
  border: 1px solid rgba(18, 5, 207, .075);
  color: #475569;
  font-size: .74rem;
  font-weight: 850;
  white-space: nowrap;
}

/* باکس مراحل سفارش */
.hexella_order_status_box {
  position: relative;
  margin: 1rem 0 0;
  padding: 1.15rem;
  border-radius: 1.35rem;
  border: 1px solid rgba(18, 5, 207, .08);
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .045), transparent 35%),
    rgba(255, 255, 255, .72);
  box-shadow: 0 10px 26px rgba(15, 23, 42, .025);
}

.hexella_order_status_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .85rem;
  margin: 0 0 1rem;
  padding: 0 0 .9rem;
  border-bottom: 1px solid rgba(18, 5, 207, .08);
}

.hexella_order_status_title {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: #0f172a;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1.8;
}

.hexella_order_status_title:before {
  content: "🚚";
  font-size: .95rem;
}

.hexella_order_status_current {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 38px;
  padding: 0 .85rem;
  border-radius: 999px;
  background: rgba(18, 5, 207, .055);
  border: 1px solid rgba(18, 5, 207, .08);
  color: #64748b;
  font-size: .74rem;
  font-weight: 850;
  white-space: nowrap;
}

.hexella_order_status_current strong {
  color: #1205cf;
  font-weight: 950;
}

/* مراحل */
.hexella_order_status_steps {
  display: flex;
  flex-direction: column;
  position: relative;
}

.hexella_order_step {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: .9rem;
  padding: .95rem 0;
  opacity: .45;
  transition:
    opacity .22s ease,
    transform .22s ease;
}

.hexella_order_step.hexella_is_active,
.hexella_order_step.hexella_is_done {
  opacity: 1;
}

.hexella_order_step:not(:last-child):after {
  content: "";
  position: absolute;
  top: 3.6rem;
  right: 1.28rem;
  width: 2px;
  height: calc(100% - 1.2rem);
  border-radius: 999px;
  background: rgba(15, 23, 42, .1);
}

.hexella_order_step.hexella_is_done:not(:last-child):after {
  background: linear-gradient(180deg, #16a34a, #22c55e);
}

.hexella_order_step_marker {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  min-width: 2.65rem;
  height: 2.65rem;
  border-radius: 1rem;
  background: #cbd5e1;
  color: #fff;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
  transition:
    background .22s ease,
    box-shadow .22s ease,
    transform .22s ease;
}

.hexella_order_step.hexella_is_active .hexella_order_step_marker {
  background: linear-gradient(135deg, #1205cf, #4f46e5);
  box-shadow:
    0 0 0 6px rgba(18, 5, 207, .09),
    0 16px 30px rgba(18, 5, 207, .18);
}

.hexella_order_step.hexella_is_done .hexella_order_step_marker {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  box-shadow:
    0 0 0 6px rgba(22, 163, 74, .09),
    0 16px 30px rgba(22, 163, 74, .16);
}

.hexella_order_step.hexella_is_done .hexella_order_step_marker:before {
  content: "✓";
  position: absolute;
  color: #fff;
  font-size: 1rem;
  font-weight: 950;
}

.hexella_order_step.hexella_is_done .hexella_order_step_number {
  opacity: 0;
}

.hexella_order_step_number {
  color: #fff;
  font-size: .85rem;
  font-weight: 950;
  line-height: 1;
}

.hexella_order_step_body {
  flex: 1;
  padding-top: .12rem;
}

.hexella_order_step_title {
  margin: 0 0 .35rem;
  color: #0f172a;
  font-size: .92rem;
  font-weight: 950;
  line-height: 1.8;
}

.hexella_order_step_desc {
  margin: 0;
  color: #64748b;
  font-size: .8rem;
  font-weight: 800;
  line-height: 2;
}

/* پیام ارسال */
.hexella_order_delivery_note {
  margin: .85rem 0 0;
  padding: .75rem .9rem;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(22, 163, 74, .08), transparent 34%),
    #f0fdf4;
  border: 1px solid rgba(22, 163, 74, .13);
  color: #166534;
  font-size: .8rem;
  font-weight: 850;
  line-height: 2;
}

.hexella_order_delivery_note:before {
  content: "✅";
  margin-left: .45rem;
}

/* شماره پیگیری */
.hexella_order_tracking_code_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  margin: .75rem 0 0;
  padding: .8rem .9rem;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(18, 5, 207, .06), transparent 34%),
    rgba(255, 255, 255, .85);
  border: 1px solid rgba(18, 5, 207, .1);
  box-shadow: 0 10px 24px rgba(15, 23, 42, .025);
}

.hexella_order_tracking_code_label {
  color: #475569;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.8;
}

.hexella_order_tracking_code_label:before {
  content: "🔢";
  margin-left: .4rem;
}

.hexella_order_tracking_code {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 .9rem;
  border-radius: .9rem;
  background: rgba(18, 5, 207, .055);
  border: 1px dashed rgba(18, 5, 207, .22);
  color: #1205cf;
  font-size: .92rem;
  font-weight: 950;
  letter-spacing: .04em;
}

.hexella_order_tracking_code_empty {
  margin: .75rem 0 0;
  padding: .75rem .9rem;
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(245, 158, 11, .08), transparent 36%),
    #fffbeb;
  border: 1px solid rgba(245, 158, 11, .18);
  color: #92400e;
  font-size: .78rem;
  font-weight: 850;
  line-height: 2;
}

.hexella_order_tracking_code_empty:before {
  content: "ℹ️";
  margin-left: .4rem;
}

/* =========================
   Hexella - Order Tracking Responsive
   ========================= */

@media(max-width:900px) {
  .hexella_order_tracking_wrapper {
    margin: 1rem auto;
  }

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

  .hexella_tracking_button {
    width: 100%;
  }

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

  .hexella_tracking_result_header,
  .hexella_order_status_header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hexella_order_status_current {
    white-space: normal;
  }
}

@media(max-width:767px) {

  .hexella_order_tracking_form_box,
  .hexella_tracking_result {
    padding: .95rem;
    border-radius: 1.2rem;
  }

  .hexella_order_tracking_title,
  .hexella_tracking_result_title {
    font-size: .95rem;
  }

  .hexella_order_tracking_desc,
  .hexella_tracking_result_subtitle {
    font-size: .78rem;
  }

  .hexella_tracking_field label {
    font-size: .78rem;
  }

  .hexella_tracking_field input {
    min-height: 50px;
    padding: 0 .9rem;
    border-radius: .9rem;
    font-size: .8rem;
  }

  .hexella_tracking_button {
    min-height: 50px;
    border-radius: .9rem;
    font-size: .8rem;
  }

  .hexella_tracking_info_grid {
    grid-template-columns: 1fr;
    gap: .7rem;
  }

  .hexella_tracking_info_item,
  .hexella_tracking_products_box,
  .hexella_order_status_box {
    padding: .9rem;
    border-radius: 1.1rem;
  }

  .hexella_tracking_product_item {
    flex-direction: column;
    align-items: flex-start;
    gap: .4rem;
  }

  .hexella_tracking_product_qty {
    min-height: 30px;
  }

  .hexella_order_step {
    gap: .75rem;
    padding: .85rem 0;
  }

  .hexella_order_step_marker {
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    border-radius: .85rem;
  }

  .hexella_order_step:not(:last-child):after {
    top: 3.15rem;
    right: 1.12rem;
  }

  .hexella_order_step_title {
    font-size: .84rem;
  }

  .hexella_order_step_desc,
  .hexella_order_delivery_note,
  .hexella_order_tracking_code_empty {
    font-size: .76rem;
  }

  .hexella_order_tracking_code_box {
    align-items: stretch;
  }

  .hexella_order_tracking_code {
    width: 100%;
    min-height: 38px;
  }
}

@media(max-width:480px) {
  .hexella_order_tracking_wrapper {
    margin: .75rem auto;
  }

  .hexella_order_tracking_form_box,
  .hexella_tracking_result {
    padding: .8rem;
    border-radius: 1rem;
  }

  .hexella_order_tracking_title,
  .hexella_tracking_result_title {
    font-size: .88rem;
  }

  .hexella_order_tracking_title:before,
  .hexella_tracking_result_title:before {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .75rem;
    font-size: .82rem;
  }

  .hexella_order_tracking_desc,
  .hexella_tracking_result_subtitle {
    font-size: .74rem;
  }

  .hexella_tracking_field label {
    font-size: .75rem;
  }

  .hexella_tracking_field input {
    min-height: 48px;
    font-size: .76rem;
  }

  .hexella_tracking_button {
    min-height: 48px;
    font-size: .78rem;
  }

  .hexella_tracking_info_label {
    font-size: .7rem;
  }

  .hexella_tracking_info_value {
    font-size: .8rem;
  }

  .hexella_order_status_title,
  .hexella_tracking_products_title {
    font-size: .86rem;
  }

  .hexella_order_status_current {
    font-size: .7rem;
  }

  .hexella_order_step_title {
    font-size: .8rem;
  }

  .hexella_order_step_desc {
    font-size: .74rem;
  }

  .hexella_order_tracking_code {
    font-size: .84rem;
  }
}

.hexella_order_tracking_code_box {
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hexella_order_tracking_code_box:hover {
  transform: translateY(-2px);
}

.hexella_order_tracking_code_box:focus {
  outline: 2px solid rgba(99, 102, 241, 0.45);
  outline-offset: 3px;
}

.hexella_order_tracking_copy_hint {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.75;
}

.hexella_order_tracking_code_box.hexella_tracking_copied {
  box-shadow: 0 12px 30px rgba(34, 197, 94, 0.22);
}