/* Website-only presentation. web.js adds the scope after excluding /eks-app/. */
body.eks-ux-web {
  --eks-ux-surface: #111113;
  --eks-ux-border: #343437;
  --eks-ux-accent: #ff6a18;
  --eks-ux-admin-offset: 0px;
}
body.eks-ux-web.admin-bar { --eks-ux-admin-offset: 32px; }
body.eks-ux-web :is(.eks-central-menu-surface, .eks-mobile-panel, .eks-club-mobilemenu) :is(a, summary, button):focus-visible,
body.eks-ux-web :is(.eks-burger, .eks-club-mobiletoggle):focus-visible {
  outline: 3px solid #ff9a56 !important;
  outline-offset: 3px;
}
body.eks-ux-web .eks-ux-menu-close {
  display: block;
  align-self: flex-end;
  min-width: 44px;
  min-height: 44px;
  margin: 0 0 12px auto;
  padding: 8px 14px;
  border: 1px solid var(--eks-ux-border);
  border-radius: 6px;
  background: var(--eks-ux-surface);
  color: #fff;
  font: 700 14px/1.3 system-ui, sans-serif;
  cursor: pointer;
}

/* Keep the real WooCommerce select, submission and option values intact. */
body.eks-ux-web.eks-category-page .woocommerce-ordering {
  float: none !important;
  display: block !important;
  width: min(100%, 360px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 0 20px !important;
  overflow: visible !important;
}
body.eks-ux-web.eks-category-page .woocommerce-ordering select.orderby {
  display: block !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 11px 38px 11px 12px !important;
  border: 1px solid var(--eks-ux-border) !important;
  border-radius: 6px !important;
  background-color: var(--eks-ux-surface) !important;
  color: #fff !important;
  font: 500 16px/1.4 system-ui, sans-serif !important;
  text-overflow: ellipsis;
  transform: none !important;
}
body.eks-ux-web.eks-category-page .eks-category-hero {
  min-height: 0 !important;
  padding-top: 34px !important;
  padding-bottom: 26px !important;
}
body.eks-ux-web.eks-category-page .eks-category-hero .eks-decal-product-heading {
  max-width: 850px !important;
  margin-bottom: 16px !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
  text-wrap: balance;
}
body.eks-ux-web.eks-category-page .eks-category-intro {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}
body.eks-ux-web.eks-home-style-product-page .eks-decal-product-hero {
  min-height: 0 !important;
  padding-top: 28px !important;
  background-attachment: scroll !important;
}
body.eks-ux-web.eks-home-style-product-page .eks-decal-product-hero .eks-decal-product-heading {
  margin: 0 0 20px !important;
  font-size: clamp(22px, 2.8vw, 36px) !important;
  line-height: 1.15 !important;
}
/* The actual Woo product H1 remains in place above its price and buying controls. */
body.eks-ux-web.single-product .eks-decal-product-hero:has(.eks-decal-product-holder h1.product_title) > :is(.eks-decal-product-heading, .eks-decal-product-kicker) {
  display: none !important;
}
body.eks-ux-web .eks-commerce-hero {
  min-height: 0 !important;
  padding-block: 26px !important;
  gap: 16px !important;
}
body.eks-ux-web .eks-commerce-hero h1 {
  margin: 0 0 12px !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
}
body.eks-ux-web .eks-commerce-featurebar {
  gap: 12px !important;
  padding-block: 16px !important;
}
body.eks-ux-web .eks-commerce-content { padding-top: 22px !important; }
body.eks-ux-web .eks-designer-page .wcdd-wrap:has(#wcdd_purchase_status) .eks-ux-price-feedback { display: none !important; }

body.eks-ux-web a[data-eks-ux-hidden="1"] { display: none !important; }
body.eks-ux-web .eks-central-menu-surface a[data-eks-ux-nav-checkout="1"] { display: none !important; }
/* Legacy menus assign visual order to anchors/details; use the verified DOM order. */
body.eks-ux-web .eks-central-menu-surface[data-eks-ux-organised="1"] {
  display: flex !important;
  flex-direction: column !important;
}
body.eks-ux-web .eks-central-menu-surface[data-eks-ux-organised="1"] > *,
body.eks-ux-web .eks-central-menu-surface[data-eks-ux-organised="1"] > .eks-ux-menu-secondary > a {
  order: 0 !important;
  grid-row: auto !important;
  grid-column: auto !important;
}
body.eks-ux-web .eks-ux-menu-secondary {
  display: grid;
  gap: 2px;
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid var(--eks-ux-border);
}
body.eks-ux-web .eks-ux-menu-secondary a { font-size: 12px !important; }
body.eks-ux-web .eks-ux-design-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px;
  padding: 12px 0;
  border-bottom: 1px solid var(--eks-ux-border);
  color: #fff;
  font: 600 13px/1.4 system-ui, sans-serif;
}
body.eks-ux-web .eks-ux-design-tools a {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid var(--eks-ux-border);
  border-radius: 6px;
  color: #fff !important;
  background: #151517;
  text-decoration: none !important;
}
body.eks-ux-web .eks-ux-design-tools a[aria-current="page"] { border-color: var(--eks-ux-accent); background: #412014; }
body.eks-ux-web .eks-ux-design-tools a:focus-visible { outline: 3px solid #ff9a56; outline-offset: 2px; }
body.eks-ux-web .eks-ux-design-tools small { font-size: 11px; font-weight: 400; }

/* Only promotional sections move. Product lists, forms and their handlers stay in place. */
body.eks-ux-web.home:has(.eks-ux-home-followup) .eks-shell { min-height: 0 !important; }
body.eks-ux-web.home .eks-main { min-height: 0 !important; }
body.eks-ux-web.home .eks-hero {
  min-height: 0 !important;
  padding-top: clamp(30px, 5vw, 58px) !important;
  padding-bottom: clamp(30px, 5vw, 58px) !important;
}
body.eks-ux-web.home .eks-hero h1 { font-size: clamp(34px, 5vw, 66px) !important; line-height: 1.08 !important; }
body.eks-ux-web.home .eks-section-head { min-height: 0 !important; padding-block: 24px 12px !important; }
body.eks-ux-web.home .eks-ux-home-followup { margin-left: 300px; background: #080809; }
body.eks-ux-web.home .eks-benefits { min-height: 0 !important; }
body.eks-ux-web.home .eks-benefit { min-height: 0 !important; padding: 20px !important; }
body.eks-ux-web.home .eks-benefit h3 { margin-bottom: 8px !important; }
body.eks-ux-web.home .eks-home-app-promo { min-height: 0 !important; padding-block: 30px !important; }
body.eks-ux-web.home .eks-home-app-promo h2 { font-size: clamp(24px, 3vw, 38px) !important; line-height: 1.15 !important; }
body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}
body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products > li.product {
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--eks-ux-border) !important;
  border-radius: 8px !important;
  background: #111113 !important;
}
body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products > li.product img {
  width: 100% !important;
  height: auto !important;
  max-height: 250px !important;
  aspect-ratio: 4 / 3;
  object-fit: contain;
}
body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products > li.product h2 {
  margin-block: 14px 10px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  overflow-wrap: break-word;
}
body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products > li.product .button {
  min-height: 44px;
  padding: 12px 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

/* Install page keeps its own content and links, with the shop's dark frame. */
body.eks-ux-web.eks-ux-install,
body.eks-ux-web.eks-ux-install :is(#main, .site-main, article, .entry-content, .ct-header, #header) {
  background-color: #080809 !important;
  color: #f5f5f5 !important;
}
body.eks-ux-web.eks-ux-install :is(.site-title a, .ct-site-title, .ct-header a, .ct-header button) { color: #f5f5f5 !important; }
body.eks-ux-web.eks-ux-install .ct-header [data-row] { background-color: #080809 !important; }
body.eks-ux-web.eks-ux-install .ct-header-trigger .ct-icon { fill: #f5f5f5 !important; }
body.eks-ux-web.eks-ux-install .eks-public-download {
  width: min(760px, 100%) !important;
  margin: 28px auto 44px !important;
  padding-inline: 16px !important;
}
body.eks-ux-web.eks-ux-install .eks-public-download__card {
  padding: clamp(22px, 4vw, 40px) !important;
  border-color: var(--eks-ux-border) !important;
  border-radius: 12px !important;
  background: var(--eks-ux-surface) !important;
  box-shadow: none !important;
  font-family: system-ui, sans-serif !important;
}
body.eks-ux-web.eks-ux-install .eks-public-download h1 { font-size: clamp(30px, 6vw, 44px) !important; line-height: 1.12 !important; }
body.eks-ux-web.eks-ux-install .eks-public-download__button { border-radius: 6px !important; min-height: 48px; }
body.eks-ux-web.eks-ux-install .eks-public-download__button--primary { background: #d43c0b !important; border-color: #f17847 !important; }
body.eks-ux-web.eks-ux-install .eks-public-download__intro { font-size: 16px !important; line-height: 1.6 !important; }
body.eks-ux-web.eks-ux-install .eks-public-download__steps h2 { font-size: 24px !important; line-height: 1.2 !important; }

@media (max-width: 980px) {
  /* The current cart/checkout wrapper rendered its desktop sidebar in normal flow. */
  body.eks-ux-web .eks-ux-mobile-shell.eks-club-shell-sidebar { display: block !important; grid-template-columns: minmax(0, 1fr) !important; }
  body.eks-ux-web .eks-ux-mobile-shell > aside.eks-club-sidebar { display: none !important; }
  body.eks-ux-web .eks-ux-mobile-shell > .eks-club-mobilebar {
    display: flex !important;
    position: sticky !important;
    top: var(--eks-ux-admin-offset) !important;
    z-index: 10020 !important;
    min-height: 62px !important;
    background: #080809 !important;
  }
  body.eks-ux-web .eks-ux-mobile-shell .eks-club-mobiletoggle {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 64px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
  }
  body.eks-ux-web .eks-ux-mobile-shell > .eks-club-mobilemenu {
    position: fixed !important;
    top: calc(var(--eks-ux-admin-offset) + 62px) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    width: 100% !important;
    max-height: calc(100dvh - var(--eks-ux-admin-offset) - 62px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    z-index: 10019 !important;
    background: #080809 !important;
  }
  body.eks-ux-web .eks-ux-mobile-shell > .eks-club-mobilemenu:not(.is-open) { display: none !important; }
  body.eks-ux-web .eks-ux-mobile-shell > .eks-club-mobilemenu.is-open { display: grid !important; padding: 16px !important; }
  body.eks-ux-web .eks-ux-mobile-shell > .eks-club-stage { width: 100% !important; max-width: 100% !important; margin: 0 !important; min-width: 0 !important; }
  body.eks-ux-web .eks-commerce-hero { padding: 18px 16px !important; gap: 12px !important; }
  body.eks-ux-web .eks-commerce-hero .eks-club-kicker { margin: 0 0 6px !important; font-size: 12px !important; }
  body.eks-ux-web .eks-commerce-hero h1 { margin-bottom: 8px !important; }
  body.eks-ux-web .eks-commerce-hero h1 + p { margin: 0 !important; font-size: 14px !important; line-height: 1.45 !important; }
  body.eks-ux-web .eks-commerce-hero .eks-club-quick {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.eks-ux-web .eks-commerce-hero .eks-club-quick > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    gap: 5px !important;
    width: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }
  body.eks-ux-web .eks-commerce-featurebar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; padding: 14px 16px !important; }
  body.eks-ux-web .eks-commerce-featurebar > div { padding: 14px !important; min-height: 0 !important; }
  body.eks-ux-web .eks-commerce-featurebar strong { font-size: 15px !important; line-height: 1.3 !important; }
  body.eks-ux-web .eks-commerce-content { padding-inline: 16px !important; }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-hero {
    min-height: 0 !important;
    padding: 24px 16px !important;
    gap: 14px !important;
  }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-hero h1 {
    margin: 0 0 12px !important;
    font-size: clamp(28px, 7vw, 32px) !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
    white-space: normal !important;
  }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-hero p {
    margin-block: 6px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-featurebar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 16px !important;
  }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-featurebar > div { min-height: 0 !important; padding: 12px !important; }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-featurebar strong { font-size: 15px !important; line-height: 1.3 !important; }
  body.eks-ux-web .eks-club-stage.eks-ux-design-stage > .eks-club-featurebar span { font-size: 13px !important; line-height: 1.4 !important; }
  body.eks-ux-web.eks-category-page .eks-category-hero { padding: 28px 16px 22px !important; }
  body.eks-ux-web.eks-category-page .eks-category-products { padding-top: 16px !important; }
  body.eks-ux-web.eks-home-style-product-page .eks-decal-product-hero { padding: 24px 16px 40px !important; }
  body.eks-ux-web.eks-home-style-product-page .eks-decal-product-kicker { margin-bottom: 8px !important; font-size: 12px !important; }
  body.eks-ux-web.single-product .eks-decal-product-holder .woocommerce-product-gallery__image img {
    max-height: 280px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  body.eks-ux-web .eks-mobile-panel { max-height: 100dvh; overscroll-behavior: contain; }
  body.eks-ux-web.home .eks-ux-home-followup { margin-left: 0 !important; }
  body.eks-ux-web.home .eks-hero { padding: 32px 18px !important; }
  body.eks-ux-web.home .eks-benefits { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.eks-ux-web.home .eks-benefit { padding: 18px 14px !important; }
  body.eks-ux-web.home .eks-benefit h3 { font-size: 14px !important; }
  body.eks-ux-web.home .eks-benefit p { font-size: 14px !important; line-height: 1.5 !important; }
  body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; }
}
@media (max-width: 440px) {
  body.eks-ux-web:is(.home, .eks-category-page) .woocommerce ul.products { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 782px) {
  body.eks-ux-web.admin-bar { --eks-ux-admin-offset: 46px; }
}
@media (prefers-reduced-motion: reduce) {
  body.eks-ux-web :is(.eks-mobile-panel, .eks-club-mobilemenu, .eks-nav-item) { transition: none !important; }
}

/* Keep the gallery frame within its column instead of deriving width from its fixed height. */
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .ct-product-gallery-container,
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .ct-product-gallery-container .flexy-item > figure.ct-media-container {
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: auto !important;
}
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .ct-product-gallery-container {
  height: auto !important;
  min-height: 0 !important;
}
/* Blocksys huvudbild saknar wp-post-image; visa hela motivet utan att påverka zoomlagret. */
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .ct-product-gallery-container .flexy-item > figure.ct-media-container > img:not(.zoomImg) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}
/* Galleriinställningens fasta höjd ska inte ärvas av miniatyrerna. */
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .flexy-pills[data-type="thumbs"] .ct-media-container {
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1;
}
body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .flexy-pills[data-type="thumbs"] .ct-media-container > img:not(.zoomImg) {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
@media (max-width: 980px) {
  body.eks-ux-web.single-product:not(.eks-wall-art-product-page) .woocommerce-product-gallery .ct-product-gallery-container .flexy-item > figure.ct-media-container {
    height: min(70vw, 320px) !important;
    min-height: 0 !important;
  }
}

/* Keep designer text legible on mobile without changing canvas or order geometry. */
@media (max-width: 782px) {
  body.eks-ux-polish :is(.eks-designer-page .wcdd-wrap, .eks-logo-order-form, .eks-social-order-form) :is(textarea, select, input:not([type=hidden],[type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit],[type=reset])) {
    font-size: 16px !important;
    line-height: 1.45;
  }
}
body.eks-ux-polish :is(.eks-logo-order-form, .eks-social-order-form) textarea:focus-visible {
  outline: 3px solid #ff7d36;
  outline-offset: 3px;
}
/* Cart blocks retain Woo's flex widths after the site's grid override. */
body.eks-ux-web.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)) !important;
  gap: 20px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}
body.eks-ux-web.woocommerce-cart .wc-block-grid__products > .wc-block-grid__product {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--eks-ux-border) !important;
  border-radius: 8px;
  background: #111113;
  text-align: left;
}
body.eks-ux-web.woocommerce-cart .wp-block-woocommerce-empty-cart-block h2 {
  color: #fff !important;
  font-size: clamp(22px, 3vw, 30px);
  line-height: 1.25;
}
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-image {
  display: flex !important;
  align-items: center;
  justify-content: center;
  aspect-ratio: 4 / 3;
  margin: 0 0 16px !important;
  padding: 12px;
  border-radius: 5px;
  background-color: #f2f3f5;
  background-image: conic-gradient(#e2e5e9 25%, transparent 0 50%, #e2e5e9 0 75%, transparent 0);
  background-size: 20px 20px;
}
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-image img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-height: 240px;
  object-fit: contain;
}
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-title {
  color: #fff !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  word-break: normal;
  overflow-wrap: break-word;
}
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-price { color: #ff9a56 !important; font-size: 16px; }
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-add-to-cart { margin-top: auto; padding-top: 12px; }
body.eks-ux-web.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link {
  box-sizing: border-box;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 12px !important;
  font: 700 14px/1.4 system-ui, sans-serif !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-align: center;
}

/* Account forms must not inherit the theme's narrow navigation column. */
body.eks-ux-web.woocommerce-account .eks-ux-account-layout {
  display: grid !important;
  grid-template-columns: minmax(200px, 260px) minmax(0, 1fr) !important;
  align-items: start;
  gap: 24px !important;
}
body.eks-ux-web.woocommerce-account .eks-ux-account-layout > :is(.ct-acount-nav, .woocommerce-MyAccount-content, .eks-account-marketplace) {
  box-sizing: border-box;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body.eks-ux-web.woocommerce-account .eks-ux-account-layout > .eks-account-marketplace { grid-column: 1 / -1; }
body.eks-ux-web.woocommerce-account .eks-ux-account-layout > .ct-acount-nav { background: transparent !important; }
body.eks-ux-web.woocommerce-account .eks-ux-account-layout .woocommerce-MyAccount-navigation { margin: 0 !important; }
body.eks-ux-web.woocommerce-account .eks-account-marketplace-head span {
  color: #dedee3 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
body.eks-ux-web.woocommerce-account .eks-account-content :is(h2, h3) { line-height: 1.25 !important; overflow-wrap: break-word; }
body.eks-ux-web.woocommerce-account .eks-account-content :is(input, select, textarea):not([type=hidden],[type=checkbox],[type=radio],[type=submit],[type=button]) {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  font-size: 16px !important;
  line-height: 1.5;
}
body.eks-ux-web.woocommerce-account .eks-account-content :is(label, .description) {
  color: #e5e5e9 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-navigation a {
  min-height: 44px;
  height: auto !important;
  display: block !important;
  font: 600 14px/1.45 system-ui, sans-serif !important;
  white-space: normal !important;
  word-break: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  overflow-wrap: anywhere;
}
body.eks-ux-web.woocommerce-account .eks-account-hero {
  min-height: 0 !important;
  padding-block: 26px !important;
  gap: 20px !important;
}
body.eks-ux-web.woocommerce-account .eks-account-hero h1 {
  font-size: clamp(30px, 4vw, 44px) !important;
  line-height: 1.15 !important;
  margin: 0 0 12px !important;
}
@media (max-width: 980px) {
  body.eks-ux-web.woocommerce-account .eks-account-content { padding: 20px 16px !important; }
  body.eks-ux-web.woocommerce-account .eks-account-hero { padding: 22px 16px !important; }
  body.eks-ux-web.woocommerce-account .eks-account-hero .eks-club-quick { display: none !important; }
  body.eks-ux-web.woocommerce-account .eks-account-content > .eks-account-shortcuts { display: none !important; }
  body.eks-ux-web.woocommerce-account .eks-ux-account-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-navigation li { min-width: 0; margin: 0 !important; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-navigation a { padding: 10px !important; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-navigation ul a::before { display: none !important; }
  body.eks-ux-web.woocommerce-account .eks-account-marketplace { padding: 16px !important; }
  body.eks-ux-web.woocommerce-account .eks-account-marketplace-grid,
  body.eks-ux-web.woocommerce-account .eks-account-content .u-columns { grid-template-columns: minmax(0, 1fr) !important; }
  body.eks-ux-web.woocommerce-account .eks-account-content .u-columns > :is(.col-1, .col-2) { float: none !important; width: 100% !important; min-width: 0; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-content { padding: 16px !important; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-content > form { padding: 0 !important; border: 0 !important; }
  body.eks-ux-web.woocommerce-account .woocommerce-MyAccount-content fieldset { min-width: 0; margin-inline: 0 !important; padding: 12px !important; }
  body.eks-ux-web.woocommerce-account .eks-account-featurebar { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.eks-ux-web.woocommerce-account .eks-account-featurebar > div { padding: 16px !important; }
}
@media (max-width: 440px) {
  body.eks-ux-web.woocommerce-cart .wp-block-woocommerce-empty-cart-block .wc-block-grid__products { grid-template-columns: minmax(0, 1fr) !important; }
  body.eks-ux-web.woocommerce-account .eks-account-content .eks-hub-grid.two { grid-template-columns: minmax(0, 1fr) !important; }
}