/*
 * Landing palette on the Haat storefront.
 *
 * Customizer colours move the semantic tokens. These steps stay fixed in the
 * parent ramp, so they are repainted here toward the landing cream and teal.
 */
:root {
  --haat-flame-50: #f3fafa;
  --haat-flame-100: #d7f0f0;
  --haat-flame-200: #b5e3e3;
  --haat-flame-300: #8cd0d0;
  --haat-flame-800: #0a4e56;
  --haat-flame-900: #063238;
  --haat-saffron-50: #fbf8ec;
  --haat-saffron-100: #f6ecc4;
  --haat-saffron-200: #f0df9a;
  --haat-saffron-300: #e6cf6e;
  --haat-saffron-800: #6b5310;
  --haat-saffron-900: #3f3108;
  --haat-cream: #f6f3e2;
  --haat-paper: #fffdf6;
  --haat-muted: #f1eedd;
}

/* Footer links sit in one row. The heading is not rendered. */
.haat-footer .gonbad-footer-links.haat-widget ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem 1.35rem;
}

@media (min-width: 768px) {
  .haat-footer__grid:has(.haat-footer__brand):has(.gonbad-footer-links) {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
  }
}

/* Landing button, called دکمه آ in the shop notes. */
.gonbad-button-a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #8cd0d0;
  color: #000;
  border-radius: 12px;
  border: 1px solid #000;
  font-size: 20px;
  font-weight: 500;
  padding: 4px 36px;
  line-height: 1.5;
  box-shadow: none;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.gonbad-button-a:hover,
#comments .haat-comment-form input#submit.gonbad-button-a:hover {
  background: #8cd0d0;
  color: #000;
}

#comments .haat-comment-form input#submit.gonbad-button-a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  background: #8cd0d0;
  color: #000;
  border-radius: 12px;
  border: 1px solid #000;
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  padding: 4px 36px;
  line-height: 1.5;
  box-shadow: none;
  cursor: pointer;
}

/* Blog reply form: same card chrome as the product review form. */
.haat-comments #respond.comment-respond {
  padding: 1.5rem;
  background: var(--haat-surface);
  border: 1px solid var(--haat-border);
  border-radius: var(--haat-radius-lg);
}

.haat-comments #respond .haat-comments__reply-title {
  margin-top: 0;
  margin-inline-start: 0;
  margin-bottom: 0.25rem;
  padding-inline-start: 0;
  border-inline-start: 0;
  font-family: var(--haat-font-display);
  font-size: var(--haat-text-xl);
  font-weight: var(--haat-weight-bold);
  color: var(--haat-foreground);
}

.haat-comments #respond .comment-notes {
  margin-bottom: 1.25rem;
  font-size: var(--haat-text-sm);
  color: var(--haat-muted-foreground);
}

.haat-comments #respond .haat-comment-form label {
  display: block;
  margin-bottom: 0.35rem;
  font-size: var(--haat-text-sm);
  font-weight: var(--haat-weight-medium);
  color: var(--haat-foreground);
}

@media (min-width: 40rem) {
  .haat-comments #respond .haat-comment-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 1rem;
  }

  .haat-comments #respond .haat-comment-form .comment-notes,
  .haat-comments #respond .haat-comment-form .comment-form-comment,
  .haat-comments #respond .haat-comment-form .comment-form-cookies-consent,
  .haat-comments #respond .haat-comment-form .form-submit,
  .haat-comments #respond .haat-comment-form .comment-form-url {
    grid-column: 1 / -1;
  }
}

.gonbad-blog-search {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.gonbad-blog-search input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  margin: 0;
  padding: 4px 16px;
  border: 1px solid #000;
  border-radius: 12px;
  background: #fffdf6;
  color: #2b3a42;
  font: inherit;
  font-size: 1rem;
}

/* Cart drawer: the list scrolls, the subtotal and the two buttons stay at the bottom.
   The widget class is included because an AJAX refresh can replace the body
   before the drawer class is restored. */
#haat-cart-drawer > .haat-drawer__body,
#haat-cart-drawer > .widget_shopping_cart_content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 1.25rem;
  overscroll-behavior: contain;
}

#haat-cart-drawer .haat-drawer__title [data-haat-cart-count] {
  position: static;
  top: auto;
  left: auto;
  min-width: 0;
  padding: 0.05rem 0.45rem;
  background: var(--haat-flame-50, #f4efe0);
  color: var(--haat-flame-700, #2b3a42);
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4;
}

.haat-cart-drawer .woocommerce-mini-cart {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  overflow-y: auto;
  padding: 0;
  overscroll-behavior: contain;
}

#haat-cart-drawer ul.product_list_widget li {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) auto;
  column-gap: 12px;
  row-gap: 2px;
  align-items: center;
  min-height: 0;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: var(--haat-surface, #fffdf6);
  border: 1px solid var(--haat-border);
  border-radius: 16px;
}

#haat-cart-drawer ul.product_list_widget li > a:not(.remove) {
  display: contents;
  color: var(--haat-foreground);
  font-weight: 700;
}

