/*
 * Hooger Quality Pass v3.1
 * Scoped UI/UX stabilization layer for content areas only.
 * Header, footer and toolbar are intentionally not redesigned here.
 */

:root,
.hooger-landing {
  --hq-radius-sm: .85rem;
  --hq-radius-md: 1rem;
  --hq-radius-lg: 1.25rem;
  --hq-radius-xl: 1.55rem;
  --hq-touch: 2.85rem;
  --hq-field-h: 3rem;
  --hq-icon: 1.12rem;
  --hq-icon-box: 2.55rem;
  --hq-field-pad: 1rem;
  --hq-field-icon-pad: 3.4rem;
  --hq-field-action-pad: 3.85rem;
  --hq-gap: .75rem;
  --hq-card-pad: clamp(.95rem, 2vw, 1.35rem);
  --hq-container: min(100%, 1180px);
  --hq-readable: 72ch;
}

/* Content containment only; no header/footer clipping. */
.hooger-page-main,
.hooger-woocommerce-content,
.hooger-shop-archive,
.hooger-product-detail,
.hooger-checkout-bridge-enabled .hooger-woocommerce-content,
.woocommerce-cart .hooger-woocommerce-content,
.woocommerce-account .hooger-woocommerce-content {
  box-sizing: border-box;
  direction: rtl;
  inline-size: 100%;
  margin-inline: auto;
  max-inline-size: 100%;
  min-inline-size: 0;
  overflow-x: visible;
}

.hooger-page-main *,
.hooger-page-main *::before,
.hooger-page-main *::after,
.hooger-woocommerce-content *,
.hooger-woocommerce-content *::before,
.hooger-woocommerce-content *::after {
  box-sizing: border-box;
}

.hooger-page-main > .hooger-container,
.hooger-woocommerce-content > .hooger-container,
.hooger-shop-archive > .hooger-container,
body.woocommerce-cart .hooger-woocommerce-content > .hooger-container,
body.woocommerce-checkout .hooger-woocommerce-content > .hooger-container,
body.woocommerce-account .hooger-woocommerce-content > .hooger-container {
  inline-size: var(--hq-container) !important;
  margin-inline: auto !important;
  max-inline-size: calc(100vw - clamp(1rem, 4vw, 2.5rem)) !important;
  padding-inline: 0 !important;
}

/* Safe Persian wrapping: avoid breaking short labels, prices and icons. */
.hooger-page-main :where(.hooger-page-title, h1, h2, h3, p, li, label, .hooger-content-lead, .hooger-faq-answer, .hooger-contact-copy, .hooger-about-copy),
.hooger-woocommerce-content :where(.hooger-page-title, h1, h2, h3, p, li, label, .woocommerce-message, .woocommerce-error, .woocommerce-info) {
  min-inline-size: 0;
  overflow-wrap: break-word;
  word-break: normal;
}

.hooger-page-main :where(bdi, .price, .amount, .hooger-price, .hooger-order-number, .order-number),
.hooger-woocommerce-content :where(bdi, .price, .amount, .hooger-price, .hooger-order-number, .order-number) {
  overflow-wrap: normal;
  white-space: nowrap;
  word-break: keep-all;
}

/* Default icon safety: icons stay in flow unless a scoped wrapper positions them. */
.hooger-page-main :where(.hooger-icon, svg.hooger-icon),
.hooger-woocommerce-content :where(.hooger-icon, svg.hooger-icon) {
  block-size: 1.1em;
  flex: 0 0 auto;
  inline-size: 1.1em;
  margin: 0;
  max-inline-size: 100%;
  position: static;
  vertical-align: middle;
}

/* Real buttons get touch height; plain text links keep natural layout. */
.hooger-page-main :where(button, .button, a.button, [role="button"], .hooger-button, .hooger-submit-button, .hooger-page-back, .hooger-product-card__mobile-add),
.hooger-woocommerce-content :where(button, .button, a.button, [role="button"], .hooger-button, .checkout-button, .single_add_to_cart_button) {
  align-items: center;
  gap: .5rem;
  min-block-size: var(--hq-touch);
  min-inline-size: 0;
}

.hooger-page-main :where(button, .button, a.button, [role="button"], .hooger-button) > :where(.hooger-icon, svg),
.hooger-woocommerce-content :where(button, .button, a.button, [role="button"], .hooger-button) > :where(.hooger-icon, svg) {
  flex: 0 0 auto;
  position: static !important;
}

.hooger-page-main :where(button, .button, a.button, [role="button"], .hooger-button) > span,
.hooger-woocommerce-content :where(button, .button, a.button, [role="button"], .hooger-button) > span {
  min-inline-size: 0;
  overflow-wrap: break-word;
}

/* Field/icon system: precise wrappers only. */
.hooger-page-main :where(.hooger-field-control, .ha-field, .hooger-auth-form label > span:has(> :where(input, textarea, select)), .hooger-form label > span:has(> :where(input, textarea, select))),
.hooger-woocommerce-content :where(.hooger-field-control, .ha-field, .form-row, .woocommerce-input-wrapper, .password-input) {
  box-sizing: border-box;
  display: block;
  inline-size: 100%;
  isolation: isolate;
  min-inline-size: 0;
  position: relative;
}

.hooger-page-main :where(.hooger-field-control, .ha-field, .hooger-auth-form label > span:has(> :where(input, textarea, select)), .hooger-form label > span:has(> :where(input, textarea, select))) > :where(input, textarea, select),
.hooger-woocommerce-content :where(input.input-text, textarea, select, .select2-selection--single) {
  block-size: auto;
  inline-size: 100% !important;
  max-inline-size: 100%;
  min-block-size: var(--hq-field-h) !important;
  min-inline-size: 0 !important;
  padding-inline-end: var(--hq-field-pad);
  padding-inline-start: var(--hq-field-pad);
  text-overflow: ellipsis;
}

/* Start icons are positioned only when a real field wrapper owns the icon. */
.hooger-page-main :where(.hooger-field-control, .ha-field, .hooger-auth-form label > span:has(> :where(input, textarea, select)), .hooger-form label > span:has(> :where(input, textarea, select))) > .hooger-icon {
  block-size: var(--hq-icon) !important;
  color: var(--muted-foreground, #64748b);
  inline-size: var(--hq-icon) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-page-main :where(.hooger-field-control:has(> .hooger-icon), .ha-field:has(> .hooger-icon), .hooger-auth-form label > span:has(> .hooger-icon):has(> :where(input, textarea, select)), .hooger-form label > span:has(> .hooger-icon):has(> :where(input, textarea, select))) > :where(input, textarea, select) {
  padding-inline-start: var(--hq-field-icon-pad) !important;
}

/* LTR fields inside RTL wrappers need physical right padding for RTL-start icons. */
.hooger-page-main :where(.hooger-field-control:has(> .hooger-icon), .ha-field:has(> .hooger-icon), .hooger-auth-form label > span:has(> .hooger-icon):has(> :where(input, textarea, select)), .hooger-form label > span:has(> .hooger-icon):has(> :where(input, textarea, select))) > :where(input[dir="ltr"], textarea[dir="ltr"]) {
  direction: ltr !important;
  padding-left: var(--hq-field-pad) !important;
  padding-right: var(--hq-field-icon-pad) !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}

.hooger-page-main :where(.hooger-field-control, .ha-field, .hooger-auth-form label > span:has(> :where(input, textarea, select)), .hooger-form label > span:has(> :where(input, textarea, select))) > :where(input[dir="ltr"], textarea[dir="ltr"]),
.hooger-woocommerce-content :where(input[dir="ltr"], textarea[dir="ltr"]) {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}

/* Password fields: RTL-start decorative icon + RTL-end eye button, both inside wrapper. */
.hooger-page-main :where(.hooger-field-control--password, .ha-field--password, .password-input, .hooger-field-control:has(> [data-hooger-password-toggle]), .ha-field:has(> [data-hooger-password-toggle]), .hooger-auth-form label > span:has(> [data-hooger-password-toggle]), .hooger-form label > span:has(> [data-hooger-password-toggle])) > input,
.hooger-woocommerce-content :where(.password-input, .woocommerce-input-wrapper:has(.show-password-input)) > input {
  padding-inline-end: var(--hq-field-action-pad) !important;
}

.hooger-page-main :where(.hooger-field-control--password:has(> .hooger-icon), .ha-field--password:has(> .hooger-icon), .hooger-field-control:has(> .hooger-icon):has(> [data-hooger-password-toggle]), .ha-field:has(> .hooger-icon):has(> [data-hooger-password-toggle]), .hooger-auth-form label > span:has(> .hooger-icon):has(> [data-hooger-password-toggle]), .hooger-form label > span:has(> .hooger-icon):has(> [data-hooger-password-toggle])) > input {
  padding-inline-start: var(--hq-field-icon-pad) !important;
}

.hooger-page-main :where(.hooger-field-control--password, .ha-field--password, .password-input, .hooger-field-control:has(> [data-hooger-password-toggle]), .ha-field:has(> [data-hooger-password-toggle]), .hooger-auth-form label > span:has(> [data-hooger-password-toggle]), .hooger-form label > span:has(> [data-hooger-password-toggle])) > input[dir="ltr"],
.hooger-woocommerce-content :where(.password-input, .woocommerce-input-wrapper:has(.show-password-input)) > input[dir="ltr"] {
  padding-left: var(--hq-field-action-pad) !important;
  padding-right: var(--hq-field-icon-pad) !important;
}

.hooger-page-main :where([data-hooger-password-toggle], .show-password-input),
.hooger-woocommerce-content :where([data-hooger-password-toggle], .show-password-input) {
  align-items: center !important;
  block-size: var(--hq-icon-box) !important;
  border-radius: .85rem !important;
  display: inline-flex !important;
  inline-size: var(--hq-icon-box) !important;
  inset-block-start: 50% !important;
  inset-inline-end: .35rem !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-block-size: var(--hq-icon-box) !important;
  min-inline-size: var(--hq-icon-box) !important;
  padding: 0 !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
  z-index: 4 !important;
}

.hooger-page-main :where([data-hooger-password-toggle], .show-password-input) :where(.hooger-icon, svg),
.hooger-woocommerce-content :where([data-hooger-password-toggle], .show-password-input) :where(.hooger-icon, svg) {
  block-size: 1.05rem !important;
  inline-size: 1.05rem !important;
  position: static !important;
  transform: none !important;
}

/* Search, coupon and select fields keep icons/arrows away from text. */
.hooger-page-main :where(.hooger-filter-search, .hooger-page-search, .hooger-shop-search, .hooger-search-modal__head label),
.hooger-woocommerce-content :where(.coupon, .hooger-checkout-bridge-coupon-field) {
  min-inline-size: 0;
  position: relative;
}

.hooger-page-main :where(.hooger-filter-search, .hooger-page-search, .hooger-shop-search, .hooger-search-modal__head label) > .hooger-icon {
  block-size: var(--hq-icon) !important;
  inline-size: var(--hq-icon) !important;
  inset-block-start: 50% !important;
  inset-inline-end: 1rem !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
  z-index: 2;
}

.hooger-page-main :where(.hooger-filter-search, .hooger-page-search, .hooger-shop-search, .hooger-search-modal__head label) > input {
  padding-inline-end: var(--hq-field-icon-pad) !important;
  padding-inline-start: var(--hq-field-pad) !important;
}

.hooger-page-main :where(select),
.hooger-woocommerce-content :where(select) {
  padding-inline-end: 2.75rem !important;
}

/* Unified notifications and WooCommerce feedback. */
.hooger-page-main :where(.ha-alert, .ha-toast, .ha-notice, .hooger-notice, .hooger-profile-feedback, .hooger-checkout-bridge-notice),
.hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info, .wc-block-components-notice-banner) {
  align-items: flex-start !important;
  border-radius: var(--hq-radius-lg) !important;
  display: grid !important;
  gap: .55rem .75rem !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  inline-size: 100% !important;
  line-height: 1.75 !important;
  margin-inline: auto !important;
  max-inline-size: 100% !important;
  min-block-size: var(--hq-touch) !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  padding: .9rem 1rem !important;
  text-align: start !important;
}

.hooger-page-main :where(.ha-alert, .ha-toast, .ha-notice, .hooger-notice, .hooger-profile-feedback, .hooger-checkout-bridge-notice) :where(.hooger-icon, svg),
.hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info, .wc-block-components-notice-banner) :where(.hooger-icon, svg) {
  position: static !important;
  transform: none !important;
}

.hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info)::before {
  inset: auto !important;
  position: static !important;
}

.hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info) a.button {
  justify-self: end;
  margin: 0 !important;
  white-space: nowrap;
}

/* Content page cards/sections: aligned center and consistent radius without changing header/footer. */
.hooger-page-main :where(.hooger-content-hero, .hooger-content-card, .hooger-contact-card, .hooger-faq-card, .hooger-profile-card, .hooger-profile-panel, .hooger-settings-card, .hooger-loyalty-card, .hooger-notification-card),
.hooger-woocommerce-content :where(.hooger-checkout-bridge-panel, .woocommerce-billing-fields, .woocommerce-additional-fields, .woocommerce-checkout-review-order, .cart_totals, table.shop_table.cart) {
  border-radius: var(--hq-radius-xl) !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-page-main :where(.hooger-content-lead, .hooger-about-copy, .hooger-faq-answer, .hooger-contact-copy) {
  max-inline-size: var(--hq-readable);
}

/* Shop archive: real reflow instead of desktop shrinking. */
.hooger-shop-shell,
.hooger-shop-layout,
.hooger-shop-products,
.hooger-shop-sidebar,
.hooger-shop-hero {
  min-inline-size: 0;
  max-inline-size: 100%;
}

.hooger-shop-products :where(ul.products, .products) {
  display: grid !important;
  gap: clamp(.85rem, 2vw, 1.25rem) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15.5rem), 1fr)) !important;
  margin-inline: 0 !important;
}

