/* Hooger V9 market-readiness hardening.
 * Scope: responsive stability, accessibility and engineered dark mode only.
 * No layout rewrite, no brand redesign, no WooCommerce logic changes.
 */

:root {
  --hooger-final-radius-sm: .85rem;
  --hooger-final-radius-md: 1.15rem;
  --hooger-final-radius-lg: 1.45rem;
  --hooger-final-touch: 44px;
  --hooger-final-shadow-soft: 0 16px 42px rgba(24, 32, 61, .08);
  --hooger-final-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* Icon spacing safety net V21: prevents icon/text overlap in RTL form controls. */
.hooger-landing,
.hooger-page-main,
.hooger-auth-shell,
.hooger-profile,
.hooger-woocommerce-content,
.hooger-checkout-bridge-enabled,
.hooger-search-modal,
.hooger-app-install-prompt {
  --ha-icon-size-safe: 1.15rem;
  --ha-icon-box-safe: 2.65rem;
  --ha-icon-gap-safe: .7rem;
  --ha-icon-padding-safe: 3.65rem;
  --ha-icon-padding-password-safe: 4.2rem;
  --ha-control-min-safe: 3rem;
}

.hooger-button,
.hooger-submit-button,
.hooger-contact-form button,
.hooger-checkout-bridge-coupon-form button,
.hooger-checkout-bridge-new-address,
.hooger-checkout-bridge-coupon-chip button,
.hooger-order-success-actions a,
.hooger-order-detail-toggle,
.hooger-notice-actions button,
.hooger-settings-row button,
.hooger-profile-bottom button,
.hooger-profile-bottom a,
.hooger-woocommerce-content .button,
.hooger-woocommerce-content button.button,
.hooger-woocommerce-content a.button,
.hooger-woocommerce-content input.button,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
  align-items: center !important;
  display: inline-flex !important;
  gap: .55rem !important;
  justify-content: center !important;
  line-height: 1.45 !important;
  min-block-size: 2.75rem;
  min-inline-size: 0;
  overflow: hidden;
  text-align: center !important;
}