#haat-cart-drawer ul.product_list_widget li .gonbad-mini-name {
  grid-column: 2;
  grid-row: 1;
  color: var(--haat-foreground);
  font-weight: 700;
}

#haat-cart-drawer ul.product_list_widget li .quantity {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  color: var(--haat-muted-foreground);
  font-size: 0.85rem;
  font-weight: 500;
}

#haat-cart-drawer ul.product_list_widget li a.remove {
  position: static;
  grid-column: 3;
  grid-row: 1 / span 2;
  float: none;
  margin: 0;font-size: 26px;
  justify-self: end;
}

#haat-cart-drawer ul.product_list_widget li img {
  position: static;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 64px;
  height: 64px;
  margin: 0;
  object-fit: cover;
  background: var(--haat-muted, #f1eedd);
  border-radius: 12px;
}

#haat-cart-drawer .woocommerce-mini-cart__total.total {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex: 0 0 auto;
  margin: 0 -1.25rem;
  padding: 1rem 1.25rem 0.75rem;
  border-top: 1px solid var(--haat-border);
}

#haat-cart-drawer .woocommerce-mini-cart__total .woocommerce-Price-amount {
  margin-inline-start: auto;
  white-space: nowrap;
}

#haat-cart-drawer .woocommerce-mini-cart__buttons.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 8px;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 0.15rem;
}

/* Cart page: product rows like the reference cards, totals like the side panel. */
.wc-block-cart .wc-block-components-sidebar-layout {
  align-items: start;
  gap: 24px;
}

.wc-block-cart-items__header {
  display: none;
}

.wc-block-cart .wc-block-cart-items,
.wc-block-cart .wc-block-cart-items tbody {
  display: block;
  width: 100%;
  border: 0;
}

.wc-block-cart .wc-block-cart-items__row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 0 12px;
  padding: 12px 14px;
  background: var(--haat-surface, #fffdf6);
  border: 1px solid var(--haat-border);
  border-radius: 16px;
}

/* WooCommerce blocks put a separator on every td; keep the border on the row only. */
.wc-block-cart .wc-block-cart__main .wc-block-cart-items td,
.wc-block-cart .wc-block-cart-item__image,
.wc-block-cart .wc-block-cart-item__product,
.wc-block-cart .wc-block-cart-item__total {
  display: block;
  width: auto;
  padding: 0;
  border: 0;
  border-top: 0;
  background: transparent;
}

.wc-block-cart .wc-block-cart-item__product {
  flex: 1 1 auto;
  min-width: 0;
}

.wc-block-cart .wc-block-cart-item__image img {
  display: block;
  width: 64px;
  height: 64px;
  object-fit: cover;
  background: var(--haat-muted, #f1eedd);
  border-radius: 12px;
}

.wc-block-cart .wc-block-components-product-name {
  color: var(--haat-foreground);
  font-weight: 700;
}

.wc-block-cart .wc-block-cart-item__prices,
.wc-block-cart .wc-block-components-product-metadata__description {
  color: var(--haat-muted-foreground);
  font-size: 0.9rem;
}

.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
  padding: 20px;
  background: var(--haat-surface, #fffdf6);
  border: 1px solid var(--haat-border);
  border-radius: 18px;
}

.wc-block-cart__totals-title {
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--haat-border);
  font-size: 1.15rem;
}

.wc-block-cart .wc-block-components-totals-footer-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid var(--haat-border);
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  margin-inline-end: auto;
}

.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  margin-inline-start: auto;
  white-space: nowrap;
}

.wc-block-cart__submit-container {
  margin-top: 16px;
}

.wc-block-cart .wc-block-cart__submit-button.wc-block-components-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #8cd0d0;
  color: #000;
  border: 1px solid #000;
  border-radius: 12px;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 8px 16px;
}

.wc-block-cart .wc-block-cart__submit-button.wc-block-components-button:hover {
  background: #8cd0d0;
  color: #000;
}

#haat-cart-drawer .woocommerce-mini-cart__buttons.buttons a.button {
  display: inline-flex;
  flex: 0 0 calc(50% - 4px);
  align-items: center;
  justify-content: center;
  width: calc(50% - 4px);
  max-width: calc(50% - 4px);
  min-width: 0;
  box-sizing: border-box;
  background: #8cd0d0;
  color: #000;
  border-radius: 12px;
  border: 1px solid #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 8px;
  line-height: 1.5;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

#haat-cart-drawer .woocommerce-mini-cart__buttons.buttons a.button:hover,
#haat-cart-drawer .woocommerce-mini-cart__buttons.buttons a.button:focus {
  background: #8cd0d0;
  color: #000;
  border-color: #000;
}

/* Shop title and the sort select share one row: title on the right, select
 * on the left. The result count and the toolbar's white box go away. */
.archive.woocommerce .haat-layout__main,
.woocommerce-shop .haat-layout__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 1rem;
  row-gap: 1.5rem;
}

.archive.woocommerce .haat-layout__main > *,
.woocommerce-shop .haat-layout__main > * {
  grid-column: 1 / -1;
}

.archive.woocommerce .woocommerce-notices-wrapper:empty,
.woocommerce-shop .woocommerce-notices-wrapper:empty {
  display: none;
}