.hooger-shop-products :where(ul.products li.product, .product, .hooger-product-card) {
  inline-size: 100% !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-shop-products :where(ul.products li.product .button, .add_to_cart_button, .product_type_simple, .hooger-product-card__mobile-add) {
  inline-size: 100%;
  min-block-size: 2.8rem;
  white-space: normal;
}

.hooger-shop-view-switch,
.hooger-shop-filter-toggle,
.hooger-shop-hero__badges {
  max-inline-size: 100%;
  min-inline-size: 0;
}

.hooger-shop-hero__badges {
  flex-wrap: wrap;
}

.hooger-shop-panel--categories nav,
.hooger-shop-category-tree {
  display: grid;
  gap: .45rem;
}

.hooger-shop-category-tree,
.hooger-shop-category-tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hooger-shop-category-item {
  display: grid;
  gap: .35rem;
  min-inline-size: 0;
}

.hooger-shop-category-row {
  align-items: center;
  display: grid;
  gap: .45rem;
  grid-template-columns: minmax(0, 1fr) auto;
  min-inline-size: 0;
}

.hooger-shop-category-row > a {
  min-inline-size: 0;
}

.hooger-shop-category-toggle {
  align-items: center;
  background: var(--secondary, #f8fafc);
  border: 1px solid var(--border, #e5e7eb);
  border-radius: .85rem;
  color: var(--foreground, #111827);
  display: inline-flex;
  inline-size: 2.45rem;
  block-size: 2.45rem;
  justify-content: center;
  padding: 0;
}

.hooger-shop-category-toggle .hooger-icon {
  position: static !important;
  transition: transform .18s ease;
}

.hooger-shop-category-item > ul {
  border-inline-start: 1px solid var(--border, #e5e7eb);
  display: none;
  margin-inline-start: .8rem;
  padding-inline-start: .65rem;
}

.hooger-shop-category-item.is-submenu-open > ul {
  display: grid;
  gap: .35rem;
}

.hooger-shop-category-item.is-submenu-open > .hooger-shop-category-row .hooger-shop-category-toggle .hooger-icon {
  transform: rotate(180deg) !important;
}

.hooger-shop-category-tree a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.hooger-shop-category-tree a span {
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Cart: stack earlier for real tablet responsiveness. */
body.woocommerce-cart .hooger-woocommerce-content .cart-collaterals,
body.woocommerce-cart .hooger-woocommerce-content .woocommerce-cart-form,
body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body.woocommerce-cart .hooger-woocommerce-content .quantity,
body.woocommerce-cart .hooger-woocommerce-content .quantity .qty {
  max-inline-size: 100%;
}

@media (max-width: 1180px) {
  body.woocommerce-cart .hooger-woocommerce-content .woocommerce,
  body.woocommerce-cart .hooger-woocommerce-content .cart-collaterals,
  body.woocommerce-cart .hooger-woocommerce-content .cart_totals {
    display: grid !important;
    grid-template-columns: 1fr !important;
    inline-size: 100% !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content .cart_totals {
    position: static !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart tr.cart_item {
    border-radius: var(--hq-radius-lg) !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: 4.2rem minmax(0, 1fr) auto !important;
    padding: .85rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td {
    min-inline-size: 0 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-thumbnail {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    padding: 0 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-name {
    grid-column: 2 / span 2 !important;
    padding-inline-end: 2.35rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-remove {
    align-self: start !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    padding: 0 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-remove a.remove {
    inset: auto !important;
    position: static !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-price,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-quantity,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-subtotal {
    grid-column: 1 / -1 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions .coupon {
    display: grid !important;
    gap: .6rem !important;
    grid-template-columns: 1fr !important;
  }
}

/* Checkout: stable tablet/mobile hierarchy. */
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .woocommerce,
body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout,
body.woocommerce-checkout.hooger-checkout-bridge-enabled #customer_details,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
  min-inline-size: 0 !important;
  max-inline-size: 100% !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr)) !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label {
  min-block-size: 3.2rem;
  min-inline-size: 0;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods label {
  align-items: center;
  display: flex !important;
  gap: .55rem;
  min-inline-size: 0;
}

@media (max-width: 1024px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled #customer_details,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .woocommerce {
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
    position: static !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .woocommerce,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-hero,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout {
    inline-size: min(100%, 52.5rem) !important;
    margin-inline: auto !important;
    max-inline-size: calc(100vw - 2rem) !important;
    width: min(100%, 52.5rem) !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout > .hooger-checkout-bridge-panel,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout > #customer_details,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout > .col2-set,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout > .woocommerce-checkout-review-order {
    align-self: stretch !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    margin-inline: 0 !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 560px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-billing-fields,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-additional-fields,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
    border-radius: var(--hq-radius-lg) !important;
    padding: .95rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods {
    grid-template-columns: 1fr !important;
  }
}

/* Order received: centered, no badge/menu collision, no left drift. */
body.woocommerce-order-received .hooger-woocommerce-content,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
  text-align: start;
}

body.woocommerce-order-received .hooger-woocommerce-content > .hooger-container,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content > .hooger-container,
body.woocommerce-order-received .hooger-order-success,
body.hooger-checkout-bridge-order-received .hooger-order-success,
body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou {
  inline-size: min(100%, 980px) !important;
  margin-inline: auto !important;
  max-inline-size: calc(100vw - clamp(1rem, 4vw, 2rem)) !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-page-back,
body.hooger-checkout-bridge-order-received .hooger-page-back {
  justify-content: flex-start !important;
  margin-inline: 0 auto !important;
  max-inline-size: max-content !important;
  position: static !important;
}

body.woocommerce-order-received :where(.hooger-order-number, .order, .order-number),
body.hooger-checkout-bridge-order-received :where(.hooger-order-number, .order, .order-number) {
  position: static !important;
  z-index: auto !important;
}

@media (max-width: 560px) {
  body.woocommerce-order-received .hooger-order-success,
  body.hooger-checkout-bridge-order-received .hooger-order-success,
  body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou {
    border-radius: var(--hq-radius-lg) !important;
    padding: .95rem !important;
  }
}

/* Profile, notifications and toggle consistency. */
.hooger-profile-panel,
.hooger-profile-content,
.hooger-notification-list,
.hooger-notification-card,
.hooger-settings-list,
.hooger-settings-row {
  max-inline-size: 100%;
  min-inline-size: 0;
}

.hooger-settings-row,
.hooger-notification-card,
.hooger-notification-row {
  align-items: center;
  gap: .75rem;
}

.hooger-settings-row > :where(span, div),
.hooger-notification-card > :where(span, div),
.hooger-notification-row > :where(span, div) {
  min-inline-size: 0;
}

.hooger-settings-row :where(.hooger-toggle, [data-hooger-toggle]) {
  align-items: center !important;
  block-size: 1.75rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  flex: 0 0 3.25rem !important;
  inline-size: 3.25rem !important;
  justify-content: flex-start !important;
  min-block-size: 1.75rem !important;
  min-inline-size: 3.25rem !important;
  padding: .18rem !important;
  position: relative !important;
}

.hooger-settings-row :where(.hooger-toggle, [data-hooger-toggle]) i,
.hooger-settings-row :where(.hooger-toggle, [data-hooger-toggle])::after {
  block-size: 1.38rem !important;
  border-radius: 999px !important;
  inline-size: 1.38rem !important;
}

.hooger-settings-row :where(.hooger-toggle.is-on, [data-hooger-toggle].is-on) {
  justify-content: flex-end !important;
}

/* Stateful empty cards must stay hidden until JS/PHP marks them visible. */
:where(
  .hooger-empty,
  .hooger-search-modal__empty,
  .hooger-page-empty,
  .hooger-notification-empty,
  .hooger-address-empty
):not(.is-visible) {
  display: none !important;
}

:where(
  .hooger-empty,
  .hooger-search-modal__empty,
  .hooger-page-empty,
  .hooger-notification-empty,
  .hooger-address-empty
).is-visible {
  display: grid !important;
}

/* Mobile page breathing room and de-cluttering. */
@media (max-width: 767px) {
  .hooger-page-main,
  .hooger-woocommerce-content {
    overflow-x: visible !important;
  }

  .hooger-page-main > .hooger-container,
  .hooger-woocommerce-content > .hooger-container,
  .hooger-shop-archive > .hooger-container {
    max-inline-size: calc(100vw - 1rem) !important;
  }

  .hooger-page-main :where(.hooger-content-grid, .hooger-contact-grid, .hooger-about-grid, .hooger-faq-layout, .hooger-profile-grid, .hooger-dashboard-grid),
  .hooger-woocommerce-content :where(.columns-2, .columns-3, .columns-4) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .hooger-page-main :where(.hooger-content-card, .hooger-contact-card, .hooger-faq-card, .hooger-profile-card, .hooger-profile-panel),
  .hooger-woocommerce-content :where(.hooger-checkout-bridge-panel, .cart_totals, table.shop_table.cart) {
    padding: .9rem !important;
  }

  .hooger-page-main :where(.hooger-page-title, h1) {
    font-size: clamp(1.45rem, 8vw, 2rem) !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 430px) {
  .hooger-shop-products :where(ul.products, .products, .hooger-product-grid) {
    grid-template-columns: 1fr !important;
  }

  .hooger-shop-view-switch {
    display: none !important;
  }

  .hooger-page-main :where(.hooger-field-control, .ha-field, .hooger-auth-form label > span:has(> :where(input, textarea, select)), .hooger-form label > span:has(> :where(input, textarea, select))) > :where(input, textarea, select) {
    min-block-size: 3rem !important;
  }

  .hooger-page-main :where(.ha-alert, .ha-toast, .ha-notice, .hooger-notice, .hooger-profile-feedback, .hooger-checkout-bridge-notice),
  .hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: .82rem .9rem !important;
  }

  .hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info) a.button {
    inline-size: 100%;
    justify-self: stretch;
  }
}

/* Dark mode parity for the final layer without color-mix dependency. */
html[data-theme="dark"] .hooger-page-main :where(.ha-alert, .ha-toast, .ha-notice, .hooger-notice, .hooger-profile-feedback),
html.hooger-dark .hooger-page-main :where(.ha-alert, .ha-toast, .ha-notice, .hooger-notice, .hooger-profile-feedback),
html[data-theme="dark"] .hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info),
html.hooger-dark .hooger-woocommerce-content :where(.woocommerce-message, .woocommerce-error, .woocommerce-info) {
  background: var(--card, #0d1b2e) !important;
  border-color: var(--border, #24364f) !important;
  color: var(--foreground, #f8fafc) !important;
}

/*
 * Hooger Quality Pass v4.0
 * Final precision pass for RTL form icons and cart responsiveness.
 * This block is deliberately scoped to content/auth/profile/shop/cart areas.
 * Header, footer and toolbar are not redesigned here.
 */

/* Auth/profile fields: every label and field wrapper gets a stable local positioning context. */
.hooger-auth-card,
.hooger-page-card,
.hooger-profile-card,
.hooger-settings-card,
.hooger-profile-panel,
.hooger-page-main,
.hooger-woocommerce-content {
  min-inline-size: 0 !important;
}

.hooger-auth-form label,
.hooger-form label,
.hooger-page-main .hooger-form label,
.hooger-profile-panel .hooger-form label,
.hooger-settings-card .hooger-form label {
  display: grid !important;
  gap: .48rem !important;
  inline-size: 100% !important;
  justify-items: stretch !important;
  min-inline-size: 0 !important;
  position: relative !important;
  text-align: start !important;
}

.hooger-field-control,
.ha-field,
.hooger-field-normalized,
.hooger-auth-form label > span.hooger-field-control,
.hooger-form label > span.hooger-field-control,
.hooger-woocommerce-content .password-input,
.hooger-woocommerce-content .woocommerce-input-wrapper {
  box-sizing: border-box !important;
  direction: rtl !important;
  display: block !important;
  inline-size: 100% !important;
  isolation: isolate !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  position: relative !important;
}

.hooger-field-control > input,
.hooger-field-control > textarea,
.hooger-field-control > select,
.ha-field > input,
.ha-field > textarea,
.ha-field > select,
.hooger-field-normalized > input,
.hooger-field-normalized > textarea,
.hooger-field-normalized > select,
.hooger-woocommerce-content .password-input > input,
.hooger-woocommerce-content .woocommerce-input-wrapper > input.input-text {
  box-sizing: border-box !important;
  display: block !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-block-size: var(--hq-field-h, 3rem) !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding-block: .58rem !important;
  padding-inline: var(--hq-field-pad, 1rem) !important;
  text-overflow: ellipsis !important;
}

/* Decorative icons are allowed to be absolute only when they are direct children of the field wrapper. */
.hooger-field-control > .hooger-icon,
.ha-field > .hooger-icon,
.hooger-field-normalized > .hooger-icon {
  block-size: var(--hq-icon, 1.12rem) !important;
  color: var(--muted-foreground, #64748b) !important;
  inline-size: var(--hq-icon, 1.12rem) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

.hooger-field-control.hooger-field-has-icon > input,
.hooger-field-control--icon-start > input,
.hooger-field-control--password > input,
.ha-field.hooger-field-has-icon > input,
.hooger-field-normalized.hooger-field-has-icon > input {
  padding-inline-start: var(--hq-field-icon-pad, 3.4rem) !important;
}

.hooger-field-control > input[dir="ltr"],
.ha-field > input[dir="ltr"],
.hooger-field-normalized > input[dir="ltr"],
.hooger-woocommerce-content .password-input > input[dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
}

.hooger-field-control.hooger-field-has-icon > input[dir="ltr"],
.hooger-field-control--icon-start > input[dir="ltr"],
.hooger-field-control--password > input[dir="ltr"],
.ha-field.hooger-field-has-icon > input[dir="ltr"],
.hooger-field-normalized.hooger-field-has-icon > input[dir="ltr"] {
  padding-left: var(--hq-field-pad, 1rem) !important;
  padding-right: var(--hq-field-icon-pad, 3.4rem) !important;
}

/* Password eye: never global. It is hidden/reset unless it belongs to a normalized field wrapper. */
.hooger-page-main [data-hooger-password-toggle]:not(.hooger-password-toggle-scoped),
.hooger-woocommerce-content .show-password-input:not(.hooger-password-toggle-scoped) {
  display: none !important;
  inset: auto !important;
  position: static !important;
  transform: none !important;
}

.hooger-field-control > .hooger-password-toggle-scoped,
.ha-field > .hooger-password-toggle-scoped,
.hooger-field-normalized > .hooger-password-toggle-scoped,
.hooger-woocommerce-content .password-input > .show-password-input.hooger-password-toggle-scoped,
.hooger-woocommerce-content .woocommerce-input-wrapper > .show-password-input.hooger-password-toggle-scoped {
  align-items: center !important;
  background: transparent !important;
  block-size: var(--hq-icon-box, 2.55rem) !important;
  border: 0 !important;
  border-radius: .85rem !important;
  color: var(--muted-foreground, #64748b) !important;
  display: inline-flex !important;
  inline-size: var(--hq-icon-box, 2.55rem) !important;
  inset-block-start: 50% !important;
  inset-inline-end: .32rem !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  margin: 0 !important;
  min-block-size: var(--hq-icon-box, 2.55rem) !important;
  min-inline-size: var(--hq-icon-box, 2.55rem) !important;
  padding: 0 !important;
  pointer-events: auto !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
}

.hooger-field-control > .hooger-password-toggle-scoped :where(.hooger-icon, svg),
.ha-field > .hooger-password-toggle-scoped :where(.hooger-icon, svg),
.hooger-field-normalized > .hooger-password-toggle-scoped :where(.hooger-icon, svg),
.hooger-woocommerce-content .password-input > .show-password-input.hooger-password-toggle-scoped::after,
.hooger-woocommerce-content .password-input > .show-password-input.hooger-password-toggle-scoped :where(.hooger-icon, svg) {
  block-size: 1.05rem !important;
  inline-size: 1.05rem !important;
  inset: auto !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

.hooger-field-control.hooger-field-has-action > input,
.hooger-field-control--password > input,
.ha-field.hooger-field-has-action > input,
.hooger-field-normalized.hooger-field-has-action > input,
.hooger-woocommerce-content .password-input > input,
.hooger-woocommerce-content .woocommerce-input-wrapper.hooger-field-has-action > input.input-text {
  padding-inline-end: var(--hq-field-action-pad, 3.85rem) !important;
}

.hooger-field-control.hooger-field-has-action > input[dir="ltr"],
.hooger-field-control--password > input[dir="ltr"],
.ha-field.hooger-field-has-action > input[dir="ltr"],
.hooger-field-normalized.hooger-field-has-action > input[dir="ltr"],
.hooger-woocommerce-content .password-input > input[dir="ltr"] {
  padding-left: var(--hq-field-action-pad, 3.85rem) !important;
}

.hooger-field-control.hooger-field-has-icon.hooger-field-has-action > input[dir="ltr"],
.hooger-field-control--password.hooger-field-has-icon > input[dir="ltr"],
.hooger-field-normalized.hooger-field-has-icon.hooger-field-has-action > input[dir="ltr"] {
  padding-left: var(--hq-field-action-pad, 3.85rem) !important;
  padding-right: var(--hq-field-icon-pad, 3.4rem) !important;
}

/* Keep auth/profile cards centered and prevent icon spill. */
.hooger-auth-main,
.hooger-auth-shell .hooger-auth-main {
  display: grid !important;
  justify-items: center !important;
  padding-inline: clamp(.75rem, 4vw, 1.5rem) !important;
}

.hooger-auth-card,
.hooger-page-stack,
.hooger-page-narrow,
.hooger-profile-panel,
.hooger-settings-card {
  margin-inline: auto !important;
  max-inline-size: min(100%, 35rem) !important;
}

.hooger-profile-panel,
.hooger-settings-card {
  max-inline-size: min(100%, 62rem) !important;
}

/* Cart v4: real responsive cards, not a squeezed desktop table. */
body.woocommerce-cart .hooger-woocommerce-content .woocommerce,
body.woocommerce-cart .hooger-woocommerce-content .woocommerce-cart-form,
body.woocommerce-cart .hooger-woocommerce-content .cart-collaterals,
body.woocommerce-cart .hooger-woocommerce-content .cart_totals,
body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body.woocommerce-cart .hooger-woocommerce-content .woocommerce-cart-form {
  overflow: visible !important;
}

body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart {
  table-layout: auto !important;
}

body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart :where(th, td) {
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-name,
body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-price,
body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-subtotal,
body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-quantity {
  white-space: normal !important;
}

body.woocommerce-cart .hooger-woocommerce-content .quantity {
  display: inline-flex !important;
  inline-size: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

@media (max-width: 1180px) {
  body.woocommerce-cart .hooger-woocommerce-content .woocommerce,
  body.woocommerce-cart .hooger-woocommerce-content form.woocommerce-cart-form,
  body.woocommerce-cart .hooger-woocommerce-content .cart-collaterals,
  body.woocommerce-cart .hooger-woocommerce-content .cart_totals {
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: stretch !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content .cart_totals {
    inset: auto !important;
    position: static !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart tbody,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart tfoot {
    display: block !important;
    inline-size: 100% !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart thead {
    display: none !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart tr.cart_item {
    align-items: center !important;
    border-radius: var(--hq-radius-lg, 1.25rem) !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: 4.5rem minmax(0, 1fr) 2.4rem !important;
    inline-size: 100% !important;
    margin-block: .75rem !important;
    padding: .9rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td {
    border: 0 !important;
    display: block !important;
    inline-size: 100% !important;
    padding: 0 !important;
    text-align: start !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-thumbnail {
    align-self: start !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-thumbnail img {
    block-size: 4.25rem !important;
    border-radius: 1rem !important;
    inline-size: 4.25rem !important;
    object-fit: cover !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-name {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-inline-end: .25rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-remove {
    align-self: start !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    max-inline-size: 2.35rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-remove a.remove {
    align-items: center !important;
    display: inline-flex !important;
    inline-size: 2.2rem !important;
    justify-content: center !important;
    min-block-size: 2.2rem !important;
    min-inline-size: 2.2rem !important;
    position: static !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-price,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-quantity,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-subtotal {
    align-items: center !important;
    display: flex !important;
    gap: .75rem !important;
    grid-column: 1 / -1 !important;
    justify-content: space-between !important;
    min-block-size: 2.4rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-price::before,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-quantity::before,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-subtotal::before {
    color: var(--muted-foreground, #64748b) !important;
    content: attr(data-title) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions {
    display: grid !important;
    gap: .75rem !important;
    margin-block-start: .9rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions .coupon {
    display: grid !important;
    gap: .6rem !important;
    grid-template-columns: 1fr !important;
    inline-size: 100% !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions .coupon input,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions .coupon button,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.actions > button,
  body.woocommerce-cart .hooger-woocommerce-content .cart_totals .checkout-button {
    inline-size: 100% !important;
  }
}

@media (max-width: 430px) {
  .hooger-auth-card,
  .hooger-page-card,
  .hooger-profile-panel,
  .hooger-settings-card {
    border-radius: var(--hq-radius-lg, 1.25rem) !important;
    padding-inline: .95rem !important;
  }

  .hooger-field-control > input,
  .hooger-field-control > textarea,
  .hooger-field-control > select,
  .ha-field > input,
  .ha-field > textarea,
  .ha-field > select,
  .hooger-field-normalized > input,
  .hooger-field-normalized > textarea,
  .hooger-field-normalized > select {
    font-size: .93rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart tr.cart_item {
    grid-template-columns: 3.8rem minmax(0, 1fr) 2.2rem !important;
    padding: .75rem !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart td.product-thumbnail img {
    block-size: 3.65rem !important;
    inline-size: 3.65rem !important;
  }
}

/* Hooger checkout engineering pass: hide disabled native offline gateways and compact branch UI. */
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li:has(input[value="cod"]),
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li:has(input[value="bacs"]),
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li:has(input[value="cheque"]) {
  cursor: not-allowed !important;
  display: grid !important;
  opacity: .66 !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-disabled,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-unavailable {
  border-color: color-mix(in srgb, var(--border, #334155) 72%, var(--muted-foreground, #94a3b8)) !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-disabled input[type="radio"] {
  pointer-events: none !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-disabled label,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-disabled .payment_box {
  cursor: not-allowed !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-disabled-note] {
  align-self: center !important;
  background: color-mix(in srgb, var(--destructive, #ef4444) 18%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--destructive, #ef4444) 42%, transparent) !important;
  border-radius: 999px !important;
  color: var(--destructive, #ef4444) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  justify-self: start !important;
  line-height: 1 !important;
  padding: .34rem .6rem !important;
  white-space: nowrap !important;
}

.hooger-branch-card,
.hooger-branch-select,
.hooger-compact-branch,
.hooger-compact-branch__menu,
.hooger-elementor-branch-selector,
.hooger-checkout-bridge-branch-card,
.hooger-checkout-bridge-pickup-branch {
  max-inline-size: 100% !important;
}

.hooger-compact-branch,
.hooger-branch-select__button,
.hooger-compact-branch__menu button {
  overflow: hidden !important;
}

.hooger-compact-branch > span:nth-child(2),
.hooger-branch-select__button span,
.hooger-compact-branch__menu button > span,
.hooger-checkout-bridge-branch-card > div,
.hooger-checkout-bridge-pickup-branch__content {
  min-inline-size: 0 !important;
}

.hooger-compact-branch strong,
.hooger-compact-branch small,
.hooger-branch-select__button span,
.hooger-compact-branch__menu button strong,
.hooger-compact-branch__menu button span,
.hooger-checkout-bridge-branch-card strong,
.hooger-checkout-bridge-branch-card p,
.hooger-checkout-bridge-pickup-branch strong,
.hooger-checkout-bridge-pickup-branch p,
.hooger-checkout-bridge-pickup-branch small {
  overflow-wrap: anywhere !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch {
  align-items: start !important;
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  overflow: hidden !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch__icon,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch > span:first-child {
  block-size: 2.55rem !important;
  inline-size: 2.55rem !important;
  min-block-size: 2.55rem !important;
  min-inline-size: 2.55rem !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title .hooger-page-back {
  direction: rtl !important;
  display: flex !important;
  inline-size: fit-content !important;
  justify-self: start !important;
  margin-inline: 0 auto !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title .hooger-page-back > span {
  direction: rtl !important;
  display: inline-block !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title .hooger-page-back .hooger-icon {
  flex: 0 0 auto !important;
}

@media (max-width: 767px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled header [data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .elementor-location-header [data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-site-header [data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-header [data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled :not(form.checkout) > [data-hooger-mobile-step]::before {
    content: none !important;
    display: none !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .hooger-checkout-bridge-panel[data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .woocommerce-billing-fields[data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .woocommerce-checkout-review-order[data-hooger-mobile-step]::before {
    content: attr(data-hooger-mobile-step) !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-menu-button[data-hooger-mobile-step]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .woocommerce-checkout-review-order[data-hooger-mobile-step="۶"]::before,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .woocommerce-checkout-review-order[data-hooger-mobile-step="6"]::before {
    content: none !important;
    display: none !important;
  }

  .hooger-branch-card {
    gap: .7rem !important;
  }

  .hooger-branch-card__main,
  .hooger-branch-card__meta {
    align-items: stretch !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hooger-compact-branch {
    gap: .55rem !important;
    min-block-size: 3rem !important;
    padding: .55rem .7rem !important;
  }

.hooger-compact-branch__menu {
    max-inline-size: calc(100vw - 2rem) !important;
    right: auto !important;
    inset-inline-start: 0 !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch {
    border-radius: 1rem !important;
    gap: .65rem !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    padding: .8rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch strong,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch p,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch small {
    font-size: .84rem !important;
    line-height: 1.8 !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title .hooger-page-back {
    margin-inline: 0 auto !important;
  }
}

@media (max-width: 767px) {
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards {
    inline-size: 100% !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards > .elementor-container {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .85rem !important;
    inline-size: 100% !important;
    margin-inline: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: .15rem .35rem !important;
    padding-inline: 1rem !important;
    scroll-padding-inline: 1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards > .elementor-container::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards > .elementor-container > .elementor-column {
    flex: 0 0 min(78vw, 21rem) !important;
    max-inline-size: min(78vw, 21rem) !important;
    min-inline-size: min(78vw, 21rem) !important;
    scroll-snap-align: center !important;
    width: min(78vw, 21rem) !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-column > .elementor-widget-wrap {
    padding: 0 !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card {
    min-block-size: 13rem !important;
    padding: 1.25rem 1.1rem !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card .elementor-icon-box-wrapper {
    gap: .85rem !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card .elementor-icon {
    block-size: 3.25rem !important;
    flex-basis: 3.25rem !important;
    inline-size: 3.25rem !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card .elementor-icon-box-title,
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card .elementor-icon-box-title a {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-cards .elementor-widget.hooger-ref-card .elementor-icon-box-description {
    font-size: .82rem !important;
    line-height: 1.85 !important;
    max-inline-size: 15rem !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-steps {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .85rem !important;
    margin-block-start: 1.35rem !important;
    margin-inline: -1rem !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: .15rem .35rem !important;
    padding-inline: 1rem !important;
    scroll-padding-inline: 1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-steps::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step {
    align-items: start !important;
    border: 1px solid color-mix(in srgb, #2563eb 22%, #e7e9ef) !important;
    border-radius: 1rem !important;
    display: grid !important;
    flex: 0 0 min(78vw, 21rem) !important;
    gap: .65rem !important;
    grid-template-columns: 2.4rem minmax(0, 1fr) !important;
    max-inline-size: min(78vw, 21rem) !important;
    min-block-size: 9.8rem !important;
    min-inline-size: min(78vw, 21rem) !important;
    padding: 1rem !important;
    scroll-snap-align: center !important;
    text-align: right !important;
    width: min(78vw, 21rem) !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step span {
    block-size: 2.4rem !important;
    font-size: 1rem !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    inline-size: 2.4rem !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step strong {
    align-self: center !important;
    font-size: 1rem !important;
    grid-column: 2 !important;
    line-height: 1.55 !important;
    min-inline-size: 0 !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step p {
    font-size: .82rem !important;
    grid-column: 2 !important;
    line-height: 1.85 !important;
    min-inline-size: 0 !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-stat-grid {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .85rem !important;
    margin-inline: -1rem !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: .15rem .35rem !important;
    padding-inline: 1rem !important;
    scroll-padding-inline: 1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-stat-grid::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-stat-card {
    flex: 0 0 min(78vw, 21rem) !important;
    max-inline-size: min(78vw, 21rem) !important;
    min-block-size: 8.4rem !important;
    min-inline-size: min(78vw, 21rem) !important;
    padding: 1rem !important;
    scroll-snap-align: center !important;
    width: min(78vw, 21rem) !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-stat-card strong {
    font-size: 2rem !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-stat-card span {
    font-size: .84rem !important;
    line-height: 1.75 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards {
    inline-size: 100% !important;
    margin-inline: auto !important;
    overflow: visible !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .85rem !important;
    inline-size: 100% !important;
    margin-inline: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-block: .15rem .35rem !important;
    padding-inline: 1rem !important;
    scroll-padding-inline: 1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container > .elementor-column {
    flex: 0 0 min(78vw, 21rem) !important;
    max-inline-size: min(78vw, 21rem) !important;
    min-inline-size: min(78vw, 21rem) !important;
    scroll-snap-align: center !important;
    width: min(78vw, 21rem) !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-column > .elementor-widget-wrap {
    padding: 0 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card {
    min-block-size: 12.25rem !important;
    padding: 1.2rem 1rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card .elementor-icon-box-wrapper {
    gap: .8rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card .elementor-icon {
    block-size: 3.35rem !important;
    flex-basis: 3.35rem !important;
    inline-size: 3.35rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card .elementor-icon-box-title,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card .elementor-icon-box-title a {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card .elementor-icon-box-description {
    font-size: .82rem !important;
    line-height: 1.8 !important;
    max-inline-size: 15rem !important;
  }
}

body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary,
body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary :where(span, .hooger-icon) {
  color: #fff !important;
}

body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg {
  stroke: currentColor !important;
}

/* Single product: keep media uncropped and the four key facts in a stable 2x2 grid. */
.hooger-single-product .hooger-woocommerce-content div.product,
.hooger-woocommerce-content.hooger-single-product div.product {
  align-items: stretch !important;
}

.hooger-single-product .woocommerce-product-gallery,
.hooger-single-product div.product div.images,
.hooger-woocommerce-content.hooger-single-product div.product div.images {
  align-items: center !important;
  display: grid !important;
  justify-items: center !important;
  overflow: hidden !important;
}

.hooger-single-product div.product div.images .woocommerce-product-gallery__wrapper,
.hooger-single-product div.product div.images .woocommerce-product-gallery__image,
.hooger-single-product div.product div.images .woocommerce-product-gallery__image a {
  align-items: center !important;
  display: grid !important;
  inline-size: 100% !important;
  justify-items: center !important;
  min-block-size: 0 !important;
}

.hooger-single-product div.product div.images img.wp-post-image,
.hooger-woocommerce-content.hooger-single-product div.product div.images img.wp-post-image {
  aspect-ratio: auto !important;
  block-size: auto !important;
  height: auto !important;
  inline-size: auto !important;
  max-block-size: min(62dvh, 34rem) !important;
  max-height: min(62dvh, 34rem) !important;
  max-inline-size: 100% !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  width: auto !important;
}

.hooger-single-product div.product div.images .zoomImg {
  display: none !important;
}

.hooger-single-product div.product div.images .woocommerce-product-gallery__trigger img,
.hooger-single-product div.product div.images img.emoji {
  aspect-ratio: auto !important;
  block-size: 1em !important;
  height: 1em !important;
  inline-size: 1em !important;
  max-block-size: 1em !important;
  max-height: 1em !important;
  max-inline-size: 1em !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  width: 1em !important;
}

.hooger-single-product .hooger-single-feature-strip,
.hooger-woocommerce-content.hooger-single-product .hooger-single-feature-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
}

.hooger-single-product .hooger-single-feature-strip span {
  min-inline-size: 0 !important;
}

body.single-product .hooger-woocommerce-content div.product div.summary > p.stock,
body.single-product .hooger-single-product div.product div.summary > p.stock,
body.single-product .hooger-woocommerce-content div.product .summary.entry-summary > p.stock.in-stock {
  display: none !important;
}

@media (max-width: 480px) {
  .hooger-single-product .hooger-single-feature-strip,
  .hooger-woocommerce-content.hooger-single-product .hooger-single-feature-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.single-product .hooger-woocommerce-content div.product div.summary > p.stock,
  body.single-product .hooger-single-product div.product div.summary > p.stock,
  body.single-product .hooger-woocommerce-content div.product .summary.entry-summary > p.stock.in-stock {
    display: none !important;
  }
}

/* Auth fields use RTL wrappers with LTR values. Pin decorative icons physically on the right. */
.hooger-auth-form .hooger-field-control > .hooger-icon,
.hooger-auth-form .hooger-field-normalized > .hooger-icon {
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  left: auto !important;
  right: 1rem !important;
}

.hooger-auth-form .hooger-field-control--icon-start > input[dir="ltr"],
.hooger-auth-form .hooger-field-control.hooger-field-has-icon > input[dir="ltr"] {
  padding-left: 1rem !important;
  padding-right: 3.4rem !important;
}

.hooger-auth-form .hooger-field-control--password > input[dir="ltr"],
.hooger-auth-form .hooger-field-control--password.hooger-field-has-icon.hooger-field-has-action > input[dir="ltr"] {
  padding-left: 3.85rem !important;
  padding-right: 3.4rem !important;
}

/* Shop archive stability: keep filters narrow, products wide, and mobile filters as a bottom sheet. */
.hooger-shop-archive .hooger-shop-hero {
  overflow: visible !important;
}

.hooger-shop-archive .hooger-shop-breadcrumb {
  align-items: center !important;
  block-size: auto !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  gap: .45rem !important;
  inline-size: 100% !important;
  justify-content: center !important;
  justify-self: center !important;
  line-height: 1.35 !important;
  margin: 0 auto .55rem !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  min-block-size: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-breadcrumb > * {
  align-items: center !important;
  block-size: auto !important;
  flex: 0 0 auto !important;
  line-height: 1.35 !important;
  max-inline-size: none !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  min-inline-size: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-breadcrumb a,
.hooger-shop-archive .hooger-shop-breadcrumb span {
  align-items: center !important;
  block-size: auto !important;
  display: inline-flex !important;
  line-height: 1.35 !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
}

.hooger-shop-archive .hooger-shop-hero::before {
  content: none !important;
  display: none !important;
}

.hooger-shop-archive .hooger-shop-layout {
  direction: ltr !important;
  display: grid !important;
  gap: clamp(1rem, 2vw, 1.5rem) !important;
  grid-template-areas: "products filters" !important;
  grid-template-columns: minmax(0, 1fr) clamp(16rem, 23vw, 20rem) !important;
}

body.is-shop-filter-collapsed .hooger-shop-archive .hooger-shop-layout {
  grid-template-areas: "products" !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

.hooger-shop-archive .hooger-shop-sidebar {
  direction: rtl !important;
  grid-area: filters !important;
  inline-size: auto !important;
  max-inline-size: 100% !important;
}

body.is-shop-filter-collapsed .hooger-shop-archive .hooger-shop-sidebar {
  display: none !important;
}

.hooger-shop-archive .hooger-shop-products {
  direction: rtl !important;
  grid-area: products !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
}

.hooger-shop-archive .hooger-shop-filter-toggle {
  display: inline-flex !important;
}

.hooger-shop-archive .hooger-shop-products :where(ul.products, .products) {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.75rem), 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product {
  display: grid !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product::after {
  content: none !important;
  display: none !important;
}

.hooger-shop-archive .woocommerce .woocommerce-ordering,
.hooger-shop-archive form.woocommerce-ordering,
.hooger-shop-archive .woocommerce .woocommerce-result-count,
.hooger-shop-archive p.woocommerce-result-count,
.hooger-shop-archive .hooger-shop-products > .page-title {
  display: none !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
  display: grid !important;
  gap: .8rem !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a img {
  aspect-ratio: 1 / 1 !important;
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  block-size: auto !important;
  display: block !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(.2rem, .8vw, .45rem) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .onsale,
.hooger-shop-archive .hooger-shop-products ul.products li.product::before {
  align-items: center !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  min-block-size: 1.55rem !important;
  padding: .35rem .62rem !important;
  position: absolute !important;
  white-space: nowrap !important;
  z-index: 4 !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product::before {
  inset-block-start: .9rem !important;
  inset-inline-end: .9rem !important;
  inset-inline-start: auto !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .onsale {
  inset-block-start: .9rem !important;
  inset-inline-end: auto !important;
  inset-inline-start: .9rem !important;
  margin: 0 !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product.sale .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product.sale .woocommerce-loop-product__title {
  margin-block-start: 2.15rem !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
  display: block !important;
  line-height: 1.65 !important;
  min-block-size: 0 !important;
  overflow: visible !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  color: var(--ha-color-primary, #f59e0b) !important;
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .15rem .45rem !important;
  font-weight: 950 !important;
  line-height: 1.65 !important;
  min-block-size: 1.7rem !important;
  overflow: visible !important;
  white-space: normal !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price :where(.amount, bdi, ins, del) {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: .2rem !important;
  line-height: inherit !important;
  max-inline-size: 100% !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price del {
  color: var(--muted-foreground, var(--ha-color-text-muted, #64748b)) !important;
  opacity: .68 !important;
  order: 2;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price ins {
  color: var(--accent, var(--ha-color-primary, #f59e0b)) !important;
  font-weight: 950 !important;
  order: 1;
}

.hooger-shop-price-form {
  --hsp-accent: var(--accent, var(--ha-color-primary, #f59e0b));
  --hsp-accent-text: var(--accent-foreground, #111827);
  --hsp-border: var(--border, var(--ha-color-border, #e5e7eb));
  --hsp-card: var(--card, var(--ha-color-surface, #fff));
  --hsp-muted: var(--muted, var(--ha-color-bg-soft, #f8fafc));
  --hsp-muted-text: var(--muted-foreground, var(--ha-color-text-muted, #64748b));
  --hsp-text: var(--foreground, var(--ha-color-text, #111827));
  display: grid;
  gap: .85rem;
}

.hooger-shop-price-fields {
  display: grid;
  gap: .65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hooger-shop-price-fields label {
  display: grid;
  gap: .35rem;
}

.hooger-shop-price-fields span,
.hooger-shop-price-summary span {
  color: var(--hsp-muted-text, var(--ha-color-text-muted, #64748b));
  font-size: .78rem;
  font-weight: 850;
  line-height: 1.7;
}

.hooger-shop-price-fields input {
  background: color-mix(in srgb, var(--hsp-card) 88%, var(--hsp-muted)) !important;
  border: 1px solid var(--hsp-border) !important;
  border-radius: .75rem !important;
  color: var(--hsp-text) !important;
  direction: ltr;
  inline-size: 100%;
  min-block-size: 2.6rem;
  padding: .55rem .7rem !important;
  text-align: center;
}

.hooger-shop-price-range {
  block-size: 2.6rem;
  display: grid;
  position: relative;
}

.hooger-shop-price-range::before,
.hooger-shop-price-range > span {
  border-radius: 999px;
  content: "";
  inset-block-start: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.hooger-shop-price-range::before {
  background: color-mix(in srgb, var(--hsp-border) 70%, var(--hsp-card));
  block-size: .42rem;
  inset-inline: .2rem;
}

.hooger-shop-price-range > span {
  background: linear-gradient(90deg, var(--hsp-accent), color-mix(in srgb, var(--hsp-accent) 74%, var(--hsp-text)));
  block-size: .5rem;
  inset-inline-end: var(--hooger-price-start, 0%);
  inset-inline-start: calc(100% - var(--hooger-price-end, 100%));
  z-index: 1;
}

.hooger-shop-price-range input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  inset: 0;
  margin: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.hooger-shop-price-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--hsp-accent);
  border: 3px solid var(--hsp-card);
  border-radius: 50%;
  box-shadow: 0 .25rem .7rem rgba(15, 23, 42, .18);
  cursor: pointer;
  height: 1.15rem;
  pointer-events: auto;
  width: 1.15rem;
}

.hooger-shop-price-range input[type="range"]::-moz-range-thumb {
  background: var(--hsp-accent);
  border: 3px solid var(--hsp-card);
  border-radius: 50%;
  box-shadow: 0 .25rem .7rem rgba(15, 23, 42, .18);
  cursor: pointer;
  height: 1.15rem;
  pointer-events: auto;
  width: 1.15rem;
}

.hooger-shop-price-range input[type="range"]::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  height: .5rem;
}

.hooger-shop-price-range input[type="range"]::-moz-range-track {
  background: transparent;
  border: 0;
}

.hooger-shop-price-summary,
.hooger-shop-price-actions {
  align-items: center;
  display: grid;
  gap: .55rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hooger-shop-price-summary strong {
  color: var(--hsp-text);
  font-size: .86rem;
  white-space: nowrap;
}

.hooger-shop-price-summary span {
  display: grid;
  gap: .18rem;
  min-inline-size: 0;
}

.hooger-shop-price-actions button,
.hooger-shop-price-actions a {
  align-items: center;
  border-radius: .75rem;
  display: inline-flex;
  font-size: .82rem;
  font-weight: 900;
  justify-content: center;
  min-block-size: 2.5rem;
  padding: .55rem .8rem;
  text-decoration: none;
  white-space: nowrap;
}

.hooger-shop-price-actions button {
  background: var(--hsp-accent);
  border: 1px solid var(--hsp-accent);
  color: var(--hsp-accent-text);
}

.hooger-shop-price-actions a {
  background: transparent;
  border: 1px solid var(--hsp-border);
  color: var(--hsp-text);
}

@media (max-width: 1024px) {
  .hooger-shop-archive .hooger-shop-layout {
    direction: rtl !important;
    grid-template-areas: "products" !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.is-shop-filter-collapsed .hooger-shop-archive .hooger-shop-sidebar {
    display: block !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar {
    background: var(--ha-color-surface, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--ha-color-border, #e7e9ef) 85%, transparent) !important;
    border-block-end: 0 !important;
    border-radius: 1.15rem 1.15rem 0 0 !important;
    block-size: auto !important;
    bottom: 0 !important;
    box-shadow: 0 -18px 48px rgba(15, 23, 42, .18) !important;
    display: block !important;
    height: auto !important;
    inline-size: 100% !important;
    inset-block-start: auto !important;
    inset-inline: 0 !important;
    max-block-size: min(82dvh, 42rem) !important;
    max-height: min(82dvh, 42rem) !important;
    max-inline-size: 100% !important;
    opacity: 0 !important;
    overflow-y: auto !important;
    padding: 1rem !important;
    position: fixed !important;
    top: auto !important;
    transform: translateY(110%) !important;
    transition: opacity .2s ease, transform .22s ease !important;
    visibility: hidden !important;
    width: 100% !important;
    z-index: 1101 !important;
  }

  body.is-shop-filter-open .hooger-shop-archive .hooger-shop-sidebar,
  .hooger-landing.is-shop-filter-open .hooger-shop-archive .hooger-shop-sidebar {
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head {
    background: inherit !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
  }

  .hooger-shop-archive .hooger-shop-filter-backdrop {
    z-index: 1100 !important;
  }
}

@media (max-width: 430px) {
  .hooger-shop-archive .hooger-shop-products ul.products,
  .hooger-shop-archive .hooger-shop-products .woocommerce ul.products,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-1,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-2,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-3,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-4,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-5,
  .hooger-shop-archive .hooger-shop-products ul.products.columns-6 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product a img {
    aspect-ratio: 1 / 1 !important;
    padding: .15rem !important;
  }
}

/* Final single product guard: keep the product facts/tabs stable after all theme rules. */
html,
body,
.hooger-landing {
  max-inline-size: 100% !important;
  overflow-x: clip !important;
}

@supports not (overflow: clip) {
  html,
  body,
  .hooger-landing {
    overflow-x: hidden !important;
  }
}

body.single-product .hooger-single-feature-strip,
.hooger-single-product .summary .hooger-single-feature-strip,
.hooger-woocommerce-content.hooger-single-product .summary .hooger-single-feature-strip,
.hooger-woocommerce-content div.product .summary .hooger-single-feature-strip,
body.single-product .hooger-single-attribute-boxes > div,
.hooger-single-product .hooger-single-attribute-boxes > div,
.hooger-woocommerce-content.hooger-single-product .hooger-single-attribute-boxes > div,
.hooger-woocommerce-content div.product .hooger-single-attribute-boxes > div {
  display: grid !important;
  gap: clamp(.55rem, 2vw, .8rem) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body.single-product .hooger-single-feature-strip > span,
.hooger-single-product .summary .hooger-single-feature-strip > span,
.hooger-woocommerce-content.hooger-single-product .summary .hooger-single-feature-strip > span,
.hooger-woocommerce-content div.product .summary .hooger-single-feature-strip > span,
body.single-product .hooger-single-attribute-boxes span,
.hooger-single-product .hooger-single-attribute-boxes span,
.hooger-woocommerce-content.hooger-single-product .hooger-single-attribute-boxes span,
.hooger-woocommerce-content div.product .hooger-single-attribute-boxes span {
  min-block-size: clamp(4.2rem, 14vw, 5.25rem) !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  padding: clamp(.65rem, 2.4vw, .95rem) !important;
  word-break: normal !important;
}

body.single-product .hooger-single-feature-strip :where(small, strong),
.hooger-single-product .hooger-single-feature-strip :where(small, strong),
.hooger-woocommerce-content.hooger-single-product .hooger-single-feature-strip :where(small, strong),
.hooger-woocommerce-content div.product .hooger-single-feature-strip :where(small, strong),
body.single-product .hooger-single-attribute-boxes :where(small, strong),
.hooger-single-product .hooger-single-attribute-boxes :where(small, strong),
.hooger-woocommerce-content.hooger-single-product .hooger-single-attribute-boxes :where(small, strong),
.hooger-woocommerce-content div.product .hooger-single-attribute-boxes :where(small, strong) {
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

body.single-product .woocommerce-tabs.wc-tabs-wrapper,
.hooger-single-product .woocommerce-tabs.wc-tabs-wrapper,
.hooger-woocommerce-content.hooger-single-product .woocommerce-tabs.wc-tabs-wrapper,
.hooger-woocommerce-content div.product .woocommerce-tabs.wc-tabs-wrapper {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
}

body.single-product .woocommerce-tabs .panel,
.hooger-single-product .woocommerce-tabs .panel,
.hooger-woocommerce-content.hooger-single-product .woocommerce-tabs .panel,
.hooger-woocommerce-content div.product .woocommerce-tabs .panel {
  inline-size: 100% !important;
  line-height: 1.9 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.single-product .woocommerce-tabs .panel :where(p, li, h2, h3, h4, td, th),
.hooger-single-product .woocommerce-tabs .panel :where(p, li, h2, h3, h4, td, th),
.hooger-woocommerce-content.hooger-single-product .woocommerce-tabs .panel :where(p, li, h2, h3, h4, td, th),
.hooger-woocommerce-content div.product .woocommerce-tabs .panel :where(p, li, h2, h3, h4, td, th) {
  line-height: 1.9 !important;
  max-inline-size: 100% !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

@media (max-width: 480px) {
  body.single-product .hooger-single-feature-strip,
  .hooger-single-product .summary .hooger-single-feature-strip,
  .hooger-woocommerce-content.hooger-single-product .summary .hooger-single-feature-strip,
  .hooger-woocommerce-content div.product .summary .hooger-single-feature-strip,
  body.single-product .hooger-single-attribute-boxes > div,
  .hooger-single-product .hooger-single-attribute-boxes > div,
  .hooger-woocommerce-content.hooger-single-product .hooger-single-attribute-boxes > div,
  .hooger-woocommerce-content div.product .hooger-single-attribute-boxes > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.hooger-woocommerce-content div.product div.images,
.hooger-woocommerce-content div.product .woocommerce-product-gallery,
.hooger-woocommerce-content div.product .woocommerce-product-gallery__wrapper,
.hooger-woocommerce-content div.product .woocommerce-product-gallery__image,
.hooger-woocommerce-content div.product .woocommerce-product-gallery__image a {
  align-items: center !important;
  display: grid !important;
  justify-items: center !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
}

.hooger-woocommerce-content div.product div.images img.wp-post-image {
  aspect-ratio: auto !important;
  block-size: auto !important;
  height: auto !important;
  inline-size: auto !important;
  max-block-size: min(62dvh, 34rem) !important;
  max-height: min(62dvh, 34rem) !important;
  max-inline-size: 100% !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  width: auto !important;
}

.hooger-woocommerce-content div.product div.images .zoomImg {
  display: none !important;
}

.hooger-woocommerce-content div.product div.images .woocommerce-product-gallery__trigger img,
.hooger-woocommerce-content div.product div.images img.emoji {
  block-size: 1em !important;
  height: 1em !important;
  inline-size: 1em !important;
  max-block-size: 1em !important;
  max-height: 1em !important;
  max-inline-size: 1em !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  width: 1em !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs.wc-tabs-wrapper {
  background: var(--card, #fff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--border, #e5e7eb) 82%, transparent) !important;
  border-radius: clamp(1rem, 2vw, 1.35rem) !important;
  box-shadow: var(--shadow-soft, 0 1rem 2.5rem rgba(15, 23, 42, .08)) !important;
  display: grid !important;
  gap: clamp(.8rem, 1.8vw, 1.1rem) !important;
  margin-block: clamp(1.1rem, 2.4vw, 2rem) !important;
  overflow: hidden !important;
  padding: clamp(.8rem, 2vw, 1.1rem) !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs ul.tabs,
.hooger-woocommerce-content div.product .woocommerce-tabs ul.wc-tabs {
  align-items: stretch !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 72%, var(--card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 82%, transparent) !important;
  border-radius: .95rem !important;
  display: grid !important;
  gap: .35rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  overflow: hidden !important;
  padding: .32rem !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs ul.tabs li,
.hooger-woocommerce-content div.product .woocommerce-tabs ul.wc-tabs li {
  display: block !important;
  flex: initial !important;
  inline-size: auto !important;
  min-inline-size: 0 !important;
  white-space: normal !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs ul.tabs li a,
.hooger-woocommerce-content div.product .woocommerce-tabs ul.wc-tabs li a {
  align-items: center !important;
  block-size: 100% !important;
  display: flex !important;
  font-size: clamp(.72rem, 2.7vw, .9rem) !important;
  inline-size: 100% !important;
  justify-content: center !important;
  line-height: 1.45 !important;
  min-block-size: 2.55rem !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding: .52rem .35rem !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs .panel[aria-hidden="false"] {
  display: block !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs .panel[aria-hidden="true"] {
  display: none !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs #tab-description[aria-hidden="false"],
.hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information[aria-hidden="false"],
.hooger-woocommerce-content div.product .woocommerce-tabs #tab-reviews[aria-hidden="false"] {
  display: block !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs #tab-description[aria-hidden="true"],
.hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information[aria-hidden="true"],
.hooger-woocommerce-content div.product .woocommerce-tabs #tab-reviews[aria-hidden="true"] {
  display: none !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs .panel {
  background: color-mix(in srgb, var(--secondary, #f8fafc) 42%, var(--card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 84%, transparent) !important;
  border-radius: clamp(.95rem, 1.8vw, 1.2rem) !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: clamp(1.15rem, 2.5vw, 1.55rem) !important;
}

.hooger-woocommerce-content div.product .hooger-product-tab-content {
  display: grid !important;
  gap: clamp(.85rem, 1.8vw, 1.15rem) !important;
  min-inline-size: 0 !important;
}

.hooger-woocommerce-content div.product .hooger-product-tab-content h2,
.hooger-woocommerce-content div.product .woocommerce-tabs .panel h2 {
  margin: 0 0 .2rem !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-wrap: anywhere !important;
  padding: 0 !important;
  position: static !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes {
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 .55rem !important;
  display: table !important;
  inline-size: 100% !important;
  margin: 0 !important;
  table-layout: fixed !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes tr {
  background: var(--card, #fff) !important;
  border-radius: .9rem !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes th,
.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td {
  background: var(--card, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 76%, transparent) !important;
  line-height: 1.75 !important;
  min-inline-size: 0 !important;
  overflow-wrap: anywhere !important;
  padding: .72rem .85rem !important;
  vertical-align: middle !important;
  white-space: normal !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes th {
  border-inline-end: 0 !important;
  border-radius: 0 .9rem .9rem 0 !important;
  inline-size: 38% !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td {
  border-inline-start: 0 !important;
  border-radius: .9rem 0 0 .9rem !important;
}

.hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td p {
  margin: 0 !important;
}

@media (max-width: 430px) {
  .hooger-woocommerce-content div.product .woocommerce-tabs.wc-tabs-wrapper {
    padding: .72rem !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs ul.tabs,
  .hooger-woocommerce-content div.product .woocommerce-tabs ul.wc-tabs {
    gap: .25rem !important;
    padding: .25rem !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs ul.tabs li a,
  .hooger-woocommerce-content div.product .woocommerce-tabs ul.wc-tabs li a {
    font-size: clamp(.68rem, 2.55vw, .78rem) !important;
    min-block-size: 2.45rem !important;
    padding-inline: .2rem !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs .panel {
    padding: 1rem !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes th,
  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td {
    padding: .68rem .72rem !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes,
  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes tbody {
    display: grid !important;
    gap: .55rem !important;
    inline-size: 100% !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes tr {
    align-items: stretch !important;
    background: var(--card, #fff) !important;
    border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 78%, transparent) !important;
    border-radius: .9rem !important;
    display: grid !important;
    grid-template-columns: minmax(7.35rem, .86fr) minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes th,
  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    inline-size: auto !important;
    min-block-size: 3.35rem !important;
    min-inline-size: 0 !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes th {
    justify-content: flex-start !important;
    text-align: right !important;
  }

  .hooger-woocommerce-content div.product .woocommerce-tabs table.shop_attributes td {
    border-inline-start: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 64%, transparent) !important;
    justify-content: flex-end !important;
    text-align: left !important;
  }
}

/* Brand mark: use the supplied full Hooger logo everywhere without cropping or duplicate text. */
.hooger-logo__mark,
.hooger-auth-logo .hooger-logo__mark,
.hooger-logo--footer .hooger-logo__mark {
  background: transparent !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.hooger-logo__mark img,
.hooger-auth-logo .hooger-logo__mark img,
.hooger-logo--footer .hooger-logo__mark img {
  block-size: 100% !important;
  border-radius: inherit !important;
  inline-size: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.hooger-logo__text {
  display: none !important;
}

/* Empty cart: keep the native message centered and readable on mobile. */
body.woocommerce-cart .hooger-woocommerce-content .wc-empty-cart-message,
body.woocommerce-cart .hooger-woocommerce-content .cart-empty.woocommerce-info {
  align-items: center !important;
  display: grid !important;
  gap: .45rem !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: center !important;
  justify-items: center !important;
  margin-inline: auto !important;
  max-inline-size: min(100%, 36rem) !important;
  min-block-size: 7.2rem !important;
  padding: clamp(1.05rem, 5vw, 1.6rem) !important;
  text-align: center !important;
}

body.woocommerce-cart .hooger-woocommerce-content .wc-empty-cart-message::before,
body.woocommerce-cart .hooger-woocommerce-content .cart-empty.woocommerce-info::before {
  display: none !important;
}

body.woocommerce-cart .hooger-woocommerce-content .cart-empty.woocommerce-info {
  color: var(--foreground, #17213c) !important;
  font-size: clamp(.95rem, 3.6vw, 1.08rem) !important;
  font-weight: 950 !important;
  line-height: 1.85 !important;
}

body.woocommerce-cart .hooger-woocommerce-content .cart-empty.woocommerce-info::after {
  color: var(--muted-foreground, #64748b) !important;
  content: "محصولات تازه هوگر آماده سفارش هستند." !important;
  display: block !important;
  font-size: clamp(.82rem, 3.2vw, .92rem) !important;
  font-weight: 800 !important;
  inline-size: min(100%, 18rem) !important;
  line-height: 1.9 !important;
  margin-inline: auto !important;
  text-align: center !important;
}

body.woocommerce-cart .hooger-woocommerce-content .return-to-shop {
  margin-inline: auto !important;
  max-inline-size: min(100%, 36rem) !important;
  text-align: center !important;
}

/* Password fields: lock stays on the right, eye action stays on the left. */
.hooger-auth-form .hooger-field-control--password > .hooger-icon,
.hooger-form .hooger-field-control--password > .hooger-icon,
.hooger-page-main .hooger-field-control--password > .hooger-icon {
  inset-inline-end: auto !important;
  inset-inline-start: auto !important;
  left: auto !important;
  right: 1rem !important;
}

.hooger-auth-form .hooger-field-control--password > input,
.hooger-form .hooger-field-control--password > input,
.hooger-page-main .hooger-field-control--password > input {
  padding-left: var(--hq-field-action-pad, 3.85rem) !important;
  padding-right: var(--hq-field-icon-pad, 3.4rem) !important;
}

.hooger-auth-form .hooger-field-control--password > [data-hooger-password-toggle],
.hooger-form .hooger-field-control--password > [data-hooger-password-toggle],
.hooger-page-main .hooger-field-control--password > [data-hooger-password-toggle],
.hooger-woocommerce-content .password-input > .show-password-input,
.hooger-woocommerce-content .woocommerce-input-wrapper > .show-password-input {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  display: inline-flex !important;
  inset-block-start: 50% !important;
  inset-inline-end: auto !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  left: .35rem !important;
  margin: 0 !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 6 !important;
}

.hooger-auth-form .hooger-field-control--password > [data-hooger-password-toggle] :where(.hooger-icon, svg),
.hooger-form .hooger-field-control--password > [data-hooger-password-toggle] :where(.hooger-icon, svg),
.hooger-page-main .hooger-field-control--password > [data-hooger-password-toggle] :where(.hooger-icon, svg),
.hooger-woocommerce-content .password-input > .show-password-input::after,
.hooger-woocommerce-content .password-input > .show-password-input :where(.hooger-icon, svg),
.hooger-woocommerce-content .woocommerce-input-wrapper > .show-password-input::after,
.hooger-woocommerce-content .woocommerce-input-wrapper > .show-password-input :where(.hooger-icon, svg) {
  inset: auto !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

/* Profile final responsive lock: every panel and form stays inside its frame. */
.hooger-profile,
.hooger-profile *,
.hooger-auth-shell,
.hooger-auth-shell * {
  box-sizing: border-box !important;
}

.hooger-profile {
  inline-size: 100% !important;
  max-inline-size: 100vw !important;
  overflow-x: clip !important;
}

.hooger-profile-grid,
.hooger-profile-sidebar,
.hooger-profile-content,
.hooger-profile-panel,
.hooger-profile-panel > *,
.hooger-page-card,
.hooger-order-card,
.hooger-address-card,
.hooger-notice-card,
.hooger-settings-identity,
.hooger-settings-panel,
.hooger-settings-card,
.hooger-loyalty-card,
.hooger-coupon-card,
.hooger-rewards-card,
.hooger-loyalty-history {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-profile-content,
.hooger-profile-panel.is-active,
.hooger-settings-panel.is-active {
  display: grid !important;
  gap: clamp(.8rem, 1.6vw, 1rem) !important;
  overflow: visible !important;
}

.hooger-profile-panel:not(.is-active),
.hooger-settings-panel:not(.is-active) {
  display: none !important;
}

.hooger-profile-panel > h2,
.hooger-profile-heading {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .65rem !important;
  justify-content: space-between !important;
  line-height: 1.5 !important;
  min-block-size: 3.2rem !important;
  overflow: hidden !important;
  padding: .45rem .65rem !important;
}

.hooger-profile-panel > h2 {
  color: var(--foreground, #17213c) !important;
  font-size: clamp(1.25rem, 2.1vw, 1.72rem) !important;
  font-weight: 950 !important;
}

.hooger-profile-heading h2 {
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
}

.hooger-profile-menu button,
.hooger-profile-bottom button,
.hooger-settings-tabs button,
.hooger-profile-heading button,
.hooger-submit-button {
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-profile-menu__label,
.hooger-profile-menu__tail,
.hooger-profile-user > div,
.hooger-notice-card > div,
.hooger-address-card > div,
.hooger-order-card header > div,
.hooger-order-card footer > div,
.hooger-order-item > span,
.hooger-settings-row > span {
  min-inline-size: 0 !important;
}

.hooger-profile-user h2,
.hooger-profile-user p,
.hooger-order-card strong,
.hooger-order-card span,
.hooger-address-card strong,
.hooger-address-card p,
.hooger-notice-card strong,
.hooger-notice-card p,
.hooger-settings-row strong,
.hooger-settings-row small,
.hooger-coupon-row *,
.hooger-history-row * {
  max-inline-size: 100% !important;
  overflow-wrap: anywhere !important;
}

.hooger-order-card,
.hooger-address-card,
.hooger-notice-card,
.hooger-settings-identity,
.hooger-settings-card {
  overflow: hidden !important;
}

.hooger-order-card header,
.hooger-order-card footer,
.hooger-profile-heading {
  inline-size: 100% !important;
}

.hooger-order-card footer,
.hooger-order-card__summary {
  align-items: center !important;
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

.hooger-order-card__actions {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  justify-content: flex-end !important;
}

.hooger-order-detail-toggle,
.hooger-profile-heading button {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
}

.hooger-address-card,
.hooger-notice-card {
  align-items: start !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.hooger-address-card nav,
.hooger-notice-actions {
  max-inline-size: 100% !important;
}

.hooger-settings-tabs {
  display: grid !important;
  gap: .5rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin: 0 0 .75rem !important;
  overflow: visible !important;
  padding: .25rem !important;
}

.hooger-settings-tabs button {
  align-items: center !important;
  display: inline-flex !important;
  gap: .38rem !important;
  justify-content: center !important;
  line-height: 1.55 !important;
  min-block-size: 2.85rem !important;
  padding: .55rem .45rem !important;
  text-align: center !important;
  white-space: normal !important;
}

.hooger-profile-panel[data-hooger-profile-panel="settings"] .hooger-settings-panel.is-active {
  justify-items: center !important;
}

.hooger-profile-panel[data-hooger-profile-panel="settings"] .hooger-settings-panel.is-active > .hooger-settings-card,
.hooger-profile-panel[data-hooger-profile-panel="settings"] .hooger-settings-panel.is-active > .hooger-settings-form,
.hooger-profile-panel[data-hooger-profile-panel="settings"] .hooger-settings-panel.is-active > .hooger-settings-identity {
  inline-size: min(100%, 32rem) !important;
  margin-inline: auto !important;
}

.hooger-settings-card {
  border-radius: 1.15rem !important;
  display: grid !important;
  gap: 1rem !important;
  padding: clamp(1rem, 2.2vw, 1.45rem) !important;
}

.hooger-settings-card h2 {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  line-height: 1.55 !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
}

.hooger-settings-card .hooger-form,
.hooger-settings-form {
  display: grid !important;
  gap: .9rem !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
}

.hooger-settings-card .hooger-form label,
.hooger-settings-form label,
.hooger-settings-card .hooger-field-control,
.hooger-settings-form input,
.hooger-settings-form textarea,
.hooger-settings-form select,
.hooger-settings-card input,
.hooger-settings-card textarea,
.hooger-settings-card select {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-settings-card .hooger-form label,
.hooger-settings-form label {
  display: grid !important;
  gap: .45rem !important;
}

.hooger-settings-card .hooger-field-control {
  position: relative !important;
}

.hooger-settings-row {
  align-items: center !important;
  display: flex !important;
  gap: .8rem !important;
  inline-size: 100% !important;
  justify-content: space-between !important;
  overflow: hidden !important;
  padding: .95rem !important;
}

.hooger-settings-row > span {
  flex: 1 1 auto !important;
}

.hooger-settings-row .hooger-toggle,
button.hooger-toggle[data-hooger-toggle] {
  flex: 0 0 3.4rem !important;
  inline-size: 3.4rem !important;
  min-inline-size: 3.4rem !important;
}

.hooger-password-reset {
  inline-size: 100% !important;
  line-height: 1.7 !important;
  min-block-size: 2.75rem !important;
  text-align: center !important;
  white-space: normal !important;
}

.hooger-auth-card > .hooger-submit-button[href*="/profile"] {
  align-self: center !important;
  display: inline-flex !important;
  inline-size: auto !important;
  justify-self: center !important;
  margin-inline: auto !important;
  min-inline-size: min(100%, 11.25rem) !important;
  text-align: center !important;
}

.hooger-auth-card--logged-in {
  align-items: center !important;
  display: grid !important;
  gap: .78rem !important;
  justify-items: center !important;
  max-inline-size: min(100%, 20rem) !important;
  padding: clamp(1.05rem, 3vw, 1.35rem) !important;
  text-align: center !important;
}

.hooger-auth-card--logged-in .hooger-page-back {
  justify-self: stretch !important;
  margin-block-end: .2rem !important;
}

.hooger-auth-card--logged-in .hooger-auth-logo {
  gap: .55rem !important;
  margin-block-end: .15rem !important;
}

.hooger-auth-card--logged-in .hooger-auth-logo strong {
  font-size: clamp(1.08rem, 4.2vw, 1.28rem) !important;
  line-height: 1.3 !important;
}

.hooger-auth-card--logged-in .hooger-auth-copy {
  display: grid !important;
  gap: .38rem !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  text-align: center !important;
}

.hooger-auth-card--logged-in .hooger-auth-copy h1 {
  font-size: clamp(1.48rem, 7vw, 2.02rem) !important;
  line-height: 1.25 !important;
  margin: 0 !important;
  text-align: center !important;
}

.hooger-auth-card--logged-in .hooger-auth-copy p {
  color: var(--muted-foreground, #64748b) !important;
  font-size: .82rem !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-inline-size: 17rem !important;
  text-align: center !important;
}

.hooger-auth-card--logged-in > .hooger-submit-button[href*="/profile"] {
  inline-size: min(100%, 13rem) !important;
  justify-content: center !important;
  margin-block-start: .18rem !important;
  min-block-size: 2.85rem !important;
  min-inline-size: 0 !important;
  padding-inline: 1rem !important;
}

.hooger-auth-reset-link {
  align-items: center !important;
  background: var(--accent, #f59e0b) !important;
  border-radius: .75rem !important;
  color: var(--accent-foreground, #111827) !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  justify-content: center !important;
  margin-block-start: .65rem !important;
  padding: .62rem .85rem !important;
  text-decoration: none !important;
}

@media (min-width: 1024px) {
  .hooger-profile-grid {
    align-items: start !important;
    display: grid !important;
    gap: 1.15rem !important;
    grid-template-columns: minmax(15rem, 17.5rem) minmax(0, 1fr) !important;
  }

  .hooger-profile-sidebar {
    position: sticky !important;
    top: calc(4.5rem + 1rem) !important;
  }

  .hooger-profile-content {
    align-content: start !important;
  }

  .hooger-profile-bottom,
  .hooger-profile-mobile,
  .hooger-profile-mobile-menu {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .hooger-profile-grid {
    display: grid !important;
    gap: 1rem !important;
    padding-bottom: 5.75rem !important;
  }

  .hooger-order-card footer,
  .hooger-order-card__summary {
    grid-template-columns: minmax(0, 1fr) minmax(12rem, auto) !important;
  }

  .hooger-address-card,
  .hooger-notice-card {
    display: grid !important;
  }
}

@media (max-width: 639px) {
  .hooger-profile {
    padding-inline: max(.75rem, env(safe-area-inset-left, 0px)) max(.75rem, env(safe-area-inset-right, 0px)) !important;
  }

  .hooger-profile-grid {
    display: grid !important;
    gap: .85rem !important;
    padding-bottom: calc(6.65rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .hooger-profile-panel > h2,
  .hooger-profile-heading {
    min-block-size: 2.9rem !important;
    padding-inline: .25rem !important;
  }

  .hooger-profile-panel > h2 {
    font-size: clamp(1.18rem, 6vw, 1.55rem) !important;
    justify-content: flex-start !important;
  }

  .hooger-order-card,
  .hooger-address-card,
  .hooger-notice-card,
  .hooger-settings-identity,
  .hooger-settings-card,
  .hooger-loyalty-card,
  .hooger-coupon-card,
  .hooger-rewards-card,
  .hooger-loyalty-history {
    border-radius: 1rem !important;
    padding: .95rem !important;
  }

  .hooger-order-card header,
  .hooger-order-card footer,
  .hooger-order-card__summary {
    align-items: stretch !important;
    display: grid !important;
    gap: .7rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hooger-order-card__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, auto) !important;
    justify-content: stretch !important;
  }

  .hooger-order-card__total {
    align-self: center !important;
  }

  .hooger-address-card,
  .hooger-notice-card {
    display: grid !important;
    gap: .75rem !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .hooger-address-card nav,
  .hooger-notice-actions {
    grid-column: 1 / -1 !important;
    margin-inline-start: 0 !important;
  }

  .hooger-address-card nav {
    display: grid !important;
    gap: .4rem !important;
    grid-template-columns: minmax(5.4rem, .9fr) minmax(6.8rem, 1.18fr) minmax(6rem, 1fr) !important;
    inline-size: 100% !important;
  }

  .hooger-notice-actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr)) !important;
  }

  .hooger-notice-actions button,
  .hooger-address-card nav button {
    inline-size: 100% !important;
  }

  .hooger-address-card nav button {
    align-items: center !important;
    gap: .25rem !important;
    justify-content: center !important;
    min-inline-size: 0 !important;
    padding-inline: .32rem !important;
    white-space: nowrap !important;
  }

  .hooger-address-card nav button::after {
    font-size: clamp(.58rem, 2.25vw, .68rem) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .hooger-loyalty-card__head {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .hooger-settings-tabs {
    gap: .35rem !important;
  }

  .hooger-settings-tabs button {
    font-size: clamp(.68rem, 3.2vw, .8rem) !important;
    min-block-size: 2.7rem !important;
    padding: .48rem .25rem !important;
  }

  .hooger-settings-tabs button .hooger-icon {
    block-size: .98rem !important;
    inline-size: .98rem !important;
  }

  .hooger-settings-row {
    align-items: center !important;
    gap: .7rem !important;
    padding: .85rem !important;
  }

  .hooger-settings-row strong {
    font-size: .92rem !important;
  }

  .hooger-settings-row small {
    font-size: .78rem !important;
    line-height: 1.75 !important;
  }

  .hooger-profile-bottom {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    inline-size: 100% !important;
    max-inline-size: 100vw !important;
    padding: .5rem .45rem calc(.55rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  .hooger-profile-bottom button {
    border-radius: .9rem !important;
    font-size: clamp(.58rem, 2.75vw, .74rem) !important;
    line-height: 1.35 !important;
    min-block-size: 4.1rem !important;
    overflow: hidden !important;
    padding: .45rem .1rem !important;
    text-align: center !important;
  }

  .hooger-profile-bottom button > .hooger-icon {
    block-size: 1.55rem !important;
    inline-size: 1.55rem !important;
  }
}

@media (max-width: 380px) {
  .hooger-order-card__actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hooger-settings-tabs button {
    gap: .22rem !important;
  }

  .hooger-profile-bottom button span {
    font-size: .6rem !important;
  }
}

@media (max-width: 430px) {
  .hooger-settings-tabs {
    gap: .32rem !important;
  }

  .hooger-settings-tabs button {
    font-size: clamp(.62rem, 2.65vw, .73rem) !important;
    gap: 0 !important;
    line-height: 1.45 !important;
    min-block-size: 2.65rem !important;
    padding-inline: .18rem !important;
    white-space: nowrap !important;
  }

  .hooger-settings-tabs button .hooger-icon,
  .hooger-settings-tabs button svg {
    display: none !important;
  }
}

.hooger-address-default-check {
  align-items: center !important;
  display: grid !important;
  gap: .75rem !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  inline-size: 100% !important;
  justify-items: start !important;
}

.hooger-address-default-check input {
  block-size: 1.1rem !important;
  flex: 0 0 auto !important;
  grid-column: 1 !important;
  inline-size: 1.1rem !important;
  margin: 0 !important;
  min-inline-size: 1.1rem !important;
}

.hooger-address-default-check span {
  display: block !important;
  grid-column: 2 !important;
  line-height: 1.7 !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
  text-align: start !important;
}

/* Address cards and default-address checkbox: lock mobile geometry so text shrinks before containers do. */
@media (max-width: 639px) {
  .hooger-profile-panel[data-hooger-profile-panel="addresses"],
  .hooger-profile-panel[data-hooger-profile-panel="addresses"] .hooger-address-list {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="addresses"] .hooger-profile-heading {
    align-items: center !important;
    display: grid !important;
    gap: .55rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(5.5rem, auto) !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="addresses"] .hooger-profile-heading h2 {
    font-size: clamp(1.35rem, 7.2vw, 1.85rem) !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="addresses"] .hooger-profile-heading button {
    inline-size: auto !important;
    min-inline-size: 5.35rem !important;
    padding-inline: .75rem !important;
    white-space: nowrap !important;
  }

  .hooger-address-card {
    align-items: start !important;
    column-gap: .7rem !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 2.65rem !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
    padding: .85rem !important;
    row-gap: .75rem !important;
  }

  .hooger-address-card > span {
    block-size: 2.65rem !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    inline-size: 2.65rem !important;
  }

  .hooger-address-card > div {
    align-self: center !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-inline-size: 0 !important;
  }

  .hooger-address-card strong {
    display: inline-flex !important;
    font-size: clamp(.92rem, 4.25vw, 1.05rem) !important;
    line-height: 1.45 !important;
    margin: 0 .45rem .1rem 0 !important;
    max-inline-size: calc(100% - 4.6rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
  }

  .hooger-address-card em {
    display: inline-flex !important;
    font-size: clamp(.56rem, 2.45vw, .68rem) !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: .18rem .42rem !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
  }

  .hooger-address-card p {
    font-size: clamp(.72rem, 3.35vw, .84rem) !important;
    line-height: 1.65 !important;
    margin-top: .2rem !important;
    overflow-wrap: anywhere !important;
  }

  .hooger-address-card nav {
    display: grid !important;
    gap: .45rem !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    inline-size: 100% !important;
    margin: 0 !important;
  }

  .hooger-address-card nav button[data-hooger-address-default] {
    grid-column: 1 / -1 !important;
    order: -1 !important;
  }

  .hooger-address-card nav button {
    block-size: 2.45rem !important;
    border-radius: .8rem !important;
    gap: .28rem !important;
    inline-size: 100% !important;
    justify-content: center !important;
    min-inline-size: 0 !important;
    padding-inline: .35rem !important;
    white-space: nowrap !important;
  }

  .hooger-address-card nav button::after {
    font-size: clamp(.62rem, 2.85vw, .72rem) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .hooger-reward-grid {
    display: grid !important;
    gap: .6rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    margin-inline: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    scroll-snap-type: none !important;
  }

  .hooger-reward-grid button {
    flex: initial !important;
    min-block-size: 5.8rem !important;
    padding: .72rem .45rem !important;
    scroll-snap-align: none !important;
  }

  .hooger-reward-grid strong {
    font-size: clamp(.86rem, 3.4vw, 1rem) !important;
  }

  .hooger-reward-grid small,
  .hooger-reward-grid span {
    font-size: clamp(.62rem, 2.75vw, .72rem) !important;
    line-height: 1.45 !important;
  }

  .hooger-address-default-check {
    align-items: center !important;
    display: grid !important;
    gap: .7rem !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    inline-size: 100% !important;
    justify-items: start !important;
  }

  .hooger-address-default-check input {
    block-size: 1.1rem !important;
    grid-column: 1 !important;
    inline-size: 1.1rem !important;
    margin: 0 !important;
  }

  .hooger-address-default-check span {
    grid-column: 2 !important;
    line-height: 1.6 !important;
    min-inline-size: 0 !important;
    overflow-wrap: break-word !important;
  }
}

@media (max-width: 340px) {
  .hooger-address-card {
    padding: .78rem !important;
  }

  .hooger-address-card strong {
    max-inline-size: calc(100% - 4.15rem) !important;
  }

  .hooger-address-card nav button::after {
    font-size: .6rem !important;
  }
}

/* Homepage branch summary: keep product count and delivery time in one mobile row. */
@media (max-width: 767px) {
  .hooger-shop-tools .hooger-branch-card__main {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .hooger-shop-tools .hooger-branch-card__meta {
    align-items: stretch !important;
    display: grid !important;
    gap: .5rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    inline-size: 100% !important;
  }

  .hooger-shop-tools .hooger-branch-card__meta > span {
    inline-size: 100% !important;
    justify-content: center !important;
    min-block-size: 2.65rem !important;
    min-inline-size: 0 !important;
    padding-inline: .45rem !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .hooger-shop-tools .hooger-compact-branch {
    grid-column: 1 / -1 !important;
    inline-size: 100% !important;
  }

  .hooger-shop-tools .hooger-filter-card__top {
    align-items: stretch !important;
    display: grid !important;
    gap: .55rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(5.85rem, auto) !important;
    inline-size: 100% !important;
  }

  .hooger-shop-tools .hooger-filter-search {
    min-inline-size: 0 !important;
  }

  .hooger-shop-tools .hooger-filter-toggle {
    inline-size: auto !important;
    justify-content: center !important;
    min-block-size: 2.9rem !important;
    min-inline-size: 5.85rem !important;
    padding-inline: .7rem !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 360px) {
  .hooger-shop-tools .hooger-filter-card__top {
    grid-template-columns: minmax(0, 1fr) minmax(5.35rem, auto) !important;
  }

  .hooger-shop-tools .hooger-filter-toggle {
    min-inline-size: 5.35rem !important;
    padding-inline: .55rem !important;
  }
}

/* Homepage mobile rails: first cards stay fully inside the viewport. */
@media (max-width: 767px) {
  .hooger-offers,
  .hooger-blog-strip {
    overflow: hidden !important;
  }

  .hooger-offers__rail,
  .hooger-blog-strip__rail {
    gap: .75rem !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    scroll-padding-inline: 0 !important;
  }

  .hooger-offer-card,
  .hooger-blog-slide {
    flex-basis: 100% !important;
    max-inline-size: 100% !important;
  }

  .hooger-offer-card {
    min-inline-size: 0 !important;
  }
}

/* Blog archive: compact, aligned category chips and card tags. */
.hooger-blog-cats {
  align-items: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
}

.hooger-blog-cats button {
  align-items: center !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  min-block-size: 2.25rem !important;
  padding: .38rem .82rem !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

.hooger-blog-card > div {
  align-content: start !important;
}

.hooger-blog-card {
  align-content: start !important;
  grid-template-rows: auto 1fr !important;
}

.hooger-blog-card > a {
  display: block !important;
  line-height: 0 !important;
}

.hooger-blog-card > a img {
  display: block !important;
}

.hooger-blog-card em {
  align-items: center !important;
  display: inline-flex !important;
  inline-size: fit-content !important;
  justify-self: start !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-block-size: 1.75rem !important;
  padding: .18rem .56rem !important;
  font-size: .72rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

.hooger-blog-card em .hooger-icon,
.hooger-blog-card em svg {
  block-size: .82rem !important;
  flex: 0 0 .82rem !important;
  inline-size: .82rem !important;
}

@media (min-width: 768px) {
  .hooger-blog-cats {
    justify-content: flex-start !important;
    overflow: visible !important;
  }
}

/* Blog archive: keep search centered and safely inside the hero card on mobile. */
@media (max-width: 767px) {
  .hooger-blog {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    overflow-x: clip !important;
  }

  .hooger-blog-hero {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
  }

  .hooger-blog-hero .hooger-page-search {
    box-sizing: border-box !important;
    display: flex !important;
    inline-size: 100% !important;
    margin: 1.2rem auto .95rem !important;
    max-inline-size: 100% !important;
    padding-inline: .15rem !important;
  }

  .hooger-blog-hero .hooger-page-search > input,
  .hooger-blog-hero .hooger-page-search > input[type="search"] {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
  }

  .hooger-blog-card em {
    min-block-size: 1.8rem !important;
    padding: .18rem .55rem !important;
    font-size: .68rem !important;
  }
}

/* Single blog post typography: desktop/tablet should not inherit mobile-sized reading text. */
.hooger-wp-post,
.hooger-blog-post {
  max-inline-size: 100% !important;
}

.hooger-wp-post__content,
.hooger-blog-post {
  font-size: clamp(1rem, .9rem + .35vw, 1.18rem) !important;
  line-height: 2.05 !important;
}

.hooger-wp-post__content :where(p, li),
.hooger-blog-post :where(p, li) {
  font-size: inherit !important;
  line-height: 2.12 !important;
}

.hooger-wp-post__content :where(h2, h3, h4),
.hooger-blog-post :where(h2, h3, h4) {
  font-size: clamp(1.2rem, 1rem + .85vw, 1.65rem) !important;
  line-height: 1.65 !important;
}

.hooger-wp-post__content blockquote,
.hooger-blog-post blockquote {
  font-size: clamp(1rem, .92rem + .28vw, 1.12rem) !important;
  line-height: 2 !important;
}

@media (min-width: 768px) {
  .hooger-wp-post__content,
  .hooger-blog-post {
    padding: clamp(1.75rem, 3vw, 2.5rem) !important;
  }

  .hooger-wp-post__content :where(p, li),
  .hooger-blog-post :where(p, li) {
    font-size: clamp(1.08rem, .95rem + .35vw, 1.22rem) !important;
  }
}

@media (min-width: 1024px) {
  .hooger-wp-post__content :where(p, li),
  .hooger-blog-post :where(p, li) {
    font-size: 1.18rem !important;
  }
}

@media (max-width: 767px) {
  .hooger-wp-post__content,
  .hooger-blog-post {
    font-size: .98rem !important;
    line-height: 2 !important;
  }

  .hooger-wp-post__content :where(p, li),
  .hooger-blog-post :where(p, li) {
    line-height: 2 !important;
  }
}

/* About page: RTL checklist rows should start with the icon on the right. */
.hooger-ref-checks {
  direction: rtl !important;
}

.hooger-ref-checks div {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  gap: .75rem !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

.hooger-ref-checks div b {
  flex: 0 0 1.45rem !important;
  inline-size: 1.45rem !important;
  block-size: 1.45rem !important;
  order: -1 !important;
}

@media (max-width: 767px) {
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story,
  .hooger-page-main .elementor-section.hooger-ref-story {
    padding-inline: .85rem !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story .elementor-container,
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story .elementor-column,
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-wrap,
  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-html,
  .hooger-page-main .elementor-section.hooger-ref-story .elementor-container,
  .hooger-page-main .elementor-section.hooger-ref-story .elementor-column,
  .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-wrap,
  .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-html {
    align-self: stretch !important;
    flex: 0 0 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    width: 100% !important;
  }

  body.page-id-13 .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-wrap,
  .hooger-page-main .elementor-section.hooger-ref-story .elementor-widget-wrap {
    box-sizing: border-box !important;
    padding-inline: 0 !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-steps,
  .hooger-page-main .hooger-ref-steps {
    box-sizing: border-box !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .75rem !important;
    inline-size: 100% !important;
    margin-block-start: 1.25rem !important;
    margin-inline: 0 !important;
    max-inline-size: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-block: .1rem .45rem !important;
    padding-inline: .15rem !important;
    scroll-padding-inline: .15rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-steps::-webkit-scrollbar,
  .hooger-page-main .hooger-ref-steps::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step,
  .hooger-page-main .hooger-ref-step {
    align-items: start !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    display: grid !important;
    flex: 0 0 100% !important;
    gap: .55rem .65rem !important;
    grid-template-columns: 2.35rem minmax(0, 1fr) !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-block-size: 8.9rem !important;
    min-inline-size: 0 !important;
    padding: .95rem !important;
    scroll-snap-align: end !important;
    text-align: right !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step span,
  .hooger-page-main .hooger-ref-step span {
    block-size: 2.35rem !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    inline-size: 2.35rem !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step strong,
  body.page-id-13 .hooger-page-main .hooger-ref-step p,
  .hooger-page-main .hooger-ref-step strong,
  .hooger-page-main .hooger-ref-step p {
    grid-column: 2 !important;
    min-inline-size: 0 !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step strong,
  .hooger-page-main .hooger-ref-step strong {
    align-self: center !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-step p,
  .hooger-page-main .hooger-ref-step p {
    font-size: .8rem !important;
    line-height: 1.85 !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-checks,
  .hooger-page-main .hooger-ref-checks {
    box-sizing: border-box !important;
    gap: .55rem !important;
    inline-size: 100% !important;
    margin-block-start: 1rem !important;
    max-inline-size: 100% !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-checks div,
  .hooger-page-main .hooger-ref-checks div {
    align-items: flex-start !important;
    border: 1px solid color-mix(in srgb, #0f766e 13%, #e7e9ef) !important;
    border-radius: .85rem !important;
    box-sizing: border-box !important;
    gap: .55rem !important;
    inline-size: 100% !important;
    justify-content: flex-start !important;
    min-block-size: 0 !important;
    padding: .68rem .75rem !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    line-height: 1.85 !important;
    text-align: right !important;
  }

  body.page-id-13 .hooger-page-main .hooger-ref-checks div b,
  .hooger-page-main .hooger-ref-checks div b {
    block-size: 1.2rem !important;
    flex: 0 0 1.2rem !important;
    font-size: .72rem !important;
    inline-size: 1.2rem !important;
    margin-block-start: .18rem !important;
  }
}

/* Contact page: stack and center contact cards on mobile. */
@media (max-width: 767px) {
  .hooger-page-main .elementor-section.hooger-ref-contact-cards {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
  }

  .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container {
    align-items: stretch !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: .9rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    inline-size: 100% !important;
    justify-items: center !important;
    margin-inline: auto !important;
    max-inline-size: min(100%, 22rem) !important;
    padding-inline: 0 !important;
  }

  .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container > .elementor-column {
    box-sizing: border-box !important;
    display: block !important;
    flex: none !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    width: 100% !important;
  }

  .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget-wrap,
  .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-ref-card {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    width: 100% !important;
  }
}

/* End contact mobile centering lock. */

/* Contact page: engineered mobile form panel and hours carousel. */
@media (max-width: 767px) {
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels > .elementor-container {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    inline-size: 100% !important;
    justify-items: center !important;
    margin-inline: auto !important;
    max-inline-size: min(100%, 22rem) !important;
    padding-inline: 0 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels > .elementor-container > .elementor-column,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap {
    box-sizing: border-box !important;
    display: grid !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    width: 100% !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap {
    gap: .85rem !important;
    min-block-size: 0 !important;
    padding: 1rem .9rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-ref-section-title .elementor-heading-title,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels h2 {
    font-size: clamp(1.35rem, 8vw, 1.85rem) !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-ref-section-lead,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-ref-section-lead p {
    font-size: .88rem !important;
    line-height: 1.95 !important;
    margin-inline: auto !important;
    max-inline-size: 17rem !important;
    text-align: center !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form {
    gap: .7rem !important;
    inline-size: 100% !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form label {
    gap: .35rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form label > span {
    font-size: .82rem !important;
    line-height: 1.55 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form input,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    min-block-size: 2.8rem !important;
    padding-inline: .85rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea {
    min-block-size: 7.2rem !important;
    padding-block: .8rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form button {
    inline-size: 100% !important;
    min-block-size: 3rem !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours {
    box-sizing: border-box !important;
    direction: rtl !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .7rem !important;
    inline-size: 100% !important;
    margin-block: .55rem 1rem !important;
    max-inline-size: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-block: .1rem .45rem !important;
    padding-inline: .1rem !important;
    scroll-padding-inline: .1rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours div {
    align-items: start !important;
    box-sizing: border-box !important;
    display: grid !important;
    flex: 0 0 min(82%, 14.5rem) !important;
    gap: .45rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    inline-size: min(82%, 14.5rem) !important;
    justify-items: stretch !important;
    min-block-size: 8.25rem !important;
    min-inline-size: 0 !important;
    padding: .85rem !important;
    scroll-snap-align: end !important;
    text-align: right !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours strong {
    font-size: .9rem !important;
    line-height: 1.7 !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours span {
    font-size: .78rem !important;
    line-height: 1.75 !important;
    margin: 0 !important;
  }

  body.page-id-15 .hooger-page-main .hooger-ref-hours b {
    inline-size: 100% !important;
    justify-content: center !important;
    min-block-size: 2.15rem !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container {
    gap: .75rem !important;
    padding-inline: 0 !important;
    scroll-padding-inline: 0 !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container > .elementor-column {
    flex: 0 0 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 100% !important;
    scroll-snap-align: end !important;
    width: 100% !important;
  }
}

/* Contact page: keep the submit button readable on every theme state. */
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary :where(span, .hooger-icon, svg, path) {
  color: #111827 !important;
  stroke: currentColor !important;
}

body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg * {
  color: #111827 !important;
  stroke: #111827 !important;
}

/* Contact page: final isolated mobile lock for contact cards. */
@media (max-width: 767px) {
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container {
    box-sizing: border-box !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .75rem !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-inline: 0 !important;
    scroll-padding-inline: 0 !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container::-webkit-scrollbar {
    display: none !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards > .elementor-container > .elementor-column {
    box-sizing: border-box !important;
    display: block !important;
    flex: 0 0 100% !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    scroll-snap-align: end !important;
    width: 100% !important;
  }

  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-column > .elementor-widget-wrap,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-ref-card {
    box-sizing: border-box !important;
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    width: 100% !important;
  }

body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-contact-card,
  body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-ref-card {
    min-block-size: 11.5rem !important;
    padding: 1.1rem .95rem !important;
  }
}

/* Contact page: final submit text and icon color lock for light and dark modes. */
body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary,
body.page-id-15.ha-theme-dark .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary,
body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary span,
body.page-id-15.ha-theme-dark .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary span,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary span,
body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary .hooger-icon,
body.page-id-15.ha-theme-dark .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary .hooger-icon,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary .hooger-icon {
  color: #111827 !important;
}

body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg,
body.page-id-15.ha-theme-dark .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg,
body.page-id-15.ha-theme-light .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg *,
body.page-id-15.ha-theme-dark .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg *,
body.page-id-15 .hooger-page-main .elementor-section.hooger-ref-contact-panels .hooger-contact-form .hooger-button.hooger-button--primary svg * {
  color: #111827 !important;
  fill: none !important;
  stroke: #111827 !important;
}

/* Cart page: final product-row lock, isolated from finalized content pages. */
@media (min-width: 901px) {
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table,
  body.woocommerce-cart .hooger-cart-ref-table {
    table-layout: auto !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-name {
    min-inline-size: 18rem !important;
    text-align: right !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product {
    align-items: center !important;
    direction: rtl !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: clamp(4.5rem, 7vw, 5.4rem) minmax(0, 1fr) !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__copy,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__title,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__meta {
    min-inline-size: 0 !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-price,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-subtotal {
    text-align: center !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 900px) {
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody {
    display: block !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    table-layout: auto !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table thead {
    display: none !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody tr.cart_item {
    align-items: stretch !important;
    background: var(--hcr-card-strong, #fff) !important;
    border: 1px solid var(--hcr-border-soft, rgba(15, 23, 42, .08)) !important;
    border-radius: 16px !important;
    direction: rtl !important;
    display: block !important;
    inline-size: 100% !important;
    margin-block: .85rem !important;
    min-inline-size: 0 !important;
    overflow: hidden !important;
    padding: .9rem !important;
    position: relative !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td {
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-name {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    margin-block-end: .75rem !important;
    padding-inline-start: 0 !important;
    padding-left: 2.8rem !important;
    padding-right: 0 !important;
    text-align: right !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product {
    align-items: center !important;
    direction: rtl !important;
    display: grid !important;
    gap: .75rem !important;
    grid-template-columns: clamp(4rem, 18vw, 5rem) minmax(0, 1fr) !important;
    min-inline-size: 0 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__media {
    justify-self: start !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__media img {
    aspect-ratio: 1.18 / 1 !important;
    inline-size: clamp(4rem, 18vw, 5rem) !important;
    max-inline-size: 100% !important;
    object-fit: cover !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__copy,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__title,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table .hooger-cart-ref-product__meta {
    min-inline-size: 0 !important;
    overflow-wrap: anywhere !important;
    text-align: right !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-remove {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    inline-size: 2.15rem !important;
    inset-block-start: .9rem !important;
    left: .9rem !important;
    position: absolute !important;
    z-index: 2 !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-price,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-quantity,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-subtotal {
    align-items: center !important;
    background: var(--hcr-soft, rgba(15, 23, 42, .04)) !important;
    border-radius: 12px !important;
    display: flex !important;
    direction: rtl !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .75rem !important;
    grid-column: auto !important;
    grid-row: auto !important;
    justify-content: space-between !important;
    margin-block: .5rem !important;
    min-block-size: 3rem !important;
    padding: .55rem .75rem !important;
    text-align: initial !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-price::before,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-quantity::before,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-subtotal::before {
    color: var(--hcr-muted, #64748b) !important;
    content: attr(data-title) !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
    flex: 0 0 auto !important;
    line-height: 1.5 !important;
    min-inline-size: max-content !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-price .amount,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-subtotal .amount,
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-quantity .hooger-cart-ref-qty {
    flex: 0 1 auto !important;
    margin-inline-start: auto !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  body.woocommerce-cart .hooger-woocommerce-content table.shop_table.cart.hooger-cart-ref-table tbody td.product-name {
    padding-inline-start: 0 !important;
    padding-left: 2.55rem !important;
    padding-right: 0 !important;
  }
}

/* Cart page: coupon button hover must stay on Hooger primary colors. */
body.woocommerce-cart .hooger-cart-ref-coupon__button,
body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button {
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

body.woocommerce-cart .hooger-cart-ref-coupon__button:hover,
body.woocommerce-cart .hooger-cart-ref-coupon__button:focus-visible,
body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button:hover,
body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button:focus-visible {
  background: var(--hcr-accent, #ff9f0a) !important;
  border-color: var(--hcr-accent, #ff9f0a) !important;
  color: #111827 !important;
  transform: translateY(-1px) !important;
}

body.woocommerce-cart .hooger-cart-ref-coupon__button:hover svg,
body.woocommerce-cart .hooger-cart-ref-coupon__button:focus-visible svg,
body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button:hover svg,
body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button:focus-visible svg {
  color: #111827 !important;
  stroke: #111827 !important;
}

body.woocommerce-cart .hooger-cart-ref-actions {
  align-items: stretch !important;
  direction: rtl !important;
  display: grid !important;
  gap: .65rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

body.woocommerce-cart .hooger-cart-ref-update {
  grid-column: 1 !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  order: 0 !important;
  padding-inline: .55rem !important;
  white-space: nowrap !important;
}

body.woocommerce-cart .hooger-cart-ref-clear {
  grid-column: 2 !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  order: 1 !important;
  padding-inline: .55rem !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  body.woocommerce-cart .hooger-cart-ref-actions {
    align-items: stretch !important;
    direction: rtl !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.woocommerce-cart .hooger-cart-ref-update,
  body.woocommerce-cart .hooger-cart-ref-clear {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
    padding-inline: .55rem !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .hooger-cart-ref-update {
    grid-column: 1 !important;
  }

  body.woocommerce-cart .hooger-cart-ref-clear {
    grid-column: 2 !important;
  }
}

/* Cart page: one-line final controls. */
@media (max-width: 900px), (min-width: 901px) {
  body.woocommerce-cart .hooger-cart-ref-titleline h1 {
    order: 1 !important;
  }

  body.woocommerce-cart .hooger-cart-ref-titleline__icon {
    order: 0 !important;
  }

  body.woocommerce-cart .hooger-cart-ref-summary {
    display: grid !important;
    gap: .7rem .65rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.woocommerce-cart .hooger-cart-ref-summary > :where(h2, dl, p, div) {
    grid-column: 1 / -1 !important;
  }

  body.woocommerce-cart .hooger-cart-ref-summary .hooger-cart-ref-checkout,
  body.woocommerce-cart .hooger-cart-ref-summary .hooger-cart-ref-continue {
    inline-size: 100% !important;
    margin-block-start: 0 !important;
    min-inline-size: 0 !important;
    padding-inline: .65rem !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .hooger-cart-ref-coupon__form {
    align-items: stretch !important;
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .6rem !important;
  }

  body.woocommerce-cart .hooger-cart-ref-coupon input.input-text,
  body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon input.input-text {
    flex: 1 1 auto !important;
    min-inline-size: 0 !important;
  }

  body.woocommerce-cart .hooger-cart-ref-coupon__button,
  body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button {
    direction: rtl !important;
    flex: 0 0 clamp(7rem, 34vw, 8.8rem) !important;
    flex-direction: row-reverse !important;
    inline-size: auto !important;
    justify-self: auto !important;
    margin: 0 !important;
    min-inline-size: 7rem !important;
    padding-inline: .75rem !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 430px) {
  body.woocommerce-cart .hooger-cart-ref-summary {
    gap: .55rem !important;
  }

  body.woocommerce-cart .hooger-cart-ref-summary .hooger-cart-ref-checkout,
  body.woocommerce-cart .hooger-cart-ref-summary .hooger-cart-ref-continue {
    font-size: .78rem !important;
    min-block-size: 2.8rem !important;
  }

  body.woocommerce-cart .hooger-cart-ref-coupon__form {
    gap: .45rem !important;
  }

  body.woocommerce-cart .hooger-cart-ref-coupon__button,
  body.woocommerce-cart .woocommerce .hooger-cart-ref-coupon__button.button {
    flex-basis: 6.7rem !important;
    min-inline-size: 6.7rem !important;
  }
}

/* Checkout final: keep branch delivery time on the left side of the branch card. */
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: clamp(.75rem, 2vw, 1.35rem) !important;
  justify-content: flex-start !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card > div {
  flex: 1 1 auto !important;
  min-inline-size: 0 !important;
  text-align: right !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card > span {
  align-items: center !important;
  direction: rtl !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  gap: .35rem !important;
  margin-inline-start: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: max-content !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card > span .hooger-icon,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card > span svg {
  flex: 0 0 auto !important;
}

@media (max-width: 430px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card {
    gap: .65rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card > span {
    font-size: .78rem !important;
    gap: .28rem !important;
  }
}

/* Order received final: keep order details 2x2 on phones. */
@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-details,
  body.hooger-checkout-bridge-order-received .hooger-order-success-details {
    display: grid !important;
    gap: .7rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .hooger-order-success-detail,
  body.hooger-checkout-bridge-order-received .hooger-order-success-detail {
    align-content: center !important;
    min-block-size: 7rem !important;
    min-inline-size: 0 !important;
    padding: .82rem .45rem !important;
    text-align: center !important;
  }

  body.woocommerce-order-received .hooger-order-success-detail small,
  body.hooger-checkout-bridge-order-received .hooger-order-success-detail small {
    font-size: clamp(.66rem, 2.75vw, .78rem) !important;
    line-height: 1.5 !important;
    overflow-wrap: anywhere !important;
  }

  body.woocommerce-order-received .hooger-order-success-detail strong,
  body.hooger-checkout-bridge-order-received .hooger-order-success-detail strong {
    font-size: clamp(.78rem, 3.2vw, .92rem) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }
}

/* Order received final: 2x2 feature grid and one-row actions on mobile/tablet. */
@media (max-width: 920px) {
  body.woocommerce-order-received .hooger-order-success-features,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features {
    display: grid !important;
    gap: .7rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .hooger-order-success-features > div,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features > div {
    align-content: center !important;
    min-block-size: 8rem !important;
    min-inline-size: 0 !important;
    padding: .85rem .45rem !important;
    text-align: center !important;
  }

  body.woocommerce-order-received .hooger-order-success-features strong,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features strong {
    font-size: clamp(.78rem, 2.55vw, .92rem) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  body.woocommerce-order-received .hooger-order-success-features small,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features small {
    font-size: clamp(.66rem, 2.35vw, .78rem) !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  body.woocommerce-order-received .hooger-order-success-actions,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions {
    direction: rtl !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  body.woocommerce-order-received .hooger-order-success-actions a,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions a {
    border-radius: 13px !important;
    font-size: clamp(.7rem, 2.55vw, .86rem) !important;
    gap: .35rem !important;
    inline-size: 100% !important;
    min-block-size: 3rem !important;
    min-inline-size: 0 !important;
    padding-inline: .35rem !important;
    white-space: nowrap !important;
  }

  body.woocommerce-order-received .hooger-order-success-actions a .hooger-icon,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions a .hooger-icon,
  body.woocommerce-order-received .hooger-order-success-actions a svg,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions a svg {
    flex: 0 0 auto !important;
    inline-size: .98rem !important;
    block-size: .98rem !important;
  }
}

/* Order received final: soften product image corners without changing the layout. */
body.woocommerce-order-received .hooger-order-success-product,
body.hooger-checkout-bridge-order-received .hooger-order-success-product {
  border-radius: 14px !important;
  overflow: hidden !important;
}

body.woocommerce-order-received .hooger-order-success-product img,
body.hooger-checkout-bridge-order-received .hooger-order-success-product img {
  border-radius: 12px !important;
}

/* Order received final: compact success hero on mobile and tablet. */
@media (max-width: 920px) {
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero {
    gap: .75rem !important;
    grid-template-areas: "visual copy check" !important;
    grid-template-columns: minmax(140px, 190px) minmax(0, 1fr) 48px !important;
    justify-items: stretch !important;
    padding-block: .25rem .75rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-visual,
  body.hooger-checkout-bridge-order-received .hooger-order-success-visual {
    min-block-size: 130px !important;
  }

  body.woocommerce-order-received .hooger-order-success-product,
  body.hooger-checkout-bridge-order-received .hooger-order-success-product {
    inline-size: min(100%, 190px) !important;
  }

  body.woocommerce-order-received .hooger-order-success-shield,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
    block-size: 52px !important;
    border-radius: 14px !important;
    inline-size: 52px !important;
    inset-block-end: 4% !important;
    inset-inline-end: 8% !important;
  }

  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    block-size: 46px !important;
    inline-size: 46px !important;
    margin-block-start: .25rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    font-size: clamp(1.3rem, 4vw, 1.75rem) !important;
    margin-block-end: .35rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy p,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy p {
    font-size: clamp(.78rem, 2.6vw, .9rem) !important;
    line-height: 1.75 !important;
    margin-block-end: .65rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta > div,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div {
    gap: .18rem !important;
    min-block-size: 4rem !important;
    padding: .55rem .35rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta span,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta span {
    font-size: clamp(.6rem, 2.1vw, .7rem) !important;
    line-height: 1.45 !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta strong,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta strong {
    font-size: clamp(.72rem, 2.35vw, .86rem) !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero {
    gap: .55rem !important;
    grid-template-areas:
      "visual"
      "check"
      "copy" !important;
    grid-template-columns: 1fr !important;
    padding-block: .15rem .65rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-visual,
  body.hooger-checkout-bridge-order-received .hooger-order-success-visual {
    max-inline-size: 210px !important;
    min-block-size: 118px !important;
  }

  body.woocommerce-order-received .hooger-order-success-product,
  body.hooger-checkout-bridge-order-received .hooger-order-success-product {
    inline-size: min(190px, 58vw) !important;
  }

  body.woocommerce-order-received .hooger-order-success-shield,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
    block-size: 48px !important;
    inline-size: 48px !important;
  }

  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    block-size: 42px !important;
    inline-size: 42px !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    font-size: clamp(1.22rem, 5vw, 1.42rem) !important;
    line-height: 1.45 !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta > div,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div {
    min-block-size: 3.8rem !important;
    padding-inline: .25rem !important;
  }
}

/* Order received final: keep breadcrumb RTL and product photo complete in the compact hero. */
@media (max-width: 920px) {
  body.woocommerce-order-received .hooger-order-success-crumb,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
    align-items: center !important;
    direction: rtl !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .35rem !important;
    inline-size: fit-content !important;
    justify-content: flex-start !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    max-inline-size: 100% !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb a,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb a {
    align-items: center !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    gap: .24rem !important;
    white-space: nowrap !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb svg,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb svg {
    flex: 0 0 auto !important;
  }

  body.woocommerce-order-received .hooger-order-success-product,
  body.hooger-checkout-bridge-order-received .hooger-order-success-product {
    aspect-ratio: 1.45 / 1 !important;
    background: #fff !important;
    block-size: auto !important;
    display: block !important;
  }

  body.woocommerce-order-received .hooger-order-success-product img,
  body.hooger-checkout-bridge-order-received .hooger-order-success-product img {
    block-size: 100% !important;
    display: block !important;
    inline-size: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

body.woocommerce-order-received .hooger-order-success-check-inline,
body.hooger-checkout-bridge-order-received .hooger-order-success-check-inline {
  display: none !important;
}

/* Order received final: mobile/tablet hero title, breadcrumb, and note icon alignment. */
@media (max-width: 920px) {
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero {
    grid-template-areas: "visual copy" !important;
    grid-template-columns: minmax(140px, 190px) minmax(0, 1fr) !important;
  }

  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-check {
    display: none !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: .48rem !important;
    justify-content: flex-start !important;
  }

  body.woocommerce-order-received .hooger-order-success-check-inline,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check-inline {
    align-items: center !important;
    background: #22c55e !important;
    border-radius: 999px !important;
    color: #fff !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    block-size: 1.85rem !important;
    inline-size: 1.85rem !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  body.woocommerce-order-received .hooger-order-success-check-inline svg,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check-inline svg,
  body.woocommerce-order-received .hooger-order-success-check-inline .hooger-icon,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check-inline .hooger-icon {
    block-size: 1rem !important;
    inline-size: 1rem !important;
    stroke-width: 3 !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
    align-items: center !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb a,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb a,
  body.woocommerce-order-received .hooger-order-success-crumb span,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb span,
  body.woocommerce-order-received .hooger-order-success-crumb strong,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb strong {
    align-items: center !important;
    display: inline-flex !important;
    line-height: 1.35 !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb svg,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb svg,
  body.woocommerce-order-received .hooger-order-success-crumb .hooger-icon,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb .hooger-icon {
    block-size: 1em !important;
    inline-size: 1em !important;
    margin-block-start: 0 !important;
    transform: translateY(-.02em) !important;
    vertical-align: middle !important;
  }

  body.woocommerce-order-received .hooger-order-success-note,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note {
    align-items: flex-start !important;
    direction: rtl !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    justify-content: stretch !important;
    text-align: right !important;
  }

  body.woocommerce-order-received .hooger-order-success-note > span,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note > span {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--primary) !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    block-size: 1.25em !important;
    inline-size: 1.25em !important;
    justify-content: center !important;
    margin-block-start: .12rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-note > span svg,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note > span svg,
  body.woocommerce-order-received .hooger-order-success-note > span .hooger-icon,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note > span .hooger-icon {
    block-size: 1em !important;
    inline-size: 1em !important;
    stroke-width: 2.4 !important;
  }
}

@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero {
    grid-template-areas:
      "visual"
      "copy" !important;
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    justify-content: center !important;
  }
}

/* Order received final lock: exact image fit and breadcrumb baseline across all devices. */
body.woocommerce-order-received .hooger-order-success-product,
body.hooger-checkout-bridge-order-received .hooger-order-success-product {
  aspect-ratio: 1.45 / 1 !important;
  background: #fff !important;
  border-radius: 14px !important;
  display: block !important;
  overflow: hidden !important;
  position: relative !important;
}

body.woocommerce-order-received .hooger-order-success-product img,
body.hooger-checkout-bridge-order-received .hooger-order-success-product img {
  block-size: 100% !important;
  display: block !important;
  filter: none !important;
  inline-size: 100% !important;
  inset: 0 !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  position: absolute !important;
}

body.woocommerce-order-received .hooger-order-success-crumb a,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb a,
body.woocommerce-order-received .hooger-order-success-crumb span,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb span,
body.woocommerce-order-received .hooger-order-success-crumb strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb strong {
  block-size: auto !important;
  min-block-size: 0 !important;
  padding: 0 !important;
}

/* Shop final: price filter panel stays precise inside the mobile drawer and sidebar. */
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
  --hsp-track-pad: .78rem;
  direction: rtl !important;
  gap: .72rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields {
  gap: .62rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields label {
  min-inline-size: 0 !important;
  text-align: right !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields span {
  display: block !important;
  font-size: clamp(.68rem, 2.35vw, .76rem) !important;
  line-height: 1.45 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields input {
  block-size: 2.9rem !important;
  border-radius: 12px !important;
  direction: ltr !important;
  font-size: clamp(.78rem, 2.5vw, .9rem) !important;
  font-weight: 850 !important;
  inline-size: 100% !important;
  line-height: 1.2 !important;
  min-inline-size: 0 !important;
  padding: .55rem .45rem !important;
  text-align: center !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
  background: color-mix(in srgb, var(--hsp-muted) 78%, var(--hsp-card)) !important;
  block-size: 3.4rem !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 14px !important;
  display: block !important;
  margin-block: .05rem !important;
  overflow: visible !important;
  position: relative !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  block-size: .44rem !important;
  border-radius: 999px !important;
  inset-block-start: 50% !important;
  transform: translateY(-50%) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before {
  background: color-mix(in srgb, var(--hsp-border) 72%, var(--hsp-card)) !important;
  inset-inline: var(--hsp-track-pad) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  background: linear-gradient(90deg, color-mix(in srgb, var(--hsp-accent) 78%, #fff), var(--hsp-accent)) !important;
  inset-inline-end: calc(var(--hsp-track-pad) + var(--hooger-price-start, 0%)) !important;
  inset-inline-start: calc(var(--hsp-track-pad) + (100% - var(--hooger-price-end, 100%))) !important;
  min-inline-size: .55rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"] {
  block-size: 100% !important;
  inset-block: 0 !important;
  inset-inline: var(--hsp-track-pad) !important;
  inline-size: calc(100% - (var(--hsp-track-pad) * 2)) !important;
  margin: 0 !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-webkit-slider-thumb {
  block-size: 1.12rem !important;
  border: 3px solid var(--hsp-card) !important;
  box-shadow: 0 .28rem .8rem rgba(15, 23, 42, .2) !important;
  inline-size: 1.12rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-moz-range-thumb {
  block-size: 1.12rem !important;
  border: 3px solid var(--hsp-card) !important;
  box-shadow: 0 .28rem .8rem rgba(15, 23, 42, .2) !important;
  inline-size: 1.12rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary {
  gap: .58rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
  align-items: center !important;
  background: color-mix(in srgb, var(--hsp-muted) 74%, var(--hsp-card)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 12px !important;
  display: flex !important;
  font-size: clamp(.68rem, 2.3vw, .76rem) !important;
  gap: .28rem !important;
  justify-content: center !important;
  line-height: 1.35 !important;
  min-block-size: 2.65rem !important;
  min-inline-size: 0 !important;
  padding: .48rem .36rem !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary strong {
  color: var(--hsp-text) !important;
  display: inline-block !important;
  font-size: clamp(.72rem, 2.45vw, .84rem) !important;
  font-weight: 950 !important;
  line-height: 1.35 !important;
  min-inline-size: 0 !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions {
  gap: .58rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions button,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions a {
  block-size: 2.75rem !important;
  border-radius: 12px !important;
  font-size: clamp(.72rem, 2.45vw, .84rem) !important;
  inline-size: 100% !important;
  line-height: 1.2 !important;
  min-inline-size: 0 !important;
  padding-inline: .45rem !important;
}

@media (max-width: 360px) {
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
    --hsp-track-pad: .66rem;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields,
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary,
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions {
    gap: .45rem !important;
  }
}

/* Shop final: mobile/tablet filter drawer header and panel spacing. */
@media (max-width: 1024px) {
  .hooger-shop-archive .hooger-shop-sidebar {
    align-content: start !important;
    background: var(--ha-color-surface, #fff) !important;
    border-radius: 18px 18px 0 0 !important;
    display: grid !important;
    gap: .78rem !important;
    padding: .75rem 1rem 1rem !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head {
    align-items: center !important;
    background: var(--ha-color-surface, #fff) !important;
    border: 0 !important;
    border-radius: 14px !important;
    direction: rtl !important;
    display: flex !important;
    gap: .7rem !important;
    justify-content: space-between !important;
    margin: 0 !important;
    min-block-size: 3rem !important;
    padding: .25rem .15rem .55rem !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head strong {
    flex: 1 1 auto !important;
    font-size: clamp(.95rem, 3.45vw, 1.05rem) !important;
    line-height: 1.45 !important;
    min-inline-size: 0 !important;
    order: 1 !important;
    overflow: hidden !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head button {
    align-items: center !important;
    block-size: 2.35rem !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    flex: 0 0 2.35rem !important;
    inline-size: 2.35rem !important;
    justify-content: center !important;
    margin-inline-start: auto !important;
    order: 2 !important;
    padding: 0 !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head button svg,
  .hooger-shop-archive .hooger-shop-sidebar__head button .hooger-icon {
    block-size: 1rem !important;
    inline-size: 1rem !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar > .hooger-shop-panel,
  .hooger-shop-archive .hooger-shop-sidebar > .widget {
    border-radius: 18px !important;
    margin: 0 !important;
    min-inline-size: 0 !important;
    overflow: visible !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar > .hooger-shop-panel + .hooger-shop-panel,
  .hooger-shop-archive .hooger-shop-sidebar > .widget + .widget {
    margin-block-start: 0 !important;
  }

  .hooger-shop-archive .hooger-shop-panel--categories,
  .hooger-shop-archive .hooger-shop-panel--price {
    border-radius: 18px !important;
    padding: .78rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--categories nav {
    border-radius: 14px !important;
    overflow: hidden !important;
  }
}

/* Shop final: keep product badges and price slider handles away from hard edges. */
.hooger-shop-archive .hooger-shop-products ul.products li.product {
  overflow: hidden !important;
  position: relative !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .onsale,
.hooger-shop-archive .hooger-shop-products ul.products li.product::before {
  inset-block-start: auto !important;
  top: clamp(1.35rem, 3vw, 1.55rem) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product::before {
  inset-inline-end: auto !important;
  inset-inline-start: auto !important;
  left: auto !important;
  right: clamp(1.35rem, 3vw, 1.55rem) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .onsale {
  inset-inline-end: auto !important;
  inset-inline-start: auto !important;
  left: clamp(1.35rem, 3vw, 1.55rem) !important;
  right: auto !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
  --hsp-track-pad: 1.18rem;
  overflow: hidden !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before {
  inset-inline: var(--hsp-track-pad) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  inset-inline-end: calc(var(--hsp-track-pad) + var(--hooger-price-start, 0%)) !important;
  inset-inline-start: calc(var(--hsp-track-pad) + (100% - var(--hooger-price-end, 100%))) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"] {
  direction: ltr !important;
  inset-block: 0 !important;
  inset-inline: auto !important;
  left: var(--hsp-track-pad) !important;
  right: var(--hsp-track-pad) !important;
  width: calc(100% - (var(--hsp-track-pad) * 2)) !important;
}

@media (max-width: 430px) {
  .hooger-shop-archive .hooger-shop-products ul.products li.product .onsale,
  .hooger-shop-archive .hooger-shop-products ul.products li.product::before {
    top: 1.35rem !important;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product::before {
    right: 1.35rem !important;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product .onsale {
    left: 1.35rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
    --hsp-track-pad: 1.3rem;
  }
}

/* Shop final: redesigned price filter for a cleaner mobile/tablet drawer and sidebar. */
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--hsp-card) 92%, transparent), color-mix(in srgb, var(--hsp-muted) 72%, var(--hsp-card))) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 78%, transparent) !important;
  border-radius: 16px !important;
  gap: .82rem !important;
  padding: .72rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields {
  gap: .58rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields label {
  background: color-mix(in srgb, var(--hsp-muted) 74%, var(--hsp-card)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 86%, transparent) !important;
  border-radius: 14px !important;
  display: grid !important;
  gap: .28rem !important;
  min-block-size: 4.1rem !important;
  padding: .58rem .65rem .5rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields span {
  color: var(--hsp-muted-text) !important;
  font-size: clamp(.64rem, 2.15vw, .72rem) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  text-align: right !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields input {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  block-size: 1.75rem !important;
  box-shadow: none !important;
  color: var(--hsp-text) !important;
  font-size: clamp(.88rem, 2.7vw, 1rem) !important;
  font-weight: 950 !important;
  min-block-size: 0 !important;
  padding: 0 !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
  --hsp-track-pad: 1.35rem;
  background: transparent !important;
  border: 0 !important;
  block-size: 2.8rem !important;
  border-radius: 0 !important;
  margin: .05rem 0 0 !important;
  overflow: visible !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  block-size: .5rem !important;
  box-shadow: none !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before {
  background: color-mix(in srgb, var(--hsp-border) 78%, var(--hsp-card)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  background: linear-gradient(90deg, var(--hsp-accent), color-mix(in srgb, var(--hsp-accent) 72%, #fff)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-webkit-slider-thumb {
  background: var(--hsp-accent) !important;
  block-size: 1.22rem !important;
  border: 4px solid var(--hsp-card) !important;
  box-shadow: 0 .34rem .9rem rgba(15, 23, 42, .24) !important;
  inline-size: 1.22rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-moz-range-thumb {
  background: var(--hsp-accent) !important;
  block-size: 1.22rem !important;
  border: 4px solid var(--hsp-card) !important;
  box-shadow: 0 .34rem .9rem rgba(15, 23, 42, .24) !important;
  inline-size: 1.22rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary {
  background: color-mix(in srgb, var(--hsp-card) 82%, var(--hsp-muted)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 14px !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  min-block-size: 2.72rem !important;
  padding: .5rem .36rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span + span {
  border-inline-start: 1px solid color-mix(in srgb, var(--hsp-border) 72%, transparent) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions {
  gap: .58rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions button,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions a {
  block-size: 2.9rem !important;
  border-radius: 14px !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions button {
  box-shadow: 0 .55rem 1.25rem color-mix(in srgb, var(--hsp-accent) 24%, transparent) !important;
}

@media (max-width: 430px) {
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
    padding: .66rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
    --hsp-track-pad: 1.42rem;
  }
}

/* Shop final: product cards keep one readable vertical layout even if list mode was selected. */
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.75rem), 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product,
.hooger-shop-archive .hooger-shop-products ul.products li.product {
  align-items: stretch !important;
  display: grid !important;
  gap: .78rem !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.woocommerce-LoopProduct-link,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link,
.hooger-shop-archive .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
  display: grid !important;
  gap: .78rem !important;
  grid-column: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  inline-size: 100% !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a img,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img,
.hooger-shop-archive .hooger-shop-products ul.products li.product a img {
  aspect-ratio: 1 / 1 !important;
  block-size: auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  inline-size: 100% !important;
  margin: 0 !important;
  max-block-size: none !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .price,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price,
.hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  grid-column: auto !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  word-break: normal !important;
}

.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .button,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .button,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.add_to_cart_button,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.add_to_cart_button {
  inline-size: 100% !important;
  justify-self: stretch !important;
  max-inline-size: 100% !important;
}

/* Shop final pass: stable product cards and a readable price filter on every viewport. */
@media (min-width: 1025px) {
  .hooger-shop-archive .hooger-shop-layout {
    grid-template-columns: minmax(0, 1fr) clamp(21rem, 30vw, 23.5rem) !important;
  }

  body.is-shop-filter-collapsed .hooger-shop-archive .hooger-shop-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.hooger-shop-archive .hooger-shop-products :where(ul.products, .products),
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.25rem), 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product {
  align-content: start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .82rem !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding: clamp(.8rem, 1.4vw, 1rem) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.woocommerce-LoopProduct-link,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
  align-content: start !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .8rem !important;
  min-inline-size: 0 !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a img,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a img,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img {
  aspect-ratio: 1 / 1 !important;
  background: color-mix(in srgb, var(--ha-color-bg-soft, #f8fafc) 88%, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--ha-color-border, #e5e7eb) 78%, transparent) !important;
  border-radius: 14px !important;
  display: block !important;
  inline-size: 100% !important;
  max-block-size: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(.5rem, 1.2vw, .7rem) !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
  direction: rtl !important;
  display: block !important;
  font-size: clamp(.92rem, 1vw, 1.04rem) !important;
  inline-size: 100% !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  white-space: normal !important;
  word-break: keep-all !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price,
.hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .price,
.hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
  direction: rtl !important;
  inline-size: 100% !important;
  justify-content: flex-start !important;
  min-inline-size: 0 !important;
  text-align: right !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .button,
.hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button {
  margin-block-start: auto !important;
}

.hooger-shop-archive .hooger-shop-panel--price {
  overflow: hidden !important;
}

.hooger-shop-archive .hooger-shop-panel--price > h3 {
  align-items: center !important;
  display: flex !important;
  line-height: 1.45 !important;
  margin-block-end: .85rem !important;
  min-block-size: 2rem !important;
  text-align: right !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
  --hsp-track-pad: 1.05rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--hsp-card) 92%, var(--hsp-muted)), color-mix(in srgb, var(--hsp-muted) 82%, var(--hsp-card))) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent) !important;
  direction: rtl !important;
  gap: 1rem !important;
  padding: 1rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields {
  display: grid !important;
  gap: .72rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields label {
  align-content: center !important;
  background: color-mix(in srgb, var(--hsp-card) 84%, var(--hsp-muted)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: .36rem !important;
  min-block-size: 4.7rem !important;
  min-inline-size: 0 !important;
  padding: .68rem .72rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields span {
  color: var(--hsp-muted-text) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields input {
  -moz-appearance: textfield !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--hsp-text) !important;
  direction: ltr !important;
  font-size: clamp(.98rem, 1.1vw, 1.08rem) !important;
  font-weight: 950 !important;
  inline-size: 100% !important;
  line-height: 1.25 !important;
  min-block-size: 1.8rem !important;
  padding: 0 !important;
  text-align: center !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields input::-webkit-outer-spin-button,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
  --hsp-track-pad: 1.05rem;
  background: color-mix(in srgb, var(--hsp-card) 78%, var(--hsp-muted)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 18px !important;
  block-size: 4.6rem !important;
  direction: ltr !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  block-size: .58rem !important;
  border-radius: 999px !important;
  content: "" !important;
  inset-block-start: 50% !important;
  position: absolute !important;
  transform: translateY(-50%) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range::before {
  background: color-mix(in srgb, var(--hsp-border) 74%, var(--hsp-card)) !important;
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, .1) !important;
  left: var(--hsp-track-pad) !important;
  right: var(--hsp-track-pad) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range > span {
  background: linear-gradient(90deg, var(--hsp-accent), color-mix(in srgb, var(--hsp-accent) 66%, #fff)) !important;
  box-shadow: 0 .35rem 1rem color-mix(in srgb, var(--hsp-accent) 22%, transparent) !important;
  left: max(var(--hsp-track-pad), calc(var(--hsp-track-pad) + var(--hooger-price-left, 0%))) !important;
  min-inline-size: .85rem !important;
  right: max(var(--hsp-track-pad), calc(var(--hsp-track-pad) + var(--hooger-price-right, 0%))) !important;
  z-index: 1 !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  block-size: 100% !important;
  bottom: 0 !important;
  direction: ltr !important;
  inline-size: auto !important;
  left: var(--hsp-track-pad) !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: var(--hsp-track-pad) !important;
  top: 0 !important;
  width: calc(100% - (var(--hsp-track-pad) * 2)) !important;
  z-index: 2 !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-webkit-slider-runnable-track {
  background: transparent !important;
  border: 0 !important;
  height: .58rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-moz-range-track {
  background: transparent !important;
  border: 0 !important;
  height: .58rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: var(--hsp-accent) !important;
  block-size: 1.24rem !important;
  border: 4px solid var(--hsp-card) !important;
  border-radius: 50% !important;
  box-shadow: 0 .38rem 1rem rgba(15, 23, 42, .26) !important;
  cursor: pointer !important;
  inline-size: 1.24rem !important;
  pointer-events: auto !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range input[type="range"]::-moz-range-thumb {
  background: var(--hsp-accent) !important;
  block-size: 1.24rem !important;
  border: 4px solid var(--hsp-card) !important;
  border-radius: 50% !important;
  box-shadow: 0 .38rem 1rem rgba(15, 23, 42, .26) !important;
  cursor: pointer !important;
  inline-size: 1.24rem !important;
  pointer-events: auto !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary {
  background: color-mix(in srgb, var(--hsp-card) 86%, var(--hsp-muted)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 82%, transparent) !important;
  border-radius: 16px !important;
  display: grid !important;
  gap: .55rem !important;
  grid-template-columns: minmax(0, 1fr) !important;
  overflow: hidden !important;
  padding: .55rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
  align-items: center !important;
  background: color-mix(in srgb, var(--hsp-muted) 72%, var(--hsp-card)) !important;
  border: 1px solid color-mix(in srgb, var(--hsp-border) 78%, transparent) !important;
  border-radius: 12px !important;
  display: flex !important;
  font-size: .76rem !important;
  gap: .32rem !important;
  justify-content: space-between !important;
  line-height: 1.45 !important;
  min-block-size: 2.65rem !important;
  min-inline-size: 100% !important;
  padding: .52rem .7rem !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span + span {
  border-inline-start: 1px solid color-mix(in srgb, var(--hsp-border) 78%, transparent) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary strong {
  color: var(--hsp-text) !important;
  display: inline-flex !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions {
  display: grid !important;
  gap: .72rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions button,
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions a {
  align-items: center !important;
  block-size: 3.05rem !important;
  border-radius: 15px !important;
  display: inline-flex !important;
  font-size: .82rem !important;
  font-weight: 950 !important;
  inline-size: 100% !important;
  justify-content: center !important;
  line-height: 1.25 !important;
  min-inline-size: 0 !important;
  padding-inline: .4rem !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions button {
  background: var(--hsp-accent) !important;
  border-color: var(--hsp-accent) !important;
  box-shadow: 0 .65rem 1.35rem color-mix(in srgb, var(--hsp-accent) 24%, transparent) !important;
  color: var(--hsp-accent-text) !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions a {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--hsp-border) 88%, transparent) !important;
  color: var(--hsp-text) !important;
}

@media (max-width: 1024px) {
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-form {
    gap: .9rem !important;
    padding: .84rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
    --hsp-track-pad: 1.05rem;
    block-size: 4.25rem !important;
  }
}

@media (max-width: 430px) {
  .hooger-shop-archive .hooger-shop-products :where(ul.products, .products),
  .hooger-shop-archive .hooger-shop-products.is-list-view ul.products,
  .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields,
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-actions {
    gap: .55rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-fields label {
    min-block-size: 4.25rem !important;
    padding: .58rem .55rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
    min-block-size: 2.75rem !important;
  }
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .button:hover,
.hooger-shop-archive .hooger-shop-products ul.products li.product .button:focus-visible,
.hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:hover,
.hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:focus-visible {
  background: var(--ha-color-primary, var(--accent, #f59e0b)) !important;
  border-color: var(--ha-color-primary, var(--accent, #f59e0b)) !important;
  color: #111827 !important;
  text-shadow: none !important;
}

/* Shop final pass: remove the confusing price slider and show the range in one line. */
.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-range {
  display: none !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary {
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  gap: .55rem !important;
  justify-content: space-between !important;
  min-block-size: 3rem !important;
  padding: .55rem !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
  align-items: center !important;
  display: inline-flex !important;
  flex: 1 1 0 !important;
  flex-direction: row !important;
  gap: .28rem !important;
  justify-content: center !important;
  min-block-size: 2.35rem !important;
  min-inline-size: 0 !important;
  padding: .42rem .35rem !important;
  white-space: nowrap !important;
}

.hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary strong {
  font-size: clamp(.72rem, 2.2vw, .86rem) !important;
}

@media (max-width: 430px) {
  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary {
    gap: .42rem !important;
  }

  .hooger-shop-archive .hooger-shop-panel--price .hooger-shop-price-summary span {
    font-size: .7rem !important;
    padding-inline: .22rem !important;
  }
}

/* Shop final pass: mobile/tablet filter drawer title and close button stay inside the frame. */
@media (max-width: 1024px) {
  .hooger-shop-archive .hooger-shop-sidebar {
    align-items: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: .78rem !important;
    grid-auto-flow: row !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: flex-start !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar > .hooger-shop-sidebar__head,
  .hooger-shop-archive .hooger-shop-sidebar > .hooger-shop-panel,
  .hooger-shop-archive .hooger-shop-sidebar > .widget {
    flex: 0 0 auto !important;
    grid-column: 1 / -1 !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head {
    align-items: center !important;
    background: color-mix(in srgb, var(--ha-color-surface, #fff) 88%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--ha-color-border, #e5e7eb) 78%, transparent) !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    direction: ltr !important;
    display: grid !important;
    gap: .65rem !important;
    grid-template-columns: 2.4rem minmax(0, 1fr) !important;
    inline-size: 100% !important;
    justify-content: stretch !important;
    margin: 0 0 .65rem !important;
    min-block-size: 3.25rem !important;
    overflow: hidden !important;
    padding: .4rem .55rem !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head button {
    align-items: center !important;
    block-size: 2.25rem !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    inline-size: 2.25rem !important;
    justify-content: center !important;
    justify-self: start !important;
    margin: 0 !important;
    min-block-size: 2.25rem !important;
    min-inline-size: 2.25rem !important;
    order: initial !important;
    padding: 0 !important;
  }

  .hooger-shop-archive .hooger-shop-sidebar__head strong {
    direction: rtl !important;
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    min-inline-size: 0 !important;
    order: initial !important;
    overflow: hidden !important;
    padding-inline: .15rem .25rem !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Shop final pass: cart buttons stay readable on dark-mode hover/focus. */
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button.product_type_simple,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .button {
  -webkit-text-fill-color: #111827 !important;
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  background-image: none !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease !important;
}

body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:active,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button.product_type_simple:hover,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button.product_type_simple:focus,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button.product_type_simple:focus-visible,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button.product_type_simple:active,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:hover,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:focus,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:focus-visible,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:active,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .button:hover,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .button:focus,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .button:focus-visible,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .button:active,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:active,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:active,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:active,
[data-theme="dark"] .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover,
[data-theme="dark"] .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus,
[data-theme="dark"] .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible {
  -webkit-text-fill-color: #111827 !important;
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  background-image: none !important;
  border-color: #f59e0b !important;
  box-shadow: 0 .72rem 1.4rem rgba(245, 158, 11, .24) !important;
  color: #111827 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:hover *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:focus-visible *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.button:active *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:hover *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:focus *,
body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:focus-visible * {
  -webkit-text-fill-color: #111827 !important;
  color: #111827 !important;
}

/* Homepage final pass: selected filter chips stay visible in dark mode. */
html.hooger-dark body .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active,
body.hooger-dark .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active,
.hooger-landing.hooger-dark .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active,
[data-theme="dark"] .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active {
  -webkit-text-fill-color: #111827 !important;
  background: #f59e0b !important;
  background-color: #f59e0b !important;
  background-image: none !important;
  border-color: #fbbf24 !important;
  box-shadow: 0 .85rem 1.55rem rgba(245, 158, 11, .24) !important;
  color: #111827 !important;
}

html.hooger-dark body .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active *,
body.hooger-dark .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active *,
.hooger-landing.hooger-dark .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active *,
[data-theme="dark"] .hooger-shop-tools .hooger-filter-panel .hooger-chip-row button.is-active * {
  -webkit-text-fill-color: #111827 !important;
  color: #111827 !important;
}

/* Hooger single product desktop layout guard - scoped to product pages only.
   Keeps desktop product pages from being forced into the narrow/mobile column when
   Elementor Kit and the theme product wrapper are loaded together. */
@media (min-width: 1024px) {
  body.single-product .hooger-product-layout:not(:has(> .hooger-shop-sidebar)) {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
  }

  body.single-product .hooger-product-main,
  body.single-product .hooger-product-main > .woocommerce,
  body.single-product .hooger-product-main > .hooger-woocommerce-content,
  body.single-product .hooger-woocommerce-content,
  body.single-product .hooger-single-product {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.single-product .hooger-product-main :where(.hooger-woocommerce-content, .hooger-single-product) div.product,
  body.single-product .hooger-woocommerce-content div.product,
  body.single-product .hooger-single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
    align-items: start !important;
    gap: clamp(1.75rem, 4vw, 4rem) !important;
    width: 100% !important;
    max-width: min(100%, 88rem) !important;
    margin-inline: auto !important;
  }

  body.single-product .hooger-product-main :where(.hooger-woocommerce-content, .hooger-single-product) div.product :where(.woocommerce-tabs, .related, .upsells),
  body.single-product .hooger-woocommerce-content div.product :where(.woocommerce-tabs, .related, .upsells),
  body.single-product .hooger-single-product div.product :where(.woocommerce-tabs, .related, .upsells) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
}

/* Shop archive configurable final layer.
   These rules intentionally sit at the end of the quality pass so the admin
   settings can control product cards without fighting older hardening rules. */
body .hooger-shop-archive .hooger-shop-shell .hooger-shop-products ul.products li.product {
  border-radius: var(--hooger-product-card-radius, 18px) !important;
  box-shadow: var(--hooger-product-card-shadow, 0 16px 36px rgba(15, 23, 42, .075)) !important;
  padding: var(--hooger-product-card-padding, 1rem) !important;
}

body .hooger-shop-archive .hooger-shop-shell .hooger-shop-products ul.products li.product a img {
  aspect-ratio: var(--hooger-shop-image-ratio, 1 / 1) !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: var(--hooger-shop-image-fit, contain) !important;
  padding: 0 !important;
}

@media (min-width: 1024px) {
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products {
    grid-template-columns: repeat(var(--hooger-shop-columns-sidebar, 3), minmax(0, 1fr)) !important;
  }

  body.is-shop-filter-collapsed .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products {
    grid-template-columns: repeat(var(--hooger-shop-columns, 4), minmax(0, 1fr)) !important;
  }
}

body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products,
body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products {
  grid-template-columns: minmax(0, 1fr) !important;
}

@media (min-width: 768px) {
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product {
    align-items: center !important;
    display: grid !important;
    gap: 1rem !important;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) minmax(132px, 170px) !important;
    padding: .8rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.woocommerce-LoopProduct-link,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
    align-items: center !important;
    display: grid !important;
    gap: 1rem !important;
    grid-column: 1 / 3 !important;
    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a img,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img {
    border-radius: 14px !important;
    grid-column: 1 !important;
    grid-row: 1 / 5 !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .woocommerce-loop-product__title,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .price,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
    grid-column: 2 !important;
    min-block-size: 0 !important;
    padding-inline: 0 !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .price,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
    margin-inline: 0 !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .button,
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.add_to_cart_button,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .button,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.add_to_cart_button {
    border-radius: 12px !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
  }
}

@media (max-width: 767px) {
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product {
    display: grid !important;
    gap: .75rem !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    padding: .7rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.woocommerce-LoopProduct-link,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
    display: grid !important;
    gap: .65rem !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a img,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img {
    border-radius: 12px !important;
    grid-column: 1 !important;
    grid-row: 1 / 5 !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .woocommerce-loop-product__title,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .price,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
    grid-column: 2 !important;
    min-block-size: 0 !important;
    padding-inline: 0 !important;
  }

  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product .button,
  body .hooger-shop-archive .hooger-shop-products.is-list-view ul.products li.product a.add_to_cart_button,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .button,
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.add_to_cart_button {
    border-radius: 10px !important;
    grid-column: 2 !important;
  }
}

body.post-type-archive-product .hooger-shop-archive .hooger-shop-shell .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link img,
body .hooger-shop-archive .hooger-shop-shell .hooger-shop-products.is-list-view ul.products li.product a.woocommerce-LoopProduct-link img,
body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link img {
  aspect-ratio: var(--hooger-shop-image-ratio, 1 / 1) !important;
  background: #fff !important;
  border: 0 !important;
  object-fit: var(--hooger-shop-image-fit, contain) !important;
  padding: 0 !important;
}

/* Single product attributes tab: keep values readable on one line without changing other tabs. */
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes,
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes tbody {
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  display: grid !important;
  gap: .72rem !important;
  inline-size: 100% !important;
  margin: 0 !important;
  table-layout: auto !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes tr {
  align-items: stretch !important;
  background: var(--card, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 78%, transparent) !important;
  border-radius: 1.05rem !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--shadow, #111827) 5%, transparent) !important;
  display: grid !important;
  grid-template-columns: minmax(11.5rem, .34fr) minmax(0, 1fr) !important;
  overflow: hidden !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  inline-size: auto !important;
  line-height: 1.65 !important;
  min-block-size: 3.4rem !important;
  min-inline-size: 0 !important;
  overflow-wrap: normal !important;
  padding: .88rem 1rem !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  word-break: normal !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th {
  background: color-mix(in srgb, var(--surface, #f7f4ed) 74%, #fff) !important;
  border-inline-start: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 62%, transparent) !important;
  color: var(--muted, #647089) !important;
  font-weight: 850 !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td {
  color: var(--text, #111827) !important;
  font-weight: 850 !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
  text-align: right !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td p {
  display: block !important;
  margin: 0 !important;
  min-inline-size: max-content !important;
  overflow-wrap: normal !important;
  white-space: nowrap !important;
  word-break: normal !important;
}

@media (max-width: 679px) {
  body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes tr {
    grid-template-columns: minmax(7.8rem, .78fr) minmax(0, 1fr) !important;
  }

  body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
  body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td {
    font-size: .84rem !important;
    min-block-size: 3.05rem !important;
    padding: .72rem .78rem !important;
  }
}

/* Mobile related products: compact horizontal carousel only on single product pages. */
@media (max-width: 767px) {
  body.single-product .hooger-woocommerce-content div.product section.related.products {
    inline-size: 100% !important;
    margin-block: 1.15rem 0 !important;
    max-inline-size: 100% !important;
    overflow: hidden !important;
    padding-block: .15rem .25rem !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products > h2 {
    align-items: center !important;
    display: flex !important;
    font-size: clamp(1rem, 4.5vw, 1.2rem) !important;
    font-weight: 950 !important;
    gap: .45rem !important;
    line-height: 1.45 !important;
    margin: 0 0 .75rem !important;
    padding-inline: .1rem !important;
    white-space: nowrap !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products > h2::after {
    background: var(--accent, #f59e0b) !important;
    border-radius: 999px !important;
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 auto !important;
    height: .42rem !important;
    inline-size: .42rem !important;
    opacity: .75 !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-1,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-2,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-3,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-4,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-5,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products.columns-6 {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: .72rem !important;
    grid-template-columns: none !important;
    inline-size: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    max-inline-size: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: .1rem .05rem .82rem !important;
    scroll-padding-inline: .05rem !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products::-webkit-scrollbar {
    display: none !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products[class*="columns-"] li.product {
    clear: none !important;
    display: grid !important;
    flex: 0 0 clamp(10rem, 54vw, 12.65rem) !important;
    float: none !important;
    gap: .58rem !important;
    inline-size: clamp(10rem, 54vw, 12.65rem) !important;
    margin: 0 !important;
    max-inline-size: none !important;
    min-block-size: 0 !important;
    padding: .62rem !important;
    scroll-snap-align: start !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product a.woocommerce-LoopProduct-link {
    display: grid !important;
    gap: .54rem !important;
    min-inline-size: 0 !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product a img {
    aspect-ratio: 1 / 1 !important;
    background: #fff !important;
    border-radius: .86rem !important;
    block-size: auto !important;
    inline-size: 100% !important;
    margin: 0 !important;
    object-fit: contain !important;
    padding: 0 !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product .onsale {
    font-size: .66rem !important;
    inset-block-start: .72rem !important;
    inset-inline-end: .72rem !important;
    min-block-size: 1.7rem !important;
    padding-inline: .5rem !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: .86rem !important;
    line-height: 1.65 !important;
    margin: 0 !important;
    min-block-size: 2.8rem !important;
    overflow: hidden !important;
    padding: 0 !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product .price {
    font-size: .82rem !important;
    line-height: 1.55 !important;
    margin: 0 !important;
    min-block-size: 1.75rem !important;
    padding: 0 !important;
  }

  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product .button,
  body.single-product .hooger-woocommerce-content div.product section.related.products ul.products li.product a.add_to_cart_button {
    border-radius: .78rem !important;
    font-size: .76rem !important;
    inline-size: 100% !important;
    margin: .08rem 0 0 !important;
    min-block-size: 2.55rem !important;
    padding: .45rem .55rem !important;
  }
}

/* Final polish: product attribute readability + single blog desktop width. */
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th.woocommerce-product-attributes-item__label {
  background: #fff7ed !important;
  color: #172554 !important;
  text-shadow: none !important;
}

body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td,
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td p,
body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td a {
  color: #0f172a !important;
  text-shadow: none !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th,
body.hooger-dark.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes th {
  background: #1e293b !important;
  color: #f8fafc !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td,
html.hooger-dark body.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td p,
body.hooger-dark.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td,
body.hooger-dark.single-product .hooger-woocommerce-content div.product .woocommerce-tabs #tab-additional_information table.shop_attributes td p {
  color: #f8fafc !important;
}

body.single-post .hooger-page-main .hooger-page-stack.hooger-page-narrow.hooger-wp-post {
  margin-inline: auto !important;
  max-inline-size: min(100%, 74rem) !important;
  width: 100% !important;
}

body.single-post .hooger-page-main .hooger-wp-post__content {
  margin-inline: auto !important;
  max-inline-size: 100% !important;
  width: min(100%, 64rem) !important;
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.single-post .hooger-page-main .hooger-page-stack.hooger-page-narrow.hooger-wp-post {
    max-inline-size: min(100%, 92vw) !important;
  }

  body.single-post .hooger-page-main .hooger-wp-post__content {
    width: min(100%, 70rem) !important;
  }
}

body.single-post .hooger-page-main .hooger-wp-post__image,
body.single-post .hooger-page-main .hooger-wp-post__image img {
  inline-size: 100% !important;
}

/* Legal pages: product-ready light/dark design, independent from the narrow auth/profile layout. */
.hooger-legal-shell.hooger-page-stack,
.hooger-page-main .hooger-legal-shell.hooger-page-wide {
  inline-size: 100% !important;
  margin-inline: auto !important;
  max-inline-size: min(100%, 76rem) !important;
}

.hooger-legal-back .hooger-page-back {
  margin-bottom: .5rem !important;
}

.hooger-legal-hero {
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent, #f59e0b) 20%, transparent), transparent 18rem),
    linear-gradient(135deg, color-mix(in srgb, var(--card, #fff) 92%, var(--primary, #172554) 8%), color-mix(in srgb, var(--muted, #f6f2ea) 72%, #fff 28%));
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent);
  border-radius: clamp(1.4rem, 3vw, 2.2rem);
  box-shadow: 0 1.4rem 3.5rem color-mix(in srgb, var(--primary, #172554) 10%, transparent);
  display: grid;
  gap: 1rem;
  overflow: hidden;
  padding: clamp(1.4rem, 3.6vw, 3rem);
  position: relative;
  text-align: right;
}

.hooger-legal-hero::after {
  background: color-mix(in srgb, var(--accent, #f59e0b) 16%, transparent);
  border-radius: 999px;
  content: "";
  height: 13rem;
  inset-block-start: -5rem;
  inset-inline-start: -4rem;
  position: absolute;
  width: 13rem;
}

.hooger-legal-hero > * {
  position: relative;
  z-index: 1;
}

.hooger-legal-hero > span {
  align-items: center;
  background: color-mix(in srgb, var(--accent, #f59e0b) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 38%, transparent);
  border-radius: 999px;
  color: var(--accent, #f59e0b);
  display: inline-flex;
  font-size: .86rem;
  font-weight: 950;
  gap: .45rem;
  justify-self: start;
  padding: .45rem .8rem;
}

.hooger-legal-hero h1 {
  color: var(--foreground, #111827);
  font-size: clamp(2rem, 4.2vw, 4rem);
  font-weight: 950;
  line-height: 1.22;
  margin: 0;
}

.hooger-legal-hero p {
  color: var(--muted-foreground, #64748b);
  font-size: clamp(1rem, .9rem + .45vw, 1.2rem);
  font-weight: 700;
  line-height: 2;
  margin: 0;
  max-inline-size: 52rem;
}

.hooger-legal-hero > div {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

.hooger-legal-hero em {
  align-items: center;
  background: var(--card, #fff);
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 86%, transparent);
  border-radius: 999px;
  color: var(--foreground, #111827);
  display: inline-flex;
  font-size: .84rem;
  font-style: normal;
  font-weight: 900;
  gap: .4rem;
  padding: .5rem .8rem;
}

.hooger-legal-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 1.2rem;
}

.hooger-legal-card {
  background: color-mix(in srgb, var(--card, #fff) 96%, #fff 4%) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent) !important;
  border-radius: 1.35rem !important;
  box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--primary, #172554) 7%, transparent) !important;
  padding: clamp(1rem, 2.2vw, 1.45rem) !important;
}

.hooger-legal-card h2 {
  align-items: center;
  color: var(--foreground, #111827) !important;
  display: flex;
  font-size: clamp(1.08rem, .95rem + .55vw, 1.35rem) !important;
  font-weight: 950 !important;
  gap: .55rem;
  line-height: 1.65 !important;
  margin: 0 0 .65rem !important;
}

.hooger-legal-card h2 span {
  align-items: center;
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent);
  border-radius: .8rem;
  color: var(--accent, #f59e0b);
  display: inline-flex;
  flex: 0 0 2.1rem;
  height: 2.1rem;
  justify-content: center;
  width: 2.1rem;
}

.hooger-legal-card p,
.hooger-legal-card li {
  color: var(--muted-foreground, #64748b) !important;
  font-size: .96rem !important;
  font-weight: 650 !important;
  line-height: 2.05 !important;
}

.hooger-legal-card ul {
  display: grid;
  gap: .55rem;
  margin: 0 !important;
  padding: 0 !important;
}

.hooger-legal-card li {
  background: color-mix(in srgb, var(--muted, #f6f2ea) 72%, transparent);
  border-radius: .95rem;
  list-style: none;
  padding: .65rem .85rem !important;
}

.hooger-legal-footer {
  align-items: center;
  background: color-mix(in srgb, var(--card, #fff) 94%, var(--accent, #f59e0b) 6%);
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 26%, var(--border, #e5e7eb));
  border-radius: 1.2rem;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  margin-top: 1.1rem;
  padding: 1rem 1.15rem;
}

.hooger-legal-footer span {
  color: var(--muted-foreground, #64748b);
  font-weight: 850;
}

.hooger-legal-footer a {
  background: var(--accent, #f59e0b);
  border-radius: 999px;
  color: var(--accent-foreground, #fff) !important;
  font-weight: 950;
  padding: .65rem 1rem;
  text-decoration: none;
}

html.hooger-dark .hooger-legal-hero,
body.hooger-dark .hooger-legal-hero,
.hooger-landing.hooger-dark .hooger-legal-hero {
  background:
    radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--accent, #fbbf24) 18%, transparent), transparent 18rem),
    linear-gradient(135deg, color-mix(in srgb, var(--card, #182033) 88%, #fff 4%), color-mix(in srgb, var(--muted, #202b42) 92%, #fff 3%));
}

html.hooger-dark .hooger-legal-card,
body.hooger-dark .hooger-legal-card,
.hooger-landing.hooger-dark .hooger-legal-card,
html.hooger-dark .hooger-legal-hero em,
body.hooger-dark .hooger-legal-hero em,
.hooger-landing.hooger-dark .hooger-legal-hero em {
  background: color-mix(in srgb, var(--card, #182033) 94%, #fff 6%) !important;
}

html.hooger-dark .hooger-legal-card li,
body.hooger-dark .hooger-legal-card li,
.hooger-landing.hooger-dark .hooger-legal-card li {
  background: color-mix(in srgb, var(--muted, #202b42) 82%, #fff 4%);
}

@media (max-width: 820px) {
  .hooger-legal-grid {
    grid-template-columns: 1fr;
  }

  .hooger-legal-footer {
    align-items: stretch;
    display: grid;
  }
}

.hooger-landing:not(.hooger-dark) .hooger-product-card__quick--preparation,
body:not(.hooger-dark) .hooger-product-card__quick--preparation {
  background: #fff7ed !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 46%, #ffffff 54%) !important;
  color: #9a3412 !important;
  box-shadow: 0 .9rem 1.8rem rgba(154, 52, 18, .16) !important;
}

.hooger-landing:not(.hooger-dark) .hooger-product-card__quick--preparation .hooger-icon,
body:not(.hooger-dark) .hooger-product-card__quick--preparation .hooger-icon {
  color: #9a3412 !important;
  stroke: currentColor !important;
}

.hooger-landing:not(.hooger-dark) .hooger-product-card__quick--preparation:hover,
body:not(.hooger-dark) .hooger-product-card__quick--preparation:hover {
  background: var(--accent, #f59e0b) !important;
  color: #18203d !important;
}

/* Final polish: submitted product review cards only. */
body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist {
  gap: .85rem !important;
}

body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist li.review {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent, #f59e0b) 10%, transparent), transparent 34%),
    linear-gradient(135deg, var(--card, #fff), color-mix(in srgb, var(--secondary, #f8fafc) 46%, var(--card, #fff))) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 18%, var(--border, #e5e7eb)) !important;
  border-radius: 1.22rem !important;
  box-shadow: 0 1rem 2.25rem color-mix(in srgb, var(--foreground, #111827) 6%, transparent) !important;
  list-style: none !important;
  padding: clamp(.9rem, 1.8vw, 1.1rem) !important;
}

body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist li.review .comment_container {
  align-items: start !important;
  display: grid !important;
  gap: .85rem !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) !important;
  min-width: 0 !important;
}

body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist li.review img.avatar {
  background: #fff !important;
  block-size: 3.2rem !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 22%, var(--border, #e5e7eb)) !important;
  border-radius: 1rem !important;
  box-shadow: 0 .65rem 1.25rem color-mix(in srgb, var(--foreground, #111827) 8%, transparent) !important;
  display: block !important;
  inline-size: 3.2rem !important;
  margin: 0 !important;
  object-fit: cover !important;
  padding: .18rem !important;
  position: static !important;
}

body.single-product .hooger-woocommerce-content #reviews #comments .comment-text {
  align-items: center !important;
  display: grid !important;
  gap: .55rem .75rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-width: 0 !important;
}

body.single-product .hooger-woocommerce-content #reviews .star-rating {
  background: none !important;
  block-size: 1.15rem !important;
  color: transparent !important;
  direction: ltr !important;
  display: inline-block !important;
  float: none !important;
  font-family: Arial, "Segoe UI Symbol", "Noto Sans Symbols", sans-serif !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  inline-size: 5.45rem !important;
  line-height: 1.15rem !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  text-align: left !important;
}

body.single-product .hooger-woocommerce-content #reviews .star-rating::before {
  color: #e2e8f0 !important;
  content: "☆☆☆☆☆" !important;
  display: block !important;
  font-family: Arial, "Segoe UI Symbol", "Noto Sans Symbols", sans-serif !important;
  font-size: .95rem !important;
  inset: 0 !important;
  letter-spacing: 1px !important;
  line-height: 1.15rem !important;
  position: absolute !important;
}

body.single-product .hooger-woocommerce-content #reviews .star-rating span {
  block-size: 1.15rem !important;
  color: transparent !important;
  display: block !important;
  inset: 0 auto auto 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

body.single-product .hooger-woocommerce-content #reviews .star-rating span::before {
  color: var(--accent, #f59e0b) !important;
  content: "★★★★★" !important;
  display: block !important;
  font-family: Arial, "Segoe UI Symbol", "Noto Sans Symbols", sans-serif !important;
  font-size: .95rem !important;
  letter-spacing: 1px !important;
  line-height: 1.15rem !important;
  position: absolute !important;
}

body.single-product .hooger-woocommerce-content #reviews .star-rating strong {
  display: none !important;
}

body.single-product .hooger-woocommerce-content #reviews .meta {
  align-items: center !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 8%, var(--card, #fff)) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 18%, transparent) !important;
  border-radius: 999px !important;
  color: var(--muted-foreground, #64748b) !important;
  display: inline-flex !important;
  font-size: .82rem !important;
  gap: .35rem !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  padding: .34rem .65rem !important;
}

body.single-product .hooger-woocommerce-content #reviews .woocommerce-review__author {
  color: var(--foreground, #111827) !important;
  font-weight: 950 !important;
}

body.single-product .hooger-woocommerce-content #reviews .woocommerce-review__published-date {
  color: var(--muted-foreground, #64748b) !important;
  white-space: nowrap !important;
}

body.single-product .hooger-woocommerce-content #reviews .description {
  grid-column: 1 / -1 !important;
}

body.single-product .hooger-woocommerce-content #reviews .description p {
  background: #fff !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 76%, transparent) !important;
  border-radius: 1rem !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .8) !important;
  color: var(--foreground, #111827) !important;
  line-height: 1.95 !important;
  margin: 0 !important;
  padding: .8rem .95rem !important;
}

@media (max-width: 560px) {
  body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist li.review .comment_container {
    grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  }

  body.single-product .hooger-woocommerce-content #reviews #comments ol.commentlist li.review img.avatar {
    block-size: 2.75rem !important;
    inline-size: 2.75rem !important;
  }

  body.single-product .hooger-woocommerce-content #reviews #comments .comment-text {
    grid-template-columns: 1fr !important;
  }

  body.single-product .hooger-woocommerce-content #reviews .meta,
  body.single-product .hooger-woocommerce-content #reviews .star-rating,
  body.single-product .hooger-woocommerce-content #reviews .description {
    grid-column: 1 !important;
  }
}

/* Final polish: shop archive product cards follow the home product-card language. */
body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product {
  background:
    linear-gradient(180deg, rgb(255 255 255 / .99), rgb(255 252 247 / .82)),
    var(--card, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e9dfcf) 90%, transparent) !important;
  border-radius: var(--hooger-product-card-radius, 18px) !important;
  box-shadow: 0 18px 42px rgb(15 23 42 / .075) !important;
  container-type: inline-size !important;
  display: flex !important;
  flex-direction: column !important;
  min-block-size: 31rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product:hover {
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 24%, var(--border, #e9dfcf)) !important;
  box-shadow: 0 24px 54px rgb(15 23 42 / .105) !important;
  transform: translateY(-3px) !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product::before {
  align-items: center !important;
  background: var(--accent, #f59e0b) !important;
  border: 0 !important;
  border-radius: .78rem !important;
  box-shadow: 0 .55rem 1.15rem color-mix(in srgb, var(--accent, #f59e0b) 24%, transparent) !important;
  color: #111827 !important;
  content: "تازه ☆" !important;
  display: inline-flex !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  gap: .18rem !important;
  inset-block-start: .78rem !important;
  inset-inline-end: .78rem !important;
  inset-inline-start: auto !important;
  line-height: 1 !important;
  min-block-size: 1.9rem !important;
  padding: .42rem .62rem !important;
  position: absolute !important;
  z-index: 4 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product.sale::before {
  content: none !important;
  display: none !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .onsale {
  align-items: center !important;
  background: #172554 !important;
  border: 0 !important;
  border-radius: .78rem !important;
  box-shadow: 0 .55rem 1.15rem rgb(23 37 84 / .22) !important;
  color: #fff !important;
  display: inline-flex !important;
  font-size: .68rem !important;
  font-weight: 950 !important;
  inset-block-start: .78rem !important;
  inset-inline-end: .78rem !important;
  inset-inline-start: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-block-size: 1.9rem !important;
  min-inline-size: 0 !important;
  padding: .42rem .62rem !important;
  position: absolute !important;
  z-index: 5 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.woocommerce-LoopProduct-link {
  color: inherit !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-block-size: 0 !important;
  min-inline-size: 0 !important;
  position: relative !important;
  text-decoration: none !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img {
  aspect-ratio: 1 / 1 !important;
  background: #fff !important;
  block-size: clamp(13.5rem, 22vw, 17.75rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  inline-size: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  padding: 0 !important;
  transition: transform .45s ease !important;
}

@supports (height: 100cqw) {
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img {
    block-size: 100cqw !important;
  }
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product:hover a img {
  transform: scale(1.035) !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .woocommerce-loop-product__title {
  color: var(--foreground, #111827) !important;
  display: -webkit-box !important;
  font-size: clamp(.96rem, 1.1vw, 1.05rem) !important;
  font-weight: 950 !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  min-block-size: 4.1rem !important;
  overflow: hidden !important;
  padding: 1rem .95rem .35rem !important;
  text-align: right !important;
  text-wrap: balance !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-meta {
  align-items: center !important;
  color: var(--muted-foreground, #64748b) !important;
  display: inline-flex !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  gap: .35rem !important;
  margin: 0 .95rem .95rem !important;
  min-block-size: 1.35rem !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-meta__check {
  color: #16a34a !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price {
  align-items: flex-end !important;
  border-top: 1px solid color-mix(in srgb, var(--border, #e9dfcf) 86%, transparent) !important;
  color: #172554 !important;
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  font-size: .98rem !important;
  font-weight: 950 !important;
  gap: .12rem !important;
  line-height: 1.45 !important;
  margin: auto .95rem 0 !important;
  min-block-size: 3.75rem !important;
  padding: .78rem 4.2rem .68rem 0 !important;
  text-align: right !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(del, del .amount) {
  color: var(--muted-foreground, #94a3b8) !important;
  font-size: .78rem !important;
  font-weight: 750 !important;
  opacity: .82 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(ins, ins .amount) {
  color: #172554 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points {
  align-items: center !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, #fff) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 16%, transparent) !important;
  border-radius: .55rem !important;
  color: var(--accent, #f59e0b) !important;
  display: inline-flex !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  gap: .14rem !important;
  inset-block-end: 4.35rem !important;
  inset-inline-start: .95rem !important;
  line-height: 1 !important;
  padding: .35rem .48rem !important;
  position: absolute !important;
  z-index: 3 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .button,
body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.add_to_cart_button {
  align-items: center !important;
  background: var(--accent, #f59e0b) !important;
  border: 0 !important;
  border-radius: 1rem !important;
  box-shadow: none !important;
  color: var(--accent-foreground, #111827) !important;
  display: inline-flex !important;
  font-size: .9rem !important;
  font-weight: 950 !important;
  gap: .45rem !important;
  inline-size: calc(100% - 1.9rem) !important;
  justify-content: center !important;
  line-height: 1.35 !important;
  margin: 0 .95rem .85rem !important;
  min-block-size: 3.15rem !important;
  padding: .76rem .9rem !important;
  white-space: nowrap !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.add_to_cart_button {
  font-size: 0 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.add_to_cart_button::before {
  content: "+" !important;
  font-size: 1.2rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.add_to_cart_button::after {
  content: "افزودن" !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .button:hover,
body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a.add_to_cart_button:hover {
  background: color-mix(in srgb, var(--accent, #f59e0b) 92%, #ff7a1a) !important;
  color: var(--accent-foreground, #111827) !important;
  transform: translateY(-1px) !important;
}

@media (min-width: 860px) {
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-1,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-2,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-3,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-4,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-5,
  body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products.columns-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 768px) {
  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
  body .hooger-shop-archive .hooger-shop-shell .hooger-shop-products.is-list-view ul.products li.product .hooger-shop-card-meta {
    grid-column: 2 !important;
    margin: 0 !important;
  }

  body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-points,
  body .hooger-shop-archive .hooger-shop-shell .hooger-shop-products.is-list-view ul.products li.product .hooger-shop-card-points {
    grid-column: 2 !important;
    position: static !important;
    justify-self: start !important;
    margin: .25rem 0 0 !important;
  }
}

@media (max-width: 767px) {
  body .hooger-shop-archive .hooger-shop-products ul.products li.product {
    min-block-size: 0 !important;
  }

  body .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
    font-size: .92rem !important;
    min-block-size: 3.6rem !important;
    padding-inline: .78rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta {
    font-size: .76rem !important;
    margin-inline: .78rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products ul.products li.product .price {
    font-size: .86rem !important;
    margin-inline: .78rem !important;
    min-block-size: 3.35rem !important;
    padding-inline-start: 3.8rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points {
    inset-block-end: 4rem !important;
    inset-inline-start: .78rem !important;
  }

  body .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
  body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button {
    inline-size: calc(100% - 1.56rem) !important;
    margin-inline: .78rem !important;
  }
}

/* Tight fix: keep shop-card price inside the card and make price text one color. */
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  box-sizing: border-box !important;
  color: #172554 !important;
  inline-size: auto !important;
  max-inline-size: calc(100% - 1.9rem) !important;
  overflow: hidden !important;
  width: auto !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price {
  align-self: stretch !important;
  margin: auto .95rem 0 !important;
  padding-block: .78rem .68rem !important;
  padding-inline: 0 4.2rem !important;
}

body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount {
  color: #172554 !important;
}

body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount {
  color: #64748b !important;
}

body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points {
  inset-inline-end: .95rem !important;
  inset-inline-start: auto !important;
}

/* Single product summary: hide the top rating row only. Reviews tab remains intact. */
body.single-product .hooger-woocommerce-content div.product div.summary .woocommerce-product-rating,
body.single-product .hooger-single-product div.product div.summary .woocommerce-product-rating,
body.single-product div.product div.summary.entry-summary > .woocommerce-product-rating {
  display: none !important;
}

/* Dark mode only: keep shop archive product cards readable without touching light mode. */
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product {
  background: linear-gradient(180deg, rgba(17, 28, 51, .98), rgba(10, 22, 39, .98)) !important;
  border-color: rgba(148, 163, 184, .28) !important;
  box-shadow: 0 18px 46px rgba(2, 6, 23, .36) !important;
  color: #f8fafc !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product::after,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product::after,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product::after,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product::after {
  border-color: rgba(251, 191, 36, .18) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
  color: #f8fafc !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount {
  color: #f8fafc !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  border-top-color: rgba(148, 163, 184, .28) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount {
  color: #94a3b8 !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points {
  background: rgba(251, 191, 36, .14) !important;
  border-color: rgba(251, 191, 36, .26) !important;
  color: #fde68a !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button {
  background: #f59e0b !important;
  color: #111827 !important;
}

/* Dark mode only: align shop archive cards with the homepage product-card language. */
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #12243a) 96%, #fff 4%), var(--product-card-bg, #12243a)),
    var(--product-card-bg, #12243a) !important;
  border-color: var(--border-soft, rgba(148, 163, 184, .24)) !important;
  box-shadow: 0 16px 42px -34px hsl(0 0% 0% / 0.86) !important;
  color: var(--foreground, #f8fafc) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product a img,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a img,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a img,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a img {
  background: var(--surface-soft, #0f1d31) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
  color: var(--foreground, #f8fafc) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-meta {
  color: var(--text-muted, #cbd5e1) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  border-top-color: var(--border-soft, rgba(148, 163, 184, .24)) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price .woocommerce-Price-currencySymbol,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price ins .amount {
  color: var(--primary, #fbbf24) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del bdi,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .price del .amount {
  color: var(--muted-foreground, #94a3b8) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .hooger-shop-card-points {
  background: hsl(38 92% 50% / .1) !important;
  border-color: transparent !important;
  color: var(--accent, #f59e0b) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
html.hooger-dark body .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button {
  background: var(--button-primary-bg, #f59e0b) !important;
  color: var(--button-primary-text, #111827) !important;
}

/* Dark mode only: stronger archive-view overrides for the custom shop card layout. */
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product a img,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img {
  background: var(--surface-soft, #0f1d31) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
  border-top-color: var(--border-soft, rgba(148, 163, 184, .24)) !important;
  color: var(--primary, #fbbf24) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
body.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(.amount, bdi, ins, ins .amount),
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(.amount, bdi, ins, ins .amount) {
  color: var(--primary, #fbbf24) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(del, del .amount),
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(del, del .amount),
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(del, del .amount),
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .price :where(del, del .amount),
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(del, del .amount),
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(del, del .amount),
body.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(del, del .amount),
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price :where(del, del .amount) {
  color: var(--muted-foreground, #94a3b8) !important;
}

html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product .hooger-shop-card-points,
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-points,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-points,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-points,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .hooger-shop-card-points {
  background: hsl(38 92% 50% / .1) !important;
  border-color: transparent !important;
  color: var(--accent, #f59e0b) !important;
}

/* Dark mode only: remove the original light card gradient from the custom shop card. */
html[data-theme="dark"] body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product,
html.hooger-dark body .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product,
body.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product,
.hooger-landing.hooger-dark .hooger-shop-archive .hooger-shop-shell:not(.is-list-view) .hooger-shop-products:not(.is-list-view) ul.products li.product {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #12243a) 96%, #fff 4%), var(--product-card-bg, #12243a)),
    var(--product-card-bg, #12243a) !important;
  background-color: var(--product-card-bg, #12243a) !important;
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #12243a) 96%, #fff 4%), var(--product-card-bg, #12243a)) !important;
}