.hooger-button > .hooger-icon,
.hooger-button > svg,
.hooger-submit-button > .hooger-icon,
.hooger-submit-button > svg,
.hooger-contact-form button > .hooger-icon,
.hooger-checkout-bridge-coupon-form button > .hooger-icon,
.hooger-checkout-bridge-new-address > .hooger-icon,
.hooger-checkout-bridge-coupon-chip button > .hooger-icon,
.hooger-order-success-actions a > .hooger-icon,
.hooger-order-detail-toggle > .hooger-icon,
.hooger-notice-actions button > .hooger-icon,
.hooger-settings-row button > .hooger-icon,
.hooger-profile-bottom button > .hooger-icon,
.hooger-profile-bottom a > .hooger-icon,
.hooger-woocommerce-content .button > .hooger-icon,
.hooger-woocommerce-content button.button > .hooger-icon,
.hooger-woocommerce-content a.button > .hooger-icon,
.woocommerce button.button > .hooger-icon,
.woocommerce a.button > .hooger-icon {
  block-size: 1.05rem;
  flex: 0 0 auto !important;
  inline-size: 1.05rem;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

.hooger-button > span,
.hooger-submit-button > span,
.hooger-contact-form button > span,
.hooger-checkout-bridge-new-address > span,
.hooger-order-success-actions a > span,
.hooger-order-detail-toggle > span,
.hooger-profile-bottom button > span,
.hooger-profile-bottom a > span {
  min-inline-size: 0;
  overflow-wrap: break-word;
}

.hooger-auth-form label > span,
.hooger-form label > span {
  display: block !important;
  isolation: isolate;
  min-inline-size: 0;
  position: relative !important;
}

.hooger-auth-form label > span > .hooger-icon,
.hooger-form label > span > .hooger-icon {
  block-size: var(--ha-icon-size-safe) !important;
  color: var(--ha-color-text-soft, var(--muted-foreground)) !important;
  inline-size: var(--ha-icon-size-safe) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
  left: auto !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-auth-form label > span > input,
.hooger-form label > span > input,
.hooger-form label > span > textarea,
.hooger-form label > span > select {
  min-block-size: var(--ha-control-min-safe) !important;
  min-inline-size: 0 !important;
  padding-inline-start: var(--ha-icon-padding-safe) !important;
  padding-inline-end: var(--ha-icon-padding-safe) !important;
  text-overflow: ellipsis;
  width: 100% !important;
}

.hooger-auth-form label > span > input[dir="ltr"],
.hooger-form label > span > input[dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}

.hooger-auth-form label > span:has([data-hooger-password-toggle]) > input,
.hooger-form label > span:has([data-hooger-password-toggle]) > input {
  padding-inline-start: var(--ha-icon-padding-safe) !important;
  padding-inline-end: var(--ha-icon-padding-password-safe) !important;
}

.hooger-auth-form [data-hooger-password-toggle],
.hooger-form [data-hooger-password-toggle] {
  align-items: center !important;
  background: transparent !important;
  block-size: var(--ha-icon-box-safe) !important;
  border: 0 !important;
  border-radius: .9rem !important;
  color: var(--ha-color-text-muted, var(--muted-foreground)) !important;
  display: inline-flex !important;
  inline-size: var(--ha-icon-box-safe) !important;
  inset-block-start: 50% !important;
  inset-inline-end: .35rem !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  left: auto !important;
  min-block-size: var(--ha-icon-box-safe) !important;
  min-inline-size: var(--ha-icon-box-safe) !important;
  padding: 0 !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

.hooger-auth-form [data-hooger-password-toggle]:hover,
.hooger-auth-form [data-hooger-password-toggle]:focus-visible,
.hooger-form [data-hooger-password-toggle]:hover,
.hooger-form [data-hooger-password-toggle]:focus-visible {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 14%, transparent) !important;
  color: var(--ha-color-primary, #f59e0b) !important;
}

.hooger-auth-form [data-hooger-password-toggle] .hooger-icon,
.hooger-form [data-hooger-password-toggle] .hooger-icon {
  block-size: 1.05rem !important;
  inline-size: 1.05rem !important;
  position: static !important;
  transform: none !important;
}

.hooger-filter-search,
.hooger-page-search,
.hooger-search-modal__head label,
.hooger-shop-search,
.hooger-header-search {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  min-inline-size: 0 !important;
  position: relative !important;
}

.hooger-filter-search > .hooger-icon,
.hooger-page-search > .hooger-icon,
.hooger-search-modal__head label > .hooger-icon,
.hooger-shop-search > .hooger-icon,
.hooger-header-search > .hooger-icon {
  block-size: var(--ha-icon-size-safe) !important;
  inline-size: var(--ha-icon-size-safe) !important;
  inset-block-start: 50% !important;
  inset-inline-end: 1rem !important;
  inset-inline-start: auto !important;
  left: auto !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-filter-search > input,
.hooger-filter-search > input[type="search"],
.hooger-page-search > input,
.hooger-page-search > input[type="search"],
.hooger-search-modal__head label > input,
.hooger-search-modal__head label > input[type="search"],
.hooger-shop-search > input,
.hooger-shop-search > input[type="search"],
.hooger-header-search > input,
.hooger-header-search > input[type="search"] {
  direction: rtl !important;
  min-block-size: var(--ha-control-min-safe) !important;
  min-inline-size: 0 !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: var(--ha-icon-padding-safe) !important;
  text-align: right !important;
  text-overflow: ellipsis;
  width: 100% !important;
}

.hooger-search-modal .hooger-search-modal__head {
  align-items: center !important;
  display: grid !important;
  gap: .65rem !important;
  grid-template-columns: minmax(0, 1fr) 2.8rem !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] {
  align-items: center !important;
  aspect-ratio: 1 / 1;
  block-size: 2.75rem !important;
  border-radius: 1rem !important;
  display: inline-flex !important;
  inline-size: 2.75rem !important;
  justify-content: center !important;
  min-block-size: 2.75rem !important;
  min-inline-size: 2.75rem !important;
  padding: 0 !important;
  position: static !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] .hooger-icon {
  block-size: 1.1rem !important;
  inline-size: 1.1rem !important;
  position: static !important;
  transform: none !important;
}

.hooger-landing select,
.hooger-page-main select,
.hooger-woocommerce-content select,
.hooger-checkout-bridge-enabled select,
.woocommerce-ordering select,
.hooger-sort-select,
.hooger-filter-card select,
.hooger-form select {
  min-block-size: var(--ha-control-min-safe) !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: 3.25rem !important;
  text-align: right !important;
  text-overflow: ellipsis;
}

.hooger-checkout-bridge-enabled .select2-container--default .select2-selection--single {
  min-block-size: var(--ha-control-min-safe) !important;
}

.hooger-checkout-bridge-enabled .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: var(--ha-control-min-safe) !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: 3rem !important;
  text-align: right !important;
}

.hooger-checkout-bridge-enabled .select2-container--default .select2-selection--single .select2-selection__arrow {
  inset-inline-start: .85rem !important;
  inset-inline-end: auto !important;
  left: auto !important;
  right: auto !important;
}

.hooger-checkout-bridge-notice,
.hooger-woocommerce-content .woocommerce-message,
.hooger-woocommerce-content .woocommerce-error,
.hooger-woocommerce-content .woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  align-items: flex-start !important;
  display: flex !important;
  gap: .75rem !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
  padding-inline: 1rem !important;
}

.hooger-checkout-bridge-notice::before,
.hooger-woocommerce-content .woocommerce-message::before,
.hooger-woocommerce-content .woocommerce-error::before,
.hooger-woocommerce-content .woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before {
  flex: 0 0 auto !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

.hooger-checkout-bridge-coupon-chip,
.hooger-badge,
.ha-badge {
  align-items: center !important;
  display: inline-flex !important;
  gap: .45rem !important;
  min-inline-size: 0 !important;
}

.hooger-checkout-bridge-coupon-chip button {
  block-size: 2rem !important;
  inline-size: 2rem !important;
  min-block-size: 2rem !important;
  min-inline-size: 2rem !important;
  padding: 0 !important;
}

.hooger-cart-button,
.hooger-cart-toggle,
.hooger-header-action,
.hooger-icon-button {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
  overflow: visible !important;
  position: relative !important;
}

.hooger-cart-button .hooger-cart-count,
.hooger-cart-toggle .hooger-cart-count,
.hooger-cart-badge,
[data-hooger-cart-count] {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  min-block-size: 1.15rem;
  min-inline-size: 1.15rem;
  padding: .12rem .32rem;
  pointer-events: none;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .hooger-landing,
  .hooger-page-main,
  .hooger-auth-shell,
  .hooger-profile,
  .hooger-woocommerce-content,
  .hooger-checkout-bridge-enabled,
  .hooger-search-modal {
    --ha-icon-padding-safe: 3.45rem;
    --ha-icon-padding-password-safe: 4rem;
  }

  .hooger-search-modal .hooger-search-modal__head {
    gap: .5rem !important;
    grid-template-columns: minmax(0, 1fr) 2.6rem !important;
  }

  .hooger-checkout-bridge-notice,
  .hooger-woocommerce-content .woocommerce-message,
  .hooger-woocommerce-content .woocommerce-error,
  .hooger-woocommerce-content .woocommerce-info,
  .woocommerce-message,
  .woocommerce-error,
  .woocommerce-info {
    font-size: .9rem !important;
    line-height: 1.8 !important;
    padding-inline: .85rem !important;
  }
}

.hooger-landing,
.hooger-page-main,
.hooger-checkout-bridge-enabled,
.hooger-cart-panel,
.hooger-profile,
.hooger-auth-shell,
.hooger-woocommerce-content {
  min-width: 0;
}

.hooger-landing *,
.hooger-page-main *,
.hooger-checkout-bridge-enabled *,
.hooger-cart-panel *,
.hooger-profile *,
.hooger-auth-shell *,
.hooger-woocommerce-content * {
  box-sizing: border-box;
}

.hooger-landing img,
.hooger-page-main img,
.hooger-checkout-bridge-enabled img,
.hooger-cart-panel img,
.hooger-woocommerce-content img {
  height: auto;
  max-width: 100%;
}

.hooger-landing svg,
.hooger-page-main svg,
.hooger-checkout-bridge-enabled svg,
.hooger-profile svg,
.hooger-auth-shell svg {
  flex: 0 0 auto;
}

.hooger-landing button,
.hooger-landing a,
.hooger-page-main button,
.hooger-page-main a,
.hooger-checkout-bridge-enabled button,
.hooger-checkout-bridge-enabled a,
.hooger-auth-shell button,
.hooger-profile button {
  -webkit-tap-highlight-color: transparent;
}

.hooger-landing button:focus-visible,
.hooger-landing a:focus-visible,
.hooger-page-main button:focus-visible,
.hooger-page-main a:focus-visible,
.hooger-checkout-bridge-enabled button:focus-visible,
.hooger-checkout-bridge-enabled a:focus-visible,
.hooger-checkout-bridge-enabled input:focus-visible,
.hooger-checkout-bridge-enabled textarea:focus-visible,
.hooger-checkout-bridge-enabled select:focus-visible,
.hooger-profile button:focus-visible,
.hooger-auth-shell input:focus-visible,
.hooger-auth-shell button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--accent, #f59e0b) 70%, transparent);
  outline-offset: 3px;
}

/* Site-wide dark mode propagation. The JS toggles html/body/root together. */
html.hooger-dark body,
body.hooger-dark {
  background: var(--background, #111827);
  color: var(--foreground, #f8fafc);
  color-scheme: dark;
}

html.hooger-dark .hooger-page-main,
body.hooger-dark .hooger-page-main,
html.hooger-dark .hooger-woocommerce-content,
body.hooger-dark .hooger-woocommerce-content,
html.hooger-dark .hooger-checkout-bridge-enabled,
body.hooger-dark .hooger-checkout-bridge-enabled {
  background: var(--background, #111827);
  color: var(--foreground, #f8fafc);
}

html.hooger-dark .hooger-page-card,
html.hooger-dark .hooger-auth-card,
html.hooger-dark .hooger-profile-sidebar,
html.hooger-dark .hooger-profile-content,
html.hooger-dark .hooger-profile-panel,
html.hooger-dark .hooger-order-card,
html.hooger-dark .hooger-order-details,
html.hooger-dark .hooger-address-card,
html.hooger-dark .hooger-contact-form-card,
html.hooger-dark .hooger-checkout-bridge-panel,
html.hooger-dark .woocommerce-checkout-review-order,
html.hooger-dark #payment,
html.hooger-dark .woocommerce table.shop_table,
body.hooger-dark .hooger-page-card,
body.hooger-dark .hooger-auth-card,
body.hooger-dark .hooger-profile-sidebar,
body.hooger-dark .hooger-profile-content,
body.hooger-dark .hooger-profile-panel,
body.hooger-dark .hooger-order-card,
body.hooger-dark .hooger-order-details,
body.hooger-dark .hooger-address-card,
body.hooger-dark .hooger-contact-form-card,
body.hooger-dark .hooger-checkout-bridge-panel,
body.hooger-dark .woocommerce-checkout-review-order,
body.hooger-dark #payment,
body.hooger-dark .woocommerce table.shop_table {
  background: var(--card, #182033);
  border-color: var(--border, rgba(148, 163, 184, .22));
  color: var(--foreground, #f8fafc);
}

html.hooger-dark .hooger-page-card p,
html.hooger-dark .hooger-profile p,
html.hooger-dark .hooger-order-meta-grid small,
html.hooger-dark .woocommerce-checkout-review-order-table,
body.hooger-dark .hooger-page-card p,
body.hooger-dark .hooger-profile p,
body.hooger-dark .hooger-order-meta-grid small,
body.hooger-dark .woocommerce-checkout-review-order-table {
  color: var(--text-muted, #cbd5e1);
}

html.hooger-dark input,
html.hooger-dark textarea,
html.hooger-dark select,
html.hooger-dark .select2-container .select2-selection,
body.hooger-dark input,
body.hooger-dark textarea,
body.hooger-dark select,
body.hooger-dark .select2-container .select2-selection {
  background: var(--input-bg, #202b42) !important;
  border-color: var(--border, rgba(148, 163, 184, .22)) !important;
  color: var(--foreground, #f8fafc) !important;
}

html.hooger-dark input::placeholder,
html.hooger-dark textarea::placeholder,
body.hooger-dark input::placeholder,
body.hooger-dark textarea::placeholder {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 56%, transparent) !important;
}

html.hooger-dark .woocommerce-error,
html.hooger-dark .woocommerce-message,
html.hooger-dark .woocommerce-info,
html.hooger-dark .hooger-checkout-bridge-notice,
body.hooger-dark .woocommerce-error,
body.hooger-dark .woocommerce-message,
body.hooger-dark .woocommerce-info,
body.hooger-dark .hooger-checkout-bridge-notice {
  background: var(--notice-bg, #202b42) !important;
  border-color: var(--notice-border, #fbbf24) !important;
  color: var(--notice-text, #f8fafc) !important;
}

/* WooCommerce notices and errors: readable and stable on mobile. */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.hooger-checkout-bridge-notice {
  box-sizing: border-box;
  line-height: 1.85;
  max-width: 100%;
  overflow-wrap: break-word;
  word-break: normal;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
  margin-block: .25rem;
}

/* WooCommerce native fallback pages: keep cart/account/thank-you inside Hooger visual language. */
.hooger-woocommerce-content .cart-empty,
.hooger-woocommerce-content .woocommerce-info,
.hooger-woocommerce-content .woocommerce-message,
.hooger-woocommerce-content .woocommerce-error,
.hooger-woocommerce-content .woocommerce-order,
.hooger-woocommerce-content .woocommerce-MyAccount-content,
.hooger-woocommerce-content .woocommerce-MyAccount-navigation {
  border-radius: var(--hooger-final-radius-md);
}

.hooger-woocommerce-content .cart-empty,
.hooger-woocommerce-content .woocommerce-order,
.hooger-woocommerce-content .woocommerce-MyAccount-content,
.hooger-woocommerce-content .woocommerce-MyAccount-navigation {
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(232, 223, 208, .72));
  box-shadow: var(--hooger-final-shadow-soft);
  color: var(--foreground, #17213c);
}

.hooger-woocommerce-content .cart-empty {
  margin: 1rem auto;
  padding: 1.25rem;
  text-align: center;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .hooger-checkout-bridge-notice,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content [data-hooger-bridge-notice] {
  align-items: center !important;
  border-radius: 18px !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  display: flex !important;
  justify-content: flex-start !important;
  line-height: 1.75 !important;
  margin: 0 auto clamp(1rem, 2.5vw, 1.4rem) !important;
  max-width: min(var(--hc-page-max, 1120px), calc(100vw - (var(--hc-page-gutter, 1rem) * 2))) !important;
  min-height: 3.1rem !important;
  overflow-wrap: break-word !important;
  padding: 0.82rem 1rem !important;
  text-align: right !important;
  white-space: normal !important;
  width: min(var(--hc-page-max, 1120px), calc(100vw - (var(--hc-page-gutter, 1rem) * 2))) !important;
}

.hooger-woocommerce-content .return-to-shop {
  margin: 1rem auto 2rem;
  text-align: center;
}

.hooger-woocommerce-content .return-to-shop .button,
.hooger-woocommerce-content .wc-backward,
.hooger-woocommerce-content .woocommerce-button {
  align-items: center;
  background: var(--button-primary-bg, var(--accent, #f59e0b)) !important;
  border: 1px solid transparent !important;
  border-radius: .9rem !important;
  color: var(--button-primary-text, #111827) !important;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  min-height: 46px;
  padding: .75rem 1.1rem !important;
  text-decoration: none !important;
}

.hooger-woocommerce-content .woocommerce-thankyou-order-received {
  background: var(--card, #ffffff);
  background: var(--notice-bg, color-mix(in srgb, var(--accent, #f59e0b) 10%, var(--card, #fff)));
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid var(--notice-border, color-mix(in srgb, var(--accent, #f59e0b) 45%, transparent));
  border-radius: var(--hooger-final-radius-md);
  color: var(--notice-text, var(--foreground, #17213c));
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 900;
  line-height: 1.9;
  margin: 1rem 0;
  padding: 1rem 1.25rem;
}

.hooger-woocommerce-content ul.order_details {
  background: var(--card, #fff);
  border: 1px solid var(--border, rgba(232, 223, 208, .72));
  border-radius: var(--hooger-final-radius-md);
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  list-style: none;
  margin: 1rem 0;
  padding: 1rem;
}

.hooger-woocommerce-content ul.order_details li {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: .65rem;
}

.hooger-woocommerce-content .woocommerce-MyAccount-navigation {
  padding: .75rem;
}

.hooger-woocommerce-content .woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hooger-woocommerce-content .woocommerce-MyAccount-navigation a {
  align-items: center;
  border-radius: .8rem;
  color: var(--foreground, #17213c);
  display: flex;
  font-weight: 800;
  min-height: 42px;
  padding: .65rem .8rem;
  text-decoration: none;
}

.hooger-woocommerce-content .woocommerce-MyAccount-navigation .is-active a,
.hooger-woocommerce-content .woocommerce-MyAccount-navigation a:hover {
  background: var(--secondary, #f7f2eb);
  color: var(--accent, #f59e0b);
}

.hooger-woocommerce-content .woocommerce-MyAccount-content {
  padding: 1rem;
}

/* Profile empty states: keep the icon attached to the heading in RTL. */
.hooger-profile-empty {
  text-align: right;
}

.hooger-profile-empty__title {
  align-items: center;
  display: flex;
  gap: .55rem;
  justify-content: flex-start;
  margin: 0 0 .65rem;
  min-width: 0;
}

.hooger-profile-empty__title h3 {
  margin: 0;
}

.hooger-profile-empty__icon {
  align-items: center;
  color: var(--accent, #f59e0b);
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
}

.hooger-profile-empty__icon .hooger-icon {
  display: block;
  height: 1.35rem;
  width: 1.35rem;
}

/* Profile panel headings need the same safe inset as the cards below them. */
.hooger-profile-panel > h2,
.hooger-profile-heading {
  box-sizing: border-box !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline: 1rem !important;
  width: 100% !important;
}

.hooger-profile-panel > h2,
.hooger-profile-heading h2,
.hooger-settings-panel h2 {
  line-height: 1.35 !important;
  overflow-wrap: break-word;
}

.hooger-profile-heading h2 {
  min-width: 0 !important;
}

@media (max-width: 1023px) {
  .hooger-profile-panel > h2,
  .hooger-profile-heading {
    padding-inline: clamp(1rem, 3.5vw, 1.35rem) !important;
  }
}

@media (min-width: 1024px) {
  .hooger-profile-panel > h2,
  .hooger-profile-heading {
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #fff) 86%, var(--secondary, #f7f2eb)) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--border, rgba(232, 223, 208, .72)) 92%, transparent) !important;
    border-radius: 1.05rem !important;
    box-shadow: var(--shadow-soft, none) !important;
    box-shadow: 0 .7rem 1.5rem color-mix(in srgb, var(--primary, #18203d) 5%, transparent) !important;
    padding-block: .75rem !important;
    padding-inline: 1rem !important;
  }

  html.hooger-dark .hooger-profile-panel > h2,
  body.hooger-dark .hooger-profile-panel > h2,
  .hooger-dark .hooger-profile-panel > h2,
  [data-theme="dark"] .hooger-profile-panel > h2,
  html.hooger-dark .hooger-profile-heading,
  body.hooger-dark .hooger-profile-heading,
  .hooger-dark .hooger-profile-heading,
  [data-theme="dark"] .hooger-profile-heading {
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #182033) 84%, var(--secondary, #243047)) !important;
    border-color: var(--border, #e5e7eb) !important;
    border-color: color-mix(in srgb, var(--border, rgba(148, 163, 184, .22)) 88%, transparent) !important;
    box-shadow: var(--shadow-soft, none) !important;
    box-shadow: 0 .7rem 1.5rem color-mix(in srgb, #000 16%, transparent) !important;
  }
}

/* Profile bottom navigation: active item should feel like a rounded selected chip. */
.hooger-profile-bottom {
  gap: .35rem !important;
  overflow: visible !important;
  padding-inline: max(.6rem, env(safe-area-inset-left)) max(.6rem, env(safe-area-inset-right)) !important;
}

.hooger-profile-bottom button {
  background-clip: padding-box !important;
  border-radius: 1rem !important;
  clip-path: none !important;
  isolation: isolate;
  margin-block: .12rem !important;
  overflow: visible !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hooger-profile-bottom button.is-active {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 16%, var(--card, #fff)) !important;
  border-radius: 1rem !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--accent, #f59e0b) 24%, transparent),
    0 .55rem 1.25rem color-mix(in srgb, var(--accent, #f59e0b) 12%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
  transform: translateY(-1px);
}

.hooger-profile-bottom button.is-active .hooger-icon,
.hooger-profile-bottom button.is-active span {
  color: inherit !important;
  stroke: currentColor !important;
}

html.hooger-dark .hooger-profile-bottom button.is-active,
body.hooger-dark .hooger-profile-bottom button.is-active,
.hooger-dark .hooger-profile-bottom button.is-active,
[data-theme="dark"] .hooger-profile-bottom button.is-active {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 20%, var(--card, #182033)) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--accent, #f59e0b) 30%, transparent),
    0 .55rem 1.25rem color-mix(in srgb, #000 22%, transparent) !important;
}

/* Desktop profile sidebar: keep selected menu items soft like the rest of the UI. */
.hooger-profile-menu {
  display: grid;
  gap: .28rem;
}

.hooger-profile-menu button {
  background-clip: padding-box !important;
  border-radius: .95rem !important;
  clip-path: none !important;
  overflow: hidden !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hooger-profile-menu button:hover {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 8%, var(--card, #fff)) !important;
}

.hooger-profile-menu button.is-active {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, var(--card, #fff)) !important;
  border-radius: .95rem !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #f59e0b) 26%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
}

.hooger-profile-menu button.is-active .hooger-icon,
.hooger-profile-menu button.is-active span {
  color: inherit !important;
  stroke: currentColor !important;
}

html.hooger-dark .hooger-profile-menu button:hover,
body.hooger-dark .hooger-profile-menu button:hover,
.hooger-dark .hooger-profile-menu button:hover,
[data-theme="dark"] .hooger-profile-menu button:hover {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, var(--card, #182033)) !important;
}

html.hooger-dark .hooger-profile-menu button.is-active,
body.hooger-dark .hooger-profile-menu button.is-active,
.hooger-dark .hooger-profile-menu button.is-active,
[data-theme="dark"] .hooger-profile-menu button.is-active {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 18%, var(--card, #182033)) !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent, #f59e0b) 32%, transparent) !important;
}

/* Sidebar points row: give it breathing room and a soft divider before menu items. */
.hooger-profile-sidebar .hooger-profile-points {
  border-top: 0 !important;
  margin-bottom: .95rem !important;
  margin-top: 1rem !important;
  padding-bottom: 1.05rem !important;
  padding-top: 1.05rem !important;
  position: relative;
}

.hooger-profile-sidebar .hooger-profile-points::before,
.hooger-profile-sidebar .hooger-profile-points::after {
  background: linear-gradient(
    90deg,
    transparent,
    color-mix(in srgb, var(--foreground, #111827) 24%, transparent),
    transparent
  );
  border-radius: 999px;
  bottom: 0;
  content: "";
  height: 1px;
  inset-inline: .2rem;
  opacity: .42;
  position: absolute;
}

.hooger-profile-sidebar .hooger-profile-points::before {
  top: 0;
}

.hooger-profile-sidebar .hooger-profile-points::after {
  bottom: 0;
}

html.hooger-dark .hooger-profile-sidebar .hooger-profile-points::before,
html.hooger-dark .hooger-profile-sidebar .hooger-profile-points::after,
body.hooger-dark .hooger-profile-sidebar .hooger-profile-points::before,
body.hooger-dark .hooger-profile-sidebar .hooger-profile-points::after,
.hooger-dark .hooger-profile-sidebar .hooger-profile-points::before,
.hooger-dark .hooger-profile-sidebar .hooger-profile-points::after,
[data-theme="dark"] .hooger-profile-sidebar .hooger-profile-points::before,
[data-theme="dark"] .hooger-profile-sidebar .hooger-profile-points::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .46), transparent);
  opacity: .55;
}

/* Cart trigger and drawer motion: softer, less jumpy interactions. */
.hooger-cart-button,
.hooger-elementor-header .hooger-cart-button {
  backface-visibility: hidden;
  transform: translateZ(0);
  transition:
    background-color .22s ease,
    box-shadow .28s ease,
    color .22s ease,
    transform .34s cubic-bezier(.22, 1, .36, 1) !important;
  will-change: transform;
}

.hooger-cart-button:hover,
.hooger-elementor-header .hooger-cart-button:hover {
  transform: translateY(-1px) scale(1.035) !important;
}

.hooger-cart-button:active,
.hooger-elementor-header .hooger-cart-button:active {
  transform: translateY(0) scale(.97) !important;
  transition-duration: .12s !important;
}

.hooger-cart-button .hooger-icon,
.hooger-elementor-header .hooger-cart-button .hooger-icon {
  transition: transform .32s cubic-bezier(.22, 1, .36, 1), stroke .22s ease, color .22s ease;
}

.hooger-cart-button:hover .hooger-icon,
.hooger-elementor-header .hooger-cart-button:hover .hooger-icon {
  transform: translateY(-1px);
}

.hooger-cart-badge,
.hooger-elementor-header .hooger-cart-badge {
  transform: translateZ(0) scale(.94);
  transition: opacity .22s ease, transform .3s cubic-bezier(.22, 1, .36, 1);
}

.hooger-cart-badge.is-visible,
.hooger-elementor-header .hooger-cart-badge.is-visible {
  transform: translateZ(0) scale(1);
}

.hooger-cart-backdrop {
  display: block !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease, visibility .28s ease;
  visibility: hidden;
}

.hooger-cart-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.hooger-cart-panel {
  backface-visibility: hidden;
  transition: transform .44s cubic-bezier(.22, 1, .36, 1), box-shadow .3s ease !important;
  will-change: transform;
}

/* Dark cart drawer: improve text contrast without changing the cart layout. */
html.hooger-dark .hooger-cart-panel,
body.hooger-dark .hooger-cart-panel,
.hooger-dark .hooger-cart-panel,
[data-theme="dark"] .hooger-cart-panel {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated, #1c2740) 96%, #fff 4%), var(--card, #111827)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 90%, transparent) !important;
  color: var(--foreground, #f8fafc) !important;
  box-shadow: 0 -1.25rem 3.5rem rgba(0, 0, 0, .38) !important;
}

html.hooger-dark .hooger-cart-panel__head,
html.hooger-dark .hooger-cart-panel__branch,
html.hooger-dark .hooger-cart-panel__free,
html.hooger-dark .hooger-cart-panel__foot,
body.hooger-dark .hooger-cart-panel__head,
body.hooger-dark .hooger-cart-panel__branch,
body.hooger-dark .hooger-cart-panel__free,
body.hooger-dark .hooger-cart-panel__foot,
.hooger-dark .hooger-cart-panel__head,
.hooger-dark .hooger-cart-panel__branch,
.hooger-dark .hooger-cart-panel__free,
.hooger-dark .hooger-cart-panel__foot,
[data-theme="dark"] .hooger-cart-panel__head,
[data-theme="dark"] .hooger-cart-panel__branch,
[data-theme="dark"] .hooger-cart-panel__free,
[data-theme="dark"] .hooger-cart-panel__foot {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 86%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel h2,
html.hooger-dark .hooger-cart-item h3,
body.hooger-dark .hooger-cart-panel h2,
body.hooger-dark .hooger-cart-item h3,
.hooger-dark .hooger-cart-panel h2,
.hooger-dark .hooger-cart-item h3,
[data-theme="dark"] .hooger-cart-panel h2,
[data-theme="dark"] .hooger-cart-item h3 {
  color: #f8fafc !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .12);
}

html.hooger-dark .hooger-cart-panel__head p,
html.hooger-dark .hooger-cart-item p,
html.hooger-dark .hooger-cart-panel__foot span,
body.hooger-dark .hooger-cart-panel__head p,
body.hooger-dark .hooger-cart-item p,
body.hooger-dark .hooger-cart-panel__foot span,
.hooger-dark .hooger-cart-panel__head p,
.hooger-dark .hooger-cart-item p,
.hooger-dark .hooger-cart-panel__foot span,
[data-theme="dark"] .hooger-cart-panel__head p,
[data-theme="dark"] .hooger-cart-item p,
[data-theme="dark"] .hooger-cart-panel__foot span {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 76%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel__head > span,
body.hooger-dark .hooger-cart-panel__head > span,
.hooger-dark .hooger-cart-panel__head > span,
[data-theme="dark"] .hooger-cart-panel__head > span {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, var(--surface-soft, #243047)) !important;
  color: var(--accent, #f59e0b) !important;
}

html.hooger-dark .hooger-cart-panel__head button,
body.hooger-dark .hooger-cart-panel__head button,
.hooger-dark .hooger-cart-panel__head button,
[data-theme="dark"] .hooger-cart-panel__head button {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 88%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel__branch,
body.hooger-dark .hooger-cart-panel__branch,
.hooger-dark .hooger-cart-panel__branch,
[data-theme="dark"] .hooger-cart-panel__branch {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--surface-soft, #243047) 82%, #fff 6%) !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 84%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel__branch strong,
body.hooger-dark .hooger-cart-panel__branch strong,
.hooger-dark .hooger-cart-panel__branch strong,
[data-theme="dark"] .hooger-cart-panel__branch strong {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel__branch span:last-child,
html.hooger-dark .hooger-cart-panel__branch em,
body.hooger-dark .hooger-cart-panel__branch span:last-child,
body.hooger-dark .hooger-cart-panel__branch em,
.hooger-dark .hooger-cart-panel__branch span:last-child,
.hooger-dark .hooger-cart-panel__branch em,
[data-theme="dark"] .hooger-cart-panel__branch span:last-child,
[data-theme="dark"] .hooger-cart-panel__branch em {
  color: #34d399 !important;
}

html.hooger-dark .hooger-cart-panel__free,
body.hooger-dark .hooger-cart-panel__free,
.hooger-dark .hooger-cart-panel__free,
[data-theme="dark"] .hooger-cart-panel__free {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, var(--surface-elevated, #1c2740)) !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 84%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel__free > span,
body.hooger-dark .hooger-cart-panel__free > span,
.hooger-dark .hooger-cart-panel__free > span,
[data-theme="dark"] .hooger-cart-panel__free > span {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, #000 22%, var(--surface-soft, #243047)) !important;
}

html.hooger-dark .hooger-cart-item,
body.hooger-dark .hooger-cart-item,
.hooger-dark .hooger-cart-item,
[data-theme="dark"] .hooger-cart-item {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--surface-soft, #243047) 90%, #fff 5%), var(--surface-soft, #243047)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 92%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  color: var(--foreground, #f8fafc) !important;
}

html.hooger-dark .hooger-cart-item img,
body.hooger-dark .hooger-cart-item img,
.hooger-dark .hooger-cart-item img,
[data-theme="dark"] .hooger-cart-item img {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--surface-elevated, #1c2740) 86%, #fff 6%) !important;
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 86%, transparent);
}

html.hooger-dark .hooger-cart-item__row strong,
body.hooger-dark .hooger-cart-item__row strong,
.hooger-dark .hooger-cart-item__row strong,
[data-theme="dark"] .hooger-cart-item__row strong {
  color: var(--accent, #f59e0b) !important;
}

html.hooger-dark .hooger-qty,
body.hooger-dark .hooger-qty,
.hooger-dark .hooger-qty,
[data-theme="dark"] .hooger-qty {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--card, #111827) 86%, #fff 4%) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 95%, transparent) !important;
  color: #f8fafc !important;
}

html.hooger-dark .hooger-qty button,
html.hooger-dark .hooger-qty span,
body.hooger-dark .hooger-qty button,
body.hooger-dark .hooger-qty span,
.hooger-dark .hooger-qty button,
.hooger-dark .hooger-qty span,
[data-theme="dark"] .hooger-qty button,
[data-theme="dark"] .hooger-qty span {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel__foot,
body.hooger-dark .hooger-cart-panel__foot,
.hooger-dark .hooger-cart-panel__foot,
[data-theme="dark"] .hooger-cart-panel__foot {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--card, #111827) 92%, #fff 3%) !important;
}

html.hooger-dark .hooger-cart-panel__foot div strong,
body.hooger-dark .hooger-cart-panel__foot div strong,
.hooger-dark .hooger-cart-panel__foot div strong,
[data-theme="dark"] .hooger-cart-panel__foot div strong {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel__foot .is-points,
html.hooger-dark .hooger-cart-panel__foot .is-points strong,
body.hooger-dark .hooger-cart-panel__foot .is-points,
body.hooger-dark .hooger-cart-panel__foot .is-points strong,
.hooger-dark .hooger-cart-panel__foot .is-points,
.hooger-dark .hooger-cart-panel__foot .is-points strong,
[data-theme="dark"] .hooger-cart-panel__foot .is-points,
[data-theme="dark"] .hooger-cart-panel__foot .is-points strong {
  color: #fb923c !important;
}

html.hooger-dark .hooger-cart-panel__foot .is-total,
body.hooger-dark .hooger-cart-panel__foot .is-total,
.hooger-dark .hooger-cart-panel__foot .is-total,
[data-theme="dark"] .hooger-cart-panel__foot .is-total {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 95%, transparent) !important;
}

html.hooger-dark .hooger-cart-panel__foot .is-total span,
body.hooger-dark .hooger-cart-panel__foot .is-total span,
.hooger-dark .hooger-cart-panel__foot .is-total span,
[data-theme="dark"] .hooger-cart-panel__foot .is-total span {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel__foot .is-total strong,
body.hooger-dark .hooger-cart-panel__foot .is-total strong,
.hooger-dark .hooger-cart-panel__foot .is-total strong,
[data-theme="dark"] .hooger-cart-panel__foot .is-total strong {
  color: var(--accent, #f59e0b) !important;
}

html.hooger-dark .hooger-cart-panel__foot a,
body.hooger-dark .hooger-cart-panel__foot a,
.hooger-dark .hooger-cart-panel__foot a,
[data-theme="dark"] .hooger-cart-panel__foot a {
  background: rgba(245, 158, 11, .12) !important;
  background: linear-gradient(135deg, var(--accent, #f59e0b), color-mix(in srgb, var(--accent, #f59e0b) 72%, #fff 18%)) !important;
  color: var(--accent-foreground, #10172a) !important;
}

.hooger-cart-panel__foot a span,
html.hooger-dark .hooger-cart-panel__foot a span,
body.hooger-dark .hooger-cart-panel__foot a span,
.hooger-dark .hooger-cart-panel__foot a span,
[data-theme="dark"] .hooger-cart-panel__foot a span {
  color: #111827 !important;
  opacity: .92;
}

@media (prefers-reduced-motion: reduce) {
  .hooger-cart-button,
  .hooger-elementor-header .hooger-cart-button,
  .hooger-cart-button .hooger-icon,
  .hooger-elementor-header .hooger-cart-button .hooger-icon,
  .hooger-cart-badge,
  .hooger-elementor-header .hooger-cart-badge,
  .hooger-cart-backdrop,
  .hooger-cart-panel {
    transition-duration: .01ms !important;
  }
}

/* Home category rail: cleaner icon badges while preserving the current pill layout. */
.hooger-category-rail {
  align-items: center !important;
}

.hooger-category-pill {
  align-items: center !important;
  isolation: isolate;
}

.hooger-category-pill > span {
  background:
    radial-gradient(circle at 70% 28%, color-mix(in srgb, #fff 48%, transparent), transparent 44%),
    color-mix(in srgb, var(--accent, #f59e0b) 10%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 20%, var(--border, rgba(232, 223, 208, .72))) !important;
  border-radius: .85rem !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 42%, transparent),
    0 .55rem 1.15rem color-mix(in srgb, var(--primary, #18203d) 7%, transparent) !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--primary, #18203d) 82%, var(--accent, #f59e0b)) !important;
  flex: 0 0 2.45rem !important;
  height: 2.45rem !important;
  overflow: hidden;
  position: relative;
  width: 2.45rem !important;
}

.hooger-category-pill > span::before {
  background: rgba(245, 158, 11, .12);
  background: color-mix(in srgb, var(--accent, #f59e0b) 16%, transparent);
  border-radius: .65rem;
  content: "";
  inset: .32rem;
  opacity: 0;
  position: absolute;
  transform: scale(.9);
  transition: opacity .2s ease, transform .22s ease;
}

.hooger-category-pill > span .hooger-icon,
.hooger-category-pill > span .hooger-category-thumb {
  display: block;
  position: relative;
  z-index: 1;
}

.hooger-category-pill > span .hooger-icon {
  height: 1.12rem !important;
  stroke-width: 2.25 !important;
  transition: color .2s ease, transform .22s cubic-bezier(.22, 1, .36, 1);
  width: 1.12rem !important;
}

.hooger-category-pill > span .hooger-category-thumb {
  border-radius: .62rem;
  box-shadow: var(--shadow-soft, none);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fff 34%, transparent);
}

.hooger-category-pill:hover > span::before,
.hooger-category-pill.is-active > span::before {
  opacity: 1;
  transform: scale(1);
}

.hooger-category-pill:hover > span .hooger-icon {
  transform: translateY(-1px) scale(1.04);
}

.hooger-category-pill.is-active > span {
  background:
    radial-gradient(circle at 70% 28%, color-mix(in srgb, #fff 38%, transparent), transparent 45%),
    color-mix(in srgb, var(--accent, #f59e0b) 26%, var(--card, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 44%, transparent) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, #fff 38%, transparent),
    0 .65rem 1.35rem color-mix(in srgb, var(--accent, #f59e0b) 20%, transparent) !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--primary, #18203d) 72%, var(--accent, #f59e0b)) !important;
}

.hooger-category-arrow .hooger-icon {
  height: 1rem !important;
  stroke-width: 2.35 !important;
  width: 1rem !important;
}

html.hooger-dark .hooger-category-pill > span,
body.hooger-dark .hooger-category-pill > span,
.hooger-dark .hooger-category-pill > span,
[data-theme="dark"] .hooger-category-pill > span {
  background:
    radial-gradient(circle at 70% 28%, rgba(255, 255, 255, .16), transparent 44%),
    color-mix(in srgb, var(--accent, #f59e0b) 12%, var(--surface-soft, #22304a)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 20%, var(--border-soft, rgba(148, 163, 184, .18))) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .08),
    0 .6rem 1.25rem rgba(0, 0, 0, .22) !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #f8fafc) 80%, var(--accent, #f59e0b)) !important;
}

html.hooger-dark .hooger-category-pill.is-active > span,
body.hooger-dark .hooger-category-pill.is-active > span,
.hooger-dark .hooger-category-pill.is-active > span,
[data-theme="dark"] .hooger-category-pill.is-active > span {
  background:
    radial-gradient(circle at 70% 28%, rgba(255, 255, 255, .2), transparent 45%),
    color-mix(in srgb, var(--accent, #f59e0b) 28%, var(--surface-soft, #22304a)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 48%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
}

/* Hero feature cards: keep icons inside their badges at every desktop width. */
.hooger-features {
  overflow: hidden;
}

.hooger-features__grid {
  align-items: stretch !important;
}

.hooger-feature {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

.hooger-feature > span:not(.hooger-feature__icon) {
  display: block;
  min-width: 0;
}

.hooger-feature__icon {
  box-sizing: border-box;
  flex: 0 0 clamp(2.35rem, 3.75vw, 3rem) !important;
  height: clamp(2.35rem, 3.75vw, 3rem) !important;
  min-height: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: clamp(2.35rem, 3.75vw, 3rem) !important;
}

.hooger-feature__icon .hooger-icon {
  display: block;
  flex: 0 0 auto !important;
  height: clamp(1.05rem, 1.9vw, 1.45rem) !important;
  max-height: 58% !important;
  max-width: 58% !important;
  stroke-width: 2.25 !important;
  width: clamp(1.05rem, 1.9vw, 1.45rem) !important;
}

@media (min-width: 1024px) {
  .hooger-feature {
    gap: clamp(.55rem, 1vw, 1rem) !important;
  }

  .hooger-feature strong,
  .hooger-feature small {
    max-width: 100%;
  }
}

@media (max-width: 390px) {
  .hooger-feature__icon {
    flex-basis: 2.25rem !important;
    height: 2.25rem !important;
    width: 2.25rem !important;
  }

  .hooger-feature__icon .hooger-icon {
    height: 1rem !important;
    width: 1rem !important;
  }
}

/* Desktop hero feature strip: match the compact single-card reference design. */
@media (min-width: 1024px) {
  .hooger-features {
    background: transparent !important;
    border-block: 0 !important;
    box-shadow: none !important;
    margin-top: -1.15rem;
    overflow: visible !important;
    padding-block: 0 !important;
    position: relative;
    z-index: 5;
  }

  .hooger-features > .hooger-container {
    max-width: min(1120px, calc(100% - 7rem));
    padding-inline: 0 !important;
  }

  .hooger-features__grid {
    align-items: center !important;
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #fff) 96%, #fff 4%) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--border, #e8dfd0) 86%, transparent) !important;
    border-radius: .72rem !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .92) inset,
      0 .9rem 1.85rem rgba(24, 32, 61, .08) !important;
    gap: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 4.35rem;
    padding: .58rem .72rem !important;
  }

  .hooger-feature {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    gap: .7rem !important;
    justify-content: center;
    min-height: 3.05rem !important;
    overflow: visible !important;
    padding: .25rem clamp(.62rem, 1.25vw, 1rem) !important;
    position: relative;
  }

  .hooger-feature:not(:last-child)::after {
    background: var(--card, #ffffff);
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--border, #e8dfd0) 78%, transparent), transparent);
    content: "";
    inset-block: .28rem;
    inset-inline-start: 0;
    position: absolute;
    width: 1px;
  }

  .hooger-feature > span:not(.hooger-feature__icon) {
    display: grid;
    gap: .08rem;
    min-width: 0;
    text-align: right;
  }

  .hooger-feature__icon {
    background: var(--primary, #18203d) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--primary, #18203d) 88%, #fff 12%) !important;
    border-radius: .56rem !important;
    box-shadow: 0 .55rem 1rem rgba(24, 32, 61, .17) !important;
    color: #fff !important;
    flex: 0 0 2.45rem !important;
    height: 2.45rem !important;
    padding: 0 !important;
    width: 2.45rem !important;
  }

  .hooger-feature__icon .hooger-icon {
    color: inherit !important;
    height: 1.22rem !important;
    max-height: none !important;
    max-width: none !important;
    stroke-width: 2.15 !important;
    width: 1.22rem !important;
  }

  .hooger-feature strong {
    color: var(--foreground, #18203d) !important;
    font-size: .92rem !important;
    font-weight: 900 !important;
    line-height: 1.35;
  }

  .hooger-feature small {
    color: var(--muted-foreground, #64748b) !important;
    color: color-mix(in srgb, var(--muted-foreground, #647089) 92%, transparent) !important;
    font-size: .72rem !important;
    line-height: 1.45;
  }

  html.hooger-dark .hooger-features__grid,
  body.hooger-dark .hooger-features__grid,
  .hooger-dark .hooger-features__grid,
  [data-theme="dark"] .hooger-features__grid {
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--surface-elevated, #1c2740) 94%, #fff 4%) !important;
    border-color: var(--border, #e5e7eb) !important;
    border-color: color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 92%, transparent) !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .06) inset,
      0 .9rem 1.85rem rgba(0, 0, 0, .24) !important;
  }

  html.hooger-dark .hooger-feature:not(:last-child)::after,
  body.hooger-dark .hooger-feature:not(:last-child)::after,
  .hooger-dark .hooger-feature:not(:last-child)::after,
  [data-theme="dark"] .hooger-feature:not(:last-child)::after {
    background: var(--card, #ffffff);
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--border-soft, rgba(148, 163, 184, .22)) 95%, transparent), transparent);
  }

  html.hooger-dark .hooger-feature__icon,
  body.hooger-dark .hooger-feature__icon,
  .hooger-dark .hooger-feature__icon,
  [data-theme="dark"] .hooger-feature__icon {
    background: rgba(245, 158, 11, .12) !important;
    background: color-mix(in srgb, var(--primary, #243047) 86%, #000 12%) !important;
    border-color: var(--border, #e5e7eb) !important;
    border-color: color-mix(in srgb, var(--accent, #f59e0b) 18%, var(--border-soft, rgba(148, 163, 184, .22))) !important;
    box-shadow: 0 .55rem 1rem rgba(0, 0, 0, .28) !important;
  }

  html.hooger-dark .hooger-feature strong,
  body.hooger-dark .hooger-feature strong,
  .hooger-dark .hooger-feature strong,
  [data-theme="dark"] .hooger-feature strong {
    color: var(--foreground, #f8fafc) !important;
  }

  html.hooger-dark .hooger-feature small,
  body.hooger-dark .hooger-feature small,
  .hooger-dark .hooger-feature small,
  [data-theme="dark"] .hooger-feature small {
    color: var(--muted-foreground, #64748b) !important;
    color: color-mix(in srgb, var(--muted-foreground, #cbd5e1) 88%, transparent) !important;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .hooger-features > .hooger-container {
    max-width: calc(100% - 2rem);
  }

  .hooger-feature {
    gap: .55rem !important;
    padding-inline: .55rem !important;
  }

  .hooger-feature strong {
    font-size: .84rem !important;
  }

  .hooger-feature small {
    font-size: .68rem !important;
  }
}

/* Carousel arrows must keep their rounded shape during hover/focus. */
.hooger-scroll-controls button,
.hooger-scroll-controls button:hover,
.hooger-scroll-controls button:focus-visible,
.hooger-category-arrow,
.hooger-category-arrow:hover,
.hooger-category-arrow:focus-visible {
  border-radius: .75rem !important;
  clip-path: none !important;
  overflow: hidden !important;
}

.hooger-category-arrow,
.hooger-category-arrow:hover,
.hooger-category-arrow:focus-visible {
  transform: translateY(-50%) !important;
}

.hooger-scroll-controls button:hover,
.hooger-scroll-controls button:focus-visible {
  transform: translateY(-1px) !important;
}

/* Header/search protection without changing the brand look. */
.hooger-search-trigger,
.hooger-elementor-header .hooger-search-trigger {
  min-width: 0;
}

.hooger-search-trigger .hooger-icon,
.hooger-elementor-header .hooger-search-trigger .hooger-icon {
  flex: 0 0 1.1rem;
  height: 1.1rem;
  width: 1.1rem;
}

/* Product cards: unify safe dimensions while keeping existing visual language. */
.hooger-product-card,
.hooger-woocommerce-content ul.products li.product {
  min-width: 0;
  overflow: hidden;
}

.hooger-product-card__body,
.hooger-product-card__body > div,
.hooger-woocommerce-content ul.products li.product .woocommerce-loop-product__title {
  min-width: 0;
}

.hooger-product-card__quick,
.hooger-product-card__mobile-add,
.hooger-product-card .button.add_to_cart_button,
.hooger-woocommerce-content ul.products li.product .button.add_to_cart_button {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: var(--hooger-final-touch);
  overflow: hidden;
  white-space: normal;
}

/* Checkout: final responsive safety layer, scoped to bridge-enabled pages only. */
.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout,
.woocommerce-checkout.hooger-checkout-bridge-enabled #customer_details,
.woocommerce-checkout.hooger-checkout-bridge-enabled .col2-set,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
.woocommerce-checkout.hooger-checkout-bridge-enabled #payment {
  max-width: 100%;
  min-width: 0;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .form-row input,
.woocommerce-checkout.hooger-checkout-bridge-enabled .form-row textarea,
.woocommerce-checkout.hooger-checkout-bridge-enabled .form-row select,
.woocommerce-checkout.hooger-checkout-bridge-enabled .select2-container {
  min-height: var(--hooger-final-touch);
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table th,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table td {
  vertical-align: top;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .payment_methods li,
.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-delivery-methods] label {
  min-width: 0;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .payment_methods li label,
.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-delivery-methods] label span,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-review-shipping-readonly {
  overflow-wrap: break-word;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields #ship-to-different-address {
  margin: 0;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields #ship-to-different-address label {
  align-items: center;
  background: var(--card, #ffffff);
  background: color-mix(in srgb, var(--secondary, #f8fafc) 70%, var(--card, #fff));
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent);
  border-radius: .95rem;
  color: var(--foreground, #111827);
  cursor: pointer;
  direction: rtl;
  display: flex;
  flex-direction: row-reverse;
  font-size: clamp(.95rem, 2.5vw, 1.05rem);
  font-weight: 950;
  gap: .75rem;
  justify-content: space-between;
  line-height: 1.65;
  margin: 0;
  min-block-size: 3.25rem;
  padding: .78rem .95rem;
  text-align: right;
  width: 100%;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields #ship-to-different-address label span {
  display: block;
  flex: 1 1 auto;
  min-inline-size: 0;
  overflow-wrap: break-word;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields #ship-to-different-address-checkbox {
  accent-color: var(--accent, #f59e0b);
  block-size: 1rem;
  flex: 0 0 1rem;
  inline-size: 1rem;
  margin: 0;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields .shipping_address {
  margin-block-start: .85rem;
}

/* Profile/order details: bottom sheet must be usable on small phones. */
@media (max-width: 767px) {
  .hooger-profile-grid,
  .hooger-profile-content,
  .hooger-profile-panel,
  .hooger-order-card {
    min-width: 0;
    width: 100%;
  }

  .hooger-order-card.is-open .hooger-order-sheet-backdrop {
    display: block;
  }

  .hooger-order-card.is-open .hooger-order-details {
    border-radius: 1.25rem 1.25rem 0 0;
    inset: auto 0 0 0;
    max-height: min(84dvh, 720px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem 1rem calc(1rem + var(--hooger-final-safe-bottom));
    width: 100vw;
  }

  .hooger-order-details__head {
    align-items: flex-start;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hooger-order-items,
  .hooger-order-item,
  .hooger-order-meta-grid,
  .hooger-order-meta-grid > span {
    min-width: 0;
    width: 100%;
  }

  .hooger-order-item {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .hooger-order-item strong,
  .hooger-order-item small,
  .hooger-order-meta-grid b,
  .hooger-order-meta-grid small {
    overflow-wrap: break-word;
  }
}

@media (max-width: 900px) {
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-billing-fields__field-wrapper,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-shipping-fields__field-wrapper,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled .form-row-first,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .form-row-last,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .form-row-wide {
    float: none !important;
    width: 100% !important;
  }
}

@media (max-width: 640px) {
  .hooger-landing,
  .hooger-page-main,
  .hooger-auth-main,
  .hooger-profile,
  .hooger-woocommerce-content {
    overflow-x: hidden;
  }

  .hooger-auth-card,
  .hooger-page-card,
  .hooger-profile-panel,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order,
  .woocommerce-checkout.hooger-checkout-bridge-enabled #payment {
    border-radius: var(--hooger-final-radius-md);
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled #payment .place-order {
    background: var(--card, #fff);
    border-top: 1px solid var(--border, rgba(232, 223, 208, .72));
    bottom: 0;
    margin-inline: -1rem;
    padding: .75rem 1rem calc(.75rem + var(--hooger-final-safe-bottom));
    position: sticky;
    z-index: 40;
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled #place_order {
    min-height: 50px;
    width: 100%;
  }

  .hooger-contact-grid,
  .hooger-info-card,
  .hooger-value-card,
  .elementor-widget.hooger-contact-card .elementor-icon-box-wrapper,
  .elementor-widget.hooger-content-card .elementor-icon-box-wrapper {
    min-width: 0;
  }

  .hooger-shop-tools .hooger-branch-card {
    align-items: stretch;
    display: grid;
    gap: .7rem;
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
    padding: .85rem;
  }

  .hooger-shop-tools .hooger-branch-card__main {
    align-items: center;
    display: grid;
    gap: .65rem;
    grid-template-columns: auto minmax(0, 1fr);
    justify-content: stretch;
    width: 100%;
  }

  .hooger-shop-tools .hooger-branch-card__main > span:last-child,
  .hooger-shop-tools .hooger-branch-card__meta,
  .hooger-shop-tools .hooger-branch-card__meta > span,
  .hooger-shop-tools .hooger-compact-branch {
    min-width: 0;
  }

  .hooger-shop-tools .hooger-branch-card strong {
    line-height: 1.45;
    max-width: 100%;
    white-space: normal;
  }

  .hooger-shop-tools .hooger-branch-card__meta {
    display: grid;
    gap: .5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .hooger-shop-tools .hooger-branch-card__meta > span,
  .hooger-shop-tools .hooger-compact-branch {
    align-items: center;
    background: var(--card, #ffffff);
    background: color-mix(in srgb, var(--card, #fff) 72%, var(--secondary, #f7f2eb));
    border: 1px solid var(--border, rgba(232, 223, 208, .72));
    border-radius: .8rem;
    box-shadow: none;
    display: inline-flex;
    justify-content: center;
    min-height: 42px;
    overflow: hidden;
    padding: .45rem .55rem;
    text-align: center;
  }

  .hooger-shop-tools .hooger-compact-branch {
    grid-column: 1 / -1;
    justify-content: space-between;
    width: 100%;
  }

  .hooger-shop-tools .hooger-compact-branch > span:nth-child(2) {
    display: block;
    flex: 1 1 auto;
    line-height: 1.35;
    text-align: right;
  }

  .hooger-shop-tools .hooger-branch-card__meta em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 390px) {
  .hooger-product-card__body,
  .hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
  .hooger-checkout-bridge-enabled .woocommerce-checkout-review-order,
  .hooger-profile-panel,
  .hooger-auth-card {
    padding-inline: max(.85rem, env(safe-area-inset-left)) max(.85rem, env(safe-area-inset-right));
  }

  .hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table th,
  .hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table td {
    font-size: .9rem;
  }
}

/* Notifications 1.9: richer cards with priority, metadata and action links. */
.hooger-notice-card {
  border-radius: 1rem;
  overflow: hidden;
}

.hooger-notice-card.is-important {
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 48%, var(--border, #e5e7eb));
}

.hooger-notice-card.is-urgent {
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--destructive, #ef4444) 52%, var(--border, #e5e7eb));
}

.hooger-notice-title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
}

.hooger-notice-title em {
  background: rgba(245, 158, 11, .12);
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent);
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 28%, transparent);
  border-radius: 999px;
  color: var(--accent, #f59e0b);
  font-size: .72rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  padding: .28rem .5rem;
}

.hooger-notice-card.is-urgent .hooger-notice-title em {
  background: rgba(239, 68, 68, .1);
  background: color-mix(in srgb, var(--destructive, #ef4444) 14%, transparent);
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--destructive, #ef4444) 28%, transparent);
  color: var(--destructive, #ef4444);
}

.hooger-notice-meta {
  align-items: center;
  display: flex !important;
  flex-wrap: wrap;
  gap: .35rem .7rem;
}

.hooger-notice-meta span {
  align-items: center;
  display: inline-flex;
  gap: .25rem;
}

.hooger-notice-link {
  align-items: center;
  background: rgba(245, 158, 11, .12);
  background: color-mix(in srgb, var(--accent, #f59e0b) 12%, transparent);
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 25%, transparent);
  border-radius: .75rem;
  color: var(--accent, #f59e0b);
  display: inline-flex;
  font-size: .82rem;
  font-weight: 900;
  gap: .25rem;
  margin-top: .7rem;
  padding: .48rem .7rem;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

.hooger-notice-link:hover {
  background: var(--accent, #f59e0b);
  border-color: var(--accent, #f59e0b);
  color: #111827;
  transform: translateY(-1px);
}

.hooger-notice-link .hooger-icon {
  height: 1rem;
  width: 1rem;
}

.hooger-settings-row .hooger-toggle {
  background: var(--card, #ffffff);
  background: color-mix(in srgb, var(--muted, #e5e7eb) 82%, var(--card, #fff));
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--muted-foreground, #64748b) 18%, transparent);
  border-radius: .82rem;
  box-shadow: var(--shadow-soft, none);
  box-shadow: inset 0 1px 2px color-mix(in srgb, #111827 10%, transparent);
  block-size: 1.82rem;
  flex: 0 0 3.15rem;
  inline-size: 3.15rem;
  padding: .22rem;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.hooger-settings-row .hooger-toggle i {
  background: var(--card, #ffffff);
  background: color-mix(in srgb, #fff 90%, var(--card, #fff));
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--muted-foreground, #64748b) 12%, transparent);
  border-radius: .52rem;
  box-shadow: var(--shadow-soft, none);
  box-shadow: 0 3px 8px color-mix(in srgb, #111827 14%, transparent);
  block-size: 1.26rem;
  inline-size: 1.26rem;
  transform: translateX(-1.32rem);
}

.hooger-settings-row .hooger-toggle.is-on {
  background: var(--card, #ffffff);
  background: color-mix(in srgb, var(--accent, #f59e0b) 68%, var(--card, #fff));
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 42%, transparent);
  box-shadow: var(--shadow-soft, none);
  box-shadow: inset 0 1px 1px color-mix(in srgb, #fff 28%, transparent), 0 8px 18px color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent);
}

.hooger-settings-row .hooger-toggle.is-on i {
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 18%, transparent);
  transform: translateX(0);
}

.hooger-settings-row .hooger-toggle:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--accent, #f59e0b) 60%, transparent);
  outline-offset: 3px;
}

@media (max-width: 560px) {
  .hooger-settings-row .hooger-toggle {
    block-size: 1.78rem;
    flex-basis: 3rem;
    inline-size: 3rem;
  }

  .hooger-settings-row .hooger-toggle i {
    block-size: 1.2rem;
    inline-size: 1.2rem;
    transform: translateX(-1.24rem);
  }

  .hooger-settings-row .hooger-toggle.is-on i {
    transform: translateX(0);
  }
}

.hooger-notice-actions [data-hooger-notification-delete] {
  background: var(--card, #ffffff);
  background: color-mix(in srgb, var(--destructive, #ef4444) 10%, var(--card, #fff));
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--destructive, #ef4444) 22%, transparent);
  border-radius: .78rem;
  box-shadow: none;
  color: var(--destructive, #ef4444);
  inline-size: 2.45rem;
  min-inline-size: 2.45rem;
  padding: 0;
}

.hooger-notice-actions [data-hooger-notification-delete] .hooger-icon {
  height: 1.08rem;
  stroke-width: 2.25;
  width: 1.08rem;
}

.hooger-notice-actions [data-hooger-notification-delete]:hover,
.hooger-notice-actions [data-hooger-notification-delete]:focus-visible {
  background: var(--card, #ffffff);
  background: color-mix(in srgb, var(--destructive, #ef4444) 16%, var(--card, #fff));
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--destructive, #ef4444) 38%, transparent);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .hooger-notice-actions {
    display: flex;
    gap: .5rem;
    grid-template-columns: none;
    justify-content: flex-end;
    justify-self: end;
    margin-block-start: .25rem;
    width: auto;
  }

  .hooger-notice-actions button[data-hooger-notification-read] {
    inline-size: auto;
    min-inline-size: 4.7rem;
    padding-inline: .8rem;
    width: auto;
  }

  .hooger-notice-actions [data-hooger-notification-delete] {
    block-size: 2.55rem;
    inline-size: 2.55rem;
    min-block-size: 2.55rem;
    min-inline-size: 2.55rem;
    width: 2.55rem;
  }
}

/* Reference-style footer: compact dark structure with social/contact icon rows. */
.hooger-footer,
.hooger-elementor-footer {
  background: linear-gradient(180deg, #172d63 0%, #102653 100%) !important;
  color: rgba(255, 255, 255, .82) !important;
}

.hooger-footer__top,
.hooger-elementor-footer .hooger-elementor-footer-main {
  background: transparent !important;
  border: 0 !important;
  padding: 2.15rem 0 1.75rem !important;
}

.hooger-footer__grid,
.hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
  direction: rtl;
  margin-inline: auto;
  max-width: 1120px;
  width: min(100% - 2rem, 1120px);
}

.hooger-footer__grid {
  align-items: start;
  display: grid;
  gap: 2.2rem;
  grid-template-columns: minmax(15rem, 1.35fr) repeat(3, minmax(8rem, .85fr));
}

.hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
  align-items: start;
  display: grid !important;
  gap: 2.2rem;
  grid-template-columns: minmax(15rem, 1.35fr) repeat(3, minmax(8rem, .85fr));
}

.hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container > .elementor-column {
  width: auto !important;
}

.hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container > .elementor-column > .elementor-widget-wrap {
  align-content: flex-start;
  display: grid !important;
  gap: .8rem;
  padding: 0 !important;
}

.hooger-footer h4,
.hooger-elementor-footer h3,
.hooger-elementor-footer h4,
.hooger-elementor-footer .elementor-heading-title,
.hooger-elementor-footer .hooger-footer-part h4 {
  color: #fff !important;
  font-size: .96rem !important;
  font-weight: 900 !important;
  line-height: 1.45 !important;
  margin: 0 0 .85rem !important;
  text-align: right !important;
}

.hooger-footer h4::after,
.hooger-elementor-footer h3::after,
.hooger-elementor-footer h4::after,
.hooger-elementor-footer .elementor-heading-title::after {
  display: none !important;
}

.hooger-footer p,
.hooger-footer a,
.hooger-footer span,
.hooger-elementor-footer p,
.hooger-elementor-footer a,
.hooger-elementor-footer span,
.hooger-elementor-footer .hooger-elementor-nav-menu a {
  color: rgba(255, 255, 255, .76) !important;
  font-size: .86rem;
  line-height: 1.9;
}

.hooger-footer a,
.hooger-elementor-footer a,
.hooger-elementor-footer .hooger-elementor-nav-menu a {
  display: flex;
  justify-content: flex-start;
  padding: .12rem 0 !important;
  text-decoration: none !important;
  transition: color .18s ease, transform .18s ease;
}

.hooger-footer a:hover,
.hooger-elementor-footer a:hover,
.hooger-elementor-footer .hooger-elementor-nav-menu a:hover {
  color: #fff !important;
  transform: translateX(-2px);
}

.hooger-footer__brand,
.hooger-elementor-footer .hooger-footer-part--brand {
  align-items: flex-start;
  display: grid !important;
  grid-auto-flow: row !important;
  justify-items: start;
  max-width: 18rem;
  row-gap: .72rem !important;
  text-align: right;
}

.hooger-logo--footer,
.hooger-elementor-footer .hooger-logo--footer {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: .65rem;
  margin: 0 0 .75rem !important;
  padding: 0 !important;
}

.hooger-logo--footer .hooger-logo__mark,
.hooger-elementor-footer .hooger-logo--footer .hooger-logo__mark {
  background: rgba(255, 255, 255, .1) !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: .72rem !important;
  box-shadow: none !important;
  height: 2.65rem !important;
  padding: .22rem !important;
  width: 2.65rem !important;
}

.hooger-logo--footer .hooger-logo__text,
.hooger-elementor-footer .hooger-logo--footer .hooger-logo__text {
  color: #fff !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
}

.hooger-footer__brand .hooger-logo--footer,
.hooger-elementor-footer .hooger-footer-part--brand .hooger-logo--footer {
  align-items: center !important;
  direction: rtl !important;
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  inline-size: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  vertical-align: top !important;
}

.hooger-footer__brand .hooger-logo--footer .hooger-logo__mark,
.hooger-elementor-footer .hooger-footer-part--brand .hooger-logo--footer .hooger-logo__mark {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  block-size: 2.65rem !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 2.65rem !important;
  inline-size: 2.65rem !important;
  justify-content: center !important;
  max-block-size: 2.65rem !important;
  max-inline-size: 2.65rem !important;
  min-block-size: 2.65rem !important;
  min-inline-size: 2.65rem !important;
  overflow: hidden !important;
}

.hooger-footer__brand .hooger-logo--footer .hooger-logo__mark img,
.hooger-elementor-footer .hooger-footer-part--brand .hooger-logo--footer .hooger-logo__mark img {
  block-size: 100% !important;
  display: block !important;
  inline-size: 100% !important;
  max-block-size: 100% !important;
  max-inline-size: 100% !important;
  object-fit: contain !important;
}

.hooger-footer__brand .hooger-logo--footer .hooger-logo__text,
.hooger-elementor-footer .hooger-footer-part--brand .hooger-logo--footer .hooger-logo__text {
  display: inline-block !important;
  flex: 0 1 auto !important;
  line-height: 1.25 !important;
  min-inline-size: 0 !important;
  white-space: nowrap !important;
}

.hooger-footer__brand p,
.hooger-elementor-footer .hooger-footer-part--brand p {
  inline-size: 100% !important;
  margin: 0 !important;
  max-inline-size: 22rem !important;
}

.hooger-footer-social {
  align-items: center;
  display: flex;
  gap: .58rem;
  margin-top: .85rem;
}

.hooger-footer-social a {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  display: inline-flex !important;
  height: 2.05rem;
  justify-content: center !important;
  padding: 0 !important;
  width: 2.05rem;
}

.hooger-footer-social a:hover {
  background: rgba(245, 158, 11, .95);
  border-color: rgba(245, 158, 11, .95);
  color: #102653 !important;
  transform: translateY(-2px);
}

.hooger-footer-social .hooger-icon,
.hooger-footer-contact-row .hooger-icon {
  height: 1.05rem;
  width: 1.05rem;
}

.hooger-footer-contact-row {
  align-items: center;
  display: flex;
  gap: .6rem;
  margin: 0 0 .45rem !important;
}

.hooger-footer-contact-row > .hooger-icon {
  color: rgba(255, 255, 255, .92);
  flex: 0 0 auto;
}

.hooger-footer-contact-row > span {
  min-width: 0;
}

.hooger-footer__bottom,
.hooger-elementor-footer .hooger-elementor-footer-copy {
  background: transparent !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  margin-inline: auto;
  max-width: 1120px;
  padding: 1.05rem 0 1.25rem !important;
  text-align: center;
  width: min(100% - 2rem, 1120px);
}

.hooger-footer__bottom p,
.hooger-elementor-footer .hooger-footer-part--copyright p {
  color: rgba(255, 255, 255, .74) !important;
  font-size: .82rem !important;
  margin: 0 !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  .hooger-footer__grid,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 640px) {
  .hooger-footer__top,
  .hooger-elementor-footer .hooger-elementor-footer-main {
    padding-block: 1.65rem !important;
  }

  .hooger-footer__grid,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
    gap: 1.35rem;
    grid-template-columns: 1fr;
  }

  .hooger-footer__brand,
  .hooger-elementor-footer .hooger-footer-part--brand {
    max-width: none;
  }

  .hooger-elementor-footer .hooger-footer-part--brand .hooger-footer-social,
  .hooger-footer__brand .hooger-footer-social,
  .hooger-footer-social {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    justify-content: center !important;
    justify-self: center !important;
    margin: 0.85rem auto 0 !important;
    width: 100% !important;
  }

  .hooger-elementor-footer .hooger-footer-part--brand .hooger-footer-social a,
  .hooger-footer__brand .hooger-footer-social a,
  .hooger-footer-social a {
    flex: 0 0 2.45rem !important;
    height: 2.45rem !important;
    width: 2.45rem !important;
  }
}

/* Checkout completion layout */
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
  margin-inline: auto !important;
  max-width: 1180px !important;
  padding: 1.4rem 1rem 3rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  margin: 0 auto 1rem !important;
  max-width: 1180px !important;
  padding: .6rem 1rem 0 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout {
  align-items: start !important;
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 390px) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .col2-set,
.woocommerce-checkout.hooger-checkout-bridge-enabled #customer_details {
  display: grid !important;
  gap: 1rem !important;
  min-width: 0 !important;
  width: 100% !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .col2-set .col-1,
.woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout .col2-set .col-2 {
  float: none !important;
  min-width: 0 !important;
  width: 100% !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-billing-fields,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-additional-fields,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
  background: var(--card, #fff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 82%, transparent) !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, .08) !important;
  box-sizing: border-box !important;
  color: var(--foreground, #111827) !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 1rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
  grid-column: 2 !important;
  grid-row: 1 / span 8 !important;
  position: sticky !important;
  top: 104px !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-section-title {
  border-bottom: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 72%, transparent) !important;
  margin: -.15rem 0 .9rem !important;
  padding-bottom: .85rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-section-title > span {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 16%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 26%, transparent) !important;
  border-radius: 14px !important;
  color: var(--accent, #f59e0b) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid {
  display: grid !important;
  gap: .8rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label {
  align-items: center !important;
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 64%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 80%, transparent) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: .15rem .75rem !important;
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  min-height: 86px !important;
  padding: .85rem !important;
  position: relative !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label > span {
  align-items: center !important;
  align-self: center !important;
  background: #183f84 !important;
  border-radius: 14px !important;
  color: #fff !important;
  display: inline-flex !important;
  grid-row: 1 / span 3 !important;
  height: 3rem !important;
  justify-content: center !important;
  width: 3rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label.is-selected {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, var(--card, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 55%, transparent) !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 14px 28px color-mix(in srgb, var(--accent, #f59e0b) 16%, transparent) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid strong,
.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods label {
  color: var(--foreground, #111827) !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1.7 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid small,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid em {
  color: var(--muted-foreground, #64748b) !important;
  font-size: .78rem !important;
  font-style: normal !important;
  line-height: 1.7 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid em {
  color: var(--accent, #f59e0b) !important;
  font-weight: 850 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-pickup-branch,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-card,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-error,
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-empty {
  align-items: center !important;
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, #2563eb 7%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, #2563eb 20%, var(--border, #e2e8f0)) !important;
  border-radius: 16px !important;
  color: var(--foreground, #111827) !important;
  display: flex !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
  padding: .85rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-error {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, #ef4444 9%, var(--card, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, #ef4444 28%, var(--border, #e2e8f0)) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-branch-error a {
  color: var(--accent, #f59e0b) !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list {
  display: grid !important;
  gap: .7rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-address-option],
.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-new-address {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 64%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 80%, transparent) !important;
  border-radius: 15px !important;
  color: var(--foreground, #111827) !important;
  min-height: 64px !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-address-option].is-selected {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 55%, transparent) !important;
}

.woocommerce-checkout.hooger-checkout-pickup-selected .hooger-checkout-bridge-address-book,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_address_1_field,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_address_2_field,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_city_field,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_state_field,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_postcode_field,
.woocommerce-checkout.hooger-checkout-pickup-selected #billing_country_field,
.woocommerce-checkout.hooger-checkout-pickup-selected .hooger-checkout-address-field {
  display: none !important;
}

.woocommerce-checkout.hooger-checkout-pickup-selected [data-hooger-payment-methods-slot] ul.payment_methods li:has(input[value="hooger_cod"]) {
  display: none !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods {
  display: grid !important;
  gap: .7rem !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 64%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 80%, transparent) !important;
  border-radius: 16px !important;
  color: var(--foreground, #111827) !important;
  padding: .85rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li.is-selected {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 55%, transparent) !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] .payment_box {
  background: transparent !important;
  color: var(--muted-foreground, #64748b) !important;
  margin: .45rem 0 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table {
  background: transparent !important;
  color: var(--foreground, #111827) !important;
  width: 100% !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table th,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table td {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--border, #e2e8f0) 70%, transparent) !important;
  color: var(--foreground, #111827) !important;
  font-size: .86rem !important;
  line-height: 1.8 !important;
  padding: .75rem 0 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table .amount,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table bdi {
  color: var(--foreground, #111827) !important;
  font-weight: 950 !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table tfoot tr.order-total .amount {
  color: var(--accent, #f59e0b) !important;
  font-size: 1.02rem !important;
}

.woocommerce-checkout.hooger-checkout-bridge-enabled #place_order {
  background: var(--accent, #f59e0b) !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: var(--accent-foreground, #111827) !important;
  font-weight: 950 !important;
  min-height: 54px !important;
  width: 100% !important;
}

.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-billing-fields,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-additional-fields,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
  background: #142033 !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24) !important;
  color: #eef4ff !important;
}

.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-address-option],
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-new-address {
  background: #1b2a43 !important;
  border-color: rgba(148, 163, 184, .22) !important;
}

.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid strong,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods label,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table th,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table td,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table .amount,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table bdi {
  color: #eef4ff !important;
}

.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid small,
.hooger-dark.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] .payment_box {
  color: rgba(226, 232, 240, .78) !important;
}

@media (max-width: 960px) {
  .woocommerce-checkout.hooger-checkout-bridge-enabled form.checkout {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
  }
}

@media (max-width: 640px) {
  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
    padding-inline: .75rem !important;
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list {
    grid-template-columns: 1fr !important;
  }

  .woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-panel,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-billing-fields,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-additional-fields,
  .woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
    border-radius: 16px !important;
    padding: .85rem !important;
  }
}

/* Final responsive feature strip pass */
.hooger-features {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  padding: 0 1rem !important;
  position: relative !important;
  z-index: 7 !important;
}

.hooger-features > .hooger-container {
  box-sizing: border-box !important;
  margin-inline: auto !important;
  max-width: 1120px !important;
  padding-inline: 0 !important;
  width: 100% !important;
}

.hooger-features__grid {
  box-sizing: border-box !important;
  display: grid !important;
  direction: rtl !important;
  isolation: isolate !important;
  margin-inline: auto !important;
  max-width: 100% !important;
  overflow: hidden !important;
  width: 100% !important;
}

.hooger-feature {
  align-items: center !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  gap: .7rem !important;
  min-width: 0 !important;
  text-align: right !important;
}

.hooger-feature > span:not(.hooger-feature__icon) {
  display: grid !important;
  flex: 1 1 auto !important;
  gap: .08rem !important;
  min-width: 0 !important;
}

.hooger-feature__icon {
  align-items: center !important;
  aspect-ratio: 1 / 1 !important;
  background: #183f84 !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 13px !important;
  box-shadow: 0 10px 20px rgba(24, 63, 132, .18) !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 2.75rem !important;
  height: 2.75rem !important;
  justify-content: center !important;
  min-height: 2.75rem !important;
  min-width: 2.75rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  width: 2.75rem !important;
}

.hooger-feature__icon .hooger-icon {
  color: inherit !important;
  display: block !important;
  flex: 0 0 auto !important;
  height: 1.28rem !important;
  max-height: none !important;
  max-width: none !important;
  stroke-width: 2.15 !important;
  width: 1.28rem !important;
}

.hooger-feature strong,
.hooger-feature small {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.hooger-feature strong {
  color: var(--foreground, #18203d) !important;
  font-size: clamp(.82rem, 1vw, .94rem) !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
}

.hooger-feature small {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--muted-foreground, #64748b) 92%, transparent) !important;
  font-size: clamp(.7rem, .86vw, .78rem) !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

@media (min-width: 1024px) {
  .hooger-features {
    margin-top: -1.05rem !important;
  }

  .hooger-features__grid {
    align-items: center !important;
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #fff) 97%, #fff 3%) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--border, #e8dfd0) 86%, transparent) !important;
    border-radius: 12px !important;
    box-shadow:
      0 1px 0 rgba(255, 255, 255, .94) inset,
      0 16px 32px rgba(24, 32, 61, .09) !important;
    gap: 0 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 4.4rem !important;
    padding: .55rem .65rem !important;
  }

  .hooger-feature {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    justify-content: center !important;
    min-height: 3.3rem !important;
    overflow: visible !important;
    padding: .2rem clamp(.6rem, 1.15vw, 1rem) !important;
    position: relative !important;
  }

  .hooger-feature:not(:last-child)::after {
    background: var(--card, #ffffff) !important;
    background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--border, #e8dfd0) 80%, transparent), transparent) !important;
    content: "" !important;
    inset-block: .28rem !important;
    inset-inline-start: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .hooger-features {
    padding-inline: clamp(1rem, 4vw, 3.75rem) !important;
  }

  .hooger-feature {
    gap: .58rem !important;
    padding-inline: .55rem !important;
  }

  .hooger-feature__icon {
    flex-basis: 2.55rem !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    min-width: 2.55rem !important;
    width: 2.55rem !important;
  }

  .hooger-feature__icon .hooger-icon {
    height: 1.18rem !important;
    width: 1.18rem !important;
  }
}

@media (min-width: 700px) and (max-width: 1023px) {
  .hooger-features {
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #fff) 75%, transparent) !important;
    margin-top: 0 !important;
    padding: 1rem !important;
  }

  .hooger-features__grid {
    gap: .8rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .hooger-feature {
    background: var(--card, #fff) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 82%, transparent) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 26px rgba(24, 32, 61, .08) !important;
    min-height: 4.8rem !important;
    padding: .85rem !important;
  }

  .hooger-feature::after {
    display: none !important;
  }
}

@media (max-width: 699px) {
  .hooger-features {
    background: var(--card, #ffffff) !important;
    background: color-mix(in srgb, var(--card, #fff) 68%, transparent) !important;
    margin-top: 0 !important;
    padding: .8rem .75rem !important;
  }

  .hooger-features__grid {
    gap: .65rem !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible !important;
  }

  .hooger-feature {
    background: var(--card, #fff) !important;
    border: 1px solid var(--border, #e5e7eb) !important;
    border: 1px solid color-mix(in srgb, var(--border, #e2e8f0) 84%, transparent) !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 22px rgba(24, 32, 61, .075) !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 7rem !important;
    padding: .78rem .58rem !important;
    text-align: center !important;
  }

  .hooger-feature::after {
    display: none !important;
  }

  .hooger-feature > span:not(.hooger-feature__icon) {
    justify-items: center !important;
    text-align: center !important;
  }

  .hooger-feature__icon {
    flex-basis: 2.65rem !important;
    height: 2.65rem !important;
    min-height: 2.65rem !important;
    min-width: 2.65rem !important;
    width: 2.65rem !important;
  }

  .hooger-feature strong,
  .hooger-feature small {
    white-space: normal !important;
  }

  .hooger-feature strong {
    font-size: .86rem !important;
    line-height: 1.45 !important;
  }

  .hooger-feature small {
    font-size: .72rem !important;
    line-height: 1.55 !important;
  }
}

@media (max-width: 360px) {
  .hooger-features__grid {
    grid-template-columns: 1fr !important;
  }

  .hooger-feature {
    flex-direction: row !important;
    justify-content: flex-start !important;
    min-height: 4.5rem !important;
    padding: .75rem !important;
    text-align: right !important;
  }

  .hooger-feature > span:not(.hooger-feature__icon) {
    justify-items: start !important;
    text-align: right !important;
  }
}

html.hooger-dark .hooger-features__grid,
body.hooger-dark .hooger-features__grid,
.hooger-dark .hooger-features__grid,
[data-theme="dark"] .hooger-features__grid {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--surface-elevated, #18263d) 94%, #fff 4%) !important;
  border-color: rgba(148, 163, 184, .2) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, .06) inset,
    0 16px 32px rgba(0, 0, 0, .22) !important;
}

html.hooger-dark .hooger-feature,
body.hooger-dark .hooger-feature,
.hooger-dark .hooger-feature,
[data-theme="dark"] .hooger-feature {
  color: var(--foreground, #f8fafc) !important;
}

html.hooger-dark .hooger-feature__icon,
body.hooger-dark .hooger-feature__icon,
.hooger-dark .hooger-feature__icon,
[data-theme="dark"] .hooger-feature__icon {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, #214a96 82%, #000 12%) !important;
  border-color: rgba(245, 158, 11, .18) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .24) !important;
}

html.hooger-dark .hooger-feature strong,
body.hooger-dark .hooger-feature strong,
.hooger-dark .hooger-feature strong,
[data-theme="dark"] .hooger-feature strong {
  color: var(--foreground, #f8fafc) !important;
}

html.hooger-dark .hooger-feature small,
body.hooger-dark .hooger-feature small,
.hooger-dark .hooger-feature small,
[data-theme="dark"] .hooger-feature small {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--muted-foreground, #cbd5e1) 88%, transparent) !important;
}

/* Unified inner content pages: About, Contact, FAQ. */
.hooger-page-main:has(.hooger-ref-page) {
  padding-inline: clamp(.85rem, 2.4vw, 1.5rem) !important;
}

.elementor-section.hooger-ref-hero,
.elementor-section.hooger-ref-hero--contact,
.elementor-section.hooger-ref-hero--faq {
  --ref-hero-width: 1020px !important;
  --ref-hero-height: 466px !important;
  border-radius: 18px !important;
  min-height: var(--ref-hero-height) !important;
  width: min(100%, var(--ref-hero-width)) !important;
}

.hooger-ref-eyebrow {
  direction: rtl !important;
  gap: .5rem !important;
}

.hooger-ref-eyebrow .hooger-icon,
.hooger-ref-faq-pills .hooger-icon,
.hooger-ref-faq-heading .hooger-icon,
.hooger-ref-channel .hooger-icon,
.hooger-contact-form button .hooger-icon {
  flex: 0 0 auto !important;
  height: 1.08rem !important;
  width: 1.08rem !important;
}

.hooger-ref-eyebrow .hooger-icon {
  color: currentColor !important;
}

.hooger-page-main .elementor-widget.hooger-ref-stat,
.hooger-page-main .elementor-widget.hooger-ref-stat :is(.elementor-counter-number-wrapper, .elementor-counter-number, .elementor-counter-number-prefix, .elementor-counter-number-suffix, .elementor-counter-title) {
  font-family: "IranSans", "IRANSans", Tahoma, Arial, sans-serif !important;
}

.hooger-page-main .elementor-widget.hooger-ref-stat .elementor-counter-number-wrapper {
  direction: ltr !important;
  font-variant-numeric: tabular-nums !important;
  unicode-bidi: isolate !important;
}

.hooger-ref-faq-pills a,
.hooger-ref-channel,
.hooger-contact-form button {
  gap: .55rem !important;
}

.hooger-ref-faq-pills a {
  padding-inline: 1rem !important;
}

.hooger-ref-faq-pills {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  inline-size: min(100%, 860px) !important;
  margin-inline: auto !important;
}

.hooger-ref-faq-pills a {
  inline-size: 100% !important;
  justify-content: center !important;
  min-inline-size: 0 !important;
  white-space: nowrap !important;
}

.hooger-ref-faq-pills a span {
  min-inline-size: 0 !important;
}

.hooger-ref-faq-heading span,
.hooger-ref-channel-icon {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
}

.hooger-ref-channel bdi {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content {
  display: none !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active + .elementor-tab-content,
.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content.elementor-active {
  display: block !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title {
  border-radius: 12px !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active {
  border-radius: 12px 12px 0 0 !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active + .elementor-tab-content,
.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content.elementor-active {
  border-radius: 0 0 12px 12px !important;
}

.hooger-contact-form .hooger-button {
  align-items: center !important;
  display: inline-flex !important;
  justify-content: center !important;
}

@media (min-width: 901px) and (max-width: 1100px) {
  .elementor-section.hooger-ref-hero,
  .elementor-section.hooger-ref-hero--contact,
  .elementor-section.hooger-ref-hero--faq {
    --ref-hero-height: 360px !important;
  }

  .elementor-section.hooger-ref-contact-cards,
  .elementor-section.hooger-ref-contact-panels {
    width: min(100%, 760px) !important;
  }

  .elementor-section.hooger-ref-contact-cards .elementor-container,
  .elementor-section.hooger-ref-contact-panels .elementor-container {
    flex-direction: column !important;
  }

  .elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap {
    min-height: auto !important;
  }
}

@media (max-width: 900px) {
  .elementor-section.hooger-ref-hero,
  .elementor-section.hooger-ref-hero--contact,
  .elementor-section.hooger-ref-hero--faq {
    --ref-hero-height: auto !important;
    min-height: auto !important;
  }
}

@media (min-width: 561px) and (max-width: 900px) {
  .hooger-ref-faq-pills {
    gap: .34rem !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .hooger-ref-faq-pills a {
    font-size: clamp(.66rem, 1.45vw, .76rem) !important;
    gap: .28rem !important;
    min-width: 0 !important;
    padding-inline: .34rem !important;
    text-align: center !important;
  }

  .hooger-ref-faq-pills .hooger-icon {
    height: .82rem !important;
    width: .82rem !important;
  }
}

@media (max-width: 560px) {
  .hooger-ref-faq-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    max-inline-size: 100% !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    padding-block-end: .25rem !important;
    scroll-snap-type: inline proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .hooger-ref-faq-pills::-webkit-scrollbar {
    display: none !important;
  }

  .hooger-ref-faq-pills a {
    flex: 0 0 auto !important;
    min-inline-size: max-content !important;
    padding-inline: .78rem !important;
    scroll-snap-align: start !important;
    text-align: center !important;
  }

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

html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle,
html.hooger-dark .hooger-order-detail-toggle,
body.hooger-dark .hooger-order-detail-toggle {
  background: #ffb21a !important;
  border-color: #ffd27a !important;
  box-shadow: 0 10px 24px rgba(255, 178, 26, .2) !important;
  color: #111827 !important;
}

html.hooger-dark .hooger-order-detail-toggle span,
html.hooger-dark .hooger-order-detail-toggle .hooger-icon,
body.hooger-dark .hooger-order-detail-toggle span,
body.hooger-dark .hooger-order-detail-toggle .hooger-icon {
  color: #111827 !important;
  stroke: currentColor !important;
}

html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:hover,
html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:focus-visible,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:hover,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:focus-visible {
  background: #ffc247 !important;
  color: #0f172a !important;
}

/* Final override: order details button must sit opposite the price on mobile. */
.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  gap: .75rem !important;
  grid-template-columns: none !important;
  inline-size: 100% !important;
  justify-content: space-between !important;
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
  flex: 0 0 auto !important;
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  min-inline-size: max-content !important;
  order: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
  flex: 0 1 auto !important;
  grid-column: auto !important;
  inline-size: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  max-inline-size: min(9rem, 48vw) !important;
  min-inline-size: 7.1rem !important;
  order: 2 !important;
  position: static !important;
  transform: none !important;
}

@media (max-width: 640px) {
  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
    align-items: stretch !important;
    display: grid !important;
    gap: .72rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__items {
    display: block !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    line-height: 1.7 !important;
    min-inline-size: 0 !important;
    text-align: center !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
    background: transparent !important;
    column-gap: .7rem !important;
    grid-column: 1 !important;
    max-inline-size: 100% !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
    font-size: clamp(.98rem, 3.8vw, 1.08rem) !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
    border-radius: 11px !important;
    min-block-size: 2.35rem !important;
    padding: .46rem .62rem !important;
  }
}

/* Profile orders: keep the details action paired with the price on mobile. */
.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  gap: .75rem !important;
  inline-size: 100% !important;
  justify-content: space-between !important;
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
  flex: 0 0 auto !important;
  margin: 0 !important;
  min-inline-size: max-content !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
  flex: 0 1 auto !important;
  inline-size: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  max-inline-size: min(9rem, 48vw) !important;
  min-inline-size: 7.1rem !important;
  position: static !important;
}

@media (max-width: 640px) {
  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
    align-items: stretch !important;
    display: grid !important;
    gap: .72rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__items {
    display: block !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    line-height: 1.7 !important;
    min-inline-size: 0 !important;
    text-align: center !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
    background: transparent !important;
    column-gap: .7rem !important;
    grid-column: 1 !important;
    grid-template-columns: none !important;
    max-inline-size: 100% !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
    font-size: clamp(.98rem, 3.8vw, 1.08rem) !important;
    order: 1 !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
    border-radius: 11px !important;
    min-block-size: 2.35rem !important;
    order: 2 !important;
    padding: .46rem .62rem !important;
    transform: none !important;
  }
}

/* FAQ page hardening: consistent Persian typography, section headers and Elementor toggle behavior. */
.hooger-page-main .hooger-ref-hero--faq,
.hooger-page-main .hooger-ref-faq-pills-section,
.hooger-page-main .hooger-ref-faq-section,
.hooger-page-main .hooger-ref-faq-cta,
.hooger-page-main .hooger-ref-hero--faq *,
.hooger-page-main .hooger-ref-faq-pills-section *,
.hooger-page-main .hooger-ref-faq-section *,
.hooger-page-main .hooger-ref-faq-cta *,
.hooger-page-main [data-hooger-faq],
.hooger-page-main [data-hooger-faq] * {
  direction: rtl !important;
  font-family: "IranSans", "IRANSans", Tahoma, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.hooger-page-main .elementor-section.hooger-ref-hero--faq {
  margin-block: clamp(1.1rem, 3.5vw, 2.25rem) clamp(1rem, 2.8vw, 1.75rem) !important;
}

.hooger-page-main .elementor-section.hooger-ref-faq-section {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--card, #ffffff) 96%, var(--accent, #f59e0b)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--primary, #172554) 7%, transparent) !important;
  margin-bottom: clamp(1rem, 3vw, 1.75rem) !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2.5vw, 1.45rem) !important;
}

.hooger-page-main .hooger-ref-faq-heading {
  align-items: center !important;
  border-bottom: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent) !important;
  display: flex !important;
  gap: .75rem !important;
  justify-content: flex-start !important;
  margin: 0 0 1rem !important;
  padding: 0 0 1rem !important;
  text-align: right !important;
}

.hooger-page-main .hooger-ref-faq-heading > span {
  align-items: center !important;
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, #ffffff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 28%, transparent) !important;
  border-radius: 14px !important;
  color: var(--accent, #f59e0b) !important;
  display: inline-flex !important;
  flex: 0 0 46px !important;
  height: 46px !important;
  justify-content: center !important;
  width: 46px !important;
}

.hooger-page-main .hooger-ref-faq-heading h2 {
  color: var(--foreground, #111827) !important;
  flex: 1 1 auto !important;
  font-size: clamp(1.08rem, 2.1vw, 1.35rem) !important;
  font-weight: 950 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-toggle {
  display: grid !important;
  gap: .75rem !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-toggle-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title {
  align-items: center !important;
  background: var(--card, #ffffff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 92%, transparent) !important;
  border-radius: 14px !important;
  color: var(--foreground, #111827) !important;
  cursor: pointer !important;
  display: flex !important;
  font-family: "IranSans", "IRANSans", Tahoma, Arial, sans-serif !important;
  font-size: clamp(.94rem, 1.6vw, 1rem) !important;
  font-weight: 900 !important;
  justify-content: space-between !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  max-width: none !important;
  min-height: 58px !important;
  padding: .85rem 1rem !important;
  text-align: right !important;
  width: 100% !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, #ffffff) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 64%, transparent) !important;
  border-radius: 14px 14px 0 0 !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-toggle-title {
  color: inherit !important;
  flex: 1 1 auto !important;
  font: inherit !important;
  min-width: 0 !important;
  order: 1 !important;
  text-align: right !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-toggle-icon {
  align-items: center !important;
  color: var(--muted-foreground, #64748b) !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  justify-content: center !important;
  margin-inline: .7rem 0 !important;
  order: 2 !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content {
  background: var(--card, #ffffff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 34%, var(--border, #e5e7eb)) !important;
  border-radius: 0 0 14px 14px !important;
  border-top: 0 !important;
  color: var(--muted-foreground, #64748b) !important;
  font-family: "IranSans", "IRANSans", Tahoma, Arial, sans-serif !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  line-height: 2.05 !important;
  margin: 0 !important;
  padding: 1rem !important;
  text-align: right !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content[hidden],
.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content:not(.elementor-active) {
  display: none !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content.elementor-active {
  display: block !important;
}

.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content p,
.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content div,
.hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content span {
  color: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
  margin-block: 0 !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-category {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--card, #ffffff) 96%, var(--accent, #f59e0b)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--primary, #172554) 7%, transparent) !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2.5vw, 1.45rem) !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-category > h2 {
  align-items: center !important;
  border-bottom: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 88%, transparent) !important;
  color: var(--foreground, #111827) !important;
  display: flex !important;
  font-size: clamp(1.08rem, 2.1vw, 1.35rem) !important;
  font-weight: 950 !important;
  gap: .6rem !important;
  line-height: 1.55 !important;
  margin: 0 0 1rem !important;
  padding: 0 0 1rem !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-card {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-item {
  background: var(--card, #ffffff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 92%, transparent) !important;
  border-radius: 14px !important;
  margin-top: .75rem !important;
  overflow: hidden !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-item summary {
  color: var(--foreground, #111827) !important;
  font-size: clamp(.94rem, 1.6vw, 1rem) !important;
  font-weight: 900 !important;
  line-height: 1.8 !important;
  min-height: 58px !important;
  padding: .85rem 1rem !important;
  text-align: right !important;
}

.hooger-page-main [data-hooger-faq] .hooger-faq-item p {
  color: var(--muted-foreground, #64748b) !important;
  font-size: .95rem !important;
  line-height: 2.05 !important;
  padding: 0 1rem 1rem !important;
}

html.hooger-dark .hooger-page-main .elementor-section.hooger-ref-faq-section,
body.hooger-dark .hooger-page-main .elementor-section.hooger-ref-faq-section,
[data-theme="dark"] .hooger-page-main .elementor-section.hooger-ref-faq-section,
html.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-category,
body.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-category,
[data-theme="dark"] .hooger-page-main [data-hooger-faq] .hooger-faq-category {
  background: #111c31 !important;
  border-color: #2b3860 !important;
  box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, .18) !important;
}

html.hooger-dark .hooger-page-main .hooger-ref-faq-heading,
body.hooger-dark .hooger-page-main .hooger-ref-faq-heading,
[data-theme="dark"] .hooger-page-main .hooger-ref-faq-heading,
html.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-category > h2,
body.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-category > h2,
[data-theme="dark"] .hooger-page-main [data-hooger-faq] .hooger-faq-category > h2 {
  border-bottom-color: #2b3860 !important;
  color: #f8fafc !important;
}

html.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title,
body.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title,
[data-theme="dark"] .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title,
html.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item,
body.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item,
[data-theme="dark"] .hooger-page-main [data-hooger-faq] .hooger-faq-item {
  background: #16233b !important;
  border-color: #2b3860 !important;
  color: #f8fafc !important;
}

html.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active,
body.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active,
[data-theme="dark"] .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title.elementor-active {
  background: rgba(245, 158, 11, .14) !important;
  border-color: #f59e0b !important;
}

html.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content,
body.hooger-dark .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content,
[data-theme="dark"] .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content {
  background: #16233b !important;
  border-color: #f59e0b !important;
  color: #cbd5e1 !important;
}

html.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item summary,
body.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item summary,
[data-theme="dark"] .hooger-page-main [data-hooger-faq] .hooger-faq-item summary {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item p,
body.hooger-dark .hooger-page-main [data-hooger-faq] .hooger-faq-item p,
[data-theme="dark"] .hooger-page-main [data-hooger-faq] .hooger-faq-item p {
  color: #cbd5e1 !important;
}

@media (max-width: 640px) {
  .hooger-page-main .elementor-section.hooger-ref-faq-section,
  .hooger-page-main [data-hooger-faq] .hooger-faq-category {
    border-radius: 16px !important;
    padding: .9rem !important;
  }

  .hooger-page-main .hooger-ref-faq-heading > span {
    flex-basis: 42px !important;
    height: 42px !important;
    width: 42px !important;
  }

  .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-title,
  .hooger-page-main [data-hooger-faq] .hooger-faq-item summary {
    align-items: flex-start !important;
    gap: .6rem !important;
    min-height: 54px !important;
    padding: .8rem .85rem !important;
  }

  .hooger-page-main .elementor-widget.hooger-ref-faq-toggle .elementor-tab-content,
  .hooger-page-main [data-hooger-faq] .hooger-faq-item p {
    font-size: .9rem !important;
    padding: .85rem !important;
  }
}

/* Shop archive reference layout: Elementor-safe shell, filters, product grid, light/dark modes. */
.hooger-shop-archive {
  background:
    radial-gradient(circle at 14% 8%, rgba(246, 161, 10, .06), transparent 28rem),
    #fbfaf7;
  direction: rtl;
  padding-block: clamp(1.1rem, 3vw, 2.5rem) clamp(2.5rem, 5vw, 4.5rem);
}

.hooger-shop-archive .hooger-container {
  inline-size: min(100% - 2rem, 94rem);
}

.hooger-shop-shell {
  background: rgba(255, 255, 255, .92);
  border: 1px solid #eadfce;
  border-radius: 1.35rem;
  box-shadow: 0 24px 70px rgba(20, 33, 61, .07);
  color: #111827;
  direction: rtl;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.hooger-shop-hero {
  display: grid;
  gap: .58rem;
  justify-items: center;
  padding: clamp(.85rem, 2.4vw, 1.9rem) 1rem clamp(1rem, 2.6vw, 2rem);
  text-align: center;
}

.hooger-shop-breadcrumb {
  align-items: center;
  color: #6b7280;
  display: inline-flex;
  flex-wrap: wrap;
  font-size: .82rem;
  font-weight: 800;
  gap: .38rem;
  justify-content: center;
  line-height: 1.8;
}

.hooger-shop-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.hooger-shop-breadcrumb a:hover {
  color: #f59e0b;
}

.hooger-shop-hero h1 {
  color: #101827;
  font-size: clamp(2rem, 4.2vw, 3rem);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.25;
  margin: 0;
}

.hooger-shop-hero p {
  color: #6b7280;
  font-size: clamp(.92rem, 1.4vw, 1.04rem);
  font-weight: 700;
  line-height: 1.9;
  margin: 0;
  max-inline-size: 44rem;
}

.hooger-shop-layout {
  align-items: start;
  direction: ltr;
  display: grid;
  gap: clamp(1rem, 1.8vw, 1.35rem);
  grid-template-areas: "products sidebar";
  grid-template-columns: minmax(0, 1fr) minmax(15.5rem, 17.5rem);
}

.hooger-shop-layout > * {
  direction: rtl;
}

.hooger-shop-sidebar {
  display: grid;
  gap: .9rem;
  grid-area: sidebar;
  min-width: 0;
}

.hooger-shop-products {
  align-items: center;
  direction: ltr;
  display: grid;
  gap: .85rem;
  grid-area: products;
  grid-template-columns: auto auto minmax(0, 1fr);
  min-width: 0;
}

.hooger-shop-products > * {
  direction: rtl;
}

.hooger-shop-products > .woocommerce-notices-wrapper,
.hooger-shop-products > .woocommerce-products-header,
.hooger-shop-products > .term-description,
.hooger-shop-products > ul.products,
.hooger-shop-products > .products,
.hooger-shop-products > .woocommerce-pagination,
.hooger-shop-products > nav.woocommerce-pagination,
.hooger-shop-products > .woocommerce-info {
  grid-column: 1 / -1;
}

.hooger-shop-products > .woocommerce-products-header {
  display: none;
}

.hooger-shop-view-switch {
  align-items: center;
  background: #f4f1eb;
  border: 1px solid #e8decf;
  border-radius: .72rem;
  display: inline-flex;
  gap: .2rem;
  grid-column: 1;
  justify-self: start;
  padding: .18rem;
}

.hooger-shop-view-switch button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: .55rem;
  color: #6b7280;
  cursor: pointer;
  display: inline-flex;
  height: 2.45rem;
  justify-content: center;
  padding: 0;
  width: 2.55rem;
}

.hooger-shop-view-switch button.is-active {
  background: #f59e0b;
  color: #111827;
  box-shadow: 0 8px 18px rgba(245, 158, 11, .22);
}

.hooger-shop-view-switch .hooger-icon {
  height: 1rem;
  width: 1rem;
}

.hooger-shop-view-switch span {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hooger-shop-products > .woocommerce-ordering {
  grid-column: 2;
  justify-self: start;
  margin: 0;
}

.hooger-shop-products > .woocommerce-result-count {
  color: #6b7280;
  font-size: .86rem;
  font-weight: 800;
  grid-column: 3;
  justify-self: center;
  margin: 0;
  text-align: center;
}

.hooger-shop-products .woocommerce-ordering select,
.hooger-shop-panel .woocommerce-ordering select {
  appearance: none;
  background: #f7f5f0;
  border: 1px solid #e5dccd;
  border-radius: .72rem;
  color: #111827;
  font-family: inherit;
  font-size: .82rem;
  font-weight: 850;
  min-height: 2.5rem;
  min-width: 9.5rem;
  padding: .55rem .9rem;
}

.hooger-shop-panel,
.hooger-shop-sidebar .widget {
  background: rgba(255, 255, 255, .88);
  border: 1px solid #eadfce;
  border-radius: 1rem;
  box-shadow: none;
  padding: .92rem;
}

.hooger-shop-panel h3,
.hooger-shop-sidebar .widget-title,
.hooger-shop-sidebar h2,
.hooger-shop-sidebar h3 {
  color: #111827;
  font-size: .94rem;
  font-weight: 950;
  line-height: 1.55;
  margin: 0 0 .75rem;
}

.hooger-shop-panel--categories nav {
  display: grid;
  gap: .35rem;
}

.hooger-shop-panel--categories a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: .72rem;
  color: #344054;
  display: flex;
  font-size: .82rem;
  font-weight: 850;
  gap: .7rem;
  justify-content: space-between;
  min-height: 2.2rem;
  padding: .48rem .62rem;
  text-decoration: none;
}

.hooger-shop-panel--categories a:hover,
.hooger-shop-panel--categories a.is-active {
  background: #fff3df;
  border-color: rgba(245, 158, 11, .38);
  color: #b46500;
}

.hooger-shop-panel--categories bdi {
  color: inherit;
  font-size: .78rem;
  font-weight: 900;
}

.hooger-shop-price-track {
  background: #efe7da;
  border-radius: 999px;
  height: .42rem;
  margin: .35rem .28rem 1rem;
  position: relative;
}

.hooger-shop-price-track span {
  background: #f59e0b;
  border-radius: inherit;
  display: block;
  height: 100%;
  margin-inline: 5%;
  width: 90%;
}

.hooger-shop-price-track::before,
.hooger-shop-price-track::after {
  background: #f59e0b;
  border: 3px solid #fff4df;
  border-radius: 999px;
  box-shadow: 0 5px 12px rgba(245, 158, 11, .25);
  content: "";
  height: .84rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .84rem;
}

.hooger-shop-price-track::before {
  inset-inline-start: 3%;
}

.hooger-shop-price-track::after {
  inset-inline-end: 3%;
}

.hooger-shop-panel--price > div:last-child {
  display: grid;
  gap: .45rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hooger-shop-panel--price span {
  color: #7a8495;
  display: grid;
  font-size: .72rem;
  font-weight: 750;
  gap: .18rem;
}

.hooger-shop-panel--price strong {
  color: #111827;
  font-size: .78rem;
  font-weight: 950;
}

.hooger-shop-panel--sort .woocommerce-ordering {
  float: none;
  margin: 0;
  width: 100%;
}

.hooger-shop-panel--sort .woocommerce-ordering select,
.hooger-shop-static-sort {
  inline-size: 100%;
}

.hooger-shop-static-sort {
  align-items: center;
  background: #f7f5f0;
  border: 1px solid #e5dccd;
  border-radius: .72rem;
  color: #111827;
  display: flex;
  font-size: .82rem;
  font-weight: 850;
  min-height: 2.5rem;
  padding: .55rem .9rem;
}

.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 {
  display: grid !important;
  gap: 1rem !important;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: .25rem 0 0 !important;
  padding: 0 !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product,
.hooger-shop-archive .hooger-shop-products .woocommerce ul.products li.product,
.hooger-shop-archive .hooger-shop-products ul.products[class*="columns-"] li.product {
  background: #fff;
  border: 1px solid #e9dfcf;
  border-radius: 1rem;
  box-shadow: 0 12px 30px rgba(20, 33, 61, .06);
  clear: none !important;
  display: flex;
  flex-direction: column;
  float: none !important;
  margin: 0 !important;
  min-width: 0;
  overflow: hidden;
  padding: .86rem;
  position: relative;
  text-align: right;
  width: 100% !important;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product::before {
  background: #17a66a;
  border-radius: 999px;
  color: #fff;
  content: "تازه";
  font-size: .68rem;
  font-weight: 950;
  inset-block-start: .82rem;
  inset-inline-start: .82rem;
  line-height: 1;
  padding: .33rem .55rem;
  position: absolute;
  z-index: 2;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product::after {
  align-items: center;
  background: rgba(255, 255, 255, .9);
  border: 1px solid #e8dfd3;
  border-radius: 999px;
  color: #14213d;
  content: "♡";
  display: flex;
  font-size: 1.15rem;
  font-weight: 900;
  height: 2.1rem;
  inset-block-start: .78rem;
  inset-inline-end: .78rem;
  justify-content: center;
  line-height: 1;
  position: absolute;
  width: 2.1rem;
  z-index: 2;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
  color: inherit;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  text-decoration: none;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product a img {
  aspect-ratio: 1 / .78;
  background: #f8f6f1;
  border-radius: .86rem;
  margin: 0 0 .72rem;
  object-fit: contain;
  padding: .4rem;
  width: 100%;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
  color: #111827;
  font-size: .92rem;
  font-weight: 920;
  line-height: 1.65;
  margin: 0;
  min-height: 3rem;
  padding: 0;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .price {
  color: #d57b00 !important;
  font-size: .86rem;
  font-weight: 950;
  margin: .32rem 0 .75rem;
}

.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 {
  align-items: center;
  background: transparent !important;
  border: 1px solid rgba(245, 158, 11, .58) !important;
  border-radius: .72rem;
  color: #c97900 !important;
  display: inline-flex;
  font-size: .78rem;
  font-weight: 950;
  gap: .35rem;
  justify-content: center;
  line-height: 1.45;
  margin-top: auto;
  min-height: 2.55rem;
  padding: .58rem .65rem;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.hooger-shop-archive .hooger-shop-products ul.products li.product .button:hover,
.hooger-shop-archive .hooger-shop-products ul.products li.product a.add_to_cart_button:hover {
  background: #f59e0b !important;
  border-color: #f59e0b !important;
  color: #111827 !important;
}

.hooger-shop-archive .hooger-shop-products a.added_to_cart {
  background: #fff6e8;
  border-color: rgba(245, 158, 11, .35);
  color: #9a5c00;
  font-size: .78rem;
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products {
  grid-template-columns: 1fr !important;
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product {
  align-items: center;
  display: grid;
  gap: .9rem;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 10rem);
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.woocommerce-LoopProduct-link {
  display: grid;
  gap: .8rem;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 10rem);
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a img {
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: 0;
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .woocommerce-loop-product__title,
.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .price {
  grid-column: 1;
}

.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product .button,
.hooger-shop-shell.is-list-view .hooger-shop-products ul.products li.product a.add_to_cart_button {
  justify-self: start;
  max-width: 14rem;
}

html.hooger-dark .hooger-shop-archive,
body.hooger-dark .hooger-shop-archive,
.hooger-landing.hooger-dark .hooger-shop-archive {
  background:
    radial-gradient(circle at 12% 0%, rgba(245, 158, 11, .12), transparent 28rem),
    #07101f;
}

html.hooger-dark .hooger-shop-shell,
body.hooger-dark .hooger-shop-shell,
.hooger-landing.hooger-dark .hooger-shop-shell {
  background: #0b1423;
  border-color: #24334d;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .28);
  color: #f8fafc;
}

html.hooger-dark .hooger-shop-hero h1,
body.hooger-dark .hooger-shop-hero h1,
html.hooger-dark .hooger-shop-panel h3,
body.hooger-dark .hooger-shop-panel h3,
html.hooger-dark .hooger-shop-sidebar h2,
body.hooger-dark .hooger-shop-sidebar h2,
html.hooger-dark .hooger-shop-sidebar h3,
body.hooger-dark .hooger-shop-sidebar h3 {
  color: #f8fafc;
}

html.hooger-dark .hooger-shop-hero p,
body.hooger-dark .hooger-shop-hero p,
html.hooger-dark .hooger-shop-breadcrumb,
body.hooger-dark .hooger-shop-breadcrumb,
html.hooger-dark .hooger-shop-products > .woocommerce-result-count,
body.hooger-dark .hooger-shop-products > .woocommerce-result-count {
  color: #aebbd0;
}

html.hooger-dark .hooger-shop-view-switch,
body.hooger-dark .hooger-shop-view-switch,
html.hooger-dark .hooger-shop-panel,
body.hooger-dark .hooger-shop-panel,
html.hooger-dark .hooger-shop-sidebar .widget,
body.hooger-dark .hooger-shop-sidebar .widget {
  background: #111c2f;
  border-color: #293a57;
}

html.hooger-dark .hooger-shop-view-switch button,
body.hooger-dark .hooger-shop-view-switch button,
html.hooger-dark .hooger-shop-panel--categories a,
body.hooger-dark .hooger-shop-panel--categories a {
  color: #cbd5e1;
}

html.hooger-dark .hooger-shop-panel--categories a:hover,
html.hooger-dark .hooger-shop-panel--categories a.is-active,
body.hooger-dark .hooger-shop-panel--categories a:hover,
body.hooger-dark .hooger-shop-panel--categories a.is-active {
  background: rgba(245, 158, 11, .12);
  border-color: rgba(245, 158, 11, .55);
  color: #ffc247;
}

html.hooger-dark .hooger-shop-products .woocommerce-ordering select,
html.hooger-dark .hooger-shop-panel .woocommerce-ordering select,
html.hooger-dark .hooger-shop-static-sort,
body.hooger-dark .hooger-shop-products .woocommerce-ordering select,
body.hooger-dark .hooger-shop-panel .woocommerce-ordering select,
body.hooger-dark .hooger-shop-static-sort {
  background: #0c1525;
  border-color: #2b3b59;
  color: #f8fafc;
}

html.hooger-dark .hooger-shop-panel--price span,
body.hooger-dark .hooger-shop-panel--price span {
  color: #9fb0c8;
}

html.hooger-dark .hooger-shop-panel--price strong,
body.hooger-dark .hooger-shop-panel--price strong {
  color: #f8fafc;
}

html.hooger-dark .hooger-shop-price-track,
body.hooger-dark .hooger-shop-price-track {
  background: #24334d;
}

html.hooger-dark .hooger-shop-price-track::before,
html.hooger-dark .hooger-shop-price-track::after,
body.hooger-dark .hooger-shop-price-track::before,
body.hooger-dark .hooger-shop-price-track::after {
  border-color: #172238;
}

html.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product,
body.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product {
  background: #101a2b;
  border-color: #253550;
  box-shadow: none;
}

html.hooger-dark .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 {
  background: #0b1423;
}

html.hooger-dark .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 {
  background: #111c2f;
  border-color: #334565;
  color: #f8fafc;
}

html.hooger-dark .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 {
  color: #f8fafc;
}

html.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 {
  color: #ffb21a !important;
}

html.hooger-dark .hooger-shop-archive .hooger-shop-products ul.products li.product .button,
html.hooger-dark .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 {
  border-color: rgba(255, 178, 26, .72) !important;
  color: #ffbf3d !important;
}

@media (max-width: 1180px) {
  .hooger-shop-layout {
    grid-template-columns: minmax(0, 1fr) minmax(14.5rem, 16rem);
  }

  .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: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1024px) {
  .hooger-shop-archive .hooger-container {
    inline-size: min(100% - 1.5rem, 54rem);
  }

  .hooger-shop-layout {
    grid-template-areas: "products";
    grid-template-columns: minmax(0, 1fr);
  }

  .hooger-shop-filter-toggle {
    align-items: center;
    background: #fff;
    border: 1px solid #eadfce;
    border-radius: .9rem;
    color: #111827;
    display: inline-flex;
    font-size: .86rem;
    font-weight: 950;
    gap: .45rem;
    margin: 0 0 .9rem;
    min-height: 2.7rem;
    padding: .55rem .8rem;
  }

  .hooger-shop-filter-backdrop {
    background: rgba(6, 12, 24, .54);
    border: 0;
    display: block;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity .18s ease;
    z-index: 1100;
  }

  .hooger-shop-sidebar {
    background: #fff;
    border-inline-start: 1px solid #eadfce;
    border-radius: 1.2rem 0 0 1.2rem;
    box-shadow: 0 28px 80px rgba(20, 33, 61, .18);
    display: block;
    height: 100dvh;
    inset-block: 0;
    inset-inline-end: 0;
    max-width: min(88vw, 22rem);
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    transform: translateX(105%);
    transition: transform .2s ease;
    width: min(88vw, 22rem);
    z-index: 1101;
  }

  .hooger-shop-sidebar__head {
    align-items: center;
    border-bottom: 1px solid #eadfce;
    display: flex;
    justify-content: space-between;
    margin: -.2rem 0 .95rem;
    padding-bottom: .75rem;
  }

  .hooger-shop-sidebar__head button {
    align-items: center;
    background: #f5f2ec;
    border: 0;
    border-radius: .72rem;
    color: #111827;
    display: inline-flex;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
  }

  body.is-shop-filter-open .hooger-shop-sidebar,
  .hooger-landing.is-shop-filter-open .hooger-shop-sidebar {
    transform: translateX(0);
  }

  body.is-shop-filter-open .hooger-shop-filter-backdrop,
  .hooger-landing.is-shop-filter-open .hooger-shop-filter-backdrop {
    opacity: 1;
    pointer-events: auto;
  }

  .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: repeat(2, minmax(0, 1fr)) !important;
  }

  html.hooger-dark .hooger-shop-filter-toggle,
  body.hooger-dark .hooger-shop-filter-toggle,
  html.hooger-dark .hooger-shop-sidebar,
  body.hooger-dark .hooger-shop-sidebar {
    background: #111c2f;
    border-color: #293a57;
    color: #f8fafc;
  }

  html.hooger-dark .hooger-shop-sidebar__head,
  body.hooger-dark .hooger-shop-sidebar__head {
    border-color: #293a57;
  }

  html.hooger-dark .hooger-shop-sidebar__head button,
  body.hooger-dark .hooger-shop-sidebar__head button {
    background: #0c1525;
    color: #f8fafc;
  }
}

@media (max-width: 720px) {
  .hooger-shop-archive {
    padding-block-start: .8rem;
  }

  .hooger-shop-archive .hooger-container {
    inline-size: min(100% - .9rem, 34rem);
  }

  .hooger-shop-shell {
    border-radius: 1.05rem;
    padding: .78rem;
  }

  .hooger-shop-hero {
    gap: .42rem;
    padding: .65rem .45rem 1rem;
  }

  .hooger-shop-hero h1 {
    font-size: clamp(1.7rem, 8vw, 2.25rem);
  }

  .hooger-shop-hero p {
    font-size: .84rem;
    line-height: 1.8;
  }

  .hooger-shop-products {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .hooger-shop-products > .woocommerce-ordering {
    grid-column: 2;
  }

  .hooger-shop-products > .woocommerce-result-count {
    font-size: .76rem;
    grid-column: 1 / -1;
    justify-self: stretch;
    order: 3;
  }

  .hooger-shop-products > ul.products {
    order: 4;
  }

  .hooger-shop-products .woocommerce-ordering select {
    min-width: 0;
    width: 100%;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product {
    border-radius: .9rem;
    padding: .58rem;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product::before {
    font-size: .62rem;
    inset-block-start: .56rem;
    inset-inline-start: .56rem;
    padding: .28rem .45rem;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product::after {
    height: 1.85rem;
    inset-block-start: .52rem;
    inset-inline-end: .52rem;
    width: 1.85rem;
  }

  .hooger-shop-archive .hooger-shop-products ul.products li.product .woocommerce-loop-product__title {
    font-size: .78rem;
    min-height: 2.7rem;
  }

  .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 {
    font-size: .68rem;
    min-height: 2.32rem;
    padding-inline: .42rem;
  }
}

@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 {
    gap: .65rem !important;
  }

  .hooger-shop-view-switch button {
    height: 2.25rem;
    width: 2.28rem;
  }
}

/* Loyalty: richer member levels without breaking the profile layout. */
.hooger-loyalty-card {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .26), transparent 7.5rem),
    linear-gradient(135deg, #14213d, #1d4ed8 58%, #f59e0b);
  box-shadow: 0 22px 48px rgba(20, 33, 61, .18);
}

.hooger-loyalty-card[data-hooger-loyalty-tier="bronze"] {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .22), transparent 7.5rem),
    linear-gradient(135deg, #6b3f24, #b77945);
}

.hooger-loyalty-card[data-hooger-loyalty-tier="silver"] {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .28), transparent 7.5rem),
    linear-gradient(135deg, #475569, #94a3b8);
}

.hooger-loyalty-card[data-hooger-loyalty-tier="gold"] {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .28), transparent 7.5rem),
    linear-gradient(135deg, #92400e, #f59e0b);
}

.hooger-loyalty-card[data-hooger-loyalty-tier="diamond"] {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .28), transparent 7.5rem),
    linear-gradient(135deg, #0f172a, #2563eb 55%, #60a5fa);
}

.hooger-loyalty-card__head {
  align-items: stretch;
}

.hooger-loyalty-card__head > div {
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: .9rem;
  min-width: 0;
  padding: .7rem .78rem;
}

.hooger-loyalty-card__benefit {
  background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: .85rem;
  color: rgba(255, 255, 255, .9);
  font-size: .84rem;
  font-weight: 850;
  line-height: 1.8;
  margin: -.25rem 0 0;
  padding: .7rem .85rem;
  position: relative;
  z-index: 1;
}

.hooger-coupon-card__head,
.hooger-history-card__head {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  min-width: 0;
}

.hooger-coupon-card__head h3,
.hooger-history-card__head h3 {
  min-width: 0;
}

.hooger-coupon-card__head [data-hooger-coupon-toggle],
.hooger-history-card__head [data-hooger-history-toggle] {
  align-items: center;
  background: var(--secondary);
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--foreground);
  display: none;
  font-size: .75rem;
  font-weight: 900;
  gap: .34rem;
  min-block-size: 2.3rem;
  padding: .34rem .58rem;
}

.hooger-coupon-card__head [data-hooger-coupon-toggle] em,
.hooger-history-card__head [data-hooger-history-toggle] em {
  align-items: center;
  background: var(--accent);
  border-radius: 999px;
  color: var(--accent-foreground);
  display: inline-flex;
  font-style: normal;
  font-weight: 950;
  justify-content: center;
  min-block-size: 1.35rem;
  min-inline-size: 1.35rem;
  padding-inline: .34rem;
}

.hooger-coupon-card__head [data-hooger-coupon-toggle] .hooger-icon,
.hooger-history-card__head [data-hooger-history-toggle] .hooger-icon {
  height: .95rem;
  transition: transform .18s ease;
  width: .95rem;
}

.hooger-loyalty-tier-map {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hooger-loyalty-tier-map article {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: .95rem;
  display: grid;
  gap: .25rem;
  min-width: 0;
  padding: .85rem;
  position: relative;
}

.hooger-loyalty-tier-map article::before {
  background: rgba(245, 158, 11, .12);
  background: color-mix(in srgb, var(--tier-color, var(--accent)) 26%, transparent);
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: .45;
  pointer-events: none;
  position: absolute;
}

.hooger-loyalty-tier-map article > * {
  position: relative;
  z-index: 1;
}

.hooger-loyalty-tier-map article > span {
  background: var(--tier-color, var(--accent));
  border-radius: 999px;
  box-shadow: var(--shadow-soft, none);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--tier-color, var(--accent)) 18%, transparent);
  height: .7rem;
  width: .7rem;
}

.hooger-loyalty-tier-map article.is-current {
  border-color: var(--tier-color, var(--accent));
  box-shadow: var(--shadow-soft, none);
  box-shadow: 0 14px 32px color-mix(in srgb, var(--tier-color, var(--accent)) 16%, transparent);
}

.hooger-loyalty-tier-map article.is-locked {
  opacity: .64;
}

.hooger-loyalty-tier-map strong {
  color: var(--foreground);
  font-size: .92rem;
  font-weight: 950;
  min-width: 0;
}

.hooger-loyalty-tier-map small,
.hooger-loyalty-tier-map em {
  color: var(--muted-foreground);
  font-size: .74rem;
  font-style: normal;
  line-height: 1.7;
}

@media (max-width: 920px) {
  .hooger-loyalty-tier-map {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .hooger-coupon-card,
  .hooger-loyalty-history {
    gap: .75rem;
    overflow: hidden;
  }

  .hooger-coupon-card__head,
  .hooger-history-card__head {
    align-items: center;
  }

  .hooger-coupon-card__head h3,
  .hooger-history-card__head h3 {
    font-size: .98rem;
    line-height: 1.6;
  }

  .hooger-coupon-card__head [data-hooger-coupon-toggle],
  .hooger-history-card__head [data-hooger-history-toggle] {
    display: inline-flex;
    flex: 0 0 auto;
  }

  .hooger-coupon-card:not(.is-open) .hooger-coupon-list,
  .hooger-loyalty-history:not(.is-open) .hooger-loyalty-history-list {
    max-block-size: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-.25rem);
  }

  .hooger-coupon-card.is-open .hooger-coupon-list,
  .hooger-loyalty-history.is-open .hooger-loyalty-history-list {
    max-block-size: 80rem;
    opacity: 1;
    overflow: visible;
    transform: translateY(0);
  }

  .hooger-coupon-card .hooger-coupon-list,
  .hooger-loyalty-history .hooger-loyalty-history-list {
    transition: max-block-size .24s ease, opacity .18s ease, transform .18s ease;
  }

  .hooger-coupon-card.is-open [data-hooger-coupon-toggle] .hooger-icon,
  .hooger-loyalty-history.is-open [data-hooger-history-toggle] .hooger-icon {
    transform: rotate(180deg);
  }

  .hooger-profile-panel[data-hooger-profile-panel="loyalty"].is-active {
    overflow: hidden;
  }

  .hooger-loyalty-card {
    border-radius: 1rem;
    box-sizing: border-box;
    gap: .85rem;
    inline-size: 100%;
    max-inline-size: 100%;
    padding: .9rem;
  }

  .hooger-loyalty-card::after {
    height: 5.5rem;
    width: 5.5rem;
  }

  .hooger-loyalty-card__head {
    align-items: stretch;
    display: grid !important;
    gap: .65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    position: relative;
  }

  .hooger-loyalty-card__head > span {
    border-radius: .85rem;
    flex: none;
    height: 2.55rem;
    inset-block-start: .65rem;
    inset-inline-end: .65rem;
    position: absolute;
    width: 2.55rem;
    z-index: 2;
  }

  .hooger-loyalty-card__head > div {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-block-size: 4.6rem;
    padding: .72rem .78rem;
    text-align: start;
  }

  .hooger-loyalty-card__head > div:first-of-type {
    grid-column: 1 / -1;
    min-block-size: 4.35rem;
    padding-inline-end: 3.8rem;
  }

  .hooger-loyalty-card__head small,
  .hooger-loyalty-card__head strong {
    min-inline-size: 0;
    overflow-wrap: break-word;
    white-space: normal !important;
  }

  .hooger-loyalty-card__head strong {
    font-size: clamp(1.05rem, 4.6vw, 1.45rem);
    line-height: 1.35;
  }

  .hooger-loyalty-card__head small {
    font-size: .74rem;
    line-height: 1.65;
  }

  .hooger-loyalty-progress div {
    align-items: start;
    display: grid;
    gap: .25rem;
    grid-template-columns: 1fr;
    line-height: 1.7;
    margin-bottom: .55rem;
  }

  .hooger-loyalty-progress div span {
    min-inline-size: 0;
    overflow-wrap: break-word;
  }

  .hooger-loyalty-card__benefit {
    font-size: .78rem;
    line-height: 1.75;
    margin: 0;
    padding: .68rem .75rem;
  }

  .hooger-loyalty-tier-map {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 370px) {
  .hooger-loyalty-card__head {
    grid-template-columns: 1fr;
  }

  .hooger-loyalty-card__head > div {
    min-block-size: auto;
  }
}

/* About page V6 copy and stat layout. */
.hooger-ref-stat-grid {
  display: grid !important;
  gap: 1rem !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
}

.hooger-ref-stat-card {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid #e4e7ee !important;
  border-radius: 14px !important;
  color: #0d1830 !important;
  display: grid !important;
  justify-items: center !important;
  min-block-size: 148px !important;
  padding: 1.35rem !important;
  text-align: center !important;
}

.hooger-ref-stat-card strong {
  color: #f6a51a !important;
  direction: rtl !important;
  font-family: "IranSans", "IRANSans", Tahoma, Arial, sans-serif !important;
  font-size: clamp(2rem, 4vw, 2.65rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  unicode-bidi: isolate !important;
}

.hooger-ref-stat-card span {
  color: #657089 !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
  margin-block-start: .75rem !important;
}

.hooger-ref-about-copy-section {
  background: #ffffff !important;
  border: 1px solid #e4e7ee !important;
  border-radius: 14px !important;
  padding: clamp(1.4rem, 3vw, 2.25rem) !important;
  width: min(100%, 1020px) !important;
}

.hooger-ref-about-copy-section .elementor-widget-text-editor,
.hooger-ref-about-copy-section .elementor-widget-text-editor p {
  color: #657089 !important;
  direction: rtl !important;
  font-size: 1rem !important;
  line-height: 2.15 !important;
  text-align: right !important;
}

.hooger-ref-about-copy-section .elementor-widget-text-editor p {
  margin: 0 0 1rem !important;
}

.hooger-ref-about-copy-section .elementor-widget-text-editor p:last-child {
  margin-bottom: 0 !important;
}

.hooger-ref-about-copy-section .elementor-widget-text-editor strong {
  color: #0d1830 !important;
  display: block !important;
  font-size: clamp(1.15rem, 2.3vw, 1.45rem) !important;
  font-weight: 950 !important;
  line-height: 1.8 !important;
}

.hooger-landing.hooger-dark .hooger-ref-stat-card,
body.hooger-dark .hooger-ref-stat-card,
html.hooger-dark .hooger-ref-stat-card,
.hooger-landing.hooger-dark .hooger-ref-about-copy-section,
body.hooger-dark .hooger-ref-about-copy-section,
html.hooger-dark .hooger-ref-about-copy-section {
  background: #19233f !important;
  border-color: #2b3860 !important;
  color: #ffffff !important;
}

.hooger-landing.hooger-dark .hooger-ref-stat-card span,
body.hooger-dark .hooger-ref-stat-card span,
html.hooger-dark .hooger-ref-stat-card span,
.hooger-landing.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor,
.hooger-landing.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor p,
body.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor,
body.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor p,
html.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor,
html.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor p {
  color: #aeb8d0 !important;
}

.hooger-landing.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor strong,
body.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor strong,
html.hooger-dark .hooger-ref-about-copy-section .elementor-widget-text-editor strong {
  color: #ffffff !important;
}

@media (max-width: 900px) {
  .hooger-ref-stat-grid {
    grid-template-columns: 1fr !important;
  }

  .hooger-ref-stat-card {
    min-block-size: 112px !important;
  }
}

/* Footer tablet/mobile hardening: single-column accordions before the layout breaks. */
@media (max-width: 900px) {
  .hooger-footer__top,
  .hooger-elementor-footer .hooger-elementor-footer-main {
    padding-block: 1.5rem 1.1rem !important;
  }

  .hooger-footer__grid,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
    display: grid !important;
    gap: .78rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    margin-inline: auto !important;
    max-width: 38rem !important;
    padding: 0 !important;
    width: min(100% - 1.5rem, 38rem) !important;
  }

  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container > .elementor-column {
    margin: 0 !important;
    width: 100% !important;
  }

  .hooger-footer__brand,
  .hooger-elementor-footer .hooger-footer-part--brand {
    align-items: center !important;
    display: grid !important;
    justify-items: center !important;
    margin: 0 auto .4rem !important;
    max-width: none !important;
    text-align: center !important;
    width: 100% !important;
  }

  .hooger-footer__brand p,
  .hooger-elementor-footer .hooger-footer-part--brand p {
    max-width: 31rem !important;
    text-align: center !important;
  }

  .hooger-logo--footer,
  .hooger-elementor-footer .hooger-logo--footer {
    justify-self: center !important;
  }

  .hooger-footer__brand .hooger-logo--footer,
  .hooger-elementor-footer .hooger-footer-part--brand .hooger-logo--footer {
    justify-self: center !important;
  }

  .hooger-footer-social,
  .hooger-footer__brand .hooger-footer-social,
  .hooger-elementor-footer .hooger-footer-part--brand .hooger-footer-social {
    justify-content: center !important;
    justify-self: center !important;
    margin: .75rem auto 0 !important;
    width: 100% !important;
  }

  .hooger-footer-social a,
  .hooger-footer__brand .hooger-footer-social a,
  .hooger-elementor-footer .hooger-footer-part--brand .hooger-footer-social a {
    flex: 0 0 2.45rem !important;
    height: 2.45rem !important;
    width: 2.45rem !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion,
  .hooger-footer__grid > div:not(.hooger-footer__brand),
  .hooger-elementor-footer .hooger-footer-mobile-accordion {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .14) !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion h4,
  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title {
    align-items: center !important;
    cursor: pointer !important;
    display: flex !important;
    font-size: .98rem !important;
    justify-content: space-between !important;
    margin: 0 !important;
    min-height: 3.25rem !important;
    padding: 0 .95rem !important;
    text-align: right !important;
    user-select: none !important;
    width: 100% !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion h4::after,
  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title::after {
    align-items: center !important;
    background: transparent !important;
    color: #f6a51a !important;
    content: "+" !important;
    display: inline-flex !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;
    height: auto !important;
    justify-content: center !important;
    margin: 0 !important;
    position: static !important;
    width: auto !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion.is-open h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-open h3::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-open h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-open .elementor-heading-title::after {
    content: "−" !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion.is-collapsed [data-hooger-footer-panel-item],
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-collapsed [data-hooger-footer-panel-item] {
    display: none !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion.is-open [data-hooger-footer-panel-item],
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-open [data-hooger-footer-panel-item] {
    display: block !important;
    padding-inline: .95rem !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion.is-open [data-hooger-footer-panel-item]:last-child,
  .hooger-elementor-footer .hooger-footer-mobile-accordion.is-open [data-hooger-footer-panel-item]:last-child {
    padding-bottom: .9rem !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion a,
  .hooger-footer .hooger-footer-mobile-accordion p,
  .hooger-elementor-footer .hooger-footer-mobile-accordion a,
  .hooger-elementor-footer .hooger-footer-mobile-accordion p {
    font-size: .9rem !important;
    line-height: 1.9 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  .hooger-footer-contact-row {
    justify-content: flex-start !important;
    padding-block: .18rem !important;
  }

  .hooger-footer__bottom,
  .hooger-elementor-footer .hooger-elementor-footer-copy {
    margin-top: .95rem !important;
    width: min(100% - 1.5rem, 38rem) !important;
  }
}

/* Checkout V12 stability: tablet layout, notices, and no-overflow cards. */
body.woocommerce-checkout.hooger-checkout-bridge-enabled {
  --hc-safe-gutter: clamp(0.75rem, 3.4vw, 1.5rem);
  --hc-safe-width: min(1120px, calc(100vw - (var(--hc-safe-gutter) * 2)));
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content *,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-hero,
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-checkout-review-order {
  box-sizing: border-box !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
  max-width: none !important;
  overflow-x: hidden !important;
  width: 100% !important;
}

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,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-notices-wrapper,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-NoticeGroup,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-error,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-message,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-info,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-notice,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-notice] {
  inline-size: var(--hc-safe-width) !important;
  margin-inline: auto !important;
  max-inline-size: var(--hc-safe-width) !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-error,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-message,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-info,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-notice,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-notice] {
  align-items: flex-start !important;
  direction: rtl !important;
  display: grid !important;
  gap: 0.35rem !important;
  grid-template-columns: 1fr !important;
  line-height: 1.8 !important;
  overflow: hidden !important;
  overflow-wrap: break-word !important;
  padding: clamp(0.72rem, 2.6vw, 0.95rem) clamp(0.82rem, 3vw, 1rem) !important;
  text-align: right !important;
  white-space: normal !important;
  word-break: normal !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-error li,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-message li,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-info li {
  max-inline-size: 100% !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-notice][hidden] {
  display: none !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label,
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-address-list button {
  direction: rtl !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label {
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  padding: 0.92rem 0.9rem 0.92rem 3.15rem !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label > span {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid strong,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid small,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid em,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods label,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] div.payment_box,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list button strong,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list button small {
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
  text-wrap: pretty;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list button {
  padding: 0.92rem 0.9rem 0.92rem 3.15rem !important;
}

@media (max-width: 1179px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled {
    --hc-safe-width: min(840px, calc(100vw - (var(--hc-safe-gutter) * 2)));
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content form.checkout {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order {
    grid-column: auto !important;
    grid-row: auto !important;
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 1100px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled {
    --hc-safe-gutter: clamp(0.68rem, 4vw, 0.95rem);
    --hc-safe-width: calc(100vw - (var(--hc-safe-gutter) * 2));
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-section-title {
    align-items: flex-start !important;
    gap: 0.62rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li {
    min-height: 0 !important;
    padding: 0.86rem 0.82rem 0.86rem 2.85rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label::after,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods li::after,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list button::after {
    inset-inline-end: 0.72rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label[data-hooger-delivery-mode-card="pickup"]::before {
    inset-inline-end: 0.62rem !important;
    max-inline-size: calc(100% - 1.24rem) !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list button {
    padding: 0.86rem 0.82rem 0.86rem 2.85rem !important;
  }
}

/* Checkout hero final RTL and spacing guard. */
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
  padding-block-start: clamp(0.85rem, 1.9vw, 1.55rem) !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .woocommerce {
  row-gap: clamp(0.68rem, 1.45vw, 1rem) !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-hero {
  direction: rtl !important;
  margin: 0 auto !important;
  padding-block-start: 0 !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title {
  direction: rtl !important;
  inline-size: min(34rem, 100%) !important;
  margin-inline: 0 auto !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-back {
  align-items: center !important;
  direction: rtl !important;
  display: inline-flex !important;
  flex-direction: row !important;
  gap: 0.35rem !important;
  justify-content: flex-start !important;
  margin: 0 0 0.48rem !important;
  text-align: right !important;
  unicode-bidi: isolate !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-title,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-lead {
  direction: rtl !important;
  text-align: right !important;
  unicode-bidi: plaintext !important;
}

body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-title {
  margin-bottom: 0.28rem !important;
}

@media (max-width: 1023px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
    padding-block-start: 0.78rem !important;
  }

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

@media (max-width: 767px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
    padding-block-start: 0.62rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content .woocommerce {
    row-gap: 0.62rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-back {
    justify-content: flex-start !important;
    margin-inline: 0 !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-lead {
    line-height: 1.68 !important;
  }
}

/* Order received page: polished, responsive confirmation flow. */
body.woocommerce-order-received,
body.hooger-checkout-bridge-order-received {
  --hor-gutter: clamp(0.75rem, 3vw, 1.25rem);
  --hor-page-width: min(1080px, calc(100vw - (var(--hor-gutter) * 2)));
}

body.woocommerce-order-received .hooger-woocommerce-content,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
  background:
    radial-gradient(circle at 82% 0%, color-mix(in srgb, #22c55e 12%, transparent), transparent 24rem),
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--accent, #f59e0b) 12%, transparent), transparent 20rem),
    linear-gradient(180deg, color-mix(in srgb, var(--secondary, #f7f3ec) 52%, var(--background, #fff)) 0, var(--background, #fff) 22rem) !important;
  overflow-x: hidden !important;
  padding-block: clamp(1rem, 2.4vw, 1.8rem) clamp(2.5rem, 5vw, 4rem) !important;
}

body.woocommerce-order-received .hooger-woocommerce-content .woocommerce,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce,
body.woocommerce-order-received .hooger-woocommerce-content .woocommerce-order,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce-order {
  box-sizing: border-box !important;
  inline-size: var(--hor-page-width) !important;
  margin-inline: auto !important;
  max-inline-size: var(--hor-page-width) !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-woocommerce-content .woocommerce-order,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce-order {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--foreground, #17213c) !important;
  display: grid !important;
  gap: clamp(0.85rem, 2vw, 1.15rem) !important;
  padding: 0 !important;
}

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

body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou {
  background:
    linear-gradient(135deg, color-mix(in srgb, #16a34a 12%, var(--card, #fff)), var(--card, #fff) 52%),
    var(--card, #fff) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, #16a34a 20%, var(--border, rgba(232, 223, 208, .72))) !important;
  border-radius: clamp(1.15rem, 2.5vw, 1.65rem) !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .09) !important;
  box-sizing: border-box !important;
  color: var(--foreground, #17213c) !important;
  direction: rtl !important;
  display: grid !important;
  gap: clamp(1rem, 2.2vw, 1.35rem) !important;
  inline-size: 100% !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2.5vw, 1.45rem) !important;
  text-align: right !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header {
  align-items: center !important;
  display: grid !important;
  gap: 0.8rem !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header > span,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header > span {
  align-items: center !important;
  background: #16a34a !important;
  border-radius: 1rem !important;
  color: #fff !important;
  display: inline-flex !important;
  flex: 0 0 clamp(2.65rem, 6vw, 3.2rem) !important;
  block-size: clamp(2.65rem, 6vw, 3.2rem) !important;
  inline-size: clamp(2.65rem, 6vw, 3.2rem) !important;
  justify-content: center !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header .hooger-icon {
  block-size: 1.18rem !important;
  inline-size: 1.18rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header div,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header div {
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header strong {
  color: var(--foreground, #17213c) !important;
  display: block !important;
  font-size: clamp(1.2rem, 3vw, 1.65rem) !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
  margin: 0 0 .2rem !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header small,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header small {
  color: var(--muted-foreground, #667085) !important;
  display: block !important;
  font-size: clamp(.88rem, 2vw, .98rem) !important;
  line-height: 1.9 !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid,
body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.order_details,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview,
body.hooger-checkout-bridge-order-received ul.order_details {
  display: grid !important;
  gap: .72rem !important;
  grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr)) !important;
  inline-size: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  padding: 0 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li,
body.hooger-checkout-bridge-order-received ul.order_details li {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f7f3ec) 78%, var(--card, #fff)) !important;
  border: 1px solid var(--border, rgba(232, 223, 208, .72)) !important;
  border-radius: 1rem !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: .25rem !important;
  margin: 0 !important;
  min-block-size: 4.35rem !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding: .85rem .9rem !important;
  text-align: right !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid span,
body.woocommerce-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid span,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li,
body.hooger-checkout-bridge-order-received ul.order_details li {
  color: var(--muted-foreground, #667085) !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
  line-height: 1.65 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid strong,
body.woocommerce-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received ul.order_details li strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid strong,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li strong,
body.hooger-checkout-bridge-order-received ul.order_details li strong {
  color: var(--foreground, #17213c) !important;
  display: block !important;
  font-size: .95rem !important;
  font-weight: 950 !important;
  line-height: 1.65 !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.order_details,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview,
body.hooger-checkout-bridge-order-received ul.order_details {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-pickup-summary,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-pickup-summary {
  align-items: start !important;
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--primary, #1b2a68) 8%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--primary, #1b2a68) 18%, var(--border, rgba(232, 223, 208, .72))) !important;
  border-radius: 1rem !important;
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  padding: .9rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-pickup-summary > span,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-pickup-summary > span {
  align-items: center !important;
  background: var(--primary, #1b2a68) !important;
  border-radius: .85rem !important;
  color: #fff !important;
  display: inline-flex !important;
  block-size: 2.45rem !important;
  inline-size: 2.45rem !important;
  justify-content: center !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-pickup-summary p,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-pickup-summary p {
  color: var(--muted-foreground, #667085) !important;
  line-height: 1.9 !important;
  margin: .25rem 0 0 !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .7rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions a,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions a {
  align-items: center !important;
  background: var(--accent, #f59e0b) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--accent, #f59e0b) 55%, transparent) !important;
  border-radius: 1rem !important;
  color: var(--accent-foreground, #111827) !important;
  display: inline-flex !important;
  font-weight: 950 !important;
  gap: .42rem !important;
  justify-content: center !important;
  min-block-size: 3.05rem !important;
  min-inline-size: 11rem !important;
  padding: .72rem 1rem !important;
  text-decoration: none !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions a + a,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions a + a {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f7f3ec) 78%, var(--card, #fff)) !important;
  border-color: var(--border, rgba(232, 223, 208, .72)) !important;
  color: var(--foreground, #17213c) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions .hooger-icon {
  block-size: 1rem !important;
  inline-size: 1rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-details,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.hooger-checkout-bridge-order-received .woocommerce-order-details,
body.hooger-checkout-bridge-order-received .woocommerce-customer-details {
  background: var(--card, #fff) !important;
  border: 1px solid var(--border, rgba(232, 223, 208, .72)) !important;
  border-radius: clamp(1.15rem, 2.5vw, 1.5rem) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
  box-sizing: border-box !important;
  direction: rtl !important;
  inline-size: 100% !important;
  margin: 0 !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2.5vw, 1.25rem) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-items,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-items {
  display: grid !important;
  gap: .72rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-item,
body.woocommerce-order-received .hooger-checkout-bridge-safe-total,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total {
  align-items: center !important;
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f7f3ec) 78%, var(--card, #fff)) !important;
  border: 1px solid var(--border, rgba(232, 223, 208, .72)) !important;
  border-radius: 1rem !important;
  box-sizing: border-box !important;
  display: grid !important;
  gap: .75rem !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  padding: .85rem .9rem !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-item > div,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item > div {
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-item strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item strong {
  color: var(--foreground, #17213c) !important;
  display: block !important;
  line-height: 1.7 !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-item small,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item small {
  color: var(--muted-foreground, #667085) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-item em,
body.woocommerce-order-received .hooger-checkout-bridge-safe-total strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item em,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total strong {
  color: var(--accent, #f59e0b) !important;
  font-style: normal !important;
  font-weight: 950 !important;
  justify-self: end !important;
  line-height: 1.7 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.woocommerce-order-received .woocommerce-order-details table,
body.woocommerce-order-received .woocommerce-order-details tbody,
body.woocommerce-order-received .woocommerce-order-details tfoot,
body.woocommerce-order-received .woocommerce-order-details tr,
body.woocommerce-order-received .woocommerce-order-details th,
body.woocommerce-order-received .woocommerce-order-details td,
body.hooger-checkout-bridge-order-received .woocommerce-order-details table,
body.hooger-checkout-bridge-order-received .woocommerce-order-details tbody,
body.hooger-checkout-bridge-order-received .woocommerce-order-details tfoot,
body.hooger-checkout-bridge-order-received .woocommerce-order-details tr,
body.hooger-checkout-bridge-order-received .woocommerce-order-details th,
body.hooger-checkout-bridge-order-received .woocommerce-order-details td {
  border-color: var(--border, rgba(232, 223, 208, .72)) !important;
  max-inline-size: 100% !important;
  overflow-wrap: break-word !important;
}

body.woocommerce-order-received .woocommerce-order-details table,
body.hooger-checkout-bridge-order-received .woocommerce-order-details table {
  inline-size: 100% !important;
  table-layout: fixed !important;
}

html.hooger-dark body.woocommerce-order-received .hooger-woocommerce-content,
body.hooger-dark.woocommerce-order-received .hooger-woocommerce-content,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-woocommerce-content,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
  background:
    radial-gradient(circle at 82% 0%, rgba(34, 197, 94, .13), transparent 24rem),
    radial-gradient(circle at 12% 10%, rgba(245, 158, 11, .13), transparent 20rem),
    linear-gradient(180deg, #111827 0%, #0b1220 28rem) !important;
}

html.hooger-dark body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
body.hooger-dark.woocommerce-order-received .hooger-checkout-bridge-thankyou,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou,
html.hooger-dark body.woocommerce-order-received .hooger-checkout-bridge-safe-details,
body.hooger-dark.woocommerce-order-received .hooger-checkout-bridge-safe-details,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details {
  background: #141f33 !important;
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28) !important;
}

html.hooger-dark body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.hooger-dark.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid > div,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid > div,
html.hooger-dark body.woocommerce-order-received .hooger-checkout-bridge-safe-item,
html.hooger-dark body.woocommerce-order-received .hooger-checkout-bridge-safe-total,
body.hooger-dark.woocommerce-order-received .hooger-checkout-bridge-safe-item,
body.hooger-dark.woocommerce-order-received .hooger-checkout-bridge-safe-total,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total {
  background: #1b2940 !important;
  border-color: rgba(148, 163, 184, .18) !important;
}

@media (max-width: 640px) {
  body.woocommerce-order-received,
  body.hooger-checkout-bridge-order-received {
    --hor-gutter: clamp(.65rem, 4vw, .92rem);
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou header,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header {
    align-items: start !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid,
  body.woocommerce-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.order_details,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid,
  body.hooger-checkout-bridge-order-received .woocommerce-order-overview,
  body.hooger-checkout-bridge-order-received ul.order_details {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-safe-item,
  body.woocommerce-order-received .hooger-checkout-bridge-safe-total,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total {
    align-items: start !important;
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-safe-item em,
  body.woocommerce-order-received .hooger-checkout-bridge-safe-total strong,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-item em,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-total strong {
    justify-self: start !important;
    text-align: right !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou-actions a,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-actions a {
    inline-size: 100% !important;
    min-inline-size: 0 !important;
  }
}

@media (max-width: 390px) {
  body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou,
  body.woocommerce-order-received .hooger-checkout-bridge-safe-details,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details {
    border-radius: 1rem !important;
    padding: .82rem !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou header > span,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header > span {
    block-size: 2.45rem !important;
    inline-size: 2.45rem !important;
  }
}

/* Strict checkout responsive guard for tiny and tablet widths. */
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,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order-table,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-book,
body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-address-list,
body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-payment-methods-slot] ul.payment_methods {
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

@media (max-width: 520px) {
  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: 1rem !important;
    padding: .86rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-section-title > span {
    block-size: 2.25rem !important;
    flex-basis: 2.25rem !important;
    inline-size: 2.25rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-section-title strong {
    font-size: 1rem !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-choice-grid label {
    grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  }
}

/* Hooger profile order action polish: readable light mode and compact mobile placement. */
.hooger-order-card footer > div {
  align-items: center !important;
  direction: rtl !important;
  display: grid !important;
  gap: .65rem !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  inline-size: 100% !important;
}

.hooger-order-card footer > div > strong {
  grid-column: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
  text-align: right !important;
}

.hooger-order-card footer button.hooger-order-detail-toggle,
.hooger-order-detail-toggle {
  align-items: center !important;
  background: #fff4df !important;
  border: 1px solid #f2a316 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(246, 161, 10, .12) !important;
  color: #14213d !important;
  direction: rtl !important;
  display: inline-flex !important;
  gap: .36rem !important;
  grid-column: 2 !important;
  justify-content: center !important;
  justify-self: end !important;
  line-height: 1.35 !important;
  min-block-size: 2.35rem !important;
  min-inline-size: 7.55rem !important;
  padding: .48rem .68rem !important;
  white-space: nowrap !important;
}

.hooger-order-detail-toggle span,
.hooger-order-detail-toggle .hooger-icon {
  color: #14213d !important;
  stroke: currentColor !important;
}

.hooger-order-detail-toggle .hooger-icon {
  flex: 0 0 auto !important;
  height: .95rem !important;
  width: .95rem !important;
}

.hooger-order-card footer button.hooger-order-detail-toggle:hover,
.hooger-order-card footer button.hooger-order-detail-toggle:focus-visible {
  background: #f6a10a !important;
  border-color: #f6a10a !important;
  color: #101827 !important;
}

.hooger-order-card footer button.hooger-order-detail-toggle:hover span,
.hooger-order-card footer button.hooger-order-detail-toggle:hover .hooger-icon,
.hooger-order-card footer button.hooger-order-detail-toggle:focus-visible span,
.hooger-order-card footer button.hooger-order-detail-toggle:focus-visible .hooger-icon {
  color: #101827 !important;
}

@media (max-width: 640px) {
  .hooger-order-card footer {
    align-items: stretch !important;
    display: grid !important;
    gap: .62rem !important;
  }

  .hooger-order-card footer > span {
    justify-self: end !important;
    text-align: right !important;
  }

  .hooger-order-card footer > div {
    gap: .5rem !important;
  }

  .hooger-order-card footer button.hooger-order-detail-toggle,
  .hooger-order-detail-toggle {
    border-radius: 11px !important;
    min-inline-size: 7.15rem !important;
    padding-inline: .58rem !important;
  }
}

/* Profile order mobile action final placement: button left, price right, both inside the card. */
@media (max-width: 640px) {
  .hooger-order-card footer > div {
    column-gap: 0.75rem !important;
    direction: ltr !important;
    display: grid !important;
    grid-template-columns: minmax(6.9rem, max-content) minmax(1.6rem, 1fr) max-content !important;
    inline-size: 100% !important;
    max-inline-size: 100% !important;
  }

  .hooger-order-card footer > div > strong {
    direction: rtl !important;
    grid-column: 3 !important;
    justify-self: end !important;
    min-inline-size: max-content !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .hooger-order-card footer button.hooger-order-detail-toggle,
  .hooger-order-detail-toggle {
    direction: rtl !important;
    grid-column: 1 !important;
    justify-self: start !important;
    max-inline-size: 8.35rem !important;
  }
}

html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle,
html.hooger-dark .hooger-order-detail-toggle,
body.hooger-dark .hooger-order-detail-toggle {
  background: #ffb21a !important;
  border-color: #ffd27a !important;
  box-shadow: 0 10px 24px rgba(255, 178, 26, .2) !important;
  color: #111827 !important;
}

html.hooger-dark .hooger-order-detail-toggle span,
html.hooger-dark .hooger-order-detail-toggle .hooger-icon,
body.hooger-dark .hooger-order-detail-toggle span,
body.hooger-dark .hooger-order-detail-toggle .hooger-icon {
  color: #111827 !important;
  stroke: currentColor !important;
}

html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:hover,
html.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:focus-visible,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:hover,
body.hooger-dark .hooger-order-card footer button.hooger-order-detail-toggle:focus-visible {
  background: #ffc247 !important;
  color: #0f172a !important;
}

/* Absolute final order-card mobile summary layout. */
.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
  align-items: center !important;
  direction: rtl !important;
  display: flex !important;
  gap: .75rem !important;
  grid-template-columns: none !important;
  inline-size: 100% !important;
  justify-content: space-between !important;
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
  flex: 0 0 auto !important;
  grid-column: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  min-inline-size: max-content !important;
  order: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
  flex: 0 1 auto !important;
  grid-column: auto !important;
  inline-size: auto !important;
  justify-self: auto !important;
  margin: 0 !important;
  max-inline-size: min(9rem, 48vw) !important;
  min-inline-size: 7.1rem !important;
  order: 2 !important;
  position: static !important;
  transform: none !important;
}

@media (max-width: 640px) {
  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary {
    align-items: stretch !important;
    display: grid !important;
    gap: .72rem !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: hidden !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__items {
    display: block !important;
    inline-size: 100% !important;
    justify-self: stretch !important;
    line-height: 1.7 !important;
    min-inline-size: 0 !important;
    text-align: center !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions {
    background: transparent !important;
    column-gap: .7rem !important;
    grid-column: 1 !important;
    max-inline-size: 100% !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-card__total {
    font-size: clamp(.98rem, 3.8vw, 1.08rem) !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="orders"] .hooger-order-card footer.hooger-order-card__summary > .hooger-order-card__actions > .hooger-order-detail-toggle {
    border-radius: 11px !important;
    min-block-size: 2.35rem !important;
    padding: .46rem .62rem !important;
  }
}

/* Checkout absolute final mobile viewport alignment. */
@media (max-width: 767px) {
  body.woocommerce-checkout.hooger-checkout-bridge-enabled {
    overflow-x: hidden !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-landing.hooger-wc-shell,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-page-main,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
    inline-size: 100% !important;
    margin-inline: 0 !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content {
    padding-inline: clamp(.68rem, 3.2vw, .95rem) !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-woocommerce-content > .hooger-container,
  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-wc-checkout-title,
  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 .col2-set,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .col2-set .col-1,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .col2-set .col-2,
  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-shipping-fields,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-additional-fields,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-checkout-review-order,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-notices-wrapper,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .woocommerce-NoticeGroup,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-checkout-bridge-notice,
  body.woocommerce-checkout.hooger-checkout-bridge-enabled [data-hooger-bridge-notice] {
    inline-size: 100% !important;
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
  }

  body.woocommerce-checkout.hooger-checkout-bridge-enabled .hooger-wc-checkout-title {
    direction: rtl !important;
    text-align: center !important;
  }
}

/* Single product purchase controls: align quantity with the Hooger design system. */
body.single-product .hooger-woocommerce-content div.product p.price,
body.single-product .hooger-woocommerce-content div.product span.price {
  margin: clamp(.65rem, 1.25vw, .95rem) 0 .72rem !important;
  position: relative !important;
  z-index: 0 !important;
}

body.single-product .hooger-woocommerce-content div.product form.cart {
  align-items: center !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--card, #fff) 92%, var(--accent, #f59e0b) 8%), var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 76%, var(--accent, #f59e0b) 24%) !important;
  border-radius: 1.35rem !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--foreground, #111827) 9%, transparent) !important;
  direction: rtl !important;
  display: grid !important;
  gap: .78rem !important;
  grid-template-columns: minmax(10rem, 11.25rem) minmax(0, 1fr) !important;
  margin-top: .2rem !important;
  padding: .72rem !important;
  width: 100% !important;
}

body.single-product .hooger-woocommerce-content div.product form.cart .quantity {
  grid-column: 1 !important;
  justify-self: stretch !important;
  margin: 0 !important;
  min-inline-size: 0 !important;
  width: 100% !important;
}

body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 78%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 72%, var(--accent, #f59e0b) 28%) !important;
  border-radius: 1.05rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  direction: rtl !important;
  grid-template-columns: 3rem minmax(0, 1fr) 3rem !important;
  min-block-size: 3.28rem !important;
  overflow: hidden !important;
  width: 100% !important;
}

body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .qty {
  background: transparent !important;
  border: 0 !important;
  color: var(--foreground, #111827) !important;
  font-size: 1.04rem !important;
  font-weight: 950 !important;
  height: 3.28rem !important;
  min-block-size: 3.28rem !important;
  padding: 0 !important;
  text-align: center !important;
}

body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #111827) 72%, var(--accent, #f59e0b) 28%) !important;
  display: inline-flex !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  height: 3.28rem !important;
  justify-content: center !important;
  min-block-size: 3.28rem !important;
  min-inline-size: 3rem !important;
  padding: 0 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:hover,
body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:focus-visible {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 14%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
}

body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:active {
  transform: scale(.96);
}

body.single-product .hooger-woocommerce-content div.product form.cart .single_add_to_cart_button {
  border-radius: 1.05rem !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 .95rem 1.9rem color-mix(in srgb, var(--accent, #f59e0b) 24%, transparent) !important;
  grid-column: 2 !important;
  min-block-size: 3.28rem !important;
  width: 100% !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content div.product form.cart,
body.hooger-dark.single-product .hooger-woocommerce-content div.product form.cart,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content div.product form.cart {
  background:
    linear-gradient(135deg, rgba(18, 36, 58, .96), rgba(13, 27, 46, .92)) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow: 0 1.15rem 2.6rem rgba(0, 0, 0, .22) !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced,
body.hooger-dark.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced {
  background: rgba(15, 23, 42, .56) !important;
  border-color: rgba(148, 163, 184, .25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .qty,
body.hooger-dark.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .qty,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .qty {
  color: #f8fafc !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button,
body.hooger-dark.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button {
  color: #cbd5e1 !important;
}

html.hooger-dark body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:hover,
html.hooger-dark body.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:focus-visible,
body.hooger-dark.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:hover,
body.hooger-dark.single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:focus-visible,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:hover,
body:has(.hooger-landing.hooger-dark).single-product .hooger-woocommerce-content .quantity.hooger-qty-enhanced .hooger-wc-qty-button:focus-visible {
  background: rgba(245, 158, 11, .14) !important;
  color: #fbbf24 !important;
}

@media (max-width: 640px) {
  body.single-product .hooger-woocommerce-content div.product form.cart {
    grid-template-columns: 1fr !important;
    padding: .65rem !important;
  }

  body.single-product .hooger-woocommerce-content div.product form.cart .quantity,
  body.single-product .hooger-woocommerce-content div.product form.cart .single_add_to_cart_button {
    grid-column: 1 !important;
  }
}

/* Single product purchase overlap guard: do not rely on body classes. */
.hooger-woocommerce-content div.product div.summary > p.price,
.hooger-woocommerce-content div.product div.summary > span.price,
.hooger-single-product div.product div.summary > p.price,
.hooger-single-product div.product div.summary > span.price {
  align-self: end !important;
  display: block !important;
  inline-size: 100% !important;
  justify-self: stretch !important;
  margin: clamp(.65rem, 1.25vw, .95rem) 0 .78rem !important;
  max-inline-size: 100% !important;
  order: 7 !important;
  position: static !important;
  text-align: right !important;
  z-index: auto !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart,
.hooger-single-product div.product div.summary > form.cart {
  align-items: center !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--card, #fff) 92%, var(--accent, #f59e0b) 8%), var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 76%, var(--accent, #f59e0b) 24%) !important;
  border-radius: 1.35rem !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 1rem 2.4rem color-mix(in srgb, var(--foreground, #111827) 9%, transparent) !important;
  clear: both !important;
  direction: ltr !important;
  display: grid !important;
  gap: .78rem !important;
  grid-template-columns: minmax(10rem, 11.25rem) minmax(0, 1fr) !important;
  margin-block-start: 0 !important;
  order: 8 !important;
  padding: .72rem !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart .quantity,
.hooger-single-product div.product div.summary > form.cart .quantity {
  grid-column: 1 !important;
  justify-self: stretch !important;
  margin: 0 !important;
  min-inline-size: 0 !important;
  width: 100% !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced,
.hooger-single-product div.product div.summary > form.cart .quantity.hooger-qty-enhanced {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 78%, var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 72%, var(--accent, #f59e0b) 28%) !important;
  border-radius: 1.05rem !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  direction: rtl !important;
  grid-template-columns: 3rem minmax(0, 1fr) 3rem !important;
  min-block-size: 3.28rem !important;
  overflow: hidden !important;
  width: 100% !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced .qty,
.hooger-single-product div.product div.summary > form.cart .quantity.hooger-qty-enhanced .qty {
  background: transparent !important;
  border: 0 !important;
  color: var(--foreground, #111827) !important;
  font-size: 1.04rem !important;
  font-weight: 950 !important;
  height: 3.28rem !important;
  min-block-size: 3.28rem !important;
  padding: 0 !important;
  text-align: center !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced .hooger-wc-qty-button,
.hooger-single-product div.product div.summary > form.cart .quantity.hooger-qty-enhanced .hooger-wc-qty-button {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #111827) 72%, var(--accent, #f59e0b) 28%) !important;
  display: inline-flex !important;
  font-size: 1.18rem !important;
  font-weight: 950 !important;
  height: 3.28rem !important;
  justify-content: center !important;
  min-block-size: 3.28rem !important;
  min-inline-size: 3rem !important;
  padding: 0 !important;
}

.hooger-woocommerce-content div.product div.summary > form.cart .single_add_to_cart_button,
.hooger-single-product div.product div.summary > form.cart .single_add_to_cart_button {
  border-radius: 1.05rem !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 .95rem 1.9rem color-mix(in srgb, var(--accent, #f59e0b) 24%, transparent) !important;
  direction: rtl !important;
  grid-column: 2 !important;
  min-block-size: 3.28rem !important;
  position: relative !important;
  width: 100% !important;
  z-index: 1 !important;
}

html.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart,
body.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart,
.hooger-landing.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart {
  background:
    linear-gradient(135deg, rgba(18, 36, 58, .96), rgba(13, 27, 46, .92)) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  box-shadow: 0 1.15rem 2.6rem rgba(0, 0, 0, .22) !important;
}

html.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced,
body.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced,
.hooger-landing.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced {
  background: rgba(15, 23, 42, .56) !important;
  border-color: rgba(148, 163, 184, .25) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced .qty,
body.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced .qty,
.hooger-landing.hooger-dark .hooger-woocommerce-content div.product div.summary > form.cart .quantity.hooger-qty-enhanced .qty {
  color: #f8fafc !important;
}

@media (max-width: 640px) {
  .hooger-woocommerce-content div.product div.summary > form.cart,
  .hooger-single-product div.product div.summary > form.cart {
    grid-template-columns: 1fr !important;
    padding: .65rem !important;
  }

  .hooger-woocommerce-content div.product div.summary > form.cart .quantity,
  .hooger-woocommerce-content div.product div.summary > form.cart .single_add_to_cart_button,
  .hooger-single-product div.product div.summary > form.cart .quantity,
  .hooger-single-product div.product div.summary > form.cart .single_add_to_cart_button {
    grid-column: 1 !important;
  }
}

/* Cart panel quantity control: compact, segmented and aligned with Hooger UI. */
.hooger-cart-panel .hooger-cart-item .hooger-cart-item__row {
  align-items: center !important;
  column-gap: .8rem !important;
  row-gap: .55rem !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty {
  align-items: center !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 92%, var(--accent, #f59e0b) 8%), var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 74%, var(--accent, #f59e0b) 26%) !important;
  border-radius: 1rem !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .62),
    0 .55rem 1.25rem color-mix(in srgb, var(--foreground, #111827) 8%, transparent) !important;
  direction: ltr !important;
  display: inline-grid !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  grid-template-columns: 2.25rem 2.25rem minmax(2.1rem, 2.45rem) 2.25rem !important;
  inline-size: auto !important;
  min-block-size: 2.55rem !important;
  min-inline-size: 8.85rem !important;
  overflow: hidden !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty button,
.hooger-cart-panel .hooger-cart-item .hooger-qty span {
  align-items: center !important;
  block-size: 2.55rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #111827) 78%, var(--accent, #f59e0b) 22%) !important;
  display: inline-flex !important;
  font-size: .96rem !important;
  font-weight: 950 !important;
  inline-size: 100% !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty span {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 10%, transparent) !important;
  border-inline: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 72%, var(--accent, #f59e0b) 28%) !important;
  color: var(--foreground, #111827) !important;
  font-size: .92rem !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty button:hover,
.hooger-cart-panel .hooger-cart-item .hooger-qty button:focus-visible {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 15%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
  outline: none !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty button:active {
  transform: scale(.94);
}

.hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove] {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--danger, #ef4444) 78%, var(--foreground, #111827) 22%) !important;
  font-size: 1.08rem !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:hover,
.hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:focus-visible {
  background: rgba(239, 68, 68, .1) !important;
  background: color-mix(in srgb, var(--danger, #ef4444) 13%, transparent) !important;
  color: var(--danger, #ef4444) !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty {
  background:
    linear-gradient(180deg, rgba(31, 45, 71, .92), rgba(15, 23, 42, .72)) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 .65rem 1.3rem rgba(0, 0, 0, .18) !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button,
html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty button,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty span {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty span,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty span {
  background: rgba(245, 158, 11, .14) !important;
  border-inline-color: rgba(245, 158, 11, .22) !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:hover,
html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:focus-visible,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:hover,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:focus-visible,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:hover,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty button:focus-visible,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty button:hover,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty button:focus-visible {
  background: rgba(245, 158, 11, .16) !important;
  color: #fbbf24 !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove],
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove],
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove],
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove] {
  color: #fecaca !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:hover,
html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:focus-visible,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:hover,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:focus-visible,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:hover,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:focus-visible,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:hover,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty [data-hooger-cart-remove]:focus-visible {
  background: rgba(239, 68, 68, .16) !important;
  color: #fca5a5 !important;
}

@media (max-width: 520px) {
  .hooger-cart-panel .hooger-cart-item .hooger-qty {
    grid-template-columns: 2.05rem 2.05rem minmax(1.9rem, 2.25rem) 2.05rem !important;
    min-block-size: 2.38rem !important;
    min-inline-size: 8.05rem !important;
  }

  .hooger-cart-panel .hooger-cart-item .hooger-qty button,
  .hooger-cart-panel .hooger-cart-item .hooger-qty span {
    block-size: 2.38rem !important;
    font-size: .9rem !important;
  }
}

/* Search modal head: keep the close button inside a rounded, consistent shell. */
.hooger-search-modal .hooger-search-modal__head {
  align-items: stretch !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--card, #fff) 92%, var(--accent, #f59e0b) 8%), var(--card, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--border, #e5e7eb) 74%, var(--accent, #f59e0b) 26%) !important;
  border-radius: 1.28rem !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .58),
    0 .85rem 1.9rem color-mix(in srgb, var(--foreground, #111827) 8%, transparent) !important;
  display: grid !important;
  gap: 0 !important;
  grid-template-columns: minmax(0, 1fr) 3.3rem !important;
  overflow: hidden !important;
  padding: .18rem !important;
}

.hooger-search-modal .hooger-search-modal__head label {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 1.05rem !important;
  box-shadow: none !important;
  display: block !important;
  inline-size: 100% !important;
  margin: 0 !important;
  min-inline-size: 0 !important;
  order: 1 !important;
  overflow: hidden !important;
  position: relative !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] {
  align-items: center !important;
  align-self: stretch !important;
  background: var(--secondary, #f8fafc) !important;
  background: color-mix(in srgb, var(--secondary, #f8fafc) 80%, var(--accent, #f59e0b) 20%) !important;
  border: 0 !important;
  border-radius: .98rem !important;
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--foreground, #111827) 72%, var(--accent, #f59e0b) 28%) !important;
  display: inline-flex !important;
  grid-column: 2 !important;
  inline-size: 3.08rem !important;
  justify-content: center !important;
  margin: 0 !important;
  min-block-size: 3rem !important;
  order: 2 !important;
  padding: 0 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:hover,
.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:focus-visible {
  background: rgba(245, 158, 11, .12) !important;
  background: color-mix(in srgb, var(--accent, #f59e0b) 18%, transparent) !important;
  color: var(--accent, #f59e0b) !important;
  outline: none !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:active {
  transform: scale(.96);
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] .hooger-icon {
  block-size: 1.08rem !important;
  inline-size: 1.08rem !important;
}

.hooger-search-modal .hooger-search-modal__head label .hooger-icon {
  color: var(--muted-foreground, #64748b) !important;
  color: color-mix(in srgb, var(--muted-foreground, #64748b) 82%, var(--accent, #f59e0b) 18%) !important;
  right: 1.08rem !important;
}

.hooger-search-modal .hooger-search-modal__head label > input,
.hooger-search-modal .hooger-search-modal__head label > input[type="search"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 1.05rem !important;
  box-shadow: none !important;
  min-block-size: 3rem !important;
  padding-block: .72rem !important;
}

.hooger-search-modal .hooger-search-modal__head:focus-within {
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--accent, #f59e0b) 58%, var(--border, #e5e7eb)) !important;
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--accent, #f59e0b) 17%, transparent),
    0 .85rem 1.9rem color-mix(in srgb, var(--foreground, #111827) 8%, transparent) !important;
}

html.hooger-dark .hooger-search-modal .hooger-search-modal__head,
body.hooger-dark .hooger-search-modal .hooger-search-modal__head,
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head,
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head {
  background:
    linear-gradient(180deg, rgba(31, 45, 71, .92), rgba(15, 23, 42, .72)) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 .85rem 1.9rem rgba(0, 0, 0, .2) !important;
}

html.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close],
body.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close],
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close],
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] {
  background: rgba(148, 163, 184, .12) !important;
  color: #cbd5e1 !important;
}

html.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:hover,
html.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:focus-visible,
body.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:hover,
body.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:focus-visible,
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:hover,
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:focus-visible,
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:hover,
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close]:focus-visible {
  background: rgba(245, 158, 11, .16) !important;
  color: #fbbf24 !important;
}

html.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input,
html.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input[type="search"],
body.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input,
body.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input[type="search"],
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input,
.hooger-landing.hooger-dark .hooger-search-modal .hooger-search-modal__head label > input[type="search"],
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head label > input,
[data-theme="dark"] .hooger-search-modal .hooger-search-modal__head label > input[type="search"] {
  color: #f8fafc !important;
}

@media (max-width: 640px) {
  .hooger-search-modal .hooger-search-modal__head {
    border-radius: 1.05rem !important;
    grid-template-columns: minmax(0, 1fr) 2.85rem !important;
  }

  .hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] {
    border-radius: .82rem !important;
    inline-size: 2.65rem !important;
    min-block-size: 2.75rem !important;
  }

  .hooger-search-modal .hooger-search-modal__head label > input,
  .hooger-search-modal .hooger-search-modal__head label > input[type="search"] {
    min-block-size: 2.75rem !important;
  }
}

/* Reference content pages V12: unified RTL design system for About, Contact and FAQ. */
.hooger-page-main:has(.hooger-ref-page) {
  background:
    radial-gradient(circle at 86% 0, var(--ha-color-primary-soft, rgba(245, 158, 11, .12)), transparent 28rem),
    linear-gradient(180deg, var(--ha-color-bg, #fffdf8), var(--ha-color-bg-soft, #f8fafc)) !important;
  color: var(--ha-color-text, #111827) !important;
  direction: rtl !important;
  overflow-x: hidden !important;
  padding-block: clamp(2rem, 4vw, 4.5rem) clamp(3rem, 6vw, 5.5rem) !important;
}

.hooger-page-main:has(.hooger-ref-page) > .hooger-container {
  inline-size: min(var(--ha-container, 1240px), calc(100% - clamp(1.5rem, 5vw, 4rem))) !important;
  margin-inline: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  padding-inline: 0 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-page) {
  box-sizing: border-box !important;
  direction: rtl !important;
  inline-size: min(100%, 1120px) !important;
  margin-inline: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  padding-inline: 0 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-page > .elementor-container) {
  box-sizing: border-box !important;
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-page .elementor-column,
.elementor-section.hooger-ref-page .elementor-widget-wrap,
.elementor-section.hooger-ref-page .elementor-widget,
.elementor-section.hooger-ref-page .elementor-widget-container) {
  box-sizing: border-box !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-hero) {
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--ha-color-primary, #f59e0b) 18%, transparent), transparent 13rem),
    linear-gradient(135deg, color-mix(in srgb, var(--ha-color-secondary, #172554) 94%, #0ea5e9 6%), #164865) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, #ffffff 16%, transparent) !important;
  border-radius: clamp(1.25rem, 3vw, 2rem) !important;
  box-shadow: var(--ha-shadow-md, 0 18px 46px rgba(17, 24, 39, .09)) !important;
  inline-size: min(100%, 1040px) !important;
  margin-block-end: clamp(1.25rem, 3vw, 2rem) !important;
  min-block-size: clamp(15rem, 30vw, 23rem) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-hero--contact,
.elementor-section.hooger-ref-hero--faq) {
  inline-size: min(100%, 960px) !important;
  min-block-size: clamp(13rem, 25vw, 18rem) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-hero .elementor-widget-wrap) {
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(1.6rem, 4vw, 3.1rem) clamp(1.1rem, 5vw, 3rem) !important;
  text-align: center !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-hero .elementor-widget-html,
.elementor-section.hooger-ref-hero .elementor-widget-container) {
  inline-size: 100% !important;
  text-align: center !important;
}

.hooger-page-main :where(.hooger-ref-eyebrow) {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 14%, transparent) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 58%, transparent) !important;
  color: #fbbf24 !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.78rem, 1.6vw, .92rem) !important;
  font-weight: 950 !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  margin-inline: auto !important;
  margin-block-end: clamp(.9rem, 2vw, 1.45rem) !important;
  min-block-size: 2.15rem !important;
  padding-inline: 1rem !important;
}

.hooger-page-main :where(.hooger-ref-hero-title) {
  color: #fff !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(2rem, 5vw, 3.75rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.32 !important;
  margin: 0 !important;
  margin-inline: auto !important;
  max-inline-size: 18ch !important;
  text-align: center !important;
  text-wrap: balance !important;
}

.hooger-page-main :where(.hooger-ref-hero-title span) {
  color: var(--ha-color-primary, #f59e0b) !important;
}

.hooger-page-main :where(.hooger-ref-hero-lead) {
  color: rgba(255, 255, 255, .82) !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.95rem, 1.8vw, 1.1rem) !important;
  font-weight: 600 !important;
  line-height: 2.05 !important;
  margin-block-start: clamp(.8rem, 2vw, 1.35rem) !important;
  margin-inline: auto !important;
  max-inline-size: 42rem !important;
  text-align: center !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-section-title .elementor-heading-title,
.elementor-section.hooger-ref-contact-panels h3,
.hooger-ref-faq-heading h2) {
  color: var(--ha-color-text, #111827) !important;
  font-family: var(--ha-font, inherit) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-section-title .elementor-heading-title) {
  font-size: clamp(1.45rem, 3vw, 2rem) !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-section-lead,
.elementor-widget.hooger-ref-section-lead p,
.hooger-ref-about-copy p) {
  color: var(--ha-color-text-muted, #64748b) !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.92rem, 1.6vw, 1rem) !important;
  line-height: 2.05 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-heading) {
  margin-block: clamp(1rem, 3vw, 2rem) clamp(1rem, 3vw, 1.75rem) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-cards,
.elementor-section.hooger-ref-stats,
.elementor-section.hooger-ref-contact-cards,
.elementor-section.hooger-ref-contact-panels) {
  inline-size: min(100%, 1120px) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-cards .elementor-container,
.elementor-section.hooger-ref-stats .elementor-container,
.elementor-section.hooger-ref-contact-panels .elementor-container) {
  display: grid !important;
  gap: clamp(.85rem, 2vw, 1.15rem) !important;
  grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr)) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .elementor-container) {
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-cards .elementor-column,
.elementor-section.hooger-ref-stats .elementor-column,
.elementor-section.hooger-ref-contact-panels .elementor-column) {
  inline-size: 100% !important;
  width: 100% !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-card,
.elementor-widget.hooger-ref-stat,
.elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap,
.elementor-section.hooger-ref-story,
.elementor-section.hooger-ref-about-copy-section,
.elementor-section.hooger-ref-faq-section,
.elementor-section.hooger-ref-faq-cta,
.elementor-section.hooger-ref-faq-pills-section) {
  background: var(--ha-color-surface, #fff) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 22px rgba(17, 24, 39, .06)) !important;
  color: var(--ha-color-text, #111827) !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-card) {
  block-size: 100% !important;
  min-block-size: 14.5rem !important;
  padding: clamp(1.25rem, 2.8vw, 2rem) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-ref-card) {
  min-block-size: 10.5rem !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-card .elementor-icon) {
  background: var(--ha-color-primary-soft, rgba(245, 158, 11, .12)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--ha-color-primary, #f59e0b) 24%, transparent) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-primary, #f59e0b) !important;
  flex-basis: 3.7rem !important;
  block-size: 3.7rem !important;
  inline-size: 3.7rem !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-card .elementor-icon-box-title,
.elementor-widget.hooger-ref-card .elementor-icon-box-title a) {
  color: var(--ha-color-text, #111827) !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(1rem, 2vw, 1.14rem) !important;
  font-weight: 950 !important;
}

.hooger-page-main :where(.elementor-widget.hooger-ref-card .elementor-icon-box-description) {
  color: var(--ha-color-text-muted, #64748b) !important;
  font-family: var(--ha-font, inherit) !important;
  line-height: 2 !important;
  max-inline-size: 24rem !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-story,
.elementor-section.hooger-ref-about-copy-section) {
  margin-block-end: clamp(1rem, 3vw, 1.8rem) !important;
  padding: clamp(1.2rem, 3vw, 2.25rem) !important;
}

.hooger-page-main :where(.hooger-ref-steps) {
  gap: .75rem !important;
}

.hooger-page-main :where(.hooger-ref-step) {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  gap: 1rem !important;
  grid-template-columns: auto minmax(8rem, .8fr) minmax(0, 1.6fr) !important;
  min-block-size: 5.4rem !important;
  padding: .85rem 1rem !important;
}

.hooger-page-main :where(.hooger-ref-step span) {
  background: var(--ha-color-primary, #f59e0b) !important;
  color: #111827 !important;
}

.hooger-page-main :where(.hooger-ref-step strong) {
  color: var(--ha-color-text, #111827) !important;
}

.hooger-page-main :where(.hooger-ref-step p) {
  color: var(--ha-color-text-muted, #64748b) !important;
}

.hooger-page-main :where(.hooger-ref-checks div,
.hooger-ref-hours div,
.hooger-ref-channel) {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-md, 14px) !important;
  color: var(--ha-color-text, #111827) !important;
}

.hooger-page-main :where(.hooger-ref-stat-grid) {
  display: grid !important;
  gap: clamp(.85rem, 2vw, 1.15rem) !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
}

.hooger-page-main :where(.hooger-ref-stat-card) {
  align-items: center !important;
  background: var(--ha-color-surface, #fff) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 22px rgba(17, 24, 39, .06)) !important;
  display: grid !important;
  gap: .7rem !important;
  min-block-size: 9.6rem !important;
  padding: 1.25rem !important;
  text-align: center !important;
}

.hooger-page-main :where(.hooger-ref-stat-card strong) {
  color: var(--ha-color-primary, #f59e0b) !important;
  font-size: clamp(1.9rem, 4vw, 2.7rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.hooger-page-main :where(.hooger-ref-stat-card span) {
  color: var(--ha-color-text-muted, #64748b) !important;
  font-size: .96rem !important;
  font-weight: 850 !important;
  line-height: 1.8 !important;
}

.hooger-page-main :where(.hooger-ref-about-copy) {
  margin-inline: auto !important;
  max-inline-size: 62rem !important;
  text-align: right !important;
}

.hooger-page-main :where(.hooger-ref-about-copy p) {
  margin-block: 0 1rem !important;
  text-align: right !important;
}

.hooger-page-main :where(.hooger-ref-about-copy strong) {
  color: var(--ha-color-text, #111827) !important;
  font-size: clamp(1.05rem, 2vw, 1.25rem) !important;
  font-weight: 950 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap) {
  align-content: start !important;
  display: grid !important;
  gap: 1rem !important;
  min-block-size: 0 !important;
  padding: clamp(1.15rem, 3vw, 1.8rem) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form) {
  display: grid !important;
  gap: .9rem !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form label > span) {
  color: var(--ha-color-text-muted, #64748b) !important;
  font-family: var(--ha-font, inherit) !important;
  font-weight: 850 !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form input,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea) {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-md, 14px) !important;
  color: var(--ha-color-text, #111827) !important;
  font-family: var(--ha-font, inherit) !important;
  min-block-size: 3rem !important;
  padding-inline: 1rem !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea) {
  min-block-size: 8rem !important;
  padding-block: .85rem !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form input:focus,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea:focus) {
  border-color: var(--ha-color-primary, #f59e0b) !important;
  box-shadow: 0 0 0 3px var(--ha-color-primary-soft, rgba(245, 158, 11, .12)) !important;
  outline: none !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form button,
.elementor-widget.hooger-ref-button .elementor-button) {
  background: var(--ha-color-primary, #f59e0b) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--ha-color-primary, #f59e0b) 70%, transparent) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: #111827 !important;
  font-family: var(--ha-font, inherit) !important;
  font-weight: 950 !important;
  min-block-size: 3rem !important;
  transition: transform var(--ha-transition, 180ms ease), background-color var(--ha-transition, 180ms ease), box-shadow var(--ha-transition, 180ms ease) !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .hooger-contact-form button:hover,
.elementor-widget.hooger-ref-button .elementor-button:hover) {
  background: var(--ha-color-primary-hover, #ea8a00) !important;
  transform: translateY(-1px) !important;
}

.hooger-page-main :where(.hooger-ref-hours strong,
.hooger-ref-channel b,
.hooger-ref-channel bdi) {
  color: var(--ha-color-text, #111827) !important;
}

.hooger-page-main :where(.hooger-ref-hours span) {
  color: var(--ha-color-text-muted, #64748b) !important;
}

.hooger-page-main :where(.hooger-ref-channel bdi) {
  direction: ltr !important;
  unicode-bidi: isolate !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-faq-pills-section) {
  inline-size: min(100%, 960px) !important;
  margin-block: clamp(1.1rem, 3vw, 1.8rem) !important;
  padding: clamp(.85rem, 2vw, 1rem) !important;
}

.hooger-page-main :where(.hooger-ref-faq-pills) {
  align-items: stretch !important;
  display: grid !important;
  gap: .6rem !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  inline-size: 100% !important;
  justify-content: stretch !important;
  overflow: visible !important;
}

.hooger-page-main :where(.hooger-ref-faq-pills a) {
  align-items: center !important;
  background: var(--ha-color-surface-elevated, #fff) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-text-muted, #64748b) !important;
  display: inline-flex !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.73rem, 1.35vw, .87rem) !important;
  font-weight: 900 !important;
  gap: .42rem !important;
  inline-size: 100% !important;
  justify-content: center !important;
  line-height: 1.55 !important;
  min-block-size: 3.05rem !important;
  min-inline-size: 0 !important;
  padding: .45rem .55rem !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.hooger-page-main :where(.hooger-ref-faq-pills a svg,
.hooger-ref-faq-heading svg) {
  block-size: 1rem !important;
  flex: 0 0 1rem !important;
  inline-size: 1rem !important;
}

.hooger-page-main :where(.hooger-ref-faq-pills a.is-active,
.hooger-ref-faq-pills a:hover,
.hooger-ref-faq-pills a:focus-visible) {
  background: var(--ha-color-primary, #f59e0b) !important;
  border-color: var(--ha-color-primary, #f59e0b) !important;
  color: #111827 !important;
  outline: none !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-faq-section,
.elementor-section.hooger-ref-faq-cta) {
  inline-size: min(100%, 960px) !important;
  margin-block: 0 clamp(1rem, 2.6vw, 1.35rem) !important;
  padding: clamp(1rem, 3vw, 1.7rem) !important;
}

.hooger-page-main :where(.hooger-ref-faq-heading) {
  align-items: center !important;
  border-block-end: 1px solid var(--ha-color-border, #e5e7eb) !important;
  display: flex !important;
  gap: .75rem !important;
  justify-content: flex-start !important;
  margin-block-end: 1rem !important;
  padding-block-end: 1rem !important;
  text-align: right !important;
}

.hooger-page-main :where(.hooger-ref-faq-heading > span) {
  align-items: center !important;
  background: var(--ha-color-primary-soft, rgba(245, 158, 11, .12)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--ha-color-primary, #f59e0b) 32%, transparent) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-primary, #f59e0b) !important;
  display: inline-flex !important;
  block-size: 3rem !important;
  inline-size: 3rem !important;
  justify-content: center !important;
}

.hooger-page-main :where(.hooger-ref-faq-heading h2) {
  font-size: clamp(1.25rem, 2.6vw, 1.65rem) !important;
  margin: 0 !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-toggle,
.hooger-ref-faq-toggle .elementor-accordion) {
  display: grid !important;
  gap: .75rem !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title) {
  align-items: center !important;
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-text, #111827) !important;
  display: grid !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.94rem, 1.6vw, 1.03rem) !important;
  font-weight: 950 !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  line-height: 1.85 !important;
  min-block-size: 4rem !important;
  padding: .85rem 1rem !important;
  text-align: right !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title.elementor-active) {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 9%, var(--ha-color-surface, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 52%, var(--ha-color-border, #e5e7eb)) !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title:focus-visible) {
  box-shadow: 0 0 0 3px var(--ha-color-primary-soft, rgba(245, 158, 11, .12)) !important;
  outline: none !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-toggle-icon) {
  color: var(--ha-color-text-muted, #64748b) !important;
  margin-inline: 0 .65rem !important;
}

.hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-content) {
  background: var(--ha-color-surface, #fff) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-text-muted, #64748b) !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.92rem, 1.5vw, 1rem) !important;
  line-height: 2.1 !important;
  margin-block-start: .55rem !important;
  padding: 1rem 1.1rem !important;
  text-align: right !important;
}

html.hooger-dark .hooger-page-main:has(.hooger-ref-page),
body.hooger-dark .hooger-page-main:has(.hooger-ref-page),
[data-theme="dark"] .hooger-page-main:has(.hooger-ref-page) {
  background:
    radial-gradient(circle at 86% 0, rgba(245, 158, 11, .14), transparent 28rem),
    linear-gradient(180deg, var(--ha-color-bg, #07111f), var(--ha-color-bg-soft, #0a1627)) !important;
}

html.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-section-title .elementor-heading-title,
.elementor-section.hooger-ref-contact-panels h3,
.hooger-ref-faq-heading h2,
.elementor-widget.hooger-ref-card .elementor-icon-box-title,
.elementor-widget.hooger-ref-card .elementor-icon-box-title a,
.hooger-ref-step strong,
.hooger-ref-about-copy strong,
.hooger-ref-hours strong,
.hooger-ref-channel b,
.hooger-ref-channel bdi),
body.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-section-title .elementor-heading-title,
.elementor-section.hooger-ref-contact-panels h3,
.hooger-ref-faq-heading h2,
.elementor-widget.hooger-ref-card .elementor-icon-box-title,
.elementor-widget.hooger-ref-card .elementor-icon-box-title a,
.hooger-ref-step strong,
.hooger-ref-about-copy strong,
.hooger-ref-hours strong,
.hooger-ref-channel b,
.hooger-ref-channel bdi),
[data-theme="dark"] .hooger-page-main :where(.elementor-widget.hooger-ref-section-title .elementor-heading-title,
.elementor-section.hooger-ref-contact-panels h3,
.hooger-ref-faq-heading h2,
.elementor-widget.hooger-ref-card .elementor-icon-box-title,
.elementor-widget.hooger-ref-card .elementor-icon-box-title a,
.hooger-ref-step strong,
.hooger-ref-about-copy strong,
.hooger-ref-hours strong,
.hooger-ref-channel b,
.hooger-ref-channel bdi) {
  color: var(--ha-color-text, #f8fafc) !important;
}

html.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-section-lead,
.elementor-widget.hooger-ref-section-lead p,
.elementor-widget.hooger-ref-card .elementor-icon-box-description,
.hooger-ref-step p,
.hooger-ref-about-copy p,
.hooger-ref-hours span,
.hooger-ref-stat-card span,
.hooger-ref-faq-toggle .elementor-tab-content),
body.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-section-lead,
.elementor-widget.hooger-ref-section-lead p,
.elementor-widget.hooger-ref-card .elementor-icon-box-description,
.hooger-ref-step p,
.hooger-ref-about-copy p,
.hooger-ref-hours span,
.hooger-ref-stat-card span,
.hooger-ref-faq-toggle .elementor-tab-content),
[data-theme="dark"] .hooger-page-main :where(.elementor-widget.hooger-ref-section-lead,
.elementor-widget.hooger-ref-section-lead p,
.elementor-widget.hooger-ref-card .elementor-icon-box-description,
.hooger-ref-step p,
.hooger-ref-about-copy p,
.hooger-ref-hours span,
.hooger-ref-stat-card span,
.hooger-ref-faq-toggle .elementor-tab-content) {
  color: var(--ha-color-text-muted, #cbd5e1) !important;
}

html.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-card,
.elementor-widget.hooger-ref-stat,
.elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap,
.elementor-section.hooger-ref-story,
.elementor-section.hooger-ref-about-copy-section,
.elementor-section.hooger-ref-faq-section,
.elementor-section.hooger-ref-faq-cta,
.elementor-section.hooger-ref-faq-pills-section,
.hooger-ref-stat-card,
.hooger-ref-faq-toggle .elementor-tab-content),
body.hooger-dark .hooger-page-main :where(.elementor-widget.hooger-ref-card,
.elementor-widget.hooger-ref-stat,
.elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap,
.elementor-section.hooger-ref-story,
.elementor-section.hooger-ref-about-copy-section,
.elementor-section.hooger-ref-faq-section,
.elementor-section.hooger-ref-faq-cta,
.elementor-section.hooger-ref-faq-pills-section,
.hooger-ref-stat-card,
.hooger-ref-faq-toggle .elementor-tab-content),
[data-theme="dark"] .hooger-page-main :where(.elementor-widget.hooger-ref-card,
.elementor-widget.hooger-ref-stat,
.elementor-section.hooger-ref-contact-panels .elementor-column > .elementor-widget-wrap,
.elementor-section.hooger-ref-story,
.elementor-section.hooger-ref-about-copy-section,
.elementor-section.hooger-ref-faq-section,
.elementor-section.hooger-ref-faq-cta,
.elementor-section.hooger-ref-faq-pills-section,
.hooger-ref-stat-card,
.hooger-ref-faq-toggle .elementor-tab-content) {
  background: var(--ha-color-surface, #0d1b2e) !important;
  border-color: var(--ha-color-border, #24364f) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 26px rgba(0, 0, 0, .22)) !important;
}

html.hooger-dark .hooger-page-main :where(.hooger-ref-step,
.hooger-ref-checks div,
.hooger-ref-hours div,
.hooger-ref-channel,
.hooger-ref-faq-pills a,
.hooger-ref-faq-toggle .elementor-tab-title,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form input,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea),
body.hooger-dark .hooger-page-main :where(.hooger-ref-step,
.hooger-ref-checks div,
.hooger-ref-hours div,
.hooger-ref-channel,
.hooger-ref-faq-pills a,
.hooger-ref-faq-toggle .elementor-tab-title,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form input,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea),
[data-theme="dark"] .hooger-page-main :where(.hooger-ref-step,
.hooger-ref-checks div,
.hooger-ref-hours div,
.hooger-ref-channel,
.hooger-ref-faq-pills a,
.hooger-ref-faq-toggle .elementor-tab-title,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form input,
.elementor-section.hooger-ref-contact-panels .hooger-contact-form textarea) {
  background: var(--ha-color-surface-elevated, #12243a) !important;
  border-color: var(--ha-color-border, #24364f) !important;
  color: var(--ha-color-text, #f8fafc) !important;
}

html.hooger-dark .hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title.elementor-active),
body.hooger-dark .hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title.elementor-active),
[data-theme="dark"] .hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title.elementor-active) {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--ha-color-primary, #fbbf24) 12%, var(--ha-color-surface-elevated, #12243a)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-primary, #fbbf24) 45%, var(--ha-color-border, #24364f)) !important;
}

@media (max-width: 1023px) {
  .hooger-page-main :where(.elementor-section.hooger-ref-contact-panels .elementor-container) {
    grid-template-columns: 1fr !important;
  }

  .hooger-page-main :where(.hooger-ref-step) {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .hooger-page-main :where(.hooger-ref-step p) {
    grid-column: 2 !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-pills) {
    gap: .45rem !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-pills a) {
    font-size: .75rem !important;
    min-block-size: 3.1rem !important;
    padding-inline: .42rem !important;
  }
}

@media (max-width: 767px) {
  .hooger-page-main:has(.hooger-ref-page) {
    padding-block: clamp(1.15rem, 5vw, 2rem) 3.5rem !important;
  }

  .hooger-page-main:has(.hooger-ref-page) > .hooger-container {
    inline-size: min(100%, calc(100% - 1.25rem)) !important;
  }

  .hooger-page-main :where(.elementor-section.hooger-ref-hero) {
    border-radius: 1.2rem !important;
    min-block-size: 13.6rem !important;
  }

  .hooger-page-main :where(.hooger-ref-hero-title) {
    font-size: clamp(1.8rem, 8vw, 2.35rem) !important;
  }

  .hooger-page-main :where(.hooger-ref-hero-lead) {
    font-size: .92rem !important;
    line-height: 1.95 !important;
  }

  .hooger-page-main :where(.elementor-section.hooger-ref-cards .elementor-container,
  .elementor-section.hooger-ref-stats .elementor-container,
  .elementor-section.hooger-ref-contact-cards .elementor-container,
  .elementor-section.hooger-ref-contact-panels .elementor-container) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
  }

  .hooger-page-main :where(.elementor-section.hooger-ref-contact-cards .elementor-container) {
    gap: .9rem !important;
    max-inline-size: min(100%, 22rem) !important;
    padding-inline: 0 !important;
  }

  .hooger-page-main :where(.elementor-section.hooger-ref-contact-cards .elementor-column,
  .elementor-section.hooger-ref-contact-cards .elementor-widget-wrap,
  .elementor-section.hooger-ref-contact-cards .elementor-widget.hooger-ref-card) {
    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 :where(.elementor-widget.hooger-ref-card) {
    min-block-size: 0 !important;
  }

  .hooger-page-main :where(.hooger-ref-stat-grid) {
    grid-template-columns: 1fr !important;
  }

  .hooger-page-main :where(.elementor-section.hooger-ref-story,
  .elementor-section.hooger-ref-about-copy-section,
  .elementor-section.hooger-ref-faq-section,
  .elementor-section.hooger-ref-faq-cta,
  .elementor-section.hooger-ref-faq-pills-section) {
    border-radius: 1.2rem !important;
    padding: 1rem !important;
  }

  .hooger-page-main :where(.hooger-ref-step) {
    gap: .75rem !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    padding: .85rem !important;
  }

  .hooger-page-main :where(.hooger-ref-step p) {
    grid-column: 1 / -1 !important;
  }

  .hooger-page-main :where(.hooger-ref-checks div,
  .hooger-ref-hours div) {
    align-items: start !important;
    gap: .45rem !important;
    grid-template-columns: 1fr auto !important;
    min-block-size: 0 !important;
    padding: .8rem .9rem !important;
  }

  .hooger-page-main :where(.hooger-ref-hours span) {
    grid-column: 1 / -1 !important;
    margin-inline: 0 !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-pills) {
    display: grid !important;
    grid-auto-columns: max-content !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    justify-content: start !important;
    overflow-x: auto !important;
    padding-block-end: .25rem !important;
    scroll-snap-type: inline proximity !important;
    scrollbar-width: thin !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-pills a) {
    inline-size: auto !important;
    min-inline-size: 9.3rem !important;
    padding-inline: .75rem !important;
    scroll-snap-align: start !important;
    white-space: nowrap !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-heading) {
    align-items: start !important;
  }

  .hooger-page-main :where(.hooger-ref-faq-toggle .elementor-tab-title) {
    border-radius: 1rem !important;
    min-block-size: 3.7rem !important;
    padding: .75rem .85rem !important;
  }
}

@media (max-width: 420px) {
  .hooger-page-main :where(.hooger-ref-hero-title) {
    max-inline-size: 12ch !important;
  }

  .hooger-page-main :where(.hooger-ref-channel) {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .hooger-page-main :where(.hooger-ref-channel b,
  .hooger-ref-channel bdi) {
    overflow-wrap: break-word !important;
  }
}

/* Order received V12: stronger confirmation page composition. */
body.woocommerce-order-received,
body.hooger-checkout-bridge-order-received {
  --hor-gutter: clamp(.85rem, 3.5vw, 2rem);
  --hor-page-width: min(1080px, calc(100vw - (var(--hor-gutter) * 2)));
}

body.woocommerce-order-received .hooger-woocommerce-content,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
  background:
    radial-gradient(circle at 82% 0, color-mix(in srgb, var(--ha-color-success, #16a34a) 13%, transparent), transparent 26rem),
    radial-gradient(circle at 12% 6%, var(--ha-color-primary-soft, rgba(245, 158, 11, .12)), transparent 23rem),
    linear-gradient(180deg, var(--ha-color-bg, #fffdf8), var(--ha-color-bg-soft, #f8fafc)) !important;
  color: var(--ha-color-text, #111827) !important;
  direction: rtl !important;
  overflow-x: hidden !important;
  padding-block: clamp(1.25rem, 3vw, 2.35rem) clamp(3rem, 6vw, 5rem) !important;
}

body.woocommerce-order-received .hooger-woocommerce-content .hooger-container,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .hooger-container {
  inline-size: var(--hor-page-width) !important;
  margin-inline: auto !important;
  max-inline-size: var(--hor-page-width) !important;
  min-inline-size: 0 !important;
  padding-inline: 0 !important;
}

body.woocommerce-order-received .hooger-woocommerce-content .woocommerce,
body.woocommerce-order-received .hooger-woocommerce-content .woocommerce-order,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce-order {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-woocommerce-content .woocommerce-order,
body.hooger-checkout-bridge-order-received .hooger-woocommerce-content .woocommerce-order {
  display: grid !important;
  gap: clamp(1rem, 2.4vw, 1.35rem) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou {
  background:
    radial-gradient(circle at 92% 0, color-mix(in srgb, var(--ha-color-success, #16a34a) 15%, transparent), transparent 15rem),
    linear-gradient(135deg, color-mix(in srgb, var(--ha-color-success, #16a34a) 7%, var(--ha-color-surface, #fff)), var(--ha-color-surface, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-success, #16a34a) 22%, var(--ha-color-border, #e5e7eb)) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
  box-shadow: var(--ha-shadow-md, 0 18px 46px rgba(17, 24, 39, .09)) !important;
  color: var(--ha-color-text, #111827) !important;
  padding: clamp(1rem, 3vw, 1.8rem) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header {
  align-items: center !important;
  gap: clamp(.75rem, 2vw, 1rem) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header > span,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header > span {
  background: var(--ha-color-success, #16a34a) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--ha-color-success, #16a34a) 24%, transparent) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header strong,
body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid strong,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid strong,
body.woocommerce-order-received .woocommerce-order-overview li strong,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li strong,
body.woocommerce-order-received ul.order_details li strong,
body.hooger-checkout-bridge-order-received ul.order_details li strong {
  color: var(--ha-color-text, #111827) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou header small,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou header small,
body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid span,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid span,
body.woocommerce-order-received .woocommerce-order-overview li,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li,
body.hooger-checkout-bridge-order-received ul.order_details li {
  color: var(--ha-color-text-muted, #64748b) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid,
body.woocommerce-order-received .woocommerce-order-overview,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview,
body.woocommerce-order-received ul.order_details,
body.hooger-checkout-bridge-order-received ul.order_details {
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr)) !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid > div,
body.woocommerce-order-received .woocommerce-order-overview li,
body.hooger-checkout-bridge-order-received .woocommerce-order-overview li,
body.woocommerce-order-received ul.order_details li,
body.hooger-checkout-bridge-order-received ul.order_details li {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border-color: var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-checkout-bridge-safe-details,
body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details,
body.woocommerce-order-received .woocommerce-order-details,
body.hooger-checkout-bridge-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.hooger-checkout-bridge-order-received .woocommerce-customer-details {
  background: var(--ha-color-surface, #fff) !important;
  border-color: var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 22px rgba(17, 24, 39, .06)) !important;
  color: var(--ha-color-text, #111827) !important;
}

body.woocommerce-order-received .woocommerce-order-details h2,
body.hooger-checkout-bridge-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.hooger-checkout-bridge-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-column__title,
body.hooger-checkout-bridge-order-received .woocommerce-column__title {
  color: var(--ha-color-text, #111827) !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(1.2rem, 2.5vw, 1.55rem) !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
  margin-block: 0 1rem !important;
}

body.woocommerce-order-received .woocommerce-order-details table,
body.hooger-checkout-bridge-order-received .woocommerce-order-details table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  table-layout: auto !important;
}

body.woocommerce-order-received .woocommerce-order-details th,
body.woocommerce-order-received .woocommerce-order-details td,
body.hooger-checkout-bridge-order-received .woocommerce-order-details th,
body.hooger-checkout-bridge-order-received .woocommerce-order-details td {
  color: var(--ha-color-text, #111827) !important;
  font-family: var(--ha-font, inherit) !important;
  line-height: 1.9 !important;
  padding: .85rem .75rem !important;
  text-align: right !important;
}

body.woocommerce-order-received .woocommerce-order-details tfoot th,
body.woocommerce-order-received .woocommerce-order-details tfoot td,
body.hooger-checkout-bridge-order-received .woocommerce-order-details tfoot th,
body.hooger-checkout-bridge-order-received .woocommerce-order-details tfoot td {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border-block-start: 1px solid var(--ha-color-border, #e5e7eb) !important;
}

body.woocommerce-order-received .woocommerce-customer-details address,
body.hooger-checkout-bridge-order-received .woocommerce-customer-details address {
  background: var(--ha-color-bg-soft, #f8fafc) !important;
  border: 1px solid var(--ha-color-border, #e5e7eb) !important;
  border-radius: var(--ha-radius-lg, 18px) !important;
  color: var(--ha-color-text-muted, #64748b) !important;
  font-style: normal !important;
  line-height: 2 !important;
  padding: 1rem !important;
}

body.woocommerce-order-received .woocommerce:not(:has(.hooger-checkout-bridge-thankyou)) .woocommerce-thankyou-order-received,
body.hooger-checkout-bridge-order-received .woocommerce:not(:has(.hooger-checkout-bridge-thankyou)) .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-info,
body.hooger-checkout-bridge-order-received .woocommerce-info {
  align-items: center !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ha-color-success, #16a34a) 9%, var(--ha-color-surface, #fff)), var(--ha-color-surface, #fff)) !important;
  border: 1px solid var(--border, #e5e7eb) !important;
  border: 1px solid color-mix(in srgb, var(--ha-color-success, #16a34a) 22%, var(--ha-color-border, #e5e7eb)) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 22px rgba(17, 24, 39, .06)) !important;
  color: var(--ha-color-text, #111827) !important;
  display: flex !important;
  font-family: var(--ha-font, inherit) !important;
  font-size: clamp(.96rem, 2vw, 1.08rem) !important;
  font-weight: 850 !important;
  gap: .75rem !important;
  inline-size: 100% !important;
  line-height: 1.9 !important;
  margin: 0 !important;
  min-block-size: 4.5rem !important;
  padding: 1rem 1.1rem !important;
  text-align: right !important;
}

body.woocommerce-order-received .woocommerce-info,
body.hooger-checkout-bridge-order-received .woocommerce-info {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ha-color-primary, #f59e0b) 10%, var(--ha-color-surface, #fff)), var(--ha-color-surface, #fff)) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 26%, var(--ha-color-border, #e5e7eb)) !important;
}

html.hooger-dark body.woocommerce-order-received .hooger-woocommerce-content,
body.hooger-dark.woocommerce-order-received .hooger-woocommerce-content,
[data-theme="dark"] body.woocommerce-order-received .hooger-woocommerce-content,
html.hooger-dark body.hooger-checkout-bridge-order-received .hooger-woocommerce-content,
body.hooger-dark.hooger-checkout-bridge-order-received .hooger-woocommerce-content,
[data-theme="dark"] body.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
  background:
    radial-gradient(circle at 82% 0, rgba(34, 197, 94, .14), transparent 26rem),
    radial-gradient(circle at 12% 6%, rgba(245, 158, 11, .14), transparent 23rem),
    linear-gradient(180deg, var(--ha-color-bg, #07111f), var(--ha-color-bg-soft, #0a1627)) !important;
}

html.hooger-dark body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details),
body.hooger-dark.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details),
[data-theme="dark"] body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details),
html.hooger-dark body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details),
body.hooger-dark.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details),
[data-theme="dark"] body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou,
.hooger-checkout-bridge-safe-details,
.woocommerce-order-details,
.woocommerce-customer-details) {
  background: var(--ha-color-surface, #0d1b2e) !important;
  border-color: var(--ha-color-border, #24364f) !important;
  box-shadow: var(--ha-shadow-sm, 0 8px 26px rgba(0, 0, 0, .22)) !important;
}

html.hooger-dark body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td),
body.hooger-dark.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td),
[data-theme="dark"] body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td),
html.hooger-dark body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td),
body.hooger-dark.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td),
[data-theme="dark"] body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou-grid > div,
.woocommerce-order-overview li,
ul.order_details li,
.hooger-checkout-bridge-safe-item,
.hooger-checkout-bridge-safe-total,
.woocommerce-customer-details address,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details tfoot th,
.woocommerce-order-details tfoot td) {
  background: var(--ha-color-surface-elevated, #12243a) !important;
  border-color: var(--ha-color-border, #24364f) !important;
}

html.hooger-dark body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td),
body.hooger-dark.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td),
[data-theme="dark"] body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td),
html.hooger-dark body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td),
body.hooger-dark.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td),
[data-theme="dark"] body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header strong,
.hooger-checkout-bridge-thankyou-grid strong,
.woocommerce-order-overview li strong,
ul.order_details li strong,
.woocommerce-order-details h2,
.woocommerce-customer-details h2,
.woocommerce-column__title,
.woocommerce-thankyou-order-received,
.woocommerce-info,
.woocommerce-order-details th,
.woocommerce-order-details td) {
  color: var(--ha-color-text, #f8fafc) !important;
}

html.hooger-dark body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address),
body.hooger-dark.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address),
[data-theme="dark"] body.woocommerce-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address),
html.hooger-dark body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address),
body.hooger-dark.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address),
[data-theme="dark"] body.hooger-checkout-bridge-order-received :where(.hooger-checkout-bridge-thankyou header small,
.hooger-checkout-bridge-thankyou-grid span,
.woocommerce-order-overview li,
ul.order_details li,
.woocommerce-customer-details address) {
  color: var(--ha-color-text-muted, #cbd5e1) !important;
}

@media (max-width: 767px) {
  body.woocommerce-order-received,
  body.hooger-checkout-bridge-order-received {
    --hor-gutter: .75rem;
  }

  body.woocommerce-order-received .hooger-woocommerce-content,
  body.hooger-checkout-bridge-order-received .hooger-woocommerce-content {
    padding-block: 1rem 4rem !important;
  }

  body.woocommerce-order-received .hooger-checkout-bridge-thankyou-grid,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-thankyou-grid,
  body.woocommerce-order-received .woocommerce-order-overview,
  body.hooger-checkout-bridge-order-received .woocommerce-order-overview,
  body.woocommerce-order-received ul.order_details,
  body.hooger-checkout-bridge-order-received ul.order_details {
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .woocommerce-order-details,
  body.hooger-checkout-bridge-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details,
  body.hooger-checkout-bridge-order-received .woocommerce-customer-details,
  body.woocommerce-order-received .hooger-checkout-bridge-safe-details,
  body.hooger-checkout-bridge-order-received .hooger-checkout-bridge-safe-details {
    border-radius: 1.15rem !important;
    padding: .9rem !important;
  }

  body.woocommerce-order-received .woocommerce-order-details table,
  body.hooger-checkout-bridge-order-received .woocommerce-order-details table {
    display: block !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
  }
}

/* Order received V13: reference-grade success experience from the supplied mockup. */
body.woocommerce-order-received .hooger-order-success-shell,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
  --hor-success-bg: #fffefa;
  --hor-success-surface: rgba(255, 255, 255, .92);
  --hor-success-surface-strong: #ffffff;
  --hor-success-soft: rgba(245, 158, 11, .08);
  --hor-success-border: rgba(15, 23, 42, .1);
  --hor-success-border-strong: rgba(245, 158, 11, .28);
  --hor-success-text: #111827;
  --hor-success-muted: #667085;
  --hor-success-primary: #f59e0b;
  --hor-success-primary-strong: #ff8900;
  --hor-success-green: #16a34a;
  --hor-success-shadow: 0 24px 70px rgba(15, 23, 42, .08);
  width: min(100%, 980px) !important;
  margin: clamp(1rem, 3vw, 2.25rem) auto !important;
  padding: clamp(1rem, 3vw, 2rem) !important;
  border: 1px solid var(--hor-success-border) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 92% 92%, rgba(245, 158, 11, .08), transparent 20rem),
    radial-gradient(circle at 8% 8%, rgba(245, 158, 11, .06), transparent 18rem),
    var(--hor-success-bg) !important;
  box-shadow: var(--hor-success-shadow) !important;
  color: var(--hor-success-text) !important;
  direction: rtl !important;
  overflow: hidden !important;
}

body.woocommerce-order-received .hooger-order-success-shell *,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell * {
  box-sizing: border-box;
}

body.woocommerce-order-received .hooger-order-success-shell :where(a, button, input),
body.hooger-checkout-bridge-order-received .hooger-order-success-shell :where(a, button, input) {
  font-family: inherit;
}

body.woocommerce-order-received .hooger-order-success-crumb,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .55rem;
  margin-block-end: clamp(1rem, 2.4vw, 1.6rem);
  color: var(--hor-success-muted);
  font-size: .86rem;
  font-weight: 800;
  text-align: right;
}

body.woocommerce-order-received .hooger-order-success-crumb a,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: inherit;
  text-decoration: none;
}

body.woocommerce-order-received .hooger-order-success-crumb .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb .hooger-icon {
  width: 1rem;
  height: 1rem;
  color: var(--hor-success-primary);
}

body.woocommerce-order-received .hooger-order-success-hero,
body.hooger-checkout-bridge-order-received .hooger-order-success-hero {
  display: grid !important;
  grid-template-columns: minmax(210px, 300px) minmax(0, 1fr) 64px;
  align-items: center !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
  padding: clamp(.6rem, 1.6vw, 1rem) clamp(.2rem, 1vw, .6rem) clamp(1.5rem, 4vw, 2.4rem) !important;
  border: 0 !important;
  direction: ltr;
}

body.woocommerce-order-received .hooger-order-success-visual,
body.hooger-checkout-bridge-order-received .hooger-order-success-visual {
  position: relative;
  min-height: clamp(170px, 20vw, 235px);
  display: grid;
  place-items: center;
  isolation: isolate;
}

body.woocommerce-order-received .hooger-order-success-product,
body.hooger-checkout-bridge-order-received .hooger-order-success-product {
  width: min(100%, 270px);
  aspect-ratio: 1.45;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(245, 158, 11, .12), transparent 68%);
  overflow: visible;
}

body.woocommerce-order-received .hooger-order-success-product img,
body.hooger-checkout-bridge-order-received .hooger-order-success-product img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 22px 30px rgba(245, 158, 11, .16));
}

body.woocommerce-order-received .hooger-order-success-shield,
body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
  position: absolute;
  inset-inline-end: 8%;
  inset-block-end: 12%;
  width: clamp(72px, 8vw, 106px);
  height: clamp(72px, 8vw, 106px);
  display: grid;
  place-items: center;
  border-radius: 32% 32% 40% 40%;
  color: #fff;
  background: linear-gradient(145deg, rgba(255, 198, 74, .98), rgba(255, 132, 0, .9));
  box-shadow: 0 18px 38px rgba(245, 158, 11, .28);
  z-index: 2;
}

body.woocommerce-order-received .hooger-order-success-shield .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-shield .hooger-icon {
  width: 58%;
  height: 58%;
  stroke-width: 2.6;
}

body.woocommerce-order-received .hooger-order-success-spark,
body.hooger-checkout-bridge-order-received .hooger-order-success-spark {
  position: absolute;
  width: .55rem;
  height: .55rem;
  border-radius: 2px;
  background: var(--hor-success-primary);
  transform: rotate(35deg);
  box-shadow: 0 0 18px rgba(245, 158, 11, .48);
}

body.woocommerce-order-received .hooger-order-success-spark.is-one,
body.hooger-checkout-bridge-order-received .hooger-order-success-spark.is-one {
  inset-inline-start: 8%;
  inset-block-start: 16%;
}

body.woocommerce-order-received .hooger-order-success-spark.is-two,
body.hooger-checkout-bridge-order-received .hooger-order-success-spark.is-two {
  inset-inline-end: 14%;
  inset-block-start: 4%;
  width: .7rem;
  height: .7rem;
}

body.woocommerce-order-received .hooger-order-success-spark.is-three,
body.hooger-checkout-bridge-order-received .hooger-order-success-spark.is-three {
  inset-inline-start: 24%;
  inset-block-end: 14%;
  background: #84cc16;
}

body.woocommerce-order-received .hooger-order-success-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy {
  direction: rtl;
  text-align: right;
  min-width: 0;
}

body.woocommerce-order-received .hooger-order-success-copy h1,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
  margin: 0 0 .55rem !important;
  color: var(--hor-success-text) !important;
  font-size: clamp(1.7rem, 3.3vw, 2.65rem) !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body.woocommerce-order-received .hooger-order-success-copy p,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy p {
  margin: 0 0 clamp(1rem, 2.2vw, 1.35rem);
  color: var(--hor-success-muted);
  font-size: clamp(.92rem, 1.25vw, 1rem);
  line-height: 2;
  font-weight: 750;
}

body.woocommerce-order-received .hooger-order-success-check,
body.hooger-checkout-bridge-order-received .hooger-order-success-check {
  width: 64px;
  height: 64px;
  display: grid !important;
  place-items: center;
  align-self: start;
  margin-block-start: clamp(.8rem, 2vw, 1.35rem);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, var(--hor-success-primary), var(--hor-success-primary-strong));
  box-shadow: 0 16px 34px rgba(245, 158, 11, .26);
}

body.woocommerce-order-received .hooger-order-success-check .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-check .hooger-icon {
  width: 28px;
  height: 28px;
  stroke-width: 3;
}

body.woocommerce-order-received .hooger-order-success-meta,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid var(--hor-success-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .055);
}

body.woocommerce-order-received .hooger-order-success-meta > div,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div {
  display: grid;
  gap: .35rem;
  min-width: 0;
  padding: 1rem clamp(.8rem, 1.6vw, 1.15rem);
  text-align: center;
}

body.woocommerce-order-received .hooger-order-success-meta > div + div,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div + div {
  border-inline-start: 1px solid var(--hor-success-border);
}

body.woocommerce-order-received .hooger-order-success-meta span,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta span {
  color: var(--hor-success-muted);
  font-size: .78rem;
  font-weight: 800;
}

body.woocommerce-order-received .hooger-order-success-meta strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta strong {
  color: var(--hor-success-text);
  font-size: .98rem;
  font-weight: 950;
  overflow-wrap: break-word;
}

body.woocommerce-order-received .hooger-order-success-meta strong[dir="ltr"],
body.hooger-checkout-bridge-order-received .hooger-order-success-meta strong[dir="ltr"] {
  color: var(--hor-success-primary-strong);
  font-size: 1.08rem;
  direction: ltr;
}

body.woocommerce-order-received .hooger-order-success-status,
body.hooger-checkout-bridge-order-received .hooger-order-success-status {
  justify-self: center;
  min-width: 78px;
  padding: .4rem .75rem;
  border-radius: 999px;
  color: #fff !important;
  background: var(--hor-success-green);
  box-shadow: 0 10px 22px rgba(22, 163, 74, .18);
}

body.woocommerce-order-received .hooger-order-success-section,
body.hooger-checkout-bridge-order-received .hooger-order-success-section,
body.woocommerce-order-received .hooger-order-success-note,
body.hooger-checkout-bridge-order-received .hooger-order-success-note {
  margin-block-start: clamp(1rem, 2.6vw, 1.35rem);
  padding: clamp(.9rem, 2.4vw, 1.25rem);
  border: 1px solid var(--hor-success-border);
  border-radius: 22px;
  background: var(--hor-success-surface);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .045);
}

body.woocommerce-order-received .hooger-order-success-section-head,
body.hooger-checkout-bridge-order-received .hooger-order-success-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  gap: .7rem !important;
  padding: 0 0 .95rem !important;
  margin: 0 0 1rem !important;
  border-block-end: 1px solid var(--hor-success-border) !important;
  direction: rtl;
}

body.woocommerce-order-received .hooger-order-success-section-head > span,
body.hooger-checkout-bridge-order-received .hooger-order-success-section-head > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--hor-success-primary);
  background: rgba(245, 158, 11, .12);
}

body.woocommerce-order-received .hooger-order-success-section-head .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-section-head .hooger-icon {
  width: 18px;
  height: 18px;
}

body.woocommerce-order-received .hooger-order-success-section-head strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-section-head strong {
  color: var(--hor-success-text);
  font-size: clamp(1.06rem, 1.5vw, 1.2rem);
  font-weight: 950;
}

body.woocommerce-order-received .hooger-order-success-details,
body.hooger-checkout-bridge-order-received .hooger-order-success-details {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
}

body.woocommerce-order-received .hooger-order-success-detail,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail {
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: .35rem;
  padding: 1rem .9rem;
  border: 1px solid var(--hor-success-border);
  border-radius: 14px;
  background: var(--hor-success-surface-strong);
  text-align: center;
}

body.woocommerce-order-received .hooger-order-success-detail > span,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail > span {
  width: 1.25rem;
  height: 1.25rem;
  display: grid;
  place-items: center;
  margin-inline: auto;
  color: var(--hor-success-primary);
}

body.woocommerce-order-received .hooger-order-success-detail .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail .hooger-icon {
  width: 1.15rem;
  height: 1.15rem;
}

body.woocommerce-order-received .hooger-order-success-detail small,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail small {
  color: var(--hor-success-muted);
  font-size: .76rem;
  font-weight: 850;
}

body.woocommerce-order-received .hooger-order-success-detail strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail strong {
  color: var(--hor-success-text);
  font-size: .95rem;
  font-weight: 950;
  line-height: 1.7;
}

body.woocommerce-order-received .hooger-order-success-detail strong.is-price,
body.hooger-checkout-bridge-order-received .hooger-order-success-detail strong.is-price {
  color: var(--hor-success-primary-strong);
}

body.woocommerce-order-received .hooger-order-success-items,
body.hooger-checkout-bridge-order-received .hooger-order-success-items {
  display: grid;
  gap: .7rem;
}

body.woocommerce-order-received .hooger-order-success-item,
body.hooger-checkout-bridge-order-received .hooger-order-success-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: .9rem;
  min-height: 92px;
  padding: .75rem;
  border: 1px solid var(--hor-success-border);
  border-radius: 16px;
  background: var(--hor-success-surface-strong);
  direction: rtl;
}

body.woocommerce-order-received .hooger-order-success-item-media,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-media {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--hor-success-soft);
}

body.woocommerce-order-received .hooger-order-success-item-media img,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

body.woocommerce-order-received .hooger-order-success-item-media span,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-media span {
  position: absolute;
  inset-inline-start: .35rem;
  inset-block-end: .35rem;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: var(--hor-success-primary);
}

body.woocommerce-order-received .hooger-order-success-item-media span .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-media span .hooger-icon {
  width: 15px;
  height: 15px;
}

body.woocommerce-order-received .hooger-order-success-item-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-copy {
  display: grid;
  gap: .25rem;
  min-width: 0;
  text-align: right;
}

body.woocommerce-order-received .hooger-order-success-item-copy strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-copy strong {
  color: var(--hor-success-text);
  font-size: .98rem;
  font-weight: 950;
  overflow-wrap: break-word;
}

body.woocommerce-order-received .hooger-order-success-item-copy small,
body.hooger-checkout-bridge-order-received .hooger-order-success-item-copy small {
  color: var(--hor-success-muted);
  font-size: .8rem;
  font-weight: 800;
}

body.woocommerce-order-received .hooger-order-success-item em,
body.hooger-checkout-bridge-order-received .hooger-order-success-item em {
  color: var(--hor-success-primary-strong);
  font-style: normal;
  font-size: 1rem;
  font-weight: 950;
  white-space: nowrap;
}

body.woocommerce-order-received .hooger-order-success-note,
body.hooger-checkout-bridge-order-received .hooger-order-success-note {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  background: linear-gradient(135deg, rgba(245, 158, 11, .13), rgba(255, 255, 255, .74)) !important;
  border-color: rgba(245, 158, 11, .23) !important;
  text-align: right;
}

body.woocommerce-order-received .hooger-order-success-note > span,
body.hooger-checkout-bridge-order-received .hooger-order-success-note > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 2px solid var(--hor-success-primary);
  border-radius: 16px;
  color: var(--hor-success-primary-strong);
  background: rgba(255, 255, 255, .72);
}

body.woocommerce-order-received .hooger-order-success-note .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-note .hooger-icon {
  width: 28px;
  height: 28px;
}

body.woocommerce-order-received .hooger-order-success-note strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-note strong {
  display: block;
  color: var(--hor-success-primary-strong);
  font-size: 1.05rem;
  font-weight: 950;
  margin-block-end: .35rem;
}

body.woocommerce-order-received .hooger-order-success-note p,
body.hooger-checkout-bridge-order-received .hooger-order-success-note p {
  margin: 0;
  color: var(--hor-success-muted);
  font-size: .9rem;
  font-weight: 750;
  line-height: 2;
}

body.woocommerce-order-received .hooger-order-success-section--features .hooger-order-success-section-head,
body.hooger-checkout-bridge-order-received .hooger-order-success-section--features .hooger-order-success-section-head {
  border-block-end: 0 !important;
  margin-block-end: .35rem !important;
}

body.woocommerce-order-received .hooger-order-success-features,
body.hooger-checkout-bridge-order-received .hooger-order-success-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .85rem;
  padding-block-start: .25rem;
}

body.woocommerce-order-received .hooger-order-success-features > div,
body.hooger-checkout-bridge-order-received .hooger-order-success-features > div {
  display: grid;
  justify-items: center;
  gap: .35rem;
  padding: .85rem .55rem;
  text-align: center;
}

body.woocommerce-order-received .hooger-order-success-features > div > span,
body.hooger-checkout-bridge-order-received .hooger-order-success-features > div > span {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(245, 158, 11, .26);
  border-radius: 50%;
  color: var(--hor-success-primary-strong);
  background: rgba(245, 158, 11, .08);
  box-shadow: 0 14px 30px rgba(245, 158, 11, .09);
}

body.woocommerce-order-received .hooger-order-success-features .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-features .hooger-icon {
  width: 26px;
  height: 26px;
}

body.woocommerce-order-received .hooger-order-success-features strong,
body.hooger-checkout-bridge-order-received .hooger-order-success-features strong {
  color: var(--hor-success-text);
  font-size: .92rem;
  font-weight: 950;
}

body.woocommerce-order-received .hooger-order-success-features small,
body.hooger-checkout-bridge-order-received .hooger-order-success-features small {
  color: var(--hor-success-muted);
  font-size: .78rem;
  font-weight: 780;
}

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

body.woocommerce-order-received .hooger-order-success-actions a,
body.hooger-checkout-bridge-order-received .hooger-order-success-actions a {
  min-height: 56px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  border-radius: 14px !important;
  font-size: .94rem !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  direction: rtl;
}

body.woocommerce-order-received .hooger-order-success-actions .is-primary,
body.hooger-checkout-bridge-order-received .hooger-order-success-actions .is-primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--hor-success-primary), var(--hor-success-primary-strong)) !important;
  border: 1px solid rgba(245, 158, 11, .35) !important;
  box-shadow: 0 18px 38px rgba(245, 158, 11, .18) !important;
}

body.woocommerce-order-received .hooger-order-success-actions .is-secondary,
body.hooger-checkout-bridge-order-received .hooger-order-success-actions .is-secondary {
  color: var(--hor-success-text) !important;
  background: var(--hor-success-surface-strong) !important;
  border: 1px solid var(--hor-success-border) !important;
}

body.woocommerce-order-received .hooger-order-success-actions .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-actions .hooger-icon {
  width: 18px;
  height: 18px;
}

html.hooger-dark .hooger-order-success-shell,
body.hooger-dark .hooger-order-success-shell,
[data-theme="dark"] .hooger-order-success-shell {
  --hor-success-bg: #081323;
  --hor-success-surface: rgba(14, 27, 45, .94);
  --hor-success-surface-strong: rgba(17, 34, 56, .9);
  --hor-success-soft: rgba(245, 158, 11, .1);
  --hor-success-border: rgba(148, 163, 184, .16);
  --hor-success-border-strong: rgba(245, 158, 11, .32);
  --hor-success-text: #f8fafc;
  --hor-success-muted: #cbd5e1;
  --hor-success-shadow: 0 30px 80px rgba(0, 0, 0, .24);
  background:
    radial-gradient(circle at 96% 92%, rgba(22, 163, 74, .08), transparent 19rem),
    radial-gradient(circle at 4% 8%, rgba(245, 158, 11, .1), transparent 18rem),
    linear-gradient(145deg, #081323, #0d1b2e) !important;
  border-color: var(--hor-success-border) !important;
}

html.hooger-dark .hooger-order-success-meta,
body.hooger-dark .hooger-order-success-meta,
[data-theme="dark"] .hooger-order-success-meta,
html.hooger-dark .hooger-order-success-section,
body.hooger-dark .hooger-order-success-section,
[data-theme="dark"] .hooger-order-success-section,
html.hooger-dark .hooger-order-success-detail,
body.hooger-dark .hooger-order-success-detail,
[data-theme="dark"] .hooger-order-success-detail,
html.hooger-dark .hooger-order-success-item,
body.hooger-dark .hooger-order-success-item,
[data-theme="dark"] .hooger-order-success-item {
  background: var(--hor-success-surface-strong) !important;
  border-color: var(--hor-success-border) !important;
  box-shadow: none !important;
}

html.hooger-dark .hooger-order-success-note,
body.hooger-dark .hooger-order-success-note,
[data-theme="dark"] .hooger-order-success-note {
  background: linear-gradient(135deg, rgba(245, 158, 11, .1), rgba(14, 27, 45, .82)) !important;
  border-color: rgba(245, 158, 11, .2) !important;
}

html.hooger-dark .hooger-order-success-note > span,
body.hooger-dark .hooger-order-success-note > span,
[data-theme="dark"] .hooger-order-success-note > span {
  background: rgba(245, 158, 11, .09);
}

html.hooger-dark .hooger-order-success-check,
body.hooger-dark .hooger-order-success-check,
[data-theme="dark"] .hooger-order-success-check {
  background: linear-gradient(145deg, #22c55e, #16a34a);
  box-shadow: 0 16px 34px rgba(22, 163, 74, .24);
}

html.hooger-dark .hooger-order-success-actions .is-secondary,
body.hooger-dark .hooger-order-success-actions .is-secondary,
[data-theme="dark"] .hooger-order-success-actions .is-secondary {
  background: rgba(14, 27, 45, .94) !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .18) !important;
}

@media (max-width: 920px) {
  body.woocommerce-order-received .hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-hero {
    grid-template-columns: minmax(140px, 210px) minmax(0, 1fr);
  }

  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: 54px;
    height: 54px;
  }

  body.woocommerce-order-received .hooger-order-success-copy,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy {
    grid-column: 1 / -1;
  }

  body.woocommerce-order-received .hooger-order-success-details,
  body.hooger-checkout-bridge-order-received .hooger-order-success-details,
  body.woocommerce-order-received .hooger-order-success-features,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-shell,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
    width: calc(100% - 1rem) !important;
    margin: .75rem auto 5rem !important;
    padding: .9rem !important;
    border-radius: 20px !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
    justify-content: center;
    font-size: .8rem;
    margin-block-end: .65rem;
  }

  body.woocommerce-order-received .hooger-order-success-hero,
  body.hooger-checkout-bridge-order-received .hooger-order-success-hero {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: .75rem !important;
    padding-block: .3rem 1rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-visual,
  body.hooger-checkout-bridge-order-received .hooger-order-success-visual {
    min-height: 150px;
    width: 100%;
    max-width: 260px;
  }

  body.woocommerce-order-received .hooger-order-success-product,
  body.hooger-checkout-bridge-order-received .hooger-order-success-product {
    width: 230px;
    max-width: 88%;
  }

  body.woocommerce-order-received .hooger-order-success-shield,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
    width: 70px;
    height: 70px;
    inset-inline-end: 12%;
    inset-block-end: 4%;
  }

  body.woocommerce-order-received .hooger-order-success-copy,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy,
  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    grid-column: auto;
    grid-row: auto;
  }

  body.woocommerce-order-received .hooger-order-success-copy,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy {
    text-align: center;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    font-size: 1.55rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    width: 52px;
    height: 52px;
    justify-self: center;
    margin-block-start: 0;
  }

  body.woocommerce-order-received .hooger-order-success-meta,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta {
    grid-template-columns: 1fr;
    text-align: center;
  }

  body.woocommerce-order-received .hooger-order-success-meta > div + div,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div + div {
    border-inline-start: 0;
    border-block-start: 1px solid var(--hor-success-border);
  }

  body.woocommerce-order-received .hooger-order-success-details,
  body.hooger-checkout-bridge-order-received .hooger-order-success-details,
  body.woocommerce-order-received .hooger-order-success-features,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features {
    grid-template-columns: 1fr;
  }

  body.woocommerce-order-received .hooger-order-success-section,
  body.hooger-checkout-bridge-order-received .hooger-order-success-section,
  body.woocommerce-order-received .hooger-order-success-note,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note {
    border-radius: 18px;
    padding: .85rem;
  }

  body.woocommerce-order-received .hooger-order-success-item,
  body.hooger-checkout-bridge-order-received .hooger-order-success-item {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: .75rem;
  }

  body.woocommerce-order-received .hooger-order-success-item-media,
  body.hooger-checkout-bridge-order-received .hooger-order-success-item-media {
    width: 58px;
    height: 58px;
  }

  body.woocommerce-order-received .hooger-order-success-item em,
  body.hooger-checkout-bridge-order-received .hooger-order-success-item em {
    grid-column: 1 / -1;
    justify-self: stretch;
    padding-block-start: .55rem;
    border-block-start: 1px solid var(--hor-success-border);
    text-align: left;
  }

  body.woocommerce-order-received .hooger-order-success-note,
  body.hooger-checkout-bridge-order-received .hooger-order-success-note {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }

  body.woocommerce-order-received .hooger-order-success-actions,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions {
    grid-template-columns: 1fr !important;
    gap: .75rem !important;
  }
}

/* Content pages V14: keep decorative circles away from the mobile toolbar. */
.hooger-page-main:has(.hooger-content-hero) {
  overflow-x: hidden !important;
}

.hooger-content-hero {
  isolation: isolate;
  overflow: hidden !important;
}

.hooger-content-hero::before,
.hooger-content-hero::after {
  pointer-events: none !important;
  z-index: 0 !important;
}

.hooger-content-hero > * {
  position: relative;
  z-index: 1 !important;
}

@media (max-width: 767px) {
  .hooger-landing.hooger-dark:has(.hooger-content-hero),
  html.hooger-dark .hooger-landing:has(.hooger-content-hero),
  body.hooger-dark .hooger-landing:has(.hooger-content-hero) {
    background: var(--background, #07111f) !important;
  }

  .hooger-landing.hooger-dark .hooger-page-main:has(.hooger-content-hero),
  html.hooger-dark .hooger-page-main:has(.hooger-content-hero),
  body.hooger-dark .hooger-page-main:has(.hooger-content-hero) {
    background:
      linear-gradient(
        180deg,
        var(--background, #07111f),
        color-mix(in srgb, var(--background, #07111f) 92%, #000 8%) 24rem
      ) !important;
  }

  .hooger-page-main:has(.hooger-content-hero) {
    background:
      linear-gradient(
        180deg,
        var(--ha-color-bg, #fffdf8),
        var(--ha-color-bg-soft, #f8fafc) 24rem
      ) !important;
  }

  .hooger-content-hero::before {
    block-size: 6.5rem !important;
    inline-size: 6.5rem !important;
    inset-block-start: .75rem !important;
    inset-inline-end: -2.25rem !important;
    inset-inline-start: auto !important;
    left: auto !important;
    right: -2.25rem !important;
    top: .75rem !important;
    opacity: .28 !important;
  }

  .hooger-content-hero::after {
    block-size: 7.25rem !important;
    inline-size: 7.25rem !important;
    inset-block-end: -2rem !important;
    inset-inline-end: auto !important;
    inset-inline-start: -2.6rem !important;
    bottom: -2rem !important;
    left: -2.6rem !important;
    right: auto !important;
    opacity: .3 !important;
  }
}

/* Content pages V15: remove header decorative circles entirely on About, Contact and FAQ. */
.hooger-content-hero::before,
.hooger-content-hero::after {
  content: none !important;
  display: none !important;
}

.hooger-page-main :where(.elementor-section.hooger-ref-hero) {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--ha-color-secondary, #172554) 94%, #0ea5e9 6%), #164865) !important;
}

html.hooger-dark .hooger-page-main :where(.elementor-section.hooger-ref-hero),
body.hooger-dark .hooger-page-main :where(.elementor-section.hooger-ref-hero),
.hooger-landing.hooger-dark .hooger-page-main :where(.elementor-section.hooger-ref-hero) {
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--surface-elevated, #12243a) 88%, #2563eb 12%), var(--surface-elevated, #12243a)) !important;
}

/* About V16: align the main copy card spacing with the rest of the page cards. */
.hooger-page-main .elementor-section.hooger-ref-about-copy-section {
  inline-size: min(100%, 1120px) !important;
  margin-block: clamp(1rem, 2.8vw, 1.35rem) clamp(1.15rem, 3vw, 1.75rem) !important;
  margin-inline: auto !important;
  padding: clamp(1.15rem, 3vw, 2rem) !important;
  border-radius: var(--ha-radius-xl, 24px) !important;
}

.hooger-page-main .elementor-section.hooger-ref-about-copy-section > .elementor-container,
.hooger-page-main .elementor-section.hooger-ref-about-copy-section .elementor-column,
.hooger-page-main .elementor-section.hooger-ref-about-copy-section .elementor-widget-wrap {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-page-main .elementor-section.hooger-ref-about-copy-section .elementor-widget-wrap {
  padding: 0 !important;
}

.hooger-page-main .elementor-section.hooger-ref-about-copy-section .hooger-ref-about-copy {
  margin-inline: auto !important;
  max-inline-size: 62rem !important;
}

@media (max-width: 767px) {
  .hooger-page-main .elementor-section.hooger-ref-about-copy-section {
    margin-block: 1rem 1.25rem !important;
    padding: 1.05rem !important;
  }
}

/* Content pages V17: no decorative circles on the Elementor hero slides. */
.hooger-page-main:has(.hooger-ref-page) {
  background:
    linear-gradient(180deg, var(--ha-color-bg, #fffdf8), var(--ha-color-bg-soft, #f8fafc)) !important;
}

html.hooger-dark .hooger-page-main:has(.hooger-ref-page),
body.hooger-dark .hooger-page-main:has(.hooger-ref-page),
.hooger-landing.hooger-dark .hooger-page-main:has(.hooger-ref-page) {
  background:
    linear-gradient(180deg, var(--background, #07111f), color-mix(in srgb, var(--background, #07111f) 90%, #000 10%) 24rem) !important;
}

.hooger-page-main .elementor-section.hooger-ref-hero::before,
.hooger-page-main .elementor-section.hooger-ref-hero::after,
.hooger-page-main .elementor-section.hooger-ref-hero--about::before,
.hooger-page-main .elementor-section.hooger-ref-hero--about::after,
.hooger-page-main .elementor-section.hooger-ref-hero--contact::before,
.hooger-page-main .elementor-section.hooger-ref-hero--contact::after,
.hooger-page-main .elementor-section.hooger-ref-hero--faq::before,
.hooger-page-main .elementor-section.hooger-ref-hero--faq::after {
  background: none !important;
  content: none !important;
  display: none !important;
}

.hooger-page-main .elementor-section.hooger-ref-hero,
.hooger-page-main .elementor-section.hooger-ref-hero--about,
.hooger-page-main .elementor-section.hooger-ref-hero--contact,
.hooger-page-main .elementor-section.hooger-ref-hero--faq {
  overflow: hidden !important;
}

/* Contact V18: readable RTL submit button in dark mode. */
.hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary {
  direction: rtl !important;
  flex-direction: row !important;
  gap: .55rem !important;
  inline-size: 100% !important;
  justify-content: center !important;
}

.hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary span {
  order: 1 !important;
}

.hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary .hooger-icon {
  color: currentColor !important;
  height: 1.1rem !important;
  order: 2 !important;
  width: 1.1rem !important;
}

html.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary,
body.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary,
.hooger-landing.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary {
  background: var(--ha-color-primary, #f59e0b) !important;
  border-color: var(--border, #e5e7eb) !important;
  border-color: color-mix(in srgb, var(--ha-color-primary, #f59e0b) 78%, #fff 8%) !important;
  box-shadow: var(--shadow-soft, none) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--ha-color-primary, #f59e0b) 20%, transparent) !important;
  color: #111827 !important;
}

html.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary:hover,
body.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary:hover,
.hooger-landing.hooger-dark .hooger-page-main .hooger-contact-form .hooger-button.hooger-button--primary:hover {
  background: var(--ha-color-primary-hover, #ea8a00) !important;
  color: #111827 !important;
}

/* Order received V19: isolate the success hero from older generic thank-you header rules. */
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 {
  align-items: center !important;
  display: grid !important;
  direction: ltr !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) 64px !important;
  inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  text-align: initial !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-visual,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-visual,
body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
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 {
  grid-column: auto !important;
  grid-row: auto !important;
  min-inline-size: 0 !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy {
  direction: rtl !important;
  inline-size: 100% !important;
  justify-self: stretch !important;
  text-align: right !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p {
  direction: rtl !important;
  inline-size: auto !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: normal !important;
  writing-mode: horizontal-tb !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1 {
  text-wrap: balance !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 {
  align-self: start !important;
  block-size: 64px !important;
  border-radius: 50% !important;
  display: grid !important;
  flex: 0 0 64px !important;
  inline-size: 64px !important;
  justify-self: end !important;
  margin-block-start: clamp(.8rem, 2vw, 1.35rem) !important;
  place-items: center !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero .hooger-order-success-check .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero .hooger-order-success-check .hooger-icon {
  block-size: 28px !important;
  inline-size: 28px !important;
  stroke-width: 3 !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero .hooger-order-success-shield .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero .hooger-order-success-shield .hooger-icon {
  block-size: 58% !important;
  inline-size: 58% !important;
  stroke-width: 2.6 !important;
}

@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-columns: minmax(150px, 220px) minmax(0, 1fr) 54px !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 {
    block-size: 54px !important;
    flex-basis: 54px !important;
    inline-size: 54px !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 {
    direction: rtl !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }

  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p {
    text-align: center !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 {
    justify-self: center !important;
  }
}

/* Order received V20: reference layout only, no raw WooCommerce fragments above the success card. */
body.woocommerce-order-received .woocommerce-order > .woocommerce-notice--success,
body.hooger-checkout-bridge-order-received .woocommerce-order > .woocommerce-notice--success,
body.woocommerce-order-received .woocommerce-order > .woocommerce-order-overview,
body.hooger-checkout-bridge-order-received .woocommerce-order > .woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order > ul.order_details,
body.hooger-checkout-bridge-order-received .woocommerce-order > ul.order_details {
  display: none !important;
}

body.woocommerce-order-received .woocommerce-order:has(.hooger-order-success-shell),
body.hooger-checkout-bridge-order-received .woocommerce-order:has(.hooger-order-success-shell) {
  gap: 0 !important;
}

body.woocommerce-order-received .hooger-order-success-shell,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
  inline-size: min(100%, 1060px) !important;
  max-inline-size: calc(100vw - clamp(1rem, 4vw, 3rem)) !important;
}

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 check" !important;
  grid-template-columns: minmax(240px, 330px) minmax(0, 1fr) 66px !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-visual,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-visual {
  grid-area: visual !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy {
  grid-area: copy !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 {
  grid-area: check !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1 {
  max-inline-size: 19ch !important;
}

body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p {
  max-inline-size: 42rem !important;
}

body.woocommerce-order-received .hooger-order-success-section,
body.hooger-checkout-bridge-order-received .hooger-order-success-section,
body.woocommerce-order-received .hooger-order-success-note,
body.hooger-checkout-bridge-order-received .hooger-order-success-note {
  inline-size: 100% !important;
}

@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 check"
      "copy copy" !important;
    grid-template-columns: minmax(170px, 240px) minmax(54px, 1fr) !important;
  }
}

@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-shell,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
    max-inline-size: calc(100vw - 1rem) !important;
  }

  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"
      "check"
      "copy" !important;
    grid-template-columns: 1fr !important;
  }

  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy h1,
  body.woocommerce-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell > header.hooger-order-success-hero > .hooger-order-success-copy p {
    margin-inline: auto !important;
    max-inline-size: 100% !important;
  }
}

/* Order received V21: final isolated mockup implementation. */
body.woocommerce-order-received .woocommerce-order:has(.hooger-order-success-shell) > :not(.hooger-order-success-shell):not(script):not(style),
body.hooger-checkout-bridge-order-received .woocommerce-order:has(.hooger-order-success-shell) > :not(.hooger-order-success-shell):not(script):not(style) {
  display: none !important;
}

body.woocommerce-order-received .woocommerce-order:has(.hooger-order-success-shell),
body.hooger-checkout-bridge-order-received .woocommerce-order:has(.hooger-order-success-shell) {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.woocommerce-order-received .hooger-order-success-shell,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
  --hor-success-bg: #fffefa;
  --hor-success-surface: rgba(255, 255, 255, .92);
  --hor-success-surface-strong: #ffffff;
  --hor-success-soft: rgba(245, 158, 11, .08);
  --hor-success-border: rgba(17, 24, 39, .1);
  --hor-success-text: #111827;
  --hor-success-muted: #667085;
  --hor-success-primary: #f59e0b;
  --hor-success-primary-strong: #ff8900;
  --hor-success-green: #22c55e;
  --hor-success-shadow: 0 28px 80px rgba(15, 23, 42, .09);
  background:
    radial-gradient(circle at 94% 94%, rgba(245, 158, 11, .09), transparent 19rem),
    radial-gradient(circle at 4% 8%, rgba(245, 158, 11, .06), transparent 18rem),
    var(--hor-success-bg) !important;
  border: 1px solid var(--hor-success-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--hor-success-shadow) !important;
  box-sizing: border-box !important;
  color: var(--hor-success-text) !important;
  direction: rtl !important;
  display: grid !important;
  font-family: inherit !important;
  gap: clamp(1rem, 2.5vw, 1.35rem) !important;
  inline-size: min(100%, 1060px) !important;
  isolation: isolate !important;
  margin: clamp(1rem, 3vw, 2.4rem) auto 4rem !important;
  max-inline-size: calc(100vw - clamp(1rem, 4vw, 3rem)) !important;
  overflow: hidden !important;
  padding: clamp(1rem, 3vw, 2rem) !important;
  text-align: right !important;
}

html.hooger-dark .hooger-order-success-shell,
body.hooger-dark .hooger-order-success-shell,
[data-theme="dark"] .hooger-order-success-shell {
  --hor-success-bg: #081323;
  --hor-success-surface: rgba(14, 27, 45, .94);
  --hor-success-surface-strong: rgba(17, 34, 56, .9);
  --hor-success-soft: rgba(245, 158, 11, .1);
  --hor-success-border: rgba(148, 163, 184, .16);
  --hor-success-text: #f8fafc;
  --hor-success-muted: #cbd5e1;
  --hor-success-shadow: 0 30px 90px rgba(0, 0, 0, .28);
  background:
    radial-gradient(circle at 96% 92%, rgba(22, 163, 74, .09), transparent 19rem),
    radial-gradient(circle at 4% 8%, rgba(245, 158, 11, .1), transparent 18rem),
    linear-gradient(145deg, #081323, #0d1b2e) !important;
}

body.woocommerce-order-received .hooger-order-success-shell *,
body.hooger-checkout-bridge-order-received .hooger-order-success-shell * {
  box-sizing: border-box !important;
  min-inline-size: 0;
}

body.woocommerce-order-received .hooger-order-success-crumb,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
  align-items: center !important;
  color: var(--hor-success-muted) !important;
  display: flex !important;
  font-size: .86rem !important;
  font-weight: 850 !important;
  gap: .55rem !important;
  justify-content: flex-start !important;
  line-height: 1.8 !important;
  margin: 0 0 clamp(.85rem, 2vw, 1.35rem) !important;
  text-align: right !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;
  color: inherit !important;
  display: inline-flex !important;
  gap: .4rem !important;
  text-decoration: none !important;
}

body.woocommerce-order-received .hooger-order-success-crumb .hooger-icon,
body.hooger-checkout-bridge-order-received .hooger-order-success-crumb .hooger-icon {
  color: var(--hor-success-primary) !important;
  height: 1rem !important;
  width: 1rem !important;
}

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 {
  align-items: center !important;
  border: 0 !important;
  direction: ltr !important;
  display: grid !important;
  gap: clamp(1.1rem, 3.2vw, 2.25rem) !important;
  grid-template-areas: "visual copy check" !important;
  grid-template-columns: minmax(250px, 330px) minmax(0, 1fr) 68px !important;
  inline-size: 100% !important;
  margin: 0 !important;
  min-block-size: clamp(225px, 28vw, 290px) !important;
  padding: clamp(.35rem, 1vw, .75rem) clamp(.15rem, .8vw, .45rem) clamp(1.25rem, 3vw, 2.25rem) !important;
  text-align: initial !important;
}

body.woocommerce-order-received .hooger-order-success-visual,
body.hooger-checkout-bridge-order-received .hooger-order-success-visual {
  align-self: center !important;
  display: grid !important;
  grid-area: visual !important;
  inline-size: 100% !important;
  justify-self: stretch !important;
  min-block-size: clamp(185px, 22vw, 250px) !important;
  place-items: center !important;
  position: relative !important;
}

body.woocommerce-order-received .hooger-order-success-product,
body.hooger-checkout-bridge-order-received .hooger-order-success-product {
  aspect-ratio: 1.48 !important;
  background: radial-gradient(circle, rgba(245, 158, 11, .12), transparent 68%) !important;
  border-radius: 999px !important;
  display: grid !important;
  inline-size: min(100%, 292px) !important;
  overflow: visible !important;
  place-items: center !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;
  filter: drop-shadow(0 22px 30px rgba(245, 158, 11, .18)) !important;
  inline-size: 100% !important;
  object-fit: contain !important;
}

body.woocommerce-order-received .hooger-order-success-shield,
body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
  background: linear-gradient(145deg, rgba(255, 198, 74, .98), rgba(255, 132, 0, .92)) !important;
  block-size: clamp(74px, 8vw, 108px) !important;
  border-radius: 32% 32% 40% 40% !important;
  box-shadow: 0 18px 38px rgba(245, 158, 11, .3) !important;
  color: #fff !important;
  display: grid !important;
  inline-size: clamp(74px, 8vw, 108px) !important;
  inset-block-end: 10% !important;
  inset-inline-end: 8% !important;
  place-items: center !important;
  position: absolute !important;
  z-index: 2 !important;
}

body.woocommerce-order-received .hooger-order-success-copy,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy {
  direction: rtl !important;
  display: block !important;
  grid-area: copy !important;
  inline-size: 100% !important;
  justify-self: stretch !important;
  text-align: right !important;
  writing-mode: horizontal-tb !important;
}

body.woocommerce-order-received .hooger-order-success-copy h1,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
  color: var(--hor-success-text) !important;
  display: block !important;
  font-size: clamp(1.85rem, 3.2vw, 2.65rem) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  margin: 0 0 .55rem !important;
  max-inline-size: 100% !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  text-wrap: balance !important;
  white-space: normal !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
}

body.woocommerce-order-received .hooger-order-success-copy p,
body.hooger-checkout-bridge-order-received .hooger-order-success-copy p {
  color: var(--hor-success-muted) !important;
  display: block !important;
  font-size: clamp(.92rem, 1.25vw, 1rem) !important;
  font-weight: 750 !important;
  line-height: 2 !important;
  margin: 0 0 clamp(1rem, 2.2vw, 1.35rem) !important;
  max-inline-size: 42rem !important;
  overflow-wrap: normal !important;
  text-align: right !important;
  white-space: normal !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
}

body.woocommerce-order-received .hooger-order-success-check,
body.hooger-checkout-bridge-order-received .hooger-order-success-check {
  align-self: start !important;
  background: linear-gradient(145deg, var(--hor-success-primary), var(--hor-success-primary-strong)) !important;
  block-size: 68px !important;
  border-radius: 50% !important;
  box-shadow: 0 16px 34px rgba(245, 158, 11, .26) !important;
  color: #fff !important;
  display: grid !important;
  grid-area: check !important;
  inline-size: 68px !important;
  justify-self: end !important;
  margin-block-start: clamp(.8rem, 2vw, 1.35rem) !important;
  place-items: center !important;
}

html.hooger-dark .hooger-order-success-check,
body.hooger-dark .hooger-order-success-check,
[data-theme="dark"] .hooger-order-success-check {
  background: linear-gradient(145deg, #22c55e, #16a34a) !important;
  box-shadow: 0 16px 34px rgba(22, 163, 74, .24) !important;
}

body.woocommerce-order-received .hooger-order-success-meta,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta {
  background: var(--card, #ffffff) !important;
  background: color-mix(in srgb, var(--hor-success-surface-strong) 82%, transparent) !important;
  border: 1px solid var(--hor-success-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .055) !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  overflow: hidden !important;
}

html.hooger-dark .hooger-order-success-meta,
body.hooger-dark .hooger-order-success-meta,
[data-theme="dark"] .hooger-order-success-meta {
  box-shadow: none !important;
}

body.woocommerce-order-received .hooger-order-success-meta > div,
body.hooger-checkout-bridge-order-received .hooger-order-success-meta > div {
  display: grid !important;
  gap: .35rem !important;
  padding: 1rem clamp(.8rem, 1.6vw, 1.15rem) !important;
  text-align: center !important;
}

body.woocommerce-order-received .hooger-order-success-section,
body.hooger-checkout-bridge-order-received .hooger-order-success-section,
body.woocommerce-order-received .hooger-order-success-note,
body.hooger-checkout-bridge-order-received .hooger-order-success-note {
  background: var(--hor-success-surface) !important;
  border: 1px solid var(--hor-success-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .045) !important;
  inline-size: 100% !important;
  margin-block-start: 0 !important;
  padding: clamp(.9rem, 2.4vw, 1.25rem) !important;
}

html.hooger-dark .hooger-order-success-section,
body.hooger-dark .hooger-order-success-section,
[data-theme="dark"] .hooger-order-success-section,
html.hooger-dark .hooger-order-success-detail,
body.hooger-dark .hooger-order-success-detail,
[data-theme="dark"] .hooger-order-success-detail,
html.hooger-dark .hooger-order-success-item,
body.hooger-dark .hooger-order-success-item,
[data-theme="dark"] .hooger-order-success-item {
  box-shadow: none !important;
}

body.woocommerce-order-received .hooger-order-success-details,
body.hooger-checkout-bridge-order-received .hooger-order-success-details {
  display: grid !important;
  gap: .85rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.woocommerce-order-received .hooger-order-success-features,
body.hooger-checkout-bridge-order-received .hooger-order-success-features {
  display: grid !important;
  gap: .85rem !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

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

body.woocommerce-order-received .hooger-order-success-actions a,
body.hooger-checkout-bridge-order-received .hooger-order-success-actions a {
  align-items: center !important;
  border-radius: 14px !important;
  direction: rtl !important;
  display: inline-flex !important;
  font-size: .94rem !important;
  font-weight: 950 !important;
  gap: .55rem !important;
  justify-content: center !important;
  min-block-size: 56px !important;
  text-decoration: none !important;
}

@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 check"
      "copy copy" !important;
    grid-template-columns: minmax(170px, 240px) minmax(54px, 1fr) !important;
  }

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

@media (max-width: 640px) {
  body.woocommerce-order-received .hooger-order-success-shell,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shell {
    border-radius: 20px !important;
    gap: .9rem !important;
    margin: .75rem auto 5rem !important;
    max-inline-size: calc(100vw - 1rem) !important;
    padding: .9rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-crumb,
  body.hooger-checkout-bridge-order-received .hooger-order-success-crumb {
    justify-content: center !important;
    margin-block-end: .55rem !important;
    text-align: center !important;
  }

  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 {
    direction: rtl !important;
    gap: .75rem !important;
    grid-template-areas:
      "visual"
      "check"
      "copy" !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    min-block-size: 0 !important;
    padding-block: .25rem 1rem !important;
    text-align: center !important;
  }

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

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

  body.woocommerce-order-received .hooger-order-success-shield,
  body.hooger-checkout-bridge-order-received .hooger-order-success-shield {
    block-size: 70px !important;
    inline-size: 70px !important;
    inset-block-end: 4% !important;
    inset-inline-end: 12% !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy,
  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1,
  body.woocommerce-order-received .hooger-order-success-copy p,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy p {
    margin-inline: auto !important;
    max-inline-size: 100% !important;
    text-align: center !important;
  }

  body.woocommerce-order-received .hooger-order-success-copy h1,
  body.hooger-checkout-bridge-order-received .hooger-order-success-copy h1 {
    font-size: 1.55rem !important;
  }

  body.woocommerce-order-received .hooger-order-success-check,
  body.hooger-checkout-bridge-order-received .hooger-order-success-check {
    block-size: 52px !important;
    inline-size: 52px !important;
    justify-self: center !important;
    margin-block-start: 0 !important;
  }

  body.woocommerce-order-received .hooger-order-success-meta,
  body.hooger-checkout-bridge-order-received .hooger-order-success-meta,
  body.woocommerce-order-received .hooger-order-success-details,
  body.hooger-checkout-bridge-order-received .hooger-order-success-details,
  body.woocommerce-order-received .hooger-order-success-features,
  body.hooger-checkout-bridge-order-received .hooger-order-success-features,
  body.woocommerce-order-received .hooger-order-success-actions,
  body.hooger-checkout-bridge-order-received .hooger-order-success-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Final icon spacing overrides: keep after all page-level rules. */
.hooger-auth-form label > span,
.hooger-form label > span {
  display: block !important;
  isolation: isolate !important;
  min-inline-size: 0 !important;
  position: relative !important;
}

.hooger-auth-form label > span > .hooger-icon,
.hooger-form label > span > .hooger-icon {
  block-size: var(--ha-icon-size-safe, 1.15rem) !important;
  inline-size: var(--ha-icon-size-safe, 1.15rem) !important;
  inset-block-start: 50% !important;
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
  left: auto !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-auth-form label > span > input,
.hooger-form label > span > input,
.hooger-form label > span > textarea,
.hooger-form label > span > select {
  min-block-size: var(--ha-control-min-safe, 3rem) !important;
  min-inline-size: 0 !important;
  padding-inline-start: var(--ha-icon-padding-safe, 3.65rem) !important;
  padding-inline-end: var(--ha-icon-padding-safe, 3.65rem) !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}

.hooger-auth-form label > span > input[dir="ltr"],
.hooger-form label > span > input[dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext !important;
}

.hooger-auth-form label > span:has([data-hooger-password-toggle]) > input,
.hooger-form label > span:has([data-hooger-password-toggle]) > input {
  padding-inline-start: var(--ha-icon-padding-safe, 3.65rem) !important;
  padding-inline-end: var(--ha-icon-padding-password-safe, 4.2rem) !important;
}

.hooger-auth-form [data-hooger-password-toggle],
.hooger-form [data-hooger-password-toggle] {
  align-items: center !important;
  block-size: var(--ha-icon-box-safe, 2.65rem) !important;
  display: inline-flex !important;
  inline-size: var(--ha-icon-box-safe, 2.65rem) !important;
  inset-block-start: 50% !important;
  inset-inline-end: .35rem !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  left: auto !important;
  min-block-size: var(--ha-icon-box-safe, 2.65rem) !important;
  min-inline-size: var(--ha-icon-box-safe, 2.65rem) !important;
  padding: 0 !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

.hooger-filter-search,
.hooger-page-search,
.hooger-search-modal__head label,
.hooger-shop-search,
.hooger-header-search {
  direction: rtl !important;
  min-inline-size: 0 !important;
  position: relative !important;
}

.hooger-filter-search > .hooger-icon,
.hooger-page-search > .hooger-icon,
.hooger-search-modal__head label > .hooger-icon,
.hooger-shop-search > .hooger-icon,
.hooger-header-search > .hooger-icon {
  block-size: var(--ha-icon-size-safe, 1.15rem) !important;
  inline-size: var(--ha-icon-size-safe, 1.15rem) !important;
  inset-block-start: 50% !important;
  inset-inline-end: 1rem !important;
  inset-inline-start: auto !important;
  left: auto !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-filter-search > input,
.hooger-filter-search > input[type="search"],
.hooger-page-search > input,
.hooger-page-search > input[type="search"],
.hooger-search-modal__head label > input,
.hooger-search-modal__head label > input[type="search"],
.hooger-shop-search > input,
.hooger-shop-search > input[type="search"],
.hooger-header-search > input,
.hooger-header-search > input[type="search"] {
  direction: rtl !important;
  padding-inline-start: 1rem !important;
  padding-inline-end: var(--ha-icon-padding-safe, 3.65rem) !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}

.hooger-search-modal .hooger-search-modal__head {
  display: grid !important;
  gap: .65rem !important;
  grid-template-columns: minmax(0, 1fr) 2.8rem !important;
}

.hooger-search-modal .hooger-search-modal__head button[data-hooger-search-close] {
  block-size: 2.75rem !important;
  border-radius: 1rem !important;
  inline-size: 2.75rem !important;
  min-block-size: 2.75rem !important;
  min-inline-size: 2.75rem !important;
  padding: 0 !important;
  position: static !important;
}

/* Profile notification preferences: visible save feedback and real pending state. */
.hooger-settings-feedback {
  align-items: center;
  border: 1px solid var(--border, #e5e7eb);
  border: 1px solid color-mix(in srgb, var(--success, #16a34a) 26%, transparent);
  display: none;
  line-height: 1.8;
  margin: 0;
}

.hooger-settings-feedback.is-visible {
  display: flex;
}

.hooger-settings-feedback::before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  flex: 0 0 .55rem;
  block-size: .55rem;
  inline-size: .55rem;
  margin-inline-end: .55rem;
}

.hooger-settings-feedback.is-error {
  border-color: var(--border, #e5e7eb);
  border-color: color-mix(in srgb, var(--destructive, #ef4444) 30%, transparent);
}

.hooger-settings-row.is-saving {
  opacity: .78;
}

.hooger-settings-row.is-saving .hooger-toggle {
  cursor: wait;
}

.hooger-settings-row .hooger-toggle[aria-busy="true"] i {
  animation: hooger-toggle-saving .7s ease-in-out infinite alternate;
}

@keyframes hooger-toggle-saving {
  from {
    opacity: .55;
    transform: translateX(-1.32rem) scale(.92);
  }
  to {
    opacity: 1;
    transform: translateX(-1.32rem) scale(1);
  }
}

.hooger-settings-row .hooger-toggle.is-on[aria-busy="true"] i {
  animation-name: hooger-toggle-saving-on;
}

@keyframes hooger-toggle-saving-on {
  from {
    opacity: .55;
    transform: translateX(0) scale(.92);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* Loyalty mobile containment: the tier card must never spill outside the profile frame. */
.hooger-profile-panel[data-hooger-profile-panel="loyalty"],
.hooger-profile-panel[data-hooger-profile-panel="loyalty"].is-active,
.hooger-profile-panel[data-hooger-profile-panel="loyalty"] > * {
  box-sizing: border-box !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-profile-panel[data-hooger-profile-panel="loyalty"] {
  overflow-x: hidden !important;
}

.hooger-loyalty-card,
.hooger-loyalty-card *,
.hooger-loyalty-card *::before,
.hooger-loyalty-card *::after {
  box-sizing: border-box !important;
}

.hooger-loyalty-card {
  contain: paint;
  inline-size: 100% !important;
  margin-inline: auto !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
  overflow: hidden !important;
}

.hooger-loyalty-card__head,
.hooger-loyalty-progress,
.hooger-loyalty-progress div,
.hooger-loyalty-card__benefit {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-loyalty-card__head > div,
.hooger-loyalty-card__head > span,
.hooger-loyalty-progress span,
.hooger-loyalty-card__benefit {
  min-inline-size: 0 !important;
}

.hooger-loyalty-card__head small,
.hooger-loyalty-card__head strong,
.hooger-loyalty-progress span,
.hooger-loyalty-card__benefit {
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

@media (max-width: 560px) {
  .hooger-profile-panel[data-hooger-profile-panel="loyalty"].is-active {
    gap: .8rem !important;
    padding-inline: 0 !important;
  }

  .hooger-profile-panel[data-hooger-profile-panel="loyalty"] > h2 {
    inline-size: calc(100% - .5rem) !important;
    margin-inline: auto !important;
    max-inline-size: calc(100vw - 2rem) !important;
  }

  .hooger-loyalty-card {
    border-radius: 1rem !important;
    gap: .75rem !important;
    inline-size: calc(100% - .5rem) !important;
    max-inline-size: calc(100vw - 2rem) !important;
    padding: .78rem !important;
  }

  .hooger-loyalty-card::after {
    block-size: 4.6rem !important;
    inline-size: 4.6rem !important;
    inset-block-start: -1.8rem !important;
    inset-inline-start: -1.55rem !important;
    left: auto !important;
    right: auto !important;
  }

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

  .hooger-loyalty-card__head > span {
    block-size: 2.45rem !important;
    inline-size: 2.45rem !important;
    inset-block-start: .55rem !important;
    inset-inline-end: .55rem !important;
    min-block-size: 2.45rem !important;
    min-inline-size: 2.45rem !important;
  }

  .hooger-loyalty-card__head > div {
    border-radius: .85rem !important;
    min-block-size: 4.35rem !important;
    padding: .62rem .66rem !important;
  }

  .hooger-loyalty-card__head > div:first-of-type {
    grid-column: 1 / -1 !important;
    padding-inline-end: 3.35rem !important;
  }

  .hooger-loyalty-card__head strong {
    font-size: clamp(1rem, 4vw, 1.32rem) !important;
    line-height: 1.28 !important;
  }

  .hooger-loyalty-card__head small {
    font-size: .7rem !important;
    line-height: 1.55 !important;
  }

  .hooger-loyalty-progress div {
    gap: .2rem !important;
    line-height: 1.65 !important;
    margin-block-end: .42rem !important;
  }

  .hooger-loyalty-card__benefit {
    border-radius: .78rem !important;
    font-size: .74rem !important;
    line-height: 1.65 !important;
    padding: .58rem .62rem !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .hooger-loyalty-card {
    inline-size: calc(100% - .75rem) !important;
    max-inline-size: calc(100vw - 1.75rem) !important;
    padding: .72rem !important;
  }

  .hooger-loyalty-card__head {
    gap: .5rem !important;
  }

  .hooger-loyalty-card__head > div {
    padding-inline: .58rem !important;
  }
}

/* Scoped field icon containment V22: only input wrappers may position icons. */
.hooger-auth-form label > span:not(.hooger-field-control) > .hooger-icon,
.hooger-form label > span:not(.hooger-field-control) > .hooger-icon {
  inset: auto !important;
  margin: 0 !important;
  pointer-events: auto;
  position: static !important;
  transform: none !important;
}

.hooger-auth-form label > span:not(.hooger-field-control) > input,
.hooger-form label > span:not(.hooger-field-control) > input,
.hooger-form label > span:not(.hooger-field-control) > textarea,
.hooger-form label > span:not(.hooger-field-control) > select {
  padding-inline: 1rem !important;
}

.hooger-field-control {
  display: block !important;
  isolation: isolate !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  position: relative !important;
}

.hooger-field-control > .hooger-icon {
  block-size: 1.12rem !important;
  color: var(--ha-color-text-soft, var(--muted-foreground)) !important;
  inline-size: 1.12rem !important;
  inset-block-start: 50% !important;
  inset-inline-start: 1rem !important;
  inset-inline-end: auto !important;
  left: auto !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 2 !important;
}

.hooger-field-control > input,
.hooger-field-control > textarea,
.hooger-field-control > select {
  min-block-size: var(--ha-control-min-safe, 3rem) !important;
  min-inline-size: 0 !important;
  padding-inline-start: 3.45rem !important;
  padding-inline-end: 1rem !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
}

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

.hooger-field-control--password > input {
  padding-inline-start: 3.45rem !important;
  padding-inline-end: 3.85rem !important;
}

.hooger-field-control > [data-hooger-password-toggle] {
  align-items: center !important;
  background: transparent !important;
  block-size: 2.55rem !important;
  border: 0 !important;
  border-radius: .85rem !important;
  color: var(--ha-color-text-muted, var(--muted-foreground)) !important;
  display: inline-flex !important;
  inline-size: 2.55rem !important;
  inset-block-start: 50% !important;
  inset-inline-end: .35rem !important;
  inset-inline-start: auto !important;
  justify-content: center !important;
  left: auto !important;
  margin: 0 !important;
  min-block-size: 2.55rem !important;
  min-inline-size: 2.55rem !important;
  padding: 0 !important;
  pointer-events: auto !important;
  position: absolute !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 4 !important;
}

.hooger-field-control > [data-hooger-password-toggle] > .hooger-icon,
.hooger-field-control > [data-hooger-password-toggle] svg {
  block-size: 1.05rem !important;
  inline-size: 1.05rem !important;
  inset: auto !important;
  margin: 0 !important;
  pointer-events: none !important;
  position: static !important;
  transform: none !important;
}

/* Search modal close button containment V23: fixed physical left slot inside the search shell. */
.hooger-search-modal .hooger-search-modal__head {
  align-items: center !important;
  box-sizing: border-box !important;
  direction: ltr !important;
  display: grid !important;
  gap: .22rem !important;
  grid-template-columns: 2.85rem minmax(0, 1fr) !important;
  min-block-size: 3.15rem !important;
  overflow: hidden !important;
  padding: .22rem !important;
}

.hooger-search-modal .hooger-search-modal__head > button[data-hooger-search-close] {
  align-self: center !important;
  block-size: 2.45rem !important;
  box-sizing: border-box !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  inline-size: 2.45rem !important;
  justify-self: center !important;
  margin: 0 !important;
  min-block-size: 2.45rem !important;
  min-inline-size: 2.45rem !important;
  order: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.hooger-search-modal .hooger-search-modal__head > button[data-hooger-search-close] > .hooger-icon,
.hooger-search-modal .hooger-search-modal__head > button[data-hooger-search-close] svg {
  block-size: 1rem !important;
  inline-size: 1rem !important;
  inset: auto !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

.hooger-search-modal .hooger-search-modal__head > label {
  direction: rtl !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-block-size: 2.65rem !important;
  order: 0 !important;
}

.hooger-search-modal .hooger-search-modal__head > label > input,
.hooger-search-modal .hooger-search-modal__head > label > input[type="search"] {
  min-block-size: 2.65rem !important;
}

/* Hooger Notification & Feedback System V24: one RTL/light/dark language for all messages. */
:root {
  --ha-feedback-radius: 1rem;
  --ha-feedback-gap: .72rem;
  --ha-feedback-pad-y: .88rem;
  --ha-feedback-pad-x: 1rem;
  --ha-feedback-shadow: 0 16px 38px rgba(15, 23, 42, .10);
  --ha-feedback-success-bg: #ecfdf5;
  --ha-feedback-success-border: #a7f3d0;
  --ha-feedback-success-text: #065f46;
  --ha-feedback-error-bg: #fff1f2;
  --ha-feedback-error-border: #fecdd3;
  --ha-feedback-error-text: #9f1239;
  --ha-feedback-warning-bg: #fff7ed;
  --ha-feedback-warning-border: #fed7aa;
  --ha-feedback-warning-text: #9a3412;
  --ha-feedback-info-bg: #eff6ff;
  --ha-feedback-info-border: #bfdbfe;
  --ha-feedback-info-text: #1e3a8a;
  --ha-feedback-surface: #ffffff;
  --ha-feedback-muted: #64748b;
}

html[data-theme="dark"],
html.hooger-dark,
body.hooger-dark,
.hooger-landing.hooger-dark {
  --ha-feedback-shadow: 0 20px 48px rgba(0, 0, 0, .30);
  --ha-feedback-success-bg: rgba(22, 163, 74, .16);
  --ha-feedback-success-border: rgba(74, 222, 128, .42);
  --ha-feedback-success-text: #bbf7d0;
  --ha-feedback-error-bg: rgba(239, 68, 68, .16);
  --ha-feedback-error-border: rgba(248, 113, 113, .42);
  --ha-feedback-error-text: #fecaca;
  --ha-feedback-warning-bg: rgba(245, 158, 11, .16);
  --ha-feedback-warning-border: rgba(251, 191, 36, .48);
  --ha-feedback-warning-text: #fde68a;
  --ha-feedback-info-bg: rgba(59, 130, 246, .16);
  --ha-feedback-info-border: rgba(147, 197, 253, .38);
  --ha-feedback-info-text: #dbeafe;
  --ha-feedback-surface: #12243a;
  --ha-feedback-muted: #cbd5e1;
}

.ha-alert,
.ha-notice,
.ha-system-message,
.ha-confirmation-box,
.hooger-checkout-bridge-notice,
.hooger-woocommerce-content .woocommerce-message,
.hooger-woocommerce-content .woocommerce-info,
.hooger-woocommerce-content .woocommerce-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  align-items: flex-start !important;
  background: var(--ha-feedback-info-bg) !important;
  border: 1px solid var(--ha-feedback-info-border) !important;
  border-inline-start-width: 4px !important;
  border-radius: var(--ha-feedback-radius) !important;
  box-shadow: var(--ha-feedback-shadow) !important;
  box-sizing: border-box !important;
  color: var(--ha-feedback-info-text) !important;
  direction: rtl !important;
  display: flex !important;
  flex-wrap: wrap !important;
  font-family: var(--ds-font-family, inherit) !important;
  font-size: clamp(.86rem, 2.5vw, .96rem) !important;
  font-weight: 800 !important;
  gap: var(--ha-feedback-gap) !important;
  inline-size: 100% !important;
  justify-content: flex-start !important;
  line-height: 1.85 !important;
  margin-block: 1rem !important;
  margin-inline: 0 !important;
  max-inline-size: 100% !important;
  min-block-size: 3.15rem !important;
  overflow-wrap: break-word !important;
  padding-block: var(--ha-feedback-pad-y) !important;
  padding-inline: var(--ha-feedback-pad-x) !important;
  position: relative !important;
  text-align: right !important;
  width: 100% !important;
  word-break: normal !important;
}

.ha-alert[hidden],
.ha-inline-message[hidden],
.hooger-checkout-bridge-notice[hidden],
[data-hooger-bridge-coupon-message][hidden] {
  display: none !important;
}

.ha-alert::before,
.ha-notice::before,
.ha-system-message::before,
.ha-confirmation-box::before,
.hooger-checkout-bridge-notice::before,
.hooger-woocommerce-content .woocommerce-message::before,
.hooger-woocommerce-content .woocommerce-info::before,
.hooger-woocommerce-content .woocommerce-error::before,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
  background: currentColor !important;
  block-size: .72rem !important;
  border-radius: 999px !important;
  content: "" !important;
  display: inline-flex !important;
  flex: 0 0 .72rem !important;
  inline-size: .72rem !important;
  inset: auto !important;
  margin-block-start: .56rem !important;
  margin-inline: 0 !important;
  opacity: .85 !important;
  position: static !important;
  transform: none !important;
}

.ha-alert > *,
.ha-notice > *,
.ha-system-message > *,
.ha-confirmation-box > *,
.hooger-checkout-bridge-notice > *,
.woocommerce-message > *,
.woocommerce-info > *,
.woocommerce-error > * {
  min-inline-size: 0 !important;
}

.ha-alert-success,
.ha-confirmation-box,
.hooger-form-success.is-visible:not(.is-error),
.hooger-loyalty-message.is-visible:not(.is-error),
.hooger-settings-feedback.is-visible:not(.is-error),
[data-hooger-coupon-message].is-visible:not(.is-error),
[data-hooger-bridge-coupon-message].is-success,
.hooger-checkout-bridge-notice.is-success,
.woocommerce-message {
  background: var(--ha-feedback-success-bg) !important;
  border-color: var(--ha-feedback-success-border) !important;
  color: var(--ha-feedback-success-text) !important;
}

.ha-alert-error,
.ha-form-error,
.hooger-form-success.is-error,
.hooger-loyalty-message.is-error,
.hooger-settings-feedback.is-error,
[data-hooger-coupon-message].is-error,
[data-hooger-bridge-coupon-message].is-error,
.hooger-checkout-bridge-notice.is-error,
.woocommerce-error {
  background: var(--ha-feedback-error-bg) !important;
  border-color: var(--ha-feedback-error-border) !important;
  color: var(--ha-feedback-error-text) !important;
}

.ha-alert-warning,
.ha-system-message.is-warning,
.hooger-checkout-bridge-notice.is-warning {
  background: var(--ha-feedback-warning-bg) !important;
  border-color: var(--ha-feedback-warning-border) !important;
  color: var(--ha-feedback-warning-text) !important;
}

.ha-alert-info,
.ha-notice,
.ha-system-message,
.hooger-checkout-bridge-notice.is-info,
.woocommerce-info {
  background: var(--ha-feedback-info-bg) !important;
  border-color: var(--ha-feedback-info-border) !important;
  color: var(--ha-feedback-info-text) !important;
}

.ha-inline-message,
.hooger-form-success.is-visible,
.hooger-loyalty-message.is-visible,
.hooger-settings-feedback.is-visible,
[data-hooger-coupon-message].is-visible,
[data-hooger-bridge-coupon-message]:not([hidden]):not(:empty) {
  align-items: flex-start !important;
  border: 1px solid currentColor !important;
  border-radius: .9rem !important;
  box-shadow: none !important;
  direction: rtl !important;
  display: flex !important;
  font-family: var(--ds-font-family, inherit) !important;
  font-size: .86rem !important;
  font-weight: 800 !important;
  gap: .58rem !important;
  inline-size: 100% !important;
  line-height: 1.75 !important;
  margin-block: .72rem !important;
  margin-inline: 0 !important;
  max-inline-size: 100% !important;
  min-block-size: 2.7rem !important;
  overflow-wrap: break-word !important;
  padding: .68rem .82rem !important;
  text-align: right !important;
  width: 100% !important;
}

.hooger-form-success:not(.is-visible),
.hooger-loyalty-message:not(.is-visible),
.hooger-settings-feedback:not(.is-visible),
[data-hooger-coupon-message]:not(.is-visible),
[data-hooger-bridge-coupon-message]:empty {
  display: none !important;
}

.ha-inline-message::before,
.hooger-form-success.is-visible::before,
.hooger-loyalty-message.is-visible::before,
.hooger-settings-feedback.is-visible::before,
[data-hooger-coupon-message].is-visible::before,
[data-hooger-bridge-coupon-message]:not([hidden]):not(:empty)::before {
  background: currentColor !important;
  block-size: .55rem !important;
  border-radius: 999px !important;
  content: "" !important;
  flex: 0 0 .55rem !important;
  inline-size: .55rem !important;
  margin-block-start: .58rem !important;
}

ul.woocommerce-error {
  display: grid !important;
  grid-template-columns: .8rem minmax(0, 1fr) !important;
}

ul.woocommerce-error::before {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.woocommerce-error li,
.woocommerce-message li,
.woocommerce-info li {
  grid-column: 2 !important;
  list-style: none !important;
  margin: .12rem 0 !important;
  padding: 0 !important;
}

.woocommerce-message a.button,
.woocommerce-message a.wc-forward,
.woocommerce-info a.button,
.woocommerce-info a.wc-forward,
.ha-alert a,
.ha-notice a {
  align-items: center !important;
  background: var(--ha-color-primary, #f59e0b) !important;
  border-radius: .78rem !important;
  color: #111827 !important;
  display: inline-flex !important;
  font-weight: 900 !important;
  gap: .42rem !important;
  min-block-size: 2.35rem !important;
  padding: .48rem .84rem !important;
  text-decoration: none !important;
}

.ha-alert__close,
.ha-toast__close {
  align-items: center !important;
  background: rgba(15, 23, 42, .08) !important;
  border: 0 !important;
  border-radius: .72rem !important;
  color: currentColor !important;
  cursor: pointer !important;
  display: inline-flex !important;
  flex: 0 0 2.1rem !important;
  inline-size: 2.1rem !important;
  justify-content: center !important;
  min-block-size: 2.1rem !important;
  padding: 0 !important;
}

.ha-alert__close .hooger-icon,
.ha-toast__close .hooger-icon,
.ha-alert__close svg,
.ha-toast__close svg {
  block-size: 1rem !important;
  inline-size: 1rem !important;
  position: static !important;
  transform: none !important;
}

.ha-toast,
.hooger-add-cart-toast.hooger-status-toast {
  align-items: center !important;
  background: var(--ha-feedback-success-bg) !important;
  border: 1px solid var(--ha-feedback-success-border) !important;
  border-radius: 1.1rem !important;
  box-shadow: 0 22px 60px rgba(15, 23, 42, .22) !important;
  color: var(--ha-feedback-success-text) !important;
  direction: rtl !important;
  display: grid !important;
  gap: .7rem !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  inline-size: min(24rem, calc(100vw - 2rem)) !important;
  inset-block-end: max(1rem, env(safe-area-inset-bottom)) !important;
  inset-inline-end: max(1rem, env(safe-area-inset-right)) !important;
  margin: 0 !important;
  opacity: 0 !important;
  padding: .86rem .9rem !important;
  pointer-events: none !important;
  position: fixed !important;
  text-align: right !important;
  transform: translateY(16px) scale(.98) !important;
  transition: opacity .18s ease, transform .18s ease !important;
  z-index: 99999 !important;
}

.ha-toast::before,
.hooger-add-cart-toast.hooger-status-toast::before {
  display: none !important;
}

.ha-toast.is-visible,
.hooger-add-cart-toast.hooger-status-toast.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

.ha-toast__icon,
.hooger-add-cart-toast.hooger-status-toast > span {
  align-items: center !important;
  background: var(--ha-feedback-success-text) !important;
  border-radius: .85rem !important;
  color: var(--ha-feedback-success-bg) !important;
  display: inline-flex !important;
  inline-size: 2.4rem !important;
  justify-content: center !important;
  min-block-size: 2.4rem !important;
}

.ha-toast__body {
  min-inline-size: 0 !important;
}

.ha-toast strong,
.ha-toast small,
.hooger-add-cart-toast.hooger-status-toast strong,
.hooger-add-cart-toast.hooger-status-toast small {
  display: block !important;
  line-height: 1.65 !important;
  min-inline-size: 0 !important;
  overflow-wrap: break-word !important;
}

.ha-toast small,
.hooger-add-cart-toast.hooger-status-toast small {
  color: var(--ha-feedback-muted) !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
}

.ha-empty-state,
.hooger-empty,
.hooger-cart-empty,
.hooger-search-modal__empty,
.hooger-page-empty,
.hooger-profile-empty,
.hooger-loyalty-empty,
.hooger-notification-empty,
.hooger-address-empty,
.wc-empty-cart-message,
.woocommerce-info.cart-empty {
  align-items: center !important;
  background: var(--ha-feedback-info-bg) !important;
  border: 1px dashed var(--ha-feedback-info-border) !important;
  border-radius: 1.2rem !important;
  color: var(--ha-feedback-info-text) !important;
  display: grid !important;
  gap: .65rem !important;
  inline-size: 100% !important;
  justify-items: center !important;
  line-height: 1.8 !important;
  margin-block: 1rem !important;
  min-block-size: 7rem !important;
  padding: 1.35rem !important;
  text-align: center !important;
}

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

.ha-loading-state {
  align-items: center !important;
  color: var(--ha-feedback-info-text) !important;
  display: inline-flex !important;
  gap: .62rem !important;
}

.ha-loading-state::before {
  animation: ha-feedback-spin .75s linear infinite !important;
  border: 2px solid var(--ha-feedback-info-border) !important;
  border-block-start-color: var(--ha-feedback-info-text) !important;
  border-radius: 999px !important;
  content: "" !important;
  display: inline-flex !important;
  inline-size: 1.05rem !important;
  min-block-size: 1.05rem !important;
}

@keyframes ha-feedback-spin {
  to {
    transform: rotate(1turn);
  }
}

@media (max-width: 640px) {
  .ha-alert,
  .ha-notice,
  .ha-system-message,
  .ha-confirmation-box,
  .hooger-checkout-bridge-notice,
  .woocommerce-message,
  .woocommerce-info,
  .woocommerce-error {
    border-radius: .9rem !important;
    font-size: .84rem !important;
    line-height: 1.78 !important;
    margin-block: .82rem !important;
    padding: .78rem .82rem !important;
  }

  .ha-toast,
  .hooger-add-cart-toast.hooger-status-toast {
    inline-size: calc(100vw - 1rem) !important;
    inset-block-end: max(.55rem, env(safe-area-inset-bottom)) !important;
    inset-inline: .5rem !important;
    padding: .78rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ha-toast,
  .hooger-add-cart-toast.hooger-status-toast,
  .ha-loading-state::before {
    animation: none !important;
    transition: none !important;
  }
}

/* Cart quantity control V25: premium compact stepper for cart panel and checkout rows. */
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart,
.hooger-checkout-item .hooger-qty.hooger-qty--cart {
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  direction: ltr !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  gap: .42rem !important;
  grid-template-columns: none !important;
  inline-size: auto !important;
  justify-content: flex-start !important;
  min-block-size: 2.55rem !important;
  min-inline-size: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper {
  align-items: center !important;
  background: linear-gradient(180deg, #ffffff, #fff7ed) !important;
  border: 1px solid rgba(245, 158, 11, .34) !important;
  border-radius: .95rem !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .75),
    0 .5rem 1.25rem rgba(15, 23, 42, .08) !important;
  display: inline-grid !important;
  grid-template-columns: 2.2rem minmax(2.15rem, 2.45rem) 2.2rem !important;
  min-block-size: 2.52rem !important;
  overflow: hidden !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove {
  align-items: center !important;
  block-size: 2.52rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  font-family: var(--ds-font-family, inherit) !important;
  font-size: .92rem !important;
  font-weight: 950 !important;
  inline-size: 100% !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  min-block-size: 0 !important;
  min-height: 0 !important;
  min-inline-size: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  position: relative !important;
  transform: none !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action {
  background: transparent !important;
  color: #172554 !important;
  cursor: pointer !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action:hover,
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action:focus-visible,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action:hover,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action:focus-visible {
  background: rgba(245, 158, 11, .16) !important;
  color: #f59e0b !important;
  outline: none !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action:active,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action:active {
  transform: scale(.94) !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value {
  background: rgba(245, 158, 11, .12) !important;
  border-inline: 1px solid rgba(245, 158, 11, .24) !important;
  color: #111827 !important;
  font-size: .88rem !important;
  letter-spacing: 0 !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove {
  background: #fff1f2 !important;
  border: 1px solid rgba(248, 113, 113, .32) !important;
  border-radius: .85rem !important;
  box-shadow: 0 .42rem 1rem rgba(159, 18, 57, .08) !important;
  color: #be123c !important;
  cursor: pointer !important;
  inline-size: 2.52rem !important;
  min-block-size: 2.52rem !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease, border-color .18s ease !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove:hover,
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove:focus-visible,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove:hover,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove:focus-visible {
  background: #ffe4e6 !important;
  border-color: rgba(244, 63, 94, .46) !important;
  color: #9f1239 !important;
  outline: none !important;
}

.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove .hooger-icon,
.hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove svg,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove .hooger-icon,
.hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove svg {
  block-size: 1rem !important;
  inline-size: 1rem !important;
  inset: auto !important;
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
html.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
body.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
.hooger-landing.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
[data-theme="dark"] .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper {
  background: linear-gradient(180deg, rgba(30, 41, 59, .98), rgba(15, 23, 42, .92)) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .07),
    0 .55rem 1.2rem rgba(0, 0, 0, .22) !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
html.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
body.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
.hooger-landing.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
[data-theme="dark"] .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action {
  color: #f8fafc !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
html.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
body.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
.hooger-landing.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
[data-theme="dark"] .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value {
  background: rgba(245, 158, 11, .14) !important;
  border-inline-color: rgba(245, 158, 11, .25) !important;
  color: #fff7ed !important;
}

html.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
body.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
.hooger-landing.hooger-dark .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
[data-theme="dark"] .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
html.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
body.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
.hooger-landing.hooger-dark .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
[data-theme="dark"] .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove {
  background: rgba(239, 68, 68, .14) !important;
  border-color: rgba(248, 113, 113, .26) !important;
  color: #fecaca !important;
}

@media (max-width: 520px) {
  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart {
    gap: .36rem !important;
    min-block-size: 2.42rem !important;
  }

  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__stepper {
    grid-template-columns: 2.02rem minmax(1.95rem, 2.22rem) 2.02rem !important;
    min-block-size: 2.38rem !important;
  }

  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__action,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__value,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove {
    block-size: 2.38rem !important;
    font-size: .86rem !important;
  }

  .hooger-cart-panel .hooger-cart-item .hooger-qty.hooger-qty--cart .hooger-qty__remove,
  .hooger-checkout-item .hooger-qty.hooger-qty--cart .hooger-qty__remove {
    inline-size: 2.38rem !important;
    min-block-size: 2.38rem !important;
  }
}

/* Premium toggle switch V26: balanced, fixed-ratio, RTL-safe notification switches. */
.hooger-settings-row .hooger-toggle,
button.hooger-toggle[data-hooger-toggle] {
  --ha-toggle-width: 3.55rem;
  --ha-toggle-height: 1.78rem;
  --ha-toggle-pad: .18rem;
  --ha-toggle-knob: calc(var(--ha-toggle-height) - (var(--ha-toggle-pad) * 2));
  align-items: center !important;
  appearance: none !important;
  background: linear-gradient(180deg, #eef2f7, #dfe7f2) !important;
  border: 1px solid rgba(100, 116, 139, .24) !important;
  border-radius: 999px !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, .08),
    0 .45rem 1rem rgba(15, 23, 42, .08) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  direction: ltr !important;
  display: inline-flex !important;
  flex: 0 0 var(--ha-toggle-width) !important;
  inline-size: var(--ha-toggle-width) !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  min-block-size: var(--ha-toggle-height) !important;
  min-height: var(--ha-toggle-height) !important;
  min-inline-size: var(--ha-toggle-width) !important;
  min-width: var(--ha-toggle-width) !important;
  overflow: visible !important;
  padding: var(--ha-toggle-pad) !important;
  position: relative !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease !important;
  width: var(--ha-toggle-width) !important;
}

.hooger-settings-row .hooger-toggle i,
button.hooger-toggle[data-hooger-toggle] i {
  background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
  block-size: var(--ha-toggle-knob) !important;
  border: 1px solid rgba(255, 255, 255, .85) !important;
  border-radius: 999px !important;
  box-shadow:
    0 .18rem .55rem rgba(15, 23, 42, .18),
    0 1px 0 rgba(255, 255, 255, .75) inset !important;
  display: block !important;
  inline-size: var(--ha-toggle-knob) !important;
  inset-block-start: var(--ha-toggle-pad) !important;
  inset-inline-start: var(--ha-toggle-pad) !important;
  margin: 0 !important;
  min-block-size: var(--ha-toggle-knob) !important;
  min-inline-size: var(--ha-toggle-knob) !important;
  position: absolute !important;
  transform: translateX(0) scale(1) !important;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, background-color .18s ease !important;
  will-change: transform !important;
}

.hooger-settings-row .hooger-toggle.is-on,
button.hooger-toggle[data-hooger-toggle].is-on {
  background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
  border-color: rgba(245, 158, 11, .68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28),
    0 .65rem 1.35rem rgba(245, 158, 11, .22) !important;
}

.hooger-settings-row .hooger-toggle.is-on i,
button.hooger-toggle[data-hooger-toggle].is-on i {
  box-shadow:
    0 .18rem .55rem rgba(120, 53, 15, .22),
    0 1px 0 rgba(255, 255, 255, .86) inset !important;
  transform: translateX(calc(var(--ha-toggle-width) - var(--ha-toggle-knob) - (var(--ha-toggle-pad) * 2))) scale(1) !important;
}

.hooger-settings-row .hooger-toggle:hover,
button.hooger-toggle[data-hooger-toggle]:hover {
  border-color: rgba(245, 158, 11, .42) !important;
  box-shadow:
    inset 0 1px 2px rgba(15, 23, 42, .08),
    0 .55rem 1.18rem rgba(15, 23, 42, .11) !important;
}

.hooger-settings-row .hooger-toggle:focus-visible,
button.hooger-toggle[data-hooger-toggle]:focus-visible {
  outline: 3px solid rgba(59, 130, 246, .38) !important;
  outline-offset: 3px !important;
}

.hooger-settings-row .hooger-toggle:active i,
button.hooger-toggle[data-hooger-toggle]:active i {
  transform: translateX(0) scale(.94) !important;
}

.hooger-settings-row .hooger-toggle.is-on:active i,
button.hooger-toggle[data-hooger-toggle].is-on:active i {
  transform: translateX(calc(var(--ha-toggle-width) - var(--ha-toggle-knob) - (var(--ha-toggle-pad) * 2))) scale(.94) !important;
}

.hooger-settings-row .hooger-toggle:disabled,
.hooger-settings-row .hooger-toggle[aria-busy="true"],
button.hooger-toggle[data-hooger-toggle]:disabled,
button.hooger-toggle[data-hooger-toggle][aria-busy="true"] {
  cursor: wait !important;
  opacity: .72 !important;
}

.hooger-settings-row .hooger-toggle[aria-busy="true"] i,
button.hooger-toggle[data-hooger-toggle][aria-busy="true"] i {
  animation: ha-toggle-saving-off .7s ease-in-out infinite alternate !important;
}

.hooger-settings-row .hooger-toggle.is-on[aria-busy="true"] i,
button.hooger-toggle[data-hooger-toggle].is-on[aria-busy="true"] i {
  animation-name: ha-toggle-saving-on !important;
}

@keyframes ha-toggle-saving-off {
  from {
    opacity: .64;
    transform: translateX(0) scale(.92);
  }
  to {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

@keyframes ha-toggle-saving-on {
  from {
    opacity: .64;
    transform: translateX(calc(var(--ha-toggle-width) - var(--ha-toggle-knob) - (var(--ha-toggle-pad) * 2))) scale(.92);
  }
  to {
    opacity: 1;
    transform: translateX(calc(var(--ha-toggle-width) - var(--ha-toggle-knob) - (var(--ha-toggle-pad) * 2))) scale(1);
  }
}

html.hooger-dark .hooger-settings-row .hooger-toggle,
body.hooger-dark .hooger-settings-row .hooger-toggle,
.hooger-landing.hooger-dark .hooger-settings-row .hooger-toggle,
[data-theme="dark"] .hooger-settings-row .hooger-toggle,
html.hooger-dark button.hooger-toggle[data-hooger-toggle],
body.hooger-dark button.hooger-toggle[data-hooger-toggle],
.hooger-landing.hooger-dark button.hooger-toggle[data-hooger-toggle],
[data-theme="dark"] button.hooger-toggle[data-hooger-toggle] {
  background: linear-gradient(180deg, rgba(30, 41, 59, .98), rgba(15, 23, 42, .88)) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow:
    inset 0 1px 2px rgba(0, 0, 0, .22),
    0 .5rem 1.1rem rgba(0, 0, 0, .18) !important;
}

html.hooger-dark .hooger-settings-row .hooger-toggle i,
body.hooger-dark .hooger-settings-row .hooger-toggle i,
.hooger-landing.hooger-dark .hooger-settings-row .hooger-toggle i,
[data-theme="dark"] .hooger-settings-row .hooger-toggle i,
html.hooger-dark button.hooger-toggle[data-hooger-toggle] i,
body.hooger-dark button.hooger-toggle[data-hooger-toggle] i,
.hooger-landing.hooger-dark button.hooger-toggle[data-hooger-toggle] i,
[data-theme="dark"] button.hooger-toggle[data-hooger-toggle] i {
  background: linear-gradient(180deg, #e2e8f0, #cbd5e1) !important;
  border-color: rgba(255, 255, 255, .34) !important;
}

html.hooger-dark .hooger-settings-row .hooger-toggle.is-on,
body.hooger-dark .hooger-settings-row .hooger-toggle.is-on,
.hooger-landing.hooger-dark .hooger-settings-row .hooger-toggle.is-on,
[data-theme="dark"] .hooger-settings-row .hooger-toggle.is-on,
html.hooger-dark button.hooger-toggle[data-hooger-toggle].is-on,
body.hooger-dark button.hooger-toggle[data-hooger-toggle].is-on,
.hooger-landing.hooger-dark button.hooger-toggle[data-hooger-toggle].is-on,
[data-theme="dark"] button.hooger-toggle[data-hooger-toggle].is-on {
  background: linear-gradient(135deg, #d97706, #fbbf24) !important;
  border-color: rgba(251, 191, 36, .62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .18),
    0 .7rem 1.45rem rgba(245, 158, 11, .22) !important;
}

@media (max-width: 520px) {
  .hooger-settings-row .hooger-toggle,
  button.hooger-toggle[data-hooger-toggle] {
    --ha-toggle-width: 3.28rem;
    --ha-toggle-height: 1.64rem;
    --ha-toggle-pad: .16rem;
  }
}

/* Footer alignment pass: Elementor heading widgets and native footer parts share one axis. */
.hooger-footer__grid > div:not(.hooger-footer__brand),
.hooger-elementor-footer .hooger-footer-mobile-accordion,
.hooger-elementor-footer .hooger-footer-part:not(.hooger-footer-part--brand):not(.hooger-footer-part--copyright) {
  direction: rtl !important;
  text-align: right !important;
}

.hooger-elementor-footer .hooger-footer-mobile-accordion > .elementor-widget-wrap,
.hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-widget,
.hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-widget-container,
.hooger-elementor-footer .hooger-footer-mobile-accordion .hooger-footer-part {
  inline-size: 100% !important;
  max-inline-size: 100% !important;
  min-inline-size: 0 !important;
}

.hooger-footer__grid > div:not(.hooger-footer__brand) > h4,
.hooger-elementor-footer .hooger-footer-mobile-accordion h3,
.hooger-elementor-footer .hooger-footer-mobile-accordion h4,
.hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title,
.hooger-elementor-footer .hooger-footer-part--contact h4 {
  direction: rtl !important;
  inline-size: 100% !important;
  margin-inline: 0 !important;
  text-align: right !important;
}

.hooger-footer-contact-row,
.hooger-elementor-footer .hooger-footer-part--contact .hooger-footer-contact-row {
  align-items: flex-start !important;
  direction: rtl !important;
  justify-content: flex-start !important;
  text-align: right !important;
}

@media (min-width: 901px) {
  .hooger-footer__grid,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
    align-items: start !important;
  }

  .hooger-footer__grid > div:not(.hooger-footer__brand),
  .hooger-elementor-footer .hooger-footer-mobile-accordion,
  .hooger-elementor-footer .hooger-footer-mobile-accordion > .elementor-widget-wrap {
    align-content: start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    justify-items: stretch !important;
  }

  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title,
  .hooger-elementor-footer .hooger-footer-part--contact h4 {
    align-items: flex-start !important;
    display: flex !important;
    justify-content: flex-start !important;
    min-block-size: 2.65rem !important;
    padding: 0 !important;
  }

  .hooger-elementor-footer .hooger-footer-part--contact h4 {
    margin-block-end: 2.1rem !important;
  }

  .hooger-elementor-footer .hooger-footer-part--contact .hooger-footer-contact-row {
    align-items: center !important;
    line-height: 1.7 !important;
    margin-block-end: .35rem !important;
    min-block-size: 2.25rem !important;
    padding-block: 0 !important;
  }
}

@media (max-width: 900px) {
  .hooger-footer .hooger-footer-mobile-accordion,
  .hooger-footer__grid > div:not(.hooger-footer__brand),
  .hooger-elementor-footer .hooger-footer-mobile-accordion {
    display: block !important;
  }

  .hooger-elementor-footer .hooger-footer-mobile-accordion > .elementor-widget-wrap {
    align-content: stretch !important;
    display: block !important;
    padding: 0 !important;
  }

  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-widget,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-widget-container,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .hooger-footer-part {
    margin: 0 !important;
    padding: 0 !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion h4,
  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title,
  .hooger-elementor-footer .hooger-footer-part--contact h4 {
    align-items: center !important;
    display: flex !important;
    justify-content: space-between !important;
    min-block-size: 3.65rem !important;
    padding: 0 1rem !important;
  }

  .hooger-footer .hooger-footer-mobile-accordion h4::after,
  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4::after,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title::after,
  .hooger-elementor-footer .hooger-footer-part--contact h4::after {
    flex: 0 0 auto !important;
    margin: 0 !important;
    order: initial !important;
  }
}

/* Final desktop footer alignment pass. Keep the mobile accordion rules intact. */
@media (min-width: 901px) {
  .hooger-footer__top,
  .hooger-elementor-footer .hooger-elementor-footer-main {
    padding-block: 1.85rem 1.35rem !important;
  }

  .hooger-footer__grid,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container {
    column-gap: clamp(3.25rem, 5vw, 4.5rem) !important;
    grid-template-columns: minmax(18.5rem, 21rem) minmax(7.75rem, 8.5rem) minmax(9.5rem, 10.75rem) minmax(13rem, 14rem) !important;
    justify-content: start !important;
    row-gap: 1.25rem !important;
    max-width: 1120px !important;
    width: min(100% - 3rem, 1120px) !important;
  }

  .hooger-footer__grid > div:not(.hooger-footer__brand),
  .hooger-elementor-footer .hooger-footer-mobile-accordion,
  .hooger-elementor-footer .hooger-footer-mobile-accordion > .elementor-widget-wrap,
  .hooger-elementor-footer .hooger-elementor-footer-main > .elementor-container > .elementor-column > .elementor-widget-wrap {
    align-content: start !important;
    gap: .42rem !important;
  }

  .hooger-elementor-footer .elementor-widget,
  .hooger-elementor-footer .elementor-widget:not(:last-child),
  .hooger-elementor-footer .elementor-widget-container {
    margin: 0 !important;
  }

  .hooger-footer__grid > div:not(.hooger-footer__brand) > h4,
  .hooger-footer h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h3,
  .hooger-elementor-footer .hooger-footer-mobile-accordion h4,
  .hooger-elementor-footer .hooger-footer-mobile-accordion .elementor-heading-title,
  .hooger-elementor-footer .elementor-widget-heading .elementor-heading-title,
  .hooger-elementor-footer .hooger-footer-part--contact h4,
  .hooger-elementor-footer .hooger-footer-part h4 {
    align-items: flex-start !important;
    display: flex !important;
    font-size: .92rem !important;
    justify-content: flex-start !important;
    line-height: 1.28 !important;
    margin: 0 0 .48rem !important;
    min-block-size: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .hooger-elementor-footer .hooger-footer-part--contact h4 {
    margin-block-end: .48rem !important;
  }

  .hooger-elementor-footer .hooger-elementor-nav-menu,
  .hooger-elementor-footer .hooger-elementor-nav-menu__list,
  .hooger-footer nav,
  .hooger-footer ul {
    display: grid !important;
    gap: .18rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .hooger-footer a,
  .hooger-elementor-footer a,
  .hooger-elementor-footer .hooger-elementor-nav-menu a {
    align-items: center !important;
    line-height: 1.55 !important;
    min-block-size: 1.95rem !important;
    min-height: 1.95rem !important;
    padding-block: .08rem !important;
  }

  .hooger-footer-contact-row,
  .hooger-elementor-footer .hooger-footer-part--contact .hooger-footer-contact-row {
    align-items: flex-start !important;
    gap: .5rem !important;
    line-height: 1.65 !important;
    margin: 0 0 .28rem !important;
    min-block-size: 2rem !important;
    padding-block: 0 !important;
  }

  .hooger-footer-contact-row > .hooger-icon {
    margin-top: .22rem !important;
  }

  .hooger-footer__bottom,
  .hooger-elementor-footer .hooger-elementor-footer-copy {
    max-width: 1120px !important;
    padding-block: .85rem 1.05rem !important;
    width: min(100% - 3rem, 1120px) !important;
  }
}