.archive.woocommerce .woocommerce-products-header,
.woocommerce-shop .woocommerce-products-header {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

.archive.woocommerce .woocommerce-products-header__title,
.woocommerce-shop .woocommerce-products-header__title {
  margin: 0;
}

.archive.woocommerce .haat-shop-toolbar,
.woocommerce-shop .haat-shop-toolbar {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  gap: 0;
}

.archive.woocommerce .haat-shop-toolbar .woocommerce-result-count,
.woocommerce-shop .haat-shop-toolbar .woocommerce-result-count {
  display: none;
}

/* Mobile: title on its own row, sort select underneath. */
@media (max-width: 767px) {
  .archive.woocommerce .haat-layout__main,
  .woocommerce-shop .haat-layout__main {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0.85rem;
  }

  .archive.woocommerce .woocommerce-products-header,
  .woocommerce-shop .woocommerce-products-header {
    grid-column: 1;
    grid-row: 1;
  }

  .archive.woocommerce .haat-shop-toolbar,
  .woocommerce-shop .haat-shop-toolbar {
    grid-column: 1;
    grid-row: 2;
    justify-self: stretch;
    width: 100%;
  }

  .archive.woocommerce .haat-shop-toolbar__right,
  .woocommerce-shop .haat-shop-toolbar__right,
  .archive.woocommerce .woocommerce-ordering,
  .woocommerce-shop .woocommerce-ordering,
  .archive.woocommerce .woocommerce-ordering select,
  .woocommerce-shop .woocommerce-ordering select {
    width: 100%;
    min-width: 0;
  }

  /* Shop loop: one full-width card per row (beats Haat's 2-col mobile rule). */
  body.archive.woocommerce ul.products,
  body.woocommerce-shop ul.products,
  body.archive.woocommerce ul.products.columns-2,
  body.woocommerce-shop ul.products.columns-2,
  body.archive.woocommerce ul.products.columns-3,
  body.woocommerce-shop ul.products.columns-3,
  body.archive.woocommerce ul.products.columns-4,
  body.woocommerce-shop ul.products.columns-4,
  body.archive.woocommerce ul.products.columns-5,
  body.woocommerce-shop ul.products.columns-5,
  body.archive.woocommerce ul.products.columns-6,
  body.woocommerce-shop ul.products.columns-6,
  body.tax-product_cat ul.products,
  body.tax-product_cat ul.products[class*="columns-"],
  body.tax-product_tag ul.products,
  body.tax-product_tag ul.products[class*="columns-"],
  body.post-type-archive-product ul.products,
  body.post-type-archive-product ul.products[class*="columns-"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.archive.woocommerce ul.products[class*="columns-"] li.product,
  body.woocommerce-shop ul.products[class*="columns-"] li.product,
  body.tax-product_cat ul.products[class*="columns-"] li.product,
  body.tax-product_tag ul.products[class*="columns-"] li.product,
  body.post-type-archive-product ul.products[class*="columns-"] li.product,
  body.archive.woocommerce-page ul.products[class*="columns-"] li.product {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Page titles: shop + blog. */
  .archive.woocommerce .woocommerce-products-header__title,
  .woocommerce-shop .woocommerce-products-header__title,
  .haat-archive-header__title {
    font-size: 22px;
    line-height: 1.35;
  }
}

/* WooCommerce appends "مشاهده سبد خرید" under the card icon after add-to-cart.
 * Its own rule (.woocommerce a.added_to_cart) wins over the theme hide, so the
 * label spills out of the icon. The drawer already opens on that click. */
.woocommerce .haat-product-card__actions a.added_to_cart,
.woocommerce-page .haat-product-card__actions a.added_to_cart {
  display: none;
}

/* Breadcrumbs only on the product and the blog post. The bar otherwise keeps
 * its grey plate and a border on every other view. */
body .haat-breadcrumb-bar {
  display: none;
}

body.single-product .haat-breadcrumb-bar,
body.single-post .haat-breadcrumb-bar {
  display: block;
  margin: 0;
  padding: 1rem 0 0;
  background: transparent;
  border: 0;
}

body.single-product .haat-main,
body.single-post .haat-main {
  padding-top: 0.55rem;
}

body.single-product .haat-breadcrumb,
body.single-post .haat-breadcrumb {
  gap: 0.4rem;
  font-size: 0.92rem;
  line-height: 1;
  color: #8b97a3;
}

body.single-product .haat-breadcrumb a,
body.single-post .haat-breadcrumb a {
  color: #8b97a3;
  text-decoration: none;
}

body.single-product .haat-breadcrumb a:hover,
body.single-post .haat-breadcrumb a:hover {
  color: var(--haat-primary);
}

body.single-product .haat-breadcrumb__home,
body.single-post .haat-breadcrumb__home {
  display: inline-flex;
  align-items: center;
  color: #5c6b73;
}

body.single-product .haat-breadcrumb__icon,
body.single-post .haat-breadcrumb__icon {
  display: block;
}

body.single-product .haat-breadcrumb__sep,
body.single-post .haat-breadcrumb__sep {
  display: inline-flex;
  align-items: center;
  opacity: 1;
  color: #b0b8c0;
}

body.single-product .haat-breadcrumb__current,
body.single-post .haat-breadcrumb__current {
  color: var(--haat-primary);
  font-weight: 600;
}

/* Product: image, title with a rule and the description under it, then the buy card. */
.single-product div.product.gonbad-product {
  display: block;
}

.gonbad-product__layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}

.gonbad-product__gallery {
  position: relative;
  min-width: 0;
}

.gonbad-product__details {
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  min-width: 0;
}

.gonbad-product__title {
  margin: 0;
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--haat-border);
}

.gonbad-product__title .product_title {
  margin: 0;
}

.gonbad-product__card {
  padding: 1.15rem 1.25rem 1.25rem;
  background: var(--haat-surface);
  border: 1px solid color-mix(in srgb, var(--haat-foreground) 32%, var(--haat-border));
  border-radius: 18px;
  box-shadow: none;
}

@media (min-width: 900px) {
  .gonbad-product__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    align-items: start;
    gap: 1.25rem 1.75rem;
  }

  .gonbad-product__gallery {
    grid-column: 1;
    grid-row: 1;
    width: auto;
  }

  .gonbad-product__details {
    grid-column: 1;
    grid-row: 2;
  }

  .gonbad-product__card {
    grid-column: 2;
    grid-row: 1 / span 2;
    width: auto;
    align-self: start;
  }
}

