/* Prime pages: HexFashion "Cut Line" (restricted preview). Page-family skins over the EXISTING HexFashion markup
   (theme widgets, theme page views, platform account/auth/blog views). Tokens come from hexfashion-chrome.css and derive
   from the merchant variables. Scope: body.hexfashion and the page's own containers; header/footer and the phone layer
   (P0–P5) are not restyled here. Logical properties throughout (Arabic RTL primary). Merchant content (titles, images,
   texts, prices) is restyled, never replaced or hidden; page-builder section padding (inline) is left to the merchant.

   Cut geometry: --hx-poly cuts the top-start and bottom-end corners by --c (mirrored in RTL); --hx-wedge is the
   coral corner wedge used on bordered panels (a clip-path would cut their border). Both are computed per element. */

body.hexfashion * {
  --hx-poly: polygon(var(--c, 12px) 0, 100% 0, 100% calc(100% - var(--c, 12px)), calc(100% - var(--c, 12px)) 100%, 0 100%, 0 var(--c, 12px));
  --hx-wedge: polygon(0 0, 100% 0, 0 100%);
}
[dir="rtl"] body.hexfashion * {
  --hx-poly: polygon(0 0, calc(100% - var(--c, 12px)) 0, 100% var(--c, 12px), 100% 100%, var(--c, 12px) 100%, 0 calc(100% - var(--c, 12px)));
  --hx-wedge: polygon(0 0, 100% 0, 100% 100%);
}
body.hexfashion {
  --hx-ok: #17663F; --hx-ok-soft: #E2F2E8;
  --hx-warn: #7A4A00; --hx-warn-soft: #FFF0D2;
  --hx-bad: #A3221A; --hx-bad-soft: #FCE6E3;
  --hx-ring: 0 0 0 3px color-mix(in srgb, var(--main-color-one, #F83A26) 28%, transparent);
  --hx-sticky: calc(var(--sfp-header-h, 80px) + 18px);
  font-family: var(--hx-body);
  color: var(--hx-text);
  background: #fff;
}
[dir="rtl"] body.hexfashion :is(h1, h2, h3, h4, h5, h6, .hf-btn, button, label, th) { letter-spacing: 0 !important; }
/* the HexFashion theme stylesheet clamps EVERY <p> to 3 lines (2 on phones) with an ellipsis (hexfashion.css `p { -webkit-line-clamp }`):
   merchant paragraphs (product descriptions, articles, pages, policies, widget texts) are shown in full */
body.hexfashion p { display: block; -webkit-line-clamp: unset; -webkit-box-orient: initial; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
/* Arabic heading clipping (2026-10-17): the HexFashion theme stylesheet also clamps EVERY heading to 2 lines (`h1…h6 { display:-webkit-box;
   -webkit-line-clamp:2; overflow:hidden }`); with tight display line-heights the clamp box cut Arabic dots and descenders and hid lines of
   merchant titles. Undone at the same specificity as that rule, so class-level clamps (card names) keep working. */
:where(body.hexfashion) :is(h1, h2, h3, h4, h5, h6) { display: block; -webkit-line-clamp: unset; -webkit-box-orient: initial; overflow: visible; text-overflow: clip; }

/* =========================================================================================
   1. Shared primitives
   ========================================================================================= */

/* buttons: primary = coral with the cut; secondary = square ink outline; ghost = peach */
body.hexfashion :is(.hf-btn, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn) {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-block-size: 50px; padding: 0 28px; border-radius: 0 !important;
  font: 600 16px/1 var(--hx-display); text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer; box-shadow: none;
  transition: background var(--sfp-dur) var(--hx-ease), color var(--sfp-dur) var(--hx-ease), border-color var(--sfp-dur) var(--hx-ease); }
[dir="ltr"] body.hexfashion :is(.hf-btn, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn) { letter-spacing: .06em; }
[dir="rtl"] body.hexfashion :is(.hf-btn, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn) { font-size: 15px; }
body.hexfashion :is(.hf-btn-primary, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn,
  .sign-in-area-wrapper .btn-default, .login-page-wrapper .btn-default, .seller-profile-details-area .btn-default, .seller-profile-details-area .boxed-btn,
  .tn-contact .submit-btn, .sf-order-success__btn--primary, .anb-404__btn) {
  --c: 12px; clip-path: var(--hx-poly); background: var(--sfp-cta) !important; color: #fff !important; border: 0 !important; }
body.hexfashion :is(.hf-btn-primary, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn,
  .sign-in-area-wrapper .btn-default, .login-page-wrapper .btn-default, .seller-profile-details-area .btn-default, .seller-profile-details-area .boxed-btn,
  .tn-contact .submit-btn, .sf-order-success__btn--primary, .anb-404__btn):hover { background: var(--hx-cta-hover) !important; color: #fff !important; }
body.hexfashion .hf-btn-outline { background: transparent !important; color: var(--hx-ink) !important; border: 1.5px solid var(--hx-ink) !important; }
body.hexfashion .hf-btn-outline:hover { background: var(--hx-ink) !important; color: #fff !important; }
body.hexfashion .hf-btn-ghost { background: var(--hx-peach-2) !important; color: var(--hx-ink) !important; border: 0 !important; }
body.hexfashion .hf-btn-ghost:hover { background: color-mix(in srgb, var(--main-color-one, #F83A26) 22%, var(--section-bg-2, #FFF6EE)) !important; }
body.hexfashion .hf-btn-sm { min-block-size: 44px; padding: 0 16px; font-size: 14px; }
body.hexfashion .hf-btn-block { inline-size: 100%; }
/* a clip-path also clips outlines: focus rings on cut shapes are drawn inside */
body.hexfashion :is(.hf-btn, .hf-hero-btn, .hf-promo-btn, .hf-deal-btn, .btn-default, .boxed-btn, .submit-btn, .sf-order-success__btn, .anb-404__btn, .hf-add-to-cart, .hf-card-atc):focus-visible {
  outline: 2px solid currentColor !important; outline-offset: -6px !important; box-shadow: none !important; }
body.hexfashion :is(.hf-cart-section, .hf-checkout-section, .hf-shop-layout, .hf-page-section, .hf-compare-section, .sign-in-area-wrapper, .seller-profile-details-area, .hf-dash-sidebar, .hf-hero, .hf-featured-section, .hf-store-section) a:focus-visible {
  outline: 2px solid var(--hx-ink); outline-offset: 3px; }
[dir="rtl"] body.hexfashion :is(.hf-btn, .hf-breadcrumb, .hf-dash-breadcrumb, .hf-section-view-all, .hf-compare-footer) i[class*="la-angle-right"],
[dir="rtl"] body.hexfashion :is(.hf-btn, .hf-compare-footer, .sf-order-success__btn) i[class*="la-arrow-right"] { transform: scaleX(-1); display: inline-block; }

/* form fields: square, firm 1.5px rule, ink focus */
body.hexfashion :is(.hf-checkout-section, .hf-page-section, .hf-dash-card, .sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .tn-contact, .hf-shop-layout, .hf-cart-section)
  :is(.hf-form-input, .hf-form-select, .hf-form-textarea, input.form-control, input.form--control, select.form-control, select.form--control, textarea.form-control, textarea.form--control, .hf-price-input, .hf-sort-select, .nice-select) {
  inline-size: 100%; min-block-size: 52px; block-size: auto; border-radius: 0 !important; border: 1.5px solid var(--hx-line-strong) !important; background-color: #fff !important;
  padding: 12px 16px; font: 400 15px/1.4 var(--hx-body); color: var(--hx-ink); box-shadow: none !important; transition: border-color var(--sfp-dur) var(--hx-ease), box-shadow var(--sfp-dur) var(--hx-ease); }
body.hexfashion :is(.hf-checkout-section, .hf-page-section, .hf-dash-card, .sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .tn-contact, .hf-shop-layout, .hf-cart-section)
  :is(textarea.hf-form-textarea, textarea.form-control, textarea.form--control) { min-block-size: 112px; resize: vertical; }
body.hexfashion :is(.hf-checkout-section, .hf-page-section, .hf-dash-card, .sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .tn-contact, .hf-shop-layout, .hf-cart-section)
  :is(input, select, textarea, .nice-select):focus { outline: 0; border-color: var(--hx-ink) !important; box-shadow: var(--hx-ring) !important; }
body.hexfashion :is(.hf-checkout-section, .hf-page-section, .hf-dash-card, .sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .tn-contact, .hf-shop-layout)
  :is(input, textarea)::placeholder { color: color-mix(in srgb, var(--hx-muted) 85%, #fff); opacity: 1; }
body.hexfashion :is(.hf-checkout-section, .hf-page-section, .hf-dash-card, .sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .tn-contact)
  :is(.hf-form-label, label:not(.form-check-label):not(.hf-filter-item), .label-title) { display: block; margin: 0 0 8px; font: 600 14px/1.35 var(--hx-head); color: var(--hx-ink); }
body.hexfashion :is(.ds-required, .hf-form-required) { color: var(--hx-accent-ink); }
body.hexfashion :is(.hf-checkout-section, .sign-in-area-wrapper, .hf-shop-layout, .hf-pd-tabs-section) input[type="checkbox"]:not(.d-none) {
  appearance: none; -webkit-appearance: none; inline-size: 22px; block-size: 22px; flex: none; margin: 0; border-radius: 0; border: 1.5px solid var(--hx-line-strong); background: #fff;
  display: inline-grid; place-items: center; vertical-align: middle; cursor: pointer; float: none; }
body.hexfashion :is(.hf-checkout-section, .sign-in-area-wrapper, .hf-shop-layout, .hf-pd-tabs-section) input[type="checkbox"]:checked { background: var(--sfp-cta); border-color: var(--sfp-cta); }
body.hexfashion :is(.hf-checkout-section, .sign-in-area-wrapper, .hf-shop-layout, .hf-pd-tabs-section) input[type="checkbox"]:checked::after { content: ""; inline-size: 10px; block-size: 5px; border: 2px solid #fff;
  border-top: 0; border-right: 0; transform: rotate(-45deg) translate(1px, -1px); }
body.hexfashion :is(.hf-checkout-section, .sign-in-area-wrapper, .hf-shop-layout) input[type="checkbox"]:focus-visible { box-shadow: var(--hx-ring); outline: 0; }

/* bordered panel with the coral corner wedge */
body.hexfashion :is(.hf-checkout-box, .hf-dash-card, .hf-dash-sidebar, .hf-track-wrap, .sign-in-area-wrapper .sign-in, .sign-in-area-wrapper .sign-up, .login-page-wrapper .login-form-wrapper,
  .seller-profile-details-area .seller-profile-dashboard, .seller-profile-details-area .col-lg-9 > .parent, .hf-auth-card, .tn-contact-form, .sf-order-success__side .sf-order-success__card) {
  position: relative; background: #fff; border: 1px solid var(--hx-line) !important; border-radius: 0 !important; box-shadow: none !important; }
body.hexfashion :is(.hf-checkout-box, .hf-dash-card, .hf-dash-sidebar, .hf-track-wrap, .sign-in-area-wrapper .sign-in, .sign-in-area-wrapper .sign-up, .login-page-wrapper .login-form-wrapper,
  .seller-profile-details-area .seller-profile-dashboard, .seller-profile-details-area .col-lg-9 > .parent, .hf-auth-card, .tn-contact-form, .sf-order-success__side .sf-order-success__card)::before {
  content: ""; position: absolute; z-index: 1; inset-block-start: -1px; inset-inline-start: -1px; inline-size: 22px; block-size: 22px; background: var(--sfp-accent); clip-path: var(--hx-wedge); pointer-events: none; }
/* filled panel with the cut (peach) */
body.hexfashion :is(.hf-cart-summary, .hf-checkout-summary, .hf-sidebar-card, .hf-dash-stat, .hf-empty-wrap, .hf-compare-empty) {
  --c: 22px; clip-path: var(--hx-poly); background: var(--hx-peach) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }

/* chips / badges */
body.hexfashion :is(.hf-badge, .hf-card-badge, .hf-store-badge, .hf-flash-sale-tag, .hf-compare-discount-badge) {
  --c: 6px; clip-path: var(--hx-poly); border-radius: 0 !important; display: inline-flex; align-items: center; min-block-size: 26px; padding: 0 10px;
  font: 600 12px/1 var(--hx-body); }
body.hexfashion :is(.hf-card-badge, .hf-store-badge, .hf-flash-sale-tag, .hf-compare-discount-badge) { background: var(--sfp-cta) !important; color: #fff !important; }
body.hexfashion .hf-badge-warning { background: var(--hx-warn-soft) !important; color: var(--hx-warn) !important; }
body.hexfashion .hf-badge-success { background: var(--hx-ok-soft) !important; color: var(--hx-ok) !important; }
body.hexfashion .hf-badge-danger { background: var(--hx-bad-soft) !important; color: var(--hx-bad) !important; }
body.hexfashion :is(.hf-badge-info, .hf-badge-muted) { background: var(--hx-peach-2) !important; color: var(--hx-ink) !important; }

/* =========================================================================================
   2. Masthead: peach band, crumbs above a condensed display title, the cut line below
   ========================================================================================= */
body.hexfashion :is(.hf-page-banner, .hf-dash-header) { position: relative; background: var(--hx-peach) !important; padding-block: clamp(26px, 3.4vw, 52px) 0 !important; margin: 0;
  border: 0; border-block-end: 1px solid color-mix(in srgb, var(--hx-ink) 18%, transparent); text-align: start !important; min-block-size: 0; }
body.hexfashion :is(.hf-page-banner, .hf-dash-header) > .container { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(8px, 1.2vw, 14px); padding-block-end: clamp(22px, 3vw, 40px); position: relative; }
body.hexfashion :is(.hf-page-banner, .hf-dash-header) > .container::after { content: ""; position: absolute; inset-block-end: -4px; inset-inline-start: calc(var(--bs-gutter-x, 1.5rem) * .5);
  inline-size: 112px; block-size: 7px; background: var(--sfp-accent); clip-path: var(--hx-poly); --c: 7px; }
body.hexfashion :is(.hf-page-banner-title, .hf-dash-header h2) { order: 2; margin: 0 !important; color: var(--hx-ink); text-transform: uppercase;
  font: 700 clamp(44px, 6vw, 92px)/.9 var(--hx-display) !important; overflow-wrap: anywhere; max-inline-size: 100%; }
[dir="rtl"] body.hexfashion :is(.hf-page-banner-title, .hf-dash-header h2) { font-size: clamp(32px, 4.2vw, 58px) !important; line-height: 1.25 !important; }
body.hexfashion :is(.hf-breadcrumb, .hf-dash-breadcrumb, .hf-page-banner > .container > nav) { order: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0;
  font: 500 14px/1.3 var(--hx-body); color: var(--hx-muted); justify-content: flex-start; }
body.hexfashion :is(.hf-breadcrumb, .hf-dash-breadcrumb, .hf-page-banner > .container > nav) a { display: inline-flex; align-items: center; min-block-size: 32px; color: var(--hx-ink); text-decoration: none; }
body.hexfashion :is(.hf-breadcrumb, .hf-dash-breadcrumb, .hf-page-banner > .container > nav) a:hover { color: var(--hx-accent-ink); text-decoration: underline; text-underline-offset: 4px; }
body.hexfashion :is(.hf-breadcrumb-sep, .hf-dash-breadcrumb > i) { color: var(--hx-muted); font-size: 12px; }
[dir="rtl"] body.hexfashion :is(.hf-breadcrumb-sep i, .hf-dash-breadcrumb > i) { transform: scaleX(-1); }

/* =========================================================================================
   3. Home (page-builder widgets: containers restyled, content and data-vse-field untouched)
   ========================================================================================= */
/* section heads: condensed display title, then the cut line running to the end */
body.hexfashion .hf-section-head { display: flex; align-items: center; flex-wrap: nowrap; gap: 20px; margin-block-end: clamp(24px, 3vw, 40px) !important; }
body.hexfashion :is(.hf-section-title, .hf-testimonials-title, .hf-flash-store-head h2, .hf-store-section h2:not(.hf-section-title)) {
  margin: 0; color: var(--hx-ink) !important; text-transform: uppercase; letter-spacing: 0 !important; font: 700 clamp(32px, 3.6vw, 54px)/.95 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion :is(.hf-section-title, .hf-testimonials-title, .hf-flash-store-head h2, .hf-store-section h2:not(.hf-section-title)) { font-size: clamp(26px, 2.6vw, 38px) !important; line-height: 1.3 !important; }
body.hexfashion .hf-section-head .hf-section-title { flex: 1 1 auto; display: flex; align-items: center; gap: 18px; min-inline-size: 0; }
body.hexfashion .hf-section-head .hf-section-title::after { content: ""; flex: 1 1 40px; min-inline-size: 40px; block-size: 7px;
  background: linear-gradient(var(--sfp-accent), var(--sfp-accent)) 0 50% / 46px 3px no-repeat, linear-gradient(var(--hx-line-strong), var(--hx-line-strong)) 0 50% / 100% 1px no-repeat; }
[dir="rtl"] body.hexfashion .hf-section-head .hf-section-title::after { background-position: 100% 50%, 0 50%; }
body.hexfashion .hf-section-view-all { flex: none; display: inline-flex; align-items: center; gap: 8px; min-block-size: 44px; color: var(--hx-ink) !important; text-decoration: none;
  font: 600 15px/1 var(--hx-display) !important; text-transform: uppercase; border-block-end: 2px solid var(--sfp-accent); }
body.hexfashion .hf-section-view-all:hover { color: var(--hx-accent-ink) !important; }
body.hexfashion .hf-center-title { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 0 0 clamp(24px, 3vw, 40px); text-align: center; color: var(--hx-ink);
  text-transform: uppercase; font: 700 clamp(30px, 3.4vw, 50px)/1 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion .hf-center-title { font-size: clamp(24px, 2.4vw, 36px) !important; line-height: 1.3 !important; }
body.hexfashion .hf-center-title::before, body.hexfashion .hf-center-title::after { content: ""; flex: 0 1 120px; block-size: 1px; background: var(--hx-line-strong); }
body.hexfashion .hf-center-title::after { background: linear-gradient(var(--sfp-accent), var(--sfp-accent)) 0 50% / 32px 3px no-repeat, linear-gradient(var(--hx-line-strong), var(--hx-line-strong)) 0 50% / 100% 1px no-repeat; block-size: 7px; }
[dir="rtl"] body.hexfashion .hf-center-title::after { background-position: 100% 50%, 0 50%; }
body.hexfashion .hf-no-data { margin: 0 auto; max-inline-size: 560px; padding: 22px 24px !important; --c: 14px; clip-path: var(--hx-poly); background: var(--hx-peach); color: var(--hx-muted) !important; font: 500 15px/1.5 var(--hx-body) !important; text-align: center; }

/* hero */
body.hexfashion .hf-hero { background-color: var(--hx-peach) !important; min-block-size: clamp(560px, 72vh, 780px); }
body.hexfashion .hf-hero .container { max-inline-size: 1320px; }
body.hexfashion .hf-hero-title { color: var(--hx-ink) !important; text-transform: uppercase; letter-spacing: 0; font: 700 clamp(56px, 7.4vw, 118px)/.88 var(--hx-display) !important; margin-block-end: 26px !important; }
[dir="rtl"] body.hexfashion .hf-hero-title { line-height: 1.2 !important; } /* Arabic: .95 pushed dots / descenders outside the line box */
body.hexfashion .hf-hero-title .text-orange { color: var(--hx-accent-ink) !important; }
body.hexfashion .hf-hero-desc { color: var(--hx-muted) !important; font: 400 17px/1.65 var(--hx-body) !important; max-inline-size: 46ch; }
body.hexfashion .hf-hero-btn { min-block-size: 56px; padding-inline: 38px; font-size: 18px; }
body.hexfashion .hf-hero-circle { border-radius: 0 !important; inline-size: min(500px, 86%) !important; block-size: auto !important; aspect-ratio: 4 / 5; background-color: var(--hx-peach-2) !important;
  --c: 56px; clip-path: var(--hx-poly); }
body.hexfashion .hf-hero-circle::before { border-radius: 0 !important;
  background-image: repeating-linear-gradient(135deg, transparent 0 26px, color-mix(in srgb, var(--main-color-one, #F83A26) 16%, transparent) 26px 27px) !important; }
body.hexfashion .hf-hero-bg-text { font-family: var(--hx-display) !important; font-weight: 700 !important; text-transform: uppercase; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--main-color-one, #F83A26) 34%, transparent) !important; }
body.hexfashion .hf-hero-social a { font: 600 13px/1 var(--hx-display) !important; color: var(--hx-muted) !important; letter-spacing: .14em !important; }
body.hexfashion .hf-hero-social a:hover { color: var(--hx-accent-ink) !important; }

/* promo split */
body.hexfashion :is(.hf-promo-img-left, .hf-promo-img-right) { background-color: var(--hx-peach) !important; --c: 36px; clip-path: var(--hx-poly); }
body.hexfashion .hf-promo-center { --c: 18px; clip-path: var(--hx-poly); padding: 34px 30px !important; box-shadow: none !important; border-block-start: 4px solid var(--sfp-accent); }
body.hexfashion .hf-promo-subtitle { color: var(--hx-accent-ink) !important; font: 600 14px/1.2 var(--hx-display) !important; text-transform: uppercase; letter-spacing: .12em; }
[dir="rtl"] body.hexfashion .hf-promo-subtitle { letter-spacing: 0; }
body.hexfashion .hf-promo-title { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(34px, 3.4vw, 50px)/.95 var(--hx-display) !important; margin-block-end: 22px !important; }
[dir="rtl"] body.hexfashion .hf-promo-title { line-height: 1.2 !important; } /* Arabic glyphs need more room than the Latin .95 */

/* product card (home widgets + shop): image frame with the cut, tight lookbook rhythm */
body.hexfashion :is(.hf-featured-grid, .hf-store-grid) { gap: clamp(26px, 2.4vw, 34px) clamp(14px, 1.4vw, 20px) !important; }
body.hexfashion :is(.hf-product-card, .hf-card, .hf-store-item, .hf-flash-item) { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  transform: none !important; overflow: visible !important; }
body.hexfashion :is(.hf-product-card-thumb, .hf-card-img-wrap, .hf-store-img-wrap, .hf-flash-img-wrap) { position: relative; inline-size: 100%; block-size: auto !important; aspect-ratio: 4 / 5;
  background: var(--hx-peach) !important; border-radius: 0 !important; overflow: hidden; --c: 20px; clip-path: var(--hx-poly); }
body.hexfashion :is(.hf-product-card-thumb, .hf-card-img-wrap) img { inline-size: 100%; block-size: 100% !important; object-fit: cover; border-radius: 0; transition: transform .5s var(--hx-ease); }
body.hexfashion :is(.hf-product-card, .hf-card):hover :is(.hf-product-card-thumb, .hf-card-img-wrap) img { transform: scale(1.045); }
body.hexfashion :is(.hf-wishlist, .hf-card-wish) { position: absolute; inset-block-start: 12px !important;
  inline-size: 44px !important; block-size: 44px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: var(--hx-ink) !important; font-size: 18px;
  --c: 9px; clip-path: var(--hx-poly); display: grid !important; place-items: center; transition: background var(--sfp-dur) var(--hx-ease), color var(--sfp-dur) var(--hx-ease); }
[dir="rtl"] body.hexfashion :is(.hf-wishlist, .hf-card-wish) { left: 12px !important; right: auto !important; }
[dir="ltr"] body.hexfashion :is(.hf-wishlist, .hf-card-wish) { right: 12px !important; left: auto !important; }
body.hexfashion .hf-wishlist a { display: grid; place-items: center; inline-size: 100%; block-size: 100%; color: inherit; }
body.hexfashion :is(.hf-wishlist, .hf-card-wish):hover { background: var(--sfp-cta) !important; color: #fff !important; }
body.hexfashion :is(.hf-card-badge, .hf-store-badge, .hf-flash-sale-tag) { position: absolute; inset-block-start: 14px !important; }
[dir="rtl"] body.hexfashion :is(.hf-card-badge, .hf-store-badge, .hf-flash-sale-tag) { right: 14px !important; left: auto !important; }
[dir="ltr"] body.hexfashion :is(.hf-card-badge, .hf-store-badge, .hf-flash-sale-tag) { left: 14px !important; right: auto !important; }
body.hexfashion :is(.hf-product-card-contents, .hf-card-body) { padding: 14px 2px 0 !important; gap: 4px; background: transparent !important; text-align: start; }
body.hexfashion .hf-product-category { margin: 0 0 2px !important; color: var(--hx-accent-ink) !important; font: 600 13px/1.2 var(--hx-display) !important; text-transform: uppercase; letter-spacing: .1em !important; }
[dir="rtl"] body.hexfashion .hf-product-category { letter-spacing: 0 !important; }
body.hexfashion :is(.hf-product-title, .hf-card-name) { margin: 0 0 4px !important; color: var(--hx-ink) !important; font: 600 15.5px/1.35 var(--hx-head) !important; text-decoration: none; }
body.hexfashion .hf-product-title a { color: inherit !important; }
body.hexfashion :is(.hf-product-title a, a.hf-card-name):hover { color: var(--hx-accent-ink) !important; text-decoration: underline; text-underline-offset: 4px; }
body.hexfashion :is(.hf-product-price, .hf-card-prices) { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; margin: 0 0 12px !important; }
body.hexfashion :is(.hf-price-sale, .hf-card-price) { color: var(--hx-ink) !important; font: 700 17px/1.2 var(--hx-body) !important; font-variant-numeric: tabular-nums; margin: 0 !important; }
body.hexfashion :is(.hf-product-price:has(.hf-price-regular) .hf-price-sale, .hf-card-prices:has(.hf-card-old) .hf-card-price) { color: var(--hx-accent-ink) !important; }
body.hexfashion :is(.hf-price-regular, .hf-card-old) { color: var(--hx-muted) !important; font: 400 13.5px/1.2 var(--hx-body) !important; text-decoration: line-through; }
body.hexfashion .hf-add-to-cart { --c: 10px; clip-path: var(--hx-poly); min-block-size: 46px; border-radius: 0 !important; background: var(--hx-ink) !important; color: #fff !important;
  font: 600 15px/1 var(--hx-display) !important; text-transform: uppercase; padding: 0 14px !important; transform: none !important; transition: background var(--sfp-dur) var(--hx-ease) !important; }
[dir="ltr"] body.hexfashion .hf-add-to-cart { letter-spacing: .06em; }
[dir="rtl"] body.hexfashion .hf-add-to-cart { font-size: 14px !important; }
body.hexfashion .hf-add-to-cart:hover { background: var(--sfp-cta) !important; }
/* shop-card footer: price + square add button */
body.hexfashion .hf-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-block-start: auto; }
body.hexfashion .hf-card-footer .hf-card-prices { margin: 0 !important; }
body.hexfashion .hf-card-atc { flex: none; inline-size: 44px !important; block-size: 44px !important; border: 0 !important; border-radius: 0 !important; background: var(--hx-ink) !important; color: #fff !important;
  display: grid !important; place-items: center; font-size: 18px; --c: 9px; clip-path: var(--hx-poly); transition: background var(--sfp-dur) var(--hx-ease); }
body.hexfashion .hf-card-atc:hover { background: var(--sfp-cta) !important; }

/* sliders: dots become cut bars, arrows square */
body.hexfashion :is(.hf-dot, .hf-brands-dot) { inline-size: 26px !important; block-size: 32px !important; border-radius: 0 !important; padding: 0; border: 0;
  background: linear-gradient(var(--hx-line-strong), var(--hx-line-strong)) center / 100% 4px no-repeat !important; }
body.hexfashion :is(.hf-dot, .hf-brands-dot).active { inline-size: 44px !important; background: linear-gradient(var(--sfp-accent), var(--sfp-accent)) center / 100% 4px no-repeat !important; }
body.hexfashion :is(.hf-flash-arr, .hf-testimonials-arr, .hf-brands-arr) { inline-size: 46px !important; block-size: 46px !important; border-radius: 0 !important; border: 1.5px solid var(--hx-ink) !important;
  background: transparent !important; color: var(--hx-ink) !important; font-size: 18px; }
body.hexfashion :is(.hf-flash-arr, .hf-testimonials-arr, .hf-brands-arr):hover { background: var(--hx-ink) !important; color: #fff !important; }
body.hexfashion :is(.hf-flash-arr, .hf-testimonials-arr, .hf-brands-arr):focus-visible { outline: 2px solid var(--sfp-accent); outline-offset: 2px; }

/* our store: category rail with the cut marker */
body.hexfashion .hf-store-sidebar { inline-size: 210px; }
body.hexfashion .hf-store-catlist { gap: 0 !important; border-block-start: 1.5px solid var(--hx-ink); }
body.hexfashion .hf-store-cat-btn { position: relative; display: flex; align-items: center; min-block-size: 48px; padding: 0 16px !important; border: 0 !important; border-block-end: 1px solid var(--hx-line) !important;
  border-radius: 0 !important; background: transparent !important; color: var(--hx-ink) !important; text-align: start !important; font: 600 16px/1.2 var(--hx-display) !important; text-transform: uppercase; }
[dir="ltr"] body.hexfashion .hf-store-cat-btn { letter-spacing: .05em; }
body.hexfashion .hf-store-cat-btn::before { content: ""; position: absolute; inset-inline-start: 0; inset-block: 14px; inline-size: 4px; background: var(--sfp-accent); transform: scaleY(0); transition: transform var(--sfp-dur) var(--hx-ease); }
body.hexfashion .hf-store-cat-btn:hover { background: var(--hx-peach) !important; }
body.hexfashion .hf-store-cat-btn.active { background: var(--hx-peach) !important; color: var(--hx-ink) !important; }
body.hexfashion .hf-store-cat-btn.active::before { transform: scaleY(1); }
body.hexfashion .hf-store-cat-btn:focus-visible { outline: 2px solid var(--hx-ink); outline-offset: -2px; }
body.hexfashion .hf-store-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

/* deal of the week: a cut slab */
body.hexfashion .hf-deal-wrapper { position: relative; background: var(--hx-peach); --c: 48px; clip-path: var(--hx-poly); padding-inline: clamp(24px, 5vw, 72px); min-block-size: 420px !important; }
body.hexfashion .hf-deal-content { padding-block: clamp(40px, 5vw, 72px) !important; padding-inline: 0 !important; }
body.hexfashion .hf-deal-title { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(44px, 5vw, 84px)/.9 var(--hx-display) !important; margin-block-end: 18px !important; }
[dir="rtl"] body.hexfashion .hf-deal-title { font-size: clamp(32px, 3.4vw, 54px) !important; line-height: 1.25 !important; }
body.hexfashion .hf-deal-subtitle { color: var(--hx-muted) !important; font: 400 16.5px/1.65 var(--hx-body) !important; }
body.hexfashion .hf-deal-image img { max-block-size: 520px; }

/* testimonials */
body.hexfashion .hf-testimonials-subtitle { color: var(--hx-muted) !important; font: 400 15.5px/1.65 var(--hx-body) !important; }
body.hexfashion .hf-review-card { --c: 22px; clip-path: var(--hx-poly); background: var(--hx-peach) !important; }
body.hexfashion .hf-review-card:nth-child(even) { background: var(--hx-peach-2) !important; }
body.hexfashion .hf-review-avatar { border-radius: 0 !important; --c: 10px; clip-path: var(--hx-poly); }
body.hexfashion .hf-review-text { color: var(--hx-text) !important; font: 400 15px/1.75 var(--hx-body) !important; }
body.hexfashion .hf-review-name { color: var(--hx-ink) !important; font: 700 17px/1.2 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .hf-review-quote { color: var(--sfp-accent) !important; font-family: var(--hx-display) !important; }
[dir="rtl"] body.hexfashion .hf-review-quote { right: auto !important; left: 35px; }

/* news + brands */
body.hexfashion .hf-news-img-wrap { border-radius: 0 !important; --c: 18px; clip-path: var(--hx-poly); background: var(--hx-peach); }
body.hexfashion .hf-news-cat { color: var(--hx-accent-ink) !important; font: 600 13px/1.2 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .hf-news-title { color: var(--hx-ink) !important; font: 600 18px/1.4 var(--hx-head) !important; }
body.hexfashion .hf-brand-logo-item { border-radius: 0 !important; border: 1px solid var(--hx-line); background: #fff !important; box-shadow: none !important; min-block-size: 84px; min-inline-size: 150px; }
body.hexfashion .hf-brand-logo-item:hover { border-color: var(--hx-ink); }
[dir="rtl"] body.hexfashion .hf-brands-prev { left: auto !important; right: 0 !important; }
[dir="rtl"] body.hexfashion .hf-brands-next { right: auto !important; left: 0 !important; }

/* =========================================================================================
   4. Shop / category / search
   ========================================================================================= */
body.hexfashion .hf-shop-layout { padding-block: clamp(28px, 3.6vw, 56px) clamp(56px, 6vw, 96px); }
body.hexfashion .hf-sidebar-card { padding: 22px 22px 24px !important; margin-block-end: 16px !important; --c: 18px; }
body.hexfashion .hf-sidebar-title { display: flex !important; align-items: center; gap: 10px; margin: 0 0 14px !important; color: var(--hx-ink) !important; text-transform: uppercase;
  font: 700 19px/1.1 var(--hx-display) !important; border: 0 !important; padding: 0 !important; }
body.hexfashion .hf-sidebar-title::before { content: ""; flex: none; inline-size: 18px; block-size: 3px; background: var(--sfp-accent); clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0 100%); }
body.hexfashion .hf-sidebar-title::after { display: none !important; }
body.hexfashion .hf-filter-item { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; min-block-size: 42px; margin: 0 !important; padding: 0 !important;
  font: 500 15px/1.3 var(--hx-body); color: var(--hx-ink); cursor: pointer; border-block-end: 1px solid color-mix(in srgb, var(--hx-ink) 8%, transparent); }
body.hexfashion .hf-filter-item:last-of-type { border-block-end: 0; }
body.hexfashion .hf-filter-item > label { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; cursor: pointer; font: inherit; color: inherit; }
body.hexfashion .hf-filter-count { min-inline-size: 30px; block-size: 24px; padding: 0 8px; display: inline-grid; place-items: center; background: #fff !important; color: var(--hx-muted) !important;
  border-radius: 0 !important; font: 600 12px/1 var(--hx-body) !important; }
body.hexfashion .hf-shop-layout input[type="radio"] { appearance: none; -webkit-appearance: none; inline-size: 22px; block-size: 22px; margin: 0; flex: none; border: 1.5px solid var(--hx-line-strong);
  border-radius: 0; background: #fff; display: inline-grid; place-items: center; cursor: pointer; }
body.hexfashion .hf-shop-layout input[type="radio"]:checked { border-color: var(--sfp-cta); }
body.hexfashion .hf-shop-layout input[type="radio"]:checked::after { content: ""; inline-size: 10px; block-size: 10px; background: var(--sfp-cta); }
body.hexfashion .hf-shop-layout input[type="radio"]:focus-visible { box-shadow: var(--hx-ring); outline: 0; }
body.hexfashion .hf-search-bar { display: flex; align-items: stretch; gap: 0; border: 0 !important; background: transparent !important; border-radius: 0 !important; padding: 0 !important; }
body.hexfashion .hf-search-bar input { flex: 1 1 auto; min-inline-size: 0; min-block-size: 48px; border: 1.5px solid var(--hx-line-strong) !important; border-inline-end: 0 !important; border-radius: 0 !important;
  background: #fff !important; padding: 0 14px !important; font: 400 15px/1 var(--hx-body); color: var(--hx-ink); box-shadow: none !important; }
body.hexfashion .hf-search-bar input:focus { outline: 0; border-color: var(--hx-ink) !important; }
body.hexfashion .hf-search-bar button { flex: none; inline-size: 48px; min-block-size: 48px; border: 0 !important; border-radius: 0 !important; background: var(--hx-ink) !important; color: #fff !important; font-size: 18px; display: grid; place-items: center; }
body.hexfashion .hf-price-inputs { display: flex; gap: 8px; }
body.hexfashion .hf-price-inputs .hf-price-input { flex: 1 1 0; min-inline-size: 0; min-block-size: 46px; padding: 0 12px !important; }
body.hexfashion .hf-sidebar-card > button:not(.hf-clear-link) { display: flex; align-items: center; justify-content: center; inline-size: 100%; min-block-size: 48px; margin-block-start: 12px;
  border: 0 !important; border-radius: 0 !important; background: var(--hx-ink) !important; color: #fff !important; font: 600 16px/1 var(--hx-display) !important; text-transform: uppercase; --c: 10px; clip-path: var(--hx-poly); cursor: pointer; }
body.hexfashion .hf-sidebar-card > button:not(.hf-clear-link):hover { background: var(--sfp-cta) !important; }
body.hexfashion .hf-sidebar-card > button:not(.hf-clear-link):focus-visible { outline: 2px solid #fff; outline-offset: -6px; }
body.hexfashion .hf-clear-link { color: var(--hx-accent-ink) !important; font-weight: 600; }
body.hexfashion :is(.hf-size-item, .hf-tag-btn, .tag-btn) { border-radius: 0 !important; border: 1.5px solid var(--hx-line-strong) !important; background: #fff !important; color: var(--hx-ink) !important; min-block-size: 40px; }
body.hexfashion :is(.hf-size-item, .hf-tag-btn, .tag-btn):hover, body.hexfashion :is(.hf-size-item, .hf-tag-btn).active { border-color: var(--hx-ink) !important; background: var(--hx-ink) !important; color: #fff !important; }
body.hexfashion .hf-color-item { border-radius: 0 !important; }
body.hexfashion .hf-shop-topbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 0 0 16px !important; margin: 0 !important;
  background: transparent !important; border: 0 !important; border-block-end: 1.5px solid var(--hx-ink) !important; border-radius: 0 !important; box-shadow: none !important; }
body.hexfashion .hf-topbar-count { color: var(--hx-muted) !important; font: 500 15px/1.3 var(--hx-body) !important; }
body.hexfashion .hf-shop-topbar .hf-sort-select { inline-size: auto; min-inline-size: 220px; min-block-size: 46px; padding-block: 0; }
body.hexfashion .hf-shop-grid { gap: clamp(26px, 2.4vw, 34px) clamp(14px, 1.4vw, 20px) !important; }
body.hexfashion .hf-pagination { gap: 6px; }
body.hexfashion :is(.hf-pg-btn, .hf-pagination a, .hf-pagination span) { min-inline-size: 44px; min-block-size: 44px; display: inline-grid; place-items: center; border-radius: 0 !important;
  border: 1.5px solid var(--hx-line) !important; background: #fff !important; color: var(--hx-ink) !important; font: 600 15px/1 var(--hx-body); }
body.hexfashion :is(.hf-pg-active, .hf-pagination .active) { background: var(--sfp-cta) !important; border-color: var(--sfp-cta) !important; color: #fff !important; --c: 8px; clip-path: var(--hx-poly); }
body.hexfashion .hf-shop-layout .alert { border-radius: 0; border: 0; }

/* =========================================================================================
   5. Product page (CSS skin over the HexFashion PDP; every product-details-js hook untouched)
   ========================================================================================= */
body.hexfashion section.hf-page-section:has(.hf-product-detail-wrap) { padding-block: clamp(18px, 2.4vw, 32px) clamp(40px, 5vw, 72px) !important; }
body.hexfashion section.hf-page-section:has(.hf-product-detail-wrap) > .container > .hf-breadcrumb { margin-block-end: clamp(16px, 2vw, 26px) !important; padding-block-end: 14px;
  border-block-end: 1px solid var(--hx-line); }
body.hexfashion .hf-product-detail-wrap { gap: clamp(28px, 4vw, 64px) !important; align-items: start; }
body.hexfashion .hf-pd-main-img { --c: 30px; clip-path: var(--hx-poly); background: var(--hx-peach) !important; border: 0 !important; border-radius: 0 !important; }
body.hexfashion .hf-pd-main-img img { border-radius: 0 !important; }
body.hexfashion .hf-pd-thumb-strip { gap: 10px !important; }
body.hexfashion .hf-pd-thumb { --c: 10px; clip-path: var(--hx-poly); border-radius: 0 !important; border: 0 !important; background-color: var(--hx-peach) !important; outline: 0;
  box-shadow: inset 0 0 0 2px transparent; transition: box-shadow var(--sfp-dur) var(--hx-ease), opacity var(--sfp-dur); opacity: .78; cursor: pointer; }
body.hexfashion .hf-pd-thumb:hover, body.hexfashion .hf-pd-thumb.active, body.hexfashion .hf-pd-thumb.selected { opacity: 1; box-shadow: inset 0 0 0 2px var(--hx-ink); }
body.hexfashion .hf-pd-options { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
@media (min-width: 992px) { body.hexfashion .hf-pd-options-col { position: sticky; inset-block-start: var(--hx-sticky); } }
body.hexfashion .hf-pd-title-row { align-items: flex-start; gap: 16px; }
body.hexfashion .hf-pd-title { margin: 0 !important; color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(38px, 3.8vw, 62px)/.92 var(--hx-display) !important; overflow-wrap: anywhere; }
[dir="rtl"] body.hexfashion .hf-pd-title { line-height: 1.05 !important; }
body.hexfashion .hf-pd-actions { gap: 8px; flex: none; }
body.hexfashion .hf-pd-action-btn { inline-size: 46px !important; block-size: 46px !important; border: 0 !important; border-radius: 0 !important; background: var(--hx-peach) !important; color: var(--hx-ink) !important;
  display: grid !important; place-items: center; font-size: 20px; --c: 9px; clip-path: var(--hx-poly); transition: background var(--sfp-dur) var(--hx-ease), color var(--sfp-dur) var(--hx-ease); }
body.hexfashion .hf-pd-action-btn:hover { background: var(--sfp-cta) !important; color: #fff !important; }
body.hexfashion .hf-pd-action-btn:focus-visible { outline: 2px solid var(--hx-ink); outline-offset: -5px; }
body.hexfashion .hf-pd-price-row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin-block: 18px 6px !important; }
body.hexfashion #price.hf-pd-price { color: var(--hx-ink) !important; font: 700 clamp(30px, 2.6vw, 40px)/1 var(--hx-display) !important; font-variant-numeric: tabular-nums; }
body.hexfashion .hf-pd-price-old { color: var(--hx-muted) !important; text-decoration: line-through; }
body.hexfashion #stock.hf-pd-stock-val { margin: 0 !important; display: inline-flex; align-items: center; min-block-size: 30px; padding: 0 12px; --c: 6px; clip-path: var(--hx-poly); background: var(--hx-ok-soft);
  text-decoration: none; font: 600 13px/1 var(--hx-body); }
body.hexfashion #stock.hf-pd-stock-val .text-success { color: var(--hx-ok) !important; }
body.hexfashion #stock.hf-pd-stock-val .text-danger { color: var(--hx-bad) !important; }
body.hexfashion #stock.hf-pd-stock-val:has(.text-danger) { background: var(--hx-bad-soft); }
body.hexfashion .hf-pd-divider { border: 0 !important; block-size: 7px; opacity: 1 !important; margin-block: 20px !important;
  background: linear-gradient(var(--sfp-accent), var(--sfp-accent)) 0 50% / 40px 3px no-repeat, linear-gradient(var(--hx-line), var(--hx-line)) 0 50% / 100% 1px no-repeat; }
[dir="rtl"] body.hexfashion .hf-pd-divider { background-position: 100% 50%, 0 50%; }
body.hexfashion :is(.hf-pd-variant-label, .hf-pd-qty-label) { color: var(--hx-ink) !important; font: 600 15px/1.2 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .hf-pd-qty-row { align-items: center; gap: 12px 16px; flex-wrap: wrap; }
body.hexfashion .hf-pd-qty-ctrl { display: inline-flex; align-items: stretch; border: 0 !important; border-radius: 0 !important; background: var(--hx-peach) !important; overflow: visible; }
body.hexfashion .hf-pd-qty-btn { inline-size: 46px !important; block-size: 48px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--hx-ink) !important; font-size: 16px; }
body.hexfashion .hf-pd-qty-btn:hover { background: var(--hx-peach-2) !important; }
body.hexfashion .hf-pd-qty-btn:focus-visible { outline: 2px solid var(--hx-ink); outline-offset: -4px; }
body.hexfashion .hf-pd-qty-ctrl #quantity { inline-size: 56px !important; block-size: 48px !important; border: 0 !important; background: transparent !important; text-align: center; font: 700 16px/1 var(--hx-body); color: var(--hx-ink); box-shadow: none !important; -moz-appearance: textfield; }
body.hexfashion .hf-pd-qty-ctrl #quantity::-webkit-inner-spin-button, body.hexfashion .hf-pd-qty-ctrl #quantity::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
body.hexfashion .hf-pd-stock-count { font: 500 14px/1.3 var(--hx-body); }
body.hexfashion .hf-pd-cta-row { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 10px !important; margin-block-start: 22px !important; }
body.hexfashion .hf-pd-cta-row .hf-btn { min-block-size: 58px; font-size: 18px; inline-size: 100%; margin: 0 !important; }
[dir="rtl"] body.hexfashion .hf-pd-cta-row .hf-btn { font-size: 16px; }
body.hexfashion .hf-pd-cta-row .hf-btn i { font-size: 20px; }
body.hexfashion .details-checkout-shop { border-color: var(--hx-line) !important; }
body.hexfashion .guaranteed-checkout { font: 600 14px/1.3 var(--hx-display) !important; text-transform: uppercase; color: var(--hx-ink) !important; }
body.hexfashion .hf-pd-meta-list .stock-category { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
body.hexfashion .hf-pd-meta-list li { font: 400 14px/1.4 var(--hx-body); color: var(--hx-muted); }
body.hexfashion .hf-pd-meta-list a { color: var(--hx-ink) !important; font-weight: 600; }
body.hexfashion .hf-pd-share ul { gap: 8px; padding: 0; list-style: none; }
body.hexfashion .hf-pd-share ul li a { inline-size: 44px; block-size: 44px; display: grid; place-items: center; border-radius: 0 !important; border: 1px solid var(--hx-line) !important; background: #fff !important; color: var(--hx-ink) !important; font-size: 17px; }
body.hexfashion .hf-pd-share ul li a:hover { border-color: var(--hx-ink) !important; background: var(--hx-ink) !important; color: #fff !important; }
body.hexfashion .hf-pd-tabs-section { padding-block: clamp(24px, 3vw, 48px) !important; }
body.hexfashion .hf-pd-tabs { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; }
body.hexfashion .hf-pd-tab-bar { display: flex; flex-wrap: wrap; gap: 0 clamp(18px, 3vw, 40px); border-block-end: 1.5px solid var(--hx-ink) !important; background: transparent !important; padding: 0 !important; }
body.hexfashion .hf-pd-tab-btn { position: relative; min-block-size: 54px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--hx-muted) !important;
  font: 600 19px/1 var(--hx-display) !important; text-transform: uppercase; }
[dir="rtl"] body.hexfashion .hf-pd-tab-btn { font-size: 16px !important; }
body.hexfashion .hf-pd-tab-btn::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: -1.5px; block-size: 4px; background: var(--sfp-accent); transform: scaleX(0); transition: transform var(--sfp-dur) var(--hx-ease); }
body.hexfashion .hf-pd-tab-btn.active { color: var(--hx-ink) !important; }
body.hexfashion .hf-pd-tab-btn.active::after { transform: scaleX(1); }
body.hexfashion .hf-pd-tab-btn:focus-visible { outline: 2px solid var(--hx-ink); outline-offset: 4px; }
body.hexfashion .hf-pd-tab-inner { padding: clamp(22px, 3vw, 36px) 0 0 !important; font: 400 16px/1.75 var(--hx-body); color: var(--hx-text); max-inline-size: 78ch; }
body.hexfashion .hf-pd-review-login { max-inline-size: 520px; }
body.hexfashion .hf-auth-card { padding: clamp(22px, 3vw, 34px) !important; }
body.hexfashion .hf-auth-card h4 { color: var(--hx-ink); text-transform: uppercase; font: 700 28px/1.05 var(--hx-display); }
body.hexfashion .hf-auth-card .hf-form-input { inline-size: 100%; min-block-size: 50px; border-radius: 0 !important; border: 1.5px solid var(--hx-line-strong) !important; padding: 0 14px; background: #fff; }
body.hexfashion .hf-auth-card .hf-form-input:focus { outline: 0; border-color: var(--hx-ink) !important; box-shadow: var(--hx-ring); }
body.hexfashion .hf-auth-card label { display: inline-flex; align-items: center; gap: 10px; }
body.hexfashion .hf-auth-card a { color: var(--hx-accent-ink); font-weight: 600; }

/* =========================================================================================
   6. Cart / wishlist / checkout / order success
   ========================================================================================= */
body.hexfashion .hf-cart-section { padding-block: clamp(32px, 4vw, 64px) clamp(56px, 6vw, 96px) !important; }
body.hexfashion .hf-cart-layout { gap: clamp(24px, 3vw, 44px) !important; align-items: start; }
body.hexfashion .hf-cart-table-wrap { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; overflow-x: auto; }
body.hexfashion .hf-cart-table { border-collapse: collapse; inline-size: 100%; }
body.hexfashion .hf-cart-table thead tr { background: transparent !important; }
body.hexfashion .hf-cart-table thead th { background: transparent !important; padding: 0 12px 14px !important; border: 0 !important; border-block-end: 1.5px solid var(--hx-ink) !important; color: var(--hx-muted) !important;
  font: 600 14px/1.2 var(--hx-display) !important; text-transform: uppercase; text-align: start; }
[dir="ltr"] body.hexfashion .hf-cart-table thead th { letter-spacing: .08em; }
body.hexfashion .hf-cart-table tbody td { padding: 18px 12px !important; border: 0 !important; border-block-end: 1px solid var(--hx-line) !important; vertical-align: middle; background: transparent !important; }
body.hexfashion .hf-cart-thumb { inline-size: 84px !important; block-size: 104px !important; flex: none; border-radius: 0 !important; background-color: var(--hx-peach) !important; --c: 12px; clip-path: var(--hx-poly); overflow: hidden; }
body.hexfashion .hf-cart-thumb img { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0 !important; }
body.hexfashion .hf-cart-product { gap: 16px !important; align-items: center; }
body.hexfashion .hf-cart-name { color: var(--hx-ink) !important; font: 600 16px/1.35 var(--hx-head) !important; text-decoration: none; }
body.hexfashion .hf-cart-name:hover { color: var(--hx-accent-ink) !important; text-decoration: underline; text-underline-offset: 4px; }
body.hexfashion .hf-cart-type { display: inline-flex; align-items: center; min-block-size: 22px; margin-block-start: 6px; padding: 0 8px; border-radius: 0 !important; background: transparent !important;
  border: 1px solid var(--hx-line-strong); color: var(--hx-muted) !important; font: 600 11.5px/1 var(--hx-body) !important; text-transform: uppercase; }
body.hexfashion .hf-cart-meta { color: var(--hx-muted) !important; font-size: 13.5px; }
body.hexfashion .hf-cart-table td { color: var(--hx-ink); font: 500 15.5px/1.3 var(--hx-body); font-variant-numeric: tabular-nums; }
body.hexfashion .hf-qty { display: inline-flex; align-items: stretch; border: 0 !important; border-radius: 0 !important; background: var(--hx-peach) !important; overflow: visible; }
body.hexfashion .hf-qty :is(.substract, .plus) { inline-size: 44px !important; min-block-size: 44px; display: grid !important; place-items: center; border: 0 !important; border-radius: 0 !important; background: transparent !important;
  color: var(--hx-ink) !important; cursor: pointer; }
body.hexfashion .hf-qty :is(.substract, .plus):hover { background: var(--hx-peach-2) !important; }
body.hexfashion .hf-qty input.quantity-input { inline-size: 48px !important; min-block-size: 44px; border: 0 !important; background: transparent !important; text-align: center; font: 700 15px/1 var(--hx-body); color: var(--hx-ink); box-shadow: none !important; }
body.hexfashion :is(.close-table-cart, .close-table-wishlist, .move-to-wishlist) { inline-size: 44px !important; block-size: 44px !important; display: grid !important; place-items: center; border-radius: 0 !important;
  border: 0 !important; background: var(--hx-peach) !important; color: var(--hx-ink) !important; font-size: 17px; cursor: pointer; --c: 9px; clip-path: var(--hx-poly); transition: background var(--sfp-dur) var(--hx-ease), color var(--sfp-dur) var(--hx-ease); }
body.hexfashion :is(.close-table-cart, .close-table-wishlist):hover { background: var(--hx-bad) !important; color: #fff !important; }
body.hexfashion .move-to-wishlist:hover { background: var(--sfp-cta) !important; color: #fff !important; }
body.hexfashion .hf-cart-action-inner { gap: 8px !important; justify-content: flex-end; }
body.hexfashion .hf-cart-actions { display: flex; flex-wrap: wrap; gap: 10px; }
body.hexfashion .hf-cart-summary { padding: clamp(24px, 2.6vw, 34px) !important; }
@media (min-width: 992px) { body.hexfashion :is(.hf-cart-summary, .hf-checkout-summary) { position: sticky; inset-block-start: var(--hx-sticky); } }
body.hexfashion :is(.hf-cart-summary-title, .hf-checkout-summary > .hf-dash-card-title) { margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-block-end: 1.5px solid var(--hx-ink) !important;
  color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(24px, 2vw, 30px)/1 var(--hx-display) !important; }
body.hexfashion :is(.hf-cart-summary-row, .hf-summary-row) { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block: 11px !important; margin: 0 !important;
  border: 0 !important; border-block-end: 1px solid color-mix(in srgb, var(--hx-ink) 10%, transparent) !important; color: var(--hx-text); font: 400 15px/1.4 var(--hx-body); font-variant-numeric: tabular-nums; }
body.hexfashion :is(.hf-cart-summary-total, .hf-summary-total) { border-block-end: 0 !important; border-block-start: 1.5px solid var(--hx-ink) !important; margin-block-start: 6px !important; padding-block: 16px 6px !important; color: var(--hx-ink) !important; }
body.hexfashion :is(.hf-cart-summary-total, .hf-summary-total) > * { font: 700 clamp(22px, 1.9vw, 28px)/1.1 var(--hx-display) !important; color: var(--hx-ink) !important; }
body.hexfashion .hf-cart-summary .hf-btn-primary { min-block-size: 56px; font-size: 18px; }
/* empty states (cart, wishlist, checkout without items, compare) */
body.hexfashion .hf-empty-section { padding-block: clamp(32px, 5vw, 80px) !important; background: transparent !important; }
body.hexfashion .hf-empty-wrap { max-inline-size: 720px; margin-inline: auto; padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 56px) !important; text-align: center; --c: 36px; }
body.hexfashion .hf-empty-img { max-inline-size: 180px; block-size: auto; margin-inline: auto; display: block; mix-blend-mode: multiply; }
body.hexfashion .hf-empty-title { margin: 22px 0 0 !important; color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(30px, 3.4vw, 48px)/1 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion .hf-empty-title { font-size: clamp(24px, 2.6vw, 34px) !important; line-height: 1.35 !important; }
body.hexfashion .hf-empty-wrap .hf-btn { margin-block-start: 26px !important; }

/* checkout */
body.hexfashion .hf-checkout-section { padding-block: clamp(24px, 3vw, 48px) clamp(56px, 6vw, 96px) !important; }
body.hexfashion .hf-checkout-layout { gap: clamp(24px, 3vw, 44px) !important; align-items: start; }
body.hexfashion .hf-checkout-box { padding: clamp(22px, 2.6vw, 34px) !important; margin-block-start: 0 !important; }
body.hexfashion .hf-checkout-left { margin-block-start: 0 !important; }
body.hexfashion .hf-dash-card-title { display: flex !important; align-items: center; gap: 10px; margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-block-end: 1px solid var(--hx-line) !important;
  color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(21px, 1.8vw, 26px)/1.1 var(--hx-display) !important; }
body.hexfashion .hf-dash-card-title i { color: var(--hx-accent-ink) !important; font-size: 1em; }
body.hexfashion .hf-form-grid { gap: 16px 18px !important; }
body.hexfashion .hf-checkout-section .single-input { margin-block-start: 16px !important; }
body.hexfashion .hf-checkout-summary { padding: clamp(22px, 2.6vw, 32px) !important; }
body.hexfashion .hf-coupon-row { display: flex; gap: 0 !important; }
body.hexfashion .hf-coupon-row .hf-form-input { flex: 1 1 auto; min-inline-size: 0; border-inline-end: 0 !important; }
body.hexfashion .hf-coupon-row .hf-btn { flex: none; min-block-size: 52px; border-width: 1.5px !important; }
body.hexfashion .hf-checkout-items { border-color: color-mix(in srgb, var(--hx-ink) 12%, transparent) !important; }
body.hexfashion .hf-checkout-item { display: flex; align-items: center; gap: 14px; padding-block: 12px; border-block-end: 1px solid color-mix(in srgb, var(--hx-ink) 10%, transparent); }
body.hexfashion .hf-checkout-item-img { inline-size: 62px; block-size: 76px; flex: none; --c: 9px; clip-path: var(--hx-poly); background: #fff; overflow: hidden; border-radius: 0 !important; }
body.hexfashion .hf-checkout-item-img img { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0 !important; }
body.hexfashion .hf-checkout-item-name { flex: 1 1 auto; min-inline-size: 0; color: var(--hx-ink); font: 600 14.5px/1.35 var(--hx-head); }
body.hexfashion .hf-checkout-item-price { color: var(--hx-ink) !important; font: 700 15px/1.2 var(--hx-body) !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
body.hexfashion .hf-check-row { display: flex; align-items: flex-start; gap: 10px; font: 500 14.5px/1.5 var(--hx-body); color: var(--hx-ink); }
body.hexfashion .hf-check-row label { margin: 0; }
body.hexfashion .hf-terms-link { color: var(--hx-accent-ink) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.hexfashion .hf-payment-section h6 { color: var(--hx-ink); text-transform: uppercase; font: 700 18px/1.2 var(--hx-display); }
body.hexfashion .payment-gateway-wrapper ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; }
body.hexfashion .payment-gateway-wrapper ul li { border-radius: 0 !important; border: 1.5px solid var(--hx-line) !important; background: #fff; min-block-size: 52px; }
body.hexfashion .payment-gateway-wrapper ul li.selected, body.hexfashion .payment-gateway-wrapper ul li.active { border-color: var(--hx-ink) !important; box-shadow: inset 0 0 0 1px var(--hx-ink); }
body.hexfashion .hf-checkout-summary .hf-btn { min-block-size: 56px; }
body.hexfashion .hf-checkout-summary .mt-3 > .hf-btn + .hf-btn { margin-block-start: 10px; }

/* order success (shared sf-order-success component, merchant texts kept) */
body.hexfashion .hf-pay-section { padding-block: 0 !important; background: #fff; }
body.hexfashion .sf-order-success { --sf-os-ink: var(--hx-ink); --sf-os-accent: var(--sfp-cta); --sf-os-muted: var(--hx-muted); --sf-os-border: var(--hx-line); --sf-os-canvas: var(--hx-peach);
  --sf-os-neutral-soft: var(--hx-peach); max-width: 1180px; padding: clamp(28px, 4vw, 56px) 16px clamp(56px, 7vw, 96px); font-family: var(--hx-body); }
[dir="ltr"] body.hexfashion .sf-order-success { direction: ltr; }
body.hexfashion .sf-order-success__hero { text-align: start; align-items: flex-start; margin-block-end: clamp(28px, 4vw, 48px); padding-block-end: clamp(22px, 3vw, 36px); border-block-end: 1.5px solid var(--hx-ink); position: relative; }
body.hexfashion .sf-order-success__hero::after { content: ""; position: absolute; inset-block-end: -4.5px; inset-inline-start: 0; inline-size: 112px; block-size: 7px; background: var(--sfp-accent); --c: 7px; clip-path: var(--hx-poly); }
body.hexfashion .sf-order-success__icon-wrap { inline-size: 84px; block-size: 84px; border-radius: 0 !important; --c: 16px; clip-path: var(--hx-poly); background: var(--hx-peach) !important; border: 0 !important; margin-inline: 0 !important; }
body.hexfashion .sf-order-success__icon-wrap::after { display: none; }
body.hexfashion .sf-order-success__icon { inline-size: 56px; block-size: 56px; border-radius: 0 !important; --c: 10px; clip-path: var(--hx-poly); box-shadow: none !important; }
body.hexfashion .sf-order-success__eyebrow { font: 600 15px/1.3 var(--hx-display); text-transform: uppercase; letter-spacing: .1em; }
[dir="rtl"] body.hexfashion .sf-order-success__eyebrow { letter-spacing: 0; }
body.hexfashion .sf-order-success__title { color: var(--hx-ink); text-transform: uppercase; font: 700 clamp(40px, 5.4vw, 84px)/.92 var(--hx-display); max-inline-size: 18ch; margin-inline: 0; text-align: start; }
[dir="rtl"] body.hexfashion .sf-order-success__title { font-size: clamp(30px, 3.8vw, 52px); line-height: 1.25; }
body.hexfashion .sf-order-success__subtitle { color: var(--hx-text); font-size: 17px; text-align: start; margin-inline: 0; }
body.hexfashion .sf-order-success__meta { justify-content: flex-start; }
body.hexfashion .sf-order-success__chip { border-radius: 0 !important; --c: 8px; clip-path: var(--hx-poly); box-shadow: none !important; min-block-size: 40px; border: 0 !important; background: var(--hx-peach); }
@media (min-width: 900px) { body.hexfashion .sf-order-success__layout { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); } }
body.hexfashion .sf-order-success__card { border-radius: 0 !important; box-shadow: none !important; padding: clamp(20px, 2.4vw, 30px); }
body.hexfashion .sf-order-success__layout > .sf-order-success__card:first-child { background: var(--hx-peach); border: 0 !important; --c: 26px; clip-path: var(--hx-poly); }
body.hexfashion .sf-order-success__card-title { color: var(--hx-ink); text-transform: uppercase; font: 700 clamp(22px, 2vw, 28px)/1.05 var(--hx-display); }
body.hexfashion .sf-order-success__item-name { color: var(--hx-ink); font: 600 16px/1.35 var(--hx-head); }
body.hexfashion :is(.sf-order-success__item-price, .sf-order-success__total-row strong) { font-variant-numeric: tabular-nums; }
body.hexfashion .sf-order-success__total-row--grand { border-block-start: 1.5px solid var(--hx-ink); }
body.hexfashion .sf-order-success__total-row--grand strong { color: var(--hx-ink); font: 700 clamp(26px, 2.4vw, 34px)/1 var(--hx-display); }
body.hexfashion :is(.sf-order-success__pay-row, .sf-order-success__fact) { border-radius: 0 !important; border: 0 !important; background: #fff; }
body.hexfashion .sf-order-success__side .sf-order-success__fact { background: var(--hx-peach); }
body.hexfashion .sf-order-success__fact-value { color: var(--hx-ink); }
body.hexfashion .sf-order-success__actions { justify-content: flex-start; }
body.hexfashion .sf-order-success__btn { border-radius: 0 !important; min-block-size: 54px; font: 600 17px/1 var(--hx-display); text-transform: uppercase; box-shadow: none !important; transform: none !important; }
body.hexfashion .sf-order-success__btn--ghost { border: 1.5px solid var(--hx-ink) !important; color: var(--hx-ink) !important; background: transparent !important; }
body.hexfashion .sf-order-success__btn--ghost:hover { background: var(--hx-ink) !important; color: #fff !important; }
@media (prefers-reduced-motion: reduce) { body.hexfashion .sf-order-success__icon-wrap { animation: none; } }

/* =========================================================================================
   7. Wishlist / compare / order track
   ========================================================================================= */
body.hexfashion .hf-cart-items--full .hf-qty { background: transparent !important; }
body.hexfashion .hf-compare-section { padding-block: clamp(32px, 4vw, 64px) clamp(56px, 6vw, 96px) !important; }
body.hexfashion .hf-compare-table-wrap { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
body.hexfashion .hf-compare-table { border-collapse: collapse; }
body.hexfashion .hf-compare-table :is(th, td) { border: 0 !important; border-block-end: 1px solid var(--hx-line) !important; background: transparent !important; padding: 16px !important; vertical-align: middle; }
body.hexfashion .hf-compare-table thead th { border-block-end: 1.5px solid var(--hx-ink) !important; vertical-align: bottom; }
body.hexfashion .hf-compare-row-alt :is(td, th) { background: color-mix(in srgb, var(--hx-peach) 60%, #fff) !important; }
body.hexfashion :is(.hf-compare-head-label, .hf-compare-label) { color: var(--hx-ink) !important; font: 600 15px/1.2 var(--hx-display) !important; text-transform: uppercase; white-space: nowrap; }
body.hexfashion .hf-compare-label i { color: var(--hx-accent-ink); }
body.hexfashion .hf-compare-product-card { position: relative; text-align: start; }
body.hexfashion .hf-compare-img-link { display: block; aspect-ratio: 4 / 5; background: var(--hx-peach); --c: 16px; clip-path: var(--hx-poly); border-radius: 0 !important; overflow: hidden; }
body.hexfashion .hf-compare-product-img { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0 !important; }
body.hexfashion .hf-compare-product-name { margin-block-start: 12px; font: 600 15.5px/1.35 var(--hx-head); }
body.hexfashion .hf-compare-product-name a { color: var(--hx-ink) !important; }
body.hexfashion .hf-compare-remove { inline-size: 44px !important; block-size: 44px !important; border-radius: 0 !important; border: 0 !important; background: #fff !important; color: var(--hx-ink) !important; --c: 8px; clip-path: var(--hx-poly);
  box-shadow: none !important; display: grid !important; place-items: center; }
body.hexfashion .hf-compare-remove:hover { background: var(--hx-bad) !important; color: #fff !important; }
body.hexfashion .hf-compare-price { color: var(--hx-ink) !important; font: 700 18px/1.2 var(--hx-body) !important; }
body.hexfashion .hf-compare-old-price { color: var(--hx-muted) !important; }
body.hexfashion .hf-compare-in-stock { color: var(--hx-ok) !important; font-weight: 600; }
body.hexfashion .hf-compare-out-stock { color: var(--hx-bad) !important; font-weight: 600; }
body.hexfashion .hf-compare-cat-link { color: var(--hx-ink) !important; text-decoration: underline; text-underline-offset: 3px; }
body.hexfashion .hf-compare-footer { margin-block-start: 24px; }
body.hexfashion .hf-compare-empty { max-inline-size: 720px; margin: clamp(32px, 5vw, 72px) auto; padding: clamp(36px, 5vw, 64px) clamp(24px, 4vw, 56px) !important; text-align: center; --c: 36px; }
body.hexfashion .hf-compare-empty-icon { inline-size: 84px; block-size: 84px; margin: 0 auto 18px; display: grid; place-items: center; background: #fff !important; color: var(--hx-accent-ink) !important; border-radius: 0 !important;
  --c: 16px; clip-path: var(--hx-poly); font-size: 38px; }
body.hexfashion .hf-compare-empty h2 { color: var(--hx-ink); text-transform: uppercase; font: 700 clamp(28px, 3vw, 44px)/1.05 var(--hx-display); }
body.hexfashion .hf-compare-empty p { color: var(--hx-muted); font: 400 16px/1.6 var(--hx-body); max-inline-size: 46ch; margin-inline: auto; }
body.hexfashion .hf-page-section:has(.hf-track-wrap) { padding-block: clamp(36px, 5vw, 80px) !important; background: linear-gradient(var(--hx-peach), var(--hx-peach)) 0 0 / 100% 46% no-repeat; }
body.hexfashion .hf-track-wrap { max-inline-size: 640px; margin-inline: auto; padding: clamp(26px, 4vw, 48px) !important; text-align: start !important; }
body.hexfashion .hf-track-title { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(36px, 4vw, 60px)/.95 var(--hx-display) !important; margin: 0 0 12px !important; }
[dir="rtl"] body.hexfashion .hf-track-title { font-size: clamp(28px, 3vw, 42px) !important; line-height: 1.3 !important; }
body.hexfashion .hf-track-desc { color: var(--hx-muted) !important; font: 400 16px/1.6 var(--hx-body) !important; }
body.hexfashion .hf-track-form .hf-btn { inline-size: 100%; min-block-size: 56px; }
body.hexfashion :is(.hf-track-result, .hf-track-success, .hf-track-error) { border-radius: 0 !important; }

/* =========================================================================================
   8. Sign in / register / forgot password (platform auth views)
   ========================================================================================= */
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) { padding-block: clamp(32px, 5vw, 80px) clamp(56px, 7vw, 104px) !important; background: linear-gradient(var(--hx-peach), var(--hx-peach)) 0 0 / 100% 240px no-repeat !important; }
body.hexfashion :is(.sign-in-area-wrapper .sign-in, .sign-in-area-wrapper .sign-up, .login-page-wrapper .login-form-wrapper) { padding: clamp(26px, 3.6vw, 48px) !important; margin: 0 !important; }
body.hexfashion :is(.sign-in-area-wrapper .title, .login-page-wrapper h2) { margin: 0 0 22px !important; color: var(--hx-ink) !important; text-transform: uppercase; text-align: start !important;
  font: 700 clamp(36px, 3.6vw, 56px)/.95 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion :is(.sign-in-area-wrapper .title, .login-page-wrapper h2) { font-size: clamp(28px, 2.6vw, 38px) !important; line-height: 1.3 !important; }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) .form-group { margin-block-end: 16px; }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) .form-wrapper { margin-block-start: 0 !important; }
body.hexfashion .sign-in-area-wrapper .single-input { position: relative; }
body.hexfashion .sign-in-area-wrapper .toggle-password { position: absolute; inset-block-end: 0; inline-size: 48px; block-size: 52px; display: grid; place-items: center;
  color: var(--hx-muted); font-size: 19px; cursor: pointer; top: auto; transform: none; }
[dir="rtl"] body.hexfashion .sign-in-area-wrapper .toggle-password { left: 2px; right: auto; }
[dir="ltr"] body.hexfashion .sign-in-area-wrapper .toggle-password { right: 2px; left: auto; }
body.hexfashion .sign-in-area-wrapper .single-input .form-control { padding-inline-end: 52px; }
body.hexfashion .toggle-password .hide-icon, body.hexfashion .toggle-password.show-pass .show-icon { display: none; }
body.hexfashion .toggle-password.show-pass .hide-icon { display: inline-flex; }
body.hexfashion .sign-in-area-wrapper .box-wrap { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-block-start: 14px; }
body.hexfashion .sign-in-area-wrapper .box-wrap .left { display: inline-flex; align-items: center; gap: 10px; }
body.hexfashion .sign-in-area-wrapper .box-wrap label { margin: 0; font: 500 14.5px/1.3 var(--hx-body); color: var(--hx-ink); }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) a:not(.btn-default) { color: var(--hx-accent-ink); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) :is(.btn-default, .boxed-btn) { inline-size: 100%; min-block-size: 56px; font: 600 18px/1 var(--hx-display) !important; text-transform: uppercase; border-radius: 0 !important; }
[dir="rtl"] body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) :is(.btn-default, .boxed-btn) { font-size: 16px !important; }
body.hexfashion .sign-in-area-wrapper .btn-wrapper { gap: 10px !important; margin-block-start: 22px !important; }
body.hexfashion .sign-in-area-wrapper .info { margin-block-start: 20px; font: 400 15px/1.5 var(--hx-body); color: var(--hx-muted); text-align: start; }
body.hexfashion .sign-in-area-wrapper .generate-password { display: inline-flex; align-items: center; gap: 6px; min-block-size: 40px; }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper) .alert { border-radius: 0; border: 0; font: 500 14.5px/1.5 var(--hx-body); }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .hf-checkout-section) .alert-danger { background: var(--hx-bad-soft); color: var(--hx-bad); }
body.hexfashion :is(.sign-in-area-wrapper, .login-page-wrapper, .seller-profile-details-area, .hf-checkout-section) .alert-success { background: var(--hx-ok-soft); color: var(--hx-ok); }

/* =========================================================================================
   9. Account: theme dashboard (hf-dash) and platform account views (seller-profile layout)
   ========================================================================================= */
body.hexfashion .hf-dash-header + .container { padding-block: clamp(28px, 3.6vw, 56px) clamp(56px, 6vw, 96px); }
body.hexfashion .hf-dash-sidebar { padding: 0 !important; overflow: visible; }
body.hexfashion .hf-dash-user-info { padding: 26px 22px !important; border-block-end: 1px solid var(--hx-line) !important; text-align: start !important; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 14px; align-items: center; }
body.hexfashion .hf-dash-avatar { grid-row: span 2; inline-size: 56px !important; block-size: 56px !important; margin: 0 !important; border-radius: 0 !important; --c: 11px; clip-path: var(--hx-poly);
  background: var(--hx-peach-2) !important; color: var(--hx-accent-ink) !important; display: grid !important; place-items: center; font-size: 24px; overflow: hidden; }
body.hexfashion .hf-dash-avatar img { inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: 0 !important; }
body.hexfashion .hf-dash-name { margin: 0 !important; color: var(--hx-ink) !important; font: 700 19px/1.2 var(--hx-display) !important; text-transform: uppercase; overflow-wrap: anywhere; }
body.hexfashion .hf-dash-email { margin: 2px 0 0 !important; color: var(--hx-muted) !important; font: 400 13.5px/1.3 var(--hx-body) !important; overflow-wrap: anywhere; }
body.hexfashion .hf-dash-nav { list-style: none; margin: 0; padding: 8px 0 !important; }
body.hexfashion .hf-dash-nav li { margin: 0; }
body.hexfashion .hf-dash-nav a { display: flex !important; align-items: center; gap: 12px; min-block-size: 50px; padding: 0 22px !important; border: 0 !important; border-inline-start: 3px solid transparent !important;
  border-radius: 0 !important; background: transparent !important; color: var(--hx-ink) !important; font: 600 15.5px/1.2 var(--hx-head) !important; text-decoration: none; }
body.hexfashion .hf-dash-nav a i { color: var(--hx-muted); font-size: 20px; }
body.hexfashion .hf-dash-nav a:hover { background: var(--hx-peach) !important; }
body.hexfashion .hf-dash-nav a.active { background: var(--hx-peach) !important; border-inline-start-color: var(--sfp-accent) !important; color: var(--hx-ink) !important; }
body.hexfashion .hf-dash-nav a.active i { color: var(--hx-accent-ink); }
body.hexfashion .hf-dash-nav a:focus-visible { outline: 2px solid var(--hx-ink); outline-offset: -3px; }
body.hexfashion .hf-dash-stat { padding: 22px !important; text-align: start !important; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 4px 12px; }
body.hexfashion .hf-dash-stat > i { grid-column: 2; grid-row: 1 / span 2; align-self: start; font-size: 26px !important; color: var(--hx-accent-ink) !important; }
body.hexfashion .hf-dash-stat-value { grid-column: 1; grid-row: 1; color: var(--hx-ink) !important; font: 700 clamp(40px, 3.6vw, 56px)/.9 var(--hx-display) !important; font-variant-numeric: tabular-nums; }
body.hexfashion .hf-dash-stat-label { grid-column: 1; grid-row: 2; color: var(--hx-muted) !important; font: 600 14px/1.3 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .hf-dash-card { padding: clamp(20px, 2.4vw, 30px) !important; }
body.hexfashion .hf-dash-table { inline-size: 100%; border-collapse: collapse; margin: 0; }
body.hexfashion .hf-dash-table thead th { padding: 0 12px 12px !important; border: 0 !important; border-block-end: 1.5px solid var(--hx-ink) !important; background: transparent !important; color: var(--hx-muted) !important;
  font: 600 14px/1.2 var(--hx-display) !important; text-transform: uppercase; text-align: start !important; }
body.hexfashion .hf-dash-table tbody td { padding: 16px 12px !important; border: 0 !important; border-block-end: 1px solid var(--hx-line) !important; color: var(--hx-ink); font: 500 15px/1.3 var(--hx-body); text-align: start !important; vertical-align: middle; font-variant-numeric: tabular-nums; }
body.hexfashion .hf-dash-table .hf-btn-sm { min-inline-size: 44px; }

/* platform account views share one look with the theme dashboard */
body.hexfashion .seller-profile-details-area { padding-block: clamp(28px, 3.6vw, 56px) clamp(56px, 6vw, 96px) !important; background: linear-gradient(var(--hx-peach), var(--hx-peach)) 0 0 / 100% 120px no-repeat; }
body.hexfashion .seller-profile-details-area .seller-profile-dashboard { padding: 8px 0 !important; }
body.hexfashion .seller-dashboard-list { list-style: none; margin: 0; padding: 0; }
body.hexfashion .seller-dashboard-list li.list { margin: 0; border: 0; background: transparent; }
body.hexfashion .seller-dashboard-list li.list > a { display: flex !important; align-items: center; gap: 12px; min-block-size: 50px; padding: 0 22px !important; border-inline-start: 3px solid transparent;
  border-radius: 0 !important; background: transparent !important; color: var(--hx-ink) !important; font: 600 15.5px/1.2 var(--hx-head) !important; text-decoration: none; }
body.hexfashion .seller-dashboard-list li.list > a i { color: var(--hx-muted); font-size: 20px; }
body.hexfashion .seller-dashboard-list li.list > a:hover { background: var(--hx-peach) !important; }
body.hexfashion .seller-dashboard-list li.list.active > a { background: var(--hx-peach) !important; border-inline-start-color: var(--sfp-accent); }
body.hexfashion .seller-dashboard-list li.list.active > a i { color: var(--hx-accent-ink); }
body.hexfashion .seller-profile-details-area .col-lg-9 > .parent { padding: clamp(22px, 3vw, 36px) !important; margin-block: 0 !important; }
body.hexfashion .seller-profile-details-area .parent > .title, body.hexfashion .seller-profile-details-area .title-seller { margin: 0 0 22px !important; color: var(--hx-ink) !important; text-transform: uppercase;
  font: 700 clamp(30px, 3vw, 46px)/1 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion .seller-profile-details-area :is(.parent > .title, .title-seller) { font-size: clamp(24px, 2.2vw, 32px) !important; line-height: 1.3 !important; }
body.hexfashion .seller-profile-details-area .form-group { margin-block-end: 16px; }
body.hexfashion .seller-profile-details-area .single-input { position: relative; }
body.hexfashion .seller-profile-details-area .toggle-password { position: absolute; inset-block-end: 0; block-size: 52px; inline-size: 48px; display: grid; place-items: center; color: var(--hx-muted); top: auto; }
[dir="rtl"] body.hexfashion .seller-profile-details-area .toggle-password { left: 2px; right: auto; }
[dir="ltr"] body.hexfashion .seller-profile-details-area .toggle-password { right: 2px; left: auto; }
body.hexfashion .seller-profile-details-area :is(.btn-default, .boxed-btn) { min-block-size: 54px; padding: 0 30px; font: 600 17px/1 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .seller-profile-details-area .btn-info { min-block-size: 46px; padding: 0 18px; border-radius: 0 !important; border: 1.5px solid var(--hx-ink) !important; background: transparent !important; color: var(--hx-ink) !important; font: 600 14px/1 var(--hx-body); }
body.hexfashion .seller-profile-details-area .btn-info:hover { background: var(--hx-ink) !important; color: #fff !important; }
body.hexfashion .seller-profile-details-area .nav-pills { gap: 6px; border-block-end: 1.5px solid var(--hx-ink); padding-block-end: 0; }
body.hexfashion .seller-profile-details-area .nav-pills .nav-link { min-block-size: 48px; border-radius: 0 !important; background: transparent !important; color: var(--hx-muted) !important; border: 0;
  font: 600 16px/1 var(--hx-display) !important; text-transform: uppercase; position: relative; }
body.hexfashion .seller-profile-details-area .nav-pills .nav-link.active { color: var(--hx-ink) !important; box-shadow: inset 0 -4px 0 var(--sfp-accent); }
body.hexfashion .seller-profile-details-area .details-list { list-style: none; padding: 0; }
body.hexfashion .seller-profile-details-area .details-list .lists { display: flex; gap: 12px; padding-block: 10px; border-block-end: 1px solid var(--hx-line); }
body.hexfashion .seller-profile-details-area .list-span { color: var(--hx-muted); min-inline-size: 140px; }
body.hexfashion .seller-profile-details-area .list-strong { color: var(--hx-ink); font-weight: 600; }
body.hexfashion .seller-profile-details-area .alert-warning { background: var(--hx-peach); color: var(--hx-ink); border: 0; border-radius: 0; --c: 18px; clip-path: var(--hx-poly); padding: 26px 28px; font: 500 16px/1.5 var(--hx-body); }
body.hexfashion .seller-profile-details-area .table { border-block-start: 1.5px solid var(--hx-ink); --bs-table-striped-bg: transparent; --bs-table-bg: transparent; margin: 0; }
body.hexfashion .seller-profile-details-area .table > :not(caption) > * > * { background: transparent !important; box-shadow: none !important; border-block-end: 1px solid var(--hx-line); padding: 14px 12px; }
body.hexfashion .seller-profile-details-area .btn-group > button { border-radius: 0 !important; }
body.hexfashion .seller-profile-details-area .dropdown-menu { border-radius: 0; border: 1px solid var(--hx-line); border-block-start: 2px solid var(--sfp-accent); }
body.hexfashion .media-upload-btn-wrapper .attachment-preview { border-radius: 0; }
body.hexfashion .seller-profile-details-area .hf-dash-card .hf-form-group { margin-block-end: 16px; }

/* =========================================================================================
   10. Content pages: about / contact (tenant widgets), blog (module), 404
   ========================================================================================= */
body.hexfashion .tn-about-hero { background: var(--hx-peach) !important; }
body.hexfashion .tn-about-hero [data-vse-field="eyebrow"] { color: var(--hx-accent-ink) !important; font: 600 15px/1.2 var(--hx-display) !important; text-transform: uppercase; letter-spacing: .12em; }
[dir="rtl"] body.hexfashion .tn-about-hero [data-vse-field="eyebrow"] { letter-spacing: 0; }
body.hexfashion .tn-about-hero h1 { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(48px, 6vw, 96px)/.9 var(--hx-display) !important; margin-block: 10px 18px !important; }
[dir="rtl"] body.hexfashion .tn-about-hero h1 { font-size: clamp(36px, 4.4vw, 64px) !important; line-height: 1.2 !important; }
body.hexfashion .tn-about-hero [data-vse-field="subtitle"] { color: var(--hx-muted) !important; font: 400 17px/1.65 var(--hx-body) !important; max-inline-size: 48ch; }
body.hexfashion .tn-about-hero img { border-radius: 0 !important; --c: 40px; clip-path: var(--hx-poly); }
body.hexfashion :is(.tn-stats, .tn-services, .tn-brands, .tn-map) h2 { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(32px, 3.4vw, 52px)/1 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion :is(.tn-stats, .tn-services, .tn-brands, .tn-map) h2 { font-size: clamp(26px, 2.4vw, 36px) !important; line-height: 1.3 !important; }
body.hexfashion :is(.tn-stats, .tn-services, .tn-brands) { border-color: var(--hx-line) !important; }
body.hexfashion .tn-stats [data-vse-field$="_value"] { color: var(--hx-accent-ink) !important; font: 700 clamp(48px, 5vw, 80px)/.9 var(--hx-display) !important; }
body.hexfashion .tn-stats [data-vse-field$="_label"] { color: var(--hx-ink) !important; font: 600 15px/1.3 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .tn-services .text-center > div:first-child { inline-size: 64px !important; block-size: 64px !important; margin-inline: auto; border-radius: 0 !important; --c: 13px; clip-path: var(--hx-poly);
  background: var(--hx-peach-2) !important; color: var(--hx-accent-ink) !important; display: grid !important; place-items: center; }
body.hexfashion .tn-services h3 { color: var(--hx-ink) !important; font: 700 20px/1.2 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .tn-services p { color: var(--hx-muted) !important; }
body.hexfashion .tn-brands img { filter: grayscale(1); opacity: .75; transition: filter var(--sfp-dur), opacity var(--sfp-dur); }
body.hexfashion .tn-brands a:hover img { filter: none; opacity: 1; }
body.hexfashion .tn-contact h2 { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(36px, 3.8vw, 58px)/.95 var(--hx-display) !important; }
[dir="rtl"] body.hexfashion .tn-contact h2 { font-size: clamp(28px, 2.6vw, 40px) !important; line-height: 1.3 !important; }
body.hexfashion .tn-contact [data-vse-field="subtitle"] { color: var(--hx-muted) !important; font: 400 16px/1.65 var(--hx-body); }
body.hexfashion .tn-contact ul { list-style: none; padding: 0; display: grid; gap: 10px; }
body.hexfashion .tn-contact ul li { display: flex; align-items: center; gap: 14px; color: var(--hx-ink); font: 500 15.5px/1.4 var(--hx-body); }
body.hexfashion .tn-contact ul li i { flex: none; inline-size: 44px; block-size: 44px; display: grid; place-items: center; background: var(--hx-peach-2); color: var(--hx-accent-ink); --c: 9px; clip-path: var(--hx-poly); font-size: 20px; }
body.hexfashion .tn-contact-form { padding: clamp(22px, 3vw, 36px) !important; }
body.hexfashion .tn-contact .submit-btn { min-block-size: 54px; padding: 0 32px; font: 600 17px/1 var(--hx-display) !important; text-transform: uppercase; }
body.hexfashion .tn-map iframe { border-radius: 0 !important; --c: 30px; clip-path: var(--hx-poly); }

/* blog (module listing; empty state designed) */
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) { padding-block: clamp(28px, 4vw, 64px) clamp(56px, 7vw, 96px) !important; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .single-shop-left-search-input form { position: relative; display: flex; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .single-shop-left-search-input .form--control { inline-size: 100%; min-block-size: 52px; border-radius: 0; border: 1.5px solid var(--hx-line-strong);
  background: #fff; padding-inline: 16px 60px; font: 400 15px/1 var(--hx-body); color: var(--hx-ink); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .single-shop-left-search-input .form--control:focus { outline: 0; border-color: var(--hx-ink); box-shadow: var(--hx-ring); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .single-shop-left-search-input button { position: absolute; inset-block: 0; left: auto; right: auto; inset-inline-end: 0;
  inline-size: 52px; block-size: 52px; border-radius: 0; border: 0; background: var(--hx-ink); color: #fff; display: grid; place-items: center; font-size: 18px; padding: 0; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-left-title .title { color: var(--hx-ink); text-transform: uppercase; font: 700 20px/1.1 var(--hx-display); padding-block-end: 12px;
  border-block-end: 1.5px solid var(--hx-ink); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-left-title .title::before, body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-left-title .title::after { display: none; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-grid-contents > .row:first-child { align-items: center; padding-block-end: 14px; border-block-end: 1.5px solid var(--hx-ink); margin-block-end: 8px; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .showing-results { color: var(--hx-muted); font: 500 15px/1.3 var(--hx-body); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-icons .icon { inline-size: 44px; block-size: 44px; border-radius: 0; display: grid; place-items: center; color: var(--hx-ink); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .shop-icons.active .icon { background: var(--hx-peach-2); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .nice-select { border-radius: 0; border: 1.5px solid var(--hx-line-strong); min-block-size: 44px; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning { position: relative; overflow: hidden; isolation: isolate; margin: 24px 0 0; min-block-size: 300px; display: flex; align-items: flex-end;
  justify-content: flex-start; text-align: start !important; padding: clamp(32px, 5vw, 64px); padding-inline-end: clamp(32px, 38%, 400px); border: 0; border-radius: 0; background: var(--hx-ink); color: #fff;
  text-transform: uppercase; font: 700 clamp(36px, 4.4vw, 72px)/.95 var(--hx-display); --c: 44px; clip-path: var(--hx-poly); }
[dir="rtl"] body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning { font-size: clamp(28px, 3vw, 46px); line-height: 1.3; }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning::before { content: ""; position: absolute; z-index: -1; inset-block: 0; inset-inline-end: 0; inline-size: 34%;
  background: repeating-linear-gradient(135deg, transparent 0 22px, color-mix(in srgb, var(--main-color-one, #F83A26) 55%, transparent) 22px 24px); }
body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning::after { content: ""; position: absolute; z-index: -1; inset-block-start: 0; inset-inline-start: 0; inline-size: 140px; block-size: 8px; background: var(--sfp-accent); }
@media (max-width: 767.98px) {
  body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning { padding-inline-end: clamp(28px, 5vw, 64px); padding-block-end: 140px; min-block-size: 0; }
  body.hexfashion .shop-area:has(form[action$="/blogs/search"]) .tab-content-item h4.alert-warning::before { inline-size: 100%; inset-block-start: auto; block-size: 100px; }
}

/* 404 */
body.hexfashion .anb-404 { background: var(--hx-peach) !important; position: relative; overflow: hidden; min-block-size: 64vh; display: flex; align-items: center; justify-content: center; padding: clamp(48px, 7vw, 112px) 16px; }
body.hexfashion .anb-404::before { content: ""; position: absolute; inset-block: 0; inset-inline-end: 0; inline-size: 30%; background: repeating-linear-gradient(135deg, transparent 0 26px, color-mix(in srgb, var(--main-color-one, #F83A26) 18%, transparent) 26px 27px); pointer-events: none; }
body.hexfashion .anb-404__in { position: relative; max-inline-size: 760px; inline-size: 100%; text-align: start; }
body.hexfashion .anb-404__code { color: transparent !important; -webkit-text-stroke: 2px var(--hx-ink); font: 700 clamp(140px, 22vw, 300px)/.8 var(--hx-display) !important; letter-spacing: 0; margin: 0 0 24px; }
body.hexfashion .anb-404__title { color: var(--hx-ink) !important; text-transform: uppercase; font: 700 clamp(30px, 3.4vw, 50px)/1 var(--hx-display) !important; margin: 0 0 14px; }
[dir="rtl"] body.hexfashion .anb-404__title { font-size: clamp(26px, 2.6vw, 38px) !important; line-height: 1.35 !important; }
body.hexfashion .anb-404__text { color: var(--hx-muted) !important; font: 400 17px/1.65 var(--hx-body) !important; margin: 0 0 28px; max-inline-size: 48ch; margin-inline: 0 !important; }
body.hexfashion .anb-404__btn { display: inline-flex; align-items: center; min-block-size: 54px; padding: 0 32px; font: 600 17px/1 var(--hx-display) !important; text-transform: uppercase; border-radius: 0 !important; text-decoration: none; }

/* =========================================================================================
   11. Responsive
   ========================================================================================= */
@media (max-width: 1199.98px) {
  body.hexfashion .hf-store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991.98px) {
  body.hexfashion :is(.hf-page-banner, .hf-dash-header) { padding-block-start: 22px !important; }
  body.hexfashion .hf-store-layout { flex-direction: column; }
  body.hexfashion .hf-store-sidebar { inline-size: 100%; }
  body.hexfashion .hf-store-catlist { flex-direction: row !important; flex-wrap: wrap; border: 0; gap: 6px !important; }
  body.hexfashion .hf-store-cat-btn { border: 1.5px solid var(--hx-line) !important; inline-size: auto !important; min-block-size: 44px; }
  body.hexfashion .hf-store-cat-btn.active { border-color: var(--hx-ink) !important; }
  body.hexfashion .hf-store-cat-btn::before { display: none; }
  body.hexfashion .hf-deal-wrapper { --c: 28px; }
  body.hexfashion .hf-hero { min-block-size: 0; }
  body.hexfashion .hf-hero-title { font-size: clamp(48px, 10vw, 84px) !important; }
}
@media (max-width: 767.98px) {
  body.hexfashion .hf-pd-cta-row { grid-template-columns: minmax(0, 1fr); }
  body.hexfashion .hf-section-head .hf-section-title::after { display: none; }
  body.hexfashion .hf-section-head { flex-wrap: wrap; }
  body.hexfashion .hf-store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.hexfashion .hf-cart-thumb { inline-size: 64px !important; block-size: 80px !important; }
  body.hexfashion .hf-center-title::before, body.hexfashion .hf-center-title::after { flex-basis: 32px; }
  body.hexfashion .anb-404::before { inline-size: 100%; inset-block-start: auto; block-size: 90px; }
}
@media (max-width: 575.98px) {
  body.hexfashion .hf-promo-center { --c: 12px; }
  body.hexfashion :is(.hf-product-card-thumb, .hf-card-img-wrap) { --c: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  body.hexfashion *, body.hexfashion *::before, body.hexfashion *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* =========================================================================================
   12. Refinements after screen review
   ========================================================================================= */
body.hexfashion .hf-shop-topbar .hf-sort-select { inline-size: auto !important; }
[dir="rtl"] body.hexfashion .hf-section-view-all i { transform: scaleX(-1); display: inline-block; }
body.hexfashion .hf-hero-btn { font-size: 18px !important; }
body.hexfashion .hf-pd-tabs-section { background: var(--hx-peach) !important; }
body.hexfashion .back-to-top { border-radius: 0 !important; --c: 10px; clip-path: var(--hx-poly); background: var(--hx-ink) !important; color: #fff !important; box-shadow: none !important; border: 0 !important; }
body.hexfashion .back-to-top .back-top, body.hexfashion .back-to-top i { background: transparent !important; color: inherit !important; border-radius: 0 !important; }
body.hexfashion .back-to-top:hover { background: var(--sfp-cta) !important; }
@media (min-width: 992px) {
  body.hexfashion :is(.hf-cart-summary, .hf-checkout-summary) { flex: 0 0 clamp(360px, 30vw, 420px) !important; inline-size: clamp(360px, 30vw, 420px) !important; }
}
body.hexfashion :is(.hf-cart-summary-total, .hf-summary-total) > *:first-child { font-size: clamp(18px, 1.5vw, 22px) !important; }
body.hexfashion :is(.hf-cart-summary-total, .hf-summary-total) > *:last-child { white-space: nowrap; }
body.hexfashion :is(.hf-cart-summary-row, .hf-summary-row) > *:last-child { white-space: nowrap; text-align: end; }
body.hexfashion .hf-cart-summary .hf-btn { inline-size: 100%; }
body.hexfashion .hf-cart-summary-body { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
body.hexfashion :is(.hf-cart-summary-total, .hf-summary-total) > *:first-child { white-space: nowrap; }
body.hexfashion .hf-coupon-row { flex-wrap: nowrap !important; align-items: stretch; }
body.hexfashion .hf-coupon-row .hf-form-input { inline-size: auto !important; flex: 1 1 auto !important; margin: 0 !important; }
body.hexfashion .hf-coupon-row .hf-btn { margin: 0 !important; inline-size: auto !important; }
body.hexfashion .hf-checkout-section .hf-form-grid .single-input { margin-block-start: 0 !important; }
/* the platform account layout leaves its wrapper open around the footer: keep the bottom space above the footer instead */
body.hexfashion .seller-profile-details-area:has(footer) { padding-block-end: 0 !important; }
/* the platform account master reverses every .row in RTL (inline style), which pushes the menu to the wrong side on
   some account pages and mirrors form rows twice; Prime restores the natural RTL flow (presentation only) */
[dir="rtl"] body.hexfashion .seller-profile-details-area .row { flex-direction: row !important; }
body.hexfashion .anb-404__in { text-align: center; }
body.hexfashion .anb-404__text { margin-inline: auto !important; }
body.hexfashion .hf-checkout-section .label-title { margin-block-end: 8px !important; }
/* compare masthead crumbs carry inline white text (made for a dark banner): readable ink on the peach band */
body.hexfashion .hf-page-banner > .container > nav { margin: 0 !important; color: var(--hx-muted) !important; font-size: 14px !important; }
body.hexfashion .hf-page-banner > .container > nav :is(a, span) { color: var(--hx-ink) !important; }
body.hexfashion .hf-page-banner > .container > nav > span:last-child { color: var(--hx-muted) !important; }
/* compare: product plates at a catalogue size, labelled remove action */
body.hexfashion .hf-compare-product-card { max-inline-size: 240px; margin-inline: auto; }
body.hexfashion .hf-compare-remove { inline-size: auto !important; block-size: auto !important; min-block-size: 40px; padding: 0 14px !important; margin-block-start: 10px;
  display: inline-flex !important; align-items: center; gap: 6px; background: var(--hx-peach) !important; font: 600 13.5px/1 var(--hx-body) !important; }
/* phones: a two-up lookbook grid instead of one oversized card per row */
@media (max-width: 767.98px) {
  body.hexfashion .hf-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 12px !important; }
  body.hexfashion :is(.hf-product-title, .hf-card-name) { font-size: 14.5px !important; }
  body.hexfashion .hf-add-to-cart { font-size: 13px !important; padding: 0 8px !important; gap: 4px !important; }
  body.hexfashion :is(.hf-wishlist, .hf-card-wish) { inset-block-start: 8px !important; }
  [dir="rtl"] body.hexfashion :is(.hf-wishlist, .hf-card-wish) { left: 8px !important; }
  [dir="ltr"] body.hexfashion :is(.hf-wishlist, .hf-card-wish) { right: 8px !important; }
}
[dir="rtl"] body.hexfashion .hf-compare-empty h2 { line-height: 1.4; }
/* the empty-compare glyph comes from an icon font the storefront does not load: self-hosted Lucide mask instead */
body.hexfashion .hf-compare-empty-icon i { display: none; }
body.hexfashion .hf-compare-empty-icon::before { content: ""; inline-size: 36px; block-size: 36px; background: currentColor;
  -webkit-mask: url(../../img/prime/icons/git-compare-arrows.svg) center / contain no-repeat; mask: url(../../img/prime/icons/git-compare-arrows.svg) center / contain no-repeat; }