.woocommerce .gonbad-product__card p.price,
.woocommerce .gonbad-product__card span.price {
  display: block;
  margin: 0 0 0.85rem;
}

.woocommerce .gonbad-product__card .woocommerce-product-rating {
  margin: 0 0 1rem;
}

/* Score stars — gold everywhere (cards, product, reviews, widgets, blocks). */
:root {
  --gonbad-star: #e8b923;
  --gonbad-star-empty: #e6d392;
}

.woocommerce .star-rating,
.woocommerce .star-rating span,
.woocommerce ul.product_list_widget li .star-rating,
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
.woocommerce div.product .woocommerce-product-rating .star-rating,
.woocommerce #reviews #review_form .comment-form-rating .stars a,
.woocommerce p.stars a,
.woocommerce p.stars a::before,
.wc-block-components-product-rating,
.wc-block-components-product-rating__stars,
.wc-block-components-product-rating-stars {
  color: var(--gonbad-star) !important;
}

.woocommerce .star-rating::before,
.woocommerce ul.product_list_widget li .star-rating::before,
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating::before,
.woocommerce div.product .woocommerce-product-rating .star-rating::before {
  color: var(--gonbad-star-empty) !important;
}

.woocommerce .star-rating > span::before,
.woocommerce ul.product_list_widget li .star-rating > span::before,
.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating > span::before {
  color: var(--gonbad-star) !important;
}

.haat-product-card__rating {
  color: var(--gonbad-star);
}

.haat-product-card__star {
  background: var(--gonbad-star) !important;
}

.woocommerce .gonbad-product__card form.cart {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.85rem;
  margin: 0;
}

.woocommerce .gonbad-product__card form.variations_form.cart {
  display: flex;
}

.woocommerce .gonbad-product__card form.cart .single_add_to_cart_button.button {
  flex: none;
  width: 100%;
  margin: 0;
  padding: 4px 36px;
  background: #8cd0d0;
  color: #000;
  border: 1px solid #000;
  border-radius: 12px;
  box-shadow: none;
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  transition: background 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.woocommerce .gonbad-product__card form.cart .single_add_to_cart_button.button:hover {
  background: #8cd0d0;
  color: #000;
}

.woocommerce #reviews #review_form #respond input#submit.gonbad-button-a,
.woocommerce #reviews #review_form #respond button#submit.gonbad-button-a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin-top: 0.35rem;
  padding: 4px 36px;
  background: #8cd0d0;
  color: #000;
  border: 1px solid #000;
  border-radius: 12px;
  box-shadow: none;
  font-family: inherit;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  cursor: pointer;
  transform: none;
  transition: background 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.woocommerce #reviews #review_form #respond input#submit.gonbad-button-a:hover,
.woocommerce #reviews #review_form #respond button#submit.gonbad-button-a:hover {
  background: #8cd0d0;
  color: #000;
  box-shadow: none;
  transform: none;
}

.woocommerce div.product .gonbad-product__card--swap:not(.is-in-cart) form.cart .quantity {
  display: none;
}

.woocommerce div.product .gonbad-product__card--swap.is-in-cart form.cart button.single_add_to_cart_button {
  display: none;
}

.woocommerce div.product .gonbad-product__card--swap.is-in-cart form.cart .quantity {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 46px;
  margin: 0;
  direction: ltr;
  background: #fffdf6;
  border: 1px solid #000;
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce div.product .gonbad-product__card--swap.is-in-cart form.cart .quantity .qty {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #000;
  font: inherit;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}

.woocommerce div.product .gonbad-product__card--swap form.cart .quantity .qty::-webkit-outer-spin-button,
.woocommerce div.product .gonbad-product__card--swap form.cart .quantity .qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.gonbad-qty__btn {
  flex: 0 0 46px;
  width: 46px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #000;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.3s ease, background-color 0.3s ease, color 0.18s ease;
}

.gonbad-qty__btn:hover {
  background: #e7f6f6;
}

.gonbad-product__card.is-busy form.cart {
  opacity: 0.6;
  pointer-events: none;
}

.gonbad-product__description > :first-child {
  margin-top: 0;
}

.gonbad-product__description > :last-child {
  margin-bottom: 0;
}

.gonbad-product__after {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-top: 2.5rem;
}

.gonbad-product__after > .related,
.gonbad-product__after > .upsells,
.gonbad-product__after > .woocommerce-Reviews {
  margin-top: 0;
  margin-bottom: 0;
}

/* Related + reviews section titles stay in sync. */
.gonbad-product__after .related > h2,
.gonbad-product__after .upsells > h2,
.woocommerce .gonbad-product__after #reviews .woocommerce-Reviews-title,
.woocommerce-page .gonbad-product__after #reviews .woocommerce-Reviews-title {
  margin: 0 0 1.25rem;
  font-size: var(--haat-text-2xl, 1.5rem);
  font-weight: 700;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .gonbad-product__after .related > h2,
  .gonbad-product__after .upsells > h2,
  .woocommerce .gonbad-product__after #reviews .woocommerce-Reviews-title,
  .woocommerce-page .gonbad-product__after #reviews .woocommerce-Reviews-title {
    font-size: 22px;
  }

  /* Related products: 50% cards in a swipeable rail. */
  .woocommerce .gonbad-product__after .related ul.products,
  .woocommerce-page .gonbad-product__after .related ul.products,
  .woocommerce .gonbad-product__after .related ul.products.columns-2,
  .woocommerce-page .gonbad-product__after .related ul.products.columns-2,
  .woocommerce .gonbad-product__after .related ul.products.columns-3,
  .woocommerce-page .gonbad-product__after .related ul.products.columns-3,
  .woocommerce .gonbad-product__after .related ul.products.columns-4,
  .woocommerce-page .gonbad-product__after .related ul.products.columns-4,
  .woocommerce .gonbad-product__after .related ul.products.columns-5,
  .woocommerce-page .gonbad-product__after .related ul.products.columns-5,
  .woocommerce .gonbad-product__after .related ul.products.columns-6,
  .woocommerce-page .gonbad-product__after .related ul.products.columns-6 {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc(50% - 0.375rem);
    grid-template-columns: none;
    gap: 0.75rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-block: 0.25rem;
  }

  .woocommerce .gonbad-product__after .related ul.products::-webkit-scrollbar,
  .woocommerce-page .gonbad-product__after .related ul.products::-webkit-scrollbar {
    display: none;
  }

  .woocommerce .gonbad-product__after .related ul.products[class*="columns-"] > li.product,
  .woocommerce-page .gonbad-product__after .related ul.products[class*="columns-"] > li.product,
  .woocommerce .gonbad-product__after .related ul.products > li.product,
  .woocommerce-page .gonbad-product__after .related ul.products > li.product {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    scroll-snap-align: start;
  }
}

/* ── My Account sidebar (reference: rounded rail + brand card + active rail) ── */
.woocommerce-account .woocommerce {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
}

.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after {
  display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation.gonbad-account-nav {
  float: none;
  width: 100%;
  max-width: 17.5rem;
  margin: 0;
  padding: 0.85rem;
  background: #fff;
  border: 1px solid var(--haat-border, #e4dcc4);
  border-radius: 22px;
  box-sizing: border-box;
}

.gonbad-account-nav__brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 1rem;
  padding: 0.7rem 0.75rem;
  background: #f4f5f7;
  border: 1px solid #e8eaee;
  border-radius: 14px;
}

.gonbad-account-nav__logo {
  position: relative;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #0d737d;
  overflow: hidden;
}

.gonbad-account-nav__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f6f3e2;
}

.gonbad-account-nav__brand-text {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}

.gonbad-account-nav__title {
  overflow: hidden;
  color: #1c2430;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gonbad-account-nav__meta {
  overflow: hidden;
  color: #8b97a3;
  font-size: 0.75rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.woocommerce-account .gonbad-account-nav__list,
.woocommerce-account .woocommerce-MyAccount-navigation.gonbad-account-nav ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .gonbad-account-nav li a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
  border-radius: 12px;
  color: #7a8694;
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease;
}

.woocommerce-account .gonbad-account-nav li a:hover {
  background: #f4f7fb;
  color: #2b3a42;
  text-decoration: none;
}

.woocommerce-account .gonbad-account-nav li.is-active a,
.woocommerce-account .gonbad-account-nav li a[aria-current="page"] {
  background: #eaf4ff;
  color: #2f6fed;
  font-weight: 600;
}

.woocommerce-account .gonbad-account-nav li.is-active a::before,
.woocommerce-account .gonbad-account-nav li a[aria-current="page"]::before {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: -0.85rem;
  width: 3px;
  height: 1.35rem;
  border-radius: 0 3px 3px 0;
  background: #2f6fed;
  transform: translateY(-50%);
}

[dir="rtl"] .woocommerce-account .gonbad-account-nav li.is-active a::before,
[dir="rtl"] .woocommerce-account .gonbad-account-nav li a[aria-current="page"]::before {
  border-radius: 3px 0 0 3px;
}

.gonbad-account-nav__icon {
  flex-shrink: 0;
  width: 1.15rem;
  height: 1.15rem;
  background: currentColor;
  -webkit-mask: var(--gonbad-nav-icon) center / contain no-repeat;
  mask: var(--gonbad-nav-icon) center / contain no-repeat;
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V20a1 1 0 0 1-1 1h-5v-6H10v6H5a1 1 0 0 1-1-1v-9.5Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--dashboard .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h7v7H4V4Zm9 0h7v7h-7V4ZM4 13h7v7H4v-7Zm9 0h7v7h-7v-7Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M5 7h14l-1 13H6L5 7Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-address .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--payment-methods .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 19.5c1.8-3.2 4.2-4.8 7-4.8s5.2 1.6 7 4.8'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout .gonbad-account-nav__icon {
  --gonbad-nav-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h4'/%3E%3Cpath d='M15 16l4-4-4-4'/%3E%3Cpath d='M9 12h10'/%3E%3C/svg%3E");
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce {
  float: none;
  flex: 1 1 18rem;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 1.25rem 1.35rem;
  background: #fff;
  border: 1px solid var(--haat-border, #e4dcc4);
  border-radius: 22px;
  box-sizing: border-box;
}

.woocommerce-account .gonbad-phone-input,
.woocommerce-account:not(.logged-in) .gonbad-phone-input {
  text-align: right;
  direction: ltr;
  unicode-bidi: plaintext;
}

.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content .select2-container .select2-selection--single,
.woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single,
.woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce input.input-text,
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce input[type="text"],
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce input[type="email"],
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce input[type="password"],
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce input[type="tel"],
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce textarea,
.woocommerce-account:not(.logged-in) .haat-layout__main .woocommerce select {
  background-color: #fbfaf8;
}

/* Country / state Select2 dropdown panel */
.select2-container--open .select2-dropdown,
.select2-container--default .select2-results__option {
  background-color: #fbfaf8;
}

.woocommerce-account .haat-layout__sidebar {
  display: none;
}

.woocommerce-account .haat-layout--with-sidebar {
  grid-template-columns: minmax(0, 1fr);
}

.woocommerce-account .haat-layout--with-sidebar .haat-layout__main {
  grid-column: 1;
}

.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--haat-destructive, #ef4444);
}

.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a:hover,
.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout.is-active a,
.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a[aria-current="page"] {
  background: color-mix(in srgb, var(--haat-destructive, #ef4444) 12%, #fff);
  color: var(--haat-destructive, #ef4444);
}

.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout.is-active a::before,
.woocommerce-account .gonbad-account-nav .woocommerce-MyAccount-navigation-link--customer-logout a[aria-current="page"]::before {
  background: var(--haat-destructive, #ef4444);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset {
  margin: 1.25rem 0 0;
  padding: 1rem 1.1rem 0.35rem;
  border: 1px solid var(--haat-border, #e4dcc4);
  border-radius: 16px;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
  padding-inline: 0.4rem;
  color: #2b3a42;
  font-size: 0.95rem;
  font-weight: 700;
}

.woocommerce-account .woocommerce-EditAccountForm > p:has(.woocommerce-Button),
.woocommerce-account .woocommerce-EditAccountForm > p:has(button[name="save_account_details"]) {
  margin-top: 1.5rem;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button.button,
.woocommerce-account .woocommerce-EditAccountForm button[name="save_account_details"],
.woocommerce-account .woocommerce-address-fields .button,
.woocommerce-account .woocommerce-address-fields button[name="save_address"],
.woocommerce-account button[name="save_address"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #8cd0d0;
  color: #000;
  border-radius: 12px;
  border: 1px solid #000;
  font-size: 20px;
  font-weight: 500;
  padding: 4px 36px;
  line-height: 1.5;
  box-shadow: none;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-Button.button:hover,
.woocommerce-account .woocommerce-EditAccountForm button[name="save_account_details"]:hover,
.woocommerce-account .woocommerce-address-fields .button:hover,
.woocommerce-account .woocommerce-address-fields button[name="save_address"]:hover,
.woocommerce-account button[name="save_address"]:hover {
  background: #8cd0d0;
  color: #000;
}

.woocommerce-account .woocommerce-address-fields > p:has(button[name="save_address"]) {
  margin-top: 1.5rem;
}

.woocommerce-account .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.woocommerce-account .woocommerce-Address-title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.35rem 0.75rem;
}

.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title .title {
  margin: 0;
  text-align: right;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
}

.woocommerce-account .woocommerce-Address-title .edit {
  font-size: 0.8rem;
  white-space: nowrap;
}

@media (max-width: 600px) {
  .woocommerce-account .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}

/* Country is always Iran — hide the visible control everywhere. */
.gonbad-country-hidden,
#billing_country_field,
#shipping_country_field,
.woocommerce form-row.address-field#billing_country_field,
.woocommerce form-row.address-field#shipping_country_field,
.wc-block-components-address-form .wc-block-components-address-form__country,
.wc-block-components-address-form__country {
  display: none !important;
}

@media (max-width: 767px) {
  .woocommerce-account .woocommerce-MyAccount-navigation.gonbad-account-nav {
    max-width: none;
  }
}

/* Catbar primary links — square, full-width primary underline on hover. */
.gonbad-catbar .haat-catbar__primary-list > .haat-mega__item > .haat-mega__link {
  position: relative;
  border-radius: 0;
}

.gonbad-catbar .haat-catbar__primary-list > .haat-mega__item > .haat-mega__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--haat-primary);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: center;
  transition: opacity 0.18s ease, transform 0.18s ease;
  pointer-events: none;
}

.gonbad-catbar .haat-catbar__primary-list > .haat-mega__item:hover > .haat-mega__link::after,
.gonbad-catbar .haat-catbar__primary-list > .haat-mega__item:focus-within > .haat-mega__link::after {
  opacity: 1;
  transform: scaleX(1);
}

/* Keep header chrome above the categories page backdrop. */
.haat-header {
  position: relative;
  z-index: calc(var(--haat-z-dropdown, 40) + 10);
}

.haat-header__bar,
.gonbad-catbar {
  position: relative;
  z-index: 2;
}

/* Modal-style dimmer: covers the page, stays under the header. */
.gonbad-cats-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: rgba(10, 14, 39, 0.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

.haat-header:has(.gonbad-cats-dropdown:hover) .gonbad-cats-backdrop,
.haat-header:has(.gonbad-cats-dropdown:focus-within) .gonbad-cats-backdrop {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/* «دسته‌بندی‌ها» — first item, bold + menu icon, divider before next link. */
.gonbad-catbar {
  overflow: visible;
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown {
  /* static so the mega panel positions against .haat-catbar (full header width). */
  position: static;
}

/* Divider sits in the gap between «دسته‌بندی‌ها» and «خانه», not on the button. */
.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown + .haat-mega__item {
  position: relative;
  margin-inline-start: 0.85rem;
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown + .haat-mega__item::before {
  content: "";
  position: absolute;
  inset-inline-start: -0.5rem;
  top: 50%;
  width: 1px;
  height: 1.05rem;
  background: var(--haat-border, #d8d0b8);
  transform: translateY(-50%);
  pointer-events: none;
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega__link {
  gap: 0.45rem;
  border-radius: 0;
  color: inherit;
  font-weight: 800;
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega__link .haat-mega__chevron {
  display: none;
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega__link::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 0.75rem;
  background:
    linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 50% / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat;
  border-radius: 1px;
}

/* Full-width panel, flush under the catbar (no gap, no radius). */
.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega {
  top: 100%;
  right: 0;
  left: 0;
  z-index: 3;
  width: 100% !important;
  max-width: none;
  min-width: 0;
  margin: 0;
  padding: 0.85rem 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  box-shadow: 0 10px 24px rgba(20, 30, 40, 0.1);
}

.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega::before {
  display: none;
}

/* List content matches the header container measure. */
.gonbad-catbar .haat-catbar__primary-list > .gonbad-cats-dropdown > .haat-mega > .haat-mega__inner {
  width: 100%;
  max-width: var(--haat-page-width, 80rem);
  margin-inline: auto;
  padding-inline: var(--haat-gutter, clamp(1rem, 0.5rem + 2vw, 2rem));
  box-sizing: border-box;
}

.gonbad-catbar .gonbad-cats-dropdown .haat-mega__columns > .haat-mega__item > .haat-mega__link {
  padding: 0.55rem 0.75rem;
  border: 0;
  border-radius: 0;
  color: #111;
  font-size: 0.95rem;
  font-weight: 800;
  background: transparent;
}

.gonbad-catbar .gonbad-cats-dropdown .haat-mega__columns > .haat-mega__item > .haat-mega__link:hover {
  background: #fff;
  color: var(--haat-primary);
  text-decoration: none;
}

/* Header brand: logo beside the site name. */
.haat-header .gonbad-branding {
  flex-direction: row;
  align-items: center;
}

.haat-header .gonbad-branding__link {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  color: inherit;
  text-decoration: none;
}

.haat-header .gonbad-branding__logo {
}

.haat-header .gonbad-branding__logo img {
  display: block;
  width: 45px;
  height: auto;
}

.haat-header .gonbad-branding__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1.2;
}

.haat-header .gonbad-branding__link:hover {
  text-decoration: none;
}

.haat-header .gonbad-branding__link:hover .gonbad-branding__title {
  color: inherit;
}

/* Cart count badge — sibling of the masked icon so the mask cannot clip it. */
.haat-action--cart {
  position: relative;
}

.haat-action--cart .haat-action__count {
  position: absolute;
  top: unset;
  bottom: 6px;
  /* Reset Haat's physical left so RTL inset does not stretch the badge. */
  right: 0px;
  z-index: 2;
  box-sizing: border-box;
  width: min-content;
  min-width: 18px;
  height: 18px;
  padding: 0 0.3rem;
  background: var(--haat-primary);
  color: var(--haat-primary-foreground, #fff);
  border-radius: 3px;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.15rem;
  text-align: center;
  -webkit-mask: none !important;
  mask: none !important;
  pointer-events: none;
}

.haat-action--cart .haat-action__count.is-empty {
  display: none;
}

/* Guest sign-in — bordered link only, no dropdown. */
.haat-action__icon--sign-in {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpolyline points='10 17 15 12 10 7'/%3E%3Cline x1='15' y1='12' x2='3' y2='12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4'/%3E%3Cpolyline points='10 17 15 12 10 7'/%3E%3Cline x1='15' y1='12' x2='3' y2='12'/%3E%3C/svg%3E");
}

.haat-action--signin {
  border: 1px solid var(--haat-border, #e4dcc4);
  border-radius: 10px;
  font-weight: 800;
}

.haat-action--signin:hover {
  background: var(--haat-muted, #f1eedd);
  text-decoration: none;
}

.haat-action--signin .haat-action__value {
  font-weight: 800;
  white-space: nowrap;
}

/* Divider sits in the gap between account / sign-in and cart — not inside either button. */
.haat-header__actions .haat-action--cart {
  margin-inline-start: 0.85rem;
}

.haat-header__actions .haat-action--cart::before {
  content: "";
  position: absolute;
  inset-inline-start: -0.5rem;
  top: 50%;
  width: 1px;
  height: 1.35rem;
  background: var(--haat-border, #d8d0b8);
  transform: translateY(-50%);
  pointer-events: none;
}

/* Account action — click still goes to My Account; hover shows options. */
.gonbad-account-menu {
  position: relative;
}

.gonbad-account-menu__panel {
  position: absolute;
  top: calc(100% + 0.35rem);
  inset-inline-end: 0;
  z-index: 60;
  min-width: 12.5rem;
  padding: 0.45rem;
  background: #fff;
  border: 1px solid var(--haat-border, #e4dcc4);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(20, 30, 40, 0.12);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0s linear 0.15s;
}

.gonbad-account-menu__panel::before {
  content: "";
  position: absolute;
  top: -0.4rem;
  right: 0;
  left: 0;
  height: 0.4rem;
}

.gonbad-account-menu:hover .gonbad-account-menu__panel,
.gonbad-account-menu:focus-within .gonbad-account-menu__panel {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.gonbad-account-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.gonbad-account-menu__link {
  display: block;
  padding: 0.55rem 0.75rem;
  border-radius: 10px;
  color: var(--haat-foreground, #2b3a42);
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.gonbad-account-menu__link:hover {
  background: #eaf6f6;
  color: #0a4e56;
  text-decoration: none;
}

.gonbad-account-menu__item--customer-logout .gonbad-account-menu__link {
  color: #a12e26;
}

.gonbad-account-menu__item--customer-logout .gonbad-account-menu__link:hover {
  background: #fff5f4;
  color: #a12e26;
}

/* Mobile drawer: «دسته‌بندی‌ها» — arrow accordion, no navigation. */
.haat-mobile-nav .gonbad-cats-dropdown > .haat-mobile-nav__row .haat-mobile-nav__link {
  font-weight: 700;
  cursor: pointer;
}

.haat-mobile-nav .gonbad-cats-dropdown > .haat-mobile-nav__row {
  cursor: pointer;
}

/* Kill Haat +/- bars; show SVG chevron arrow instead. */
.haat-mobile-nav .gonbad-cats-dropdown .haat-mobile-nav__toggle-icon::before,
.haat-mobile-nav .gonbad-cats-dropdown .haat-mobile-nav__toggle-icon::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

.haat-mobile-nav .gonbad-cats-dropdown .haat-mobile-nav__toggle-icon {
  position: absolute;
  inset: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  background: none;
  border: 0;
  transform: none;
}

.haat-mobile-nav .gonbad-cats-dropdown .gonbad-cats-arrow {
  display: block;
  width: 1rem;
  height: 1rem;
  color: currentColor;
  transition: transform 0.28s ease;
  transform: rotate(0deg);
}

.haat-mobile-nav .gonbad-cats-dropdown .haat-mobile-nav__toggle[aria-expanded="true"]
  .gonbad-cats-arrow,
.haat-mobile-nav .gonbad-cats-dropdown.is-open .gonbad-cats-arrow {
  transform: rotate(180deg);
}

/* Animated submenu panel (driven by .is-open, not [hidden]). */
.haat-mobile-nav .gonbad-cats-dropdown > .haat-mobile-nav__sub {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0.75rem;
  transform: translateY(-0.25rem);
  transition:
    max-height 0.35s ease,
    opacity 0.25s ease,
    transform 0.25s ease,
    padding 0.25s ease;
}

.haat-mobile-nav .gonbad-cats-dropdown.is-open > .haat-mobile-nav__sub {
  max-height: 40rem;
  opacity: 1;
  padding-top: 0.15rem;
  padding-bottom: 0.35rem;
  transform: translateY(0);
}