/* Project-specific overrides for the HobbyGrowMobile JTL child template. */

/* Layout correction: use the available viewport width while keeping readable gutters. */
body.is-nova #content-wrapper.container-fluid,
body.is-nova #content-wrapper.container-fluid-xl,
body.is-nova .container-fluid-xl {
  max-width: none;
  width: 100%;
}

body.is-nova #content-wrapper {
  padding-left: clamp(1rem, 3vw, 2rem);
  padding-right: clamp(1rem, 3vw, 2rem);
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 1400px) {
  body.is-nova .product-list,
  body.is-nova .product-wrapper,
  body.is-nova .row.product-list,
  body.is-nova #result-wrapper {
    max-width: none;
  }
}

/* Motion correction: remove broad decorative movement. Keep interaction feedback subtle and intentional. */
html {
  scroll-behavior: auto;
}

body.is-nova .productbox,
body.is-nova .card,
body.is-nova .box {
  transform: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body.is-nova .productbox:hover,
body.is-nova .card:hover,
body.is-nova .box:hover {
  transform: none !important;
}

body.is-nova .btn,
body.is-nova .nav-link,
body.is-nova .productbox a {
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, opacity .16s ease !important;
}

body.is-nova .btn:active {
  transform: none !important;
}

/* Modernize away from default JTL chrome without adding distracting motion. */
body.is-nova .productbox,
body.is-nova .card {
  border-radius: 1.35rem !important;
}

body.is-nova .productbox:hover,
body.is-nova .card:hover {
  border-color: color-mix(in srgb, var(--hg-primary) 32%, var(--hg-border)) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, .16);
}

body.is-nova .breadcrumb-wrapper,
body.is-nova .breadcrumb {
  background: transparent !important;
}

/* Structural storefront pass: navigation and homepage layout. */
body.is-nova .navbar,
body.is-nova #jtl-nav-wrapper {
  background: color-mix(in srgb, var(--hg-bg) 82%, transparent) !important;
  backdrop-filter: blur(22px);
}

body.is-nova .hg-nav {
  flex-grow: 0;
}

body.is-nova .hg-nav-list {
  gap: .25rem;
  align-items: center;
}

body.is-nova .hg-nav-link {
  border-radius: 999px;
  padding: .65rem .95rem !important;
  color: var(--hg-text) !important;
  font-weight: 700;
  letter-spacing: .01em;
}

body.is-nova .hg-nav-link:hover,
body.is-nova .hg-nav-link:focus {
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent);
  color: var(--hg-primary) !important;
}

body.is-nova .hg-shop-menu {
  width: min(920px, calc(100vw - 2rem));
  left: 50% !important;
  transform: translateX(-50%) !important;
  padding: 0 !important;
  overflow: hidden;
}

body.is-nova .hg-shop-menu-inner {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) 1.4fr;
  gap: 1.25rem;
  padding: 1.25rem;
}

body.is-nova .hg-shop-menu-copy {
  padding: 1rem;
  border-radius: 1.25rem;
  background: radial-gradient(circle at 20% 0, var(--hg-glow), transparent 16rem), var(--hg-surface-2);
}

body.is-nova .hg-shop-menu-copy strong,
body.is-nova .hg-shop-menu-copy p {
  display: block;
  margin: .25rem 0 0;
}

body.is-nova .hg-shop-intents {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

body.is-nova .hg-intent-card,
body.is-nova .hg-discovery-card,
body.is-nova .hg-category-cloud__item,
body.is-nova .hg-category-pill {
  text-decoration: none;
}

body.is-nova .hg-intent-card {
  display: block;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid var(--hg-border);
  background: var(--hg-surface);
  color: var(--hg-text);
}

body.is-nova .hg-intent-card span,
body.is-nova .hg-intent-card small {
  display: block;
}

body.is-nova .hg-intent-card span { font-weight: 800; }
body.is-nova .hg-intent-card small { color: var(--hg-muted); margin-top: .15rem; }

body.is-nova .hg-category-strip {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

body.is-nova .hg-category-pill,
body.is-nova .hg-category-cloud__item {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: .6rem .9rem;
  border-radius: 999px;
  border: 1px solid var(--hg-border);
  color: var(--hg-text);
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent);
  font-weight: 700;
}

body.is-nova .hg-home-hero,
body.is-nova .hg-trust-strip,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-product-stage {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding-left: clamp(1rem, 4vw, 3rem);
  padding-right: clamp(1rem, 4vw, 3rem);
}

body.is-nova .hg-home-hero {
  min-height: clamp(560px, 78vh, 820px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
  padding-top: clamp(3rem, 8vw, 7rem);
  padding-bottom: clamp(3rem, 8vw, 7rem);
}

body.is-nova .hg-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--hg-primary);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.is-nova .hg-home-hero h1 {
  max-width: 11ch;
  margin: .8rem 0 1rem;
  font-size: clamp(3rem, 11vw, 7.8rem);
  line-height: .86;
  letter-spacing: -.075em;
}

body.is-nova .hg-home-hero p {
  max-width: 620px;
  color: var(--hg-muted);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
}

body.is-nova .hg-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
}

body.is-nova .hg-home-hero__panel {
  min-height: 420px;
  position: relative;
  border-radius: 2rem;
  border: 1px solid var(--hg-border);
  background: radial-gradient(circle at 50% 35%, var(--hg-glow), transparent 45%), linear-gradient(145deg, var(--hg-surface), var(--hg-surface-2));
  box-shadow: var(--hg-shadow);
  overflow: hidden;
}

body.is-nova .hg-home-hero__panel::before {
  content: '';
  position: absolute;
  inset: 12%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 35%, transparent);
  border-radius: 999px;
  filter: blur(.2px);
}

body.is-nova .hg-home-hero__panel::after {
  content: '';
  position: absolute;
  width: 46%;
  height: 46%;
  right: -8%;
  top: 18%;
  border-radius: 999px;
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 34%, transparent), transparent 68%);
  filter: blur(10px);
  opacity: .72;
  transform: translate3d(0, calc(var(--hg-parallax) * -.42), 0);
  will-change: transform;
}

body.is-nova .hg-orbit-card {
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 8%;
  padding: 1rem;
  border-radius: 1.25rem;
  background: color-mix(in srgb, var(--hg-bg) 76%, transparent);
  border: 1px solid var(--hg-border);
  backdrop-filter: blur(14px);
}

body.is-nova .hg-orbit-card--main { top: 8%; bottom: auto; }
body.is-nova .hg-orbit-card:nth-child(2) { left: auto; right: 8%; top: 42%; width: 46%; }
body.is-nova .hg-orbit-card:nth-child(3) { right: auto; left: 8%; top: 58%; width: 46%; }
body.is-nova .hg-orbit-card span,
body.is-nova .hg-orbit-card strong { display: block; }
body.is-nova .hg-orbit-card span { color: var(--hg-muted); }
body.is-nova .hg-orbit-card strong { font-size: 1.35rem; }

body.is-nova .hg-trust-strip,
body.is-nova .hg-discovery-grid,
body.is-nova .hg-category-cloud {
  display: grid;
  gap: .85rem;
}

body.is-nova .hg-trust-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 1rem;
  padding-bottom: 3rem;
}

body.is-nova .hg-trust-strip > div,
body.is-nova .hg-discovery-card {
  padding: 1.15rem;
  border-radius: 1.35rem;
  background: var(--hg-surface);
  border: 1px solid var(--hg-border);
}

body.is-nova .hg-trust-strip strong,
body.is-nova .hg-trust-strip span { display: block; }
body.is-nova .hg-trust-strip span { color: var(--hg-muted); margin-top: .2rem; }

body.is-nova .hg-section-heading {
  margin-bottom: 1.25rem;
}
body.is-nova .hg-section-heading h2 {
  max-width: 13ch;
  font-size: clamp(2rem, 6vw, 4.8rem);
  line-height: .92;
  letter-spacing: -.055em;
  margin: .45rem 0 0;
}

body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-product-stage {
  padding-top: clamp(2rem, 6vw, 5rem);
  padding-bottom: clamp(2rem, 6vw, 5rem);
}

body.is-nova .hg-discovery-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.is-nova .hg-discovery-card {
  color: var(--hg-text);
  min-height: 220px;
}
body.is-nova .hg-discovery-card span { color: var(--hg-primary); font-weight: 900; }
body.is-nova .hg-discovery-card h3 { margin-top: 2.4rem; }
body.is-nova .hg-discovery-card p { color: var(--hg-muted); }

body.is-nova .hg-category-cloud__items {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
}

@media (max-width: 991.98px) {
  body.is-nova .hg-nav {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(92vw, 420px);
    background: var(--hg-bg);
    box-shadow: -24px 0 80px rgba(0,0,0,.28);
    z-index: 1050;
    overflow-y: auto;
  }
  body.is-nova .hg-nav-list { align-items: stretch; padding: 0 1rem 1rem; }
  body.is-nova .hg-nav-link { display: flex; justify-content: space-between; padding: .9rem 1rem !important; }
  body.is-nova .hg-shop-menu { position: static !important; transform: none !important; width: 100%; box-shadow: none; }
  body.is-nova .hg-shop-menu-inner { grid-template-columns: 1fr; padding: .75rem; }
  body.is-nova .hg-shop-intents { grid-template-columns: 1fr; }
  body.is-nova .hg-home-hero { grid-template-columns: 1fr; min-height: auto; }
  body.is-nova .hg-home-hero__panel { min-height: 320px; }
  body.is-nova .hg-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.is-nova .hg-discovery-grid { grid-template-columns: 1fr; }
  body.is-nova .hg-discovery-card { min-height: 180px; }
}

@media (max-width: 575.98px) {
  body.is-nova .hg-trust-strip { grid-template-columns: 1fr; }
  body.is-nova .hg-hero-actions .btn { width: 100%; }
  body.is-nova .hg-home-hero h1 { font-size: clamp(3.15rem, 17vw, 4.8rem); }
}

/* Homepage content now lives in JTL/OPC Text elements. The theme only styles the hg-* classes. */

/* Header/footer theme correction: no NOVA white surfaces. */
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova #jtl-nav-wrapper,
body.is-nova header,
body.is-nova .navbar,
body.is-nova .fixed-navbar {
  background: color-mix(in srgb, var(--hg-bg) 86%, transparent) !important;
  color: var(--hg-text) !important;
  border-color: var(--hg-border) !important;
}

body.is-nova #jtl-nav-wrapper {
  border-bottom: 1px solid var(--hg-border);
  box-shadow: 0 12px 40px rgba(0, 0, 0, .08);
}

body.is-nova #shop-nav,
body.is-nova #shop-nav .nav-link,
body.is-nova .navbar .nav-link,
body.is-nova .navbar .btn,
body.is-nova .navbar-toggler {
  color: var(--hg-text) !important;
}

body.is-nova .navbar-toggler {
  border: 1px solid var(--hg-border) !important;
  background: color-mix(in srgb, var(--hg-surface) 76%, transparent) !important;
}

body.is-nova #footer {
  position: relative;
  margin-top: clamp(3rem, 8vw, 7rem);
  padding-top: clamp(2.5rem, 7vw, 5rem);
  background:
    radial-gradient(circle at 10% 0, var(--hg-glow), transparent 26rem),
    linear-gradient(180deg, color-mix(in srgb, var(--hg-surface-2) 72%, transparent), var(--hg-bg)) !important;
  color: var(--hg-text) !important;
  border-top: 1px solid var(--hg-border);
}

body.is-nova #footer::before {
  content: 'HobbyGrow';
  display: block;
  width: min(100%, 1440px);
  margin: 0 auto 1.25rem;
  padding: 0 clamp(1rem, 4vw, 3rem);
  color: var(--hg-primary);
  font-size: clamp(2.4rem, 10vw, 8rem);
  line-height: .85;
  font-weight: 900;
  letter-spacing: -.07em;
  opacity: .18;
}

body.is-nova #footer .container,
body.is-nova #footer .container-fluid {
  max-width: 1440px;
}

body.is-nova #footer,
body.is-nova #footer p,
body.is-nova #footer li,
body.is-nova #footer .small,
body.is-nova #footer small,
body.is-nova #footer .text-muted {
  color: var(--hg-muted) !important;
}

body.is-nova #footer h1,
body.is-nova #footer h2,
body.is-nova #footer h3,
body.is-nova #footer h4,
body.is-nova #footer .h1,
body.is-nova #footer .h2,
body.is-nova #footer .h3,
body.is-nova #footer .h4,
body.is-nova #footer .box-title {
  color: var(--hg-text) !important;
}

body.is-nova #footer a:not(.btn) {
  color: var(--hg-text) !important;
}

body.is-nova #footer a:not(.btn):hover,
body.is-nova #footer a:not(.btn):focus {
  color: var(--hg-primary) !important;
}

body.is-nova #footer .card,
body.is-nova #footer .box,
body.is-nova #footer .newsletter-footer {
  background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
  border-color: var(--hg-border) !important;
}

/* Intentional parallax layer: hero depth only, disabled for reduced motion. */
body.is-nova .hg-home-hero {
  --hg-parallax: 0px;
  --hg-parallax-soft: 0px;
  position: relative;
  overflow: hidden;
}

body.is-nova .hg-home-hero::before,
body.is-nova .hg-home-hero::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  z-index: -1;
}

body.is-nova .hg-home-hero::before {
  width: min(44vw, 34rem);
  height: min(44vw, 34rem);
  right: -8%;
  top: calc(5% + var(--hg-parallax-soft));
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 18%, transparent), transparent 68%);
}

body.is-nova .hg-home-hero::after {
  width: min(32vw, 24rem);
  height: min(32vw, 24rem);
  left: -10%;
  bottom: calc(8% - var(--hg-parallax-soft));
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, transparent);
}

body.is-nova .hg-home-hero__panel {
  transform: translate3d(0, calc(var(--hg-parallax) * -0.34), 0);
  will-change: transform;
}

body.is-nova .hg-home-hero__panel::before {
  transform: translate3d(0, calc(var(--hg-parallax) * .24), 0) rotate(calc(var(--hg-parallax) * .03deg));
  will-change: transform;
}

body.is-nova .hg-orbit-card--main {
  transform: translate3d(0, calc(var(--hg-parallax) * .24), 0);
}

body.is-nova .hg-orbit-card:nth-child(2) {
  transform: translate3d(0, calc(var(--hg-parallax) * -.20), 0);
}

body.is-nova .hg-orbit-card:nth-child(3) {
  transform: translate3d(0, calc(var(--hg-parallax) * .16), 0);
}

@media (prefers-reduced-motion: reduce) {
  body.is-nova .hg-home-hero,
  body.is-nova .hg-home-hero__panel,
  body.is-nova .hg-home-hero__panel::before,
  body.is-nova .hg-orbit-card {
    --hg-parallax: 0px !important;
    --hg-parallax-soft: 0px !important;
    transform: none !important;
  }
}


/* Logo-matched palette + denser live-site inspired homepage content. */
:root {
  --hg-logo-green: #28e810;
  --hg-logo-green-deep: #18a808;
  --hg-primary: #18a808;
  --hg-accent: #28e810;
  --hg-glow: rgba(40, 232, 16, .20);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) {
    --hg-primary: #28e810;
    --hg-accent: #18a808;
    --hg-glow: rgba(40, 232, 16, .28);
  }
}

:root[data-hg-theme="dark"] {
  --hg-primary: #28e810;
  --hg-accent: #18a808;
  --hg-glow: rgba(40, 232, 16, .28);
}

body.is-nova .hg-home-hero h1 {
  max-width: 12ch;
}

body.is-nova .hg-live-copy,
body.is-nova .hg-flagship,
body.is-nova .hg-product-stage .hg-section-heading,
body.is-nova .opc-ProductStream {
  width: min(100%, 1440px);
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(1rem, 4vw, 3rem);
  padding-right: clamp(1rem, 4vw, 3rem);
}

body.is-nova .hg-live-copy,
body.is-nova .hg-flagship {
  padding-top: clamp(2rem, 6vw, 5rem);
  padding-bottom: clamp(2rem, 6vw, 5rem);
}

body.is-nova .hg-live-copy__grid,
body.is-nova .hg-flagship__grid {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(280px, 1.12fr);
  gap: clamp(1rem, 4vw, 3rem);
  align-items: start;
}

body.is-nova .hg-copy-card,
body.is-nova .hg-flagship-card {
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 1.5rem;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-surface) 88%, transparent);
  box-shadow: var(--hg-shadow);
}

body.is-nova .hg-copy-card p,
body.is-nova .hg-flagship-card p,
body.is-nova .hg-muted-note {
  color: var(--hg-muted);
}

body.is-nova .hg-proof-list {
  display: grid;
  gap: .85rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.is-nova .hg-proof-list li {
  padding: .95rem 1rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--hg-primary) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, transparent);
}

body.is-nova .hg-proof-list strong,
body.is-nova .hg-proof-list span {
  display: block;
}

body.is-nova .hg-proof-list span {
  color: var(--hg-muted);
  margin-top: .15rem;
}

body.is-nova .hg-product-stage {
  padding-bottom: clamp(2rem, 6vw, 5rem);
}

body.is-nova .hg-product-stage .opc-ProductStream,
body.is-nova .hg-product-stage .opc-product-slider {
  margin-top: 1rem;
}

body.is-nova .hg-product-stage .productbox,
body.is-nova .opc-ProductStream .productbox {
  background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
}

@media (max-width: 991.98px) {
  body.is-nova .hg-live-copy__grid,
  body.is-nova .hg-flagship__grid {
    grid-template-columns: 1fr;
  }
}

/* Full theme surface sweep: remove remaining NOVA white inputs/dropdowns/modals and improve contrast. */
body.is-nova {
  --hg-input-bg: color-mix(in srgb, var(--hg-surface) 92%, var(--hg-bg));
  --hg-input-bg-focus: color-mix(in srgb, var(--hg-surface) 98%, var(--hg-primary) 2%);
  --hg-contrast-text: color-mix(in srgb, var(--hg-text) 96%, #000 4%);
}

:root[data-hg-theme="dark"] body.is-nova {
  --hg-input-bg: color-mix(in srgb, var(--hg-surface) 86%, #000 14%);
  --hg-input-bg-focus: color-mix(in srgb, var(--hg-surface) 90%, var(--hg-primary) 10%);
  --hg-contrast-text: #f4fff0;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova {
    --hg-input-bg: color-mix(in srgb, var(--hg-surface) 86%, #000 14%);
    --hg-input-bg-focus: color-mix(in srgb, var(--hg-surface) 90%, var(--hg-primary) 10%);
    --hg-contrast-text: #f4fff0;
  }
}

body.is-nova input,
body.is-nova textarea,
body.is-nova select,
body.is-nova .form-control,
body.is-nova .custom-select,
body.is-nova .input-group-text,
body.is-nova .bootstrap-select > .dropdown-toggle,
body.is-nova .bootstrap-select .dropdown-menu,
body.is-nova .dropdown-body,
body.is-nova .dropdown-footer,
body.is-nova .account-icon-dropdown .dropdown-menu,
body.is-nova .account-icon-dropdown #account-dropdown-menu,
body.is-nova .modal-content,
body.is-nova .popover,
body.is-nova .list-group-item,
body.is-nova .table,
body.is-nova .card,
body.is-nova .box,
body.is-nova .opc-Text,
body.is-nova .opc-Container {
  background-color: var(--hg-input-bg) !important;
  color: var(--hg-contrast-text) !important;
  border-color: var(--hg-border) !important;
}

body.is-nova input:focus,
body.is-nova textarea:focus,
body.is-nova select:focus,
body.is-nova .form-control:focus,
body.is-nova .custom-select:focus {
  background-color: var(--hg-input-bg-focus) !important;
  color: var(--hg-contrast-text) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 64%, var(--hg-border)) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--hg-primary) 24%, transparent) !important;
}

body.is-nova input::placeholder,
body.is-nova textarea::placeholder,
body.is-nova .form-control::placeholder,
body.is-nova .form-label-group > label,
body.is-nova label,
body.is-nova legend,
body.is-nova .form-text,
body.is-nova .text-muted,
body.is-nova .dropdown-body p,
body.is-nova .dropdown-footer {
  color: color-mix(in srgb, var(--hg-muted) 82%, var(--hg-text) 18%) !important;
}

body.is-nova input:-webkit-autofill,
body.is-nova input:-webkit-autofill:hover,
body.is-nova input:-webkit-autofill:focus,
body.is-nova textarea:-webkit-autofill,
body.is-nova select:-webkit-autofill {
  -webkit-text-fill-color: var(--hg-contrast-text) !important;
  -webkit-box-shadow: 0 0 0 1000px var(--hg-input-bg-focus) inset !important;
  caret-color: var(--hg-contrast-text);
}

body.is-nova .dropdown-menu,
body.is-nova .dropdown-menu .dropdown-item,
body.is-nova .dropdown-menu a,
body.is-nova .modal-content a:not(.btn),
body.is-nova .account-icon-dropdown a:not(.btn) {
  color: var(--hg-contrast-text) !important;
}

body.is-nova .dropdown-menu .dropdown-item:hover,
body.is-nova .dropdown-menu .dropdown-item:focus,
body.is-nova .dropdown-menu a:hover,
body.is-nova .account-icon-dropdown a:hover {
  background-color: color-mix(in srgb, var(--hg-primary) 13%, transparent) !important;
  color: var(--hg-primary) !important;
}

body.is-nova .invalid-feedback,
body.is-nova .is-invalid ~ .invalid-feedback,
body.is-nova .alert-danger {
  color: #ffd6d6 !important;
  background: color-mix(in srgb, #7f1d1d 28%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, #ff6b6b 45%, var(--hg-border)) !important;
}

body.is-nova .hg-header-logo-corner {
  align-items: center;
  margin-left: .35rem;
}

body.is-nova .hg-header-logo-link {
  width: 48px;
  height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border));
  background: color-mix(in srgb, var(--hg-surface) 80%, transparent);
  padding: .25rem !important;
}

body.is-nova .hg-header-logo-link img,
body.is-nova .hg-footer-brand img {
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.18));
}

body.is-nova .hg-footer-brand {
  display: grid;
  gap: 1.25rem;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
  border: 1px solid var(--hg-border);
  border-radius: 1.75rem;
  background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--hg-primary) 16%, transparent), transparent 22rem), color-mix(in srgb, var(--hg-surface) 86%, transparent);
  box-shadow: var(--hg-shadow);
}

body.is-nova .hg-footer-brand__logo {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
}

body.is-nova .hg-footer-brand__logo strong {
  display: block;
  color: var(--hg-text);
  font-size: clamp(1.3rem, 3vw, 2.1rem);
  line-height: 1;
  margin-top: .2rem;
}

body.is-nova .hg-footer-brand__logo p,
body.is-nova .hg-footer-brand__grid span {
  color: var(--hg-muted);
  margin: .25rem 0 0;
}

body.is-nova .hg-footer-brand__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

body.is-nova .hg-footer-brand__grid > div {
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-bg) 46%, transparent);
}

body.is-nova .hg-footer-brand__grid strong,
body.is-nova .hg-footer-brand__grid span {
  display: block;
}

body.is-nova .hg-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

body.is-nova .hg-footer-links a {
  padding: .55rem .8rem;
  border-radius: 999px;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-primary) 8%, transparent);
  color: var(--hg-text) !important;
  font-weight: 700;
}

body.is-nova .hg-manufacturer-band {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: clamp(2rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem);
}

body.is-nova .hg-manufacturer-band__inner {
  padding: clamp(1.2rem, 3vw, 2rem);
  border-radius: 1.5rem;
  border: 1px solid var(--hg-border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 12%, transparent), color-mix(in srgb, var(--hg-surface) 88%, transparent));
}

body.is-nova .hg-brand-marquee {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-top: 1rem;
}

body.is-nova .hg-brand-marquee span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: .55rem .85rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hg-bg) 55%, transparent);
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border));
  color: var(--hg-text);
  font-weight: 800;
}

@media (max-width: 991.98px) {
  body.is-nova .hg-footer-brand__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  body.is-nova .hg-footer-brand__logo,
  body.is-nova .hg-footer-brand__grid {
    grid-template-columns: 1fr;
  }
}

/* Live-site alignment pass: prominent logo, real manufacturer logos, fuller footer */
body.is-nova .hg-tall-logo-wrapper {
  min-height: clamp(4.5rem, 7vw, 6.25rem);
  align-items: center;
}

body.is-nova .hg-tall-logo {
  display: flex;
  align-items: center;
}

body.is-nova .hg-tall-logo__link {
  display: inline-flex !important;
  align-items: center;
  padding: .35rem 0 !important;
}

body.is-nova .hg-tall-logo__img,
body.is-nova #shop-logo.hg-tall-logo__img {
  width: clamp(190px, 20vw, 280px) !important;
  height: auto !important;
  max-height: clamp(58px, 7vw, 82px) !important;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.24));
}

body.is-nova .hg-header-logo-corner {
  margin-left: .75rem;
}

body.is-nova .hg-header-logo-link {
  width: auto;
  min-width: 150px;
  height: 54px;
  border-radius: 1.1rem;
  padding: .45rem .7rem !important;
}

body.is-nova .hg-header-logo-link img {
  width: 150px;
  height: auto;
  max-height: 34px;
}

body.is-nova .hg-brand-logo-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(110px, 1fr));
  gap: .75rem;
  margin-top: 1.25rem;
}

body.is-nova .hg-brand-logo-grid a,
body.is-nova .hg-brand-logo-grid span {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .9rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border));
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)), color-mix(in srgb, var(--hg-bg) 54%, transparent);
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}

body.is-nova .hg-brand-logo-grid img {
  width: 100%;
  max-width: 132px;
  max-height: 54px;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.24));
}

body.is-nova .hg-footer-brand {
  gap: 1rem;
}

body.is-nova .hg-footer-brand__hero {
  display: grid;
  grid-template-columns: minmax(210px, .7fr) minmax(0, 1.3fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: center;
}

body.is-nova .hg-footer-brand__logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: .8rem 1rem;
  border-radius: 1.35rem;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border));
  background: color-mix(in srgb, var(--hg-bg) 52%, transparent);
}

body.is-nova .hg-footer-brand__logo img {
  width: min(100%, 280px);
  height: auto;
  max-height: 74px;
}

body.is-nova .hg-footer-brand__claim strong {
  display: block;
  color: var(--hg-text);
  font-size: clamp(1.55rem, 3vw, 2.45rem);
  line-height: .98;
  margin-top: .3rem;
}

body.is-nova .hg-footer-brand__claim p,
body.is-nova .hg-footer-card span,
body.is-nova .hg-footer-build-note {
  color: var(--hg-muted);
}

body.is-nova .hg-footer-live-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
}

body.is-nova .hg-footer-card {
  display: grid;
  gap: .28rem;
  align-content: start;
  margin: 0;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-bg) 48%, transparent);
}

body.is-nova .hg-footer-card strong,
body.is-nova .hg-footer-card a {
  color: var(--hg-text) !important;
  font-weight: 800;
}

body.is-nova .hg-footer-bottom-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  align-items: start;
  padding-top: .5rem;
}

body.is-nova .hg-footer-legal,
body.is-nova .hg-footer-socials {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .9rem;
}

body.is-nova .hg-footer-legal a,
body.is-nova .hg-footer-socials a {
  color: var(--hg-muted) !important;
  font-weight: 700;
}

body.is-nova .hg-footer-legal a:hover,
body.is-nova .hg-footer-socials a:hover {
  color: var(--hg-primary) !important;
}

body.is-nova .hg-footer-build-note {
  margin: 0;
  padding-top: .75rem;
  border-top: 1px solid var(--hg-border);
  font-size: .92rem;
}

@media (max-width: 1199.98px) {
  body.is-nova .hg-brand-logo-grid {
    grid-template-columns: repeat(4, minmax(105px, 1fr));
  }
  body.is-nova .hg-footer-live-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  body.is-nova .hg-tall-logo__img,
  body.is-nova #shop-logo.hg-tall-logo__img {
    width: clamp(170px, 54vw, 220px) !important;
    max-height: 66px !important;
  }
  body.is-nova .hg-footer-brand__hero,
  body.is-nova .hg-footer-bottom-row {
    grid-template-columns: 1fr;
  }
  body.is-nova .hg-brand-logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px) {
  body.is-nova .hg-footer-live-grid {
    grid-template-columns: 1fr;
  }
  body.is-nova .hg-brand-logo-grid a,
  body.is-nova .hg-brand-logo-grid span {
    min-height: 74px;
  }
}

/* Correction pass: centered menu, single footer, icon socials, rotating info banner */
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #jtl-nav-wrapper .navbar-nav,
body.is-nova #jtl-nav-wrapper .nav,
body.is-nova #jtl-nav-wrapper .nav-icons,
body.is-nova #jtl-nav-wrapper .nav-item,
body.is-nova #jtl-nav-wrapper .nav-link,
body.is-nova .hg-nav-list,
body.is-nova .hg-nav-link {
  align-items: center !important;
}

body.is-nova #jtl-nav-wrapper .navbar {
  min-height: clamp(76px, 8vw, 104px);
}

body.is-nova #jtl-nav-wrapper .navbar-nav,
body.is-nova #jtl-nav-wrapper .nav-icons {
  display: flex;
}

body.is-nova #jtl-nav-wrapper .nav-link,
body.is-nova .hg-nav-link,
body.is-nova .hg-header-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  line-height: 1.1 !important;
}

body.is-nova #jtl-nav-wrapper .navbar.justify-content-start {
  align-items: center !important;
}

body.is-nova .hg-top-rotator {
  position: relative;
  overflow: hidden;
  color: var(--hg-text);
  background: linear-gradient(90deg, color-mix(in srgb, var(--hg-primary) 18%, var(--hg-bg)), var(--hg-bg));
  border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border));
}

body.is-nova .hg-top-rotator__track {
  min-height: 42px;
  display: grid;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
}

body.is-nova .hg-top-rotator__item {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  color: var(--hg-text) !important;
  font-weight: 750;
  text-decoration: none !important;
  opacity: 0;
  transform: translateY(8px);
  animation: hgTopRotator 20s infinite;
}

body.is-nova .hg-top-rotator__item:nth-child(2) { animation-delay: 5s; }
body.is-nova .hg-top-rotator__item:nth-child(3) { animation-delay: 10s; }
body.is-nova .hg-top-rotator__item:nth-child(4) { animation-delay: 15s; }

body.is-nova .hg-top-rotator__item span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: .25rem .55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hg-primary) 18%, transparent);
  color: var(--hg-primary);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .72rem;
}

@keyframes hgTopRotator {
  0%, 20% { opacity: 1; transform: translateY(0); }
  25%, 100% { opacity: 0; transform: translateY(-8px); }
}

@media (prefers-reduced-motion: reduce) {
  body.is-nova .hg-top-rotator__item {
    animation: none;
    opacity: 0;
    transform: none;
  }
  body.is-nova .hg-top-rotator__item:first-child { opacity: 1; }
}

body.is-nova .hg-footer-socials {
  align-items: center;
}

body.is-nova .hg-social-icon {
  width: 42px;
  height: 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-primary) 10%, transparent);
  color: var(--hg-text) !important;
  font-size: 1.1rem;
}

body.is-nova .hg-social-icon:hover {
  color: var(--hg-primary) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border));
}

body.is-nova .hg-product-highlight-band {
  width: min(100%, 1440px);
  margin: 0 auto;
  padding: clamp(2rem, 6vw, 4.5rem) clamp(1rem, 4vw, 3rem);
}

body.is-nova .hg-product-highlight-band__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
}

body.is-nova .hg-product-highlight-card {
  display: grid;
  gap: .3rem;
  padding: 1.15rem;
  border-radius: 1.25rem;
  border: 1px solid var(--hg-border);
  background: radial-gradient(circle at 0 0, color-mix(in srgb, var(--hg-primary) 12%, transparent), transparent 16rem), var(--hg-surface);
}

body.is-nova .hg-product-highlight-card strong { color: var(--hg-text); }
body.is-nova .hg-product-highlight-card span { color: var(--hg-muted); }

@media (max-width: 767.98px) {
  body.is-nova .hg-top-rotator__item {
    justify-content: flex-start;
    font-size: .9rem;
  }
  body.is-nova .hg-product-highlight-band__grid {
    grid-template-columns: 1fr;
  }
}

/* Feedback pass: hero slideshow, logo contrast, nav alignment, motion and button clarity */
body.is-nova .hg-top-rotator { display: none !important; }

body.is-nova #jtl-nav-wrapper .hg-main-navbar,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #jtl-nav-wrapper .navbar-collapse,
body.is-nova #jtl-nav-wrapper .hg-nav,
body.is-nova #jtl-nav-wrapper .hg-nav-body,
body.is-nova #jtl-nav-wrapper .hg-nav-list,
body.is-nova #jtl-nav-wrapper .nav-icons {
  align-items: center !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-body {
  display: flex;
  align-self: center;
}

body.is-nova #jtl-nav-wrapper .hg-nav-list {
  height: 100%;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-item,
body.is-nova #jtl-nav-wrapper .hg-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
}

body.is-nova .hg-header-logo-corner { display: none !important; }

body.is-nova .hg-tall-logo__link,
body.is-nova .hg-footer-brand__logo {
  background: #fffdf1 !important;
  border-color: color-mix(in srgb, var(--hg-primary) 28%, #f5e8ba) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .20);
}

body.is-nova .hg-tall-logo__img,
body.is-nova #shop-logo.hg-tall-logo__img,
body.is-nova .hg-footer-brand__logo img {
  filter: drop-shadow(0 4px 10px rgba(0,0,0,.16)) saturate(1.04) !important;
}

body.is-nova .hg-theme-toggle {
  left: max(1rem, env(safe-area-inset-left));
  right: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom));
}

body.is-nova .scroll-up-button,
body.is-nova .scroll-top,
body.is-nova #scroll-top,
body.is-nova .smoothscroll-top {
  right: max(1rem, env(safe-area-inset-right)) !important;
  left: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
}

body.is-nova .hg-hero-slider {
  width: min(100%, 1440px);
  min-height: clamp(560px, 76vh, 820px);
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1rem, 4vw, 3rem);
  position: relative;
  overflow: hidden;
  display: grid;
  align-items: stretch;
}

body.is-nova .hg-hero-slider::before,
body.is-nova .hg-hero-slider::after,
body.is-nova .hg-live-copy::before,
body.is-nova .hg-product-highlight-band::before {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  opacity: .65;
  animation: hgFloatShape 12s ease-in-out infinite alternate;
}

body.is-nova .hg-hero-slider::before {
  width: min(34vw, 28rem);
  height: min(34vw, 28rem);
  right: -8%;
  top: 8%;
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 22%, transparent), transparent 70%);
}

body.is-nova .hg-hero-slider::after {
  width: min(24vw, 18rem);
  height: min(24vw, 18rem);
  left: -5%;
  bottom: 10%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, transparent);
  animation-delay: -4s;
}

body.is-nova .hg-hero-slider__viewport {
  position: relative;
  z-index: 1;
  border-radius: clamp(1.5rem, 4vw, 2.6rem);
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border));
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 88%, transparent), color-mix(in srgb, var(--hg-bg) 76%, transparent));
  box-shadow: var(--hg-shadow);
}

body.is-nova .hg-hero-slide {
  min-height: clamp(480px, 62vh, 680px);
  grid-area: 1 / 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .72fr);
  gap: clamp(1rem, 4vw, 4rem);
  align-items: center;
  padding: clamp(1.5rem, 5vw, 4.5rem);
  opacity: 0;
  transform: translateX(4%) scale(.985);
  animation: hgHeroSlide 21s infinite;
}

body.is-nova .hg-hero-slider__viewport { display: grid; }
body.is-nova .hg-hero-slide:nth-child(2) { animation-delay: 7s; }
body.is-nova .hg-hero-slide:nth-child(3) { animation-delay: 14s; }

body.is-nova .hg-hero-slide h1 {
  margin: .8rem 0 1rem;
  font-size: clamp(3rem, 9vw, 7.4rem);
  line-height: .86;
  letter-spacing: -.075em;
  max-width: 12ch;
}

body.is-nova .hg-hero-slide p {
  max-width: 620px;
  color: var(--hg-muted);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
}

body.is-nova .hg-hero-slide__visual {
  min-height: 360px;
  position: relative;
  border-radius: 2rem;
  border: 1px solid var(--hg-border);
  background: radial-gradient(circle at 50% 35%, var(--hg-glow), transparent 45%), linear-gradient(145deg, var(--hg-surface), var(--hg-surface-2));
  overflow: hidden;
}

body.is-nova .hg-hero-bubble {
  position: absolute;
  display: grid;
  gap: .15rem;
  padding: .95rem;
  border-radius: 1.2rem;
  border: 1px solid var(--hg-border);
  background: color-mix(in srgb, var(--hg-bg) 74%, transparent);
  backdrop-filter: blur(14px);
  animation: hgBubbleFloat 8s ease-in-out infinite alternate;
}

body.is-nova .hg-hero-bubble strong { color: var(--hg-text); font-size: 1.15rem; }
body.is-nova .hg-hero-bubble span { color: var(--hg-muted); }
body.is-nova .hg-hero-bubble:nth-child(1) { left: 8%; top: 10%; right: 18%; }
body.is-nova .hg-hero-bubble:nth-child(2) { right: 7%; top: 44%; width: 48%; animation-delay: -2s; }
body.is-nova .hg-hero-bubble:nth-child(3) { left: 8%; bottom: 10%; width: 52%; animation-delay: -5s; }

body.is-nova .hg-slider-dots {
  position: absolute;
  left: clamp(1.5rem, 5vw, 4.5rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 3;
  display: flex;
  gap: .45rem;
}

body.is-nova .hg-slider-dots span {
  width: 2.4rem;
  height: .28rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hg-text) 22%, transparent);
  overflow: hidden;
}

body.is-nova .hg-slider-dots span::before {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  transform-origin: left;
  transform: scaleX(0);
  background: var(--hg-primary);
  animation: hgDot 21s infinite;
}
body.is-nova .hg-slider-dots span:nth-child(2)::before { animation-delay: 7s; }
body.is-nova .hg-slider-dots span:nth-child(3)::before { animation-delay: 14s; }

body.is-nova .hg-hero-slider .btn,
body.is-nova .hg-hero-slider a.btn {
  text-decoration: none !important;
}

@keyframes hgHeroSlide {
  0%, 27% { opacity: 1; transform: translateX(0) scale(1); z-index: 2; }
  33%, 100% { opacity: 0; transform: translateX(-4%) scale(.985); z-index: 1; }
}

@keyframes hgDot {
  0%, 27% { transform: scaleX(1); }
  33%, 100% { transform: scaleX(0); }
}

@keyframes hgBubbleFloat {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(0, -14px, 0); }
}

@keyframes hgFloatShape {
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to { transform: translate3d(18px, -22px, 0) rotate(10deg); }
}

body.is-nova a,
body.is-nova #footer a,
body.is-nova .hg-footer-links a,
body.is-nova .hg-footer-legal a {
  text-decoration: none !important;
}

body.is-nova .btn,
body.is-nova a.btn,
body.is-nova .hg-category-pill,
body.is-nova .hg-category-cloud__item,
body.is-nova .hg-intent-card,
body.is-nova .hg-footer-links a,
body.is-nova .hg-product-highlight-card,
body.is-nova .productbox .btn,
body.is-nova .productbox a[href] {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova .btn:hover,
body.is-nova a.btn:hover,
body.is-nova .hg-category-pill:hover,
body.is-nova .hg-category-cloud__item:hover,
body.is-nova .hg-intent-card:hover,
body.is-nova .hg-footer-links a:hover,
body.is-nova .hg-product-highlight-card:hover,
body.is-nova .productbox a[href]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
}

body.is-nova .hg-live-copy,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-flagship,
body.is-nova .hg-manufacturer-band,
body.is-nova .hg-product-highlight-band,
body.is-nova .opc-ProductStream {
  position: relative;
  overflow: visible;
  padding-top: clamp(1.6rem, 4vw, 3.5rem);
  padding-bottom: clamp(1.6rem, 4vw, 3.5rem);
}

body.is-nova .hg-reveal-ready {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .65s ease, transform .65s ease;
}

body.is-nova .hg-reveal-ready.hg-in-view {
  opacity: 1;
  transform: translateY(0);
}

body.is-nova .hg-reveal-ready:nth-child(2n) { transition-delay: .06s; }
body.is-nova .hg-reveal-ready:nth-child(3n) { transition-delay: .12s; }

@media (max-width: 991.98px) {
  body.is-nova .hg-hero-slide {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  body.is-nova .hg-hero-slide__visual { min-height: 300px; }
}

@media (prefers-reduced-motion: reduce) {
  body.is-nova .hg-hero-slide,
  body.is-nova .hg-slider-dots span::before,
  body.is-nova .hg-hero-bubble,
  body.is-nova .hg-hero-slider::before,
  body.is-nova .hg-hero-slider::after,
  body.is-nova .hg-reveal-ready {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
  body.is-nova .hg-hero-slide { opacity: 0; }
  body.is-nova .hg-hero-slide:first-child { opacity: 1; }
  body.is-nova .hg-reveal-ready { opacity: 1; }
}

/* Refinement pass: readable logo, in-menu theme toggle, safer shapes, real clickable hovers only */
body.is-nova .hg-brand-lockup {
  display: inline-flex !important;
  align-items: center;
  gap: .55rem;
  min-height: 64px;
  padding: .35rem .65rem .35rem .15rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.is-nova .hg-brand-lockup__mark {
  width: clamp(42px, 5vw, 56px);
  height: clamp(42px, 5vw, 56px);
  object-fit: contain;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, .24));
}

body.is-nova .hg-brand-lockup__text {
  display: inline-flex;
  align-items: baseline;
  gap: .08em;
  font-size: clamp(1.45rem, 2.7vw, 2.35rem);
  line-height: .9;
  letter-spacing: -.055em;
  font-weight: 950;
  text-shadow: 0 8px 22px rgba(0,0,0,.32);
}

body.is-nova .hg-brand-lockup__text span { color: var(--hg-text); }
body.is-nova .hg-brand-lockup__text strong { color: var(--hg-primary); font-weight: 950; }

body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo {
  display: flex;
  align-items: center !important;
  align-self: center !important;
}

body.is-nova .hg-tall-logo__link,
body.is-nova .hg-tall-logo__img,
body.is-nova #shop-logo.hg-tall-logo__img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

body.is-nova #jtl-nav-wrapper .hg-main-navbar {
  min-height: clamp(76px, 7vw, 98px);
  display: flex !important;
  align-items: center !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav {
  align-self: center !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-list {
  align-items: center !important;
  min-height: 64px;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link {
  min-height: 44px;
  transform: none !important;
  box-shadow: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus {
  transform: none !important;
  box-shadow: none !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
  color: var(--hg-primary) !important;
}

body.is-nova .hg-theme-toggle-item {
  display: inline-flex;
  align-items: center;
  margin-left: .35rem;
}

body.is-nova .hg-theme-toggle {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  min-height: 42px;
  padding: .5rem .7rem;
  box-shadow: none;
  background: color-mix(in srgb, var(--hg-surface) 72%, transparent);
}

body.is-nova .hg-theme-toggle:hover {
  color: var(--hg-primary);
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border));
}

body.is-nova .hg-hero-slider {
  overflow: visible;
  padding-left: clamp(1.25rem, 5vw, 4rem);
  padding-right: clamp(1.25rem, 5vw, 4rem);
  isolation: isolate;
}

body.is-nova .hg-hero-slider__viewport {
  overflow: hidden;
}

body.is-nova .hg-hero-slider::before {
  right: 1.5%;
  top: 5%;
  z-index: -1;
  transform: translate3d(calc(var(--hg-parallax-soft, 0px) * .18), calc(var(--hg-parallax-soft, 0px) * -.18), 0);
}

body.is-nova .hg-hero-slider::after {
  left: 2%;
  bottom: 6%;
  z-index: -1;
  transform: translate3d(calc(var(--hg-parallax-soft, 0px) * -.14), calc(var(--hg-parallax-soft, 0px) * .16), 0);
}

body.is-nova #main-wrapper {
  position: relative;
  overflow: hidden;
}

body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  border-radius: 999px;
  opacity: .36;
}

body.is-nova #main-wrapper::before {
  width: min(28vw, 22rem);
  height: min(28vw, 22rem);
  top: 34rem;
  right: 2rem;
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 22%, transparent), transparent 70%);
  animation: hgFloatShape 16s ease-in-out infinite alternate;
}

body.is-nova #main-wrapper::after {
  width: min(24vw, 18rem);
  height: min(24vw, 18rem);
  top: 88rem;
  left: 1.5rem;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 25%, transparent);
  animation: hgFloatShape 18s ease-in-out infinite alternate-reverse;
}

body.is-nova .hg-live-copy::before,
body.is-nova .hg-product-highlight-band::before {
  width: min(18vw, 12rem);
  height: min(18vw, 12rem);
  right: 4%;
  top: 10%;
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 14%, transparent), transparent 70%);
  transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.18), 0);
}

/* Undo broad hover affordances on non-clickable/static elements. */
body.is-nova .card:not(:has(a[href], button)):hover,
body.is-nova .box:not(:has(a[href], button)):hover,
body.is-nova .hg-product-highlight-card:hover,
body.is-nova .hg-trust-strip > div:hover,
body.is-nova .hg-copy-card:hover,
body.is-nova .hg-flagship-card:not(:has(a[href], button)):hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--hg-border) !important;
}

body.is-nova .hg-product-highlight-card,
body.is-nova .hg-trust-strip > div,
body.is-nova .hg-copy-card {
  cursor: default;
}

body.is-nova a[href],
body.is-nova button,
body.is-nova .btn,
body.is-nova [role="button"] {
  cursor: pointer;
}

body.is-nova .hg-product-highlight-card {
  transition: border-color .18s ease, background-color .18s ease !important;
}

body.is-nova .hg-reveal-ready {
  opacity: 0;
  transform: translate3d(0, 42px, 0) scale(.985);
  transition: opacity .78s ease, transform .78s cubic-bezier(.2,.8,.2,1);
}

body.is-nova .hg-reveal-ready.hg-in-view {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

body.is-nova .hg-hero-slide h1.hg-reveal-ready,
body.is-nova .hg-section-heading h2.hg-reveal-ready {
  transform: translate3d(-22px, 34px, 0) scale(.98);
}

body.is-nova .hg-hero-slide h1.hg-reveal-ready.hg-in-view,
body.is-nova .hg-section-heading h2.hg-reveal-ready.hg-in-view {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (max-width: 991.98px) {
  body.is-nova .hg-brand-lockup__text { font-size: clamp(1.25rem, 6vw, 1.8rem); }
  body.is-nova .hg-theme-toggle__label { display: none; }
  body.is-nova .hg-theme-toggle { padding: .55rem; }
}

/* Gilles feedback pass: supplied logos, cleaner login dropdown, fuller abstract motion */
body.is-nova .hg-brand-lockup,
body.is-nova .hg-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: clamp(58px, 6vw, 76px) !important;
  padding: .25rem .15rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: opacity .18s ease !important;
  text-decoration: none !important;
}

body.is-nova .hg-brand-logo:hover,
body.is-nova .hg-brand-logo:focus,
body.is-nova .hg-brand-lockup:hover,
body.is-nova .hg-brand-lockup:focus {
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  opacity: .9;
}

body.is-nova .hg-brand-logo__img {
  display: block;
  width: clamp(180px, 18vw, 250px);
  height: auto;
  max-height: clamp(42px, 4.6vw, 56px);
  object-fit: contain;
  filter: none !important;
  transform: none !important;
}

body.is-nova .hg-brand-lockup__text,
body.is-nova .hg-brand-lockup__mark {
  display: none !important;
}

body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo,
body.is-nova #logo.logo-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.is-nova #jtl-nav-wrapper .hg-main-navbar,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #jtl-nav-wrapper .hg-nav-list,
body.is-nova #jtl-nav-wrapper .navbar-nav,
body.is-nova #jtl-nav-wrapper .nav-item {
  align-items: center !important;
}

body.is-nova .hg-hero-slider__viewport {
  display: grid !important;
  align-items: center !important;
  min-height: clamp(560px, calc(100svh - 150px), 760px);
}

body.is-nova .hg-hero-slide {
  align-items: center !important;
  min-height: clamp(560px, calc(100svh - 150px), 760px) !important;
}

body.is-nova .hg-hero-slide > * {
  align-self: center;
}

body.is-nova .hg-footer-brand__hero {
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center;
}

body.is-nova .hg-footer-brand__logo--mark {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: clamp(76px, 9vw, 104px);
  height: clamp(76px, 9vw, 104px);
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova .hg-footer-brand__logo--mark img {
  width: 100%;
  height: 100%;
  filter: none !important;
}

body.is-nova .hg-footer-brand__logo--mark:hover {
  transform: none !important;
  box-shadow: none !important;
  opacity: .92;
}

body.is-nova .account-icon-dropdown .dropdown-menu {
  min-width: min(92vw, 24rem);
  padding: .65rem !important;
  border-radius: 1.45rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  background: radial-gradient(circle at 14% 0, color-mix(in srgb, var(--hg-primary) 14%, transparent), transparent 12rem), color-mix(in srgb, var(--hg-surface) 94%, var(--hg-bg)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
  overflow: hidden;
}

body.is-nova .account-icon-dropdown #account-dropdown-menu,
body.is-nova #quick-login,
body.is-nova #quick-login fieldset,
body.is-nova .account-icon-dropdown .dropdown-footer {
  border: 0 !important;
  border-radius: 1.15rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova #quick-login {
  display: grid;
  gap: .8rem;
  margin: 0;
  padding: .4rem .35rem .2rem;
}

body.is-nova #quick-login legend {
  color: var(--hg-text) !important;
  font-weight: 850;
  letter-spacing: -.02em;
  margin-bottom: .35rem;
}

body.is-nova .account-icon-dropdown .form-group,
body.is-nova .account-icon-dropdown .form-row,
body.is-nova .account-icon-dropdown .form-label-group {
  margin-bottom: .65rem !important;
  background: transparent !important;
}

body.is-nova .account-icon-dropdown label,
body.is-nova .account-icon-dropdown .form-label-group > label {
  background: transparent !important;
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
  padding-left: .2rem;
}

body.is-nova .account-icon-dropdown input,
body.is-nova .account-icon-dropdown .form-control,
body.is-nova #email_quick,
body.is-nova #password_quick {
  height: 48px;
  border-radius: .95rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-bg) 68%, var(--hg-surface)) !important;
  color: var(--hg-contrast-text) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
}

body.is-nova .account-icon-dropdown input:focus,
body.is-nova .account-icon-dropdown .form-control:focus {
  background: color-mix(in srgb, var(--hg-surface) 90%, var(--hg-primary) 10%) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 58%, var(--hg-border)) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--hg-primary) 22%, transparent) !important;
}

body.is-nova .account-icon-dropdown .dropdown-footer {
  margin: .4rem .25rem .1rem;
  padding: .85rem .9rem !important;
  background: color-mix(in srgb, var(--hg-primary) 7%, transparent) !important;
  color: var(--hg-muted) !important;
}

body.is-nova #main-wrapper,
body.is-nova main#content,
body.is-nova .main-wrapper {
  background-image:
    radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--hg-primary) 10%, transparent), transparent 16rem),
    radial-gradient(circle at 92% 36%, color-mix(in srgb, var(--hg-primary) 12%, transparent), transparent 19rem),
    radial-gradient(circle at 7% 68%, color-mix(in srgb, var(--hg-primary) 8%, transparent), transparent 14rem),
    radial-gradient(circle at 94% 84%, color-mix(in srgb, var(--hg-primary) 10%, transparent), transparent 18rem);
}

body.is-nova .hg-hero-slider,
body.is-nova .hg-live-copy,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-flagship,
body.is-nova .hg-manufacturer-band,
body.is-nova .hg-product-highlight-band,
body.is-nova .hg-product-stage {
  position: relative;
  isolation: isolate;
}

body.is-nova .hg-live-copy::after,
body.is-nova .hg-discovery::before,
body.is-nova .hg-category-cloud::after,
body.is-nova .hg-flagship::before,
body.is-nova .hg-manufacturer-band::after,
body.is-nova .hg-product-stage::before {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  width: clamp(4.5rem, 10vw, 9rem);
  height: clamp(4.5rem, 10vw, 9rem);
  opacity: .34;
  border-radius: 34% 66% 58% 42% / 42% 35% 65% 58%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 32%, transparent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 14%, transparent), transparent),
    repeating-linear-gradient(45deg, transparent 0 11px, color-mix(in srgb, var(--hg-primary) 15%, transparent) 12px 13px);
  transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.22), 0) rotate(12deg);
  animation: hgLeafLikeFloat 20s ease-in-out infinite alternate;
}

body.is-nova .hg-live-copy::after { right: 3vw; top: 12%; }
body.is-nova .hg-discovery::before { left: 2vw; top: 18%; animation-delay: -4s; }
body.is-nova .hg-category-cloud::after { right: 4vw; bottom: 5%; animation-delay: -8s; }
body.is-nova .hg-flagship::before { left: 3vw; bottom: 16%; animation-delay: -11s; }
body.is-nova .hg-manufacturer-band::after { right: 5vw; top: 8%; animation-delay: -14s; }
body.is-nova .hg-product-stage::before { left: 4vw; top: 20%; animation-delay: -17s; }

body.is-nova #main-wrapper::before {
  width: min(32vw, 25rem);
  height: min(32vw, 25rem);
  right: -2rem;
  opacity: .44;
}

body.is-nova #main-wrapper::after {
  width: min(28vw, 20rem);
  height: min(28vw, 20rem);
  left: -1rem;
  opacity: .36;
}

@keyframes hgLeafLikeFloat {
  from { transform: translate3d(-8px, calc(var(--hg-parallax-soft, 0px) * -.16), 0) rotate(-8deg) scale(.96); }
  to { transform: translate3d(16px, calc(var(--hg-parallax-soft, 0px) * .18), 0) rotate(14deg) scale(1.04); }
}

@media (max-width: 991.98px) {
  body.is-nova .hg-brand-logo__img { width: clamp(148px, 44vw, 210px); max-height: 48px; }
  body.is-nova .hg-hero-slider__viewport,
  body.is-nova .hg-hero-slide { min-height: clamp(620px, calc(100svh - 115px), 780px) !important; }
  body.is-nova .hg-hero-slide { align-content: center; }
  body.is-nova .hg-footer-brand__hero { grid-template-columns: 1fr !important; text-align: left; }
  body.is-nova .hg-footer-brand__logo--mark { width: 78px; height: 78px; }
  body.is-nova .account-icon-dropdown .dropdown-menu { min-width: min(94vw, 22rem); }
}

@media (prefers-reduced-motion: reduce) {
  body.is-nova .hg-live-copy::after,
  body.is-nova .hg-discovery::before,
  body.is-nova .hg-category-cloud::after,
  body.is-nova .hg-flagship::before,
  body.is-nova .hg-manufacturer-band::after,
  body.is-nova .hg-product-stage::before {
    animation: none !important;
    transform: none !important;
  }
}

/* Centering correction + dark-theme supplied logo */
body.is-nova #main-wrapper.aside-active {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

body.is-nova #main-wrapper.aside-active #content-wrapper {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: none !important;
}

body.is-nova #content-wrapper,
body.is-nova .hg-hero-slider,
body.is-nova .hg-live-copy,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-flagship,
body.is-nova .hg-manufacturer-band,
body.is-nova .hg-product-highlight-band,
body.is-nova .hg-product-stage {
  margin-left: auto !important;
  margin-right: auto !important;
}

body.is-nova {
  overflow-x: clip;
}

body.is-nova .hg-brand-logo {
  position: relative;
}

body.is-nova .hg-brand-logo__img--light {
  display: none;
}

:root[data-hg-theme="dark"] body.is-nova .hg-brand-logo__img--dark {
  display: none;
}

:root[data-hg-theme="dark"] body.is-nova .hg-brand-logo__img--light {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .hg-brand-logo__img--dark {
    display: none;
  }

  :root:not([data-hg-theme="light"]) body.is-nova .hg-brand-logo__img--light {
    display: block;
  }
}

/* Center homepage content when JTL opens the left-sidebar row/column without showing a useful sidebar. */
body.is-nova #content-wrapper > .row.justify-content-lg-end {
  justify-content: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

body.is-nova #content-wrapper > .row.justify-content-lg-end > [class*="col-"] {
  margin-left: auto !important;
  margin-right: auto !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.is-nova #content-wrapper > .row.justify-content-lg-end .opc-area,
body.is-nova #content-wrapper > .row.justify-content-lg-end .opc-Container,
body.is-nova #content-wrapper > .row.justify-content-lg-end .opc-Text {
  width: 100%;
}

/* Header float containment: NOVA keeps the burger/logo wrapper floated, which can make main content flow beside it after cache rebuilds. */
body.is-nova #main-wrapper {
  clear: both !important;
  display: block !important;
  width: 100% !important;
}

/* Motion/contrast refinement: layered parallax, smooth scroll, cleaner hovers, stronger contrast */
html {
  scroll-behavior: smooth;
}

body.is-nova #header-top-bar,
body.is-nova #header-top-bar a,
body.is-nova #header-top-bar .nav-link,
body.is-nova #header-top-bar .dropdown-toggle {
  color: var(--hg-text) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 0 color-mix(in srgb, var(--hg-bg) 70%, transparent);
}

body.is-nova #header-top-bar a:hover,
body.is-nova #header-top-bar a:focus {
  color: var(--hg-primary) !important;
  text-decoration: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link,
body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .nav-link,
body.is-nova #jtl-nav-wrapper .nav-link:hover,
body.is-nova #jtl-nav-wrapper .nav-link:focus,
body.is-nova #header-top-bar a,
body.is-nova #header-top-bar a:hover,
body.is-nova #header-top-bar a:focus {
  text-decoration: none !important;
  background-image: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus {
  background: transparent !important;
  color: var(--hg-primary) !important;
  box-shadow: inset 0 -2px 0 var(--hg-primary) !important;
  transform: none !important;
}

body.is-nova #shop-nav > .nav-item > a,
body.is-nova #shop-nav > .nav-item > button,
body.is-nova #shop-nav .nav-link,
body.is-nova #shop-nav .dropdown-toggle,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .account-icon-dropdown > a,
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"],
body.is-nova #shop-nav [href*="warenkorb"] {
  border-radius: 999px !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease !important;
}

body.is-nova #shop-nav > .nav-item > a:hover,
body.is-nova #shop-nav > .nav-item > button:hover,
body.is-nova #shop-nav .nav-link:hover,
body.is-nova #shop-nav .dropdown-toggle:hover,
body.is-nova #shop-nav .cart-icon-dropdown:hover,
body.is-nova #shop-nav .account-icon-dropdown > a:hover,
body.is-nova #shop-nav .wishlist-icon:hover,
body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
body.is-nova #shop-nav [href*="wunschliste"]:hover,
body.is-nova #shop-nav [href*="warenkorb"]:hover {
  color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova .account-icon-dropdown .dropdown-menu a:not(.btn):hover,
body.is-nova .account-icon-dropdown .dropdown-menu a:not(.btn):focus,
body.is-nova .account-icon-dropdown .dropdown-footer a:hover,
body.is-nova .account-icon-dropdown .dropdown-footer a:focus {
  background: transparent !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.is-nova .account-icon-dropdown #submit-btn,
body.is-nova .account-icon-dropdown .btn-primary,
body.is-nova .btn-primary {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body.is-nova .account-icon-dropdown #submit-btn:hover,
body.is-nova .account-icon-dropdown #submit-btn:focus,
body.is-nova .btn-primary:hover,
body.is-nova .btn-primary:focus {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, #28e810 24%, transparent) !important;
}

body.is-nova .hg-footer-card strong,
body.is-nova .hg-footer-brand__grid strong,
body.is-nova .hg-footer-brand__claim strong,
body.is-nova .hg-section-heading h2,
body.is-nova .hg-live-copy h2,
body.is-nova .hg-discovery h2 {
  color: var(--hg-text) !important;
}

body.is-nova .hg-hero-slider,
body.is-nova .hg-live-copy,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-flagship,
body.is-nova .hg-manufacturer-band,
body.is-nova .hg-product-highlight-band,
body.is-nova .hg-product-stage {
  --hg-parallax-medium: 0px;
  --hg-parallax-reverse: 0px;
}

body.is-nova .hg-hero-slide__visual {
  transform: translate3d(0, calc(var(--hg-parallax-medium, 0px) * -.12), 0);
}

body.is-nova .hg-hero-slide h1 {
  transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.08), 0);
}

body.is-nova .hg-hero-bubble:nth-child(1) { transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.18), 0); }
body.is-nova .hg-hero-bubble:nth-child(2) { transform: translate3d(0, calc(var(--hg-parallax-medium, 0px) * .12), 0); }
body.is-nova .hg-hero-bubble:nth-child(3) { transform: translate3d(0, calc(var(--hg-parallax-reverse, 0px) * .16), 0); }

body.is-nova .hg-live-copy::before,
body.is-nova .hg-live-copy::after,
body.is-nova .hg-discovery::before,
body.is-nova .hg-category-cloud::after,
body.is-nova .hg-flagship::before,
body.is-nova .hg-manufacturer-band::after,
body.is-nova .hg-product-stage::before {
  will-change: transform;
}

body.is-nova .hg-live-copy::after { transform: translate3d(calc(var(--hg-parallax-soft, 0px) * .18), calc(var(--hg-parallax-medium, 0px) * -.2), 0) rotate(10deg); }
body.is-nova .hg-discovery::before { transform: translate3d(calc(var(--hg-parallax-soft, 0px) * -.16), calc(var(--hg-parallax-medium, 0px) * .18), 0) rotate(-12deg); }
body.is-nova .hg-category-cloud::after { transform: translate3d(calc(var(--hg-parallax-medium, 0px) * .12), calc(var(--hg-parallax-soft, 0px) * -.24), 0) rotate(16deg); }
body.is-nova .hg-flagship::before { transform: translate3d(calc(var(--hg-parallax-soft, 0px) * -.22), calc(var(--hg-parallax-reverse, 0px) * .22), 0) rotate(-8deg); }
body.is-nova .hg-manufacturer-band::after { transform: translate3d(calc(var(--hg-parallax-medium, 0px) * .16), calc(var(--hg-parallax-soft, 0px) * -.2), 0) rotate(14deg); }
body.is-nova .hg-product-stage::before { transform: translate3d(calc(var(--hg-parallax-soft, 0px) * -.18), calc(var(--hg-parallax-medium, 0px) * .16), 0) rotate(-10deg); }

body.is-nova .hg-footer-brand::before,
body.is-nova .hg-footer-brand::after {
  content: '';
  position: absolute;
  pointer-events: none;
  border-radius: 999px;
  opacity: .3;
  z-index: 0;
}

body.is-nova .hg-footer-brand::before {
  width: clamp(5rem, 10vw, 9rem);
  height: clamp(5rem, 10vw, 9rem);
  right: 5%;
  top: 8%;
  background: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 20%, transparent), transparent 70%);
  transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.16), 0);
}

body.is-nova .hg-footer-brand::after {
  width: clamp(4rem, 8vw, 7rem);
  height: clamp(4rem, 8vw, 7rem);
  left: 4%;
  bottom: 10%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, transparent);
  transform: translate3d(0, calc(var(--hg-parallax-medium, 0px) * .12), 0);
}

body.is-nova .hg-footer-brand > * {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body.is-nova .hg-hero-slide__visual,
  body.is-nova .hg-hero-slide h1,
  body.is-nova .hg-hero-bubble,
  body.is-nova .hg-live-copy::after,
  body.is-nova .hg-discovery::before,
  body.is-nova .hg-category-cloud::after,
  body.is-nova .hg-flagship::before,
  body.is-nova .hg-manufacturer-band::after,
  body.is-nova .hg-product-stage::before,
  body.is-nova .hg-footer-brand::before,
  body.is-nova .hg-footer-brand::after {
    transform: none !important;
  }
}

/* Clean hover/transparency correction + popup/form polish + manual hero controls */
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova #jtl-nav-wrapper,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova header,
body.is-nova .navbar,
body.is-nova .fixed-navbar {
  background: color-mix(in srgb, var(--hg-bg) 42%, transparent) !important;
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
  box-shadow: none !important;
}

body.is-nova #jtl-nav-wrapper {
  border-bottom: 1px solid color-mix(in srgb, var(--hg-border) 52%, transparent) !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link,
body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .nav-link,
body.is-nova #jtl-nav-wrapper .nav-link:hover,
body.is-nova #jtl-nav-wrapper .nav-link:focus {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  outline-offset: 4px;
  transform: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus {
  color: var(--hg-primary) !important;
  opacity: .92;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link::before,
body.is-nova #jtl-nav-wrapper .hg-nav-link::after,
body.is-nova #jtl-nav-wrapper .nav-link::before,
body.is-nova #jtl-nav-wrapper .nav-link::after {
  display: none !important;
  content: none !important;
}

body.is-nova #shop-nav > .nav-item > a,
body.is-nova #shop-nav > .nav-item > button,
body.is-nova #shop-nav .nav-link,
body.is-nova #shop-nav .dropdown-toggle,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown,
body.is-nova #shop-nav .account-icon-dropdown > a,
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"],
body.is-nova #shop-nav [href*="warenkorb"] {
  min-width: 42px;
  min-height: 42px;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

body.is-nova #shop-nav > .nav-item > a:hover,
body.is-nova #shop-nav > .nav-item > button:hover,
body.is-nova #shop-nav .nav-link:hover,
body.is-nova #shop-nav .dropdown-toggle:hover,
body.is-nova #shop-nav .cart-icon-dropdown:hover,
body.is-nova #shop-nav .basket-icon-dropdown:hover,
body.is-nova #shop-nav .account-icon-dropdown > a:hover,
body.is-nova #shop-nav .wishlist-icon:hover,
body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
body.is-nova #shop-nav [href*="wunschliste"]:hover,
body.is-nova #shop-nav [href*="warenkorb"]:hover {
  color: var(--hg-primary) !important;
  background: transparent !important;
  border-color: color-mix(in srgb, var(--hg-primary) 30%, transparent) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--hg-primary) 18%, transparent) !important;
  transform: none !important;
}

body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"] {
  text-align: center !important;
  justify-content: center !important;
}

body.is-nova .account-icon-dropdown .dropdown-menu,
body.is-nova .dropdown-menu,
body.is-nova .popover,
body.is-nova .modal-content {
  border-radius: 1.35rem !important;
  overflow: hidden;
}

body.is-nova .account-icon-dropdown label,
body.is-nova .account-icon-dropdown .form-label-group > label,
body.is-nova .account-icon-dropdown label::before,
body.is-nova .account-icon-dropdown label::after,
body.is-nova .account-icon-dropdown .form-label-group > label::before,
body.is-nova .account-icon-dropdown .form-label-group > label::after,
body.is-nova .account-icon-dropdown .required::after,
body.is-nova .account-icon-dropdown .form-required::after,
body.is-nova .account-icon-dropdown abbr,
body.is-nova .account-icon-dropdown .text-danger {
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova .account-icon-dropdown .form-label-group > label {
  padding-right: .25rem !important;
}

body.is-nova .account-icon-dropdown .dropdown-menu a:not(.btn):hover,
body.is-nova .account-icon-dropdown .dropdown-menu a:not(.btn):focus,
body.is-nova .account-icon-dropdown .dropdown-footer a:hover,
body.is-nova .account-icon-dropdown .dropdown-footer a:focus {
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hg-primary) !important;
}

body.is-nova .hg-payment-icons {
  display: flex;
  flex-wrap: wrap;
  gap: .38rem;
  margin-top: .55rem;
}

body.is-nova .hg-payment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.8rem;
  padding: .25rem .55rem;
  border-radius: .65rem;
  border: 1px solid color-mix(in srgb, var(--hg-border) 80%, transparent);
  background: color-mix(in srgb, var(--hg-surface) 72%, transparent);
  color: var(--hg-text);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .01em;
}

body.is-nova .hg-hero-slider.is-manual .hg-hero-slide {
  animation: none !important;
  opacity: 0;
  pointer-events: none;
  transform: translateX(2%) scale(.99);
  transition: opacity .34s ease, transform .34s ease;
  z-index: 1;
}

body.is-nova .hg-hero-slider.is-manual .hg-hero-slide.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0) scale(1);
  z-index: 2;
}

body.is-nova .hg-slider-dots span,
body.is-nova .hg-slider-dots button {
  cursor: pointer;
}

body.is-nova .hg-hero-slider.is-manual .hg-slider-dots span::before {
  animation: none !important;
  transform: scaleX(0);
}

body.is-nova .hg-hero-slider.is-manual .hg-slider-dots span.is-active::before {
  transform: scaleX(1);
}

body.is-nova .hg-hero-slider__manual {
  position: absolute;
  right: clamp(1.25rem, 4vw, 3rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 4;
  display: flex;
  gap: .5rem;
}

body.is-nova .hg-hero-slider__control {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border));
  background: color-mix(in srgb, var(--hg-surface) 64%, transparent);
  color: var(--hg-text);
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(14px);
}

body.is-nova .hg-hero-slider__control:hover,
body.is-nova .hg-hero-slider__control:focus {
  color: var(--hg-primary);
  border-color: color-mix(in srgb, var(--hg-primary) 54%, var(--hg-border));
  background: color-mix(in srgb, var(--hg-surface) 74%, transparent);
}

/* Gilles correction: unified glass header, bordered nav hover, side slider controls, stronger parallax, real payment logos */
body.is-nova {
  --hg-header-glass: color-mix(in srgb, var(--hg-bg) 42%, transparent);
  --hg-header-border: color-mix(in srgb, var(--hg-border) 68%, transparent);
}

body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova #jtl-nav-wrapper,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova header,
body.is-nova .navbar,
body.is-nova .fixed-navbar,
body.is-nova .hg-brand-logo,
body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo {
  background: var(--hg-header-glass) !important;
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
}

body.is-nova #jtl-nav-wrapper,
body.is-nova .hg-brand-logo,
body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo {
  border-bottom: 1px solid var(--hg-header-border) !important;
}

body.is-nova #jtl-nav-wrapper .hg-main-navbar {
  border-bottom: 0 !important;
}

body.is-nova .hg-brand-logo,
body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo {
  min-height: inherit !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link,
body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus {
  display: inline-flex !important;
  align-items: center;
  gap: .35rem;
  min-height: 42px;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  background-image: none !important;
  transform: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .hg-nav-item.show > .hg-nav-link,
body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"] {
  color: var(--hg-primary) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 34%, transparent) !important;
}

body.is-nova .hg-nav-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, currentColor 34%, transparent);
  font-size: .72rem;
  line-height: 1;
  transition: transform .18s ease, border-color .18s ease;
}

body.is-nova .hg-nav-link:hover .hg-nav-more,
body.is-nova .hg-nav-link:focus .hg-nav-more,
body.is-nova .hg-nav-link[aria-expanded="true"] .hg-nav-more {
  transform: rotate(180deg);
  border-color: color-mix(in srgb, var(--hg-primary) 58%, transparent);
}

body.is-nova .hg-payment-icon--logo {
  min-width: 3.7rem;
  min-height: 2rem;
  padding: .35rem .55rem;
  background: #fff !important;
  border-color: color-mix(in srgb, var(--hg-border) 70%, #fff) !important;
}

body.is-nova .hg-payment-icon--logo img {
  display: block;
  width: auto;
  max-width: 4.6rem;
  height: 1.15rem;
  object-fit: contain;
}

body.is-nova .hg-hero-slider__manual {
  inset: 0;
  pointer-events: none;
  align-items: center;
  justify-content: space-between;
  padding: 0 clamp(.65rem, 2vw, 1.35rem);
  bottom: auto;
  right: auto;
}

body.is-nova .hg-hero-slider__control {
  pointer-events: auto;
  width: clamp(44px, 4.2vw, 58px);
  height: clamp(44px, 4.2vw, 58px);
  border-radius: 18px;
  background: color-mix(in srgb, var(--hg-surface) 52%, transparent);
  box-shadow: 0 16px 40px rgba(0,0,0,.18);
}

body.is-nova .hg-slider-dots {
  left: 50%;
  transform: translateX(-50%);
}

body.is-nova .hg-hero-slider::before {
  transform: translate3d(calc(var(--hg-parallax, 0px) * .18), calc(var(--hg-parallax-medium, 0px) * -.28), 0) rotate(calc(var(--hg-parallax-soft, 0px) * .05deg));
}

body.is-nova .hg-hero-slider::after {
  transform: translate3d(calc(var(--hg-parallax-medium, 0px) * -.22), calc(var(--hg-parallax, 0px) * .16), 0) rotate(calc(var(--hg-parallax-soft, 0px) * -.06deg));
}

body.is-nova .hg-hero-slide__visual {
  transform: translate3d(calc(var(--hg-parallax-soft, 0px) * .10), calc(var(--hg-parallax-medium, 0px) * -.18), 0) scale(1.01);
}

body.is-nova .hg-hero-slide p,
body.is-nova .hg-hero-actions {
  transform: translate3d(0, calc(var(--hg-parallax-reverse, 0px) * .10), 0);
}

body.is-nova .hg-copy-card,
body.is-nova .hg-discovery-card,
body.is-nova .hg-flagship-card,
body.is-nova .productbox {
  transform: translate3d(0, calc(var(--hg-parallax-soft, 0px) * -.035), 0);
}

body.is-nova .hg-live-copy__grid,
body.is-nova .hg-discovery-grid,
body.is-nova .hg-flagship__grid {
  transform: translate3d(0, calc(var(--hg-parallax-medium, 0px) * -.045), 0);
}

@media (max-width: 767.98px) {
  body.is-nova .hg-hero-slider__manual {
    padding: 0 .4rem;
  }
  body.is-nova .hg-hero-slider__control {
    width: 42px;
    height: 42px;
    border-radius: 14px;
  }
}

/* Follow-up: pin hero controls to true left/right sides of the slider. */
body.is-nova .hg-hero-slider__manual {
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  width: 100% !important;
  transform: translateY(-50%);
  display: flex !important;
  justify-content: space-between !important;
}

/* Real visible scroll parallax layers: abstract, non-cannabis, multi-speed depth elements. */
body.is-nova #main-wrapper {
  isolation: isolate;
}

body.is-nova .hg-scroll-parallax-stage {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  min-height: 100%;
}

body.is-nova .hg-scroll-parallax-layer {
  position: absolute;
  display: block;
  width: clamp(4.5rem, 11vw, 12rem);
  height: clamp(4.5rem, 11vw, 12rem);
  opacity: .38;
  will-change: transform;
  transform: translate3d(0,0,0);
  filter: blur(.1px);
}

body.is-nova .hg-scroll-parallax-layer--orb {
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 35%, color-mix(in srgb, var(--hg-primary) 42%, transparent), transparent 42%),
    radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 16%, transparent), transparent 72%);
  box-shadow: 0 0 80px color-mix(in srgb, var(--hg-primary) 16%, transparent);
}

body.is-nova .hg-scroll-parallax-layer--ring {
  border-radius: 38% 62% 54% 46% / 42% 42% 58% 58%;
  border: clamp(1px, .18vw, 3px) solid color-mix(in srgb, var(--hg-primary) 32%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 20%, transparent), transparent);
}

body.is-nova .hg-scroll-parallax-layer--leaf {
  width: clamp(4rem, 9vw, 9rem);
  height: clamp(6rem, 13vw, 14rem);
  border-radius: 72% 28% 68% 32% / 58% 34% 66% 42%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 34%, transparent);
  background:
    linear-gradient(58deg, transparent 48%, color-mix(in srgb, var(--hg-primary) 22%, transparent) 49%, transparent 52%),
    radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--hg-primary) 18%, transparent), transparent 58%);
}

body.is-nova .hg-scroll-parallax-layer--dotgrid {
  opacity: .28;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 42%, transparent) 0 2px, transparent 2.5px);
  background-size: 18px 18px;
  border-radius: 1.5rem;
}

body.is-nova .hg-scroll-parallax-layer:nth-child(2n) { opacity: .28; }
body.is-nova .hg-scroll-parallax-layer:nth-child(3n) { width: clamp(3.5rem, 8vw, 8.5rem); height: clamp(3.5rem, 8vw, 8.5rem); }
body.is-nova .hg-scroll-parallax-layer:nth-child(4n) { opacity: .45; }

@media (max-width: 767.98px) {
  body.is-nova .hg-scroll-parallax-layer {
    opacity: .24;
    width: clamp(3rem, 18vw, 6rem);
    height: clamp(3rem, 18vw, 6rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.is-nova .hg-scroll-parallax-stage {
    display: none !important;
  }
}

/* Parallax simplification: fewer calm abstract layers, no orbs and no leaf-like shapes. */
body.is-nova .hg-scroll-parallax-layer {
  opacity: .25;
}

body.is-nova .hg-scroll-parallax-layer--orb,
body.is-nova .hg-scroll-parallax-layer--leaf {
  display: none !important;
}

body.is-nova .hg-scroll-parallax-layer--ring {
  width: clamp(5.5rem, 12vw, 13rem);
  height: clamp(5.5rem, 12vw, 13rem);
  opacity: .26;
  border-radius: 30% 70% 62% 38% / 42% 36% 64% 58%;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 26%, transparent);
  background: transparent !important;
}

body.is-nova .hg-scroll-parallax-layer--dotgrid {
  width: clamp(6rem, 14vw, 14rem);
  height: clamp(6rem, 14vw, 14rem);
  opacity: .20;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--hg-primary) 34%, transparent) 0 1.5px, transparent 2px);
  background-size: 20px 20px;
}

body.is-nova .hg-scroll-parallax-layer--linegrid {
  width: clamp(7rem, 16vw, 16rem);
  height: clamp(4rem, 9vw, 9rem);
  opacity: .18;
  border-radius: 1.4rem;
  background:
    repeating-linear-gradient(135deg, transparent 0 13px, color-mix(in srgb, var(--hg-primary) 22%, transparent) 14px 15px),
    linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 14%, transparent), transparent);
}

/* Gilles correction: arrow-only dropdown indicator, unified header glass, shared hover style. */
body.is-nova #jtl-nav-wrapper,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova header,
body.is-nova .fixed-navbar {
  background: var(--hg-header-glass) !important;
  backdrop-filter: blur(22px) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) saturate(1.15);
}

body.is-nova .hg-brand-logo,
body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo,
body.is-nova #logo.logo-wrapper {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.is-nova #jtl-nav-wrapper {
  border-bottom: 1px solid var(--hg-header-border) !important;
}

body.is-nova #jtl-nav-wrapper .hg-main-navbar,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #jtl-nav-wrapper .navbar-collapse,
body.is-nova #jtl-nav-wrapper .hg-nav-body,
body.is-nova #jtl-nav-wrapper .hg-nav-list,
body.is-nova #jtl-nav-wrapper .nav-icons {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link,
body.is-nova #shop-nav > .nav-item > a,
body.is-nova #shop-nav > .nav-item > button,
body.is-nova #shop-nav .nav-link,
body.is-nova #shop-nav .dropdown-toggle,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown,
body.is-nova #shop-nav .account-icon-dropdown > a,
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"],
body.is-nova #shop-nav [href*="warenkorb"] {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease, color .2s ease !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"],
body.is-nova #jtl-nav-wrapper .hg-nav-item.show > .hg-nav-link,
body.is-nova #shop-nav > .nav-item > a:hover,
body.is-nova #shop-nav > .nav-item > button:hover,
body.is-nova #shop-nav .nav-link:hover,
body.is-nova #shop-nav .dropdown-toggle:hover,
body.is-nova #shop-nav .cart-icon-dropdown:hover,
body.is-nova #shop-nav .basket-icon-dropdown:hover,
body.is-nova #shop-nav .account-icon-dropdown > a:hover,
body.is-nova #shop-nav .wishlist-icon:hover,
body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
body.is-nova #shop-nav [href*="wunschliste"]:hover,
body.is-nova #shop-nav [href*="warenkorb"]:hover {
  color: var(--hg-primary) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 62%, transparent) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.12) !important;
  text-decoration: none !important;
  background-image: none !important;
}

body.is-nova .hg-nav-more {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: .9rem;
  margin-left: .15rem;
  line-height: 1;
  opacity: .78;
}

body.is-nova .hg-nav-link:hover .hg-nav-more,
body.is-nova .hg-nav-link:focus .hg-nav-more,
body.is-nova .hg-nav-link[aria-expanded="true"] .hg-nav-more {
  transform: translateY(1px) rotate(180deg);
  border: 0 !important;
  opacity: 1;
}

/* Gilles checklist pass: one header glass layer, centered logo, matching nav hover, verified shipping logo. */
body.is-nova header#jtl-nav-wrapper {
  background: var(--hg-header-glass) !important;
  backdrop-filter: blur(22px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.15) !important;
  border-bottom: 1px solid var(--hg-header-border) !important;
}

body.is-nova #jtl-nav-wrapper .container,
body.is-nova #jtl-nav-wrapper .container-fluid,
body.is-nova #jtl-nav-wrapper .container-fluid-xl,
body.is-nova #jtl-nav-wrapper .navbar,
body.is-nova #jtl-nav-wrapper .hg-main-navbar,
body.is-nova #jtl-nav-wrapper .navbar-collapse,
body.is-nova #jtl-nav-wrapper .hg-nav,
body.is-nova #jtl-nav-wrapper .hg-nav-body,
body.is-nova #jtl-nav-wrapper .hg-nav-list,
body.is-nova #jtl-nav-wrapper .nav-icons,
body.is-nova #jtl-nav-wrapper .nav-item,
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova .fixed-navbar:not(#jtl-nav-wrapper),
body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo,
body.is-nova .hg-brand-logo,
body.is-nova #logo.logo-wrapper {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.is-nova .hg-tall-logo-wrapper,
body.is-nova .hg-tall-logo,
body.is-nova .hg-brand-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  min-height: 0 !important;
  height: auto !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.is-nova .hg-brand-logo {
  padding: .28rem 0 !important;
}

body.is-nova .hg-brand-logo__img {
  display: block !important;
  max-height: 46px !important;
  object-fit: contain !important;
}

body.is-nova #jtl-nav-wrapper .hg-main-navbar,
body.is-nova #jtl-nav-wrapper .navbar-nav,
body.is-nova #jtl-nav-wrapper .nav-icons {
  align-items: center !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link,
body.is-nova #shop-nav > .nav-item > a,
body.is-nova #shop-nav > .nav-item > button,
body.is-nova #shop-nav .nav-link,
body.is-nova #shop-nav .dropdown-toggle,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown,
body.is-nova #shop-nav .account-icon-dropdown > a,
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"],
body.is-nova #shop-nav [href*="warenkorb"] {
  min-height: 42px !important;
  border: 1px solid var(--hg-border) !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
  background-image: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"],
body.is-nova #jtl-nav-wrapper .hg-nav-item.show > .hg-nav-link,
body.is-nova #shop-nav > .nav-item > a:hover,
body.is-nova #shop-nav > .nav-item > button:hover,
body.is-nova #shop-nav .nav-link:hover,
body.is-nova #shop-nav .dropdown-toggle:hover,
body.is-nova #shop-nav .cart-icon-dropdown:hover,
body.is-nova #shop-nav .basket-icon-dropdown:hover,
body.is-nova #shop-nav .account-icon-dropdown > a:hover,
body.is-nova #shop-nav .wishlist-icon:hover,
body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
body.is-nova #shop-nav [href*="wunschliste"]:hover,
body.is-nova #shop-nav [href*="warenkorb"]:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary) !important;
}

body.is-nova a[href],
body.is-nova button,
body.is-nova [role="button"],
body.is-nova summary {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova a[href]:not(.hg-brand-logo):not(.hg-nav-link):not(.btn):not(.dropdown-item):hover,
body.is-nova button:not(.hg-hero-slider__control):not(.navbar-toggler):hover,
body.is-nova [role="button"]:hover,
body.is-nova summary:hover {
  color: var(--hg-primary) !important;
  text-decoration-color: currentColor !important;
}

body.is-nova .productbox a[href]:hover,
body.is-nova .hg-footer-card a[href]:hover,
body.is-nova .hg-footer-links a[href]:hover,
body.is-nova .hg-category-pill:hover,
body.is-nova .hg-category-cloud__item:hover,
body.is-nova .hg-intent-card:hover,
body.is-nova .hg-discovery-card:has(a[href]):hover,
body.is-nova .hg-flagship-card:has(a[href]):hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
}

body.is-nova .hg-shipping-logos {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: .2rem 0 .35rem;
}

body.is-nova .hg-shipping-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3.8rem;
  min-height: 2rem;
  padding: .25rem .45rem;
  border: 1px solid color-mix(in srgb, var(--hg-border) 70%, #fff);
  border-radius: .8rem;
  background: #fff;
}

body.is-nova .hg-shipping-logo svg {
  display: block;
  width: 4.6rem;
  max-width: 100%;
  height: auto;
}

/* Follow-up QA fix: center logo against the full nav row, not the upper logo slot. */
@media (min-width: 992px) {
  body.is-nova #jtl-nav-wrapper > .container,
  body.is-nova #jtl-nav-wrapper > .container-fluid,
  body.is-nova #jtl-nav-wrapper > .container-fluid-xl,
  body.is-nova #jtl-nav-wrapper > div[class*="container"] {
    display: flex !important;
    align-items: center !important;
    gap: clamp(1rem, 2vw, 2rem);
  }

  body.is-nova .hg-tall-logo-wrapper,
  body.is-nova .hg-tall-logo {
    flex: 0 0 auto !important;
    height: 98px !important;
    min-height: 98px !important;
  }

  body.is-nova .hg-brand-logo {
    height: 98px !important;
    min-height: 98px !important;
    padding: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    flex: 1 1 auto !important;
  }
}

/* QA follow-up: force header/shop controls to use the same hover affordance as dropdown cards. */
html body.is-nova header#jtl-nav-wrapper #mainNavigation .hg-nav-link:hover,
html body.is-nova header#jtl-nav-wrapper #mainNavigation .hg-nav-link:focus,
html body.is-nova header#jtl-nav-wrapper #mainNavigation .hg-nav-link:focus-visible,
html body.is-nova header#jtl-nav-wrapper #mainNavigation .hg-nav-link[aria-expanded="true"],
html body.is-nova header#jtl-nav-wrapper #mainNavigation .hg-nav-item.show > .hg-nav-link,
html body.is-nova #shop-nav > .nav-item > a:hover,
html body.is-nova #shop-nav > .nav-item > button:hover,
html body.is-nova #shop-nav .nav-link:hover,
html body.is-nova #shop-nav .dropdown-toggle:hover,
html body.is-nova #shop-nav .cart-icon-dropdown:hover,
html body.is-nova #shop-nav .basket-icon-dropdown:hover,
html body.is-nova #shop-nav .account-icon-dropdown > a:hover,
html body.is-nova #shop-nav .account-icon-dropdown button:hover,
html body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"]:hover,
html body.is-nova #shop-nav .wishlist-icon:hover,
html body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
html body.is-nova #shop-nav [href*="wunschliste"]:hover,
html body.is-nova #shop-nav [href*="warenkorb"]:hover {
  border-radius: 1rem !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)) !important;
  color: var(--hg-primary) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  text-decoration: none !important;
  background-image: none !important;
}

/* Gilles menu/footer cleanup: no duplicate logo/search, equal icon heights, centered footer legal/social. */
@media (min-width: 992px) {
  body.is-nova #jtl-nav-wrapper > .search-form-wrapper-fixed,
  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed.d-lg-none,
  body.is-nova #jtl-nav-wrapper .fixed-search.d-lg-none {
    display: none !important;
  }

  body.is-nova #jtl-nav-wrapper > div[class*="container"]:not(.search-form-wrapper-fixed) {
    display: flex !important;
    align-items: center !important;
    gap: clamp(1rem, 2vw, 2rem);
  }
}

body.is-nova .hg-brand-logo__img--light {
  display: none !important;
}

:root[data-hg-theme="dark"] body.is-nova .hg-brand-logo__img--dark {
  display: none !important;
}

:root[data-hg-theme="dark"] body.is-nova .hg-brand-logo__img--light {
  display: block !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .hg-brand-logo__img--dark {
    display: none !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova .hg-brand-logo__img--light {
    display: block !important;
  }
}

body.is-nova #shop-nav,
body.is-nova #shop-nav.nav-icons {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
}

body.is-nova #shop-nav > .nav-item,
body.is-nova #shop-nav .hg-theme-toggle-item,
body.is-nova #shop-nav .account-icon-dropdown,
body.is-nova #shop-nav .wishlist-icon-dropdown,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown {
  display: flex !important;
  align-items: center !important;
  height: 42px !important;
  min-height: 42px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.is-nova #shop-nav .hg-theme-toggle,
body.is-nova #shop-nav > .nav-item > a,
body.is-nova #shop-nav > .nav-item > button,
body.is-nova #shop-nav .nav-link,
body.is-nova #shop-nav .dropdown-toggle,
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown,
body.is-nova #shop-nav .account-icon-dropdown > a,
body.is-nova #shop-nav .account-icon-dropdown button,
body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"],
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav [href*="wunschliste"],
body.is-nova #shop-nav [href*="warenkorb"] {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

body.is-nova .hg-footer-shop-links {
  display: none !important;
}

body.is-nova .hg-footer-bottom-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1rem !important;
  text-align: center !important;
}

body.is-nova .hg-footer-legal,
body.is-nova .hg-footer-socials {
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

body.is-nova .hg-footer-socials {
  order: 2;
  margin-top: 0 !important;
}

/* Maintenance page polish for HobbyGrowMobile. The maintenance snippet does not use body.is-nova. */
html:has(.hg-maintenance-page),
body.hg-maintenance-page {
  min-height: 100vh;
  background-color: #f7f4ed !important;
  background:
    radial-gradient(circle at 12% 10%, color-mix(in srgb, #28e810 18%, transparent) 0 18rem, transparent 34rem),
    radial-gradient(circle at 88% 14%, color-mix(in srgb, #18a808 14%, transparent) 0 16rem, transparent 32rem),
    linear-gradient(135deg, #f7f4ed 0%, #fffaf1 46%, #edf9e8 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #172018;
}

html:has(.hg-maintenance-page) {
  height: 100%;
}

body.hg-maintenance-page {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow-x: hidden;
}

body#main-wrapper.hg-maintenance-page {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

body.hg-maintenance-page::before,
body.hg-maintenance-page::after {
  content: "";
  position: fixed;
  inset: auto;
  pointer-events: none;
  z-index: 0;
  opacity: .55;
}

body.hg-maintenance-page::before {
  width: 38rem;
  height: 38rem;
  left: -14rem;
  bottom: -16rem;
  border: 1px solid rgba(24,168,8,.22);
  border-radius: 999px;
}

body.hg-maintenance-page::after {
  width: 34rem;
  height: 34rem;
  right: -12rem;
  top: -13rem;
  background-image: radial-gradient(rgba(24,168,8,.28) 1px, transparent 1px);
  background-size: 18px 18px;
  transform: rotate(8deg);
}

.hg-maintenance-shell {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(1.5rem, 4vw, 3rem);
  padding: clamp(2rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem);
}

.hg-maintenance-card {
  width: min(100%, 760px);
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 5vw, 4rem);
  border: 1px solid rgba(23,32,24,.14);
  border-radius: clamp(1.5rem, 4vw, 2.6rem);
  background: color-mix(in srgb, #fffaf1 82%, transparent);
  box-shadow: 0 30px 90px rgba(23,32,24,.16);
  backdrop-filter: blur(24px) saturate(1.15);
  -webkit-backdrop-filter: blur(24px) saturate(1.15);
  text-align: center;
}

.hg-maintenance-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(40,232,16,.16), transparent 32%),
    linear-gradient(315deg, rgba(24,168,8,.11), transparent 38%);
  pointer-events: none;
}

.hg-maintenance-card > * {
  position: relative;
  z-index: 1;
}

.hg-maintenance-topline {
  min-height: 2.5rem;
  display: flex;
  justify-content: center;
  margin-bottom: .8rem;
}

.hg-maintenance-language .dropdown-toggle,
.hg-maintenance-language a,
.hg-maintenance-language button {
  border-radius: 999px !important;
  border: 1px solid rgba(23,32,24,.14) !important;
  background: rgba(255,255,255,.55) !important;
  color: #172018 !important;
}

.hg-maintenance-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto clamp(1.25rem, 3vw, 2rem);
  text-decoration: none !important;
}

.hg-maintenance-logo__img {
  display: block;
  width: clamp(190px, 42vw, 320px);
  max-height: 62px;
  height: auto;
  object-fit: contain;
}

.hg-maintenance-logo__img--light { display: none; }

.hg-maintenance-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .8rem;
  padding: .45rem .85rem;
  border: 1px solid rgba(24,168,8,.22);
  border-radius: 999px;
  background: rgba(24,168,8,.08);
  color: #186e0f;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.hg-maintenance-heading {
  margin: 0;
  color: #172018;
  font-size: clamp(2.2rem, 8vw, 5rem);
  line-height: .95;
  letter-spacing: -.06em;
  font-weight: 900;
}

.hg-maintenance-notice {
  max-width: 46rem;
  margin: clamp(1rem, 3vw, 1.5rem) auto 0;
  color: #525252;
  font-size: clamp(1rem, 2vw, 1.22rem);
  line-height: 1.65;
}

.hg-maintenance-notice p { margin: 0; }

.hg-maintenance-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .7rem;
  margin-top: clamp(1.4rem, 4vw, 2.2rem);
}

.hg-maintenance-status span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 42px;
  padding: 0 .9rem;
  border: 1px solid rgba(23,32,24,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.56);
  color: #172018;
  font-size: .92rem;
  font-weight: 700;
}

.hg-maintenance-status i { color: #18a808; }

.hg-maintenance-imprint {
  width: min(100%, 900px);
  padding: clamp(1.3rem, 3vw, 2rem);
  border: 1px solid rgba(23,32,24,.12);
  border-radius: 1.4rem;
  background: rgba(255,250,241,.72);
  box-shadow: 0 18px 54px rgba(23,32,24,.08);
  color: #525252;
  font-size: .9rem;
  line-height: 1.6;
  text-align: center;
}

#footer.hg-maintenance-imprint {
  margin-top: 0 !important;
  padding: clamp(1.3rem, 3vw, 2rem) !important;
}

.hg-maintenance-imprint h2 {
  margin: 0 0 .65rem;
  color: #172018;
  font-size: 1rem;
  font-weight: 900;
}

.hg-maintenance-imprint p { margin-bottom: .35rem; }
.hg-maintenance-imprint a { color: #186e0f; font-weight: 800; }

@media (prefers-color-scheme: dark) {
  html:has(.hg-maintenance-page),
  body.hg-maintenance-page {
    background-color: #071008 !important;
    background:
      radial-gradient(circle at 12% 10%, rgba(40,232,16,.18) 0 18rem, transparent 34rem),
      radial-gradient(circle at 88% 14%, rgba(24,168,8,.14) 0 16rem, transparent 32rem),
      linear-gradient(135deg, #071008 0%, #121712 48%, #071008 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    color: #f7f4ed;
  }

  .hg-maintenance-card,
  .hg-maintenance-imprint,
  #footer.hg-maintenance-imprint {
    border-color: rgba(255,255,255,.14);
    background: rgba(13,20,14,.74);
    color: rgba(247,244,237,.78);
    box-shadow: 0 30px 90px rgba(0,0,0,.38);
  }

  .hg-maintenance-heading,
  .hg-maintenance-imprint h2,
  #footer.hg-maintenance-imprint h2,
  .hg-maintenance-status span { color: #f7f4ed; }
  .hg-maintenance-notice { color: rgba(247,244,237,.76); }
  .hg-maintenance-status span,
  .hg-maintenance-language .dropdown-toggle,
  .hg-maintenance-language a,
  .hg-maintenance-language button {
    border-color: rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.08) !important;
    color: #f7f4ed !important;
  }
  .hg-maintenance-logo__img--dark { display: none; }
  .hg-maintenance-logo__img--light { display: block; }
}

html[data-hg-theme="dark"]:has(.hg-maintenance-page),
html[data-hg-theme="dark"] body.hg-maintenance-page {
  background-color: #071008 !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(40,232,16,.18) 0 18rem, transparent 34rem),
    radial-gradient(circle at 88% 14%, rgba(24,168,8,.14) 0 16rem, transparent 32rem),
    linear-gradient(135deg, #071008 0%, #121712 48%, #071008 100%) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
  color: #f7f4ed;
}

html[data-hg-theme="dark"] .hg-maintenance-card,
html[data-hg-theme="dark"] .hg-maintenance-imprint,
html[data-hg-theme="dark"] #footer.hg-maintenance-imprint {
  border-color: rgba(255,255,255,.14);
  background: rgba(13,20,14,.74);
  color: rgba(247,244,237,.78);
  box-shadow: 0 30px 90px rgba(0,0,0,.38);
}

html[data-hg-theme="dark"] .hg-maintenance-heading,
html[data-hg-theme="dark"] .hg-maintenance-imprint h2,
html[data-hg-theme="dark"] #footer.hg-maintenance-imprint h2,
html[data-hg-theme="dark"] .hg-maintenance-status span {
  color: #f7f4ed;
}

html[data-hg-theme="dark"] .hg-maintenance-notice {
  color: rgba(247,244,237,.76);
}

html[data-hg-theme="dark"] .hg-maintenance-status span,
html[data-hg-theme="dark"] .hg-maintenance-language .dropdown-toggle,
html[data-hg-theme="dark"] .hg-maintenance-language a,
html[data-hg-theme="dark"] .hg-maintenance-language button {
  border-color: rgba(255,255,255,.14) !important;
  background: rgba(255,255,255,.08) !important;
  color: #f7f4ed !important;
}

html[data-hg-theme="dark"] .hg-maintenance-logo__img--dark { display: none; }
html[data-hg-theme="dark"] .hg-maintenance-logo__img--light { display: block; }

@media (max-width: 575.98px) {
  .hg-maintenance-shell { justify-content: flex-start; }
  .hg-maintenance-card { padding: 1.4rem; }
  .hg-maintenance-status { flex-direction: column; align-items: stretch; }
  .hg-maintenance-status span { justify-content: center; }
}

/* Maintenance alignment refinement: keep logo on the same center axis as card content. */
.hg-maintenance-logo {
  width: 100% !important;
  text-align: center !important;
}

.hg-maintenance-logo__img {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobile homepage QA pass: compact header, meaningful icons, and consistent click feedback. */
body.is-nova .hg-link-icon,
body.is-nova .hg-card-icon {
  flex: 0 0 auto;
  color: var(--hg-primary);
  line-height: 1;
}

body.is-nova .hg-link-icon { margin-right: .45rem; font-size: .95em; }
body.is-nova .hg-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: .65rem;
  border-radius: .85rem;
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border));
}

body.is-nova .hg-category-pill .hg-link-icon { margin-right: .38rem; font-size: .82rem; }
body.is-nova .hg-intent-card:hover .hg-card-icon,
body.is-nova .hg-intent-card:focus .hg-card-icon,
body.is-nova .hg-category-pill:hover .hg-link-icon,
body.is-nova .hg-category-pill:focus .hg-link-icon,
body.is-nova #jtl-nav-wrapper .hg-nav-link:hover .hg-link-icon,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus .hg-link-icon {
  transform: scale(1.08) rotate(-4deg);
}

body.is-nova .hg-link-icon,
body.is-nova .hg-card-icon,
body.is-nova a[href],
body.is-nova button,
body.is-nova [role="button"],
body.is-nova summary {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.is-nova a[href]:not(.hg-brand-logo):not(.hg-nav-link):not(.btn):not(.dropdown-item):hover,
  body.is-nova button:not(.navbar-toggler):hover,
  body.is-nova [role="button"]:hover,
  body.is-nova summary:hover {
    transform: translateY(-2px);
  }

  body.is-nova .navbar-toggler:hover,
  body.is-nova .navbar-toggler:focus {
    border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, transparent) !important;
    transform: scale(1.04);
  }
}

@media (max-width: 1199.98px) {
  body.is-nova #shop-nav .hg-theme-toggle__label { display: none !important; }
  body.is-nova #shop-nav .hg-theme-toggle { width: 42px !important; padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 991.98px) {
  body.is-nova header#jtl-nav-wrapper { overflow: visible !important; }
  body.is-nova #jtl-nav-wrapper > .container,
  body.is-nova #jtl-nav-wrapper > .container-fluid,
  body.is-nova #jtl-nav-wrapper > .container-fluid-xl {
    padding-left: max(.55rem, env(safe-area-inset-left)) !important;
    padding-right: max(.55rem, env(safe-area-inset-right)) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    flex-wrap: nowrap !important;
    min-height: 58px !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    gap: .35rem !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: clamp(128px, 34vw, 178px) !important;
  }

  body.is-nova .hg-brand-logo { max-width: 100% !important; }
  body.is-nova .hg-brand-logo__img {
    width: clamp(126px, 33vw, 174px) !important;
    max-height: 38px !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin-left: auto !important;
    gap: .22rem !important;
  }

  body.is-nova #shop-nav > .nav-item,
  body.is-nova #shop-nav .hg-theme-toggle-item,
  body.is-nova #shop-nav .account-icon-dropdown,
  body.is-nova #shop-nav .wishlist-icon-dropdown,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown {
    height: 38px !important;
    min-height: 38px !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .account-icon-dropdown button,
  body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"],
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: .85rem !important;
  }

  body.is-nova #shop-nav .dropdown-toggle::after { display: none !important; }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav {
    position: absolute !important;
    top: auto !important;
    left: max(.55rem, env(safe-area-inset-left)) !important;
    right: max(.55rem, env(safe-area-inset-right)) !important;
    width: auto !important;
    max-width: calc(100vw - 1.1rem - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-height: calc(100svh - 72px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 1.25rem !important;
    border: 1px solid var(--hg-border) !important;
    background: var(--hg-surface) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.is-nova .hg-shop-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  body.is-nova .hg-shop-menu-inner,
  body.is-nova .hg-shop-intents {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 380px) {
  body.is-nova .hg-brand-logo__img { width: clamp(112px, 29vw, 132px) !important; }
  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons { gap: .12rem !important; }
  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: .75rem !important;
  }
}

/* Responsive header architecture pass: avoid clipped right-side utilities on laptop/tablet widths. */
@media (max-width: 1535.98px) {
  body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: .45rem !important;
  }

  body.is-nova #burger-menu.navbar-toggler {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    margin-right: .35rem !important;
    border: 1px solid var(--hg-border) !important;
    border-radius: .95rem !important;
    background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
  }

  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    display: none !important;
  }

  body.is-nova #mainNavigation.hg-nav.show,
  body.is-nova #mainNavigation.hg-nav.collapsing,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.collapsing {
    display: block !important;
    position: absolute !important;
    top: calc(100% + .45rem) !important;
    left: max(.75rem, env(safe-area-inset-left)) !important;
    right: max(.75rem, env(safe-area-inset-right)) !important;
    width: auto !important;
    max-width: calc(100vw - 1.5rem - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-height: calc(100svh - 78px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 1px solid var(--hg-border) !important;
    border-radius: 1.25rem !important;
    background: var(--hg-surface) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.24) !important;
    z-index: 1040 !important;
  }

  body.is-nova #jtl-nav-wrapper .nav-mobile-header {
    display: flex !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-item,
  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.is-nova .hg-shop-menu {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  body.is-nova .hg-shop-menu-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .85rem !important;
    padding: .9rem !important;
  }

  body.is-nova .hg-shop-intents {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    gap: .28rem !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle__label,
  body.is-nova #shop-nav .cart-icon-dropdown-price {
    display: none !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 1536px) {
  body.is-nova #burger-menu.navbar-toggler {
    display: none !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    padding-left: clamp(.55rem, .55vw, .9rem) !important;
    padding-right: clamp(.55rem, .55vw, .9rem) !important;
    white-space: nowrap !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    flex-wrap: nowrap !important;
  }

  body.is-nova #shop-nav .cart-icon-dropdown-price {
    max-width: 7.5rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova .hg-shop-intents { grid-template-columns: 1fr !important; }
  body.is-nova #burger-menu.navbar-toggler {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}

/* Gilles responsive refinement: full nav on MacBook widths, working burger below laptop, centered utility icons. */
@media (min-width: 1200px) {
  body.is-nova #burger-menu.navbar-toggler { display: none !important; }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    display: flex !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-nova #jtl-nav-wrapper .nav-mobile-header { display: none !important; }
  body.is-nova #jtl-nav-wrapper .hg-main-navbar { gap: clamp(.3rem, .65vw, .75rem) !important; }

  body.is-nova .hg-tall-logo-wrapper {
    flex: 0 1 clamp(142px, 14vw, 210px) !important;
    max-width: clamp(142px, 14vw, 210px) !important;
    min-width: 132px !important;
  }

  body.is-nova .hg-brand-logo__img {
    width: clamp(140px, 13vw, 202px) !important;
    max-height: 42px !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: flex !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    flex: 1 1 auto !important;
    justify-content: center !important;
    gap: clamp(.12rem, .28vw, .35rem) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-item,
  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    width: auto !important;
    min-width: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 38px !important;
    padding: .45rem clamp(.42rem, .45vw, .7rem) !important;
    border-radius: .85rem !important;
    font-size: clamp(.78rem, .72vw, .94rem) !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-link-icon {
    margin-right: clamp(.25rem, .24vw, .42rem) !important;
    font-size: .9em !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    gap: clamp(.16rem, .24vw, .32rem) !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle__label,
  body.is-nova #shop-nav .cart-icon-dropdown-price { display: none !important; }
}

@media (min-width: 1200px) and (max-width: 1535.98px) {
  body.is-nova #jtl-nav-wrapper > .container,
  body.is-nova #jtl-nav-wrapper > .container-fluid,
  body.is-nova #jtl-nav-wrapper > .container-fluid-xl {
    padding-left: clamp(.7rem, 1vw, 1.25rem) !important;
    padding-right: clamp(.7rem, 1vw, 1.25rem) !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    flex-basis: 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: .75rem !important;
  }
}

@media (max-width: 1199.98px) {
  body.is-nova #burger-menu.navbar-toggler { display: inline-flex !important; }
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) { display: none !important; }
  body.is-nova #mainNavigation.hg-nav.show,
  body.is-nova #mainNavigation.hg-nav.collapsing,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.collapsing {
    display: block !important;
    position: absolute !important;
    top: calc(100% + .45rem) !important;
    left: max(.65rem, env(safe-area-inset-left)) !important;
    right: max(.65rem, env(safe-area-inset-right)) !important;
    max-width: calc(100vw - 1.3rem - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    z-index: 1040 !important;
  }
}

body.is-nova #shop-nav i,
body.is-nova #shop-nav .fas,
body.is-nova #shop-nav .far,
body.is-nova #shop-nav .fab,
body.is-nova #shop-nav [data-hg-theme-icon],
body.is-nova .hg-social-icon i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.1em !important;
  height: 1.1em !important;
  line-height: 1 !important;
  text-align: center !important;
}

body.is-nova #shop-nav .fa-sup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 1.1rem !important;
  height: 1.1rem !important;
  line-height: 1 !important;
  top: -.55rem !important;
  right: -.55rem !important;
}

/* Footer company/logo icon polish. */
body.is-nova .hg-footer-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  margin-bottom: .35rem;
  border-radius: .85rem;
  color: var(--hg-primary);
  background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface));
  border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border));
}

body.is-nova .hg-footer-company-icons {
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border));
  border-radius: 1.25rem;
  background:
    radial-gradient(circle at 5% 0, color-mix(in srgb, var(--hg-primary) 16%, transparent), transparent 18rem),
    color-mix(in srgb, var(--hg-surface) 88%, var(--hg-bg));
}

body.is-nova .hg-footer-company-icons__title {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .85rem;
  color: var(--hg-text);
  font-weight: 900;
}

body.is-nova .hg-footer-company-icons__title i { color: var(--hg-primary); }
body.is-nova .hg-footer-company-icons__grid {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: .55rem;
}

body.is-nova .hg-footer-company-icons__grid img {
  width: 100%;
  height: 58px;
  object-fit: contain;
  padding: .65rem;
  border-radius: .9rem;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border));
  background: color-mix(in srgb, #ffffff 74%, var(--hg-primary) 4%);
  filter: saturate(1.08) contrast(1.04);
}

@media (max-width: 991.98px) {
  body.is-nova .hg-footer-company-icons__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  body.is-nova .hg-footer-company-icons__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Light-theme green/contrast pass. */
:root[data-hg-theme="light"] {
  --hg-primary: #128a05;
  --hg-accent: #25d90e;
  --hg-glow: rgba(37, 217, 14, .26);
}

:root[data-hg-theme="light"] body.is-nova,
:root:not([data-hg-theme="dark"]) body.is-nova {
  --hg-bg: #f3faef;
  --hg-surface: #ffffff;
  --hg-surface-2: #e9f8e3;
  --hg-text: #102112;
  --hg-muted: #405344;
  --hg-border: rgba(18, 138, 5, .24);
  --hg-header-glass: color-mix(in srgb, #f7fff3 88%, transparent);
  --hg-header-border: rgba(18, 138, 5, .26);
}

:root[data-hg-theme="light"] body.is-nova #jtl-nav-wrapper .hg-nav-link,
:root:not([data-hg-theme="dark"]) body.is-nova #jtl-nav-wrapper .hg-nav-link,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item > a,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav > .nav-item > a,
:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root:not([data-hg-theme="dark"]) body.is-nova .hg-footer-card {
  background: color-mix(in srgb, #ffffff 82%, var(--hg-primary) 6%) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 32%, rgba(16,33,18,.12)) !important;
}

/* Final header/theme correction: only light/dark/system, MacBook full nav, centered logo/icons, full-width shop panel. */
@media (min-width: 1024px) {
  body.is-nova #burger-menu.navbar-toggler { display: none !important; }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: nowrap !important;
    gap: clamp(.28rem, .45vw, .7rem) !important;
    min-width: 0 !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    flex: 0 0 clamp(174px, 15vw, 230px) !important;
    max-width: clamp(174px, 15vw, 230px) !important;
    margin-left: clamp(.35rem, .65vw, .9rem) !important;
    margin-right: clamp(.45rem, .7vw, 1rem) !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  body.is-nova .hg-brand-logo {
    width: 100% !important;
    justify-content: center !important;
    padding: .2rem 0 !important;
    overflow: visible !important;
  }

  body.is-nova .hg-brand-logo__img {
    width: clamp(166px, 14vw, 216px) !important;
    max-width: 100% !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    display: flex !important;
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.is-nova #jtl-nav-wrapper .nav-mobile-header { display: none !important; }
  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: clamp(.08rem, .2vw, .28rem) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-item,
  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    width: auto !important;
    min-width: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 36px !important;
    padding: .38rem clamp(.34rem, .38vw, .62rem) !important;
    font-size: clamp(.74rem, .68vw, .9rem) !important;
    border-radius: .8rem !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-link-icon {
    margin-right: clamp(.18rem, .2vw, .34rem) !important;
    font-size: .88em !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    gap: clamp(.14rem, .2vw, .28rem) !important;
    overflow: visible !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle__label,
  body.is-nova #shop-nav .cart-icon-dropdown-price { display: none !important; }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .account-icon-dropdown button,
  body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"],
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
    border-radius: .82rem !important;
    vertical-align: middle !important;
  }

  body.is-nova .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper .hg-shop-menu {
    position: fixed !important;
    top: var(--hg-header-dropdown-top, 72px) !important;
    left: 50% !important;
    right: auto !important;
    width: min(1180px, calc(100vw - 2rem)) !important;
    max-width: calc(100vw - 2rem) !important;
    transform: translateX(-50%) !important;
    border-radius: 1.35rem !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 28px 90px rgba(0,0,0,.26) !important;
  }

  body.is-nova .hg-shop-menu-inner {
    display: grid !important;
    grid-template-columns: minmax(230px, .8fr) minmax(420px, 1.4fr) !important;
    gap: 1.15rem !important;
    padding: 1.15rem !important;
  }

  body.is-nova .hg-shop-intents { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 1023.98px) {
  body.is-nova #burger-menu.navbar-toggler { display: inline-flex !important; }
}

body.is-nova #shop-nav a:focus,
body.is-nova #shop-nav button:focus,
body.is-nova #shop-nav .nav-link:focus,
body.is-nova #shop-nav a:focus-visible,
body.is-nova #shop-nav button:focus-visible,
body.is-nova #shop-nav .nav-link:focus-visible,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
body.is-nova #jtl-nav-wrapper .hg-nav-link:focus-visible,
body.is-nova .hg-theme-toggle:focus,
body.is-nova .hg-theme-toggle:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hg-primary) 28%, transparent) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
}

body.is-nova #shop-nav i,
body.is-nova #shop-nav .fas,
body.is-nova #shop-nav .far,
body.is-nova #shop-nav .fab,
body.is-nova #shop-nav [data-hg-theme-icon] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  margin: 0 !important;
  font-size: 1rem !important;
  text-align: center !important;
}

/* System theme means no data-hg-theme attribute; restore OS dark instead of forcing light variables. */
@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova {
    --hg-primary: #28e810;
    --hg-accent: #18a808;
    --hg-glow: rgba(40, 232, 16, .38);
    --hg-bg: #071008;
    --hg-surface: #111811;
    --hg-surface-2: #172117;
    --hg-text: #f7f4ed;
    --hg-muted: rgba(247,244,237,.76);
    --hg-border: rgba(255,255,255,.16);
    --hg-header-glass: color-mix(in srgb, #071008 78%, transparent);
    --hg-header-border: rgba(40,232,16,.24);
  }
}

/* More visible decorative shapes in both explicit themes and system mode. */
:root,
:root[data-hg-theme="light"] { --hg-glow: rgba(37, 217, 14, .34); }
:root[data-hg-theme="dark"] { --hg-glow: rgba(40, 232, 16, .42); }

body.is-nova .hg-hero-slider::before,
body.is-nova .hg-hero-slider::after,
body.is-nova .hg-live-copy::before,
body.is-nova .hg-product-highlight-band::before,
body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after,
body.is-nova .hg-scroll-parallax-layer {
  opacity: .78 !important;
  filter: saturate(1.22) contrast(1.08) !important;
}

body.is-nova .hg-scroll-parallax-layer--ring,
body.is-nova .hg-scroll-parallax-layer--dotgrid,
body.is-nova .hg-scroll-parallax-layer--linegrid {
  border-color: color-mix(in srgb, var(--hg-primary) 44%, transparent) !important;
}

/* Gilles polish pass: logo frame/alignment, greener light theme, and system-dark parity. */
@media (min-width: 1024px) {
  body.is-nova .hg-tall-logo-wrapper {
    margin-left: clamp(.85rem, 1.15vw, 1.45rem) !important;
    margin-right: clamp(.55rem, .9vw, 1.15rem) !important;
    flex-basis: clamp(190px, 16vw, 246px) !important;
    max-width: clamp(190px, 16vw, 246px) !important;
  }
}

body.is-nova .hg-brand-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: .42rem .72rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  border-radius: 1.05rem !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 8%, transparent), transparent 58%),
    color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.10), inset 0 1px rgba(255,255,255,.26) !important;
  overflow: visible !important;
}

body.is-nova .hg-brand-logo:hover,
body.is-nova .hg-brand-logo:focus-visible {
  border-color: color-mix(in srgb, var(--hg-primary) 58%, var(--hg-border)) !important;
  box-shadow: 0 15px 36px rgba(0,0,0,.14), 0 0 0 2px color-mix(in srgb, var(--hg-primary) 18%, transparent) !important;
}

body.is-nova .hg-brand-logo__img {
  max-height: 40px !important;
  object-fit: contain !important;
}

@media (max-width: 575.98px) {
  body.is-nova .hg-tall-logo-wrapper { margin-left: .25rem !important; }
  body.is-nova .hg-brand-logo { min-height: 42px !important; padding: .32rem .5rem !important; }
}

/* Explicit light theme: more green, stronger element contrast. */
:root[data-hg-theme="light"] body.is-nova {
  --hg-primary: #0f7f04;
  --hg-accent: #24d70e;
  --hg-glow: rgba(36, 215, 14, .42);
  --hg-bg: #edf8e8;
  --hg-surface: #fbfff8;
  --hg-surface-2: #def4d7;
  --hg-text: #0d1f0f;
  --hg-muted: #334b36;
  --hg-border: rgba(15, 127, 4, .32);
  --hg-header-glass: color-mix(in srgb, #f3ffed 90%, transparent);
  --hg-header-border: rgba(15,127,4,.34);
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper,
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider,
:root[data-hg-theme="light"] body.is-nova .hg-live-copy,
:root[data-hg-theme="light"] body.is-nova .hg-discovery,
:root[data-hg-theme="light"] body.is-nova .hg-category-cloud,
:root[data-hg-theme="light"] body.is-nova .hg-footer-brand {
  background-image:
    radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--hg-primary) 17%, transparent), transparent 18rem),
    radial-gradient(circle at 92% 28%, color-mix(in srgb, var(--hg-accent) 16%, transparent), transparent 20rem) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill,
:root[data-hg-theme="light"] body.is-nova #jtl-nav-wrapper .hg-nav-link,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item > a,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item > button,
:root[data-hg-theme="light"] body.is-nova #shop-nav .hg-theme-toggle {
  background: color-mix(in srgb, #ffffff 78%, var(--hg-primary) 8%) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 38%, rgba(13,31,15,.12)) !important;
  color: var(--hg-text) !important;
}

/* Explicit dark variables. System dark below uses the same values, while system light stays browser-light. */
:root[data-hg-theme="dark"] body.is-nova {
  --hg-primary: #28e810;
  --hg-accent: #18a808;
  --hg-glow: rgba(40, 232, 16, .42);
  --hg-bg: #071008;
  --hg-surface: #111811;
  --hg-surface-2: #172117;
  --hg-text: #f7f4ed;
  --hg-muted: rgba(247,244,237,.76);
  --hg-border: rgba(255,255,255,.16);
  --hg-header-glass: color-mix(in srgb, #071008 78%, transparent);
  --hg-header-border: rgba(40,232,16,.24);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova {
    --hg-primary: #28e810;
    --hg-accent: #18a808;
    --hg-glow: rgba(40, 232, 16, .42);
    --hg-bg: #071008;
    --hg-surface: #111811;
    --hg-surface-2: #172117;
    --hg-text: #f7f4ed;
    --hg-muted: rgba(247,244,237,.76);
    --hg-border: rgba(255,255,255,.16);
    --hg-header-glass: color-mix(in srgb, #071008 78%, transparent);
    --hg-header-border: rgba(40,232,16,.24);
  }

  :root:not([data-hg-theme]) body.is-nova .hg-brand-logo,
  :root[data-hg-theme="dark"] body.is-nova .hg-brand-logo {
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 10%, transparent), transparent 58%),
      color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.08) !important;
  }
}

/* More vibrant decorative shapes in all themes. */
body.is-nova .hg-hero-slider::before,
body.is-nova .hg-hero-slider::after,
body.is-nova .hg-live-copy::before,
body.is-nova .hg-product-highlight-band::before,
body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after,
body.is-nova .hg-scroll-parallax-layer,
body.is-nova .hg-home-hero__panel::before,
body.is-nova .hg-home-hero__panel::after {
  opacity: .88 !important;
  filter: saturate(1.35) contrast(1.12) !important;
}

/* Gilles correction: no logo frame, no green section blocks, system-dark equals dark. */
@media (min-width: 1024px) {
  body.is-nova .hg-tall-logo-wrapper {
    margin-left: clamp(1.35rem, 1.65vw, 2rem) !important;
    margin-right: clamp(.55rem, .9vw, 1.15rem) !important;
  }
}

body.is-nova .hg-brand-logo,
body.is-nova .hg-brand-logo:hover,
body.is-nova .hg-brand-logo:focus,
body.is-nova .hg-brand-logo:focus-visible {
  min-height: 0 !important;
  padding: .2rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

body.is-nova .hg-brand-logo__img {
  max-height: 42px !important;
}

/* Light theme: keep elements neutral; make only decorative background shapes greener/more visible. */
:root[data-hg-theme="light"] body.is-nova {
  --hg-primary: #118707;
  --hg-accent: #24d70e;
  --hg-glow: rgba(36, 215, 14, .46);
  --hg-bg: #f7fbf3;
  --hg-surface: #fffefa;
  --hg-surface-2: #f4f8ee;
  --hg-text: #102112;
  --hg-muted: #405344;
  --hg-border: rgba(16,33,18,.16);
  --hg-header-glass: color-mix(in srgb, #fffefa 88%, transparent);
  --hg-header-border: rgba(17,135,7,.24);
}

:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill,
:root[data-hg-theme="light"] body.is-nova .hg-copy-card,
:root[data-hg-theme="light"] body.is-nova .hg-discovery-card,
:root[data-hg-theme="light"] body.is-nova .hg-flagship-card,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-card,
:root[data-hg-theme="light"] body.is-nova #jtl-nav-wrapper .hg-nav-link,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item > a,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item > button,
:root[data-hg-theme="light"] body.is-nova #shop-nav .hg-theme-toggle {
  background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
  border-color: var(--hg-border) !important;
  color: var(--hg-text) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-footer-brand,
:root[data-hg-theme="light"] body.is-nova .hg-footer-company-icons,
:root[data-hg-theme="light"] body.is-nova .hg-shop-menu-copy,
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider__viewport,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel {
  background-color: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-hero-slider::before,
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider::after,
:root[data-hg-theme="light"] body.is-nova .hg-live-copy::before,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-band::before,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::before,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::after,
:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel::before,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel::after {
  opacity: .92 !important;
  filter: saturate(1.45) contrast(1.16) !important;
}

/* Browser/system dark parity: match explicit dark for menu/header/cards too, not only variables. */
@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova,
  :root[data-hg-theme="dark"] body.is-nova {
    --hg-primary: #28e810;
    --hg-accent: #18a808;
    --hg-glow: rgba(40, 232, 16, .42);
    --hg-bg: #071008;
    --hg-surface: #111811;
    --hg-surface-2: #172117;
    --hg-text: #f7f4ed;
    --hg-muted: rgba(247,244,237,.76);
    --hg-border: rgba(255,255,255,.16);
    --hg-header-glass: color-mix(in srgb, #071008 78%, transparent);
    --hg-header-border: rgba(40,232,16,.24);
  }

  :root:not([data-hg-theme]) body.is-nova header#jtl-nav-wrapper,
  :root[data-hg-theme="dark"] body.is-nova header#jtl-nav-wrapper {
    background: var(--hg-header-glass) !important;
    border-bottom-color: var(--hg-header-border) !important;
  }

  :root:not([data-hg-theme]) body.is-nova #jtl-nav-wrapper .hg-nav-link,
  :root:not([data-hg-theme]) body.is-nova #shop-nav > .nav-item > a,
  :root:not([data-hg-theme]) body.is-nova #shop-nav > .nav-item > button,
  :root:not([data-hg-theme]) body.is-nova #shop-nav .hg-theme-toggle,
  :root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper .hg-nav-link,
  :root[data-hg-theme="dark"] body.is-nova #shop-nav > .nav-item > a,
  :root[data-hg-theme="dark"] body.is-nova #shop-nav > .nav-item > button,
  :root[data-hg-theme="dark"] body.is-nova #shop-nav .hg-theme-toggle {
    background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
    border-color: var(--hg-border) !important;
    color: var(--hg-text) !important;
  }

  :root:not([data-hg-theme]) body.is-nova .hg-brand-logo,
  :root[data-hg-theme="dark"] body.is-nova .hg-brand-logo {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* Mobile recheck: top bar stays menu-layer, no green section textures, one search only. */
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper,
body.is-nova header#jtl-nav-wrapper {
  position: relative !important;
  z-index: 1046 !important;
}

body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper {
  z-index: 1047 !important;
  background: var(--hg-header-glass) !important;
  border-bottom: 1px solid var(--hg-header-border) !important;
}

body.is-nova .modal-backdrop,
body.is-nova .modal-backdrop.show,
body.is-nova .modal-backdrop.fade.show,
body.is-nova .mm-ocd__backdrop,
body.is-nova .offcanvas-backdrop,
body.is-nova .offcanvas-backdrop.show {
  z-index: 1035 !important;
}

body.is-nova .dropdown-menu,
body.is-nova #mainNavigation.show,
body.is-nova #jtl-nav-wrapper .navbar-collapse.show,
body.is-nova #shop-nav .dropdown.show .dropdown-menu,
body.is-nova #jtl-nav-wrapper .dropdown.show .dropdown-menu {
  z-index: 1051 !important;
}

/* Remove section-level green background images/textures. Decorative shapes should live outside cards/sections. */
body.is-nova .hg-hero-slider,
body.is-nova .hg-live-copy,
body.is-nova .hg-discovery,
body.is-nova .hg-category-cloud,
body.is-nova .hg-flagship,
body.is-nova .hg-product-stage,
body.is-nova .hg-product-highlight-band,
body.is-nova .hg-footer-brand,
body.is-nova .hg-home-hero__panel,
body.is-nova .hg-hero-slider__viewport,
body.is-nova .hg-copy-card,
body.is-nova .hg-discovery-card,
body.is-nova .hg-flagship-card,
body.is-nova .hg-product-highlight-card,
body.is-nova .hg-footer-card,
body.is-nova .hg-intent-card,
body.is-nova .hg-category-pill,
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider,
:root[data-hg-theme="light"] body.is-nova .hg-live-copy,
:root[data-hg-theme="light"] body.is-nova .hg-discovery,
:root[data-hg-theme="light"] body.is-nova .hg-category-cloud,
:root[data-hg-theme="light"] body.is-nova .hg-flagship,
:root[data-hg-theme="light"] body.is-nova .hg-product-stage,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-band,
:root[data-hg-theme="light"] body.is-nova .hg-footer-brand,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel,
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider__viewport,
:root[data-hg-theme="light"] body.is-nova .hg-copy-card,
:root[data-hg-theme="light"] body.is-nova .hg-discovery-card,
:root[data-hg-theme="light"] body.is-nova .hg-flagship-card,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-card,
:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill {
  background-image: none !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-copy-card,
:root[data-hg-theme="light"] body.is-nova .hg-discovery-card,
:root[data-hg-theme="light"] body.is-nova .hg-flagship-card,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-card,
:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill {
  background-color: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
}

/* Keep the global background shapes subtle/behind content instead of as section backdrops. */
body.is-nova .hg-scroll-parallax-stage {
  z-index: 0 !important;
  pointer-events: none !important;
}

body.is-nova #main-wrapper > * {
  position: relative;
  z-index: 1;
}

body.is-nova .hg-scroll-parallax-layer,
body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after {
  opacity: .36 !important;
  filter: saturate(1.18) contrast(1.04) blur(.1px) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::before,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::after {
  opacity: .42 !important;
  filter: saturate(1.25) contrast(1.08) blur(.1px) !important;
}

/* Single-search rule: desktop nav search only from 1024px+, mobile fixed search only below 1024px. */
@media (max-width: 1023.98px) {
  body.is-nova #shop-nav #search,
  body.is-nova #jtl-nav-wrapper #search,
  body.is-nova header#jtl-nav-wrapper .nav-icons > #search {
    display: none !important;
  }

  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed {
    display: block !important;
  }
}

@media (min-width: 1024px) {
  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed,
  body.is-nova #jtl-nav-wrapper > .search-form-wrapper-fixed,
  body.is-nova .fixed-search.smoothscroll-top-search,
  body.is-nova .search-wrapper-dropdown.d-block.d-lg-none {
    display: none !important;
  }

  body.is-nova #jtl-nav-wrapper #search {
    display: block !important;
  }
}

/* Mobile polish: less visual clutter, safer spacing, no horizontal bleed. */
@media (max-width: 767.98px) {
  body.is-nova {
    overflow-x: hidden;
  }

  body.is-nova header#jtl-nav-wrapper > .container-fluid,
  body.is-nova header#jtl-nav-wrapper > .container-fluid-xl,
  body.is-nova #jtl-nav-wrapper > div[class*="container"] {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    margin-left: .45rem !important;
  }

  body.is-nova .hg-brand-logo__img {
    max-height: 36px !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    gap: .25rem !important;
  }

  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .hg-theme-toggle {
    min-width: 34px !important;
    min-height: 34px !important;
  }

  body.is-nova .hg-hero-slider,
  body.is-nova .hg-live-copy,
  body.is-nova .hg-discovery,
  body.is-nova .hg-category-cloud,
  body.is-nova .hg-flagship,
  body.is-nova .hg-product-stage,
  body.is-nova .hg-product-highlight-band {
    border-radius: 1.15rem !important;
    overflow: hidden !important;
  }
}

/* Gilles feedback fix: stronger global light shapes, sticky menu, cleaner topbar, login popout sizing. */
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper {
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.is-nova header#jtl-nav-wrapper,
body.is-nova header#jtl-nav-wrapper.sticky-top,
body.is-nova #jtl-nav-wrapper.fixed-navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1046 !important;
}

@media (min-width: 992px) {
  body.is-nova #header-top-bar + header#jtl-nav-wrapper,
  body.is-nova #header-top-bar + #jtl-nav-wrapper {
    top: 0 !important;
  }
}

/* Move icon popouts slightly lower without affecting the header button size. */
body.is-nova #shop-nav .dropdown-menu,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
  margin-top: .85rem !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-body,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .dropdown-body {
  min-width: min(92vw, 22rem) !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .btn,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu button[type="submit"],
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu input[type="submit"],
body.is-nova #shop-nav .account-icon-dropdown .box-login .btn,
body.is-nova #shop-nav .account-icon-dropdown .login .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 8.5rem !important;
  max-width: none !important;
  min-height: 2.75rem !important;
  padding: .72rem 1rem !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .btn span,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu button[type="submit"] span {
  white-space: nowrap !important;
}

/* Light mode: stronger background shapes, but no green textures on cards/sections. */
:root[data-hg-theme="light"] body.is-nova #main-wrapper::before {
  opacity: .72 !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(36, 215, 14, .32), transparent 18rem),
    radial-gradient(circle at 86% 36%, rgba(17, 135, 7, .26), transparent 22rem) !important;
  filter: saturate(1.55) contrast(1.16) !important;
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper::after {
  opacity: .56 !important;
  background:
    radial-gradient(circle at 78% 8%, rgba(36, 215, 14, .24), transparent 16rem),
    radial-gradient(circle at 18% 72%, rgba(17, 135, 7, .20), transparent 21rem) !important;
  filter: saturate(1.48) contrast(1.12) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
  opacity: .58 !important;
  filter: saturate(1.55) contrast(1.12) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--ring,
:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--dotgrid,
:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--linegrid {
  opacity: .48 !important;
}

/* Keep section/card backgrounds plain even after stronger global shape overrides. */
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider,
:root[data-hg-theme="light"] body.is-nova .hg-live-copy,
:root[data-hg-theme="light"] body.is-nova .hg-discovery,
:root[data-hg-theme="light"] body.is-nova .hg-category-cloud,
:root[data-hg-theme="light"] body.is-nova .hg-flagship,
:root[data-hg-theme="light"] body.is-nova .hg-product-stage,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-band,
:root[data-hg-theme="light"] body.is-nova .hg-footer-brand,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel,
:root[data-hg-theme="light"] body.is-nova .hg-copy-card,
:root[data-hg-theme="light"] body.is-nova .hg-discovery-card,
:root[data-hg-theme="light"] body.is-nova .hg-flagship-card,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-card,
:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill {
  background-image: none !important;
}

/* Parallax preservation: keep generated layers and make light-theme background shapes visible again. */
body.is-nova #main-wrapper {
  isolation: isolate !important;
}

body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after,
body.is-nova .hg-scroll-parallax-stage {
  z-index: 0 !important;
  pointer-events: none !important;
}

body.is-nova #main-wrapper > *:not(.hg-scroll-parallax-stage) {
  position: relative;
  z-index: 1;
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper::before {
  width: min(46vw, 34rem) !important;
  height: min(46vw, 34rem) !important;
  top: 18rem !important;
  right: -7rem !important;
  opacity: .86 !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(36, 215, 14, .46), rgba(36, 215, 14, .18) 38%, transparent 72%) !important;
  filter: saturate(1.8) contrast(1.22) !important;
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper::after {
  width: min(42vw, 30rem) !important;
  height: min(42vw, 30rem) !important;
  top: 76rem !important;
  left: -6rem !important;
  opacity: .74 !important;
  border: 2px solid rgba(17, 135, 7, .38) !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(17, 135, 7, .18), transparent 68%) !important;
  filter: saturate(1.7) contrast(1.18) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-stage {
  opacity: 1 !important;
  mix-blend-mode: multiply;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
  opacity: .82 !important;
  filter: saturate(1.85) contrast(1.22) drop-shadow(0 18px 38px rgba(17, 135, 7, .16)) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--ring {
  opacity: .72 !important;
  border-color: rgba(17, 135, 7, .52) !important;
  box-shadow: 0 0 0 1px rgba(36, 215, 14, .12), 0 20px 50px rgba(17, 135, 7, .14) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--dotgrid,
:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--linegrid {
  opacity: .68 !important;
}

@media (max-width: 767.98px) {
  :root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
    opacity: .66 !important;
  }

  :root[data-hg-theme="light"] body.is-nova #main-wrapper::before,
  :root[data-hg-theme="light"] body.is-nova #main-wrapper::after {
    opacity: .62 !important;
  }
}

/* Guardrail: keep sections/cards free of green background textures. */
:root[data-hg-theme="light"] body.is-nova .hg-hero-slider,
:root[data-hg-theme="light"] body.is-nova .hg-live-copy,
:root[data-hg-theme="light"] body.is-nova .hg-discovery,
:root[data-hg-theme="light"] body.is-nova .hg-category-cloud,
:root[data-hg-theme="light"] body.is-nova .hg-flagship,
:root[data-hg-theme="light"] body.is-nova .hg-product-stage,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-band,
:root[data-hg-theme="light"] body.is-nova .hg-footer-brand,
:root[data-hg-theme="light"] body.is-nova .hg-home-hero__panel,
:root[data-hg-theme="light"] body.is-nova .hg-copy-card,
:root[data-hg-theme="light"] body.is-nova .hg-discovery-card,
:root[data-hg-theme="light"] body.is-nova .hg-flagship-card,
:root[data-hg-theme="light"] body.is-nova .hg-product-highlight-card,
:root[data-hg-theme="light"] body.is-nova .hg-footer-card,
:root[data-hg-theme="light"] body.is-nova .hg-intent-card,
:root[data-hg-theme="light"] body.is-nova .hg-category-pill {
  background-image: none !important;
}

/* Parallax visibility rescue: keep layers in the visible viewport and strong enough in light mode. */
body.is-nova .hg-scroll-parallax-stage {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
  min-height: 100% !important;
}

body.is-nova .hg-scroll-parallax-layer {
  z-index: 0 !important;
  transform-origin: 50% 50% !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
  opacity: .95 !important;
  filter: saturate(2) contrast(1.28) drop-shadow(0 18px 42px rgba(17, 135, 7, .18)) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--ring {
  width: clamp(7rem, 17vw, 17rem) !important;
  height: clamp(7rem, 17vw, 17rem) !important;
  opacity: .88 !important;
  border-width: 2px !important;
  border-color: rgba(17, 135, 7, .62) !important;
  background: rgba(36, 215, 14, .035) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--dotgrid {
  width: clamp(8rem, 19vw, 19rem) !important;
  height: clamp(8rem, 19vw, 19rem) !important;
  opacity: .78 !important;
  background-image: radial-gradient(circle, rgba(17, 135, 7, .66) 0 2px, transparent 2.8px) !important;
  background-size: 18px 18px !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--linegrid {
  width: clamp(9rem, 22vw, 22rem) !important;
  height: clamp(5rem, 12vw, 12rem) !important;
  opacity: .72 !important;
  background:
    repeating-linear-gradient(135deg, transparent 0 12px, rgba(17, 135, 7, .46) 13px 15px),
    transparent !important;
}

@media (max-width: 767.98px) {
  :root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
    opacity: .78 !important;
  }
}

/* Parallax natural motion: fixed viewport depth layer with subtle independent drift. */
body.is-nova .hg-scroll-parallax-stage {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  min-height: 100vh !important;
  contain: layout paint size;
}

body.is-nova .hg-scroll-parallax-layer {
  will-change: transform !important;
  transition: opacity .2s ease-out;
}

@media (max-width: 767.98px) {
  body.is-nova .hg-scroll-parallax-stage {
    opacity: .86;
  }
}

/* Parallax motion refinement: one-direction movement, slightly faster, more subtle visuals. */
:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
  opacity: .58 !important;
  filter: saturate(1.45) contrast(1.08) drop-shadow(0 12px 28px rgba(17, 135, 7, .10)) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--ring {
  opacity: .52 !important;
  border-color: rgba(17, 135, 7, .42) !important;
  background: rgba(36, 215, 14, .018) !important;
  box-shadow: 0 14px 36px rgba(17, 135, 7, .08) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--dotgrid {
  opacity: .48 !important;
  background-image: radial-gradient(circle, rgba(17, 135, 7, .42) 0 1.7px, transparent 2.5px) !important;
}

:root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer--linegrid {
  opacity: .44 !important;
  background:
    repeating-linear-gradient(135deg, transparent 0 12px, rgba(17, 135, 7, .28) 13px 15px),
    transparent !important;
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper::before {
  opacity: .44 !important;
  filter: saturate(1.28) contrast(1.06) !important;
}

:root[data-hg-theme="light"] body.is-nova #main-wrapper::after {
  opacity: .34 !important;
  filter: saturate(1.22) contrast(1.04) !important;
}

@media (max-width: 767.98px) {
  :root[data-hg-theme="light"] body.is-nova .hg-scroll-parallax-layer {
    opacity: .46 !important;
  }
}

/* Gilles QA polish: larger menu controls, aligned popouts, cleaner cart hover, smaller DHL, darker slider glass. */
body.is-nova {
  --hg-header-glass: color-mix(in srgb, var(--hg-bg) 66%, transparent) !important;
  --hg-header-border: color-mix(in srgb, var(--hg-primary) 18%, transparent) !important;
}

:root[data-hg-theme="light"] body.is-nova {
  --hg-header-glass: color-mix(in srgb, #fffefa 68%, transparent) !important;
}

:root[data-hg-theme="dark"] body.is-nova {
  --hg-header-glass: color-mix(in srgb, #071008 58%, transparent) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova {
    --hg-header-glass: color-mix(in srgb, #071008 58%, transparent) !important;
  }
}

body.is-nova header#jtl-nav-wrapper,
body.is-nova #jtl-nav-wrapper,
body.is-nova #header-top-bar,
body.is-nova .topbar-wrapper {
  background: var(--hg-header-glass) !important;
  backdrop-filter: blur(24px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.18) !important;
}

/* Slightly larger, less cramped desktop menu elements. */
@media (min-width: 1024px) {
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    gap: clamp(.14rem, .28vw, .42rem) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 42px !important;
    padding: .52rem clamp(.48rem, .55vw, .78rem) !important;
    font-size: clamp(.82rem, .74vw, .96rem) !important;
    border-radius: .92rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-link-icon {
    font-size: .96em !important;
    margin-right: clamp(.24rem, .25vw, .4rem) !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown,
  body.is-nova #shop-nav .basket-icon-dropdown,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .account-icon-dropdown button,
  body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"],
  body.is-nova #shop-nav .wishlist-icon,
  body.is-nova #shop-nav .wishlist-icon-dropdown > a,
  body.is-nova #shop-nav [href*="wunschliste"],
  body.is-nova #shop-nav [href*="warenkorb"] {
    flex-basis: 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: .92rem !important;
  }
}

/* Align all header icon popouts to one vertical level. */
body.is-nova {
  --hg-icon-popout-offset: .95rem;
  --hg-shop-panel-top: 82px;
}

body.is-nova #shop-nav .dropdown-menu,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
  margin-top: var(--hg-icon-popout-offset) !important;
}

@media (min-width: 1024px) {
  body.is-nova .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper .hg-shop-menu {
    top: var(--hg-shop-panel-top) !important;
  }
}

/* Cart hover: force a single clean hover layer, no nested/double background. */
body.is-nova #shop-nav .cart-icon-dropdown,
body.is-nova #shop-nav .basket-icon-dropdown,
body.is-nova #shop-nav [href*="warenkorb"] {
  background-image: none !important;
  overflow: visible !important;
}

html body.is-nova #shop-nav .cart-icon-dropdown:hover,
html body.is-nova #shop-nav .basket-icon-dropdown:hover,
html body.is-nova #shop-nav [href*="warenkorb"]:hover {
  background: color-mix(in srgb, var(--hg-primary) 11%, var(--hg-surface)) !important;
  background-image: none !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
  transform: translateY(-2px) !important;
}

body.is-nova #shop-nav .cart-icon-dropdown:hover *,
body.is-nova #shop-nav .basket-icon-dropdown:hover *,
body.is-nova #shop-nav [href*="warenkorb"]:hover * {
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova #shop-nav .cart-icon-dropdown::before,
body.is-nova #shop-nav .cart-icon-dropdown::after,
body.is-nova #shop-nav .basket-icon-dropdown::before,
body.is-nova #shop-nav .basket-icon-dropdown::after,
body.is-nova #shop-nav [href*="warenkorb"]::before,
body.is-nova #shop-nav [href*="warenkorb"]::after {
  display: none !important;
  content: none !important;
}

/* Footer DHL mark should support the text, not dominate the footer card. */
body.is-nova .hg-shipping-logo {
  min-width: 2.75rem !important;
  min-height: 1.45rem !important;
  padding: .16rem .28rem !important;
  border-radius: .55rem !important;
  opacity: .82 !important;
}

body.is-nova .hg-shipping-logo svg {
  width: 3.15rem !important;
}

/* Dark theme slider glass should match the light theme blur treatment. */
:root[data-hg-theme="dark"] body.is-nova .hg-hero-slider__viewport {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 72%, transparent), color-mix(in srgb, var(--hg-bg) 58%, transparent)) !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova .hg-hero-slider__viewport {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 72%, transparent), color-mix(in srgb, var(--hg-bg) 58%, transparent)) !important;
    backdrop-filter: blur(18px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
  }
}

/* Gilles QA follow-up: single-layer cart hover + stable light popup header color. */
body.is-nova #shop-nav > li.cart-icon-dropdown,
body.is-nova #shop-nav > li.basket-icon-dropdown,
body.is-nova #shop-nav .cart-icon-dropdown.nav-item,
body.is-nova #shop-nav .basket-icon-dropdown.nav-item {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  padding: 0 !important;
}

body.is-nova #shop-nav > li.cart-icon-dropdown:hover,
body.is-nova #shop-nav > li.cart-icon-dropdown.show,
body.is-nova #shop-nav > li.basket-icon-dropdown:hover,
body.is-nova #shop-nav > li.basket-icon-dropdown.show {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link,
body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link,
body.is-nova #shop-nav .cart-icon-dropdown > a.nav-link,
body.is-nova #shop-nav .basket-icon-dropdown > a.nav-link {
  background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
  border: 1px solid var(--hg-border) !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link {
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14) !important;
  transform: translateY(-2px) !important;
}

body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link *,
body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link * {
  background: transparent !important;
  box-shadow: none !important;
}

/* Light theme: opening a header popup should not recolor the menu/header itself. */
:root[data-hg-theme="light"] body.is-nova,
:root:not([data-hg-theme="dark"]) body.is-nova {
  --hg-header-glass: color-mix(in srgb, #fffefa 70%, transparent) !important;
  --hg-header-border: rgba(17,135,7,.18) !important;
}

:root[data-hg-theme="light"] body.is-nova header#jtl-nav-wrapper,
:root[data-hg-theme="light"] body.is-nova #jtl-nav-wrapper,
:root[data-hg-theme="light"] body.is-nova #header-top-bar,
:root[data-hg-theme="light"] body.is-nova .topbar-wrapper,
:root:not([data-hg-theme="dark"]) body.is-nova header#jtl-nav-wrapper,
:root:not([data-hg-theme="dark"]) body.is-nova #jtl-nav-wrapper,
:root:not([data-hg-theme="dark"]) body.is-nova #header-top-bar,
:root:not([data-hg-theme="dark"]) body.is-nova .topbar-wrapper {
  background: var(--hg-header-glass) !important;
  border-color: var(--hg-header-border) !important;
}

:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item.show > a,
:root[data-hg-theme="light"] body.is-nova #shop-nav > .nav-item.show > button,
:root[data-hg-theme="light"] body.is-nova #jtl-nav-wrapper .hg-nav-item.show > .hg-nav-link,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav > .nav-item.show > a,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav > .nav-item.show > button,
:root:not([data-hg-theme="dark"]) body.is-nova #jtl-nav-wrapper .hg-nav-item.show > .hg-nav-link {
  background: color-mix(in srgb, #fffefa 74%, transparent) !important;
  color: var(--hg-text) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 26%, var(--hg-border)) !important;
}

:root[data-hg-theme="light"] body.is-nova #shop-nav .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova .hg-shop-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova .hg-shop-menu {
  background: color-mix(in srgb, #fffefa 86%, transparent) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
}

/* Cart hover consistency: cart uses the same neutral icon hover surface as the other header buttons. */
html body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav .cart-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav .cart-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav .basket-icon-dropdown > a.nav-link:hover,
html body.is-nova #shop-nav .basket-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav [href*="warenkorb"]:hover {
  background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
  background-image: none !important;
  color: var(--hg-text) !important;
  border-color: var(--hg-border) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.12) !important;
  transform: translateY(-2px) !important;
}

:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link:hover,
:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link:hover,
:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link,
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link:hover,
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.basket-icon-dropdown > a.nav-link:hover,
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link {
  background: color-mix(in srgb, #fffefa 78%, transparent) !important;
  color: var(--hg-text) !important;
  border-color: var(--hg-border) !important;
}

/* Cart open-state consistency: after hover exits, cart keeps the same green open border as other header buttons. */
html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link:not(:hover),
html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link:not(:hover),
html body.is-nova #shop-nav .cart-icon-dropdown.show > a.nav-link:not(:hover),
html body.is-nova #shop-nav .basket-icon-dropdown.show > a.nav-link:not(:hover) {
  background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
  color: var(--hg-text) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hg-primary) 18%, transparent), 0 10px 22px rgba(0,0,0,.12) !important;
  transform: translateY(-2px) !important;
}

:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link:not(:hover),
:root[data-hg-theme="light"] html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link:not(:hover),
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link:not(:hover),
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link:not(:hover) {
  background: color-mix(in srgb, #fffefa 78%, transparent) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
}

/* Mobile layout + burger menu rework: compact, structured, and reliably tappable. */
@media (max-width: 1023.98px) {
  body.is-nova header#jtl-nav-wrapper {
    overflow: visible !important;
  }

  body.is-nova #jtl-nav-wrapper > .container,
  body.is-nova #jtl-nav-wrapper > .container-fluid,
  body.is-nova #jtl-nav-wrapper > .container-fluid-xl,
  body.is-nova #jtl-nav-wrapper > div[class*="container"] {
    padding-left: clamp(.5rem, 2.4vw, .85rem) !important;
    padding-right: clamp(.5rem, 2.4vw, .85rem) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    min-height: 52px !important;
    gap: .35rem !important;
    flex-wrap: nowrap !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: clamp(128px, 36vw, 172px) !important;
    margin-left: .2rem !important;
    margin-right: .25rem !important;
  }

  body.is-nova .hg-brand-logo,
  body.is-nova .hg-brand-logo:hover,
  body.is-nova .hg-brand-logo:focus-visible {
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.is-nova .hg-brand-logo__img {
    width: clamp(126px, 34vw, 168px) !important;
    max-height: 34px !important;
  }

  body.is-nova #burger-menu.navbar-toggler {
    order: -1 !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 .25rem 0 0 !important;
    border-radius: .78rem !important;
    padding: 0 !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    gap: .18rem !important;
    min-width: 0 !important;
  }

  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown > a.nav-link,
  body.is-nova #shop-nav .basket-icon-dropdown > a.nav-link,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .account-icon-dropdown button,
  body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"] {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    border-radius: .72rem !important;
    padding: 0 !important;
    font-size: .92rem !important;
  }

  body.is-nova #shop-nav .fa-sup {
    min-width: .95rem !important;
    height: .95rem !important;
    font-size: .62rem !important;
    top: -.42rem !important;
    right: -.42rem !important;
  }

  body.is-nova #mainNavigation.hg-nav.show,
  body.is-nova #mainNavigation.hg-nav.collapsing,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.collapsing {
    display: block !important;
    position: fixed !important;
    top: calc(58px + env(safe-area-inset-top)) !important;
    left: max(.55rem, env(safe-area-inset-left)) !important;
    right: max(.55rem, env(safe-area-inset-right)) !important;
    width: auto !important;
    max-width: calc(100vw - 1.1rem - env(safe-area-inset-left) - env(safe-area-inset-right)) !important;
    max-height: calc(100svh - 70px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
    border-radius: 1rem !important;
    padding: .55rem !important;
    background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
    backdrop-filter: blur(22px) saturate(1.14) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.14) !important;
    box-shadow: 0 18px 55px rgba(0,0,0,.24) !important;
    z-index: 1060 !important;
    pointer-events: auto !important;
  }

  body.is-nova #jtl-nav-wrapper .nav-mobile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 36px !important;
    padding: .25rem .25rem .45rem !important;
    margin: 0 0 .35rem !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-title {
    font-size: .82rem !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: grid !important;
    gap: .28rem !important;
    width: 100% !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-item,
  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 40px !important;
    padding: .5rem .62rem !important;
    border-radius: .82rem !important;
    font-size: .88rem !important;
    line-height: 1.15 !important;
    justify-content: flex-start !important;
    gap: .45rem !important;
    transform: none !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-link-icon {
    width: 1rem !important;
    min-width: 1rem !important;
    margin-right: 0 !important;
    font-size: .9rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-more {
    margin-left: auto !important;
    font-size: .8rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-shop.show > .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper .hg-shop-menu.show,
  body.is-nova .hg-shop-menu.show {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.is-nova .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper .hg-shop-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .28rem 0 0 !important;
    padding: 0 !important;
    border-radius: .9rem !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.is-nova .hg-shop-menu-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .55rem !important;
    padding: .62rem !important;
  }

  body.is-nova .hg-shop-menu-copy {
    padding: .65rem !important;
    border-radius: .75rem !important;
  }

  body.is-nova .hg-shop-menu-copy p,
  body.is-nova .hg-shop-menu-copy .hg-shop-menu-note {
    display: none !important;
  }

  body.is-nova .hg-shop-intents,
  body.is-nova .hg-shop-categories {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .45rem !important;
  }

  body.is-nova .hg-intent-card,
  body.is-nova .hg-shop-category-link,
  body.is-nova .hg-category-pill {
    min-height: 0 !important;
    padding: .55rem !important;
    border-radius: .75rem !important;
    font-size: .82rem !important;
    line-height: 1.18 !important;
  }

  body.is-nova .hg-intent-card p,
  body.is-nova .hg-shop-category-link p {
    display: none !important;
  }

  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed {
    padding-left: .65rem !important;
    padding-right: .65rem !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova #jtl-nav-wrapper .hg-main-navbar { min-height: 48px !important; }
  body.is-nova .hg-brand-logo__img { width: clamp(112px, 32vw, 145px) !important; max-height: 30px !important; }
  body.is-nova #burger-menu.navbar-toggler { width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; }
  body.is-nova #shop-nav .hg-theme-toggle,
  body.is-nova #shop-nav > .nav-item > a,
  body.is-nova #shop-nav > .nav-item > button,
  body.is-nova #shop-nav .nav-link,
  body.is-nova #shop-nav .dropdown-toggle,
  body.is-nova #shop-nav .cart-icon-dropdown > a.nav-link,
  body.is-nova #shop-nav .basket-icon-dropdown > a.nav-link,
  body.is-nova #shop-nav .account-icon-dropdown > a,
  body.is-nova #shop-nav .account-icon-dropdown button,
  body.is-nova #shop-nav .account-icon-dropdown [data-toggle="dropdown"] {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
  body.is-nova .hg-shop-intents,
  body.is-nova .hg-shop-categories { grid-template-columns: 1fr !important; }
}

/* General mobile content density: smaller hero/cards/spacing without changing desktop layout. */
@media (max-width: 767.98px) {
  body.is-nova .hg-hero-slider {
    min-height: auto !important;
    padding: 1.15rem .65rem !important;
  }

  body.is-nova .hg-hero-slider__viewport {
    border-radius: 1.1rem !important;
  }

  body.is-nova .hg-hero-slide {
    min-height: 390px !important;
    grid-template-columns: 1fr !important;
    gap: .85rem !important;
    padding: 1.1rem !important;
  }

  body.is-nova .hg-hero-slide h1 {
    font-size: clamp(2.05rem, 12vw, 3.65rem) !important;
    line-height: .92 !important;
    margin: .45rem 0 .55rem !important;
  }

  body.is-nova .hg-hero-slide p {
    font-size: .94rem !important;
    line-height: 1.42 !important;
  }

  body.is-nova .hg-hero-slide__visual {
    min-height: 210px !important;
    border-radius: 1.15rem !important;
  }

  body.is-nova .hg-live-copy,
  body.is-nova .hg-discovery,
  body.is-nova .hg-category-cloud,
  body.is-nova .hg-flagship,
  body.is-nova .hg-product-stage,
  body.is-nova .hg-product-highlight-band {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
  }

  body.is-nova .hg-copy-card,
  body.is-nova .hg-discovery-card,
  body.is-nova .hg-flagship-card,
  body.is-nova .hg-product-highlight-card,
  body.is-nova .hg-footer-card {
    padding: .9rem !important;
    border-radius: 1rem !important;
  }
}

/* Mobile burger shop dropdown repair: bypass desktop/Popper positioning inside collapse panel. */
@media (max-width: 1023.98px) {
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop {
    position: static !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    display: none !important;
    position: static !important;
    float: none !important;
    inset: auto !important;
    top: 100% !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    transform: none !important;
    margin: .35rem 0 .15rem !important;
    padding: 0 !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    border-radius: .9rem !important;
    background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
    box-shadow: inset 0 1px color-mix(in srgb, #fff 18%, transparent) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop.show > .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop.hg-shop-open > .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu.show,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu.show {
    display: block !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop.hg-shop-open > .hg-nav-link,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop.show > .hg-nav-link {
    border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: .5rem !important;
    padding: .58rem !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .42rem !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-pill {
    display: grid !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: .52rem !important;
    border-radius: .72rem !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-strip {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile menu UX rework: close affordance, compact drawer, accordion-style Shop section. */
@media (max-width: 1023.98px) {
  body.is-nova.hg-mobile-nav-open {
    overflow: hidden !important;
  }

  body.is-nova.hg-mobile-nav-open::after {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1052;
    background: rgba(7, 16, 8, .34);
    pointer-events: none;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.collapsing {
    top: max(.55rem, env(safe-area-inset-top)) !important;
    bottom: max(.55rem, env(safe-area-inset-bottom)) !important;
    left: max(.55rem, env(safe-area-inset-left)) !important;
    right: max(.55rem, env(safe-area-inset-right)) !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding: .65rem !important;
    border-radius: 1.15rem !important;
    z-index: 1065 !important;
  }

  body.is-nova #jtl-nav-wrapper .nav-mobile-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: block !important;
    margin: -.15rem -.15rem .45rem !important;
    padding: .15rem !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    border-radius: .9rem .9rem .55rem .55rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-mobile-menu-head {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
    gap: .45rem !important;
    min-height: 40px !important;
    padding: .25rem .25rem .35rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-title {
    font-size: .95rem !important;
    font-weight: 900 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-mobile-menu-home {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: .35rem .58rem !important;
    border-radius: .7rem !important;
    color: var(--hg-text) !important;
    border: 1px solid var(--hg-border) !important;
    text-decoration: none !important;
    font-size: .78rem !important;
    font-weight: 800 !important;
    background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-mobile-menu-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: .72rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
    color: var(--hg-text) !important;
    background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 0 .05rem .15rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    gap: .34rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 42px !important;
    padding: .55rem .66rem !important;
    display: grid !important;
    grid-template-columns: 1rem 1fr auto !important;
    align-items: center !important;
    column-gap: .5rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-mobile-shop-hint {
    display: block !important;
    grid-column: 2 / 3 !important;
    margin-top: .08rem !important;
    color: var(--hg-muted) !important;
    font-size: .68rem !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-shop.hg-shop-open > .hg-nav-link .hg-nav-more,
  body.is-nova #jtl-nav-wrapper .hg-nav-shop.show > .hg-nav-link .hg-nav-more {
    transform: rotate(180deg) !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    margin: .38rem 0 .2rem !important;
    border-radius: .85rem !important;
    background: color-mix(in srgb, var(--hg-surface) 97%, transparent) !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-copy {
    display: grid !important;
    gap: .25rem !important;
    padding: .58rem !important;
    border-radius: .7rem !important;
    background: color-mix(in srgb, var(--hg-primary) 6%, var(--hg-surface)) !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-copy strong {
    font-size: .86rem !important;
    line-height: 1.15 !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-all-products {
    display: inline-flex !important;
    width: fit-content !important;
    margin-top: .1rem !important;
    padding: .34rem .52rem !important;
    border-radius: .62rem !important;
    color: var(--hg-primary) !important;
    text-decoration: none !important;
    font-size: .76rem !important;
    font-weight: 900 !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-strip {
    grid-template-columns: 1fr !important;
    gap: .32rem !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card,
  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-pill {
    display: grid !important;
    grid-template-columns: 1rem 1fr auto !important;
    align-items: center !important;
    column-gap: .45rem !important;
    min-height: 36px !important;
    padding: .46rem .54rem !important;
    font-size: .8rem !important;
  }

  body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card small {
    justify-self: end !important;
    font-size: .66rem !important;
    color: var(--hg-muted) !important;
  }
}

/* Modern search bar/button polish: cleaner pill field, integrated action button, stronger focus state. */
body.is-nova #jtl-nav-wrapper .search-wrapper,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .search-wrapper,
body.is-nova .fixed-search .search-wrapper {
  position: relative !important;
  width: 100% !important;
}

body.is-nova #jtl-nav-wrapper #search {
  min-width: clamp(15rem, 24vw, 24rem) !important;
  max-width: 26rem !important;
}

body.is-nova #jtl-nav-wrapper .main-search,
body.is-nova #jtl-nav-wrapper #search form,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed form,
body.is-nova .fixed-search form {
  margin: 0 !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group,
body.is-nova .fixed-search .input-group {
  align-items: center !important;
  min-height: 46px !important;
  padding: .22rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .10) !important;
  overflow: hidden !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease, transform .2s ease !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group:focus-within,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group:focus-within,
body.is-nova .fixed-search .input-group:focus-within {
  border-color: color-mix(in srgb, var(--hg-primary) 64%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 98%, var(--hg-primary) 2%) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--hg-primary) 16%, transparent), 0 18px 42px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .form-control,
body.is-nova #jtl-nav-wrapper .search-wrapper input[type="search"],
body.is-nova #jtl-nav-wrapper .search-wrapper input[name="qs"],
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed input[name="qs"],
body.is-nova .fixed-search input[name="qs"] {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 .95rem 0 1.05rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hg-text) !important;
  font-size: .94rem !important;
  font-weight: 700 !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper input[name="qs"]::placeholder,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed input[name="qs"]::placeholder,
body.is-nova .fixed-search input[name="qs"]::placeholder {
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
  opacity: .86 !important;
  font-weight: 650 !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group-append,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group-append,
body.is-nova .fixed-search .input-group-append {
  margin-left: .2rem !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .btn,
body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"],
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"],
body.is-nova .fixed-search button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--hg-primary), color-mix(in srgb, var(--hg-primary) 72%, #8bd450 28%)) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--hg-primary) 28%, transparent) !important;
  transform: translateZ(0) !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"]:hover,
body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"]:focus,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"]:hover,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"]:focus,
body.is-nova .fixed-search button[type="submit"]:hover,
body.is-nova .fixed-search button[type="submit"]:focus {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 88%, #ffffff 12%), var(--hg-primary)) !important;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--hg-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--hg-primary) 34%, transparent) !important;
  transform: translateY(-1px) scale(1.03) !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"] .fas,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"] .fas,
body.is-nova .fixed-search button[type="submit"] .fas {
  font-size: .92rem !important;
  line-height: 1 !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .form-clear,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .form-clear,
body.is-nova .fixed-search .form-clear {
  right: 3.25rem !important;
  color: var(--hg-muted) !important;
}

@media (max-width: 1023.98px) {
  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed {
    padding-top: .42rem !important;
    padding-bottom: .58rem !important;
  }

  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group {
    min-height: 44px !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .09) !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed {
    padding-left: .7rem !important;
    padding-right: .7rem !important;
  }

  body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed input[name="qs"] {
    font-size: .88rem !important;
  }
}

/* Search alignment correction: keep input, clear icon, and submit button on one centered axis. */
body.is-nova #jtl-nav-wrapper .search-wrapper .form-icon,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .form-icon,
body.is-nova .fixed-search .form-icon {
  width: 100% !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group,
body.is-nova .fixed-search .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .18rem !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group > .form-control,
body.is-nova #jtl-nav-wrapper .search-wrapper .input-group > input[name="qs"],
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group > input[name="qs"],
body.is-nova .fixed-search .input-group > input[name="qs"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  line-height: 40px !important;
  margin: 0 !important;
  align-self: center !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .input-group-append,
body.is-nova #jtl-nav-wrapper .search-wrapper .input-group-addon,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group-append,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .input-group-addon,
body.is-nova .fixed-search .input-group-append,
body.is-nova .fixed-search .input-group-addon {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"],
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"],
body.is-nova .fixed-search button[type="submit"] {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  align-self: center !important;
  margin: 0 !important;
  line-height: 1 !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"] .fas,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"] .fas,
body.is-nova .fixed-search button[type="submit"] .fas {
  display: block !important;
  margin: 0 !important;
  transform: none !important;
}

body.is-nova #jtl-nav-wrapper .search-wrapper .form-clear,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed .form-clear,
body.is-nova .fixed-search .form-clear {
  top: 50% !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
}

/* Search/menu band layout correction: split desktop header into top tools row + nav row. */
@media (min-width: 1024px) {
  body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: .34rem !important;
    column-gap: clamp(.45rem, .8vw, .9rem) !important;
    padding-top: .42rem !important;
    padding-bottom: .42rem !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    order: 1 !important;
    align-self: center !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    order: 2 !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: min(34rem, calc(100% - 16rem)) !important;
    justify-content: flex-end !important;
    align-self: center !important;
    gap: .34rem !important;
  }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: .08rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-body,
  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    width: 100% !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    gap: clamp(.2rem, .45vw, .5rem) !important;
  }

  body.is-nova #shop-nav #search {
    display: flex !important;
    flex: 1 1 clamp(18rem, 34vw, 34rem) !important;
    min-width: 18rem !important;
    max-width: 34rem !important;
    height: 38px !important;
    min-height: 38px !important;
    margin-right: .12rem !important;
  }

  body.is-nova #shop-nav #search .search-wrapper,
  body.is-nova #shop-nav #search form,
  body.is-nova #shop-nav #search .form-icon,
  body.is-nova #shop-nav #search .input-group {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  body.is-nova #shop-nav #search .input-group {
    padding: 0 !important;
    gap: 0 !important;
    align-items: stretch !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .09) !important;
  }

  body.is-nova #shop-nav #search input[name="qs"],
  body.is-nova #shop-nav #search .form-control {
    height: 38px !important;
    min-height: 38px !important;
    line-height: 38px !important;
    padding: 0 .9rem 0 1rem !important;
    align-self: stretch !important;
  }

  body.is-nova #shop-nav #search .input-group-append,
  body.is-nova #shop-nav #search .input-group-addon {
    height: 38px !important;
    min-height: 38px !important;
    align-self: stretch !important;
  }

  body.is-nova #shop-nav #search button[type="submit"] {
    width: 46px !important;
    min-width: 46px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    border-radius: 0 999px 999px 0 !important;
    align-self: stretch !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  body.is-nova #shop-nav #search button[type="submit"]:hover,
  body.is-nova #shop-nav #search button[type="submit"]:focus {
    transform: none !important;
    box-shadow: inset 0 0 0 999px color-mix(in srgb, #ffffff 8%, transparent) !important;
  }

  body.is-nova #shop-nav #search .form-clear {
    right: 3.15rem !important;
  }
}

/* Topbar search layout: use existing News/Contact band for search, keep main menu clean. */
@media (min-width: 1024px) {
  body.is-nova #header-top-bar.topbar-wrapper,
  body.is-nova #header-top-bar {
    min-height: 52px !important;
    padding: .42rem 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  }

  body.is-nova #header-top-bar > .container,
  body.is-nova #header-top-bar > .container-fluid,
  body.is-nova #header-top-bar > .container-fluid-xl {
    width: 100% !important;
  }

  body.is-nova #header-top-bar .hg-topbar-layout {
    display: grid !important;
    grid-template-columns: minmax(12rem, 1fr) minmax(20rem, 42rem) minmax(8rem, 1fr) !important;
    align-items: center !important;
    gap: clamp(.7rem, 1.4vw, 1.4rem) !important;
    width: 100% !important;
  }

  body.is-nova #header-top-bar .hg-topbar-links,
  body.is-nova #header-top-bar .hg-topbar-note {
    min-width: 0 !important;
  }

  body.is-nova #header-top-bar .hg-topbar-note {
    justify-self: end !important;
  }

  body.is-nova #header-top-bar .topbar-main,
  body.is-nova #header-top-bar .topbar-note {
    display: flex !important;
    align-items: center !important;
    gap: .4rem !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
  }

  body.is-nova #header-top-bar .topbar-main .nav-item,
  body.is-nova #header-top-bar .topbar-note .nav-item,
  body.is-nova #header-top-bar .topbar-main .nav-link,
  body.is-nova #header-top-bar .topbar-note .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search {
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 20rem !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search #search,
  body.is-nova #header-top-bar .hg-topbar-search .search-wrapper,
  body.is-nova #header-top-bar .hg-topbar-search form,
  body.is-nova #header-top-bar .hg-topbar-search .form-icon,
  body.is-nova #header-top-bar .hg-topbar-search .input-group {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search #search {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .08) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search input[name="qs"],
  body.is-nova #header-top-bar .hg-topbar-search .form-control {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    padding: 0 .9rem 0 1rem !important;
    align-self: stretch !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group-append,
  body.is-nova #header-top-bar .hg-topbar-search .input-group-addon {
    height: 36px !important;
    min-height: 36px !important;
    align-self: stretch !important;
    margin: 0 !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"] {
    width: 44px !important;
    min-width: 44px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 0 999px 999px 0 !important;
    align-self: stretch !important;
    margin: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: nowrap !important;
    padding-top: .34rem !important;
    padding-bottom: .34rem !important;
  }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: initial !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin-top: 0 !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    order: initial !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  body.is-nova #shop-nav #search {
    display: none !important;
  }
}

/* Topbar search refinement: wider modern search, logo aligned to the right side of main menu row. */
@media (min-width: 1024px) {
  body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(8rem, .7fr) minmax(30rem, min(72vw, 62rem)) minmax(6rem, .45fr) !important;
    gap: clamp(.85rem, 1.6vw, 1.8rem) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 30rem !important;
    max-width: 62rem !important;
    justify-self: stretch !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search #search,
  body.is-nova #header-top-bar .hg-topbar-search .search-wrapper,
  body.is-nova #header-top-bar .hg-topbar-search form,
  body.is-nova #header-top-bar .hg-topbar-search .form-icon,
  body.is-nova #header-top-bar .hg-topbar-search .input-group {
    height: 40px !important;
    min-height: 40px !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group {
    border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .10) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group:focus-within {
    border-color: color-mix(in srgb, var(--hg-primary) 68%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 98%, var(--hg-primary) 2%) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--hg-primary) 16%, transparent), 0 16px 38px rgba(0, 0, 0, .14) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search input[name="qs"],
  body.is-nova #header-top-bar .hg-topbar-search .form-control {
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    font-size: .95rem !important;
    font-weight: 750 !important;
    padding-left: 1.1rem !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group-append,
  body.is-nova #header-top-bar .hg-topbar-search .input-group-addon {
    height: 40px !important;
    min-height: 40px !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"] {
    width: 50px !important;
    min-width: 50px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    background: linear-gradient(135deg, var(--hg-primary), color-mix(in srgb, var(--hg-primary) 68%, #9be85d 32%)) !important;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.18) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"]:hover,
  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"]:focus {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 88%, #ffffff 12%), var(--hg-primary)) !important;
    box-shadow: inset 0 0 0 999px color-mix(in srgb, #ffffff 8%, transparent) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .form-clear {
    right: 3.55rem !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: nowrap !important;
  }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    order: 2 !important;
    flex: 0 0 auto !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    order: 3 !important;
    flex: 0 0 clamp(170px, 13vw, 218px) !important;
    max-width: clamp(170px, 13vw, 218px) !important;
    margin-left: clamp(.65rem, 1vw, 1.2rem) !important;
    margin-right: 0 !important;
    justify-content: flex-end !important;
  }

  body.is-nova .hg-brand-logo {
    justify-content: flex-end !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(7rem, .6fr) minmax(24rem, 1fr) minmax(4rem, .25fr) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 24rem !important;
  }
}

/* Header correction: logo back left, larger menu points, search button flush at edge. */
@media (min-width: 1024px) {
  body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: nowrap !important;
    gap: clamp(.55rem, .9vw, 1.05rem) !important;
  }

  body.is-nova .hg-tall-logo-wrapper {
    order: 1 !important;
    flex: 0 0 clamp(176px, 14vw, 226px) !important;
    max-width: clamp(176px, 14vw, 226px) !important;
    margin-left: 0 !important;
    margin-right: clamp(.75rem, 1.15vw, 1.35rem) !important;
    justify-content: flex-start !important;
  }

  body.is-nova .hg-brand-logo {
    justify-content: flex-start !important;
  }

  body.is-nova #mainNavigation.hg-nav,
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  body.is-nova #mainNavigation.hg-nav:not(.show),
  body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.is-nova #shop-nav,
  body.is-nova #shop-nav.nav-icons {
    order: 3 !important;
    flex: 0 0 auto !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    gap: clamp(.26rem, .48vw, .62rem) !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 46px !important;
    padding: .66rem clamp(.72rem, .72vw, 1rem) !important;
    font-size: clamp(.9rem, .82vw, 1.02rem) !important;
    border-radius: 1rem !important;
    font-weight: 850 !important;
  }

  body.is-nova #jtl-nav-wrapper .hg-link-icon {
    font-size: 1em !important;
    margin-right: .42rem !important;
  }

  body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(8rem, .55fr) minmax(34rem, min(76vw, 68rem)) minmax(5rem, .3fr) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 34rem !important;
    max-width: 68rem !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .11) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search #search,
  body.is-nova #header-top-bar .hg-topbar-search .search-wrapper,
  body.is-nova #header-top-bar .hg-topbar-search form,
  body.is-nova #header-top-bar .hg-topbar-search .form-icon {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search input[name="qs"],
  body.is-nova #header-top-bar .hg-topbar-search .form-control {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    padding: 0 4.2rem 0 1.15rem !important;
    margin: 0 !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .input-group-append,
  body.is-nova #header-top-bar .hg-topbar-search .input-group-addon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"] {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-radius: 0 999px 999px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search button[type="submit"] .fas {
    display: block !important;
    margin: 0 !important;
    line-height: 1 !important;
    transform: none !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search .form-clear {
    right: 3.7rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(7rem, .55fr) minmax(26rem, 1fr) minmax(4rem, .25fr) !important;
  }

  body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 26rem !important;
  }
}

/* Final topbar/header correction: real search form, logo left, larger nav points. */
@media (min-width: 1024px) {
  html body.is-nova #jtl-nav-wrapper .hg-main-navbar,
  html body.is-nova #jtl-nav-wrapper .navbar {
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: clamp(.6rem, .9vw, 1.1rem) !important;
  }

  html body.is-nova .hg-tall-logo-wrapper {
    order: 1 !important;
    flex: 0 0 clamp(176px, 14vw, 226px) !important;
    max-width: clamp(176px, 14vw, 226px) !important;
    margin-left: 0 !important;
    margin-right: clamp(.8rem, 1.1vw, 1.35rem) !important;
    justify-content: flex-start !important;
  }

  html body.is-nova .hg-brand-logo,
  html body.is-nova .hg-tall-logo {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  html body.is-nova #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #mainNavigation.hg-nav:not(.show),
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin-top: 0 !important;
  }

  html body.is-nova #shop-nav,
  html body.is-nova #shop-nav.nav-icons {
    order: 3 !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    gap: clamp(.28rem, .5vw, .68rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 46px !important;
    padding: .66rem clamp(.78rem, .78vw, 1.08rem) !important;
    font-size: clamp(.9rem, .84vw, 1.04rem) !important;
    border-radius: 1rem !important;
    font-weight: 850 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(8rem, .55fr) minmax(34rem, min(78vw, 72rem)) minmax(5rem, .3fr) !important;
    align-items: center !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 34rem !important;
    max-width: 72rem !important;
    width: 100% !important;
    justify-self: stretch !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .11) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form:focus-within {
    border-color: color-mix(in srgb, var(--hg-primary) 70%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 99%, var(--hg-primary) 1%) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--hg-primary) 16%, transparent), 0 16px 38px rgba(0, 0, 0, .14) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input {
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    margin: 0 !important;
    padding: 0 4.4rem 0 1.15rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--hg-text) !important;
    font-size: .95rem !important;
    font-weight: 750 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 3 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 999px 999px 0 !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--hg-primary), color-mix(in srgb, var(--hg-primary) 68%, #9be85d 32%)) !important;
    box-shadow: inset 1px 0 0 rgba(255,255,255,.18) !important;
    transform: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit .fas {
    display: block !important;
    margin: 0 !important;
    line-height: 1 !important;
    transform: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1199.98px) {
  html body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(7rem, .55fr) minmax(26rem, 1fr) minmax(4rem, .25fr) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 26rem !important;
  }
}

/* Actual header fix: parent-row logo left + robust full-width topbar search target. */
@media (min-width: 1024px) {
  html body.is-nova #jtl-nav-wrapper > .container,
  html body.is-nova #jtl-nav-wrapper > .container-fluid,
  html body.is-nova #jtl-nav-wrapper > .container-fluid-xl,
  html body.is-nova #jtl-nav-wrapper > div[class*="container"]:not(.search-form-wrapper-fixed) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: clamp(.7rem, 1vw, 1.2rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper > div[class*="container"] > .hg-tall-logo-wrapper,
  html body.is-nova #jtl-nav-wrapper .hg-tall-logo-wrapper {
    order: -10 !important;
    flex: 0 0 clamp(176px, 14vw, 226px) !important;
    max-width: clamp(176px, 14vw, 226px) !important;
    margin-left: 0 !important;
    margin-right: clamp(.8rem, 1.1vw, 1.35rem) !important;
    justify-content: flex-start !important;
  }

  html body.is-nova #jtl-nav-wrapper > div[class*="container"] > .navbar,
  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    order: 0 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search,
  html body.is-nova #header-top-bar .hg-topbar-search #search,
  html body.is-nova #header-top-bar .hg-topbar-search .search-wrapper,
  html body.is-nova #header-top-bar .hg-topbar-search form,
  html body.is-nova #header-top-bar .hg-topbar-search .form-icon,
  html body.is-nova #header-top-bar .hg-topbar-search .input-group {
    width: 100% !important;
    max-width: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .input-group,
  html body.is-nova #header-top-bar .hg-topbar-search-form {
    position: relative !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: block !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"],
  html body.is-nova #header-top-bar .hg-topbar-search .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search .form-control {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    padding-right: 4.6rem !important;
    pointer-events: auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .input-group-append,
  html body.is-nova #header-top-bar .hg-topbar-search .input-group-addon {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
    width: 56px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search button[type="submit"],
  html body.is-nova #header-top-bar .hg-topbar-search .hg-topbar-search-submit {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 6 !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 42px !important;
    min-height: 42px !important;
    pointer-events: auto !important;
  }
}

/* Browser-verified search hitbox fix: keep input inside the pill while button stays edge-pinned. */
@media (min-width: 1024px) {
  html body.is-nova #header-top-bar .hg-topbar-search-form,
  html body.is-nova #header-top-bar .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    box-sizing: border-box !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"],
  html body.is-nova #header-top-bar .hg-topbar-search .form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-right: 4.7rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    box-sizing: border-box !important;
  }
}

/* Topbar final structure fix: one real input, links on the right, same horizontal row. */
html body.is-nova #header-top-bar .hg-topbar-layout {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(.65rem, 1.2vw, 1.2rem) !important;
  width: 100% !important;
}

html body.is-nova #header-top-bar .hg-topbar-search {
  order: 1 !important;
  flex: 1 1 min(58rem, 68vw) !important;
  min-width: min(22rem, 100%) !important;
  max-width: min(68rem, 72vw) !important;
  width: auto !important;
  justify-self: auto !important;
}

html body.is-nova #header-top-bar .hg-topbar-actions {
  order: 2 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .45rem !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

html body.is-nova #header-top-bar .hg-topbar-links,
html body.is-nova #header-top-bar .hg-topbar-note,
html body.is-nova #header-top-bar .topbar-main,
html body.is-nova #header-top-bar .topbar-note {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .18rem !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-nova #header-top-bar .hg-topbar-search-form {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

html body.is-nova #header-top-bar .hg-topbar-search-input {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  box-sizing: border-box !important;
  pointer-events: auto !important;
  cursor: text !important;
  user-select: text !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead,
html body.is-nova #header-top-bar .hg-topbar-search .tt-hint,
html body.is-nova #header-top-bar .hg-topbar-search .tt-input,
html body.is-nova #header-top-bar .hg-topbar-search .ac_input:not(.hg-topbar-search-input) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html body.is-nova #header-top-bar .hg-topbar-search-submit {
  z-index: 4 !important;
}

@media (max-width: 1023.98px) {
  html body.is-nova #header-top-bar .hg-topbar-layout {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    flex: 1 1 100% !important;
    max-width: none !important;
    order: 1 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}

/* Header reflow: logo = home, CMS links in menu, shop/account icons in top search row. */
html body.is-nova #header-top-bar .hg-topbar-layout {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(.6rem, 1vw, 1rem) !important;
}

html body.is-nova #header-top-bar .hg-topbar-search {
  order: 1 !important;
  flex: 1 1 min(64rem, 70vw) !important;
  max-width: min(72rem, 72vw) !important;
  min-width: 20rem !important;
}

html body.is-nova #header-top-bar .hg-topbar-actions {
  order: 2 !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

html body.is-nova #header-top-bar #shop-nav,
html body.is-nova #header-top-bar #shop-nav.nav-icons {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .32rem !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 0 !important;
}

html body.is-nova #header-top-bar #shop-nav .nav-item,
html body.is-nova #header-top-bar #shop-nav > li {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

html body.is-nova #header-top-bar #shop-nav .hg-theme-toggle,
html body.is-nova #header-top-bar #shop-nav > .nav-item > a,
html body.is-nova #header-top-bar #shop-nav > .nav-item > button,
html body.is-nova #header-top-bar #shop-nav .nav-link,
html body.is-nova #header-top-bar #shop-nav .dropdown-toggle,
html body.is-nova #header-top-bar #shop-nav .cart-icon-dropdown > a.nav-link,
html body.is-nova #header-top-bar #shop-nav .basket-icon-dropdown > a.nav-link,
html body.is-nova #header-top-bar #shop-nav .account-icon-dropdown > a,
html body.is-nova #header-top-bar #shop-nav .wishlist-icon-dropdown > a {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  border-radius: .88rem !important;
}

html body.is-nova #header-top-bar #shop-nav .cart-icon-dropdown-price,
html body.is-nova #header-top-bar #shop-nav .hg-theme-toggle__label {
  display: none !important;
}

html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
  justify-content: center !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
html body.is-nova #jtl-nav-wrapper .hg-nav-body,
html body.is-nova #jtl-nav-wrapper .hg-nav-list {
  flex: 1 1 auto !important;
  width: 100% !important;
}

html body.is-nova #jtl-nav-wrapper .hg-nav-list {
  justify-content: center !important;
}

html body.is-nova #jtl-nav-wrapper .hg-nav-cms-item .hg-link-icon {
  opacity: .82 !important;
}

@media (max-width: 1023.98px) {
  html body.is-nova #header-top-bar .hg-topbar-layout {
    flex-wrap: wrap !important;
    justify-content: stretch !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    flex: 1 1 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
  }

  html body.is-nova #header-top-bar #shop-nav,
  html body.is-nova #header-top-bar #shop-nav.nav-icons {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}

/* Header correction: row 1 logo + search + account icons, row 2 menu buttons. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-topbar-layout {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.75rem, 1.2vw, 1.35rem) !important;
    width: 100% !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    order: 1 !important;
    flex: 0 0 clamp(174px, 14vw, 232px) !important;
    max-width: clamp(174px, 14vw, 232px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo .hg-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo .hg-brand-logo__img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 46px !important;
    object-fit: contain !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 20rem !important;
    max-width: min(68rem, 62vw) !important;
    width: auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  html body.is-nova #jtl-nav-wrapper > .container,
  html body.is-nova #jtl-nav-wrapper > .container-fluid,
  html body.is-nova #jtl-nav-wrapper > .container-fluid-xl,
  html body.is-nova #jtl-nav-wrapper > div[class*="container"]:not(.search-form-wrapper-fixed) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body.is-nova #jtl-nav-wrapper > div[class*="container"] > .hg-tall-logo-wrapper,
  html body.is-nova #jtl-nav-wrapper .hg-tall-logo-wrapper {
    display: none !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    order: 1 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-body,
  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    gap: clamp(.35rem, .7vw, .9rem) !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  html body.is-nova #header-top-bar .hg-topbar-logo {
    flex-basis: clamp(150px, 16vw, 188px) !important;
    max-width: clamp(150px, 16vw, 188px) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    min-width: 16rem !important;
    max-width: none !important;
  }
}

/* Modern commerce header: utility strip, brand/search/actions row, category pill nav. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-commerce-header {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: .42rem !important;
    padding: .38rem 0 .72rem !important;
  }

  html body.is-nova #header-top-bar .hg-utility-row {
    order: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    min-height: 28px !important;
    padding: .18rem clamp(.45rem, .8vw, .9rem) !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 58%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
  }

  html body.is-nova #header-top-bar .hg-utility-note {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    color: color-mix(in srgb, var(--hg-muted) 82%, var(--hg-text)) !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
    letter-spacing: .01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links,
  html body.is-nova #header-top-bar .hg-utility-links .topbar-main {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .22rem !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .nav-link {
    min-height: 28px !important;
    padding: .32rem .72rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-muted)) !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .nav-link:hover,
  html body.is-nova #header-top-bar .hg-utility-links .nav-link:focus {
    color: var(--hg-text) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 32%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    order: 2 !important;
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(.85rem, 1.35vw, 1.55rem) !important;
    width: 100% !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    order: 1 !important;
    flex: 0 0 clamp(180px, 14vw, 238px) !important;
    max-width: clamp(180px, 14vw, 238px) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    order: 2 !important;
    flex: 1 1 auto !important;
    min-width: 24rem !important;
    max-width: min(70rem, 64vw) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .1) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input {
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
    font-size: 1rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    width: 60px !important;
    min-width: 60px !important;
    height: 46px !important;
    min-height: 46px !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    order: 3 !important;
    flex: 0 0 auto !important;
  }

  html body.is-nova #jtl-nav-wrapper {
    box-shadow: 0 .7rem 1.4rem rgba(0,0,0,.06) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    gap: clamp(.45rem, .8vw, 1rem) !important;
    padding: .55rem 0 .72rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 44px !important;
    padding: .68rem clamp(.95rem, .95vw, 1.22rem) !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.055) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    transform: translateY(-1px) !important;
  }
}

@media (max-width: 991.98px) {
  html body.is-nova #header-top-bar .hg-commerce-header {
    display: flex !important;
    flex-direction: column !important;
    gap: .5rem !important;
  }

  html body.is-nova #header-top-bar .hg-utility-row {
    display: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    flex: 0 1 clamp(138px, 42vw, 188px) !important;
    max-width: clamp(138px, 42vw, 188px) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-end !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    flex: 1 1 100% !important;
    order: 3 !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* Layout-first concept: centered command search with split brand/actions and a focused category rail. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-commerce-header {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: .72rem !important;
    padding: .58rem 0 .84rem !important;
  }

  html body.is-nova #header-top-bar .hg-utility-row {
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(14rem, 1fr) auto !important;
    align-items: center !important;
    gap: 1rem !important;
    min-height: 30px !important;
    padding: 0 .2rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-utility-note {
    justify-self: start !important;
    max-width: 42rem !important;
    color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text)) !important;
    font-size: .78rem !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links {
    justify-self: end !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .topbar-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: .35rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .nav-link {
    min-height: 30px !important;
    padding: .34rem .78rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
    font-size: .78rem !important;
    font-weight: 820 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(170px, 230px) minmax(30rem, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(1rem, 1.45vw, 1.8rem) !important;
    width: 100% !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    flex: none !important;
    max-width: 230px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 1.15rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input {
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    font-size: 1rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    width: 62px !important;
    min-width: 62px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 0 1.15rem 1.15rem 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    flex: none !important;
    min-width: max-content !important;
  }

  html body.is-nova #header-top-bar #shop-nav,
  html body.is-nova #header-top-bar #shop-nav.nav-icons {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 44px !important;
    gap: .42rem !important;
    align-items: center !important;
    justify-content: end !important;
  }

  html body.is-nova #jtl-nav-wrapper {
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    border-top: 1px solid color-mix(in srgb, var(--hg-border) 55%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.07) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(0, max-content) !important;
    justify-content: center !important;
    gap: .55rem !important;
    padding: .7rem 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 44px !important;
    padding: .66rem clamp(.95rem, 1vw, 1.25rem) !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 72%, transparent) !important;
    border-radius: .95rem !important;
    background: color-mix(in srgb, var(--hg-surface) 95%, transparent) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.055) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--hg-primary) 46%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
    transform: translateY(-1px) !important;
  }
}

/* Compact mainstream ecommerce header: logo + smaller search + actions, product nav below. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-commerce-header {
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: .5rem !important;
    padding: .5rem 0 .68rem !important;
  }

  html body.is-nova #header-top-bar .hg-utility-row {
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 1rem !important;
    min-height: 28px !important;
    padding: 0 .25rem !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-utility-note {
    justify-self: start !important;
    max-width: 36rem !important;
    color: color-mix(in srgb, var(--hg-muted) 84%, var(--hg-text)) !important;
    font-size: .77rem !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links {
    justify-self: end !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .topbar-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: .3rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-utility-links .nav-link {
    min-height: 28px !important;
    padding: .32rem .72rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 68%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
    font-size: .77rem !important;
    font-weight: 820 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(174px, 230px) minmax(340px, 540px) auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(1rem, 1.55vw, 1.9rem) !important;
    width: 100% !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    flex: none !important;
    width: 100% !important;
    max-width: 230px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    grid-column: 2 !important;
    justify-self: center !important;
    width: clamp(340px, 38vw, 540px) !important;
    min-width: 0 !important;
    max-width: 540px !important;
    flex: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.09), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form::before {
    content: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input {
    height: 40px !important;
    min-height: 40px !important;
    line-height: 40px !important;
    padding-left: 1.05rem !important;
    padding-right: 4.4rem !important;
    font-size: .94rem !important;
    font-weight: 760 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    width: 54px !important;
    min-width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 0 999px 999px 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    flex: none !important;
    min-width: max-content !important;
  }

  html body.is-nova #header-top-bar #shop-nav,
  html body.is-nova #header-top-bar #shop-nav.nav-icons {
    display: inline-grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 40px !important;
    gap: .36rem !important;
    align-items: center !important;
    justify-content: end !important;
  }

  html body.is-nova #header-top-bar #shop-nav .hg-theme-toggle,
  html body.is-nova #header-top-bar #shop-nav > .nav-item > a,
  html body.is-nova #header-top-bar #shop-nav > .nav-item > button,
  html body.is-nova #header-top-bar #shop-nav .nav-link,
  html body.is-nova #header-top-bar #shop-nav .dropdown-toggle,
  html body.is-nova #header-top-bar #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #header-top-bar #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #header-top-bar #shop-nav .account-icon-dropdown > a,
  html body.is-nova #header-top-bar #shop-nav .wishlist-icon-dropdown > a {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html body.is-nova #jtl-nav-wrapper {
    background: color-mix(in srgb, var(--hg-surface) 97%, transparent) !important;
    border-top: 1px solid color-mix(in srgb, var(--hg-border) 55%, transparent) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.07) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: flex !important;
    justify-content: center !important;
    gap: .5rem !important;
    padding: .62rem 0 .7rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 42px !important;
    padding: .62rem clamp(.86rem, .9vw, 1.12rem) !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 72%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 95%, transparent) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.05) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
  html body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--hg-primary) 44%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    transform: translateY(-1px) !important;
  }
}

/* Header reflow: no slogan, taller logo, utility links beside search, account icons with menu row. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-commerce-header {
    display: block !important;
    padding: .58rem 0 .62rem !important;
  }

  html body.is-nova #header-top-bar .hg-utility-row,
  html body.is-nova #header-top-bar .hg-utility-note,
  html body.is-nova #header-top-bar .hg-utility-links {
    display: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-layout {
    display: grid !important;
    grid-template-columns: minmax(210px, 285px) minmax(320px, 520px) auto !important;
    grid-template-areas: "brand search links" !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(1rem, 1.5vw, 1.8rem) !important;
    width: 100% !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo {
    grid-area: brand !important;
    justify-self: start !important;
    flex: none !important;
    width: 100% !important;
    max-width: 285px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo .hg-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo .hg-brand-logo__img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    grid-area: search !important;
    justify-self: center !important;
    width: clamp(320px, 36vw, 520px) !important;
    max-width: 520px !important;
    min-width: 0 !important;
    flex: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links {
    grid-area: links !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: max-content !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .36rem !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .nav-link {
    min-height: 36px !important;
    padding: .45rem .9rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 68%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 93%, transparent) !important;
    color: color-mix(in srgb, var(--hg-text) 86%, var(--hg-muted)) !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .nav-link:hover,
  html body.is-nova #header-top-bar .hg-topbar-links .nav-link:focus {
    border-color: color-mix(in srgb, var(--hg-primary) 44%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    color: var(--hg-text) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: clamp(.7rem, 1vw, 1.2rem) !important;
    width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    grid-column: 1 !important;
    order: 1 !important;
    width: 100% !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    grid-column: 2 !important;
    order: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: .34rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    display: flex !important;
    justify-content: center !important;
    gap: .48rem !important;
    padding: .62rem 0 .7rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > button,
  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav .wishlist-icon-dropdown > a {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    border-radius: .86rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown-price,
  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle__label {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  html body.is-nova #header-top-bar .hg-topbar-layout {
    grid-template-columns: minmax(180px, 230px) minmax(260px, 420px) auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-logo .hg-brand-logo__img {
    max-height: 50px !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search {
    width: clamp(260px, 34vw, 420px) !important;
  }
}

/* Header QA fix: plain utility links, more visible menu items, real clickable search input. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-topbar-links .nav-link {
    min-height: auto !important;
    padding: .18rem .12rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: color-mix(in srgb, var(--hg-muted) 82%, var(--hg-text)) !important;
    font-size: .86rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    transition: color .18s ease, transform .18s ease !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .nav-link:hover,
  html body.is-nova #header-top-bar .hg-topbar-links .nav-link:focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--hg-primary) !important;
    transform: translateY(-2px) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main {
    gap: .95rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search,
  html body.is-nova #header-top-bar .hg-topbar-search-form {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 20 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form {
    display: block !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"] {
    position: relative !important;
    z-index: 21 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: transparent !important;
    pointer-events: auto !important;
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    touch-action: manipulation !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    z-index: 24 !important;
    pointer-events: auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead,
  html body.is-nova #header-top-bar .hg-topbar-search .tt-hint,
  html body.is-nova #header-top-bar .hg-topbar-search .tt-input,
  html body.is-nova #header-top-bar .hg-topbar-search .ac_input:not(.hg-topbar-search-input),
  html body.is-nova #header-top-bar .hg-topbar-search .form-clear {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: clamp(.26rem, .48vw, .56rem) !important;
    overflow: visible !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    min-height: 40px !important;
    padding: .56rem clamp(.58rem, .64vw, .88rem) !important;
    font-size: clamp(.78rem, .78vw, .94rem) !important;
    white-space: nowrap !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-link-icon {
    margin-right: .32rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1420px) {
  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    padding-left: .52rem !important;
    padding-right: .52rem !important;
    font-size: .8rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-link-icon {
    margin-right: .24rem !important;
  }
}

/* Live QA fix: keep JTL typeahead search input visible/clickable in the custom topbar search. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead {
    display: block !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 22 !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    pointer-events: auto !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead .tt-input,
  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead .tt-input[name="qs"],
  html body.is-nova #header-top-bar .hg-topbar-search .tt-input.hg-topbar-search-input {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 23 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--hg-text) !important;
    pointer-events: auto !important;
    cursor: text !important;
    user-select: text !important;
    -webkit-user-select: text !important;
    touch-action: manipulation !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead .tt-hint,
  html body.is-nova #header-top-bar .hg-topbar-search .twitter-typeahead .tt-hint.hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search .form-clear {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search .tt-menu {
    z-index: 60 !important;
  }
}

/* Header nav/search/popout refinement: centered menu, calm focus, attached search button, less redundant Shop panel. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    grid-template-columns: minmax(0, 1fr) auto !important;
    column-gap: clamp(.8rem, 1.8vw, 1.8rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation {
    justify-content: center !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-body {
    width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
    max-width: 100% !important;
    gap: clamp(.34rem, .62vw, .72rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    justify-content: center !important;
    min-height: 42px !important;
    padding: .58rem clamp(.62rem, .72vw, .96rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-shop {
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(.55rem) !important;
    width: min(920px, calc(100vw - 3rem)) !important;
    max-width: min(920px, calc(100vw - 3rem)) !important;
    padding: .65rem !important;
    border-radius: 1.3rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: blur(18px) saturate(140%) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-inner {
    display: grid !important;
    grid-template-columns: minmax(220px, .82fr) minmax(360px, 1.4fr) !important;
    grid-template-areas:
      "copy intents"
      "copy quick"
      "strip strip" !important;
    gap: .75rem !important;
    padding: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-copy {
    grid-area: copy !important;
    align-content: center !important;
    min-height: 100% !important;
    padding: 1rem !important;
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 96%, transparent)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-copy p {
    margin-bottom: 0 !important;
    color: var(--hg-muted) !important;
    font-size: .86rem !important;
    line-height: 1.45 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents {
    grid-area: intents !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .58rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card {
    display: grid !important;
    align-content: center !important;
    min-height: 76px !important;
    padding: .82rem !important;
    border-radius: .95rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface-2) 84%, transparent) !important;
    box-shadow: none !important;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:focus {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card span {
    font-size: .92rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card small {
    margin-top: .22rem !important;
    color: var(--hg-muted) !important;
    font-size: .7rem !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-quicksearch {
    grid-area: quick !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .42rem !important;
    align-items: center !important;
    padding: .08rem .1rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-query-chip {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: .34rem .62rem !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    color: color-mix(in srgb, var(--hg-muted) 72%, var(--hg-text)) !important;
    background: color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-query-chip:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-query-chip:focus {
    color: var(--hg-primary) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-strip {
    grid-area: strip !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: .42rem !important;
    padding-top: .65rem !important;
    border-top: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-pill {
    min-height: 32px !important;
    padding: .38rem .68rem !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    font-weight: 800 !important;
    background: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search,
  html body.is-nova #header-top-bar .hg-topbar-search-form {
    z-index: 35 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-form,
  html body.is-nova #header-top-bar .hg-topbar-search-form:focus-within {
    border-color: color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hg-primary) 12%, transparent), 0 12px 30px rgba(0,0,0,.10) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search .tt-input.hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"] {
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    padding-right: 3.05rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input:focus,
  html body.is-nova #header-top-bar .hg-topbar-search .tt-input.hg-topbar-search-input:focus,
  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"]:focus {
    outline: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit {
    top: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    height: auto !important;
    min-height: 0 !important;
    width: 42px !important;
    border-radius: 0 999px 999px 0 !important;
    border: 0 !important;
    border-left: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit:hover,
  html body.is-nova #header-top-bar .hg-topbar-search-submit:focus {
    outline: 0 !important;
    background: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-surface)) !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1200px) and (max-width: 1420px) {
  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    gap: .3rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-nav-link {
    padding-left: .48rem !important;
    padding-right: .48rem !important;
  }
}

/* Final tightening for refined header menu/search QA. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    width: min(900px, calc(100vw - 3rem)) !important;
    max-width: min(900px, calc(100vw - 3rem)) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-submit,
  html body.is-nova #header-top-bar .hg-topbar-search button[type="submit"] {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search .tt-input.hg-topbar-search-input,
  html body.is-nova #header-top-bar .hg-topbar-search input[name="qs"] {
    padding-right: 3.25rem !important;
  }
}

/* Gilles feedback: opaque header popouts + cleaner shop dropdown cards. */
html body.is-nova #shop-nav .dropdown-menu,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu,
html body.is-nova .account-icon-dropdown .dropdown-menu {
  background: var(--hg-surface) !important;
  background-image: none !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  box-shadow: 0 24px 62px rgba(0,0,0,.24), inset 0 1px 0 color-mix(in srgb, #fff 7%, transparent) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:root[data-hg-theme="light"] html body.is-nova #shop-nav .dropdown-menu,
:root[data-hg-theme="light"] html body.is-nova .account-icon-dropdown .dropdown-menu,
:root:not([data-hg-theme="dark"]) html body.is-nova #shop-nav .dropdown-menu,
:root:not([data-hg-theme="dark"]) html body.is-nova .account-icon-dropdown .dropdown-menu {
  background: #fffefa !important;
  color: #142016 !important;
}

:root[data-hg-theme="dark"] html body.is-nova #shop-nav .dropdown-menu,
:root[data-hg-theme="dark"] html body.is-nova .account-icon-dropdown .dropdown-menu {
  background: #0b140d !important;
  color: var(--hg-text) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) html body.is-nova #shop-nav .dropdown-menu,
  :root:not([data-hg-theme="light"]) html body.is-nova .account-icon-dropdown .dropdown-menu {
    background: #0b140d !important;
    color: var(--hg-text) !important;
  }
}

html body.is-nova #shop-nav .account-icon-dropdown #account-dropdown-menu,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-body,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-footer,
html body.is-nova #shop-nav #quick-login,
html body.is-nova #shop-nav #quick-login fieldset {
  background: transparent !important;
  background-image: none !important;
}

@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    width: min(960px, calc(100vw - 3rem)) !important;
    max-width: min(960px, calc(100vw - 3rem)) !important;
    padding: .85rem !important;
    border-radius: 1.45rem !important;
    background: var(--hg-surface) !important;
    background-image: none !important;
    border-color: color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border)) !important;
    box-shadow: 0 28px 76px rgba(0,0,0,.22), inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  :root[data-hg-theme="light"] html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  :root[data-hg-theme="light"] html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu,
  :root:not([data-hg-theme="dark"]) html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  :root:not([data-hg-theme="dark"]) html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    background: #fffefa !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-inner {
    grid-template-columns: minmax(240px, .9fr) minmax(420px, 1.5fr) !important;
    gap: .9rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-copy {
    padding: 1.15rem !important;
    border-radius: 1.15rem !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)), var(--hg-surface-2)) !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 8%, transparent) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents {
    gap: .7rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card {
    min-height: 88px !important;
    padding: .95rem !important;
    border-radius: 1.1rem !important;
    background: var(--hg-surface-2) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.07) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:focus {
    background: color-mix(in srgb, var(--hg-primary) 11%, var(--hg-surface)) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 46%, var(--hg-border)) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.12) !important;
    transform: translateY(-3px) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-query-chip,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-pill {
    background: var(--hg-surface-2) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  }
}

/* Follow-up QA fix: theme-scoped selectors must not put `html` after `:root`; force icon popouts fully opaque. */
:root[data-hg-theme="light"] body.is-nova #shop-nav .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #shop-nav .dropdown-menu.show,
:root[data-hg-theme="light"] body.is-nova #shop-nav .dropdown-menu.dropdown-menu-right,
:root[data-hg-theme="light"] body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .dropdown-menu.show,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .dropdown-menu.dropdown-menu-right,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
:root:not([data-hg-theme="dark"]) body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
  background: #fffefa !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #shop-nav .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #shop-nav .dropdown-menu.show,
:root[data-hg-theme="dark"] body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
  background: #0b140d !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .dropdown-menu.show,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
    background: #0b140d !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Gilles feedback: lighter footer branding, consistent utility-link spacing, nicer Shop dropdown. */
html body.is-nova #footer .hg-footer-address span:first-of-type {
  margin-top: -.1rem !important;
}

@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main,
  html body.is-nova #header-top-bar .hg-utility-links .topbar-main {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item,
  html body.is-nova #header-top-bar .hg-utility-links .topbar-main > .nav-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item + .nav-item,
  html body.is-nova #header-top-bar .hg-utility-links .topbar-main > .nav-item + .nav-item {
    margin-left: .85rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item + .nav-item::before,
  html body.is-nova #header-top-bar .hg-utility-links .topbar-main > .nav-item + .nav-item::before {
    content: '' !important;
    width: 1px !important;
    height: .9rem !important;
    margin-right: .85rem !important;
    background: color-mix(in srgb, var(--hg-border) 72%, transparent) !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .nav-link,
  html body.is-nova #header-top-bar .hg-utility-links .nav-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 !important;
    line-height: 1.1 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-inner {
    grid-template-columns: minmax(240px, .78fr) minmax(520px, 1.62fr) !important;
    grid-template-areas:
      "copy intents"
      "quick quick"
      "strip strip" !important;
    gap: .9rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .68rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card {
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: center !important;
    align-items: center !important;
    column-gap: .72rem !important;
    min-height: 82px !important;
    text-align: left !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card--wide {
    grid-column: span 2 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-icon {
    grid-row: 1 / span 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: .82rem !important;
    background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)) !important;
    color: var(--hg-primary) !important;
    font-size: 1rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:hover .hg-intent-icon,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:focus .hg-intent-icon {
    background: color-mix(in srgb, var(--hg-primary) 20%, var(--hg-surface)) !important;
    color: var(--hg-primary) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-quicksearch {
    justify-content: center !important;
    padding: .1rem 0 .05rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-query-chip {
    gap: .42rem !important;
  }
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: .7rem !important;
    text-align: left !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-icon {
    grid-row: 1 / span 2 !important;
    color: var(--hg-primary) !important;
  }
}

/* Correction: remove the oversized decorative HobbyGrow word before the footer content. */
html body.is-nova #footer::before {
  content: none !important;
  display: none !important;
}

/* Follow-up QA: remove duplicate News/Contact divider and widen Shop dropdown cards. */
@media (min-width: 992px) {
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main {
    gap: 1.35rem !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item > .nav-link,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item > a,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item > .nav-link,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item > a {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item::before,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main.nav-dividers > .nav-item::after,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item::after,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item > .nav-link::before,
  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item > .nav-link::after {
    content: none !important;
    display: none !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item + .nav-item {
    margin-left: 0 !important;
  }

  html body.is-nova #header-top-bar .hg-topbar-links .topbar-main > .nav-item + .nav-item::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    left: calc(-.675rem - .5px) !important;
    top: 50% !important;
    width: 1px !important;
    height: 1rem !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    background: color-mix(in srgb, var(--hg-border) 78%, transparent) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .hg-shop-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-shop > .dropdown-menu.hg-shop-menu {
    width: min(1080px, calc(100vw - 2rem)) !important;
    max-width: min(1080px, calc(100vw - 2rem)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-menu-inner {
    grid-template-columns: minmax(230px, .62fr) minmax(680px, 1.8fr) !important;
    gap: 1rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-shop-intents {
    grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
    gap: .72rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card--wide {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 86px !important;
    padding: .88rem .95rem !important;
    overflow: visible !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card span,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    hyphens: auto !important;
  }
}

/* Follow-up QA: the Shop dropdown must expose every non-orphaned top-level category, not just the first few. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-strip {
    justify-content: flex-start !important;
    align-content: flex-start !important;
    max-height: min(28vh, 13rem) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-right: .25rem !important;
    scrollbar-width: thin !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-pill {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    white-space: normal !important;
  }
}

/* Parent-category navigation: remove the standalone Shop/Sortiment split and attach dropdowns to each category. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category {
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category > .dropdown-menu.hg-category-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(.55rem) !important;
    width: min(1080px, calc(100vw - 2rem)) !important;
    max-width: min(1080px, calc(100vw - 2rem)) !important;
    padding: .65rem !important;
    border-radius: 1.3rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    background: var(--hg-surface) !important;
    background-image: none !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category > .hg-category-menu.show {
    display: block !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner {
    display: block !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    display: grid !important;
    align-content: center !important;
    gap: .35rem !important;
    margin-bottom: 1rem !important;
    padding: 1rem !important;
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), var(--hg-surface)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-parent-link {
    color: var(--hg-text) !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head small {
    color: var(--hg-muted) !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(190px, 1fr)) !important;
    gap: .72rem !important;
    max-height: min(46vh, 23rem) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    padding-right: .2rem !important;
    scrollbar-width: thin !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    display: grid !important;
    align-content: center !important;
    min-height: 62px !important;
    padding: .78rem .9rem !important;
    border-radius: .95rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface-2) 84%, transparent) !important;
    color: var(--hg-text) !important;
    text-decoration: none !important;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:focus {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card span {
    font-size: .92rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card small {
    margin-top: .2rem !important;
    color: var(--hg-muted) !important;
    font-size: .7rem !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu {
    position: static !important;
    width: 100% !important;
    padding: .75rem !important;
    margin: .25rem 0 .65rem !important;
    border-radius: 1rem !important;
    background: var(--hg-surface) !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .5rem !important;
    margin-top: .65rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-parent-link {
    display: block !important;
    padding: .68rem .78rem !important;
    border-radius: .85rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    color: var(--hg-text) !important;
    text-decoration: none !important;
  }
}

/* Grouped navigation polish: fewer meaningful menu groups with JS-managed hover handoff. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    display: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .dropdown-menu.hg-category-menu {
    display: block !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open {
    z-index: 40 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-nav-link {
    white-space: nowrap !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group .hg-category-menu-grid {
    grid-template-columns: repeat(3, minmax(210px, 1fr)) !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* Mobile UX pass: off-canvas navigation and cleaner touch accordions. */
@media (max-width: 991.98px) {
  html body.is-nova .hg-hero-slider__manual,
  html body.is-nova .hg-hero-slider__control {
    display: none !important;
  }

  html body.is-nova.hg-mobile-nav-open {
    overflow: hidden !important;
  }

  html body.is-nova.hg-mobile-nav-open::after {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1038 !important;
    background: rgba(7, 12, 8, .46) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1040 !important;
    display: flex !important;
    flex-direction: column !important;
    width: min(92vw, 25rem) !important;
    max-width: 25rem !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-left: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    border-radius: 1.35rem 0 0 1.35rem !important;
    background: var(--hg-surface) !important;
    box-shadow: -24px 0 70px rgba(0,0,0,.28) !important;
    transform: translate3d(105%, 0, 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform .26s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show {
    transform: translate3d(0, 0, 0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .nav-mobile-header {
    display: block !important;
    flex: 0 0 auto !important;
    padding: max(1rem, env(safe-area-inset-top)) 1rem .8rem !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-title {
    color: var(--hg-text) !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 999px !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    padding: .75rem .85rem max(1.25rem, env(safe-area-inset-bottom)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    display: grid !important;
    width: 100% !important;
    gap: .55rem !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-item {
    width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    display: grid !important;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: .82rem .9rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    border-radius: 1rem !important;
    background: color-mix(in srgb, var(--hg-surface-2) 86%, transparent) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.055) !important;
    color: var(--hg-text) !important;
    font-size: .96rem !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    text-align: left !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link[aria-expanded="true"] {
    border-color: color-mix(in srgb, var(--hg-primary) 44%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-link-icon {
    margin: 0 !important;
    color: var(--hg-primary) !important;
    text-align: center !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-more {
    justify-self: end !important;
    color: var(--hg-muted) !important;
    transition: transform .18s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-menu-open > .hg-nav-link .hg-nav-more,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .show > .hg-nav-link .hg-nav-more {
    transform: rotate(180deg) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    display: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: .45rem 0 .2rem !important;
    padding: .62rem !important;
    border-radius: 1rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-bg) 64%, var(--hg-surface)) !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    display: block !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    display: grid !important;
    gap: .18rem !important;
    margin: 0 0 .55rem !important;
    padding: .72rem !important;
    border-radius: .82rem !important;
    background: color-mix(in srgb, var(--hg-primary) 7%, var(--hg-surface)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-parent-link {
    display: inline-flex !important;
    color: var(--hg-text) !important;
    font-size: .94rem !important;
    font-weight: 950 !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head small {
    color: var(--hg-muted) !important;
    font-size: .74rem !important;
    font-weight: 760 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .42rem !important;
    margin: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    display: grid !important;
    gap: .12rem !important;
    min-height: 48px !important;
    padding: .68rem .76rem !important;
    border-radius: .82rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
    background: var(--hg-surface) !important;
    color: var(--hg-text) !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card span {
    font-size: .86rem !important;
    font-weight: 900 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card small {
    color: var(--hg-muted) !important;
    font-size: .68rem !important;
    font-weight: 760 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
  }
}

/* Mobile menu follow-up: left drawer with app-style category drilldown. */
@media (max-width: 991.98px) {
  html body.is-nova #burger-menu.navbar-toggler {
    position: relative !important;
    overflow: hidden !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon {
    position: relative !important;
    display: block !important;
    width: 1.25rem !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    background-image: none !important;
    transition: background-color .16s ease, transform .22s ease !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    width: 1.25rem !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transition: transform .22s ease, top .22s ease, opacity .16s ease !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before { top: -.42rem !important; }
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after { top: .42rem !important; }

  html body.is-nova.hg-mobile-nav-open #burger-menu.navbar-toggler .navbar-toggler-icon {
    background: transparent !important;
  }

  html body.is-nova.hg-mobile-nav-open #burger-menu.navbar-toggler .navbar-toggler-icon::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
  }

  html body.is-nova.hg-mobile-nav-open #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    left: 0 !important;
    right: auto !important;
    width: min(88vw, 23.5rem) !important;
    max-width: 23.5rem !important;
    border-left: 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    border-radius: 0 1.35rem 1.35rem 0 !important;
    box-shadow: 24px 0 70px rgba(0,0,0,.28) !important;
    transform: translate3d(-105%, 0, 0) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show {
    transform: translate3d(0, 0, 0) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: var(--hg-text) !important;
    background: color-mix(in srgb, var(--hg-surface-2) 90%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    position: relative !important;
    overflow: hidden !important;
    padding: .7rem .75rem max(1rem, env(safe-area-inset-bottom)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    transition: transform .28s ease, opacity .18s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-list {
    transform: translate3d(-18%, 0, 0) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    grid-template-columns: 1.4rem minmax(0, 1fr) 1.1rem !important;
    min-height: 58px !important;
    margin: 0 !important;
    border-radius: .95rem !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-more {
    font-size: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-more::before {
    content: '›' !important;
    color: var(--hg-muted) !important;
    font-size: 1.35rem !important;
    line-height: 1 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    display: block !important;
    position: absolute !important;
    inset: .7rem .75rem max(1rem, env(safe-area-inset-bottom)) .75rem !important;
    z-index: 2 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--hg-surface) !important;
    box-shadow: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate3d(108%, 0, 0) !important;
    transition: transform .28s ease, opacity .2s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner {
    display: grid !important;
    gap: .7rem !important;
    align-content: start !important;
    min-height: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: .45rem !important;
    width: fit-content !important;
    min-height: 42px !important;
    padding: .5rem .72rem !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface-2) 88%, transparent) !important;
    color: var(--hg-text) !important;
    font-size: .88rem !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back span {
    color: var(--hg-primary) !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    margin: 0 !important;
    padding: .95rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
    border-radius: 1.05rem !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), var(--hg-surface-2)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-parent-link {
    font-size: 1.08rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    gap: .5rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    min-height: 54px !important;
    padding: .78rem .85rem !important;
    border-radius: .95rem !important;
    background: color-mix(in srgb, var(--hg-surface-2) 88%, transparent) !important;
    box-shadow: none !important;
  }
}

/* Mobile phone QA correction: true viewport drawer, compact top-aligned menu, visible controls. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    top: var(--hg-mobile-nav-offset-top, 0px) !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    min-height: 58px !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close .fas,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close .hg-close-glyph {
    display: block !important;
    color: currentColor !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    display: block !important;
    align-self: stretch !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding-top: .65rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    align-content: start !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    width: 100% !important;
    min-height: 50px !important;
    padding: .72rem .8rem !important;
    font-size: .92rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    inset: .65rem .75rem max(1rem, env(safe-area-inset-bottom)) .75rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    margin-left: 0 !important;
  }
}

/* Mobile phone QA follow-up: anchor drilldown panels to the drawer body, not shifted list items. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-category {
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    left: .75rem !important;
    right: .75rem !important;
    top: .65rem !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    left: .75rem !important;
    right: .75rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    transform: none !important;
  }
}


/* Mobile phone QA follow-up: keep active drilldown panel fully inside the drawer. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    position: absolute !important;
    inset: .65rem .75rem max(1rem, env(safe-area-inset-bottom)) .75rem !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* Mobile phone QA follow-up: drilldown panels must be positioned by the drawer body, not their list row. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .nav-item.dropdown.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > .nav-item.dropdown.hg-nav-group {
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-list {
    transform: none !important;
    opacity: 1 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-list > .hg-nav-item:not(.hg-menu-open) {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-group.hg-menu-open > .hg-nav-link {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    position: absolute !important;
    left: .75rem !important;
    right: .75rem !important;
    top: .65rem !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    transform: translate3d(108%, 0, 0) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    left: .75rem !important;
    right: .75rem !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* Mobile visual QA: stable header row + visible phone-style drilldown. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 58px !important;
    padding: .42rem .48rem !important;
  }

  html body.is-nova #burger-menu.navbar-toggler {
    position: relative !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--hg-text) !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    border-radius: 14px !important;
    background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    width: 18px !important;
    height: 2px !important;
    background-color: currentColor !important;
    background-image: none !important;
    opacity: 1 !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    border-radius: 999px !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before { top: -6px !important; }
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after { top: 6px !important; }

  html body.is-nova .hg-tall-logo-wrapper {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(48vw, 184px) !important;
    max-width: min(48vw, 184px) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: auto !important;
  }

  html body.is-nova .hg-tall-logo,
  html body.is-nova .hg-brand-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  html body.is-nova .hg-brand-logo__img {
    width: clamp(144px, 42vw, 178px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    position: relative !important;
    z-index: 7 !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    max-width: 34vw !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    position: relative !important;
    overflow: hidden !important;
    background: var(--hg-surface) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-item,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group {
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-list {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-nav-item:not(.hg-menu-open),
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-active .hg-menu-open > .hg-nav-link {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    position: absolute !important;
    z-index: 30 !important;
    display: block !important;
    left: .75rem !important;
    right: .75rem !important;
    top: .65rem !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-y: auto !important;
    background: var(--hg-surface) !important;
    color: var(--hg-text) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translate3d(108%, 0, 0) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* Mobile visual QA correction: keep burger left while centering only the logo. */
@media (max-width: 991.98px) {
  html body.is-nova .hg-tall-logo-wrapper {
    position: static !important;
    left: auto !important;
    top: auto !important;
    z-index: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.is-nova #logo.hg-tall-logo,
  html body.is-nova .hg-tall-logo-wrapper #logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: 6 !important;
    width: min(48vw, 184px) !important;
    max-width: min(48vw, 184px) !important;
    transform: translate(-50%, -50%) !important;
  }

  html body.is-nova #burger-menu.navbar-toggler {
    order: 0 !important;
    margin-right: .35rem !important;
  }
}

/* Mobile one-row menu band: keep burger, logo, and header actions on the same line. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .32rem !important;
    min-height: 54px !important;
    padding: .36rem .48rem !important;
  }

  html body.is-nova .hg-tall-logo-wrapper {
    position: static !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.is-nova #burger-menu.navbar-toggler {
    position: relative !important;
    order: 0 !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 .25rem 0 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body.is-nova #logo.hg-tall-logo,
  html body.is-nova .hg-tall-logo-wrapper #logo {
    position: static !important;
    left: auto !important;
    top: auto !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: clamp(104px, 30vw, 142px) !important;
    transform: none !important;
  }

  html body.is-nova .hg-brand-logo,
  html body.is-nova .hg-brand-logo:hover,
  html body.is-nova .hg-brand-logo:focus-visible {
    width: auto !important;
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.is-nova .hg-brand-logo__img {
    width: clamp(104px, 30vw, 142px) !important;
    max-width: 100% !important;
    max-height: 30px !important;
    object-fit: contain !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .16rem !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons > .nav-item {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > button,
  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav .wishlist-icon-dropdown > a {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding: 0 !important;
  }
}

/* Mobile one-row menu band correction: logo wrapper and nav are sibling elements. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper > .container,
  html body.is-nova #jtl-nav-wrapper > .container-fluid,
  html body.is-nova #jtl-nav-wrapper > .container-fluid-xl {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .32rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item.d-none,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons > .nav-item.d-none {
    display: none !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    left: 0 !important;
  }
}

/* Mobile one-row menu band: draw the burger icon from centered CSS lines. */
@media (max-width: 991.98px) {
  html body.is-nova #burger-menu.navbar-toggler {
    overflow: visible !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 20px !important;
    height: 2px !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: currentColor !important;
    background-color: currentColor !important;
    background-image: none !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before,
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    background-color: currentColor !important;
    background-image: none !important;
    transform: none !important;
  }

  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::before { top: -6px !important; }
  html body.is-nova #burger-menu.navbar-toggler .navbar-toggler-icon::after { top: 6px !important; }
}

/* Mobile one-row refinement: larger logo, tighter asymmetric nav-item spacing. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper > .container,
  html body.is-nova #jtl-nav-wrapper > .container-fluid,
  html body.is-nova #jtl-nav-wrapper > .container-fluid-xl {
    gap: .24rem !important;
  }

  html body.is-nova #jtl-nav-wrapper .hg-main-navbar {
    gap: .22rem !important;
    padding-left: .34rem !important;
    padding-right: .34rem !important;
  }

  html body.is-nova #logo.hg-tall-logo,
  html body.is-nova .hg-tall-logo-wrapper #logo {
    max-width: clamp(128px, 38vw, 166px) !important;
  }

  html body.is-nova .hg-brand-logo__img {
    width: clamp(128px, 38vw, 166px) !important;
    max-height: 34px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    gap: .08rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons > .nav-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 29px !important;
    max-width: 32px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > button,
  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav .wishlist-icon-dropdown > a {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 29px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: .42rem .22rem !important;
  }
}

/* Mobile logo/nav spacing correction: prevent flex shrink from cancelling the larger logo. */
@media (max-width: 991.98px) {
  html body.is-nova .hg-tall-logo-wrapper {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  html body.is-nova #logo.hg-tall-logo,
  html body.is-nova .hg-tall-logo-wrapper #logo {
    flex: 0 0 clamp(148px, 41vw, 174px) !important;
    width: clamp(148px, 41vw, 174px) !important;
    min-width: clamp(148px, 41vw, 174px) !important;
    max-width: clamp(148px, 41vw, 174px) !important;
  }

  html body.is-nova .hg-brand-logo,
  html body.is-nova .hg-brand-logo:hover,
  html body.is-nova .hg-brand-logo:focus-visible {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }

  html body.is-nova .hg-brand-logo__img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    max-height: 36px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    gap: .05rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons > .nav-item {
    min-width: 28px !important;
    max-width: 30px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > button,
  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav .wishlist-icon-dropdown > a {
    min-width: 28px !important;
    width: 28px !important;
    height: 34px !important;
    padding: .42rem .16rem !important;
  }
}

/* Mobile clarification: compact drawer rows, but give all header action buttons the same comfortable padding. */
@media (max-width: 991.98px) {
  html body.is-nova #logo.hg-tall-logo,
  html body.is-nova .hg-tall-logo-wrapper #logo {
    flex-basis: clamp(138px, 37vw, 160px) !important;
    width: clamp(138px, 37vw, 160px) !important;
    min-width: clamp(138px, 37vw, 160px) !important;
    max-width: clamp(138px, 37vw, 160px) !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons {
    gap: .12rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item,
  html body.is-nova #jtl-nav-wrapper #shop-nav.nav-icons > .nav-item {
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav > .nav-item > button,
  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle,
  html body.is-nova #jtl-nav-wrapper #shop-nav .cart-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .basket-icon-dropdown > a.nav-link,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > a,
  html body.is-nova #jtl-nav-wrapper #shop-nav .wishlist-icon-dropdown > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding: .42rem .32rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .nav-link > *,
  html body.is-nova #jtl-nav-wrapper #shop-nav .dropdown-toggle > *,
  html body.is-nova #jtl-nav-wrapper #shop-nav .hg-theme-toggle > * {
    flex: 0 0 auto !important;
    max-width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    padding-top: .28rem !important;
    padding-bottom: max(.65rem, env(safe-area-inset-bottom)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    gap: .2rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    min-height: 40px !important;
    padding: .44rem .62rem !important;
    border-radius: .72rem !important;
    font-size: .9rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    min-height: 36px !important;
    padding: .36rem .56rem !important;
    border-radius: .7rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    padding: .52rem .62rem !important;
    border-radius: .78rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    min-height: 40px !important;
    padding: .46rem .58rem !important;
    border-radius: .72rem !important;
  }
}

/* Mobile drawer fix: remove inherited Bootstrap/NOVA padding from the category li wrappers themselves. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group {
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Mobile drawer polish: add balanced breathing room and softer card-like surfaces. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav {
    background: color-mix(in srgb, var(--hg-surface) 92%, var(--hg-bg)) !important;
    border-radius: 0 1.25rem 1.25rem 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    box-shadow: 24px 0 70px rgba(0,0,0,.24) !important;
    overflow: hidden !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    padding: .72rem .78rem .6rem !important;
    background: transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-title {
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    margin-left: auto !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    margin: 0 .58rem .75rem !important;
    padding: .7rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
    border-radius: 1.08rem !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, var(--hg-bg)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 30px rgba(0,0,0,.08) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    gap: .28rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group {
    padding: .18rem !important;
    border-radius: .86rem !important;
    background: transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    min-height: 42px !important;
    padding: .5rem .68rem !important;
    border-radius: .78rem !important;
    background: color-mix(in srgb, var(--hg-surface-2) 88%, transparent) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    left: .7rem !important;
    right: .7rem !important;
    top: .7rem !important;
    bottom: .7rem !important;
    border-radius: 1rem !important;
    background: color-mix(in srgb, var(--hg-surface) 97%, var(--hg-bg)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 12px 30px rgba(0,0,0,.1) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    margin-bottom: .45rem !important;
  }
}

/* Mobile drawer polish correction: place the close action at the drawer's right edge. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    margin-left: auto !important;
    margin-right: .15rem !important;
    justify-self: flex-end !important;
  }
}

/* Mobile drawer polish correction: pin close button to the actual drawer edge. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: relative !important;
    display: block !important;
    min-height: 58px !important;
    padding: .72rem 3.9rem .6rem .78rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: absolute !important;
    top: .62rem !important;
    right: .78rem !important;
    left: auto !important;
    margin: 0 !important;
  }
}

/* Mobile drawer polish correction: make close absolute against the drawer, not the intrinsic header label. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: static !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    left: auto !important;
    z-index: 4 !important;
  }
}

/* Mobile drawer polish correction: override intrinsic header width so the close can sit at drawer right. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: relative !important;
    display: block !important;
    inline-size: calc(100vw - 2.25rem) !important;
    width: calc(100vw - 2.25rem) !important;
    min-width: calc(100vw - 2.25rem) !important;
    max-width: calc(100vw - 2.25rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: absolute !important;
    top: .62rem !important;
    right: .78rem !important;
    left: auto !important;
  }
}

/* Mobile drawer refinement: single surface, aligned title/close row, centered body. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav {
    padding: .55rem .7rem .75rem !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, var(--hg-bg)) !important;
    border-radius: 0 1.22rem 1.22rem 0 !important;
    border-right: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: absolute !important;
    top: .55rem !important;
    left: .9rem !important;
    right: .9rem !important;
    inline-size: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 3.2rem 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    margin: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    width: calc(100% - .4rem) !important;
    max-width: calc(100% - .4rem) !important;
    margin: 3.35rem auto .35rem !important;
    padding: .45rem .2rem .35rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    width: 100% !important;
    margin: 0 auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    left: .2rem !important;
    right: .2rem !important;
    top: 3.35rem !important;
    bottom: .35rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: color-mix(in srgb, var(--hg-surface) 96%, var(--hg-bg)) !important;
    box-shadow: none !important;
  }
}

/* Mobile drawer refinement correction: keep header controls aligned to the burger row and remove inner panel boxing. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: fixed !important;
    top: calc(var(--hg-mobile-nav-offset-top, 0px) + .55rem) !important;
    left: 1.55rem !important;
    right: 1.85rem !important;
    width: auto !important;
    inline-size: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 3.15rem 0 0 !important;
    z-index: 5 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: fixed !important;
    top: calc(var(--hg-mobile-nav-offset-top, 0px) + .55rem) !important;
    right: 1.85rem !important;
    left: auto !important;
    z-index: 6 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    margin-top: 3.1rem !important;
    padding-top: .62rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    top: 3.1rem !important;
    padding-top: .62rem !important;
    background: transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head {
    padding: .35rem .2rem .55rem !important;
  }
}

/* Mobile drawer refinement v2: align header to burger row and flatten drawer content to one surface. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    position: fixed !important;
    top: 146px !important;
    left: 1.55rem !important;
    right: 1.85rem !important;
    height: 40px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 0 3.15rem 0 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
    background: transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-title {
    display: block !important;
    line-height: 40px !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    position: fixed !important;
    top: 146px !important;
    right: 1.85rem !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: .8rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    margin-top: 3.45rem !important;
    padding: .45rem 0 .35rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group {
    padding: .08rem 0 !important;
    border-radius: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    border-radius: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 10%, var(--hg-border)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list > .hg-nav-item:last-child > .hg-nav-link {
    border-bottom: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    top: 3.45rem !important;
    padding: .45rem 0 .35rem !important;
    background: transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    border-radius: 0 !important;
    padding-left: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    border-radius: 0 !important;
    border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 10%, var(--hg-border)) !important;
  }
}

/* Mobile drawer refinement v3 correction: fixed elements are scoped to the transformed drawer. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    top: .55rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    top: .55rem !important;
  }
}

/* Mobile drawer refinement follow-up: remove the leftover mobile-header grab-handle box. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .nav-mobile-header {
    display: contents !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Mobile drawer refinement: close replaces burger position, title moves right, row separators stop jumping on hover. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head {
    left: .55rem !important;
    right: 1.85rem !important;
    padding: 0 0 0 3rem !important;
    align-items: center !important;
    border-bottom: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-head::after {
    content: "" !important;
    position: absolute !important;
    left: 3rem !important;
    right: 0 !important;
    bottom: -0.42rem !important;
    height: 1px !important;
    background: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-title {
    line-height: 40px !important;
    padding-left: .28rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    left: .55rem !important;
    right: auto !important;
    top: .55rem !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    z-index: 7 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body {
    margin-top: 3.25rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list {
    gap: .24rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.dropdown.dropdown-full.hg-nav-item.hg-nav-category.hg-nav-group,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .navbar-nav > li.nav-item.hg-nav-item.hg-nav-category.hg-nav-group {
    padding: .08rem 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    border-bottom: 0 !important;
    border-radius: .78rem !important;
    background: transparent !important;
    transition: background-color .16s ease, color .16s ease, transform .16s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link:focus,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link[aria-expanded="true"] {
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
    border-radius: .78rem !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link::after,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card::after {
    content: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    outline: 1px solid transparent !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    top: 3.25rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    border-bottom: 0 !important;
    border-radius: .78rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:focus {
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
    border-radius: .78rem !important;
    transform: none !important;
  }
}

/* Mobile drawer close button: match the square burger menu button styling. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    padding: 0 !important;
    border: 1px solid var(--hg-border) !important;
    border-radius: .95rem !important;
    background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
    color: var(--hg-text) !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-mobile-menu-close:focus-visible {
    border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)) !important;
    color: var(--hg-primary) !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* Mobile submenu refinement: make the parent row use the same visual language as submenu items. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner {
    gap: .26rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .26rem !important;
    padding: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    display: grid !important;
    align-content: center !important;
    gap: .16rem !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: .54rem .68rem !important;
    border: 0 !important;
    border-radius: .78rem !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:focus-within,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:focus {
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
    border-radius: .78rem !important;
    transform: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-parent-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card span {
    color: var(--hg-text) !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head small,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card small {
    margin: 0 !important;
    color: var(--hg-muted) !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
  }
}

/* Mobile submenu correction: flatten the parent link itself so it does not look like a special card. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head .hg-category-parent-link {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head .hg-category-parent-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:hover .hg-category-parent-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:focus-within .hg-category-parent-link {
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Mobile submenu spacing: keep the back button close to the drawer header separator. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    top: 2.72rem !important;
    padding-top: .2rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner {
    gap: .18rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    margin-top: 0 !important;
    margin-bottom: .18rem !important;
  }
}

/* Mobile submenu spacing correction: the drilldown starts at the first-row position, not below it. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    top: 0 !important;
    padding-top: .2rem !important;
  }
}

/* Mobile drilldown back animation: slide the submenu out instead of hiding it instantly. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    transition: transform .32s cubic-bezier(.22, .61, .36, 1), opacity .22s ease !important;
    will-change: transform, opacity !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open.hg-menu-closing > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.show.hg-menu-closing > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-closing > .hg-category-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translate3d(108%, 0, 0) !important;
  }
}

/* Mobile drilldown back animation correction: out-state must beat the open panel rule. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-open.hg-menu-closing.show > .dropdown-menu.hg-category-menu.show,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-open.hg-menu-closing.show > .hg-category-menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    transform: translate3d(108%, 0, 0) !important;
  }
}

@keyframes hg-mobile-drilldown-out {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(108%, 0, 0); }
}

/* Mobile drilldown back animation correction: force a visible outgoing slide. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-closing > .dropdown-menu.hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-closing > .hg-category-menu {
    animation: hg-mobile-drilldown-out .32s cubic-bezier(.22, .61, .36, 1) forwards !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }
}

/* Responsive category submenu cleanup: the mobile-only back control must not appear on desktop. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
  display: none !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-back {
    display: flex !important;
  }
}

/* Category parent row is a full-width link so the entire first submenu item is clickable. */
html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link {
  color: var(--hg-text) !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link span {
  color: var(--hg-text) !important;
  font: inherit !important;
  text-decoration: none !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link {
    display: grid !important;
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: .54rem .68rem !important;
    border: 0 !important;
    border-radius: .78rem !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link span {
    color: var(--hg-text) !important;
    font-size: .9rem !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }
}

/* Category submenu intro: plain context text, then all clickable entries share one card style. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
  margin: 0 0 .72rem !important;
  padding: 0 .15rem !important;
  color: var(--hg-muted) !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid > .hg-subcategory-card:first-child {
  display: grid !important;
  align-content: center !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
    margin: 0 0 .28rem !important;
    padding: .08rem .68rem .16rem !important;
    color: var(--hg-muted) !important;
    font-size: .72rem !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid > .hg-subcategory-card:first-child {
    margin: 0 !important;
    padding: .54rem .68rem !important;
    border: 0 !important;
    border-radius: .78rem !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* Category submenu intro text polish: style the copy itself, without creating a separate title row. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
  position: relative !important;
  margin: 0 0 .78rem !important;
  padding: .72rem .95rem .72rem 2.65rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 1rem !important;
  background:
    radial-gradient(circle at 1.15rem 1.15rem, color-mix(in srgb, var(--hg-primary) 24%, transparent), transparent 1.15rem),
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, transparent)) !important;
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-muted)) !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  line-height: 1.38 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
  content: "✦" !important;
  position: absolute !important;
  left: .88rem !important;
  top: .72rem !important;
  display: grid !important;
  place-items: center !important;
  width: 1.28rem !important;
  height: 1.28rem !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 16%, #ffffff) !important;
  color: var(--hg-primary) !important;
  font-size: .72rem !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--hg-primary) 18%, transparent) !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
    margin: 0 0 .34rem !important;
    padding: .58rem .72rem .58rem 2.28rem !important;
    border-radius: .86rem !important;
    font-size: .72rem !important;
    font-weight: 780 !important;
    line-height: 1.32 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
    left: .72rem !important;
    top: .58rem !important;
    width: 1rem !important;
    height: 1rem !important;
    font-size: .58rem !important;
  }
}

/* Category intro icon correction: calmer dark-mode contrast and true vertical centering on mobile. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

:root[data-hg-theme="dark"] html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before,
:root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
  background: color-mix(in srgb, var(--hg-surface-2) 72%, var(--hg-primary) 28%) !important;
  color: color-mix(in srgb, #ffffff 82%, var(--hg-primary) 18%) !important;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before,
  :root:not([data-hg-theme="light"]) body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
    background: color-mix(in srgb, var(--hg-surface-2) 72%, var(--hg-primary) 28%) !important;
    color: color-mix(in srgb, #ffffff 82%, var(--hg-primary) 18%) !important;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
  }
}

/* Category intro icon centering correction: use explicit offset so the glyph circle is centered in its text box. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
  top: calc(50% - .64rem) !important;
  transform: none !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
    top: calc(50% - .5rem) !important;
    transform: none !important;
  }
}

/* Category intro icon centering fine-tune: account for the theme rem scale. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
  top: calc(50% - .568rem) !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro::before {
    top: calc(50% - .444rem) !important;
  }
}

/* Category intro icon halo alignment: center the soft glow on the icon circle, not the old top offset. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
  background:
    radial-gradient(circle at 1.52rem 50%, color-mix(in srgb, var(--hg-primary) 24%, transparent), transparent 1.15rem),
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, transparent)) !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-intro {
    background:
      radial-gradient(circle at 1.22rem 50%, color-mix(in srgb, var(--hg-primary) 24%, transparent), transparent 1.02rem),
      linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, transparent)) !important;
  }
}

/* Homepage ambient ornament cleanup: remove empty pseudo-element halos on content blocks. */
body.is-nova #main-wrapper::before,
body.is-nova #main-wrapper::after,
body.is-nova .hg-live-copy::before,
body.is-nova .hg-live-copy::after,
body.is-nova .hg-product-highlight-band::before,
body.is-nova .hg-product-highlight-band::after,
body.is-nova .hg-discovery::before,
body.is-nova .hg-discovery::after,
body.is-nova .hg-category-cloud::before,
body.is-nova .hg-category-cloud::after,
body.is-nova .hg-flagship::before,
body.is-nova .hg-flagship::after,
body.is-nova .hg-manufacturer-band::before,
body.is-nova .hg-manufacturer-band::after,
body.is-nova .hg-product-stage::before,
body.is-nova .hg-product-stage::after,
body.is-nova .hg-footer-brand::before,
body.is-nova .hg-footer-brand::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  animation: none !important;
  transform: none !important;
}

/* Halo cleanup final guard: beat legacy light-theme/main-wrapper pseudo rules. */
html body.is-nova #main-wrapper::before,
html body.is-nova #main-wrapper::after,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::before,
:root[data-hg-theme="light"] body.is-nova #main-wrapper::after,
:root:not([data-hg-theme="dark"]) body.is-nova #main-wrapper::before,
:root:not([data-hg-theme="dark"]) body.is-nova #main-wrapper::after,
html body.is-nova .hg-live-copy::before,
html body.is-nova .hg-live-copy::after,
html body.is-nova .hg-product-highlight-band::before,
html body.is-nova .hg-product-highlight-band::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  animation: none !important;
  transform: none !important;
}

/* Mobile drilldown parity: back uses the exact same timing/easing as category drill-in. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    transition: transform .28s ease, opacity .2s ease !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-returning > .dropdown-menu.hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-drilldown-returning .hg-nav-group.hg-menu-returning > .hg-category-menu {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }
}

/* Hover stability: keep pointer hitboxes fixed so lifted hover states cannot flicker. */
body.is-nova .btn:hover,
body.is-nova a.btn:hover,
body.is-nova .productbox a[href]:hover,
body.is-nova .hg-category-pill:hover,
body.is-nova .hg-category-cloud__item:hover,
body.is-nova .hg-intent-card:hover,
body.is-nova .hg-discovery-card:has(a[href]):hover,
body.is-nova .hg-flagship-card:has(a[href]):hover,
body.is-nova .hg-footer-card a[href]:hover,
body.is-nova .hg-footer-links a[href]:hover,
body.is-nova .hg-product-highlight-card:hover,
body.is-nova .hg-trust-strip > div:hover,
body.is-nova .hg-copy-card:hover,
html body.is-nova #jtl-nav-wrapper .hg-nav-link:hover,
html body.is-nova #jtl-nav-wrapper .hg-nav-link:focus,
html body.is-nova #jtl-nav-wrapper .hg-nav-link[aria-expanded="true"],
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:hover,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-intent-card:focus,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:hover,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:focus-within,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:hover,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:focus,
html body.is-nova #shop-nav > .nav-item > a:hover,
html body.is-nova #shop-nav > .nav-item > button:hover,
html body.is-nova #shop-nav .nav-link:hover,
html body.is-nova #shop-nav .dropdown-toggle:hover,
html body.is-nova #shop-nav .cart-icon-dropdown:hover,
html body.is-nova #shop-nav .basket-icon-dropdown:hover,
html body.is-nova #shop-nav .account-icon-dropdown > a:hover,
html body.is-nova #shop-nav .wishlist-icon:hover,
html body.is-nova #shop-nav .wishlist-icon-dropdown > a:hover,
html body.is-nova #shop-nav [href*="wunschliste"]:hover,
html body.is-nova #shop-nav [href*="warenkorb"]:hover,
html body.is-nova #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav > li.basket-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav .cart-icon-dropdown.show > a.nav-link,
html body.is-nova #shop-nav .basket-icon-dropdown.show > a.nav-link,
html body.is-nova #header-top-bar .hg-topbar-links .nav-link:hover,
html body.is-nova #header-top-bar .hg-topbar-links .nav-link:focus,
body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"]:hover,
body.is-nova #jtl-nav-wrapper .search-wrapper button[type="submit"]:focus,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"]:hover,
body.is-nova #jtl-nav-wrapper .search-form-wrapper-fixed button[type="submit"]:focus,
body.is-nova .fixed-search button[type="submit"]:hover,
body.is-nova .fixed-search button[type="submit"]:focus {
  transform: none !important;
}

@media (hover: hover) and (pointer: fine) {
  body.is-nova a[href]:not(.hg-brand-logo):not(.hg-nav-link):not(.btn):not(.dropdown-item):hover,
  body.is-nova button:not(.navbar-toggler):hover,
  body.is-nova [role="button"]:hover,
  body.is-nova summary:hover {
    transform: none !important;
  }
}

/* Hover stability final guard: cart/list items can receive hover state on the parent. */
html body.is-nova #shop-nav > li.cart-icon-dropdown:hover > a.nav-link,
html body.is-nova #shop-nav > li.basket-icon-dropdown:hover > a.nav-link,
html body.is-nova #shop-nav .cart-icon-dropdown:hover > a.nav-link,
html body.is-nova #shop-nav .basket-icon-dropdown:hover > a.nav-link,
html body.is-nova #shop-nav li:hover > a[href*="warenkorb"] {
  transform: none !important;
}


/* Mobile drawer hover hysteresis: preserve styling, but make edge hover forgiving. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    position: relative !important;
    isolation: isolate !important;
    transform: none !important;
    translate: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link::before,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head::before,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card::before {
    content: '' !important;
    position: absolute !important;
    inset: -.34rem -.12rem !important;
    z-index: 2 !important;
    border-radius: inherit !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card:hover {
    transform: none !important;
    translate: none !important;
  }
}

/* Mobile drawer hover hysteresis correction: enlarge the real hitbox, not the visual style. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-link {
    margin-block: -.18rem !important;
    padding-top: calc(.5rem + .18rem) !important;
    padding-bottom: calc(.5rem + .18rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card {
    margin-block: -.18rem !important;
    padding-top: calc(.54rem + .18rem) !important;
    padding-bottom: calc(.54rem + .18rem) !important;
  }
}

/* Mobile drawer regression fix: keep drawer inside viewport and restore parent-row hover. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    box-sizing: border-box !important;
    width: min(84vw, 22rem) !important;
    max-width: calc(100vw - .9rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-body,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-inner,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head,
  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link {
    display: grid !important;
    align-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border-radius: .78rem !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:focus,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-head:focus-visible,
  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link:focus,
  html body.is-nova #jtl-nav-wrapper #mainNavigation a.hg-category-menu-head.hg-category-parent-link:focus-visible {
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 32%, var(--hg-border)) !important;
    color: var(--hg-text) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
    transform: none !important;
    translate: none !important;
  }
}

/* Mobile drawer regression fix: slimmer drawer and restored first category-card hover. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav:not(.show) {
    width: min(80vw, 20.75rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid > .hg-subcategory-card:first-child:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid > .hg-subcategory-card:first-child:focus,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid > .hg-subcategory-card:first-child:focus-visible {
    background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
    border-color: color-mix(in srgb, var(--hg-primary) 32%, var(--hg-border)) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
    color: var(--hg-text) !important;
    transform: none !important;
    translate: none !important;
  }
}

/* Mobile drawer width hard cap: final viewport-safe override for open drawer. */
@media (max-width: 991.98px) {
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav.show,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.navbar-collapse.hg-nav {
    width: 80vw !important;
    max-width: 20.75rem !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Mobile drawer: full-width panel with safe page padding (not a narrow drawer). */
@media (max-width: 991.98px) {
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav.show,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.navbar-collapse.hg-nav {
    left: .75rem !important;
    right: .75rem !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    transform: translate3d(calc(-100% - 1rem), 0, 0) !important;
  }

  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav.show,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.navbar-collapse.hg-nav.show {
    transform: translate3d(0, 0, 0) !important;
  }
}

/* Header utility popouts: fit text instead of clipping account/wishlist/cart content. */
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu,
html body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu {
  box-sizing: border-box !important;
  width: max-content !important;
  min-width: min(22rem, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  padding: .9rem !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu *,
html body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu *,
html body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu *,
html body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu * {
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu input,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu button,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu .btn {
  width: 100% !important;
  min-width: 0 !important;
}

/* Mobile drawer full-width padding correction: remove residual open-state offset. */
@media (max-width: 991.98px) {
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.hg-nav.show,
  html body.is-nova header#jtl-nav-wrapper #mainNavigation.navbar-collapse.hg-nav.show,
  html body.is-nova.hg-mobile-nav-open header#jtl-nav-wrapper #mainNavigation.hg-nav.show {
    left: .75rem !important;
    right: .75rem !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
}

/* Header utility popout fit correction: account form/buttons need natural height. */
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu form,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu fieldset,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .dropdown-body,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .dropdown-footer {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu button,
html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu input[type="submit"],
html body.is-nova #shop-nav .cart-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .basket-icon-dropdown .dropdown-menu .btn,
html body.is-nova #shop-nav .wishlist-icon-dropdown .dropdown-menu .btn {
  height: auto !important;
  min-height: 44px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Header account popout fit: override older fixed-height login styling broadly. */
body.is-nova .account-icon-dropdown .dropdown-menu,
body.is-nova .account-icon-dropdown .dropdown-menu #quick-login,
body.is-nova .account-icon-dropdown .dropdown-menu form,
body.is-nova .account-icon-dropdown .dropdown-menu fieldset,
body.is-nova .account-icon-dropdown .dropdown-menu .dropdown-body,
body.is-nova .account-icon-dropdown .dropdown-menu .dropdown-footer {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body.is-nova .account-icon-dropdown .dropdown-menu .btn,
body.is-nova .account-icon-dropdown .dropdown-menu button,
body.is-nova .account-icon-dropdown .dropdown-menu input[type="submit"],
body.is-nova #quick-login .btn,
body.is-nova #quick-login button,
body.is-nova #quick-login input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  padding-top: .72rem !important;
  padding-bottom: .72rem !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Mobile drawer full-width padding final selector: target actual wrapper regardless of tag. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav.show,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.navbar-collapse.show,
  html body.is-nova.hg-mobile-nav-open #jtl-nav-wrapper #mainNavigation.show {
    left: .75rem !important;
    right: .75rem !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
  }
}

/* Header popout fit final selector: target the actual quick-login markup. */
body.is-nova #account-dropdown-menu,
body.is-nova #account-dropdown-menu *,
body.is-nova #quick-login,
body.is-nova #quick-login *,
html body.is-nova #shop-nav #account-dropdown-menu,
html body.is-nova #shop-nav #quick-login,
html body.is-nova #shop-nav #quick-login fieldset,
html body.is-nova #shop-nav #quick-login .form-group {
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

body.is-nova #account-dropdown-menu form,
body.is-nova #account-dropdown-menu fieldset,
body.is-nova #quick-login form,
body.is-nova #quick-login fieldset {
  height: auto !important;
  min-height: max-content !important;
}

body.is-nova #account-dropdown-menu button,
body.is-nova #account-dropdown-menu .btn,
body.is-nova #quick-login button,
body.is-nova #quick-login .btn {
  height: auto !important;
  min-height: 44px !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1.2 !important;
}

/* Product carousel: replace default fading slab arrows with HobbyGrow-style controls. */
body.is-nova .carousel.slick-type-product .slick-arrow,
body.is-nova .hg-product-stage .slick-arrow,
body.is-nova .opc-product-slider .slick-arrow {
  opacity: 1 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--hg-border) !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--hg-surface) 78%, transparent) !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease !important;
}

body.is-nova .carousel.slick-type-product .slick-list,
body.is-nova .hg-product-stage .slick-list,
body.is-nova .opc-product-slider .slick-list {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

body.is-nova .carousel.slick-type-product .slick-prev,
body.is-nova .hg-product-stage .slick-prev,
body.is-nova .opc-product-slider .slick-prev {
  left: 1rem !important;
  transform: translate(0, -50%) !important;
}

body.is-nova .carousel.slick-type-product .slick-next,
body.is-nova .hg-product-stage .slick-next,
body.is-nova .opc-product-slider .slick-next {
  right: 1rem !important;
  transform: translate(0, -50%) !important;
}

@media (max-width: 767.98px) {
  body.is-nova .carousel.slick-type-product .slick-list,
  body.is-nova .hg-product-stage .slick-list,
  body.is-nova .opc-product-slider .slick-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

body.is-nova .carousel.slick-type-product .slick-arrow::after,
body.is-nova .hg-product-stage .slick-arrow::after,
body.is-nova .opc-product-slider .slick-arrow::after {
  font-size: 1rem !important;
  line-height: 1 !important;
}

body.is-nova .carousel.slick-type-product .slick-arrow:hover,
body.is-nova .carousel.slick-type-product .slick-arrow:focus,
body.is-nova .hg-product-stage .slick-arrow:hover,
body.is-nova .hg-product-stage .slick-arrow:focus,
body.is-nova .opc-product-slider .slick-arrow:hover,
body.is-nova .opc-product-slider .slick-arrow:focus {
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)) !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
}

body.is-nova .carousel.slick-type-product .slick-arrow.slick-disabled,
body.is-nova .hg-product-stage .slick-arrow.slick-disabled,
body.is-nova .opc-product-slider .slick-arrow.slick-disabled {
  opacity: .35 !important;
  pointer-events: none !important;
}

/* Account login popout: reserve enough vertical room for sliding labels and CTA text. */
body.is-nova #account-dropdown-menu form.label-slide,
body.is-nova #quick-login form.label-slide,
body.is-nova #quick-login.jtl-validate,
html body.is-nova #shop-nav #quick-login.jtl-validate {
  min-height: 17.25rem !important;
  padding-bottom: .75rem !important;
}

body.is-nova #account-dropdown-menu form.label-slide fieldset,
body.is-nova #quick-login form.label-slide fieldset,
body.is-nova #quick-login.jtl-validate fieldset,
html body.is-nova #shop-nav #quick-login.jtl-validate fieldset {
  min-height: 15rem !important;
  padding-bottom: .75rem !important;
}

body.is-nova #account-dropdown-menu .btn.btn-block,
body.is-nova #quick-login .btn.btn-block,
html body.is-nova #shop-nav #quick-login .btn.btn-block {
  min-height: 3.4rem !important;
  padding-block: .82rem !important;
}

/* Account menu-bar popout: center the dropdown under the account button. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown,
  html body.is-nova #shop-nav .account-icon-dropdown {
    position: relative !important;
  }

  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > .dropdown-menu,
  html body.is-nova #shop-nav .account-icon-dropdown > .dropdown-menu,
  html body.is-nova #jtl-nav-wrapper #shop-nav .account-icon-dropdown > #account-dropdown-menu,
  html body.is-nova #shop-nav .account-icon-dropdown > #account-dropdown-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }
}

/* Mobile account popout: center the login content inside the dropdown card. */
@media (max-width: 991.98px) {
  html body.is-nova .account-icon-dropdown #account-dropdown-menu {
    text-align: center !important;
  }

  html body.is-nova .account-icon-dropdown #account-dropdown-menu form {
    position: relative !important;
    left: clamp(-1.05rem, calc(-.775rem + (100vw - 390px) * .5), 0rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.is-nova .account-icon-dropdown #quick-login {
    position: static !important;
    left: auto !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.is-nova .account-icon-dropdown #account-dropdown-menu .form-group,
  html body.is-nova .account-icon-dropdown #account-dropdown-menu input,
  html body.is-nova .account-icon-dropdown #account-dropdown-menu .form-control,
  html body.is-nova .account-icon-dropdown #account-dropdown-menu #submit-btn,
  html body.is-nova .account-icon-dropdown #account-dropdown-menu .btn-block {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  html body.is-nova .account-icon-dropdown #account-dropdown-menu > a {
    position: relative !important;
    left: clamp(-1.05rem, calc(-.775rem + (100vw - 390px) * .5), 0rem) !important;
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.is-nova .account-icon-dropdown .dropdown-footer {
    position: static !important;
    left: auto !important;
    display: block !important;
    justify-content: normal !important;
    text-align: left !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body.is-nova .account-icon-dropdown .dropdown-footer a {
    position: static !important;
    left: auto !important;
    display: inline !important;
    justify-content: normal !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* Gilles pass: concise payment logos, corrected manufacturer/logo affordances, footer phone hover. */
body.is-nova .hg-payment-icons {
  align-items: center;
  gap: .45rem;
}

body.is-nova .hg-payment-icon--logo {
  min-width: 4.25rem;
  min-height: 2.15rem;
  padding: .38rem .65rem;
}

body.is-nova .hg-payment-icon--logo img {
  max-width: 5.25rem;
  height: 1.25rem;
}

body.is-nova .hg-brand-logo-grid a[href] {
  cursor: pointer;
}

body.is-nova .hg-brand-logo-grid span:not(:has(a[href], button)) {
  cursor: default;
}

body.is-nova .hg-footer-card a[href^="tel:"] {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  text-decoration: none;
  text-underline-offset: .18em;
  box-shadow: none !important;
  border-color: transparent !important;
}

body.is-nova .hg-footer-card a[href^="tel:"]:hover,
body.is-nova .hg-footer-card a[href^="tel:"]:focus {
  color: var(--hg-primary) !important;
  text-decoration: underline;
  transform: none !important;
  box-shadow: none !important;
  border-color: transparent !important;
  background: transparent !important;
}

/* Payment logo style pass: keep all footer payment marks visually consistent. */
body.is-nova .hg-payment-icon--logo {
  background: color-mix(in srgb, var(--hg-surface) 86%, #fff) !important;
  border-color: color-mix(in srgb, var(--hg-border) 82%, transparent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
}

body.is-nova .hg-payment-icon--logo img {
  display: block;
  width: 4.45rem;
  max-width: 4.45rem;
  height: 1.34rem;
  object-fit: contain;
  filter: grayscale(1) brightness(0) !important;
  opacity: .82;
  mix-blend-mode: multiply;
}

/* Payment logo optical sizing: real monochrome marks balanced by visual weight. */
body.is-nova .hg-payment-icon--logo {
  min-width: 5.8rem;
}

body.is-nova .hg-payment-icon--logo img[alt="PayPal"] { width: 2.35rem; max-width: 2.35rem; }
body.is-nova .hg-payment-icon--logo img[alt="Visa"] { width: 4.15rem; max-width: 4.15rem; }
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"] { width: 3.05rem; max-width: 3.05rem; }
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"] { width: 5.35rem; max-width: 5.35rem; }
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"] { width: 5.75rem; max-width: 5.75rem; }

/* Payment/shipping logo balance pass: real marks, one monochrome footer style. */
body.is-nova .hg-payment-icon--logo,
body.is-nova .hg-shipping-logo--dhl {
  min-width: 6.15rem !important;
  min-height: 2.15rem !important;
  padding: .38rem .65rem !important;
  border-radius: .65rem !important;
  background: color-mix(in srgb, var(--hg-surface) 86%, #fff) !important;
  border-color: color-mix(in srgb, var(--hg-border) 82%, transparent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18) !important;
  opacity: 1 !important;
  color: var(--hg-text) !important;
}

body.is-nova .hg-payment-icon--logo img {
  height: 1.5rem !important;
}

body.is-nova .hg-payment-icon--logo img[alt="PayPal"] { width: 2.65rem; max-width: 2.65rem; }
body.is-nova .hg-payment-icon--logo img[alt="Visa"] { width: 6.35rem; max-width: 6.35rem; }
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"] { width: 3.5rem; max-width: 3.5rem; }
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"] { width: 5.35rem; max-width: 5.35rem; }
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"] { width: 5.75rem; max-width: 5.75rem; }

body.is-nova .hg-shipping-logo--dhl svg {
  width: 7.15rem !important;
  height: 1.5rem !important;
  color: var(--hg-text) !important;
}

body.is-nova .hg-shipping-logo--dhl svg path:first-of-type {
  fill: transparent !important;
}

body.is-nova .hg-shipping-logo--dhl svg path:not(:first-of-type) {
  fill: currentColor !important;
}


/* Footer logo correction: larger Visa, larger non-stretched DHL, no redundant shipping text. */
body.is-nova .hg-payment-icon--logo img[alt="Visa"] {
  width: 8.55rem !important;
  max-width: 8.55rem !important;
  height: 1.92rem !important;
}

body.is-nova .hg-shipping-logo--dhl {
  min-width: 8.35rem !important;
  min-height: 2.35rem !important;
  padding: .36rem .7rem !important;
}

body.is-nova .hg-shipping-logo--dhl svg {
  width: 7.35rem !important;
  height: auto !important;
  aspect-ratio: 48 / 32;
  max-height: 2.05rem !important;
  object-fit: contain !important;
}

/* Footer logo hard reset: equal logo boxes, maximum logo height, no per-brand optical sizing. */
body.is-nova .hg-payment-icon--logo,
body.is-nova .hg-shipping-logo--dhl {
  width: 8.15rem !important;
  min-width: 8.15rem !important;
  max-width: 8.15rem !important;
  height: 3rem !important;
  min-height: 3rem !important;
  padding: .42rem .72rem !important;
  align-items: center !important;
  justify-content: center !important;
}

body.is-nova .hg-payment-icon--logo img,
body.is-nova .hg-payment-icon--logo img[alt="PayPal"],
body.is-nova .hg-payment-icon--logo img[alt="Visa"],
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"],
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"],
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"],
body.is-nova .hg-shipping-logo--dhl svg {
  width: 6.7rem !important;
  min-width: 6.7rem !important;
  max-width: 6.7rem !important;
  height: 2.05rem !important;
  max-height: 2.05rem !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

/* Footer logo size correction: keep equal dimensions, but reduce the shared badge/logo size. */
body.is-nova .hg-payment-icon--logo,
body.is-nova .hg-shipping-logo--dhl {
  width: 6.9rem !important;
  min-width: 6.9rem !important;
  max-width: 6.9rem !important;
  height: 2.55rem !important;
  min-height: 2.55rem !important;
  padding: .34rem .58rem !important;
}

body.is-nova .hg-payment-icon--logo img,
body.is-nova .hg-payment-icon--logo img[alt="PayPal"],
body.is-nova .hg-payment-icon--logo img[alt="Visa"],
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"],
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"],
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"],
body.is-nova .hg-shipping-logo--dhl svg {
  width: 5.55rem !important;
  min-width: 5.55rem !important;
  max-width: 5.55rem !important;
  height: 1.72rem !important;
  max-height: 1.72rem !important;
}


/* Footer logo size correction: better-cut Visa SVG and smaller shared footer logo boxes. */
body.is-nova .hg-payment-icon--logo,
body.is-nova .hg-shipping-logo--dhl {
  width: 6.25rem !important;
  min-width: 6.25rem !important;
  max-width: 6.25rem !important;
  height: 2.32rem !important;
  min-height: 2.32rem !important;
  padding: .3rem .52rem !important;
}

body.is-nova .hg-payment-icon--logo img,
body.is-nova .hg-payment-icon--logo img[alt="PayPal"],
body.is-nova .hg-payment-icon--logo img[alt="Visa"],
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"],
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"],
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"],
body.is-nova .hg-shipping-logo--dhl svg {
  width: 5rem !important;
  min-width: 5rem !important;
  max-width: 5rem !important;
  height: 1.55rem !important;
  max-height: 1.55rem !important;
  object-fit: contain !important;
}


/* Footer logo crop pass: SVG viewBoxes are trimmed; badges/logos are smaller and preserve each mark's aspect ratio. */
body.is-nova .hg-payment-icon--logo,
body.is-nova .hg-shipping-logo--dhl {
  width: 5.55rem !important;
  min-width: 5.55rem !important;
  max-width: 5.55rem !important;
  height: 2.05rem !important;
  min-height: 2.05rem !important;
  padding: .28rem .48rem !important;
}

body.is-nova .hg-payment-icon--logo img,
body.is-nova .hg-payment-icon--logo img[alt="PayPal"],
body.is-nova .hg-payment-icon--logo img[alt="Visa"],
body.is-nova .hg-payment-icon--logo img[alt="Mastercard"],
body.is-nova .hg-payment-icon--logo img[alt="Apple Pay"],
body.is-nova .hg-payment-icon--logo img[alt="Google Pay"],
body.is-nova .hg-shipping-logo--dhl svg {
  width: auto !important;
  min-width: 0 !important;
  max-width: 4.15rem !important;
  height: 1.08rem !important;
  max-height: 1.08rem !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

body.is-nova .hg-shipping-logo--dhl svg {
  max-width: 4.45rem !important;
}


/* Whole-page hover/click affordance audit pass: hoverable cards are truly clickable, and direct clickable elements get visible hover feedback. */
body.is-nova .hg-card-clickable {
  cursor: pointer !important;
  outline: none;
}

body.is-nova .hg-card-clickable:hover,
body.is-nova .hg-card-clickable:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
}

body.is-nova .product-wrapper.product-wrapper-product > a[href],
body.is-nova .productbox > a[href] {
  display: block;
  border-radius: 1rem;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova .product-wrapper.product-wrapper-product > a[href]:hover,
body.is-nova .product-wrapper.product-wrapper-product > a[href]:focus-visible,
body.is-nova .productbox > a[href]:hover,
body.is-nova .productbox > a[href]:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
  background: color-mix(in srgb, var(--hg-surface) 70%, transparent) !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
}

body.is-nova .hg-brand-logo:hover,
body.is-nova .hg-brand-logo:focus-visible,
body.is-nova .hg-footer-brand__logo--mark:hover,
body.is-nova .hg-footer-brand__logo--mark:focus-visible {
  transform: translateY(-1px) !important;
  opacity: .86 !important;
}

body.is-nova .hg-footer-card a[href],
body.is-nova .hg-footer-legal a[href],
body.is-nova .footnote-vat a[href] {
  border-radius: .7rem;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova .hg-footer-card a[href]:hover,
body.is-nova .hg-footer-card a[href]:focus-visible,
body.is-nova .hg-footer-legal a[href]:hover,
body.is-nova .hg-footer-legal a[href]:focus-visible,
body.is-nova .footnote-vat a[href]:hover,
body.is-nova .footnote-vat a[href]:focus-visible {
  transform: translateY(-2px) !important;
  color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-primary) 9%, transparent) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
  text-decoration: none !important;
}

body.is-nova #maintenance-mode .close:hover,
body.is-nova #maintenance-mode .close:focus-visible {
  transform: translateY(-1px) !important;
  color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-primary) 10%, transparent) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

/* Whole-page hover/click affordance audit follow-up: static copy cards stay static; system credit link gets feedback. */
body.is-nova .hg-copy-card:hover,
body.is-nova .hg-copy-card:focus-within,
body.is-nova .hg-trust-strip > div:hover,
body.is-nova .hg-product-highlight-card:hover {
  transform: none !important;
  box-shadow: none !important;
  cursor: default !important;
}

body.is-nova #system-credits a[href] {
  border-radius: .45rem;
  transition: color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova #system-credits a[href]:hover,
body.is-nova #system-credits a[href]:focus-visible {
  transform: translateY(-1px) !important;
  color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
}

/* Static copy cards are not links; keep base and hover states identical. */
body.is-nova .hg-copy-card {
  transform: none !important;
  box-shadow: var(--hg-shadow) !important;
}

body.is-nova .hg-copy-card:hover,
body.is-nova .hg-copy-card:focus-within {
  transform: none !important;
  box-shadow: var(--hg-shadow) !important;
}


/* Homepage affordance correction: only real interactive elements animate on hover/focus. Static containers stay static. */
body.is-nova .hg-card-clickable {
  cursor: default !important;
}

body.is-nova .hg-discovery-card[href],
body.is-nova a.hg-intent-card[href],
body.is-nova .hg-flagship-card a[href] {
  cursor: pointer !important;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova .hg-discovery-card[href]:hover,
body.is-nova .hg-discovery-card[href]:focus-visible,
body.is-nova a.hg-intent-card[href]:hover,
body.is-nova a.hg-intent-card[href]:focus-visible,
body.is-nova .hg-flagship-card a[href]:hover,
body.is-nova .hg-flagship-card a[href]:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
}

body.is-nova .hg-flagship-card:not(a):hover,
body.is-nova .hg-flagship-card:not(a):focus-visible,
body.is-nova .hg-intent-card:not(a):hover,
body.is-nova .hg-intent-card:not(a):focus-visible,
body.is-nova .hg-product-highlight-card:hover,
body.is-nova .hg-product-highlight-card:focus-visible,
body.is-nova .hg-trust-strip > div:hover,
body.is-nova .hg-trust-strip > div:focus-visible,
body.is-nova .hg-copy-card:hover,
body.is-nova .hg-copy-card:focus-within {
  transform: none !important;
  box-shadow: var(--hg-shadow, none) !important;
  border-color: var(--hg-border) !important;
  cursor: default !important;
}

body.is-nova .hg-product-highlight-card:hover,
body.is-nova .hg-product-highlight-card:focus-visible,
body.is-nova .hg-trust-strip > div:hover,
body.is-nova .hg-trust-strip > div:focus-visible {
  box-shadow: none !important;
}

/* Manufacturer logos are real links, so they get a visible hover/focus affordance too. */
body.is-nova .hg-brand-logo-grid a[href] {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

body.is-nova .hg-brand-logo-grid a[href]:hover,
body.is-nova .hg-brand-logo-grid a[href]:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.16) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  opacity: .9 !important;
}

/* Stronger override for static cards that contain inner links: the card itself is not a control. */
body.is-nova .hg-flagship-card:has(a[href]):not(a):hover,
body.is-nova .hg-flagship-card:has(a[href]):not(a):focus-visible,
body.is-nova .hg-intent-card:has(a[href]):not(a):hover,
body.is-nova .hg-intent-card:has(a[href]):not(a):focus-visible {
  transform: none !important;
  box-shadow: var(--hg-shadow, none) !important;
  border-color: var(--hg-border) !important;
  cursor: default !important;
}

/* Footer live/card links: keep hover subtle; no pill background, lift, or shadow. */
body.is-nova .hg-footer-live-grid .hg-footer-card a[href],
body.is-nova .hg-footer-card a[href] {
  transition: color .2s ease, text-decoration-color .2s ease, opacity .2s ease !important;
}

body.is-nova .hg-footer-live-grid .hg-footer-card a[href]:hover,
body.is-nova .hg-footer-live-grid .hg-footer-card a[href]:focus-visible,
body.is-nova .hg-footer-card a[href]:hover,
body.is-nova .hg-footer-card a[href]:focus-visible {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
}

/* Footer legal, VAT, and system-credit links: no hover box/lift; keep only subtle text feedback. */
body.is-nova .hg-footer-legal a[href],
body.is-nova .footnote-vat a[href],
body.is-nova #system-credits a[href] {
  transition: color .2s ease, text-decoration-color .2s ease, opacity .2s ease !important;
}

body.is-nova .hg-footer-legal a[href]:hover,
body.is-nova .hg-footer-legal a[href]:focus-visible,
body.is-nova .footnote-vat a[href]:hover,
body.is-nova .footnote-vat a[href]:focus-visible,
body.is-nova #system-credits a[href]:hover,
body.is-nova #system-credits a[href]:focus-visible {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
}

/* Footer shipping-cost link: keep it as quiet as the newsletter close X — no box/lift/underline, only text color changes. */
html body.is-nova #footer > .container.d-print-none > div.footnote-vat > span > a[href],
html body.is-nova #footer .footnote-vat > span > a[href] {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
  transition: color .16s ease !important;
}

html body.is-nova #footer > .container.d-print-none > div.footnote-vat > span > a[href]:hover,
html body.is-nova #footer > .container.d-print-none > div.footnote-vat > span > a[href]:focus-visible,
html body.is-nova #footer .footnote-vat > span > a[href]:hover,
html body.is-nova #footer .footnote-vat > span > a[href]:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
  transform: none !important;
}

/* Runtime Bootstrap modals mounted directly under body: make header close buttons quiet like the newsletter close X. */
html body.is-nova > .modal.fade .modal-header > button.close,
html body.is-nova > .modal.fade .modal-header > button.x.close {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--hg-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  transform: none !important;
  box-shadow: none !important;
  transition: color .16s ease !important;
}

html body.is-nova > .modal.fade .modal-header > button.close i,
html body.is-nova > .modal.fade .modal-header > button.x.close i {
  color: currentColor !important;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

html body.is-nova > .modal.fade .modal-header > button.close:hover,
html body.is-nova > .modal.fade .modal-header > button.close:focus-visible,
html body.is-nova > .modal.fade .modal-header > button.x.close:hover,
html body.is-nova > .modal.fade .modal-header > button.x.close:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}

/* Header quick actions: keep right menu hover animation consistent and stationary. */
html body.is-nova #shop-nav > li > a.nav-link,
html body.is-nova #shop-nav > li > button,
html body.is-nova #shop-nav .hg-theme-toggle {
  transform: none !important;
  box-shadow: none !important;
  transition: color .18s ease, border-color .18s ease, background-color .18s ease, opacity .18s ease !important;
}

html body.is-nova #shop-nav > li > a.nav-link:hover,
html body.is-nova #shop-nav > li > a.nav-link:focus,
html body.is-nova #shop-nav > li > button:hover,
html body.is-nova #shop-nav > li > button:focus,
html body.is-nova #shop-nav > li:hover > a.nav-link,
html body.is-nova #shop-nav > li.show > a.nav-link,
html body.is-nova #shop-nav .hg-theme-toggle:hover,
html body.is-nova #shop-nav .hg-theme-toggle:focus {
  transform: none !important;
  box-shadow: none !important;
}

/* Header quick actions final override: parent-specific rules previously reintroduced lift. */
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-wish > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-compare > a.nav-link {
  transform: none !important;
  box-shadow: none !important;
  transition-property: color, border-color, background-color, opacity !important;
}

html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link:focus,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-wish:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-compare:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button:focus,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle:focus {
  transform: none !important;
  box-shadow: none !important;
}

/* Header quick actions: match the main menu category-button hover motion. */
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-wish > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-compare > a.nav-link {
  border-radius: 16px !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > a.nav-link:focus,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.account-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.cart-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.basket-icon-dropdown.show > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-wish:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li#shop-nav-compare:hover > a.nav-link,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item > button:focus,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle:hover,
html body.is-nova #jtl-nav-wrapper #shop-nav > li.nav-item .hg-theme-toggle:focus {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary) !important;
}

/* Login dropdown: keep the animated primary-button sheen from escaping the Anmelden button. */
html body.is-nova .account-icon-dropdown #submit-btn,
html body.is-nova .account-icon-dropdown .dropdown-menu #submit-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 16px !important;
}

html body.is-nova .account-icon-dropdown #submit-btn::before,
html body.is-nova .account-icon-dropdown .dropdown-menu #submit-btn::before {
  content: none !important;
  display: none !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Global button pseudo cleanup: prevent NOVA animated sheens from rendering outside buttons. */
html body.is-nova .btn-animated .btn-primary::before,
html body.is-nova .btn-animated .btn-outline-primary::before,
html body.is-nova .btn-animated .btn-primary::after,
html body.is-nova .btn-animated .btn-outline-primary::after {
  content: none !important;
  display: none !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Button pseudo cleanup fallback: current NOVA markup applies the sheen directly on btn classes. */
html body.is-nova a.btn.btn-primary::before,
html body.is-nova button.btn.btn-primary::before,
html body.is-nova .btn.btn-primary::before,
html body.is-nova a.btn.btn-outline-primary::before,
html body.is-nova button.btn.btn-outline-primary::before,
html body.is-nova .btn.btn-outline-primary::before,
html body.is-nova a.btn.btn-primary::after,
html body.is-nova button.btn.btn-primary::after,
html body.is-nova .btn.btn-primary::after,
html body.is-nova a.btn.btn-outline-primary::after,
html body.is-nova button.btn.btn-outline-primary::after,
html body.is-nova .btn.btn-outline-primary::after {
  content: none !important;
  display: none !important;
  position: static !important;
  inset: auto !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
  pointer-events: none !important;
}

/* Footer newsletter banner replacing the previous feature grid. */
html body.is-nova .hg-footer-newsletter-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin-top: 1.25rem !important;
  padding: 1.15rem 1.25rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-surface) 84%, transparent), color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface))) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.12) !important;
}

html body.is-nova .hg-footer-newsletter-banner__copy {
  display: flex !important;
  align-items: center !important;
  gap: .85rem !important;
  min-width: 0 !important;
}

html body.is-nova .hg-footer-newsletter-banner__copy strong,
html body.is-nova .hg-footer-newsletter-modal .modal-title {
  color: var(--hg-ink) !important;
  font-weight: 900 !important;
}

html body.is-nova .hg-footer-newsletter-banner__copy span,
html body.is-nova .hg-footer-newsletter-modal p,
html body.is-nova .hg-footer-newsletter-modal label {
  color: var(--hg-muted) !important;
}

html body.is-nova .hg-footer-newsletter-banner__button {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  border-radius: 16px !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 62%, var(--hg-border)) !important;
  background: var(--hg-primary) !important;
  color: #fff !important;
  transform: none !important;
  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

html body.is-nova .hg-footer-newsletter-banner__button:hover,
html body.is-nova .hg-footer-newsletter-banner__button:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary) !important;
}

html body.is-nova .hg-footer-newsletter-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1055 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body.is-nova .hg-footer-newsletter-modal .modal-dialog {
  position: relative !important;
  z-index: 1056 !important;
}

html body.is-nova .hg-footer-newsletter-modal .modal-content {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 24px !important;
  background: var(--hg-surface) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.25) !important;
}

html body.is-nova .hg-footer-newsletter-modal .modal-header {
  align-items: flex-start !important;
  gap: 1rem !important;
  padding-right: 1.25rem !important;
  border-bottom: 1px solid color-mix(in srgb, var(--hg-border) 72%, transparent) !important;
}

html body.is-nova .hg-footer-newsletter-modal .close {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 40px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--hg-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transform: none !important;
  box-shadow: none !important;
  transition: color .16s ease !important;
}

html body.is-nova .hg-footer-newsletter-modal .close span {
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

html body.is-nova .hg-footer-newsletter-modal .close::before,
html body.is-nova .hg-footer-newsletter-modal .close::after {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 17px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

html body.is-nova .hg-footer-newsletter-modal .close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

html body.is-nova .hg-footer-newsletter-modal .close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

html body.is-nova .hg-footer-newsletter-modal .close:hover,
html body.is-nova .hg-footer-newsletter-modal .close:focus-visible {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.is-nova .hg-footer-newsletter-modal__privacy {
  font-size: .82rem !important;
  line-height: 1.45 !important;
}

html body.is-nova .hg-footer-newsletter-modal__privacy a {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
}

@media (max-width: 767.98px) {
  html body.is-nova .hg-footer-newsletter-banner {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html body.is-nova .hg-footer-newsletter-banner__button {
    width: 100% !important;
  }
}

/* Footer dark-mode payment logo correction: match DHL's white monochrome treatment. */
:root[data-hg-theme="dark"] body.is-nova .hg-payment-icon--logo {
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
  border-color: color-mix(in srgb, var(--hg-border) 86%, transparent) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.10) !important;
}

:root[data-hg-theme="dark"] body.is-nova .hg-payment-icon--logo img {
  filter: brightness(0) invert(1) !important;
  opacity: .96 !important;
  mix-blend-mode: normal !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme]) body.is-nova .hg-payment-icon--logo {
    background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
    border-color: color-mix(in srgb, var(--hg-border) 86%, transparent) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.10) !important;
  }

  :root:not([data-hg-theme]) body.is-nova .hg-payment-icon--logo img {
    filter: brightness(0) invert(1) !important;
    opacity: .96 !important;
    mix-blend-mode: normal !important;
  }
}

/* Footer DHL cleanup: remove the visible light badge background behind the mark. */
body.is-nova .hg-shipping-logo--dhl {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Category/product overview polish: calmer category hub, filters and product grid. */
body.is-nova #content-wrapper.is-item-list {
  max-width: 1480px !important;
  padding-inline: clamp(1rem, 2.6vw, 2.5rem) !important;
}

body.is-nova #content-wrapper.is-item-list .breadcrumb-container {
  padding-inline: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #content > .row {
  align-items: flex-start !important;
  gap: clamp(1rem, 1.8vw, 1.75rem) 0 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper {
  position: relative !important;
  overflow: hidden !important;
  padding: clamp(1rem, 2.2vw, 1.8rem) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--hg-primary) 10%, transparent) 0 18rem, transparent 30rem),
    color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
  box-shadow: 0 18px 55px rgba(14, 39, 10, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(135deg, rgba(255,255,255,.30), transparent 38%) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > * {
  position: relative !important;
  z-index: 1 !important;
}

body.is-nova #content-wrapper.is-item-list h1 {
  margin: 0 0 1.1rem !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.045em !important;
  color: var(--hg-ink) !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories {
  height: 100% !important;
  min-height: 9.5rem !important;
  padding: 1rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
  box-shadow: 0 12px 30px rgba(14, 39, 10, .07) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories:hover,
body.is-nova #content-wrapper.is-item-list .sub-categories:focus-within {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
  box-shadow: 0 18px 38px rgba(14, 39, 10, .11) !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories img,
body.is-nova #content-wrapper.is-item-list .sub-categories picture {
  border-radius: 17px !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories .caption {
  margin-top: .8rem !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories .caption a {
  color: var(--hg-ink) !important;
  text-decoration: none !important;
}

body.is-nova #content-wrapper.is-item-list .sub-categories .caption a::after {
  content: ' →' !important;
  color: var(--hg-primary) !important;
}

body.is-nova #content-wrapper.is-item-list .product-list-filter,
body.is-nova #content-wrapper.is-item-list .productfilter,
body.is-nova #content-wrapper.is-item-list .pagination-wrapper:first-of-type {
  margin: 1.25rem 0 1rem !important;
  padding: .85rem 1rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 20px !important;
  background: color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
  box-shadow: 0 10px 26px rgba(14, 39, 10, .06) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list {
  margin-top: .35rem !important;
  row-gap: 1.25rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .product-wrapper {
  display: flex !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox {
  width: 100% !important;
  min-height: 100% !important;
  padding: 1rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
  box-shadow: 0 12px 32px rgba(14, 39, 10, .075) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within {
  transform: translateY(-4px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  box-shadow: 0 20px 44px rgba(14, 39, 10, .12) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 74%, white) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox-title,
body.is-nova #content-wrapper.is-item-list #product-list .productbox-title a {
  color: var(--hg-ink) !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  text-decoration: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .price,
body.is-nova #content-wrapper.is-item-list #product-list .productbox-price {
  color: var(--hg-primary) !important;
  font-weight: 900 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left {
  position: sticky !important;
  top: 1rem !important;
  align-self: flex-start !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
  box-shadow: 0 16px 44px rgba(14, 39, 10, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel > .nav-link {
  border: 0 !important;
  background: color-mix(in srgb, var(--hg-primary) 11%, transparent) !important;
  color: var(--hg-ink) !important;
  font-weight: 900 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link {
  border-radius: 14px !important;
  color: color-mix(in srgb, var(--hg-ink) 86%, transparent) !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:focus-visible,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-item.active > .nav-link {
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
  color: var(--hg-primary) !important;
  transform: translateX(2px) !important;
}

@media (max-width: 991.98px) {
  body.is-nova #content-wrapper.is-item-list {
    padding-inline: .9rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper {
    padding: 1rem !important;
    border-radius: 22px !important;
  }

  body.is-nova #content-wrapper.is-item-list .sub-categories {
    min-height: auto !important;
    padding: .85rem !important;
    border-radius: 18px !important;
  }

  body.is-nova #content-wrapper.is-item-list .sub-categories .caption {
    margin-top: .45rem !important;
    font-size: .92rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list {
    row-gap: .9rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .product-wrapper {
    padding-inline: .35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .productbox {
    padding: .75rem !important;
    border-radius: 20px !important;
  }

  body.is-nova #content-wrapper.is-item-list #sidepanel_left {
    position: static !important;
    margin-top: 1rem !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova #content-wrapper.is-item-list h1 {
    font-size: 2rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:first-of-type > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  body.is-nova #content-wrapper.is-item-list .sub-categories img,
  body.is-nova #content-wrapper.is-item-list .sub-categories picture {
    display: none !important;
  }

  body.is-nova #content-wrapper.is-item-list .sub-categories .caption {
    margin: 0 !important;
    text-align: left !important;
  }

  body.is-nova #content-wrapper.is-item-list .sub-categories .caption a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 2.75rem !important;
  }
}

/* Category overview refinement: use compact subcategory chips instead of empty placeholder image cards. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories {
  display: flex !important;
  align-items: center !important;
  min-height: 0 !important;
  height: auto !important;
  padding: .85rem 1rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories picture,
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories img,
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .square-image,
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .img-ct,
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .image-wrapper,
body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .caption + * {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .caption {
  width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .caption a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  min-height: 2.65rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) {
  margin-bottom: 1rem !important;
  row-gap: .85rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) > [class*="col-"] {
  margin-bottom: 0 !important;
}

body.is-nova #content-wrapper.is-item-list .product-list-filter,
body.is-nova #content-wrapper.is-item-list .productfilter,
body.is-nova #content-wrapper.is-item-list .pagination-wrapper:first-of-type {
  margin-top: .75rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left {
  position: static !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  margin-top: 0 !important;
}

@media (max-width: 575.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) > [class*="col-"] {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-inline: .35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories {
    padding: .72rem .82rem !important;
    border-radius: 16px !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories .caption a {
    min-height: 2.35rem !important;
    font-size: .9rem !important;
  }
}

/* Consent banner: keep product/category pages usable while preserving all actions. */
body.is-nova #consent-banner {
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: clamp(.75rem, 2vw, 1.25rem) !important;
  width: min(94vw, 760px) !important;
  max-height: min(54vh, 360px) !important;
  overflow: auto !important;
  transform: translateX(-50%) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 24px !important;
  background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
  box-shadow: 0 24px 70px rgba(14, 39, 10, .22) !important;
}

body.is-nova #consent-banner .consent-banner-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 1rem !important;
}

body.is-nova #consent-banner .consent-banner-actions {
  order: 2 !important;
}

body.is-nova #consent-banner .consent-banner-description {
  order: 1 !important;
}

body.is-nova #consent-banner .consent-display-2 {
  display: block !important;
  margin-bottom: .25rem !important;
  color: var(--hg-ink) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

body.is-nova #consent-banner .consent-banner-description p {
  margin-bottom: .25rem !important;
  font-size: .82rem !important;
  line-height: 1.35 !important;
}

body.is-nova #consent-banner .consent-btn-helper {
  display: flex !important;
  gap: .5rem !important;
  align-items: stretch !important;
}

body.is-nova #consent-banner .consent-btn {
  min-height: 2.4rem !important;
  padding: .5rem .75rem !important;
  border-radius: 999px !important;
  font-size: .82rem !important;
  font-weight: 800 !important;
}

@media (max-width: 575.98px) {
  body.is-nova #consent-banner {
    width: calc(100vw - 1rem) !important;
    max-height: 38vh !important;
    border-radius: 20px !important;
  }

  body.is-nova #consent-banner .consent-banner-body {
    display: block !important;
    padding: .85rem !important;
  }

  body.is-nova #consent-banner .consent-banner-description p {
    max-height: 4.2rem !important;
    overflow: auto !important;
  }

  body.is-nova #consent-banner .consent-btn-helper {
    margin-top: .65rem !important;
    flex-wrap: wrap !important;
  }

  body.is-nova #consent-banner .consent-btn-helper > div,
  body.is-nova #consent-banner .consent-btn {
    flex: 1 1 8.5rem !important;
  }
}

/* Brand shortcut UX: clear overview CTA and mobile-visible drilldown feedback. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands .hg-subcategory-card--all-brands {
  border-color: color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) 0%,
    color-mix(in srgb, var(--hg-surface) 88%, transparent) 100%) !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands .hg-subcategory-card--all-brands span::after {
  content: ' →';
}

/* Category brand shortcut tiles: curated manufacturer-filter shortcuts on nutrient categories. */
body.is-nova .hg-category-brand-shortcuts {
  margin: clamp(1rem, 2.4vw, 1.45rem) 0 clamp(1.05rem, 2.6vw, 1.65rem) !important;
  padding: clamp(1rem, 2.4vw, 1.45rem) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 10% 0, color-mix(in srgb, var(--hg-primary) 13%, transparent), transparent 16rem),
    color-mix(in srgb, var(--hg-surface) 94%, var(--hg-bg)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .08) !important;
}

body.is-nova .hg-category-brand-shortcuts__head {
  display: grid !important;
  gap: .25rem !important;
  margin-bottom: .9rem !important;
}

body.is-nova .hg-category-brand-shortcuts__eyebrow {
  color: var(--hg-primary) !important;
  font-size: .76rem !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.is-nova .hg-category-brand-shortcuts h2 {
  margin: 0 !important;
  color: var(--hg-text) !important;
  font-size: clamp(1.05rem, 2.4vw, 1.45rem) !important;
  font-weight: 950 !important;
}

body.is-nova .hg-category-brand-shortcuts p {
  margin: 0 !important;
  color: var(--hg-muted) !important;
  font-size: .94rem !important;
}

body.is-nova .hg-category-brand-shortcuts__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)) !important;
  gap: .65rem !important;
}

body.is-nova .hg-category-brand-shortcuts__tile {
  display: flex !important;
  min-height: 4.2rem !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: .18rem !important;
  padding: .78rem .95rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
  color: var(--hg-text) !important;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

body.is-nova .hg-category-brand-shortcuts__tile:hover,
body.is-nova .hg-category-brand-shortcuts__tile:focus-visible,
body.is-nova .hg-category-brand-shortcuts__tile.is-active,
body.is-nova .hg-category-brand-shortcuts__tile[aria-current="page"] {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .12) !important;
  transform: translateY(-2px) !important;
}

body.is-nova .hg-category-brand-shortcuts__tile strong {
  color: inherit !important;
  font-size: .94rem !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

body.is-nova .hg-category-brand-shortcuts__tile small {
  color: var(--hg-muted) !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
}

body.is-nova .hg-category-brand-shortcuts__tile--all {
  border-style: dashed !important;
}

@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands .hg-subcategory-card--all-brands {
    grid-column: 1 / -1 !important;
    min-height: 54px !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova .hg-category-brand-shortcuts {
    margin: .85rem 0 1rem !important;
    padding: .9rem !important;
    border-radius: 20px !important;
  }

  body.is-nova .hg-category-brand-shortcuts__head {
    margin-bottom: .7rem !important;
  }

  body.is-nova .hg-category-brand-shortcuts__grid {
    display: flex !important;
    gap: .55rem !important;
    margin: 0 -.9rem !important;
    padding: 0 .9rem .2rem !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-nova .hg-category-brand-shortcuts__tile {
    min-width: 12.2rem !important;
    min-height: 3.9rem !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-nav-link--has-panel {
    background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
    color: var(--hg-primary) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group.hg-menu-open > .hg-nav-link--has-panel .hg-nav-more {
    transform: rotate(90deg) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands {
    grid-template-columns: 1fr !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--brands .hg-subcategory-card--all-brands {
    order: -1 !important;
    min-height: 46px !important;
  }
}

/* Brand-first nutrient shopping refinement: make fertilizer journeys feel like the homepage. */
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--nutrient-brands {
  margin-top: .85rem !important;
  padding-top: .85rem !important;
  border-top: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-subcategory-card--nutrient-hub,
html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--nutrient-brands .hg-subcategory-card {
  border-color: color-mix(in srgb, var(--hg-primary) 32%, var(--hg-border)) !important;
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) 0%,
    color-mix(in srgb, var(--hg-surface) 90%, transparent) 100%) !important;
}

html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--nutrient-brands::before {
  content: 'Dünger direkt nach Marke';
  grid-column: 1 / -1;
  color: var(--hg-primary);
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.is-nova .hg-nutrient-brand-guide.hg-category-brand-shortcuts {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  margin: clamp(1.15rem, 3vw, 2rem) 0 clamp(1.25rem, 3.2vw, 2.2rem) !important;
  padding: clamp(.95rem, 2.4vw, 1.45rem) !important;
  border-radius: clamp(22px, 3vw, 32px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  background:
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--hg-primary) 18%, transparent), transparent 17rem),
    radial-gradient(circle at 92% 12%, color-mix(in srgb, #ffffff 22%, transparent), transparent 16rem),
    linear-gradient(135deg,
      color-mix(in srgb, var(--hg-surface) 94%, var(--hg-bg)) 0%,
      color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) 100%) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.12) !important;
}

body.is-nova .hg-nutrient-brand-guide::before,
body.is-nova .hg-nutrient-brand-guide::after {
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: -1;
  border-radius: 999px;
}

body.is-nova .hg-nutrient-brand-guide::before {
  width: min(22vw, 14rem);
  height: min(22vw, 14rem);
  right: -4rem;
  top: -5rem;
  background: color-mix(in srgb, var(--hg-primary) 18%, transparent);
  filter: blur(2px);
}

body.is-nova .hg-nutrient-brand-guide::after {
  width: min(18vw, 11rem);
  height: min(18vw, 11rem);
  left: -4rem;
  bottom: -5rem;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, transparent);
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__head {
  max-width: 58rem !important;
  margin-bottom: clamp(.85rem, 2vw, 1.15rem) !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__eyebrow {
  display: inline-flex !important;
  width: max-content !important;
  align-items: center !important;
  gap: .35rem !important;
  padding: .32rem .62rem !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 13%, transparent) !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__eyebrow::before {
  content: '●';
  font-size: .58rem;
}

body.is-nova .hg-nutrient-brand-guide h2 {
  max-width: 48rem !important;
  font-size: clamp(1.32rem, 3.2vw, 2.25rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

body.is-nova .hg-nutrient-brand-guide p {
  max-width: 45rem !important;
  font-size: clamp(.95rem, 1.5vw, 1.05rem) !important;
  line-height: 1.5 !important;
}

body.is-nova .hg-category-brand-shortcuts__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .55rem !important;
  margin-top: .5rem !important;
}

body.is-nova .hg-category-brand-shortcuts__action,
body.is-nova .hg-category-brand-shortcuts__spotlight a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.35rem !important;
  padding: .55rem .85rem !important;
  border-radius: 999px !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 80%, transparent) !important;
  color: var(--hg-text) !important;
  font-size: .82rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.is-nova .hg-category-brand-shortcuts__action:hover,
body.is-nova .hg-category-brand-shortcuts__action:focus-visible,
body.is-nova .hg-category-brand-shortcuts__spotlight a:hover,
body.is-nova .hg-category-brand-shortcuts__spotlight a:focus-visible {
  transform: translateY(-2px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 50%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.11) !important;
}

body.is-nova .hg-category-brand-shortcuts__spotlight {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .8rem !important;
  margin: 0 0 clamp(.85rem, 2vw, 1.15rem) !important;
  padding: .68rem .82rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 20px !important;
  background: color-mix(in srgb, var(--hg-surface) 76%, transparent) !important;
}

body.is-nova .hg-category-brand-shortcuts__spotlight div {
  display: grid !important;
  gap: .1rem !important;
}

body.is-nova .hg-category-brand-shortcuts__spotlight strong {
  color: var(--hg-text) !important;
  font-weight: 950 !important;
}

body.is-nova .hg-category-brand-shortcuts__spotlight span {
  color: var(--hg-muted) !important;
  font-size: .86rem !important;
  font-weight: 750 !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__grid {
  grid-template-columns: repeat(auto-fit, minmax(12.6rem, 1fr)) !important;
  gap: .75rem !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile {
  position: relative !important;
  min-height: 5.25rem !important;
  justify-content: space-between !important;
  padding: .82rem .92rem !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile::after {
  content: '';
  position: absolute;
  width: 4.6rem;
  height: 4.6rem;
  right: -2.1rem;
  bottom: -2.2rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--hg-primary) 13%, transparent);
  transition: transform .2s ease, opacity .2s ease;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile:hover::after,
body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile:focus-visible::after,
body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile.is-active::after,
body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile[aria-current="page"]::after {
  transform: scale(1.35);
  opacity: .9;
}

body.is-nova .hg-category-brand-shortcuts__tile-kicker {
  color: var(--hg-primary) !important;
  font-size: .72rem !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile strong {
  font-size: 1rem !important;
  line-height: 1.15 !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile small {
  position: relative !important;
  z-index: 1 !important;
}

body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile.is-active,
body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile[aria-current="page"] {
  outline: 2px solid color-mix(in srgb, var(--hg-primary) 34%, transparent) !important;
  outline-offset: 2px !important;
}

@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--nutrient-brands {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-category-menu-grid--nutrient-brands {
    margin-top: .65rem !important;
    padding-top: .65rem !important;
  }

  body.is-nova .hg-nutrient-brand-guide.hg-category-brand-shortcuts {
    margin: .9rem 0 1.1rem !important;
    padding: .95rem !important;
    border-radius: 22px !important;
  }

  body.is-nova .hg-category-brand-shortcuts__spotlight {
    align-items: flex-start !important;
    flex-direction: column !important;
    border-radius: 18px !important;
  }

  body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__grid {
    display: flex !important;
    gap: .65rem !important;
    margin: 0 -.95rem !important;
    padding: .05rem .95rem .35rem !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-nova .hg-nutrient-brand-guide .hg-category-brand-shortcuts__tile {
    min-width: min(76vw, 17rem) !important;
    min-height: 6.35rem !important;
    scroll-snap-align: start !important;
  }
}

/* Native-first migration: keep HobbyGrow visuals on JTL/NOVA-managed navigation and footer boxes. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-scrollbar-inner {
    justify-content: center !important;
    gap: clamp(.45rem, .8vw, 1rem) !important;
    padding: .55rem 0 .72rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item > .nav-link {
    min-height: 44px !important;
    padding: .68rem clamp(.95rem, .95vw, 1.22rem) !important;
    border: 1px solid color-mix(in srgb, var(--hg-border) 70%, transparent) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.055) !important;
    color: var(--hg-text) !important;
    font-weight: 900 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item > .nav-link:hover,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item > .nav-link:focus,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item.active > .nav-link,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item.show > .nav-link {
    border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    transform: translateY(-1px) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .dropdown-menu {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) translateY(.55rem) !important;
    width: min(1080px, calc(100vw - 2rem)) !important;
    max-width: min(1080px, calc(100vw - 2rem)) !important;
    padding: .65rem !important;
    border-radius: 1.3rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
    background: var(--hg-surface) !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .dropdown-body,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .subcategory-wrapper {
    background: transparent !important;
  }
}

html body.is-nova #footer .hg-footer-native-boxes {
  margin-top: 1.25rem !important;
  padding: 1.1rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 1.35rem !important;
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
}

html body.is-nova #footer .hg-footer-native-boxes .box,
html body.is-nova #footer .hg-footer-native-boxes .box-normal {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-native-boxes a {
  color: var(--hg-text) !important;
  text-decoration: none !important;
}

html body.is-nova #footer .hg-footer-native-boxes a:hover,
html body.is-nova #footer .hg-footer-native-boxes a:focus {
  color: var(--hg-primary-strong, var(--hg-primary)) !important;
  text-decoration: underline !important;
}

/* Keep the native NOVA category list usable with many admin-managed categories. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-scrollbar-inner {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: thin !important;
    padding-right: .5rem !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item {
    flex: 0 0 auto !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-item > .nav-link {
    white-space: nowrap !important;
    padding-left: clamp(.72rem, .72vw, 1rem) !important;
    padding-right: clamp(.72rem, .72vw, 1rem) !important;
    font-size: clamp(.82rem, .74vw, .95rem) !important;
  }
}

/* Native footer boxes sit inside a styled card; cancel Bootstrap row bleed so headings do not clip. */
html body.is-nova #footer #footer-boxes.hg-footer-native-boxes {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

html body.is-nova #footer #footer-boxes.hg-footer-native-boxes > [class*="col-"] {
  padding-left: clamp(.75rem, 1.4vw, 1.1rem) !important;
  padding-right: clamp(.75rem, 1.4vw, 1.1rem) !important;
}

html body.is-nova #footer #footer-boxes.hg-footer-native-boxes .box-normal,
html body.is-nova #footer #footer-boxes.hg-footer-native-boxes .box-content-wrapper,
html body.is-nova #footer #footer-boxes.hg-footer-native-boxes .box-body {
  overflow: visible !important;
}

/* Footer integration pass: keep native Boxen ownership while presenting one footer surface. */
html body.is-nova #footer .hg-footer-unified-shell {
  display: grid !important;
  gap: clamp(1rem, 2.4vw, 1.65rem) !important;
  margin-bottom: clamp(1.5rem, 4vw, 3rem) !important;
  padding: clamp(1.1rem, 3vw, 2rem) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 1.75rem !important;
  background:
    radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--hg-primary) 15%, transparent), transparent 18rem),
    radial-gradient(circle at 92% 34%, color-mix(in srgb, var(--hg-accent) 10%, transparent), transparent 18rem),
    color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
  box-shadow: var(--hg-shadow) !important;
}

html body.is-nova #footer .hg-footer-unified-shell .hg-footer-brand {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes {
  margin-top: 0 !important;
  padding: clamp(.95rem, 2vw, 1.25rem) 0 0 !important;
  border: 0 !important;
  border-top: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes > [class*="col-"] {
  padding-top: .45rem !important;
  padding-bottom: .35rem !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-title {
  margin-bottom: .55rem !important;
}

@media (max-width: 575.98px) {
  html body.is-nova #footer .hg-footer-unified-shell {
    padding: clamp(1rem, 5vw, 1.25rem) !important;
    border-radius: 1.35rem !important;
  }
}

/* Footer bottom banner refinement: make native legal/info boxes quieter and horizontal. */
html body.is-nova #footer .hg-footer-unified-shell {
  gap: clamp(.75rem, 1.6vw, 1.05rem) !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .45rem clamp(1rem, 2vw, 1.75rem) !important;
  padding: .72rem 0 0 !important;
  min-height: 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes > [class*="col-"] {
  flex: 1 1 18rem !important;
  max-width: none !important;
  padding: .15rem 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-normal,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-content-wrapper,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-body {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .28rem .72rem !important;
  min-height: 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-title {
  flex: 0 0 auto !important;
  margin: 0 !important;
  font-size: .76rem !important;
  line-height: 1.15 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  opacity: .72 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes ul,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes ol,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .nav,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes .box-body > div {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .22rem .68rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes a {
  font-size: .84rem !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  opacity: .84 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes a:hover,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes a:focus-visible {
  opacity: 1 !important;
}

@media (max-width: 575.98px) {
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes {
    align-items: flex-start !important;
    gap: .55rem !important;
  }

  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes > [class*="col-"] {
    flex-basis: 100% !important;
  }
}

/* Footer native card links: map former information links onto the visible footer cards. */
html body.is-nova #footer .hg-footer-card__link,
html body.is-nova #footer .hg-footer-logo-link,
html body.is-nova #footer .hg-footer-newsletter-banner__copy[href] {
  color: inherit !important;
  text-decoration: none !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-card__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: .45rem !important;
  width: fit-content !important;
}

html body.is-nova #footer .hg-footer-logo-link {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .35rem !important;
  width: fit-content !important;
}

html body.is-nova #footer .hg-footer-newsletter-banner__copy[href] {
  min-width: 0 !important;
}

html body.is-nova #footer .hg-footer-card__link:hover,
html body.is-nova #footer .hg-footer-card__link:focus-visible,
html body.is-nova #footer .hg-footer-logo-link:hover,
html body.is-nova #footer .hg-footer-logo-link:focus-visible,
html body.is-nova #footer .hg-footer-newsletter-banner__copy[href]:hover,
html body.is-nova #footer .hg-footer-newsletter-banner__copy[href]:focus-visible {
  color: var(--hg-primary) !important;
  text-decoration: none !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-card__link:focus-visible,
html body.is-nova #footer .hg-footer-logo-link:focus-visible,
html body.is-nova #footer .hg-footer-newsletter-banner__copy[href]:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--hg-primary) 58%, transparent) !important;
  outline-offset: 4px !important;
  border-radius: .65rem !important;
}

/* Footer legal links: copy live footer's horizontal underlined service-link row. */
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes {
  justify-content: flex-start !important;
  text-align: center !important;
  width: 100% !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .collapse,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-panel,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .box-nav-item,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .mt-3 {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .box-normal-link,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .productlist-filter-headline,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .box-normal-hr {
  display: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 ul,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.nav-link,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.btn,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--hg-muted, #6c7a70) 88%, var(--hg-text, #142019)) !important;
  font-size: clamp(.86rem, .85vw, 1rem) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-decoration: underline !important;
  text-underline-offset: .18em !important;
  text-decoration-thickness: .055em !important;
  opacity: .84 !important;
  transform: none !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a:hover,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a:focus-visible {
  color: var(--hg-text, #142019) !important;
  opacity: 1 !important;
  text-decoration: underline !important;
  background: transparent !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Footer legal row spacing follow-up: match live footer breathing room and normalize withdrawal link. */
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item {
  margin-inline: clamp(.42rem, 1vw, .9rem) !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.nav-link,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.btn,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.btn-block {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  vertical-align: baseline !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .mt-3 {
  margin-inline: clamp(.42rem, 1vw, .9rem) !important;
}

/* Footer withdrawal action: keep it in the legal row, but present it as a right-aligned CTA. */
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li:has(a[href*="muster-widerrufsbelehrung"]),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li:has(a.withdrawal-link),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item:has(a[href*="muster-widerrufsbelehrung"]),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item:has(a.withdrawal-link),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .mt-3:has(a.withdrawal-link) {
  margin-left: auto !important;
  margin-right: 0 !important;
  padding-left: clamp(2rem, 8vw, 6rem) !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  margin-left: auto !important;
  margin-right: 0 !important;
  min-height: 2.75rem !important;
  padding: .72rem 1.05rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 62%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background: var(--hg-primary) !important;
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease !important;
}

html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:hover,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:focus-visible,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:hover,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:focus-visible {
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  transform: translateY(-3px) !important;
  text-decoration: none !important;
}

@media (max-width: 575.98px) {
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li,
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item,
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .mt-3 {
    margin-inline: .5rem !important;
  }

  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li:has(a[href*="muster-widerrufsbelehrung"]),
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 li:has(a.withdrawal-link),
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item:has(a[href*="muster-widerrufsbelehrung"]),
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .nav-item:has(a.withdrawal-link),
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 .mt-3:has(a.withdrawal-link) {
    margin-left: auto !important;
    margin-right: .5rem !important;
    padding-left: 1rem !important;
  }

  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
  html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
  }
}

/* Native MEGAMENU centering tweak: keep the admin-owned grouped menu visually centered on desktop. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .nav-scrollbar-inner,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-list,
  html body.is-nova #jtl-nav-wrapper .hg-nav-list {
    justify-content: center !important;
  }
}

/* MEGAMENU regression fix: keep restored grouped panels visible in the mobile drilldown drawer. */
@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native.hg-drilldown-active .hg-nav-group.hg-menu-open {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native.hg-drilldown-active .hg-nav-group.hg-menu-open > .dropdown-menu.hg-category-menu {
    position: fixed !important;
    z-index: 10060 !important;
    display: block !important;
    top: calc(env(safe-area-inset-top, 0px) + 6.25rem) !important;
    right: .85rem !important;
    bottom: max(.85rem, env(safe-area-inset-bottom, 0px)) !important;
    left: .85rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    background: var(--hg-surface) !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native.hg-drilldown-active .hg-nav-group.hg-menu-open > .dropdown-menu.hg-category-menu .hg-category-back {
    display: flex !important;
  }
}

/* Desktop MEGAMENU hover ownership: use only hg-menu-open for the final panel state. */
@media (min-width: 992px) {
  html body.is-nova header#jtl-nav-wrapper,
  html body.is-nova #jtl-nav-wrapper,
  html body.is-nova #jtl-nav-wrapper #mainNavigation {
    position: relative !important;
    z-index: 1060 !important;
    overflow: visible !important;
  }

  html body.is-nova #main-wrapper,
  html body.is-nova main,
  html body.is-nova #content-wrapper {
    position: relative !important;
    z-index: 0 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .dropdown-menu.hg-category-menu {
    display: block !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: var(--hg-menu-top, 14rem) !important;
    bottom: auto !important;
    width: min(1080px, calc(100vw - 2rem)) !important;
    max-width: min(1080px, calc(100vw - 2rem)) !important;
    margin: 0 !important;
    padding: .65rem !important;
    border-radius: 1.3rem !important;
    border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
    background: rgba(248, 246, 238, .58) !important;
    background: color-mix(in srgb, var(--hg-surface) 58%, transparent) !important;
    background-image: none !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.18) !important;
    backdrop-filter: blur(22px) saturate(1.45) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.45) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 1065 !important;
    transform: translateX(-50%) translateY(.25rem) !important;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear .16s !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group.show:not(.hg-menu-open) > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .hg-category-menu.show:not(.hg-menu-open) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group.hg-menu-open {
    z-index: 1064 !important;
  }

  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group.hg-menu-open > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group.hg-menu-open > .dropdown-menu.hg-category-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(.55rem) !important;
    transition: opacity .16s ease, transform .16s ease, visibility 0s linear 0s !important;
  }
}

/* Homepage UI polish prep: button contrast, account menu alignment, wishlist centering, full-width consent banner. */
body.is-nova .hg-flagship .btn.btn-outline-primary {
  border-color: color-mix(in srgb, var(--hg-primary) 64%, var(--hg-border)) !important;
  color: var(--hg-primary) !important;
  background: transparent !important;
  text-shadow: none !important;
}

body.is-nova .hg-flagship .btn.btn-outline-primary:hover,
body.is-nova .hg-flagship .btn.btn-outline-primary:focus,
body.is-nova .hg-flagship-card:hover .btn.btn-outline-primary,
body.is-nova .hg-flagship-card:focus-within .btn.btn-outline-primary {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, #28e810 24%, transparent) !important;
}

body.is-nova #shop-nav .wishlist-icon-dropdown > a,
body.is-nova #shop-nav .wishlist-icon,
body.is-nova #shop-nav [href*="wunschliste"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  line-height: 1 !important;
  padding-block: 0 !important;
  vertical-align: middle !important;
}

body.is-nova #shop-nav .wishlist-icon-dropdown > a > *,
body.is-nova #shop-nav .wishlist-icon > *,
body.is-nova #shop-nav [href*="wunschliste"] > * {
  line-height: 1 !important;
}

body.is-nova .account-icon-dropdown .dropdown-menu {
  --hg-account-dropdown-x: .95rem;
  padding: .75rem !important;
}

body.is-nova .account-icon-dropdown #account-dropdown-menu,
body.is-nova #quick-login,
body.is-nova #quick-login fieldset {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.is-nova #quick-login {
  padding: .55rem var(--hg-account-dropdown-x, .95rem) .25rem !important;
}

body.is-nova #quick-login legend,
body.is-nova .account-icon-dropdown .form-group,
body.is-nova .account-icon-dropdown .form-row,
body.is-nova .account-icon-dropdown .form-label-group,
body.is-nova .account-icon-dropdown .btn,
body.is-nova .account-icon-dropdown .dropdown-footer {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

body.is-nova .account-icon-dropdown .form-label-group > label,
body.is-nova .account-icon-dropdown label {
  left: 0 !important;
  padding-left: .85rem !important;
  white-space: normal !important;
}

body.is-nova .account-icon-dropdown .dropdown-footer {
  padding: .85rem var(--hg-account-dropdown-x, .95rem) !important;
}

body.is-nova #consent-manager.active,
body.is-nova #consent-banner {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  transform: none !important;
}

body.is-nova #consent-banner {
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 24px 24px 0 0 !important;
}

body.is-nova #consent-banner .consent-banner-body {
  width: min(100%, 1180px) !important;
  margin: 0 auto !important;
}

/* Category/product page spacing pass: normalize dark-theme gutters and detail-page surfaces. */
body.is-nova #content-wrapper.is-item-list {
  padding-top: clamp(2rem, 4vw, 3rem) !important;
  padding-inline: clamp(1.15rem, 2.2vw, 2rem) !important;
}

body.is-nova #content-wrapper.is-item-list #content > .row {
  margin-inline: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left {
  padding-left: 0 !important;
  padding-right: clamp(.85rem, 1.4vw, 1.25rem) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper {
  padding: clamp(1.05rem, 1.8vw, 1.45rem) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) {
  margin-left: -.45rem !important;
  margin-right: -.45rem !important;
  row-gap: .9rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) > [class*="col-"] {
  padding-inline: .45rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories {
  min-height: 0 !important;
  padding: .78rem .9rem !important;
}

body.is-nova #content-wrapper.is-item-list .product-list-filter,
body.is-nova #content-wrapper.is-item-list .productfilter,
body.is-nova #content-wrapper.is-item-list .pagination-wrapper:first-of-type {
  margin: .95rem 0 .85rem !important;
  padding: .72rem .85rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list {
  margin-left: -.55rem !important;
  margin-right: -.55rem !important;
  row-gap: 1rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .product-wrapper {
  padding-inline: .55rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox {
  padding: .82rem !important;
  border-radius: 20px !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox-inner {
  padding: 0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image {
  background: color-mix(in srgb, var(--hg-surface) 78%, #fff 22%) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-image,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image {
    background: color-mix(in srgb, var(--hg-surface) 78%, #fff 22%) !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) {
  max-width: 1320px !important;
  padding-top: clamp(2rem, 4vw, 3rem) !important;
  padding-inline: clamp(1rem, 2.4vw, 2rem) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #result-wrapper {
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 28px !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
  box-shadow: 0 18px 55px rgba(14, 39, 10, .08) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .product-detail {
  margin-inline: 0 !important;
  row-gap: clamp(1rem, 2vw, 1.5rem) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .product-gallery,
body.is-nova #content-wrapper:not(.is-item-list) .product-info,
body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info {
  padding-inline: clamp(.65rem, 1.4vw, 1rem) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .product-gallery,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery-preview,
body.is-nova #content-wrapper:not(.is-item-list) .product-images {
  min-width: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .product-gallery img,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery picture,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery .square-image,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery .image-wrapper {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 22px !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .product-info,
body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #buy_form,
body.is-nova #content-wrapper:not(.is-item-list) .basket-form,
body.is-nova #content-wrapper:not(.is-item-list) .product-buy,
body.is-nova #content-wrapper:not(.is-item-list) .product-actions {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 991.98px) {
  body.is-nova #content-wrapper.is-item-list {
    padding-inline: 1rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #sidepanel_left {
    padding-inline: 0 !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper {
    padding: .9rem !important;
    border-radius: 22px !important;
  }

  body.is-nova #content-wrapper.is-item-list .product-list-filter,
  body.is-nova #content-wrapper.is-item-list .productfilter,
  body.is-nova #content-wrapper.is-item-list .pagination-wrapper:first-of-type {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .55rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m {
    margin-top: .85rem !important;
    margin-bottom: .65rem !important;
    row-gap: .55rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .45rem !important;
    align-items: center !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions > *,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .result-option-wrapper {
    margin: 0 !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
    min-height: 2.4rem !important;
    padding: .5rem .7rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 0 !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
    display: none !important;
  }

  body.is-nova #content-wrapper.is-item-list hr.productlist-page-nav-bottom,
  body.is-nova #content-wrapper.is-item-list hr.productlist-page-nav-top {
    margin: .6rem 0 1rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list):has(.sub-categories) {
    flex-wrap: wrap !important;
    overflow: visible !important;
    margin-right: -.45rem !important;
    row-gap: .55rem !important;
    padding-bottom: .2rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list):has(.sub-categories) > [class*="col-"] {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories {
    white-space: normal !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #result-wrapper {
    padding: .9rem !important;
    border-radius: 22px !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #buy_form,
  body.is-nova #content-wrapper:not(.is-item-list) .product-detail {
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.is-nova #content-wrapper.is-item-list,
  body.is-nova #content-wrapper:not(.is-item-list) {
    padding-inline: .85rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row:not(#product-list) > [class*="col-"] {
    padding-inline: .32rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .sub-categories {
    padding: .62rem .72rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list {
    margin-left: -.35rem !important;
    margin-right: -.35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .product-wrapper {
    padding-inline: .35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .productbox {
    padding: .68rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions {
    gap: .4rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
    min-height: 2.25rem !important;
    padding: .45rem .58rem !important;
    font-size: .92rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) .product-gallery,
  body.is-nova #content-wrapper:not(.is-item-list) .product-info,
  body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info {
    padding-inline: .15rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) .product-images,
  body.is-nova #content-wrapper:not(.is-item-list) .product-gallery-preview {
    margin-bottom: .75rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) .product-info,
  body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info {
    gap: .65rem !important;
  }
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-title,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-title a {
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-title,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-title a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .text-clamp-2 {
  color: #ffffff !important;
  font-weight: 850 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-title {
  display: block !important;
  margin-top: .55rem !important;
  padding: .34rem .45rem !important;
  border-radius: 12px !important;
  background: rgba(4, 13, 6, .82) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #result-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-detail,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-info,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-title,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) h1,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) h2,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) h3 {
  color: #f7f4ed !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-info a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info a {
  color: #9fe870 !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-title,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-title a {
    color: #f4fff0 !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-title,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-title a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .text-clamp-2 {
    color: #ffffff !important;
    font-weight: 850 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-title {
    display: block !important;
    margin-top: .55rem !important;
    padding: .34rem .45rem !important;
    border-radius: 12px !important;
    background: rgba(4, 13, 6, .82) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #result-wrapper,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-detail,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-info,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-title,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) h1,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) h2,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) h3 {
    color: #f7f4ed !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-info a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .product-detail-info a {
    color: #9fe870 !important;
  }
}

/* Category list correction: Ernte/Verarbeitung sidebar, chips, dark controls and image hover. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left {
  padding-left: clamp(.95rem, 1.4vw, 1.25rem) !important;
  padding-right: clamp(.95rem, 1.4vw, 1.25rem) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  padding: clamp(.95rem, 1.35vw, 1.15rem) !important;
  margin-bottom: .85rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-heading,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-title {
  display: flex !important;
  align-items: center !important;
  min-height: 2.35rem !important;
  padding: .1rem .15rem .65rem !important;
  margin-bottom: .65rem !important;
  line-height: 1.25 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-link-wrapper,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .custom-control,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .form-group {
  padding-left: .2rem !important;
  padding-right: .2rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .form-row,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .input-group {
  gap: .45rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories {
  justify-content: center !important;
  text-align: center !important;
  padding: .95rem 1.1rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.8rem !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption a,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption a {
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary {
  color: #f4fff0 !important;
  background: rgba(10, 24, 12, .94) !important;
  border-color: rgba(159, 232, 112, .38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary:focus-visible {
  color: #071207 !important;
  background: #9fe870 !important;
  border-color: #c5ff9a !important;
  text-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .list-gallery .second-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .image-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery .second-wrapper {
  background: linear-gradient(145deg, rgba(19, 34, 20, .98), rgba(7, 18, 8, .98)) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox img {
  background-color: transparent !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-inner,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .caption,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
  background: transparent !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox-image img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image img {
  mix-blend-mode: multiply !important;
  filter: contrast(1.06) saturate(1.04) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary {
    color: #f4fff0 !important;
    background: rgba(10, 24, 12, .94) !important;
    border-color: rgba(159, 232, 112, .38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-outline-secondary:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .btn-secondary:focus-visible {
    color: #071207 !important;
    background: #9fe870 !important;
    border-color: #c5ff9a !important;
    text-shadow: none !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-image,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .list-gallery .second-wrapper,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .productbox-image,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .image-wrapper,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .square-image,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery .second-wrapper {
    background: linear-gradient(145deg, rgba(19, 34, 20, .98), rgba(7, 18, 8, .98)) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-inner,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .caption,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
    background: transparent !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox-image img,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .image-wrapper img,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image img {
    mix-blend-mode: multiply !important;
    filter: contrast(1.06) saturate(1.04) !important;
  }
}

/* Category filter sidebar correction: less padding, no nested card/hover-box feel, cleaner price range. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left {
  padding-left: 0 !important;
  padding-right: clamp(.65rem, 1vw, .9rem) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  padding: .35rem 0 .55rem !important;
  margin-bottom: .55rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link {
  min-height: 2rem !important;
  padding: .15rem 0 .45rem !important;
  margin: 0 0 .35rem !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 14%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .custom-control,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .form-check,
body.is-nova #content-wrapper.is-item-list #sidepanel_left label {
  padding: .28rem .35rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  line-height: 1.25 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:focus-visible,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:focus-visible,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:focus-visible {
  border: 0 !important;
  background: color-mix(in srgb, var(--hg-primary) 8%, transparent) !important;
  color: var(--hg-primary) !important;
  transform: none !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] {
  padding: .45rem 0 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .form-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: .45rem !important;
  align-items: end !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .form-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .input-group {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] input {
  width: 100% !important;
  min-width: 0 !important;
  height: 2.25rem !important;
  padding: .42rem .55rem !important;
  border-radius: 12px !important;
  font-size: .92rem !important;
  line-height: 1.15 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .input-group-text,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .input-group-text {
  padding-inline: .25rem !important;
  border: 0 !important;
  background: transparent !important;
  font-size: .82rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  height: .42rem !important;
  margin: .7rem .65rem .2rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-border)) !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-connect,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-connect {
  background: var(--hg-primary) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-handle,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-handle {
  top: -.42rem !important;
  width: 1.18rem !important;
  height: 1.18rem !important;
  border: 2px solid var(--hg-primary) !important;
  border-radius: 999px !important;
  background: var(--hg-surface) !important;
  box-shadow: 0 3px 9px rgba(14, 39, 10, .14) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-handle::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-handle::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-handle::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-handle::after {
  display: none !important;
}

/* Category filter refinement: restore outer filter border/contrast, keep hover flat, align price controls. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  padding: .72rem .78rem .82rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
  box-shadow: 0 10px 24px rgba(14, 39, 10, .06) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: .32rem !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 1.9rem !important;
  color: color-mix(in srgb, var(--hg-ink) 92%, var(--hg-primary)) !important;
  font-weight: 850 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"]::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"]::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading .fas,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header .fas,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline .fas,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link .fas,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"] .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"] .fas {
  margin-left: 0 !important;
  margin-right: .28rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .custom-control,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .form-check,
body.is-nova #content-wrapper.is-item-list #sidepanel_left label {
  color: color-mix(in srgb, var(--hg-ink) 86%, var(--hg-primary)) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:focus-visible,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:focus-visible,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:hover,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .form-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: .5rem .55rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  grid-column: 1 / -1 !important;
  order: 20 !important;
  width: calc(100% - 1.3rem) !important;
  margin: .8rem .65rem .28rem !important;
  justify-self: center !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .card,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-panel {
  border-color: rgba(159, 232, 112, .34) !important;
  background: rgba(12, 23, 13, .86) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box .box-heading,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .card-header,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .productlist-filter-headline,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-normal-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left [data-toggle="collapse"] {
  color: #f4fff0 !important;
  border-bottom-color: rgba(159, 232, 112, .2) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .custom-control,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .form-check,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left label {
  color: rgba(244, 255, 240, .88) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .nav-link:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-item:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .dropdown-item:focus-visible {
  background: transparent !important;
  color: #9fe870 !important;
}

/* Category filter hover correction: outer card border only; inner rows stay borderless/flat on hover. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  a,
  button,
  label,
  .nav-link,
  .filter-item,
  .dropdown-item,
  .custom-control,
  .form-check,
  .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  [data-toggle="collapse"]
):is(:hover, :focus, :focus-visible) {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  text-decoration: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  a,
  button,
  label,
  .nav-link,
  .filter-item,
  .dropdown-item,
  .custom-control,
  .form-check,
  .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  [data-toggle="collapse"]
):is(:hover, :focus, :focus-visible)::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  a,
  button,
  label,
  .nav-link,
  .filter-item,
  .dropdown-item,
  .custom-control,
  .form-check,
  .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  [data-toggle="collapse"]
):is(:hover, :focus, :focus-visible)::after {
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Bootstrap filter buttons: reserve layout space but never paint an inner hover/focus box. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .btn,
  .btn-link,
  .btn-filter-box,
  .dropdown-toggle,
  .btn-filter-box.dropdown-toggle,
  .box-filter-price > button,
  .box-filter-price .btn,
  .box-filter-price-collapse > button
),
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .btn,
  .btn-link,
  .btn-filter-box,
  .dropdown-toggle,
  .btn-filter-box.dropdown-toggle,
  .box-filter-price > button,
  .box-filter-price .btn,
  .box-filter-price-collapse > button
):is(:hover, :focus, :focus-visible, :active),
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .btn,
  .btn-link,
  .btn-filter-box,
  .dropdown-toggle,
  .btn-filter-box.dropdown-toggle,
  .box-filter-price > button,
  .box-filter-price .btn,
  .box-filter-price-collapse > button
).active,
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .btn,
  .btn-link,
  .btn-filter-box,
  .dropdown-toggle,
  .btn-filter-box.dropdown-toggle,
  .box-filter-price > button,
  .box-filter-price .btn,
  .box-filter-price-collapse > button
)[aria-expanded="true"] {
  border: 1px solid transparent !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .box-filter-price,
  .box-filter-price-collapse,
  .filter-options,
  .filter-option,
  .collapse,
  .collapsing
):is(:hover, :focus, :focus-visible, :focus-within) {
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .box .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  .btn-filter-box,
  [data-toggle="collapse"]
),
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .box .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  .btn-filter-box,
  [data-toggle="collapse"]
):is(:hover, :focus, :focus-visible, :active),
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .box .box-heading,
  .card-header,
  .productlist-filter-headline,
  .box-normal-link,
  .btn-filter-box,
  [data-toggle="collapse"]
)[aria-expanded="true"] {
  border-color: transparent !important;
  border-bottom-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box.btn,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box.btn-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box.dropdown-toggle,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box:is(:hover, :focus, :focus-visible, :active),
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box[aria-expanded="true"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn.btn-filter-box.dropdown-toggle.btn-link,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn.btn-filter-box.dropdown-toggle.btn-link:is(:hover, :focus, :focus-visible, :active),
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn.btn-filter-box.dropdown-toggle.btn-link[aria-expanded="true"] {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

/* Manufacturer filter controls: keep native search usable and remove double hover layers. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box.dropdown-toggle::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .btn-filter-box.dropdown-toggle:is(:hover, :focus, :focus-visible, :active)::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left button.btn-link::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left button.btn-link:is(:hover, :focus, :focus-visible, :active)::after {
  content: "" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: .35rem !important;
  margin-right: 0 !important;
  border-style: solid !important;
  border-width: .32rem .28rem 0 !important;
  border-top-color: currentColor !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more:is(:hover, :focus, :focus-visible, :active),
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more.btn,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more.btn:is(:hover, :focus, :focus-visible, :active) {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: .28rem !important;
  width: auto !important;
  min-height: 1.9rem !important;
  padding: .12rem 0 !important;
  margin-top: .35rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
  transform: none !important;
  transition: color .16s ease !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more:is(:hover, :focus, :focus-visible, :active)::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-show-more:is(:hover, :focus, :focus-visible, :active)::after {
  content: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .input-group:has(.filter-search) {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 .65rem !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .input-group:has(.filter-search) .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .input-group:has(.filter-search) .input-group-text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  min-width: 2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search.form-control,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .input-group .filter-search.form-control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 2.35rem !important;
  margin: 0 !important;
  padding: .42rem .7rem !important;
  border-radius: 0 12px 12px 0 !important;
  line-height: 1.25 !important;
}

/* Category filter price/select refinement: full-width price inputs and clearer selected filter state. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-column: 1 / -1 !important;
  gap: .7rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: start !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"],
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"] {
  flex: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child {
  justify-self: stretch !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .price-range-input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .price-range-input {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend {
  align-self: flex-start !important;
  margin: .22rem 0 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  width: calc(100% - 1.05rem) !important;
  margin: .85rem .525rem .28rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .custom-control-input:checked ~ .custom-control-label,
  .form-check-input:checked ~ .form-check-label,
  input[type="checkbox"]:checked + label,
  input[type="radio"]:checked + label,
  .custom-control.is-selected label,
  .custom-control.active label,
  .form-check.is-selected label,
  .form-check.active label,
  .filter-item.active,
  .filter-item.is-active,
  .filter-item.selected,
  .nav-link.active,
  .nav-item.active > .nav-link,
  .dropdown-item.active,
  [aria-current="page"],
  [aria-selected="true"],
  [aria-pressed="true"]
) {
  color: color-mix(in srgb, var(--hg-primary) 82%, #0d3a12) !important;
  font-weight: 900 !important;
  text-shadow: 0 0 0.01px currentColor !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(
  .custom-control-input:checked ~ .custom-control-label,
  .form-check-input:checked ~ .form-check-label,
  input[type="checkbox"]:checked + label,
  input[type="radio"]:checked + label,
  .custom-control.is-selected label,
  .custom-control.active label,
  .form-check.is-selected label,
  .form-check.active label,
  .filter-item.active,
  .filter-item.is-active,
  .filter-item.selected,
  .nav-link.active,
  .nav-item.active > .nav-link,
  .dropdown-item.active,
  [aria-current="page"],
  [aria-selected="true"],
  [aria-pressed="true"]
) {
  color: #b8ff87 !important;
  text-shadow: 0 0 10px rgba(159, 232, 112, .22) !important;
}

body.is-nova #content-wrapper.is-item-list .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) {
  color: color-mix(in srgb, var(--hg-primary) 88%, #0d3a12) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 52%, var(--hg-border)) !important;
  font-weight: 850 !important;
}

body.is-nova #content-wrapper.is-item-list .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) :is(.fa, .fas, .far, span) {
  color: inherit !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) {
  color: #b8ff87 !important;
  border-color: rgba(184, 255, 135, .58) !important;
  text-shadow: 0 0 10px rgba(159, 232, 112, .2) !important;
}

/* Category price selector correction: compact boxes at left/right extremes, not enlarged. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs {
  display: grid !important;
  grid-template-columns: auto auto !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  width: 100% !important;
  max-width: 100% !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"],
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"] {
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  justify-self: start !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child {
  justify-self: end !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  align-items: flex-start !important;
  width: auto !important;
  max-width: max-content !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child .input-group {
  align-items: flex-end !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .price-range-input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .price-range-input {
  width: 4.7rem !important;
  max-width: 4.7rem !important;
  min-width: 4.7rem !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend {
  align-self: flex-start !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child .input-group-prepend {
  align-self: flex-end !important;
}

/* Category price selector module: compact value pills around the range rail. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse {
  display: grid !important;
  grid-template-columns: auto minmax(6.5rem, 1fr) auto !important;
  grid-template-areas: "price-from price-rail price-to" !important;
  align-items: center !important;
  gap: .58rem !important;
  width: 100% !important;
  padding-top: .8rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs {
  display: contents !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"],
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"] {
  display: block !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:first-child,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:first-child {
  grid-area: price-from !important;
  justify-self: start !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child {
  grid-area: price-to !important;
  justify-self: end !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 4.45rem !important;
  height: 2.05rem !important;
  padding: .15rem .42rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .price-range-input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .price-range-input {
  width: 2.75rem !important;
  max-width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: right !important;
  font-size: .88rem !important;
  font-weight: 850 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-text,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-text {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-text::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-text::after {
  content: "€" !important;
  display: inline-block !important;
  padding-left: .18rem !important;
  color: color-mix(in srgb, var(--hg-ink) 60%, var(--hg-primary)) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  grid-area: price-rail !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin: 0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  border-color: rgba(159, 232, 112, .3) !important;
  background: rgba(7, 18, 8, .54) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-text::after,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-text::after {
  color: rgba(184, 255, 135, .82) !important;
}

/* Keep the compact price value pills vertically tidy inside the rail module. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .price-range-input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .price-range-input {
  display: inline-block !important;
  height: 1.45rem !important;
  min-height: 0 !important;
  line-height: 1.45rem !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-text,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-text {
  height: auto !important;
  min-height: 0 !important;
}

/* Keep the compact price value pills vertically tidy inside the rail module. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .price-range-input,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .price-range-input {
  display: inline-block !important;
  height: 1.45rem !important;
  min-height: 0 !important;
  line-height: 1.45rem !important;
  margin: 0 !important;
  flex: 0 0 2.75rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  flex-wrap: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-text,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-text {
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"]:last-child .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"]:last-child .input-group-prepend {
  align-items: center !important;
  align-self: center !important;
}

/* Price module currency marker: use one clean € suffix inside the pill; hide stacked EUR markup. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group {
  position: relative !important;
  padding-right: 1.12rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group::after,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group::after {
  content: "€" !important;
  position: absolute !important;
  top: 50% !important;
  right: .5rem !important;
  transform: translateY(-50%) !important;
  color: color-mix(in srgb, var(--hg-ink) 60%, var(--hg-primary)) !important;
  font-size: .74rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group-prepend {
  display: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs .input-group::after,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs .input-group::after {
  color: rgba(184, 255, 135, .82) !important;
}

/* Price module follow-up: even rail breathing room and restore Bootstrap collapse hiding. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.collapse:not(.show),
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.collapse:not(.show) {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.show,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.show,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.collapsing,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.collapsing {
  display: grid !important;
  grid-template-columns: auto minmax(5.5rem, 1fr) auto !important;
  grid-template-areas: "price-from price-rail price-to" !important;
  column-gap: .95rem !important;
  row-gap: 0 !important;
  align-items: center !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  min-width: 5.5rem !important;
}

/* Price module optical balance: nudge the rail slightly right so perceived side gaps match. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  transform: translateX(.28rem) !important;
}


/* Compact filter cleanup: remove redundant filter separators and show-all underline border. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left [id^="sidebox"] > hr,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box > hr,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .card > hr {
  display: none !important;
  margin: 0 !important;
  border: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > button,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > .btn,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > .btn-link {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}


/* Price module native-collapse refactor: keep Bootstrap/JTL in charge of the collapsing wrapper. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse {
  position: relative !important;
  width: 100% !important;
  padding-top: .8rem !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.show,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.show,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.collapsing,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.collapsing {
  display: block !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.collapse:not(.show):not(.collapsing),
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.collapse:not(.show):not(.collapsing) {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.show,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.show {
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .95rem !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 2.05rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .price-range-inputs > [class*="col"],
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .price-range-inputs > [class*="col"] {
  flex: 0 0 auto !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .noUi-target,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .noUi-target {
  position: absolute !important;
  top: 1.615rem !important;
  left: calc(4.45rem + .95rem) !important;
  right: calc(4.45rem + .95rem) !important;
  width: auto !important;
  min-width: 5.5rem !important;
  margin: 0 !important;
  grid-area: auto !important;
}


/* Price collapse smoothness: avoid padding on the collapsing element; Bootstrap animates content height only. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse {
  padding-top: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse::before {
  content: "" !important;
  display: block !important;
  height: .8rem !important;
  min-height: .8rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .box-filter-price .box-filter-price-collapse.collapse:not(.show):not(.collapsing)::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left [class*="filter-price"] .box-filter-price-collapse.collapse:not(.show):not(.collapsing)::before {
  display: none !important;
}


/* Category subcategory chips: make the whole visual chip clickable and compact/aligned. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories,
body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 3.15rem !important;
  height: 3.15rem !important;
  padding: 0 !important;
  cursor: pointer !important;
  overflow: hidden !important;
}

@media (min-width: 992px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small:not(#product-list):has(.sub-categories) > [class*="col-"],
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small > [class*="col-"] {
    flex: 0 0 33.333333% !important;
    width: 33.333333% !important;
    max-width: 33.333333% !important;
  }
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories > a:first-child,
body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories > a:first-child {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption,
body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption {
  position: absolute !important;
  inset: -1px !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: inherit !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption a,
body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption a {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: .45rem .8rem !important;
  border-radius: inherit !important;
  font-size: .95rem !important;
  line-height: 1.18 !important;
  letter-spacing: -.01em !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption a::after,
body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption a::after {
  margin-left: .28rem !important;
  flex: 0 0 auto !important;
}

@media (max-width: 575.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small:not(#product-list):has(.sub-categories) > [class*="col-"],
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories {
    height: 2.95rem !important;
    min-height: 2.95rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption a,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption a {
    padding: .4rem .62rem !important;
    font-size: .86rem !important;
    line-height: 1.12 !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.row-eq-height.content-cats-small .sub-categories .caption a::after,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .content-cats-small .sub-categories .caption a::after {
    margin-left: .18rem !important;
  }
}


/* Product list toolbar polish: align sorting, view toggles, and pagination with HobbyGrow controls. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters {
  align-items: center !important;
  gap: .7rem 1rem !important;
  margin: 1.35rem 0 1.05rem !important;
  padding: .72rem .82rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 20px !important;
  background: color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
  box-shadow: 0 12px 30px rgba(14, 39, 10, .07) !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info {
  color: color-mix(in srgb, var(--hg-ink) 82%, transparent) !important;
  font-weight: 750 !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group {
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
  min-height: 2.45rem !important;
  padding: .52rem .78rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
  color: var(--hg-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .10) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:hover,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:focus-visible,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:hover,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:focus-visible,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:hover,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:focus-visible {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-primary) !important;
  color: #071207 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:active,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:active {
  transform: translateY(-1px) !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-option {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.7rem !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group:has(.btn-option) {
  display: inline-flex !important;
  gap: .35rem !important;
  padding: .18rem !important;
  border-radius: 17px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 62%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group:has(.btn-option) .btn-option {
  margin: 0 !important;
  border-radius: 14px !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-option.active,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-item.active .page-link,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 88%, #fff 12%) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 78%, #fff 22%) !important;
  color: #071207 !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--hg-primary) 24%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .pagination {
  display: flex !important;
  align-items: center !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding: .18rem !important;
  border-radius: 17px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 62%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-item,
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  border-width: 1px !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters {
  background: rgba(9, 18, 10, .82) !important;
  border-color: rgba(159, 232, 112, .22) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters {
    background: rgba(9, 18, 10, .82) !important;
    border-color: rgba(159, 232, 112, .22) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
  }
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
  color: #f4fff0 !important;
  background: rgba(10, 24, 12, .94) !important;
  border-color: rgba(159, 232, 112, .38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:focus-visible {
  color: #071207 !important;
  background: #9fe870 !important;
  border-color: #c5ff9a !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
  text-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-option.active,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-item.active .page-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link[aria-current="page"] {
  color: #071207 !important;
  background: #9fe870 !important;
  border-color: #c5ff9a !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
    color: #f4fff0 !important;
    background: rgba(10, 24, 12, .94) !important;
    border-color: rgba(159, 232, 112, .38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link:focus-visible {
    color: #071207 !important;
    background: #9fe870 !important;
    border-color: #c5ff9a !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .24) !important;
    text-shadow: none !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-option.active,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-item.active .page-link,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link[aria-current="page"] {
    color: #071207 !important;
    background: #9fe870 !important;
    border-color: #c5ff9a !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters {
    padding: .62rem !important;
    gap: .6rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions {
    gap: .42rem !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .dropdown-toggle,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .page-link {
    min-height: 2.32rem !important;
    padding: .45rem .6rem !important;
    font-size: .92rem !important;
  }
}

/* Product list toolbar balance: make count/pagination read as part of the same control cluster. */
body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions {
  flex: 1 1 auto !important;
  max-width: none !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  max-width: none !important;
  min-height: 2.35rem !important;
  padding: .48rem .72rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 62%, transparent) !important;
  white-space: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
  flex: 0 0 auto !important;
  max-width: none !important;
  margin-left: .35rem !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group:has(.btn-option),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .pagination,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info {
  background: rgba(159, 232, 112, .07) !important;
  border-color: rgba(159, 232, 112, .18) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .btn-group:has(.btn-option),
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .pagination,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info {
    background: rgba(159, 232, 112, .07) !important;
    border-color: rgba(159, 232, 112, .18) !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .displayoptions,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info,
  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-pagination {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }

  body.is-nova #content-wrapper.is-item-list .productlist-page-nav-header-m .productlist-item-info {
    justify-content: flex-start !important;
    white-space: normal !important;
  }
}

/* Bottom product list pagination should share the same polished control language as the top toolbar. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
  align-items: center !important;
  justify-content: flex-end !important;
  gap: .7rem 1rem !important;
  margin: 1.05rem 0 1.35rem !important;
  padding: .62rem .72rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
  box-shadow: 0 10px 26px rgba(14, 39, 10, .06) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-pagination {
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.35rem !important;
  padding: .48rem .72rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 62%, transparent) !important;
  color: color-mix(in srgb, var(--hg-ink) 82%, transparent) !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .navbar-pagination,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination {
  display: flex !important;
  align-items: center !important;
  gap: .35rem !important;
  margin: 0 !important;
  padding: .18rem !important;
  border-radius: 17px !important;
  background: color-mix(in srgb, var(--hg-page-bg) 62%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link {
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: .52rem .78rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--hg-surface) 90%, transparent) !important;
  color: var(--hg-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .10) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:focus-visible,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:focus-visible {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-primary) !important;
  color: #071207 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.active .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 88%, #fff 12%) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 78%, #fff 22%) !important;
  color: #071207 !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--hg-primary) 24%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.disabled .page-link {
  opacity: .42 !important;
  transform: none !important;
  pointer-events: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
  background: rgba(9, 18, 10, .78) !important;
  border-color: rgba(159, 232, 112, .20) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .navbar-pagination,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info {
  background: rgba(159, 232, 112, .07) !important;
  border-color: rgba(159, 232, 112, .18) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
  color: #f4fff0 !important;
  background: rgba(10, 24, 12, .94) !important;
  border-color: rgba(159, 232, 112, .38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.active .page-link,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link[aria-current="page"] {
  color: #071207 !important;
  background: #9fe870 !important;
  border-color: #c5ff9a !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
    background: rgba(9, 18, 10, .78) !important;
    border-color: rgba(159, 232, 112, .20) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .navbar-pagination,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info {
    background: rgba(159, 232, 112, .07) !important;
    border-color: rgba(159, 232, 112, .18) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
    color: #f4fff0 !important;
    background: rgba(10, 24, 12, .94) !important;
    border-color: rgba(159, 232, 112, .38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:hover,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle:focus-visible,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.active .page-link,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link[aria-current="page"] {
    color: #071207 !important;
    background: #9fe870 !important;
    border-color: #c5ff9a !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
    justify-content: flex-start !important;
    padding: .62rem !important;
    gap: .6rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-pagination {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .productlist-item-info {
    justify-content: flex-start !important;
    white-space: normal !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .navbar-pagination,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination {
    justify-content: flex-start !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
    min-height: 2.32rem !important;
    padding: .45rem .6rem !important;
    font-size: .92rem !important;
  }
}

/* Mobile product list nav: keep count and pagination readable when Bootstrap column classes try to shrink them. */
@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters .productlist-item-info,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters .productlist-pagination {
    width: 100% !important;
    flex-basis: 100% !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    max-width: 100% !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters .productlist-item-info {
    min-height: 2.32rem !important;
    padding: .45rem .6rem !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters .navbar-pagination,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters .pagination {
    width: max-content !important;
    max-width: 100% !important;
  }
}

/* Product-list nav open-state polish: match menu/category selector dark card + pill language. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu {
  min-width: max(100%, 12.5rem) !important;
  max-width: min(92vw, 18rem) !important;
  max-height: min(58vh, 27rem) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: .36rem !important;
  margin-top: .4rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 26%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 96%, #061006 4%) !important;
  background-image: none !important;
  color: var(--hg-text) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.28rem !important;
  margin: .08rem 0 !important;
  padding: .54rem .7rem !important;
  border: 1px solid transparent !important;
  border-radius: .78rem !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  font-weight: 780 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item:focus,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a:focus,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item:focus,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a:focus,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item:focus,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a:hover,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a:focus {
  background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  transform: translateY(-1px) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item:active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a:active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item:active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a:active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item:active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a:active {
  background: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 52%, var(--hg-border)) !important;
  color: var(--hg-text) !important;
  font-weight: 900 !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hg-primary) 18%, transparent) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .page-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .page-item {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: .08rem 0 !important;
  border-radius: .78rem !important;
  background: transparent !important;
  color: var(--hg-text) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .page-item.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .page-item.active {
  background: color-mix(in srgb, var(--hg-primary) 18%, var(--hg-surface)) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .page-item .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .page-item .page-link {
  width: 100% !important;
  min-width: 100% !important;
  border-radius: .78rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-toggle,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
  min-width: 5.7rem !important;
  padding-left: .85rem !important;
  padding-right: .85rem !important;
  white-space: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu {
  min-width: 8.8rem !important;
  max-width: min(92vw, 11rem) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu {
  background: #0b140d !important;
  border-color: rgba(159, 232, 112, .30) !important;
  color: #f4fff0 !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .40), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a {
  color: #f4fff0 !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu {
    background: #0b140d !important;
    border-color: rgba(159, 232, 112, .30) !important;
    color: #f4fff0 !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .40), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu .dropdown-item,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu .dropdown-item,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu a {
    color: #f4fff0 !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu {
    min-width: min(18rem, calc(100vw - 3rem)) !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-toggle,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle {
    min-width: 6.6rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu {
    min-width: 9.4rem !important;
  }
}

/* Product-list nav dropdowns must be allowed to escape the toolbar/card shells. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-pagination,
body.is-nova #content-wrapper.is-item-list #result-wrapper .navbar-pagination,
body.is-nova #content-wrapper.is-item-list #result-wrapper .pagination,
body.is-nova #content-wrapper.is-item-list #result-wrapper .pagination .page-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper .displayoptions,
body.is-nova #content-wrapper.is-item-list #result-wrapper .filter-type,
body.is-nova #content-wrapper.is-item-list #result-wrapper .dropdown {
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-item.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu.show {
  z-index: 1060 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .page-item.dropdown,
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .page-item:has(.dropdown-toggle) {
    position: relative !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu.show {
    top: auto !important;
    bottom: calc(100% + .45rem) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
  }
}

/* Product-list toolbar correction: subdued hover states and single-border pagination controls. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters :is(.btn, .dropdown-toggle, .page-link) {
  background: rgba(10, 24, 12, .94) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 7px 18px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters :is(.btn, .dropdown-toggle, .page-link):is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .dropdown.show > .dropdown-toggle,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .dropdown-toggle[aria-expanded="true"] {
  background: color-mix(in srgb, var(--hg-primary) 12%, #0a180c) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .52) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters :is(.btn, .dropdown-toggle, .page-link):active {
  transform: translateY(0) !important;
  background: color-mix(in srgb, var(--hg-primary) 16%, #0a180c) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .btn-option.active,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .btn-option[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 18%, #0a180c) !important;
  color: #d7ffc2 !important;
  border-color: rgba(197, 255, 154, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .10) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .btn-group:has(.btn-option) {
  background: rgba(159, 232, 112, .045) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .productlist-item-info {
  background: rgba(159, 232, 112, .055) !important;
  border-color: rgba(159, 232, 112, .16) !important;
  box-shadow: none !important;
}

/* Clean pagination/page selector: no nested/double card borders, one dark button border per control. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .navbar-pagination,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  gap: .42rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.active {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item::before,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item::after,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link::before,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link::after,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-toggle::before,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-toggle::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) :is(.page-link, .pagination .dropdown-toggle) {
  background: rgba(10, 24, 12, .94) !important;
  color: #f4fff0 !important;
  border: 1px solid rgba(159, 232, 112, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 7px 18px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) :is(.page-link, .pagination .dropdown-toggle):is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.show > .dropdown-toggle,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-toggle[aria-expanded="true"] {
  background: color-mix(in srgb, var(--hg-primary) 12%, #0a180c) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .52) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.active .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 18%, #0a180c) !important;
  color: #d7ffc2 !important;
  border-color: rgba(197, 255, 154, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .10) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .page-item.disabled .page-link {
  opacity: .46 !important;
  background: rgba(10, 24, 12, .70) !important;
  color: rgba(244, 255, 240, .72) !important;
  border-color: rgba(159, 232, 112, .18) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu.show {
  background: #0b140d !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .30) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu::-webkit-scrollbar {
  width: .5rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .04) !important;
  border-radius: 999px !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu::-webkit-scrollbar-thumb {
  background: rgba(159, 232, 112, .34) !important;
  border-radius: 999px !important;
}

/* Follow-up: flatten top/bottom pagination so page controls do not render nested/double borders. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.productlist-pagination, .navbar-pagination, .pagination) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination {
  padding: 0 !important;
  gap: .42rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.page-item, .page-item.active) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.page-link, .pagination .dropdown-toggle) {
  background: rgba(10, 24, 12, .94) !important;
  color: #f4fff0 !important;
  border: 1px solid rgba(159, 232, 112, .30) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 7px 18px rgba(0, 0, 0, .18) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.page-link, .pagination .dropdown-toggle):is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-item.show > .dropdown-toggle,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-toggle[aria-expanded="true"] {
  background: color-mix(in srgb, var(--hg-primary) 12%, #0a180c) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .52) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-item.active > .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 18%, #0a180c) !important;
  color: #d7ffc2 !important;
  border-color: rgba(197, 255, 154, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 9px 22px rgba(0, 0, 0, .20), 0 0 0 2px rgba(159, 232, 112, .08) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.page-item, .page-link)::before,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav :is(.page-item, .page-link)::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item:has(> .dropdown-toggle) {
  position: relative !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show {
  position: absolute !important;
  top: calc(100% + .45rem) !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu :is(.page-item, .page-item.active) {
  width: 100% !important;
  margin: .08rem 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu :is(.page-link, a) {
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  background: transparent !important;
  color: #f4fff0 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu :is(.page-link, a):is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu .page-item.active > .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 16%, #0b140d) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .42) !important;
  box-shadow: inset 0 0 0 1px rgba(159, 232, 112, .10) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .dropdown-menu.show {
    top: auto !important;
    bottom: calc(100% + .45rem) !important;
  }
}

/* Final pagination dropdown cleanup: JTL leaves the page-selector menu in-flow when closed; hide it until open. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown {
  position: relative !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu:not(.show) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown.show > .dropdown-menu,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show {
  display: flex !important;
  flex-direction: column !important;
  gap: .18rem !important;
  min-width: 8.6rem !important;
  width: max-content !important;
  height: auto !important;
  padding: .42rem !important;
  position: absolute !important;
  top: auto !important;
  bottom: calc(100% + .5rem) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 1080 !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item.active {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item > .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item.active > .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item > .page-link[aria-current="page"] {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.1rem !important;
  justify-content: center !important;
  background: transparent !important;
  color: #f4fff0 !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item > .page-link:is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item.active > .page-link,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item > .page-link[aria-current="page"] {
  background: color-mix(in srgb, var(--hg-primary) 15%, #0b140d) !important;
  color: #f4fff0 !important;
  border-color: rgba(159, 232, 112, .38) !important;
  box-shadow: inset 0 0 0 1px rgba(159, 232, 112, .08) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown.show > .dropdown-menu,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    min-width: 7.6rem !important;
  }
}

/* Mobile/compact pagination: make the page-selector list item reserve the full button width. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown {
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-toggle {
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination {
    width: max-content !important;
    max-width: 100% !important;
    justify-content: center !important;
    gap: .42rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown {
    min-width: max-content !important;
  }
}

/* Product-list nav regression fix: restore desktop page selector and let open menus escape the product grid. */
body.is-nova #content-wrapper.is-item-list #result-wrapper:has(.productlist-page-nav .dropdown-menu.show),
body.is-nova #content-wrapper.is-item-list #result-wrapper:has(.productlist-page-nav .dropdown.show) {
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
  isolation: isolate !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters:has(.dropdown.show),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters:has(.dropdown-menu.show),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m):has(.dropdown.show),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m):has(.dropdown-menu.show) {
  z-index: 1200 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown > .dropdown-toggle {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown {
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  min-width: max-content !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown > .dropdown-toggle {
  width: auto !important;
  min-width: 3.35rem !important;
  height: auto !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown > .dropdown-toggle .pagination-site {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.productlist-page-nav-header-m.no-gutters .pagination .page-item.dropdown > .dropdown-menu:not(.show),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .pagination .page-item.dropdown > .dropdown-menu:not(.show) {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemLimits.dropdown.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemSort.dropdown.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemLimits .dropdown-menu.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemSort .dropdown-menu.show {
  z-index: 1250 !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemLimits .dropdown-menu.show,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemSort .dropdown-menu.show {
  max-height: min(42vh, 20rem) !important;
  overflow-y: auto !important;
  pointer-events: auto !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .product-wrapper,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productbox,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productbox * {
  z-index: auto;
}

/* Many-page pagination safety: cap page-selector menus and scroll internally. */
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown.show > .dropdown-menu,
body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show {
  max-height: min(18rem, calc(100vh - 9rem)) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(159, 232, 112, .48) rgba(255, 255, 255, .06) !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show::-webkit-scrollbar {
  width: .52rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .06) !important;
  border-radius: 999px !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show::-webkit-scrollbar-thumb {
  background: rgba(159, 232, 112, .48) !important;
  border-radius: 999px !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show::-webkit-scrollbar-thumb:hover {
  background: rgba(197, 255, 154, .62) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown.show > .dropdown-menu,
  body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .page-item.dropdown > .dropdown-menu.show {
    max-height: min(15rem, calc(100vh - 8rem)) !important;
  }
}

/* Light theme product-list selector: use light surfaces instead of dark toolbar controls/popouts. */
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) {
  background: rgba(255, 255, 251, .88) !important;
  border-color: rgba(34, 117, 39, .18) !important;
  box-shadow: 0 14px 34px rgba(16, 33, 18, .10), inset 0 1px 0 rgba(255, 255, 255, .82) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters :is(.btn, .dropdown-toggle, .page-link),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) :is(.btn, .dropdown-toggle, .page-link) {
  background: rgba(255, 255, 252, .96) !important;
  color: #102112 !important;
  border-color: rgba(34, 117, 39, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 7px 18px rgba(16, 33, 18, .08) !important;
  text-shadow: none !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters :is(.btn, .dropdown-toggle, .page-link):is(:hover, :focus-visible),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .dropdown.show > .dropdown-toggle,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .dropdown-toggle[aria-expanded="true"],
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) :is(.btn, .dropdown-toggle, .page-link):is(:hover, :focus-visible),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown.show > .dropdown-toggle,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-toggle[aria-expanded="true"] {
  background: rgba(232, 247, 224, .98) !important;
  color: #102112 !important;
  border-color: rgba(34, 117, 39, .48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 10px 24px rgba(16, 33, 18, .12), 0 0 0 2px rgba(34, 117, 39, .08) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav-header-m.productlist-page-nav.no-gutters .btn-option.active,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-item.active > .page-link,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .page-link[aria-current="page"] {
  background: rgba(211, 241, 199, .98) !important;
  color: #123315 !important;
  border-color: rgba(34, 117, 39, .58) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 9px 22px rgba(16, 33, 18, .10), 0 0 0 2px rgba(34, 117, 39, .10) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .btn-group:has(.btn-option),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .productlist-item-info,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination {
  background: rgba(34, 117, 39, .045) !important;
  color: #102112 !important;
  border-color: rgba(34, 117, 39, .14) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .row.productlist-page-nav.no-gutters:not(.productlist-page-nav-header-m) .dropdown-menu {
  background: #fffefb !important;
  color: #102112 !important;
  border-color: rgba(34, 117, 39, .30) !important;
  box-shadow: 0 18px 48px rgba(16, 33, 18, .18), inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu :is(.dropdown-item, a),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .dropdown-menu :is(.dropdown-item, a) {
  color: #102112 !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu :is(.dropdown-item, a):is(:hover, :focus-visible),
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item.active,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .page-item.active > .page-link,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .page-link[aria-current="page"] {
  background: rgba(219, 243, 209, .96) !important;
  color: #123315 !important;
  border-color: rgba(34, 117, 39, .38) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 117, 39, .08) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item:not(.active) > .page-link,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .dropdown-menu .dropdown-item:not(.active) > a {
  background: transparent !important;
  color: #102112 !important;
  border-color: transparent !important;
}

@media (max-width: 767.98px) {
  :root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav-header-m .filter-type-FilterItemLimits > .dropdown-toggle {
    min-width: 9.4rem !important;
    white-space: nowrap !important;
  }
}

/* Light theme pagination dropdown selected row must stay light, not inherit dark active page styling. */
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item.active,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item.active > .page-link,
:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item > .page-link[aria-current="page"] {
  background: rgba(219, 243, 209, .96) !important;
  color: #123315 !important;
  border-color: rgba(34, 117, 39, .38) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 117, 39, .08) !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper .productlist-page-nav .pagination .dropdown-menu.show .dropdown-item.page-item:not(.active) > .page-link {
  background: transparent !important;
  color: #102112 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Active filters: center pill content and reset link within their visual boxes. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: .55rem .7rem !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .42rem !important;
  min-height: 2.35rem !important;
  padding: .48rem .78rem !important;
  line-height: 1.05 !important;
  vertical-align: middle !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) :is(.fa, .fas, .far, .snippets-filter-item-icon-left, span) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters .snippets-filter-item-all {
  min-height: 2.35rem !important;
  padding: .48rem .18rem !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters {
    align-items: flex-start !important;
  }
}

/* Active filters: match product-list control hover/focus motion instead of grey Bootstrap fill. */
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
) {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
):is(:hover, :focus-visible) {
  transform: translateY(-1px) !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 60%, var(--hg-border)) !important;
  color: color-mix(in srgb, var(--hg-primary) 88%, #0d3a12) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .12), 0 0 0 2px color-mix(in srgb, var(--hg-primary) 10%, transparent) !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
):active {
  transform: translateY(0) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
):is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--hg-primary) 14%, #0a180c) !important;
  color: #d7ffc2 !important;
  border-color: rgba(197, 255, 154, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px rgba(0, 0, 0, .22), 0 0 0 2px rgba(159, 232, 112, .10) !important;
  text-shadow: none !important;
}

:root[data-hg-theme="light"] body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters :is(
  .js-filter-item,
  .snippets-filter-item,
  [class*="filter-type-"]
):is(:hover, :focus-visible) {
  background: rgba(232, 247, 224, .98) !important;
  color: #123315 !important;
  border-color: rgba(34, 117, 39, .48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .90), 0 10px 24px rgba(16, 33, 18, .12), 0 0 0 2px rgba(34, 117, 39, .08) !important;
}

/* Price filter: #sidebox98 should stay visually flat on hover, like the other filter cards. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left #sidebox98,
body.is-nova #content-wrapper.is-item-list #sidepanel_left #sidebox98:is(:hover, :focus-within) {
  transform: none !important;
  transition: none !important;
  background: color-mix(in srgb, var(--hg-surface) 88%, transparent) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  box-shadow: 0 10px 24px rgba(14, 39, 10, .06) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left #sidebox98,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #sidepanel_left #sidebox98:is(:hover, :focus-within) {
  background: rgba(12, 23, 13, .86) !important;
  border-color: rgba(159, 232, 112, .34) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}

/* Category menu popout: make the glass surface more solid while keeping a soft blur. */
@media (min-width: 992px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .dropdown-menu.hg-category-menu {
    background: rgba(255, 253, 247, .94) !important;
    background-image: linear-gradient(135deg, rgba(24, 168, 8, .045), rgba(255, 253, 247, .90)) !important;
    backdrop-filter: blur(26px) saturate(1.28) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.28) !important;
  }

  :root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .hg-category-menu,
  :root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper #mainNavigation.hg-nav--native .hg-nav-group > .dropdown-menu.hg-category-menu {
    background: rgba(17, 24, 17, .94) !important;
    background-image: linear-gradient(135deg, rgba(159, 232, 112, .075), rgba(17, 24, 17, .91)) !important;
    backdrop-filter: blur(26px) saturate(1.28) !important;
    -webkit-backdrop-filter: blur(26px) saturate(1.28) !important;
  }
}

@media (max-width: 991.98px) {
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  html body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    background: rgba(255, 253, 247, .96) !important;
    backdrop-filter: blur(22px) saturate(1.18) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  }

  :root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .hg-category-menu,
  :root[data-hg-theme="dark"] body.is-nova #jtl-nav-wrapper #mainNavigation .hg-nav-group > .dropdown-menu.hg-category-menu {
    background: rgba(17, 24, 17, .96) !important;
  }
}

/* Product list cards: keep hover preview themed, visible, and image colors natural. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover {
  overflow: visible !important;
  isolation: isolate !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations.transition,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations:hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations:focus,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations.focus {
  padding: .82rem !important;
  margin: 0 !important;
  width: 100% !important;
  background: transparent !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
  background: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:hover .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:focus .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column.focus .productbox-inner.pos-abs {
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner {
  position: relative !important;
  z-index: 1 !important;
  border-radius: 20px !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner::before {
  background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 32px rgba(14, 39, 10, .075) !important;
  left: -.01rem !important;
  right: -.01rem !important;
  top: -.01rem !important;
  bottom: -.01rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:is(:hover, :focus-within) .productbox-inner::before {
  left: -.38rem !important;
  right: -.38rem !important;
  top: -.38rem !important;
  bottom: -.58rem !important;
  border-color: color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  box-shadow: 0 20px 44px rgba(14, 39, 10, .12) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .image-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery .second-wrapper {
  background: linear-gradient(145deg, rgba(255, 253, 247, .82), rgba(238, 248, 232, .74)) !important;
  border: 1px solid rgba(17, 135, 7, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .image-wrapper img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery img {
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .form-basket,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .caption,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-onhover,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-variations,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .variations,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .variation-wrapper {
  background: transparent !important;
  color: var(--hg-ink) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner::before {
  background: rgba(13, 22, 13, .98) !important;
  border-color: rgba(159, 232, 112, .28) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:is(:hover, :focus-within) .productbox-inner::before {
  background: rgba(13, 22, 13, .99) !important;
  border-color: rgba(197, 255, 154, .46) !important;
  box-shadow: 0 22px 48px rgba(0, 0, 0, .34), 0 0 0 1px rgba(159, 232, 112, .08) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .image-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery .second-wrapper {
  background: linear-gradient(145deg, rgba(28, 40, 27, .98), rgba(10, 18, 10, .98)) !important;
  border-color: rgba(159, 232, 112, .16) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .form-basket,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .caption,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-onhover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-variations,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .variations,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .variation-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox label,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .form-group {
  color: #f4fff0 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations.transition,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations:hover,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations:focus,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-hover.productbox-show-variations.focus {
    padding: .72rem !important;
  }
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .image-wrapper img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery img {
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Product cards: restore native JTL gallery/ribbon behavior while keeping the 0.1.29 visibility fix. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner::before {
  border: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .image-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery .second-wrapper {
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.first {
  opacity: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.second {
  opacity: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.first,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.first,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.first {
  opacity: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.second,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.second,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.second {
  opacity: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon {
  z-index: 5 !important;
  opacity: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-1 { background-color: #f2bf0d !important; color: #434343 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-2 { background-color: #5ae215 !important; color: #434343 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-3 { background-color: #525252 !important; color: #e1e7f0 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-4 { background-color: #ebebeb !important; color: #434343 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-5 { background-color: #ffb973 !important; color: #434343 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-6 { background-color: #ebebeb !important; color: #434343 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-7 { background-color: #b90000 !important; color: #e1e7f0 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-8 { background-color: #0b6c51 !important; color: #e1e7f0 !important; }
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-9 { background-color: #b9006f !important; color: #e1e7f0 !important; }

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.first,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.first {
  opacity: 1 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.second,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.second {
  opacity: 0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.first,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.first,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.first,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.first,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.first,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.first {
  opacity: 0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.second,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.second,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.second,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .list-gallery:hover img.second,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.second,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.second {
  opacity: 1 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-1,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-1 { background: #f2bf0d !important; color: #434343 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-2,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-2 { background: #5ae215 !important; color: #434343 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-3,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-3 { background: #525252 !important; color: #e1e7f0 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-4,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-4 { background: #ebebeb !important; color: #434343 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-5,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-5 { background: #ffb973 !important; color: #434343 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-6,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-6 { background: #ebebeb !important; color: #434343 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-7,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-7 { background: #b90000 !important; color: #e1e7f0 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-8,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-8 { background: #0b6c51 !important; color: #e1e7f0 !important; }
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-9,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-ribbon.ribbon-9 { background: #b9006f !important; color: #e1e7f0 !important; }

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image:not(.square-image) {
  overflow: visible !important;
}

/* Product cards: compact single-surface hover, no nested backdrop/ribbon drift. */
body.is-nova #content-wrapper.is-item-list #product-list {
  row-gap: .75rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list > .product-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list > [class*="col-"] {
  padding-left: .42rem !important;
  padding-right: .42rem !important;
  margin-bottom: .75rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.transition,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:focus,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.focus,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
  position: relative !important;
  inset: auto !important;
  box-sizing: border-box !important;
  flex: 1 1 0 !important;
  inline-size: auto !important;
  width: auto !important;
  max-inline-size: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: .56rem !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  box-shadow: 0 10px 24px rgba(14, 39, 10, .07) !important;
  transform: none !important;
  overflow: visible !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:hover,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:focus,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.focus,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:focus-within,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:focus,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.focus {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
  box-shadow: 0 16px 34px rgba(14, 39, 10, .11) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover > div,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .form-basket,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:hover .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:focus .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column.focus .productbox-inner.pos-abs {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner::before {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover > .productbox-quick-actions,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image > .productbox-quick-actions {
  position: absolute !important;
  inset: .72rem .72rem auto auto !important;
  z-index: 5 !important;
  width: auto !important;
  max-width: calc(100% - 1.44rem) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox-show-variations.productbox-hover:hover > .productbox-quick-actions {
  inset: .72rem .72rem auto auto !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover *,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"] {
  min-width: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .form-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"],
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-inner > .form-row > [class*="col"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox .productbox-variations,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox .productbox-variations.collapse,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox .productbox-variations.collapsing,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox:hover .productbox-variations,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .productbox.focus .productbox-variations {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-images,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image {
  width: 100% !important;
  max-width: 100% !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image {
  background: color-mix(in srgb, var(--hg-surface) 88%, var(--hg-primary) 8%) !important;
  border-radius: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-images img {
  opacity: 1;
  mix-blend-mode: normal !important;
  filter: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .list-gallery img.second,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .list-gallery img.second,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .list-gallery img.second {
  transition: opacity .18s ease !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover .productbox-ribbon.ribbon,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:hover .productbox-ribbon.ribbon,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:focus .productbox-ribbon.ribbon,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.focus .productbox-ribbon.ribbon {
  top: .75rem !important;
  left: -.35rem !important;
  transform: none !important;
  transition: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title {
  margin-top: .35rem !important;
  padding: .22rem .4rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .price,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-price,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .price_wrapper {
  margin-bottom: .55rem !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.transition,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:focus,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.focus,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:hover {
  background: rgba(13, 22, 13, .96) !important;
  border-color: rgba(159, 232, 112, .24) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:focus,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.focus,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover:focus-within {
  border-color: rgba(197, 255, 154, .42) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .30), 0 0 0 1px rgba(159, 232, 112, .06) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image {
  background: rgba(18, 31, 18, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list {
    row-gap: .6rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list > .product-wrapper,
  body.is-nova #content-wrapper.is-item-list #product-list > [class*="col-"] {
    padding-left: .3rem !important;
    padding-right: .3rem !important;
    margin-bottom: .6rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.transition,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:hover,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:focus,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.focus {
    padding: .48rem !important;
    border-radius: 17px !important;
  }
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:focus,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse.focus {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 38%, var(--hg-border)) !important;
  box-shadow: 0 16px 34px rgba(14, 39, 10, .11) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse:focus,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.show-variation-collapse.focus {
  transform: translateY(-3px) !important;
  border-color: rgba(197, 255, 154, .42) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .30), 0 0 0 1px rgba(159, 232, 112, .06) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-images img {
  filter: brightness(1.04) contrast(1.06) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-images img,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image img,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-images img {
  filter: brightness(1.12) contrast(1.10) saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
  background: linear-gradient(145deg, rgba(108, 138, 88, .34), rgba(42, 62, 37, .36)) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
  background: #edf4e7 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
  background: #334a2e !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .list-gallery .second-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper {
  background: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations:hover,
body.is-nova #content-wrapper.is-item-list #product-list.layout-gallery .product-wrapper > .productbox-hover.productbox-show-variations.focus {
  height: auto !important;
  min-height: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title,
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title a {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.22 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-column,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:hover,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column:focus,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-hover.productbox-column.focus {
  height: auto !important;
  min-height: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .product-wrapper {
  align-items: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title {
    padding-bottom: .28rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list .productbox .price,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-price,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox .price_wrapper {
    margin-top: .12rem !important;
    line-height: 1.25 !important;
  }
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .square-image,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .first-wrapper {
  background: #182617 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title a.text-clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Gilles follow-up: flatten product-card text/image hover and restore compact list rows. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-title,
  .productbox-title a,
  .productbox-title a.text-clamp-2,
  [class*="manufacturer"],
  [class*="manufacturer"] a,
  [itemprop="brand"],
  [itemprop="brand"] a
),
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-title,
  .productbox-title a,
  .productbox-title a.text-clamp-2,
  [class*="manufacturer"],
  [class*="manufacturer"] a,
  [itemprop="brand"],
  [itemprop="brand"] a
):is(:hover, :focus, :focus-visible, :active) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  text-decoration-thickness: from-font !important;
  text-underline-offset: .16em !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title {
  margin-top: .38rem !important;
  padding: .18rem 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title a:is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is([class*="manufacturer"] a, [itemprop="brand"] a):is(:hover, :focus-visible) {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-title,
  .productbox-title a,
  [class*="manufacturer"],
  [class*="manufacturer"] a,
  [itemprop="brand"],
  [itemprop="brand"] a
)::before,
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-title,
  .productbox-title a,
  [class*="manufacturer"],
  [class*="manufacturer"] a,
  [itemprop="brand"],
  [itemprop="brand"] a
)::after {
  box-shadow: none !important;
  text-shadow: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-image a,
  .productbox-images a,
  .list-gallery a,
  .first-wrapper a,
  .second-wrapper a
),
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-image a,
  .productbox-images a,
  .list-gallery a,
  .first-wrapper a,
  .second-wrapper a
):is(:hover, :focus, :focus-visible, :active) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-image,
  .productbox-images,
  .list-gallery,
  .first-wrapper,
  .second-wrapper,
  .square-image
),
body.is-nova #content-wrapper.is-item-list #product-list .productbox:is(:hover, :focus-within) :is(
  .productbox-image,
  .productbox-images,
  .list-gallery,
  .first-wrapper,
  .second-wrapper,
  .square-image
),
body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-image,
  .productbox-images,
  .list-gallery,
  .first-wrapper,
  .second-wrapper,
  .square-image
):is(:hover, :focus-within) {
  box-shadow: none !important;
  transform: none !important;
  transition-property: opacity !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .second-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:hover .second-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list .productbox:focus-within .second-wrapper {
  background: transparent !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list,
body.is-nova #content-wrapper.is-item-list #product-list:has(.productbox-row) {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  row-gap: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list > .product-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list:has(.productbox-row) > .product-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: .8rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: .72rem .9rem !important;
  border-radius: 18px !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row:is(:hover, :focus-within),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row:is(:hover, :focus-within) {
  transform: translateY(-1px) !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .form-row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .form-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(.7rem, 1.4vw, 1.1rem) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"],
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"],
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .form-row > [class*="col"],
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .form-row > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:first-child,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:first-child,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .form-row > [class*="col"]:first-child,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .form-row > [class*="col"]:first-child,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-image),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-image) {
  flex: 0 0 clamp(5.75rem, 11vw, 8.25rem) !important;
  width: clamp(5.75rem, 11vw, 8.25rem) !important;
  max-width: 8.25rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-options),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-options),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .form-row > [class*="col"]:has(.productbox-options),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .form-row > [class*="col"]:has(.productbox-options) {
  flex: 0 0 clamp(9rem, 18vw, 12.5rem) !important;
  width: clamp(9rem, 18vw, 12.5rem) !important;
  max-width: 12.5rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-image,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-images,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-images,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .list-gallery,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .list-gallery,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .square-image,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .square-image {
  width: clamp(5.75rem, 11vw, 8.25rem) !important;
  max-width: 8.25rem !important;
  min-width: 0 !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-image img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-image img,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-images img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-images img,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .list-gallery img,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .list-gallery img {
  max-width: 100% !important;
  max-height: 7.6rem !important;
  object-fit: contain !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .form-row,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .form-row {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:first-child,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:first-child,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-image),
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-image) {
    flex: 0 0 5.35rem !important;
    width: 5.35rem !important;
    max-width: 5.35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-image,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-image,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .productbox-images,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-images,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .list-gallery,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .list-gallery,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox .square-image,
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .square-image {
    width: 5.35rem !important;
    max-width: 5.35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-options),
  body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row.productbox-hover .productbox-inner > .row > [class*="col"]:has(.productbox-options) {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Gilles follow-up candidate: keep list-view product rows compact after native row/detail markup expands. */
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-details,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-variations,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-variations.collapse,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-variations.collapsing,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .variations,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .variation-wrapper,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-onhover {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner.pos-abs,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row:is(:hover, :focus, .focus) .productbox-inner.pos-abs {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(.75rem, 1.5vw, 1.15rem) !important;
  min-height: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"],
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"] {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  align-self: center !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-image),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-images),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.list-gallery),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-image),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-images),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.list-gallery) {
  order: 1 !important;
  flex: 0 0 clamp(5.75rem, 10vw, 8rem) !important;
  width: clamp(5.75rem, 10vw, 8rem) !important;
  max-width: 8rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-title),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has([class*="manufacturer"]),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-title),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has([class*="manufacturer"]) {
  order: 2 !important;
  flex: 1 1 auto !important;
}

body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-options),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-price),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.price_wrapper),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-options),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-price),
body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.price_wrapper) {
  order: 3 !important;
  flex: 0 0 clamp(9rem, 18vw, 12rem) !important;
  width: clamp(9rem, 18vw, 12rem) !important;
  max-width: 12rem !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row,
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row {
    display: grid !important;
    grid-template-columns: 5.35rem minmax(0, 1fr) !important;
    align-items: start !important;
    gap: .65rem .75rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"],
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"] {
    width: auto !important;
    max-width: none !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-image),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-images),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.list-gallery),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-image),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-images),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.list-gallery) {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 5.35rem !important;
    max-width: 5.35rem !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-title),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-title) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-options),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-price),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-options),
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-price) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* List-view product rows: make the inner content track fill the card width. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner.pos-abs {
  width: 100% !important;
  max-width: 100% !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row,
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(.productbox-title),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has([class*="manufacturer"]),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(.productbox-title),
body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has([class*="manufacturer"]) {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
}

/* List-view product rows: nested price/options must not narrow the whole text column. */
html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title),
html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title),
html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title),
html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title) {
  order: 2 !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}

html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket,
html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row,
html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket,
html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 768px) {
  html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row,
  html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title) > .form-basket > .row,
  html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row,
  html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title) > .form-basket > .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row > .productbox-options,
  html body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title) > .form-basket > .row > .productbox-options,
  html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .row > [class*="col"]:has(> .productbox-title) > .form-basket > .row > .productbox-options,
  html body.is-nova #content-wrapper.is-item-list #product-list .productbox.productbox-row .productbox-inner > .form-row > [class*="col"]:has(> .productbox-title) > .form-basket > .row > .productbox-options {
    flex: 0 0 min(18rem, 42%) !important;
    width: min(18rem, 42%) !important;
    max-width: 18rem !important;
    margin-left: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
  }
}

/* Header/cart QA: align popout actions and keep the cart empty state to one surface. */
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Registrieren"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin-top: .55rem !important;
  padding: .72rem 1rem !important;
  border: 1px solid #18a808 !important;
  border-radius: .95rem !important;
  background: #18a808 !important;
  color: #061307 !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 1.2 !important;
  text-shadow: none !important;
  white-space: normal !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Registrieren"]:hover,
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Registrieren"]:focus {
  border-color: #28e810 !important;
  background: #28e810 !important;
  color: #041105 !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, #28e810 24%, transparent) !important;
  text-decoration: none !important;
}

@media (max-width: 991.98px) {
  html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Registrieren"] {
    --hg-register-mobile-shift: clamp(-1.05rem, calc(-.775rem + (100vw - 390px) * .5), 0rem);
    position: relative !important;
    left: var(--hg-register-mobile-shift) !important;
    width: calc(100% + 1.55rem) !important;
    max-width: none !important;
  }
}

@media (max-width: 380px) {
  html body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Registrieren"] {
    width: calc(100% + 2.1rem) !important;
  }
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Passwort-vergessen"] {
  display: inline-flex !important;
  justify-content: flex-start !important;
  width: auto !important;
  min-height: 0 !important;
  margin-top: .45rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  text-align: left !important;
  line-height: inherit !important;
}

body.is-nova #shop-nav #nav-wishlist-collapse .wishlist-dropdown-footer .btn,
body.is-nova #shop-nav #nav-wishlist-collapse a.btn[href*="Wunschliste"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

:root[data-hg-theme="dark"] body.is-nova .basket .basket-empty .alert,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .alert:has(.fa-shopping-cart),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .alert:has(.fa-shopping-basket) {
  background: color-mix(in srgb, var(--hg-surface) 92%, #000 8%) !important;
  color: var(--hg-text) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova .basket .basket-empty .alert .fas,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert .fas,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .alert:has(.fa-shopping-cart) .fas,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .alert:has(.fa-shopping-basket) .fas {
  background: transparent !important;
  color: var(--hg-text) !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert .fa-shopping-cart,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert .fa-shopping-basket,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert [class*="fa-shopping"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Cart empty-state icon: keep the glyph readable without adding a visible badge ring. */
body.is-nova #content-wrapper .basket-empty .alert .badge.bubble,
body.is-nova #content-wrapper .basket-empty .alert .badge-light {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper .basket-empty .alert > i,
body.is-nova #content-wrapper .basket-empty .alert > .fa,
body.is-nova #content-wrapper .basket-empty .alert > .fas,
body.is-nova #content-wrapper .basket-empty .alert [class*="fa-shopping"] {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.8rem !important;
  height: 2.8rem !important;
  margin: 0 auto .65rem !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #075c03 !important;
  border: 0 !important;
  box-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert > i,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert > .fa,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert > .fas,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .basket-empty .alert [class*="fa-shopping"] {
  background: transparent !important;
  color: #28e810 !important;
  border: 0 !important;
}

/* Account popout alignment: match secondary actions to the quick-login form controls. */
body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu a[href*="Passwort-vergessen"] {
  margin-left: var(--hg-account-dropdown-x, .95rem) !important;
  margin-right: var(--hg-account-dropdown-x, .95rem) !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-footer {
  padding-left: var(--hg-account-dropdown-x, .95rem) !important;
  padding-right: var(--hg-account-dropdown-x, .95rem) !important;
}

/* Filled cart QA: theme the full cart state, not only individual action buttons. */
body.is-nova .basket {
  --hg-cart-pill-bg: color-mix(in srgb, var(--hg-surface) 78%, transparent);
  --hg-cart-pill-hover-bg: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface));
  --hg-cart-pill-border: var(--hg-border);
  --hg-cart-pill-hover-border: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border));
  --hg-cart-pill-focus: color-mix(in srgb, var(--hg-primary) 24%, transparent);
  --hg-cart-panel-bg: color-mix(in srgb, var(--hg-surface) 88%, transparent);
}

body.is-nova #cart-form .btn-hidden-default.btn-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: .55rem !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete .wishlist-button,
body.is-nova #cart-form .cart-items-body .cart-items-delete .cart-items-delete-button,
body.is-nova .shipping-calculator-form .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 .85rem !important;
  border: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 1rem !important;
  background: var(--hg-cart-pill-bg) !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity .qty-wrapper,
body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group.form-counter {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 42px !important;
  border: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 1rem !important;
  background: var(--hg-cart-pill-bg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-prepend,
body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-append {
  display: flex !important;
  margin: 0 !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity :is(.btn-decrement, .btn-increment) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .85rem !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity {
  width: 3.3rem !important;
  min-width: 3.3rem !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 .35rem !important;
  border: 0 !important;
  border-left: 1px solid var(--hg-cart-pill-border) !important;
  border-right: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  text-align: center !important;
  appearance: textfield !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity::-webkit-outer-spin-button,
body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity::-webkit-inner-spin-button {
  margin: 0 !important;
  appearance: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete .wishlist-button .wishlist-button-inner {
  display: inline-flex !important;
  align-items: center !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete .wishlist-button .wishlist-button-text {
  text-decoration: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete .cart-items-delete-button > span {
  margin-right: .45rem !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group.form-counter:is(:hover, :focus-within) {
  border-color: var(--hg-cart-pill-border) !important;
  background: var(--hg-cart-pill-bg) !important;
  box-shadow: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-delete .wishlist-button:is(:hover, :focus, :focus-visible),
body.is-nova #cart-form .cart-items-body .cart-items-delete .cart-items-delete-button:is(:hover, :focus, :focus-visible),
body.is-nova #cart-form .cart-items-body .cart-items-quantity :is(.btn-decrement, .btn-increment):is(:hover, :focus, :focus-visible),
body.is-nova .shipping-calculator-form .btn:is(:hover, :focus, :focus-visible) {
  border-color: var(--hg-cart-pill-hover-border) !important;
  background: var(--hg-cart-pill-hover-bg) !important;
  color: var(--hg-primary) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  outline: 0 !important;
  text-decoration: none !important;
  transform: translateY(-3px) !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity :is(.btn-decrement, .btn-increment):is(:hover, :focus, :focus-visible) {
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 .18rem var(--hg-cart-pill-focus) inset !important;
}

body.is-nova .shipping-calculator-form {
  color: var(--hg-text) !important;
}

body.is-nova .shipping-calculator-main .shipping-calculator-main-heading {
  color: var(--hg-text) !important;
}

body.is-nova .shipping-calculator-form .form-row {
  align-items: flex-end !important;
  row-gap: .75rem !important;
}

body.is-nova .shipping-calculator-form .form-group {
  margin-bottom: 0 !important;
}

body.is-nova .shipping-calculator-form .custom-select,
body.is-nova .shipping-calculator-form #plz {
  min-height: 42px !important;
  height: 42px !important;
  border: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 1rem !important;
  background-color: var(--hg-cart-pill-bg) !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
}

body.is-nova .shipping-calculator-form .custom-select:focus,
body.is-nova .shipping-calculator-form #plz:focus {
  border-color: var(--hg-cart-pill-hover-border) !important;
  background-color: var(--hg-cart-pill-hover-bg) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 0 0 .18rem var(--hg-cart-pill-focus) !important;
}

body.is-nova .shipping-calculator-form .form-label-group > label,
body.is-nova .shipping-calculator-form label[for="plz"],
body.is-nova .shipping-calculator-form .form-label-group > label::before,
body.is-nova .shipping-calculator-form .form-label-group > label::after {
  background: transparent !important;
  color: var(--hg-muted) !important;
  box-shadow: none !important;
}

body.is-nova .cart-summary > .card-gray,
body.is-nova .cart-summary .basket-summary {
  border: 1px solid var(--hg-border) !important;
  border-radius: 1.35rem !important;
  background: var(--hg-cart-panel-bg) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .12) !important;
  overflow: hidden !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary > .card-gray,
:root[data-hg-theme="dark"] body.is-nova .cart-summary .basket-summary {
  box-shadow: 0 18px 54px rgba(0, 0, 0, .28) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary > .card-gray,
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary .basket-summary {
    box-shadow: 0 18px 54px rgba(0, 0, 0, .28) !important;
  }
}

body.is-nova .cart-summary > .card-gray:not(.basket-summary) {
  margin-bottom: 1rem !important;
}

body.is-nova .cart-summary .card-header,
body.is-nova .cart-summary .card-body {
  background: transparent !important;
  color: var(--hg-text) !important;
  border-color: var(--hg-border) !important;
}

body.is-nova .cart-summary .card-header {
  padding: 1rem 1.2rem !important;
}

body.is-nova .cart-summary .card-header .btn-link {
  color: var(--hg-text) !important;
  text-decoration: none !important;
  transition: color .22s ease, text-shadow .22s ease, transform .22s ease !important;
}

body.is-nova .cart-summary .card-header .btn-link:is(:hover, :focus, :focus-visible) {
  color: var(--hg-primary) !important;
  text-shadow: 0 0 18px color-mix(in srgb, var(--hg-primary) 28%, transparent) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary .basket-summary-total {
  border-top-color: var(--hg-border) !important;
}

body.is-nova .cart-summary .shipping-costs small,
body.is-nova .cart-summary .basket-summary-notice-weight,
body.is-nova .cart-summary .basket-summary-notice-weight-wrapper {
  color: var(--hg-muted) !important;
}

body.is-nova #cart-form .cart-items-body a.cart-items-name,
body.is-nova #cart-form .cart-items-body .cart-items-name a,
body.is-nova .cart-summary .shipping-costs small a {
  display: inline-block !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-position: 0 100% !important;
  background-repeat: no-repeat !important;
  background-size: 0 2px !important;
  transition: color .22s ease, background-size .22s ease, text-shadow .22s ease, transform .22s ease !important;
}

body.is-nova #cart-form .cart-items-body a.cart-items-name:is(:hover, :focus, :focus-visible),
body.is-nova #cart-form .cart-items-body .cart-items-name a:is(:hover, :focus, :focus-visible),
body.is-nova .cart-summary .shipping-costs small a:is(:hover, :focus, :focus-visible) {
  color: #28e810 !important;
  background-size: 100% 2px !important;
  text-shadow: 0 0 18px color-mix(in srgb, #28e810 28%, transparent) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary #cart-checkout-btn,
body.is-nova .cart-summary #cart-ppc-paypal-standalone-button {
  border-radius: 16px !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, filter .22s ease !important;
}

body.is-nova .cart-summary #cart-checkout-btn {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
}

body.is-nova .cart-summary #cart-checkout-btn:is(:hover, :focus, :focus-visible) {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, #28e810 24%, transparent) !important;
  transform: none !important;
}

body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
  }
}

body.is-nova .cart-summary #paypal-button-cart-container {
  display: block !important;
  margin-top: .85rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.is-nova .cart-summary #paypal-button-cart-container .row {
  align-items: stretch !important;
  flex-direction: column !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  row-gap: .55rem !important;
}

body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  min-height: 43px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 1rem !important;
  transform: none !important;
  box-shadow: none !important;
}

body.is-nova .cart-summary #paypal-button-cart-container :is([id*="paypal" i], [class*="paypal" i], [id*="paylater" i], [class*="paylater" i]) {
  max-width: 100% !important;
}

body.is-nova .cart-summary #paypal-button-cart-container :is([id*="paypal" i], [class*="paypal" i], [id*="paylater" i], [class*="paylater" i]):not(svg, path, img, i, span, strong) {
  border-radius: 1rem !important;
}

body.is-nova .cart-summary [id^="zoid-paypal-message"] {
  display: block !important;
  margin-top: .65rem !important;
  padding: .45rem .55rem !important;
  border: 1px solid rgba(16, 33, 18, .12) !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, #fffdf1 92%, transparent) !important;
  overflow: hidden !important;
}

body.is-nova .cart-summary [id^="zoid-paypal-message"] iframe {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner {
  display: block !important;
  width: 100% !important;
  min-height: 64px !important;
  margin-top: .55rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"] {
  min-height: 64px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner iframe {
  display: block !important;
  width: 100% !important;
  min-height: 64px !important;
  height: 64px !important;
  border-radius: 0 !important;
}

body.is-nova .cart-summary #paypal-button-cart-container iframe,
body.is-nova .cart-summary [id^="zoid-paypal-message"] iframe {
  max-width: 100% !important;
  border-radius: 1rem !important;
}

body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner,
body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"] {
  min-height: 64px !important;
  height: 64px !important;
  max-height: 64px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

body.is-nova #shop-nav .cart-icon-dropdown-icon {
  position: relative !important;
}

body.is-nova #shop-nav .cart-icon-dropdown-icon .fa-sup {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: -.55rem !important;
  right: -.55rem !important;
  left: 100% !important;
  min-width: 1.1rem !important;
  height: 1.1rem !important;
  max-width: 3em !important;
  margin-top: -1em !important;
  margin-left: -.3em !important;
  padding: .4em .6em !important;
  border: 0 !important;
  border-radius: 50rem !important;
  background: #F8BF00 !important;
  background-color: #F8BF00 !important;
  color: #525252 !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: .7em !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav .cart-icon-dropdown .cart-icon-dropdown-icon .fa-sup,
html body.is-nova #shop-nav .basket-icon-dropdown .cart-icon-dropdown-icon .fa-sup,
html body.is-nova #shop-nav > li.cart-icon-dropdown > a.nav-link .cart-icon-dropdown-icon .fa-sup {
  background: #F8BF00 !important;
  background-color: #F8BF00 !important;
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  body.is-nova #cart-form .cart-items-body .cart-items-delete,
  body.is-nova #cart-form .cart-items-body .cart-items-quantity {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.is-nova .shipping-calculator-form .btn,
  body.is-nova .shipping-calculator-form .custom-select,
  body.is-nova .shipping-calculator-form #plz {
    width: 100% !important;
  }

  body.is-nova .cart-summary #paypal-button-cart-container {
    padding: 0 !important;
  }

  body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  body.is-nova #shop-nav .cart-icon-dropdown-icon .fa-sup {
    min-width: .95rem !important;
    height: .95rem !important;
    font-size: .62rem !important;
    top: -.42rem !important;
    right: -.42rem !important;
  }
}

/* Cart checkout follow-up: align PayPal CTAs and the header cart popout. */
body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons,
body.is-nova .cart-summary #cart-ppc-paypal-standalone-button {
  display: block !important;
  width: 100% !important;
  min-height: 43px !important;
  margin: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons:is(:hover, :focus-within),
body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons:is(:hover, :focus-within),
:root[data-hg-theme="dark"] body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #paypal-button-cart-container .ppc-standalone-buttons:is(:hover, :focus-within),
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #cart-ppc-paypal-standalone-button:is(:hover, :focus-within) {
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner,
body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"],
body.is-nova .cart-summary [id^="zoid-paypal-message"]:not(#cart-ppc-paypal-standalone-button) {
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface-2)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner {
  min-height: 54px !important;
  height: auto !important;
  max-height: none !important;
  margin-top: .65rem !important;
  padding: .35rem !important;
  overflow: hidden !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"] {
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner iframe {
  min-height: 48px !important;
  height: 48px !important;
  border-radius: .75rem !important;
}

:root[data-hg-theme="light"] body.is-nova .cart-summary #ppc-cart-instalment-banner iframe {
  mix-blend-mode: multiply !important;
}

@media (prefers-color-scheme: light) {
  :root:not([data-hg-theme]) body.is-nova .cart-summary #ppc-cart-instalment-banner iframe {
    mix-blend-mode: multiply !important;
  }
}

html body.is-nova #shop-nav #cart-dropdown-container,
html body.is-nova #shop-nav .cart-dropdown.dropdown-menu,
html body.is-nova #shop-nav .cart-icon-dropdown .cart-dropdown,
html body.is-nova #shop-nav .basket-icon-dropdown .cart-dropdown {
  width: min(29rem, calc(100vw - 2rem)) !important;
  min-width: min(24rem, calc(100vw - 2rem)) !important;
  max-width: calc(100vw - 2rem) !important;
  padding: 1rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .table-responsive {
  margin: -.35rem -.25rem 0 !important;
  padding: .1rem .25rem .35rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items {
  width: 100% !important;
  margin-bottom: .7rem !important;
  table-layout: fixed !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items td {
  padding: .55rem .35rem !important;
  vertical-align: middle !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items td:first-child {
  width: 72% !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items td:last-child {
  width: 28% !important;
  text-align: right !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body {
  display: flex !important;
  flex-direction: column !important;
  gap: .75rem !important;
  padding: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body ul {
  margin: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-total-item,
html body.is-nova #shop-nav #cart-dropdown-container .font-weight-bold-util {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  margin-bottom: .35rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-total-item-price {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  width: 100% !important;
  margin: .1rem 0 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons > [class*="col"] {
  display: flex !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: .65rem .75rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

@media (max-width: 575.98px) {
  html body.is-nova #shop-nav #cart-dropdown-container,
  html body.is-nova #shop-nav .cart-dropdown.dropdown-menu,
  html body.is-nova #shop-nav .cart-icon-dropdown .cart-dropdown,
  html body.is-nova #shop-nav .basket-icon-dropdown .cart-dropdown {
    width: calc(100vw - 1.25rem) !important;
    min-width: 0 !important;
    padding: .85rem !important;
  }

  html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons {
    grid-template-columns: 1fr !important;
  }
}

/* Cart dropdown PayPal correction: keep the popout shell passive and style mini-cart PayPal controls. */
body.is-nova .cart-summary #paypal-button-cart-container :is(.ppc-standalone-buttons, #cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button) {
  display: block !important;
  width: 100% !important;
  min-height: 43px !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

body.is-nova .cart-summary #paypal-button-cart-container :is(.ppc-standalone-buttons, #cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button):is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #paypal-button-cart-container :is(.ppc-standalone-buttons, #cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button):is(:hover, :focus-within) {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #paypal-button-cart-container :is(.ppc-standalone-buttons, #cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button):is(:hover, :focus-within) {
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
  }
}

html body.is-nova #shop-nav #cart-dropdown-container {
  cursor: default !important;
  pointer-events: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(a, button, input, select, textarea, label, [tabindex], [role="button"], [onclick]),
html body.is-nova #shop-nav #cart-dropdown-container :is(#paypal-button-miniCart-container, #miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button),
html body.is-nova #shop-nav #cart-dropdown-container :is(#miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button) iframe {
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(a, button, input, select, textarea, label, [tabindex], [role="button"], [onclick], #miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button) {
  cursor: pointer !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 116px !important;
  margin: .1rem 0 0 !important;
  padding: .15rem 0 .2rem !important;
  overflow: visible !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container .row,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container .ppc-standalone-buttons {
  cursor: default !important;
  pointer-events: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container .row {
  align-items: stretch !important;
  flex-direction: column !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  row-gap: .65rem !important;
  overflow: visible !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container .ppc-standalone-buttons {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  overflow: visible !important;
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paypal-standalone-button,
html body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paylater-standalone-button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: translateY(0) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(#miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button) iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paypal-standalone-button:is(:hover, :focus-within),
html body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paylater-standalone-button:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paypal-standalone-button:is(:hover, :focus-within),
:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paylater-standalone-button:is(:hover, :focus-within) {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paypal-standalone-button:is(:hover, :focus-within),
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #miniCart-ppc-paylater-standalone-button:is(:hover, :focus-within) {
    box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
  }
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"] {
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface-2)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  display: block !important;
  width: 100% !important;
  min-height: 54px !important;
  height: auto !important;
  max-height: none !important;
  margin-top: .65rem !important;
  padding: .35rem !important;
  overflow: hidden !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"] {
  min-height: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: .75rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner * {
  cursor: default !important;
  pointer-events: none !important;
}

/* Cart popout real-user correction: cache-visible overrides for PayPal hit targets and message iframe. */
html body.is-nova #shop-nav #cart-dropdown-container {
  cursor: default !important;
  pointer-events: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(a, button, input, select, textarea, label, [tabindex], [role="button"], [onclick]) {
  cursor: pointer !important;
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(#paypal-button-miniCart-container, #ppc-miniCart-instalment-banner) {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items td:first-child {
  width: 78% !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items td:last-child {
  width: 22% !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row {
  display: grid !important;
  grid-template-columns: 76px auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .55rem !important;
  margin: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row > .col,
html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row > .col-auto {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .img-sm {
  width: 76px !important;
  height: 76px !important;
  object-fit: contain !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row a {
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container {
  min-height: 116px !important;
  margin: .7rem 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  cursor: default !important;
  pointer-events: auto !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container,
html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container .ppc-standalone-buttons {
  cursor: default !important;
  pointer-events: none !important;
  transform: none !important;
  box-shadow: none !important;
  transition: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container {
  display: block !important;
  width: 100% !important;
  min-height: 116px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(#miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
  margin: 0 0 .65rem !important;
  padding: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
  box-shadow: none !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(#miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button) iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 50px !important;
  height: 50px !important;
  border-radius: 16px !important;
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(#miniCart-ppc-paypal-standalone-button, #miniCart-ppc-paylater-standalone-button):is(:hover, :focus-within) {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  display: block !important;
  min-height: 48px !important;
  height: auto !important;
  max-height: none !important;
  margin: .75rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"] {
  display: block !important;
  min-height: 48px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"] {
  display: block !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  border-radius: .75rem !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe:not([title]) {
  display: none !important;
  pointer-events: none !important;
}

/* Cart popout hover isolation: wrappers stay visually passive; only the hovered control animates. */
html body.is-nova #shop-nav #cart-dropdown-container {
  pointer-events: auto !important;
  transition: none !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(
  .dropdown-body,
  .table-responsive,
  .dropdown-cart-items,
  .dropdown-cart-items tr,
  .dropdown-cart-items td,
  .dropdown-cart-items .form-row,
  .dropdown-cart-items .col,
  .dropdown-cart-items .col-auto,
  .cart-dropdown-buttons,
  #paypal-button-miniCart-container,
  #ppc-miniCart-horizontal-container,
  #ppc-miniCart-horizontal-container .row,
  #ppc-miniCart-horizontal-container .ppc-standalone-buttons,
  #ppc-miniCart-instalment-banner,
  #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"]
) {
  transition: none !important;
  transform: none !important;
  filter: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .table-responsive {
  background: transparent !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(
  .card,
  .box,
  .productbox
),
html body.is-nova #shop-nav #cart-dropdown-container :is(
  .card,
  .box,
  .productbox
):is(:hover, :focus, :focus-within) {
  border-color: var(--hg-border) !important;
  box-shadow: none !important;
  filter: none !important;
  transition: none !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(
  a,
  button,
  input,
  select,
  textarea,
  label,
  [tabindex],
  [role="button"],
  [onclick],
  #paypal-button-miniCart-container,
  #paypal-button-miniCart-container *,
  #ppc-miniCart-horizontal-container,
  #ppc-miniCart-horizontal-container *,
  #ppc-miniCart-instalment-banner,
  #ppc-miniCart-instalment-banner *
) {
  pointer-events: auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe:not([title]) {
  display: none !important;
  pointer-events: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container :is(
  .cart-dropdown-buttons .btn,
  .dropdown-cart-items a,
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button,
  #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"]
) {
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons .btn:hover,
html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons .btn:focus-visible {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items a:hover,
html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items a:focus-visible {
  color: var(--hg-primary) !important;
  text-decoration-color: currentColor !important;
  transform: none !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons .btn:not(:hover):not(:focus-visible) {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .cart-dropdown-buttons .btn-primary:not(:hover):not(:focus-visible) {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"] {
  background: transparent !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
):hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
):hover {
  box-shadow: 0 14px 32px rgba(0, 0, 0, .32) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
    #miniCart-ppc-paypal-standalone-button,
    #miniCart-ppc-paylater-standalone-button
  ):hover {
    box-shadow: 0 14px 32px rgba(0, 0, 0, .32) !important;
  }
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"]:hover {
  filter: saturate(1.04) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Cart popout PayPal cleanup: the message/consent iframe is informational, while only the two PayPal CTAs behave like buttons. */
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"] {
  cursor: default !important;
  pointer-events: none !important;
  transition: none !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"]:hover {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
) {
  height: 50px !important;
  min-height: 50px !important;
  max-height: 50px !important;
  background: transparent !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
) iframe {
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin-top: -1px !important;
  margin-bottom: -1px !important;
  border: 0 !important;
  background: transparent !important;
  vertical-align: top !important;
}

/* Cart popout PayPal consent cleanup: hide the legacy consent fallback, keep the two real PayPal CTAs. */
html body.is-nova #shop-nav #cart-dropdown-container #ppc-paypal-button-custom-miniCart-wrapper,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-paypal-button-miniCart {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* PayPal CTA hit affordance: the real third-party iframe fills the visual button, so the full surface should advertise itself as clickable. */
body.is-nova .cart-summary #paypal-button-cart-container :is(
  #cart-ppc-paypal-standalone-button,
  #cart-ppc-paylater-standalone-button,
  #cart-ppc-paypal-standalone-button iframe,
  #cart-ppc-paylater-standalone-button iframe
),
html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button,
  #miniCart-ppc-paypal-standalone-button iframe,
  #miniCart-ppc-paylater-standalone-button iframe
) {
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.is-nova .cart-summary #paypal-button-cart-container :is(
  #cart-ppc-paypal-standalone-button iframe,
  #cart-ppc-paylater-standalone-button iframe
),
html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button iframe,
  #miniCart-ppc-paylater-standalone-button iframe
) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 43px !important;
  height: 100% !important;
}

/* PayPal message cleanup: replace the third-party white message iframe with a theme-aware local note. */
body.is-nova .cart-summary #ppc-cart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 34px !important;
  height: auto !important;
  max-height: none !important;
  margin-top: .65rem !important;
  padding: .45rem .7rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: .85rem !important;
  background: color-mix(in srgb, var(--hg-primary) 7%, var(--hg-surface)) !important;
  box-shadow: none !important;
  color: var(--hg-muted) !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  overflow: hidden !important;
  cursor: default !important;
  pointer-events: none !important;
  transform: none !important;
  filter: none !important;
  transition: none !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #ppc-cart-instalment-banner,
:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  color: var(--hg-text) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #ppc-cart-instalment-banner,
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
    background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
    color: var(--hg-text) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner iframe,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner::before,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner::before {
  content: "PayPal: Bezahlen Sie nach 30 Tagen.";
  display: block !important;
}

/* Cart/account QA follow-up: crop PayPal CTA frames, keep PayPal info URLs, normalize cart media, and keep login popout in viewport. */
body.is-nova .cart-summary #paypal-button-cart-container :is(
  #cart-ppc-paypal-standalone-button,
  #cart-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
),
html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
) {
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.is-nova .cart-summary #paypal-button-cart-container :is(
  #cart-ppc-paypal-standalone-button,
  #cart-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
) iframe,
html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
) iframe {
  display: block !important;
  width: 100% !important;
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  transform: none !important;
  vertical-align: top !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  min-height: 38px !important;
  padding: .5rem .7rem !important;
  pointer-events: auto !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner::before,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner::before {
  content: none !important;
  display: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note {
  display: block !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.35 !important;
  text-align: center !important;
  pointer-events: auto !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner .hg-paypal-local-note a,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note a {
  color: var(--hg-primary) !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: .18em !important;
  pointer-events: auto !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 104px !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 128px !important;
  height: 104px !important;
  max-height: 104px !important;
  padding: .45rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  border-radius: 1rem !important;
  background: color-mix(in srgb, var(--hg-surface) 72%, transparent) !important;
  overflow: hidden !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image img,
body.is-nova #cart-form .cart-items-body .cart-items-image picture {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

@media (max-width: 767.98px) {
  body.is-nova #cart-form .cart-items-body .cart-items-image {
    min-height: 82px !important;
  }

  body.is-nova #cart-form .cart-items-body .cart-items-image > a {
    max-width: 92px !important;
    height: 82px !important;
    max-height: 82px !important;
  }
}

body.is-nova #shop-nav .account-icon-dropdown {
  position: relative !important;
}

body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
body.is-nova #shop-nav .account-icon-dropdown #account-dropdown-menu {
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  width: min(24rem, calc(100vw - 1.25rem)) !important;
  min-width: min(22rem, calc(100vw - 1.25rem)) !important;
  max-width: calc(100vw - 1.25rem) !important;
}

@media (max-width: 575.98px) {
  body.is-nova #shop-nav .account-icon-dropdown .dropdown-menu,
  body.is-nova #shop-nav .account-icon-dropdown #account-dropdown-menu {
    right: -.35rem !important;
    width: calc(100vw - 1rem) !important;
    min-width: 0 !important;
  }
}

/* Cart follow-up: preserve the native PayPal message iframe, tighten spacing, and align cart media/hover states. */
body.is-nova .cart-summary #ppc-cart-instalment-banner,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  margin-top: .35rem !important;
  padding: .38rem .55rem !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner:is(:hover, :focus-within),
body.is-nova .cart-summary #ppc-cart-instalment-banner:has(iframe[title*="PayPal Message"]:hover),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner:is(:hover, :focus-within),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner:has(iframe[title*="PayPal Message"]:hover) {
  border-color: color-mix(in srgb, var(--hg-primary) 34%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner iframe[title*="PayPal Message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"] {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: .75rem !important;
  opacity: 1 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: filter .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner iframe[title*="PayPal Message"]:hover,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe[title*="PayPal Message"]:hover {
  filter: saturate(1.08) brightness(1.05) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner iframe:not([title*="PayPal Message"]),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner iframe:not([title*="PayPal Message"]) {
  display: none !important;
  pointer-events: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container {
  min-height: auto !important;
  margin-top: .45rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container .row {
  row-gap: .42rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container #ppc-miniCart-horizontal-container :is(
  #miniCart-ppc-paypal-standalone-button,
  #miniCart-ppc-paylater-standalone-button
) {
  margin-bottom: .42rem !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner .hg-paypal-local-note a,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.75rem !important;
  padding: .16rem .5rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 28%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 7%, transparent) !important;
  color: var(--hg-primary) !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transform: translateY(0) !important;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner .hg-paypal-local-note a:is(:hover, :focus-visible),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note a:is(:hover, :focus-visible) {
  border-color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  color: var(--hg-primary) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image {
  align-items: center !important;
  min-height: 136px !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image > a {
  width: 132px !important;
  max-width: 132px !important;
  height: 132px !important;
  max-height: 132px !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image img,
body.is-nova #cart-form .cart-items-body .cart-items-image picture {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

body.is-nova #cart-form .cart-items-body a.cart-items-name,
body.is-nova #cart-form .cart-items-body .cart-items-name a {
  background-image: none !important;
  color: var(--hg-text) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transform: none !important;
  transition: color .18s ease, text-shadow .18s ease !important;
}

body.is-nova #cart-form .cart-items-body a.cart-items-name:is(:hover, :focus, :focus-visible),
body.is-nova #cart-form .cart-items-body .cart-items-name a:is(:hover, :focus, :focus-visible) {
  color: var(--hg-primary) !important;
  background-size: auto !important;
  text-shadow: none !important;
  transform: none !important;
}

@media (max-width: 767.98px) {
  body.is-nova #cart-form .cart-items-body .cart-items-image {
    min-height: 104px !important;
  }

  body.is-nova #cart-form .cart-items-body .cart-items-image > a {
    width: 100px !important;
    max-width: 100px !important;
    height: 100px !important;
    max-height: 100px !important;
  }
}

/* Cart follow-up: force square cart media and replace the white PayPal iframe with a themed local banner. */
body.is-nova #cart-form .cart-items-body .cart-items-image {
  --hg-cart-image-size: 132px;
  flex: 0 0 calc(var(--hg-cart-image-size) + 2rem) !important;
  max-width: calc(var(--hg-cart-image-size) + 2rem) !important;
  min-height: calc(var(--hg-cart-image-size) + .5rem) !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image > a,
body.is-nova #cart-form .cart-items-body .cart-items-image .square,
body.is-nova #cart-form .cart-items-body .cart-items-image .square-image,
body.is-nova #cart-form .cart-items-body .cart-items-image picture {
  display: block !important;
  width: var(--hg-cart-image-size) !important;
  min-width: var(--hg-cart-image-size) !important;
  max-width: var(--hg-cart-image-size) !important;
  height: var(--hg-cart-image-size) !important;
  min-height: var(--hg-cart-image-size) !important;
  max-height: var(--hg-cart-image-size) !important;
  aspect-ratio: 1 / 1 !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image > a {
  padding: .45rem !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image .square::before {
  display: none !important;
  padding-bottom: 0 !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image .square .inner {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image img,
body.is-nova #cart-form .cart-items-body .cart-items-image picture img {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: .68rem !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  min-height: 42px !important;
  padding: .6rem .75rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #ffffff)) !important;
  color: var(--hg-text) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 55%, transparent), 0 10px 24px rgba(0, 0, 0, .08) !important;
  cursor: pointer !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message]:is(:hover, :focus-visible, :focus-within),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message]:is(:hover, :focus-visible, :focus-within) {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 19%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #ffffff)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] iframe,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] iframe {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  color: inherit !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note a,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note a {
  pointer-events: auto !important;
}

/* PayPal message follow-up: keep the themed shell while preserving native iframe clicks/modals. */
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  position: relative !important;
  display: block !important;
  min-height: 46px !important;
  height: auto !important;
  padding: .42rem .55rem !important;
  overflow: hidden !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"] {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 46px !important;
  max-height: 58px !important;
  margin: 0 !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] iframe,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] iframe {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 46px !important;
  max-height: 58px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: .72rem !important;
  opacity: 1 !important;
  filter: invert(1) hue-rotate(72deg) saturate(1.2) brightness(.92) contrast(1.08) !important;
  pointer-events: auto !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note {
  display: none !important;
  pointer-events: none !important;
}

/* PayPal message visual correction: show the themed local note, keep PayPal's native iframe as the click/modal target. */
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .58rem .75rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #ffffff)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 55%, transparent), 0 10px 24px rgba(0, 0, 0, .08) !important;
  color: var(--hg-text) !important;
  overflow: hidden !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message]:is(:hover, :focus-visible, :focus-within),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message]:is(:hover, :focus-visible, :focus-within) {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 19%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #ffffff)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  color: inherit !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] iframe[title*="PayPal Message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] iframe[title*="PayPal Message"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  opacity: .01 !important;
  filter: none !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Mini-cart final viewport lock: keep all PayPal message modes inside the small-screen popout. */
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner:is(
  [data-hg-paypal-local-message],
  [data-hg-paypal-message-mode="native-overlay"],
  [data-hg-paypal-message-mode="native-flex"]
) {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner:is(
  [data-hg-paypal-local-message],
  [data-hg-paypal-message-mode="native-overlay"],
  [data-hg-paypal-message-mode="native-flex"]
) .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner:is(
  [data-hg-paypal-local-message],
  [data-hg-paypal-message-mode="native-overlay"],
  [data-hg-paypal-message-mode="native-flex"]
) .hg-paypal-local-note > * {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 767.98px) {
  html body.is-nova #shop-nav #cart-dropdown-container,
  html body.is-nova #shop-nav .cart-dropdown.dropdown-menu,
  html body.is-nova #shop-nav .cart-icon-dropdown .cart-dropdown,
  html body.is-nova #shop-nav .basket-icon-dropdown .cart-dropdown {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 4.25rem) !important;
    right: .625rem !important;
    left: .625rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.25rem) !important;
    max-height: calc(100vh - 5rem) !important;
    max-height: calc(100dvh - 5rem) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
  }
}

/* Mini-cart viewport correction: keep shipping note rows left-aligned and prevent the PayPal message from escaping the popout on narrow screens. */
html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body > ul > li:nth-child(3) {
  display: block !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  text-align: left !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body > ul > li:nth-child(3) .cart-dropdown-total-item-price {
  float: none !important;
  margin-left: 0 !important;
  text-align: left !important;
  white-space: normal !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body > ul > li:nth-child(3) a {
  display: inline !important;
  margin: 0 !important;
  text-align: left !important;
}

html body.is-nova #shop-nav #cart-dropdown-container,
html body.is-nova #shop-nav #cart-dropdown-container *,
html body.is-nova #shop-nav .cart-dropdown.dropdown-menu,
html body.is-nova #shop-nav .cart-icon-dropdown .cart-dropdown,
html body.is-nova #shop-nav .basket-icon-dropdown .cart-dropdown {
  box-sizing: border-box !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #paypal-button-miniCart-container,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-horizontal-container,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  max-width: 100% !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note {
  max-width: 100% !important;
  min-width: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note > * {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 767.98px) {
  html body.is-nova #shop-nav #cart-dropdown-container,
  html body.is-nova #shop-nav .cart-dropdown.dropdown-menu,
  html body.is-nova #shop-nav .cart-icon-dropdown .cart-dropdown,
  html body.is-nova #shop-nav .basket-icon-dropdown .cart-dropdown {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 4.25rem) !important;
    right: .625rem !important;
    left: .625rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1.25rem) !important;
    max-height: calc(100dvh - 5rem) !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: none !important;
  }

  html body.is-nova #shop-nav #cart-dropdown-container .dropdown-body {
    min-width: 0 !important;
    overflow: visible !important;
  }

  html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note {
    flex-direction: column !important;
    align-items: center !important;
    gap: .25rem !important;
  }

  html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note a,
  html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner .hg-paypal-local-note__more {
    width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
  }
}

/* Product/cart media correction: keep full product photos visible inside their frames. */
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper #gallery .square-image .inner,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery .square-image .inner {
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: color-mix(in srgb, var(--hg-surface) 86%, transparent) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper #gallery .square-image .inner picture,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery .square-image .inner picture {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper #gallery .square-image .inner img.product-image,
body.is-nova #content-wrapper:not(.is-item-list) .product-gallery .square-image .inner img.product-image {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
.gallery-with-action.fullscreen {
  box-sizing: border-box !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 3050 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100vw !important;
  height: 100dvh !important;
  margin: 0 !important;
  overflow: hidden !important;
  background-color: #f7faf6 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(40, 232, 16, .08), transparent 42%),
    #f7faf6 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
:root[data-hg-theme="dark"] .gallery-with-action.fullscreen,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
:root:not([data-hg-theme="light"]) .gallery-with-action.fullscreen {
  background-color: #071008 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(40, 232, 16, .08), transparent 42%),
    #071008 !important;
}

body.is-nova:has(#image_wrapper.fullscreen) #header-top-bar,
body.is-nova:has(#image_wrapper.fullscreen) header,
body.is-nova:has(#image_wrapper.fullscreen) #jtl-nav-wrapper,
body.is-nova:has(#image_wrapper.fullscreen) #mainNavigation,
body.is-nova:has(#image_wrapper.fullscreen) .navbar,
body.is-nova:has(#image_wrapper.fullscreen) .nav-mobile-header,
body.is-nova:has(.gallery-with-action.fullscreen) #header-top-bar,
body.is-nova:has(.gallery-with-action.fullscreen) header,
body.is-nova:has(.gallery-with-action.fullscreen) #jtl-nav-wrapper,
body.is-nova:has(.gallery-with-action.fullscreen) #mainNavigation,
body.is-nova:has(.gallery-with-action.fullscreen) .navbar,
body.is-nova:has(.gallery-with-action.fullscreen) .nav-mobile-header,
body.is-nova:has(#image_wrapper.fullscreen) #footer,
body.is-nova:has(#image_wrapper.fullscreen) footer,
body.is-nova:has(.gallery-with-action.fullscreen) #footer,
body.is-nova:has(.gallery-with-action.fullscreen) footer {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .gallery-with-action-main,
.gallery-with-action.fullscreen .gallery-with-action-main {
  position: absolute !important;
  inset: 5rem 3rem 2.5rem !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100vw - 6rem) !important;
  height: auto !important;
  max-height: calc(100dvh - 7.5rem) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.gallery-with-action.fullscreen .gallery-with-action-main > [class*="col"] {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.gallery-with-action.fullscreen #gallery_wrapper {
  position: fixed !important;
  inset: 5rem 3rem 2.5rem !important;
  z-index: 1 !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close,
.gallery-with-action.fullscreen .product-detail-image-topbar #image_fullscreen_close {
  right: 1.25rem !important;
  top: 1.25rem !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery,
.gallery-with-action.fullscreen #gallery,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-list,
.gallery-with-action.fullscreen #gallery .slick-list,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-track,
.gallery-with-action.fullscreen #gallery .slick-track,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-slide,
.gallery-with-action.fullscreen #gallery .slick-slide,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-current,
.gallery-with-action.fullscreen #gallery .slick-current,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image,
.gallery-with-action.fullscreen #gallery .square-image {
  width: 100% !important;
  max-width: 100% !important;
  height: min(68dvh, 39rem) !important;
  min-height: 0 !important;
  max-height: min(68dvh, 39rem) !important;
  aspect-ratio: auto !important;
  padding-top: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery,
.gallery-with-action.fullscreen #gallery {
  position: relative !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-list,
.gallery-with-action.fullscreen #gallery .slick-list {
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-track,
.gallery-with-action.fullscreen #gallery .slick-track {
  display: flex !important;
  align-items: stretch !important;
  transform: translate3d(0, 0, 0) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-slide,
.gallery-with-action.fullscreen #gallery .slick-slide {
  float: none !important;
  flex: 0 0 100% !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .slick-slide:not(.slick-current):not(.slick-active),
.gallery-with-action.fullscreen #gallery .slick-slide:not(.slick-current):not(.slick-active) {
  visibility: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image,
.gallery-with-action.fullscreen #gallery .square-image,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner,
.gallery-with-action.fullscreen #gallery .square-image .inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner,
.gallery-with-action.fullscreen #gallery .square-image .inner {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: min(68dvh, 39rem) !important;
  max-height: min(68dvh, 39rem) !important;
  aspect-ratio: auto !important;
  padding-top: 0 !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner picture,
.gallery-with-action.fullscreen #gallery .square-image .inner picture {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(82vw, 58rem) !important;
  height: min(68dvh, 39rem) !important;
  min-height: 0 !important;
  max-height: min(68dvh, 39rem) !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner img.product-image,
.gallery-with-action.fullscreen #gallery .square-image .inner img.product-image {
  width: auto !important;
  min-width: 0 !important;
  max-width: min(82vw, 58rem) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(68dvh, 39rem) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2050 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 4rem 1rem 1rem !important;
    overflow: hidden !important;
    background: var(--hg-surface) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 2 !important;
    height: 3.5rem !important;
    pointer-events: none !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close {
    pointer-events: auto !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner img.product-image {
    max-width: min(88vw, 30rem) !important;
    max-height: min(62dvh, 30rem) !important;
  }
}

body.is-nova #cart-form .cart-items-body .cart-items-image > a {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image picture {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-image img,
body.is-nova #cart-form .cart-items-body .cart-items-image picture img {
  position: static !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
}

/* Mini-cart PayPal message hit-area follow-up: keep the text visible but let PayPal's iframe own the full popout surface. */
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] iframe[title*="PayPal Message"] {
  z-index: 2 !important;
}

/* PayPal message visible-text correction: show a non-interactive label while PayPal's iframe owns clicks. */
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .58rem .75rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #ffffff)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 55%, transparent), 0 10px 24px rgba(0, 0, 0, .08) !important;
  color: var(--hg-text) !important;
  overflow: hidden !important;
}

:root[data-hg-theme="dark"] body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"],
:root[data-hg-theme="dark"] body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"],
  :root:not([data-hg-theme="light"]) body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
  }
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"]:is(:hover, :focus-visible, :focus-within),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"]:is(:hover, :focus-visible, :focus-within) {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 19%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #ffffff)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  color: inherit !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note__more,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note__more {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: .16em !important;
}

/* PayPal message native-flex correction: use PayPal's own full-width banner iframe as the hit target. */
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-flex"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-height: 38px !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .85rem !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] {
  min-height: 44px !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-flex"] .hg-paypal-local-note,
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] .hg-paypal-local-note {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-flex"] [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-message-mode="native-flex"] iframe[title*="PayPal Message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] iframe[title*="PayPal Message"] {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 38px !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  opacity: 1 !important;
  filter: none !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-message-mode="native-flex"] iframe[title*="PayPal Message"] {
  min-height: 44px !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] iframe:not([title*="PayPal Message"]),
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] iframe:not([title*="PayPal Message"]) {
  display: none !important;
  pointer-events: none !important;
}

@media (max-width: 767.98px) {
  body.is-nova #cart-form .cart-items-body .cart-items-image {
    --hg-cart-image-size: 100px;
    flex-basis: calc(var(--hg-cart-image-size) + 1.5rem) !important;
    max-width: calc(var(--hg-cart-image-size) + 1.5rem) !important;
  }
}

/* PayPal message hit-area fix: preserve PayPal's native iframe click/modal while stretching it over the themed banner. */
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] {
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
body.is-nova .cart-summary #ppc-cart-instalment-banner[data-hg-paypal-local-message] iframe[title*="PayPal Message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
html body.is-nova #shop-nav #cart-dropdown-container #ppc-miniCart-instalment-banner[data-hg-paypal-local-message] iframe[title*="PayPal Message"] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: .01 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Account/product detail polish: align login, product controls and PayPal widgets with the current cart/button system. */
body.is-nova #account .alert.alert-info,
body.is-nova #content-wrapper #account .alert.alert-info,
body.is-nova #result-wrapper > .alert.alert-info,
body.is-nova #pushed-success.card.alert {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border)) !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 9%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 96%, #ffffff)) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .08) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) .alert.choose-variations,
body.is-nova #content-wrapper:not(.is-item-list) .alert.alert-info.choose-variations {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 96%, #ffffff)) !important;
  background-color: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) !important;
  color: var(--hg-text) !important;
  padding: 1rem 1.15rem !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .08) !important;
}

:root[data-hg-theme="dark"] body.is-nova #account .alert.alert-info,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper #account .alert.alert-info,
:root[data-hg-theme="dark"] body.is-nova #result-wrapper > .alert.alert-info,
:root[data-hg-theme="dark"] body.is-nova #pushed-success.card.alert {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 90%, #000000)) !important;
  color: #f4fff0 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .alert.choose-variations,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .alert.alert-info.choose-variations {
  border-color: color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 90%, #000000)) !important;
  background-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #account .alert.alert-info,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper #account .alert.alert-info,
  :root:not([data-hg-theme="light"]) body.is-nova #result-wrapper > .alert.alert-info,
  :root:not([data-hg-theme="light"]) body.is-nova #pushed-success.card.alert {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 90%, #000000)) !important;
    color: #f4fff0 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .alert.choose-variations,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .alert.alert-info.choose-variations {
    border-color: color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 90%, #000000)) !important;
    background-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
    color: #f4fff0 !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) #description {
  margin-top: 2.5rem !important;
  padding: 1.35rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 5%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 97%, #ffffff)) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .08) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc {
  max-width: 74ch !important;
  color: var(--hg-text) !important;
  font-size: 1rem !important;
  line-height: 1.72 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(.h3, h2, h3, h4) {
  margin: 0 0 .85rem !important;
  color: var(--hg-contrast-text) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(p, ul, ol, dl, table) {
  margin-bottom: 1rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(ul, ol) {
  padding-left: 1.25rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc li {
  margin-bottom: .35rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc a {
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-primary) 18%) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-underline-offset: .18em !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc a:is(:hover, :focus-visible) {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(table, .table) {
  width: 100% !important;
  display: table !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, #ffffff) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes {
  margin-top: 1.15rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
  width: 100% !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 95%, #ffffff) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .07) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td) {
  border-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  color: var(--hg-text) !important;
  padding: .75rem .9rem !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(th, td) {
  border-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  color: var(--hg-text) !important;
  padding: .8rem .95rem !important;
  vertical-align: top !important;
  line-height: 1.55 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody tr:first-child :is(th, td) {
  border-top: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td):first-child {
  width: 34% !important;
  min-width: 11rem !important;
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-primary) 18%) !important;
  font-weight: 750 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody td:first-child,
body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody th:first-child {
  width: 34% !important;
  min-width: 11rem !important;
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-primary) 18%) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(thead th, tr:first-child th) {
  background: color-mix(in srgb, var(--hg-primary) 8%, var(--hg-surface)) !important;
  color: var(--hg-contrast-text) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes thead {
  display: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc tr:nth-child(even) :is(th, td) {
  background: color-mix(in srgb, var(--hg-primary) 3%, transparent) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody tr:nth-child(odd) :is(th, td) {
  background: color-mix(in srgb, var(--hg-primary) 3%, transparent) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary) {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 34%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  color: color-mix(in srgb, var(--hg-text) 80%, var(--hg-primary) 20%) !important;
  font-weight: 750 !important;
  text-decoration: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td) :is(p, ul, ol) {
  margin-top: 0 !important;
  margin-bottom: .45rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td) :is(p, ul, ol):last-child {
  margin-bottom: 0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description {
  border-color: color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 7%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #000000)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(table, .table) {
  background: color-mix(in srgb, var(--hg-surface) 92%, #000000) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
  border-color: color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 91%, #000000) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(thead th, tr:first-child th) {
  background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .desc tr:nth-child(even) :is(th, td) {
  background: color-mix(in srgb, var(--hg-primary) 6%, transparent) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody tr:nth-child(odd) :is(th, td) {
  background: color-mix(in srgb, var(--hg-primary) 7%, transparent) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary) {
  border-color: color-mix(in srgb, var(--hg-primary) 42%, transparent) !important;
  background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description {
    border-color: color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
    background:
      linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 7%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #000000)) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .26) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(table, .table) {
    background: color-mix(in srgb, var(--hg-surface) 92%, #000000) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
    border-color: color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
    background: color-mix(in srgb, var(--hg-surface) 91%, #000000) !important;
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(thead th, tr:first-child th) {
    background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
    color: #f4fff0 !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .desc tr:nth-child(even) :is(th, td) {
    background: color-mix(in srgb, var(--hg-primary) 6%, transparent) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody tr:nth-child(odd) :is(th, td) {
    background: color-mix(in srgb, var(--hg-primary) 7%, transparent) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary) {
    border-color: color-mix(in srgb, var(--hg-primary) 42%, transparent) !important;
    background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
    color: #f4fff0 !important;
  }
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a.dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item:active {
  background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a span,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active span {
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected .check-mark {
  color: var(--hg-primary) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a.dropdown-item,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item:active {
    background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
    color: #f4fff0 !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a span,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active span {
    color: #f4fff0 !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected .check-mark {
    color: var(--hg-primary) !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action {
  display: flex !important;
  flex-direction: column !important;
  gap: .85rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .gallery-with-action-main {
  display: flex !important;
  flex-direction: column !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .product-actions {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  order: 2 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 2.75rem !important;
  margin: .75rem 0 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  z-index: auto !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action #gallery_wrapper {
  order: 1 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .product-actions .wishlist {
  position: static !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  height: 2.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, #ffffff) !important;
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-primary) 18%) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .09) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .product-actions .wishlist:is(:hover, :focus-visible, .on-list) {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 10%, var(--hg-surface)) !important;
  color: var(--hg-primary) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .product-actions .wishlist {
  background: color-mix(in srgb, var(--hg-surface) 88%, #000000) !important;
  color: #f4fff0 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.gallery-with-action .product-actions .wishlist {
    background: color-mix(in srgb, var(--hg-surface) 88%, #000000) !important;
    color: #f4fff0 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .24) !important;
  }
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #description {
    margin-top: 1.75rem !important;
    padding: 1rem !important;
    border-radius: 16px !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .desc {
    font-size: .96rem !important;
    line-height: 1.65 !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(table, .table) {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td) {
    padding: .65rem .75rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(th, td) {
    padding: .68rem .75rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .desc :is(th, td):first-child {
    min-width: 9rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody td:first-child,
  body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody th:first-child {
    min-width: 9rem !important;
  }
}

body.is-nova #account #login_form,
body.is-nova #account .login-form form {
  max-width: 100% !important;
}

body.is-nova #account #login_form fieldset,
body.is-nova #account .login-form fieldset {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.is-nova #account #login_form input,
body.is-nova #account #login_form .form-control,
body.is-nova #account .login-form input,
body.is-nova #account .login-form .form-control,
body.is-nova #form-register input,
body.is-nova #form-register .form-control,
body.is-nova .register-form input,
body.is-nova .register-form .form-control {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background-color: var(--hg-input-bg) !important;
  color: var(--hg-contrast-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.is-nova #account #login_form .form-label-group > label,
body.is-nova #account #login_form .form-label-group > label::before,
body.is-nova #account #login_form .form-label-group > label::after,
body.is-nova #account .login-form .form-label-group > label,
body.is-nova #account .login-form .form-label-group > label::before,
body.is-nova #account .login-form .form-label-group > label::after,
body.is-nova #form-register .form-label-group > label,
body.is-nova #form-register .form-label-group > label::before,
body.is-nova #form-register .form-label-group > label::after,
body.is-nova .register-form .form-label-group > label,
body.is-nova .register-form .form-label-group > label::before,
body.is-nova .register-form .form-label-group > label::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova #account #login_form .form-label-group > label,
body.is-nova #account .login-form .form-label-group > label,
body.is-nova #form-register .form-label-group > label,
body.is-nova .register-form .form-label-group > label {
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
}

:root[data-hg-theme="dark"] body.is-nova #account #login_form input,
:root[data-hg-theme="dark"] body.is-nova #account #login_form .form-control,
:root[data-hg-theme="dark"] body.is-nova #account .login-form input,
:root[data-hg-theme="dark"] body.is-nova #account .login-form .form-control,
:root[data-hg-theme="dark"] body.is-nova #form-register input,
:root[data-hg-theme="dark"] body.is-nova #form-register .form-control,
:root[data-hg-theme="dark"] body.is-nova .register-form input,
:root[data-hg-theme="dark"] body.is-nova .register-form .form-control {
  background-color: color-mix(in srgb, var(--hg-surface) 84%, #000000) !important;
  color: #f4fff0 !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #account #login_form input,
  :root:not([data-hg-theme="light"]) body.is-nova #account #login_form .form-control,
  :root:not([data-hg-theme="light"]) body.is-nova #account .login-form input,
  :root:not([data-hg-theme="light"]) body.is-nova #account .login-form .form-control,
  :root:not([data-hg-theme="light"]) body.is-nova #form-register input,
  :root:not([data-hg-theme="light"]) body.is-nova #form-register .form-control,
  :root:not([data-hg-theme="light"]) body.is-nova .register-form input,
  :root:not([data-hg-theme="light"]) body.is-nova .register-form .form-control {
    background-color: color-mix(in srgb, var(--hg-surface) 84%, #000000) !important;
    color: #f4fff0 !important;
  }
}

body.is-nova #account .login-form-submit .btn,
body.is-nova #account .login-form-submit button[type="submit"],
body.is-nova #form-register button[type="submit"],
body.is-nova #form-register .btn-primary,
body.is-nova .register-form button[type="submit"],
body.is-nova .register-form .btn-primary,
body.is-nova #add-to-cart button[name="inWarenkorb"],
body.is-nova #add-to-cart .btn-primary,
body.is-nova #pushed-success .btn {
  position: relative !important;
  isolation: isolate !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  border-radius: 16px !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease !important;
}

body.is-nova #account .login-form-submit .btn,
body.is-nova #account .login-form-submit button[type="submit"],
body.is-nova #form-register button[type="submit"],
body.is-nova #form-register .btn-primary,
body.is-nova .register-form button[type="submit"],
body.is-nova .register-form .btn-primary {
  width: 100% !important;
  min-height: 44px !important;
  padding: .65rem .75rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 16px !important;
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.is-nova #account .login-form-submit .btn:hover,
body.is-nova #account .login-form-submit .btn:focus-visible,
body.is-nova #account .login-form-submit button[type="submit"]:hover,
body.is-nova #account .login-form-submit button[type="submit"]:focus-visible,
body.is-nova #form-register button[type="submit"]:hover,
body.is-nova #form-register button[type="submit"]:focus-visible,
body.is-nova #form-register .btn-primary:hover,
body.is-nova #form-register .btn-primary:focus-visible,
body.is-nova .register-form button[type="submit"]:hover,
body.is-nova .register-form button[type="submit"]:focus-visible,
body.is-nova .register-form .btn-primary:hover,
body.is-nova .register-form .btn-primary:focus-visible,
body.is-nova #add-to-cart button[name="inWarenkorb"]:hover,
body.is-nova #add-to-cart button[name="inWarenkorb"]:focus-visible,
body.is-nova #add-to-cart .btn-primary:hover,
body.is-nova #add-to-cart .btn-primary:focus-visible,
body.is-nova #pushed-success .btn:hover,
body.is-nova #pushed-success .btn:focus-visible {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 52%, var(--hg-border)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

body.is-nova #account .login-form-submit .btn:hover,
body.is-nova #account .login-form-submit .btn:focus-visible,
body.is-nova #account .login-form-submit button[type="submit"]:hover,
body.is-nova #account .login-form-submit button[type="submit"]:focus-visible,
body.is-nova #form-register button[type="submit"]:hover,
body.is-nova #form-register button[type="submit"]:focus-visible,
body.is-nova #form-register .btn-primary:hover,
body.is-nova #form-register .btn-primary:focus-visible,
body.is-nova .register-form button[type="submit"]:hover,
body.is-nova .register-form button[type="submit"]:focus-visible,
body.is-nova .register-form .btn-primary:hover,
body.is-nova .register-form .btn-primary:focus-visible {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #account .login-form-submit .btn:hover,
:root[data-hg-theme="dark"] body.is-nova #account .login-form-submit .btn:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #account .login-form-submit button[type="submit"]:hover,
:root[data-hg-theme="dark"] body.is-nova #account .login-form-submit button[type="submit"]:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #form-register button[type="submit"]:hover,
:root[data-hg-theme="dark"] body.is-nova #form-register button[type="submit"]:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #form-register .btn-primary:hover,
:root[data-hg-theme="dark"] body.is-nova #form-register .btn-primary:focus-visible,
:root[data-hg-theme="dark"] body.is-nova .register-form button[type="submit"]:hover,
:root[data-hg-theme="dark"] body.is-nova .register-form button[type="submit"]:focus-visible,
:root[data-hg-theme="dark"] body.is-nova .register-form .btn-primary:hover,
:root[data-hg-theme="dark"] body.is-nova .register-form .btn-primary:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #account .login-form-submit .btn:hover,
:root:not([data-hg-theme="light"]) body.is-nova #account .login-form-submit .btn:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #account .login-form-submit button[type="submit"]:hover,
:root:not([data-hg-theme="light"]) body.is-nova #account .login-form-submit button[type="submit"]:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #form-register button[type="submit"]:hover,
:root:not([data-hg-theme="light"]) body.is-nova #form-register button[type="submit"]:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #form-register .btn-primary:hover,
:root:not([data-hg-theme="light"]) body.is-nova #form-register .btn-primary:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova .register-form button[type="submit"]:hover,
:root:not([data-hg-theme="light"]) body.is-nova .register-form button[type="submit"]:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova .register-form .btn-primary:hover,
:root:not([data-hg-theme="light"]) body.is-nova .register-form .btn-primary:focus-visible {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

body.is-nova #account .register-wrapper,
body.is-nova #account .resetpw-wrapper {
  display: block !important;
  margin-top: .7rem !important;
}

body.is-nova #account .register-wrapper a,
body.is-nova #account .resetpw-wrapper a,
body.is-nova #account a.register,
body.is-nova #account a.resetpw,
html body.is-nova #content-wrapper #account .register-wrapper a,
html body.is-nova #content-wrapper #account .resetpw-wrapper a,
html body.is-nova #content-wrapper #account a.register,
html body.is-nova #content-wrapper #account a.resetpw {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  color: color-mix(in srgb, var(--hg-text) 88%, var(--hg-primary) 12%) !important;
  text-decoration: none !important;
  text-underline-offset: .2em !important;
  transition: color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body.is-nova #account .register-wrapper a:visited,
body.is-nova #account .resetpw-wrapper a:visited,
body.is-nova #account a.register:visited,
body.is-nova #account a.resetpw:visited,
html body.is-nova #content-wrapper #account .register-wrapper a:visited,
html body.is-nova #content-wrapper #account .resetpw-wrapper a:visited,
html body.is-nova #content-wrapper #account a.register:visited,
html body.is-nova #content-wrapper #account a.resetpw:visited {
  color: color-mix(in srgb, var(--hg-text) 88%, var(--hg-primary) 12%) !important;
}

body.is-nova #account .register-wrapper a:hover,
body.is-nova #account .register-wrapper a:focus-visible,
body.is-nova #account .resetpw-wrapper a:hover,
body.is-nova #account .resetpw-wrapper a:focus-visible,
body.is-nova #account a.register:hover,
body.is-nova #account a.register:focus-visible,
body.is-nova #account a.resetpw:hover,
body.is-nova #account a.resetpw:focus-visible,
html body.is-nova #content-wrapper #account .register-wrapper a:hover,
html body.is-nova #content-wrapper #account .register-wrapper a:focus-visible,
html body.is-nova #content-wrapper #account .resetpw-wrapper a:hover,
html body.is-nova #content-wrapper #account .resetpw-wrapper a:focus-visible,
html body.is-nova #content-wrapper #account a.register:hover,
html body.is-nova #content-wrapper #account a.register:focus-visible,
html body.is-nova #content-wrapper #account a.resetpw:hover,
html body.is-nova #content-wrapper #account a.resetpw:focus-visible {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  transform: translateY(-1px) !important;
}

body.is-nova .form-counter.choose_quantity,
body.is-nova #quantity-grp.form-counter,
body.is-nova [id^="quantity-grp"].form-counter {
  display: inline-flex !important;
  align-items: stretch !important;
  width: min(100%, 11rem) !important;
  min-width: 9.5rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background: color-mix(in srgb, var(--hg-surface) 93%, var(--hg-bg)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .08) !important;
  overflow: hidden !important;
}

body.is-nova .form-counter.choose_quantity .input-group-prepend,
body.is-nova .form-counter.choose_quantity .input-group-append,
body.is-nova #quantity-grp.form-counter .input-group-prepend,
body.is-nova #quantity-grp.form-counter .input-group-append,
body.is-nova [id^="quantity-grp"].form-counter .input-group-prepend,
body.is-nova [id^="quantity-grp"].form-counter .input-group-append {
  display: flex !important;
  margin: 0 !important;
}

body.is-nova .form-counter.choose_quantity button,
body.is-nova .form-counter.choose_quantity .btn,
body.is-nova #quantity-grp.form-counter button,
body.is-nova #quantity-grp.form-counter .btn,
body.is-nova [id^="quantity-grp"].form-counter button,
body.is-nova [id^="quantity-grp"].form-counter .btn {
  width: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--hg-primary) 8%, transparent) !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova .form-counter.choose_quantity button:hover,
body.is-nova .form-counter.choose_quantity button:focus-visible,
body.is-nova .form-counter.choose_quantity .btn:hover,
body.is-nova .form-counter.choose_quantity .btn:focus-visible,
body.is-nova #quantity-grp.form-counter button:hover,
body.is-nova #quantity-grp.form-counter button:focus-visible,
body.is-nova #quantity-grp.form-counter .btn:hover,
body.is-nova #quantity-grp.form-counter .btn:focus-visible,
body.is-nova [id^="quantity-grp"].form-counter button:hover,
body.is-nova [id^="quantity-grp"].form-counter button:focus-visible,
body.is-nova [id^="quantity-grp"].form-counter .btn:hover,
body.is-nova [id^="quantity-grp"].form-counter .btn:focus-visible {
  background: var(--hg-primary) !important;
  color: #061307 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

body.is-nova .form-counter.choose_quantity input.quantity,
body.is-nova .form-counter.choose_quantity .form-control,
body.is-nova #quantity-grp.form-counter input.quantity,
body.is-nova #quantity-grp.form-counter .form-control,
body.is-nova [id^="quantity-grp"].form-counter input.quantity,
body.is-nova [id^="quantity-grp"].form-counter .form-control {
  flex: 1 1 auto !important;
  width: 1% !important;
  min-width: 3.25rem !important;
  height: auto !important;
  min-height: 2.75rem !important;
  padding: .45rem .35rem !important;
  border: 0 !important;
  border-inline: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  text-align: center !important;
}

body.is-nova .form-counter.choose_quantity .unit,
body.is-nova [id^="quantity-grp"].form-counter .unit {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 2.2rem !important;
  padding-inline: .45rem !important;
  border: 0 !important;
  border-right: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hg-muted) !important;
  box-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova .form-counter.choose_quantity,
:root[data-hg-theme="dark"] body.is-nova #quantity-grp.form-counter,
:root[data-hg-theme="dark"] body.is-nova [id^="quantity-grp"].form-counter {
  background: color-mix(in srgb, var(--hg-surface) 84%, #000000) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 10px 24px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova .form-counter.choose_quantity input.quantity,
:root[data-hg-theme="dark"] body.is-nova .form-counter.choose_quantity .form-control,
:root[data-hg-theme="dark"] body.is-nova #quantity-grp.form-counter input.quantity,
:root[data-hg-theme="dark"] body.is-nova #quantity-grp.form-counter .form-control,
:root[data-hg-theme="dark"] body.is-nova [id^="quantity-grp"].form-counter input.quantity,
:root[data-hg-theme="dark"] body.is-nova [id^="quantity-grp"].form-counter .form-control {
  color: #f4fff0 !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova .form-counter.choose_quantity,
  :root:not([data-hg-theme="light"]) body.is-nova #quantity-grp.form-counter,
  :root:not([data-hg-theme="light"]) body.is-nova [id^="quantity-grp"].form-counter {
    background: color-mix(in srgb, var(--hg-surface) 84%, #000000) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 10px 24px rgba(0, 0, 0, .24) !important;
  }

  :root:not([data-hg-theme="light"]) body.is-nova .form-counter.choose_quantity input.quantity,
  :root:not([data-hg-theme="light"]) body.is-nova .form-counter.choose_quantity .form-control,
  :root:not([data-hg-theme="light"]) body.is-nova #quantity-grp.form-counter input.quantity,
  :root:not([data-hg-theme="light"]) body.is-nova #quantity-grp.form-counter .form-control,
  :root:not([data-hg-theme="light"]) body.is-nova [id^="quantity-grp"].form-counter input.quantity,
  :root:not([data-hg-theme="light"]) body.is-nova [id^="quantity-grp"].form-counter .form-control {
    color: #f4fff0 !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline {
  align-items: stretch !important;
  row-gap: .75rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col-"] {
  display: flex !important;
  align-items: stretch !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline .btn-block {
  height: auto !important;
  min-height: 2.9rem !important;
}

body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom,
body.is-nova #content-wrapper:not(.is-item-list) .ppc-standalone-buttons button.btn-ppc {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  min-height: 46px !important;
  margin-bottom: .55rem !important;
  border: 1px solid color-mix(in srgb, #0070ba 20%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #f5fbff, #e8f5ff) !important;
  color: #12324a !important;
  box-shadow: 0 10px 24px rgba(0, 72, 130, .10) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease !important;
}

body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.gold,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.gold {
  border-color: color-mix(in srgb, #ffc439 42%, var(--hg-border)) !important;
  background: linear-gradient(135deg, #fff9df, #fff0b8) !important;
  color: #4a3500 !important;
}

body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.blue,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.blue {
  border-color: color-mix(in srgb, #0070ba 28%, var(--hg-border)) !important;
  background: linear-gradient(135deg, #f2fbff, #dcefff) !important;
  color: #07365d !important;
}

body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.black,
body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.silver,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.black,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.silver {
  border-color: color-mix(in srgb, #2c2e2f 18%, var(--hg-border)) !important;
  background: linear-gradient(135deg, #f9fbfc, #edf2f7) !important;
  color: #1d2730 !important;
}

body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom:hover,
body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom:focus-visible,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom:hover,
body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom:focus-visible {
  transform: translateY(-3px) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .16) !important;
}

:root[data-hg-theme="dark"] body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .ppc-standalone-buttons button.btn-ppc,
:root[data-hg-theme="dark"] body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.gold,
:root[data-hg-theme="dark"] body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.blue,
:root[data-hg-theme="dark"] body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.black,
:root[data-hg-theme="dark"] body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.silver,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.gold,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.blue,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.black,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.silver {
  border-color: color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 11%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 86%, #000000)) !important;
  color: #f4fff0 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .26) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .ppc-standalone-buttons button.btn-ppc,
  :root:not([data-hg-theme="light"]) body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.gold,
  :root:not([data-hg-theme="light"]) body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.blue,
  :root:not([data-hg-theme="light"]) body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.black,
  :root:not([data-hg-theme="light"]) body.is-nova button.btn.btn-ppc.ppc-paypal-button-custom.silver,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.gold,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.blue,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.black,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) button.btn.btn-ppc.ppc-paypal-button-custom.silver {
    border-color: color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 11%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 86%, #000000)) !important;
    color: #f4fff0 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .26) !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) [id*="ppc-"][id*="instalment-banner"],
body.is-nova #content-wrapper:not(.is-item-list) [id*="paypal"][id*="message"],
body.is-nova #content-wrapper:not(.is-item-list) .paypal-message,
body.is-nova #content-wrapper:not(.is-item-list) .ppc-message {
  width: 100% !important;
  min-height: 42px !important;
  margin-top: .6rem !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) [id*="ppc-"][id*="instalment-banner"] iframe,
body.is-nova #content-wrapper:not(.is-item-list) [id*="paypal"][id*="message"] iframe,
body.is-nova #content-wrapper:not(.is-item-list) .paypal-message iframe,
body.is-nova #content-wrapper:not(.is-item-list) .ppc-message iframe {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: inherit !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success {
  margin: .85rem 0 1rem !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-header {
  padding: .35rem .65rem !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, transparent) !important;
  color: var(--hg-text) !important;
  font-weight: 800 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-body {
  padding: .4rem .65rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .productbox-inner {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .productbox-title.subheadline {
  margin: 0 0 .35rem !important;
  font-size: .98rem !important;
  line-height: 1.18 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper {
  flex: 0 0 3.8rem !important;
  max-width: 3.8rem !important;
  padding-right: .45rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .square,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .image-wrapper,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper picture,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper img {
  width: 3rem !important;
  max-width: 3rem !important;
  height: 3rem !important;
  max-height: 3rem !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success dl,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success dt,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success dd {
  margin-bottom: .25rem !important;
  line-height: 1.25 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-buttons {
  margin-top: .7rem !important;
  row-gap: .55rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .x-selling {
  display: none !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper {
    flex: 0 0 6.4rem !important;
    max-width: 6.4rem !important;
    padding-right: .55rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .square,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .image-wrapper,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper picture,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper img {
    width: 5.5rem !important;
    max-width: 5.5rem !important;
    height: 5.5rem !important;
    max-height: 5.5rem !important;
  }
}

/* Product detail correction pass: make live controls match the filled-cart treatment. */
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart,
body.is-nova #content-wrapper:not(.is-item-list) #buy_form,
body.is-nova #content-wrapper:not(.is-item-list) .product-buy {
  --hg-cart-pill-bg: color-mix(in srgb, var(--hg-surface) 78%, transparent);
  --hg-cart-pill-hover-bg: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface));
  --hg-cart-pill-border: var(--hg-border);
  --hg-cart-pill-hover-border: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border));
  --hg-cart-pill-focus: color-mix(in srgb, var(--hg-primary) 24%, transparent);
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 42px !important;
  border: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 1rem !important;
  background: var(--hg-cart-pill-bg) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity .input-group-prepend,
body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity .input-group-append,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity .input-group-prepend,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity .input-group-append {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity :is([data-count-down], [data-count-up], .btn-decrement, .btn-increment),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity :is([data-count-down], [data-count-up], .btn-decrement, .btn-increment) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: .85rem !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity input.quantity,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity input.quantity {
  flex: 0 0 3.3rem !important;
  width: 3.3rem !important;
  min-width: 3.3rem !important;
  max-width: 3.3rem !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 .35rem !important;
  border: 0 !important;
  border-left: 1px solid var(--hg-cart-pill-border) !important;
  border-right: 1px solid var(--hg-cart-pill-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hg-text) !important;
  box-shadow: none !important;
  text-align: center !important;
  appearance: textfield !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity .unit,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity .unit {
  display: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity:is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity:is(:hover, :focus-within) {
  border-color: var(--hg-cart-pill-border) !important;
  background: var(--hg-cart-pill-bg) !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity :is([data-count-down], [data-count-up], .btn-decrement, .btn-increment):is(:hover, :focus, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity :is([data-count-down], [data-count-up], .btn-decrement, .btn-increment):is(:hover, :focus, :focus-visible) {
  border-color: transparent !important;
  background: var(--hg-cart-pill-hover-bg) !important;
  color: var(--hg-primary) !important;
  box-shadow: none !important;
  outline: 0 !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #quantity-grp.form-counter.choose_quantity input.quantity:focus,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .form-counter.choose_quantity input.quantity:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 .18rem var(--hg-cart-pill-focus) inset !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container {
  display: block !important;
  margin-top: .85rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .row {
  flex-direction: column !important;
  align-items: stretch !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  row-gap: .55rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  min-height: 43px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 1rem !important;
  transform: none !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container iframe,
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner iframe {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 1rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button:is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button:is(:hover, :focus-within) {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

:root[data-hg-theme="light"] body.is-nova :is(#cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button, #productDetails-ppc-paypal-standalone-button, #productDetails-ppc-paylater-standalone-button) iframe,
:root:not([data-hg-theme="dark"]) body.is-nova :is(#cart-ppc-paypal-standalone-button, #cart-ppc-paylater-standalone-button, #productDetails-ppc-paypal-standalone-button, #productDetails-ppc-paylater-standalone-button) iframe {
  filter: brightness(1.16) saturate(.96) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner,
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner [id^="zoid-paypal-message"] {
  min-height: 64px !important;
  height: 64px !important;
  max-height: 64px !important;
  margin-top: .55rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 0 !important;
  overflow: hidden !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner iframe {
  min-height: 64px !important;
  height: 64px !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success.card.alert {
  margin: .5rem 0 .7rem !important;
  border-radius: 1rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-header {
  padding: .35rem .65rem !important;
  font-size: .92rem !important;
  line-height: 1.2 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-body {
  padding: .4rem .65rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .productbox-title.subheadline {
  margin: 0 0 .35rem !important;
  font-size: .98rem !important;
  line-height: 1.18 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper {
  flex: 0 0 3.8rem !important;
  max-width: 3.8rem !important;
  padding-right: .45rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .square,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .image-wrapper,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper picture,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper img {
  width: 3rem !important;
  max-width: 3rem !important;
  height: 3rem !important;
  max-height: 3rem !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success dl {
  display: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-buttons {
  margin-top: .45rem !important;
  row-gap: .4rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-buttons .btn {
  min-height: 34px !important;
  padding: .38rem .7rem !important;
  border-radius: .85rem !important;
  font-size: .92rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-header {
    padding: .32rem .58rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .card-body {
    padding: .35rem .58rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper {
    flex: 0 0 3.5rem !important;
    max-width: 3.5rem !important;
    padding-right: .4rem !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .square,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper .image-wrapper,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper picture,
  body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .pushed-success-image-wrapper img {
    width: 2.8rem !important;
    max-width: 2.8rem !important;
    height: 2.8rem !important;
    max-height: 2.8rem !important;
  }
}

/* Pushed-success is injected above the product content in some add-to-cart flows. */
body.is-nova #pushed-success.card.alert {
  margin: .5rem 0 .7rem !important;
  border-radius: 1rem !important;
}

body.is-nova #pushed-success .card-header {
  padding: .35rem .65rem !important;
  font-size: .92rem !important;
  line-height: 1.2 !important;
}

body.is-nova #pushed-success .card-body {
  padding: .4rem .65rem !important;
}

body.is-nova #pushed-success .productbox-title.subheadline {
  margin: 0 0 .35rem !important;
  font-size: .98rem !important;
  line-height: 1.18 !important;
}

body.is-nova #pushed-success .productbox-inner > .row {
  align-items: center !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper {
  flex: 0 0 3.8rem !important;
  max-width: 3.8rem !important;
  padding-right: .45rem !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper .square,
body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
body.is-nova #pushed-success .pushed-success-image-wrapper picture,
body.is-nova #pushed-success .pushed-success-image-wrapper img {
  width: 3rem !important;
  max-width: 3rem !important;
  height: 3rem !important;
  max-height: 3rem !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.is-nova #pushed-success dl {
  display: none !important;
}

body.is-nova #pushed-success .pushed-success-buttons {
  margin-top: .45rem !important;
  row-gap: .4rem !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn {
  min-height: 34px !important;
  padding: .38rem .7rem !important;
  border-radius: .85rem !important;
  font-size: .92rem !important;
  line-height: 1.15 !important;
}

@media (max-width: 767.98px) {
  body.is-nova #pushed-success .card-header {
    padding: .32rem .58rem !important;
  }

  body.is-nova #pushed-success .card-body {
    padding: .35rem .58rem !important;
  }

  body.is-nova #pushed-success .pushed-success-image-wrapper {
    flex: 0 0 3.5rem !important;
    max-width: 3.5rem !important;
    padding-right: .4rem !important;
  }

  body.is-nova #pushed-success .pushed-success-image-wrapper .square,
  body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
  body.is-nova #pushed-success .pushed-success-image-wrapper picture,
  body.is-nova #pushed-success .pushed-success-image-wrapper img {
    width: 2.8rem !important;
    max-width: 2.8rem !important;
    height: 2.8rem !important;
    max-height: 2.8rem !important;
  }
}

/* Gilles product-detail QA follow-up: PayPal info, action motion, success card detail, zero badges, and inline links. */
body.is-nova #shop-nav .fa-sup.d-none,
body.is-nova #shop-nav .fa-sup[title="0"],
body.is-nova #shop-nav .fa-sup:empty {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message],
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  max-height: none !important;
  margin-top: .6rem !important;
  padding: .58rem .75rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 30%, var(--hg-border)) !important;
  border-radius: .9rem !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 92%, #ffffff)) !important;
  box-shadow: inset 0 1px 0 color-mix(in srgb, #ffffff 55%, transparent), 0 10px 24px rgba(0, 0, 0, .08) !important;
  color: var(--hg-text) !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: translateZ(0) !important;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message],
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
  background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message],
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
    background: linear-gradient(135deg, color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)), color-mix(in srgb, var(--hg-surface) 88%, #000000)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .26) !important;
  }
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message]:is(:hover, :focus-visible, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"]:is(:hover, :focus-visible, :focus-within) {
  border-color: color-mix(in srgb, var(--hg-primary) 48%, var(--hg-border)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
  transform: translateY(-1px) translateZ(0) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note,
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note {
  position: relative !important;
  z-index: 1 !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  width: 100% !important;
  color: inherit !important;
  font-size: .82rem !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note__more,
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note__more {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  text-underline-offset: .16em !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] [id^="zoid-paypal-message"],
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] iframe[title*="PayPal Message"],
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] [id^="zoid-paypal-message"],
body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] iframe[title*="PayPal Message"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: inherit !important;
  opacity: .01 !important;
  background: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] iframe:not([title*="PayPal Message"]) {
  display: none !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
) {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  will-change: transform, box-shadow, filter !important;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, filter .18s ease !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons iframe {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  will-change: transform, filter !important;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), filter .18s ease !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons iframe:hover {
  transform: translateY(-2px) translateZ(0) !important;
  filter: saturate(1.04) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button:is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button:is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons.hg-paypal-action-hover,
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button.hg-paypal-action-hover,
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button.hg-paypal-action-hover {
  transform: translateY(-2px) translateZ(0) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

body.is-nova #add-to-cart button[name="inWarenkorb"],
body.is-nova #add-to-cart .btn-primary,
body.is-nova #pushed-success .pushed-success-buttons .btn {
  transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  transition: transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease !important;
}

body.is-nova #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #add-to-cart .btn-primary:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible) {
  transform: translateY(-1px) translateZ(0) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

body.is-nova #pushed-success.card.alert {
  margin: .75rem 0 1rem !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}

body.is-nova #pushed-success .card-header {
  display: flex !important;
  align-items: center !important;
  gap: .45rem !important;
  padding: .55rem .85rem !important;
  font-size: .95rem !important;
  line-height: 1.25 !important;
}

body.is-nova #pushed-success .card-header::before {
  content: "\2713";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.35rem;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  background: var(--hg-primary);
  color: #061307;
  font-weight: 900;
  line-height: 1;
}

body.is-nova #pushed-success .card-body {
  padding: .75rem .85rem .85rem !important;
}

body.is-nova #pushed-success .productbox-inner > .row {
  align-items: flex-start !important;
}

body.is-nova #pushed-success .productbox-title.subheadline {
  margin: 0 0 .45rem !important;
  color: var(--hg-text) !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper {
  flex: 0 0 5.4rem !important;
  max-width: 5.4rem !important;
  padding-right: .7rem !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper .square,
body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
body.is-nova #pushed-success .pushed-success-image-wrapper picture,
body.is-nova #pushed-success .pushed-success-image-wrapper img {
  width: 4.45rem !important;
  max-width: 4.45rem !important;
  height: 4.45rem !important;
  max-height: 4.45rem !important;
  object-fit: contain !important;
  object-position: center center !important;
}

body.is-nova #pushed-success dl {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: .55rem !important;
  row-gap: .24rem !important;
  margin: 0 !important;
  padding: .55rem .65rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: .85rem !important;
  background: color-mix(in srgb, var(--hg-primary) 6%, var(--hg-surface)) !important;
}

body.is-nova #pushed-success .hg-success-detail-list {
  display: grid !important;
  visibility: visible !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: .55rem !important;
  row-gap: .24rem !important;
  width: 100% !important;
  max-width: 34rem !important;
  margin-top: .45rem !important;
  min-height: 1.6rem !important;
  opacity: 1 !important;
}

#pushed-success .hg-success-detail-list {
  display: grid !important;
  visibility: visible !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  column-gap: .55rem !important;
  row-gap: .24rem !important;
  opacity: 1 !important;
}

body.is-nova #pushed-success dl > dt,
body.is-nova #pushed-success dl > dd {
  display: block !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: .82rem !important;
  line-height: 1.28 !important;
}

body.is-nova #pushed-success dl > dt {
  color: var(--hg-muted) !important;
  font-weight: 750 !important;
}

body.is-nova #pushed-success dl > dd {
  min-width: 0 !important;
  color: var(--hg-text) !important;
  overflow-wrap: anywhere !important;
}

body.is-nova #pushed-success dl .attr-characteristic ul {
  max-height: 4.8rem !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body.is-nova #pushed-success .pushed-success-buttons {
  margin-top: .7rem !important;
  row-gap: .5rem !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn {
  min-height: 42px !important;
  padding: .58rem .8rem !important;
  border-radius: .9rem !important;
  font-size: .94rem !important;
  line-height: 1.2 !important;
}

body.is-nova .product-info a,
body.is-nova .product-manufacturer a,
body.is-nova .product-category a,
body.is-nova .product-attributes .attr-characteristic a,
body.is-nova .product-attributes a.badge {
  position: relative !important;
  color: color-mix(in srgb, var(--hg-text) 84%, var(--hg-primary) 16%) !important;
  text-decoration: none !important;
  text-underline-offset: .18em !important;
  transition: color .18s ease, text-decoration-color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s cubic-bezier(.2, .8, .2, 1), box-shadow .18s ease !important;
}

body.is-nova .product-info a:is(:hover, :focus-visible),
body.is-nova .product-manufacturer a:is(:hover, :focus-visible),
body.is-nova .product-category a:is(:hover, :focus-visible),
body.is-nova .product-attributes .attr-characteristic a:is(:hover, :focus-visible),
body.is-nova .product-attributes a.badge:is(:hover, :focus-visible) {
  color: var(--hg-primary) !important;
  text-decoration: underline !important;
  text-decoration-color: currentColor !important;
  transform: translateY(-1px) !important;
}

body.is-nova .product-attributes a.badge:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--hg-primary) 15%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .10) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-local-message] .hg-paypal-local-note,
  body.is-nova #content-wrapper:not(.is-item-list) #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] .hg-paypal-local-note {
    flex-direction: column !important;
    gap: .25rem !important;
  }

  body.is-nova #pushed-success .card-body {
    padding: .65rem !important;
  }

  body.is-nova #pushed-success .pushed-success-image-wrapper {
    flex: 0 0 4.7rem !important;
    max-width: 4.7rem !important;
    padding-right: .55rem !important;
  }

  body.is-nova #pushed-success .pushed-success-image-wrapper .square,
  body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
  body.is-nova #pushed-success .pushed-success-image-wrapper picture,
  body.is-nova #pushed-success .pushed-success-image-wrapper img {
    width: 3.8rem !important;
    max-width: 3.8rem !important;
    height: 3.8rem !important;
    max-height: 3.8rem !important;
  }

  body.is-nova #pushed-success dl {
    grid-template-columns: 1fr !important;
    row-gap: .15rem !important;
  }

  body.is-nova #pushed-success dl > dd {
    margin-bottom: .25rem !important;
  }
}

/* Product action follow-up: align product PayPal, soften links, and tighten cart/success actions. */
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container {
  width: 100% !important;
  max-width: 100% !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container > .row,
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .row:has(#productDetails-ppc-paypal-standalone-button, #productDetails-ppc-paylater-standalone-button) {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  width: 100% !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons {
  display: block !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: translateY(0) translateZ(0) !important;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease, filter .22s ease !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button,
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 52px !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons.hg-paypal-action-hover,
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button.hg-paypal-action-hover,
body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button.hg-paypal-action-hover,
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons:is(:hover, :focus-within) {
  transform: translateY(-3px) translateZ(0) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons.hg-paypal-action-hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paypal-standalone-button.hg-paypal-action-hover,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #productDetails-ppc-paylater-standalone-button.hg-paypal-action-hover {
  box-shadow: 0 16px 38px rgba(0, 0, 0, .32) !important;
}

body.is-nova .product-info a,
body.is-nova .product-manufacturer a,
body.is-nova .product-category a,
body.is-nova .product-attributes .attr-characteristic a {
  display: inline-block !important;
  padding-bottom: .06em !important;
  background-image: none !important;
  text-decoration: none !important;
}

body.is-nova .product-info a::after,
body.is-nova .product-manufacturer a::after,
body.is-nova .product-category a::after,
body.is-nova .product-attributes .attr-characteristic a::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -.08em !important;
  left: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  opacity: 0 !important;
  transform: translateX(.28rem) scaleX(0) !important;
  transform-origin: right center !important;
  transition: opacity .26s ease, transform .28s cubic-bezier(.2, .8, .2, 1) !important;
}

body.is-nova .product-info a:is(:hover, :focus-visible),
body.is-nova .product-manufacturer a:is(:hover, :focus-visible),
body.is-nova .product-category a:is(:hover, :focus-visible),
body.is-nova .product-attributes .attr-characteristic a:is(:hover, :focus-visible) {
  text-decoration: none !important;
}

body.is-nova .product-info a:is(:hover, :focus-visible)::after,
body.is-nova .product-manufacturer a:is(:hover, :focus-visible)::after,
body.is-nova .product-category a:is(:hover, :focus-visible)::after,
body.is-nova .product-attributes .attr-characteristic a:is(:hover, :focus-visible)::after {
  opacity: .9 !important;
  transform: translateX(0) scaleX(1) !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button,
body.is-nova #add-to-cart button[name="inWarenkorb"],
body.is-nova #pushed-success .pushed-success-buttons .btn {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  isolation: isolate !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  transform: translateY(0) translateZ(0) !important;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, filter .22s ease !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button::before,
body.is-nova #add-to-cart button[name="inWarenkorb"]::before,
body.is-nova #pushed-success .pushed-success-buttons .btn::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: linear-gradient(120deg, transparent 12%, rgba(255, 255, 255, .24) 42%, transparent 68%) !important;
  opacity: 0 !important;
  transform: translateX(-38%) !important;
  transition: opacity .24s ease, transform .34s cubic-bezier(.2, .8, .2, 1) !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible),
body.is-nova #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible) {
  transform: translateY(-2px) translateZ(0) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible)::before,
body.is-nova #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible)::before,
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible)::before {
  opacity: 1 !important;
  transform: translateX(34%) !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button .fas,
body.is-nova #add-to-cart button[name="inWarenkorb"] .fas,
body.is-nova #pushed-success .pushed-success-buttons .btn .fas,
body.is-nova #pushed-success .pushed-success-buttons .btn .fa {
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), opacity .22s ease !important;
}

body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible) .fas,
body.is-nova #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible) .fas,
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible) .fas,
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible) .fa {
  transform: translateX(.16rem) !important;
}

body.is-nova #pushed-success.card.alert {
  max-width: 42rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .16) !important;
}

body.is-nova #pushed-success .productbox-inner > .row {
  display: grid !important;
  grid-template-columns: 5.2rem minmax(0, 1fr) !important;
  gap: .8rem !important;
}

body.is-nova #pushed-success .productbox-inner > .row > [class*="col"]:first-child {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper {
  grid-column: 1 !important;
  width: 5.2rem !important;
  max-width: 5.2rem !important;
  padding: 0 !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper + [class*="col"] {
  grid-column: 2 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.is-nova #pushed-success .hg-success-detail-list,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success .hg-success-detail-list,
body.is-nova #content-wrapper:not(.is-item-list) #pushed-success.hg-success-has-native-details dl:not(.hg-success-detail-list),
body.is-nova #pushed-success.hg-success-has-native-details dl:not(.hg-success-detail-list) {
  display: grid !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body.is-nova #pushed-success:not(.hg-success-has-native-details) dl:not(.hg-success-detail-list):empty,
body.is-nova #pushed-success:not(.hg-success-has-native-details) dl:not(.hg-success-detail-list):not(:has(dd:not(:empty))) {
  display: none !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-item-actions {
  display: flex !important;
  align-items: center !important;
  gap: .4rem !important;
  margin-top: .35rem !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-remove-form {
  margin: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, #f05a5a 42%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, #f05a5a 8%, var(--hg-surface)) !important;
  color: color-mix(in srgb, #f05a5a 88%, var(--hg-text)) !important;
  line-height: 1 !important;
  transform: translateY(0) !important;
  transition: transform .2s cubic-bezier(.2, .8, .2, 1), background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-remove:is(:hover, :focus-visible) {
  border-color: #f05a5a !important;
  background: color-mix(in srgb, #f05a5a 16%, var(--hg-surface)) !important;
  box-shadow: 0 8px 18px rgba(240, 90, 90, .18) !important;
  transform: translateY(-1px) !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-remove-form.is-loading .hg-mini-cart-remove {
  opacity: .62 !important;
  transform: none !important;
}

/* Product action correction: final overrides for add-to-cart success, PayPal sizing, and mini-cart remove. */
body.is-nova #pushed-success.card.alert,
body.is-nova #pushed-success {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.is-nova #pushed-success .productbox-inner > .row {
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.is-nova #pushed-success .pushed-success-buttons {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

body.is-nova #pushed-success .pushed-success-buttons > [class*="col"] {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container > .row > [class*="col"],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .row:has(#productDetails-ppc-paypal-standalone-button, #productDetails-ppc-paylater-standalone-button) > [class*="col"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container > .row > [class*="col"]:has(#ppc-productDetails-instalment-banner),
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .row > [class*="col"]:has(#ppc-productDetails-instalment-banner),
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [id^="zoid-paypal-message"]:has(#ppc-productDetails-instalment-banner) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner,
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner [id^="zoid-paypal-message"],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner iframe[title*="PayPal Message"] {
  width: 100% !important;
  max-width: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
) {
  min-height: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  transform: translateY(0) translateZ(0) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
):is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
).hg-paypal-action-hover {
  transform: translateY(-3px) translateZ(0) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons iframe,
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons iframe:hover {
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  max-width: 100% !important;
  transform: none !important;
  filter: none !important;
}

body.is-nova #add-to-cart button[name="inWarenkorb"],
body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button,
body.is-nova #pushed-success .pushed-success-buttons .btn {
  min-height: 48px !important;
  border-radius: 16px !important;
  font-weight: 900 !important;
}

body.is-nova #add-to-cart button[name="inWarenkorb"],
body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button,
body.is-nova #pushed-success .pushed-success-buttons .btn-primary,
body.is-nova #pushed-success .pushed-success-buttons .btn-basket {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
}

body.is-nova #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-primary:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-basket:is(:hover, :focus-visible) {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, #28e810 24%, transparent) !important;
  transform: none !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary {
  border-color: color-mix(in srgb, var(--hg-primary) 42%, var(--hg-border)) !important;
  color: var(--hg-primary) !important;
  background: color-mix(in srgb, var(--hg-surface) 82%, transparent) !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary:is(:hover, :focus-visible) {
  background: color-mix(in srgb, var(--hg-primary) 13%, var(--hg-surface)) !important;
  border-color: color-mix(in srgb, var(--hg-primary) 52%, var(--hg-border)) !important;
  color: var(--hg-primary) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  transform: translateY(-3px) !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row {
  grid-template-columns: 76px auto minmax(0, 1fr) auto !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-item-actions {
  justify-content: flex-end !important;
  margin-top: 0 !important;
}

html body.is-nova #shop-nav #cart-dropdown-container .hg-mini-cart-remove {
  width: 2.25rem !important;
  height: 2.25rem !important;
  border-color: color-mix(in srgb, #f05a5a 44%, var(--hg-border)) !important;
  background: color-mix(in srgb, #f05a5a 7%, var(--hg-surface)) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container > .row,
  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .row:has(#productDetails-ppc-paypal-standalone-button, #productDetails-ppc-paylater-standalone-button) {
    grid-template-columns: 1fr !important;
  }

  body.is-nova #pushed-success .pushed-success-buttons {
    grid-template-columns: 1fr !important;
  }

  html body.is-nova #shop-nav #cart-dropdown-container .dropdown-cart-items .form-row {
    grid-template-columns: 64px auto minmax(0, 1fr) auto !important;
  }

  body.is-nova #pushed-success .productbox-inner > .row {
    grid-template-columns: 4.5rem minmax(0, 1fr) !important;
    gap: .65rem !important;
  }

  body.is-nova #pushed-success .pushed-success-image-wrapper {
    width: 4.5rem !important;
    max-width: 4.5rem !important;
  }
}

/* Product action final polish: reuse the cart popout button treatment and cart PayPal crop. */
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container[data-hg-paypal-product-container],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container[data-hg-paypal-product-container] > .row,
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-product-row] {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-product-row] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .65rem !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-product-row] > [class*="col"],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-info-col] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col] {
  grid-column: auto !important;
  flex: 0 1 auto !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-info-col] {
  grid-column: 1 / -1 !important;
  flex: 0 0 100% !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner[data-hg-paypal-local-message],
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #ppc-productDetails-instalment-banner[data-hg-paypal-message-mode="native-overlay"] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
) {
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  padding: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
  border-radius: 16px !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
) iframe {
  display: block !important;
  width: 100% !important;
  height: 43px !important;
  min-height: 43px !important;
  max-height: 43px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  transform: none !important;
  filter: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
):is(:hover, :focus-within),
body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container :is(
  #productDetails-ppc-paypal-standalone-button,
  #productDetails-ppc-paylater-standalone-button,
  .ppc-standalone-buttons
).hg-paypal-action-hover {
  transform: translateY(-3px) translateZ(0) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
  filter: saturate(1.04) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"],
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button,
body.is-nova #pushed-success .pushed-success-buttons .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  height: 100% !important;
  margin: 0 !important;
  padding: .65rem .75rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 16px !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn:is(:hover, :focus-visible) {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:not(:hover):not(:focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:not(:hover):not(:focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn:not(:hover):not(:focus-visible) {
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"],
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button,
body.is-nova #pushed-success .pushed-success-buttons .btn-primary,
body.is-nova #pushed-success .pushed-success-buttons .btn-basket {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-primary:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-basket:is(:hover, :focus-visible) {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
}

/* Add-to-cart buttons: mirror the cart popout action-button hover treatment. */
body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn,
body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn-primary,
body.is-nova #content-wrapper .form-basket .basket-details-add-to-cart,
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"],
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: .65rem .75rem !important;
  line-height: 1.2 !important;
  text-align: center !important;
  border-radius: 16px !important;
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  font-weight: 900 !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn:is(:hover, :focus-visible),
body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn-primary:is(:hover, :focus-visible),
body.is-nova #content-wrapper .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible) {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible) {
  background: #28e810 !important;
  border-color: #28e810 !important;
  color: #041105 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper {
  width: 6rem !important;
  max-width: 6rem !important;
}

body.is-nova #pushed-success .pushed-success-image-wrapper .square,
body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
body.is-nova #pushed-success .pushed-success-image-wrapper picture,
body.is-nova #pushed-success .pushed-success-image-wrapper img {
  width: 6rem !important;
  max-width: 6rem !important;
  height: 6rem !important;
  max-height: 6rem !important;
}

@media (max-width: 767.98px) {
  body.is-nova #pushed-success .pushed-success-image-wrapper,
  body.is-nova #pushed-success .pushed-success-image-wrapper .square,
  body.is-nova #pushed-success .pushed-success-image-wrapper .image-wrapper,
  body.is-nova #pushed-success .pushed-success-image-wrapper picture,
  body.is-nova #pushed-success .pushed-success-image-wrapper img {
    width: 5.25rem !important;
    max-width: 5.25rem !important;
    height: 5.25rem !important;
    max-height: 5.25rem !important;
  }
}

/* Add-to-cart hover correction: use the transparent green-border treatment from the mini-cart action. */
body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn:is(:hover, :focus-visible),
body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn-primary:is(:hover, :focus-visible),
body.is-nova #content-wrapper .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn-primary:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper .form-basket button[name="inWarenkorb"].btn-primary:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper .form-basket .basket-details-add-to-cart:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart button[name="inWarenkorb"]:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #add-to-cart .basket-form-inline > [class*="col"]:nth-child(2) > button:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

/* Confirmation popup actions: mirror product add-to-cart and mini-cart checkout. */
body.is-nova #pushed-success .pushed-success-buttons .btn-basket,
body.is-nova #pushed-success .pushed-success-buttons .btn-primary.btn-basket {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn-basket:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-primary.btn-basket:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-basket:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-primary.btn-basket:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-basket:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-primary.btn-basket:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping,
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping,
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible) {
  border-color: #28e810 !important;
  color: #28e810 !important;
}

/* Confirmation popup secondary action: force the same passive/lift motion as mini-cart "Zur Kasse". */
body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: none !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn::before,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping::before,
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping::before,
body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible)::before,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible)::before,
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible)::before {
  opacity: 0 !important;
  transform: none !important;
  background: none !important;
}

body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn .fa,
body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn .fas,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping .fa,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping .fas,
body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible) .fa,
body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible) .fas,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible) .fa,
body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible) .fas {
  transform: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn,
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping,
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn,
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .continue-shopping,
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping,
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons > [class*="col"]:first-child .btn:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .continue-shopping:is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #pushed-success .pushed-success-buttons .btn-outline-primary.continue-shopping:is(:hover, :focus-visible) {
  border-color: #28e810 !important;
  color: #28e810 !important;
}

/* Product PayPal correction: inset the desktop button paint instead of stretching the info banner. */
@media (min-width: 768px) {
  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container {
    --hg-product-paypal-edge-inset: 1rem;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col] {
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col-position="first"] {
    padding-left: var(--hg-product-paypal-edge-inset, 1rem) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col-position="last"] {
    padding-right: var(--hg-product-paypal-edge-inset, 1rem) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #productDetails-ppc-paypal-standalone-button[data-hg-paypal-action-col-position="first"],
  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons[data-hg-paypal-action-col-position="first"] {
    padding-left: var(--hg-product-paypal-edge-inset, 1rem) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container #productDetails-ppc-paylater-standalone-button[data-hg-paypal-action-col-position="last"],
  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container .ppc-standalone-buttons[data-hg-paypal-action-col-position="last"] {
    padding-right: var(--hg-product-paypal-edge-inset, 1rem) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #paypal-button-productDetails-container [data-hg-paypal-action-col] :is(
    #productDetails-ppc-paypal-standalone-button,
    #productDetails-ppc-paylater-standalone-button,
    .ppc-standalone-buttons
  ) {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
}

html body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping,
html body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #f5f7fa !important;
  text-shadow: none !important;
  transform: translate3d(0, 0, 0) !important;
  box-shadow: none !important;
  filter: none !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease !important;
}

:root[data-hg-theme="light"] body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping,
:root[data-hg-theme="light"] body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping {
  color: var(--hg-text) !important;
}

html body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:hover,
html body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus,
html body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus-visible,
html body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:hover,
html body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus,
html body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus-visible {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #28e810 !important;
  text-shadow: none !important;
  transform: translate3d(0, -1px, 0) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="light"] body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:hover,
:root[data-hg-theme="light"] body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus,
:root[data-hg-theme="light"] body.is-nova #pushed-success.card.alert .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus-visible,
:root[data-hg-theme="light"] body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:hover,
:root[data-hg-theme="light"] body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus,
:root[data-hg-theme="light"] body.is-nova #pushed-success .pushed-success-buttons a.btn.btn-outline-primary.continue-shopping:focus-visible {
  border-color: #118707 !important;
  color: #118707 !important;
}

/* Confirmation popup and consent banner polish: tighter scope for approval_mqimbjf9_34edf8. */
body.is-nova #pushed-success .pushed-success-buttons .btn {
  column-gap: .6rem !important;
}

body.is-nova #pushed-success .pushed-success-buttons .btn .fa,
body.is-nova #pushed-success .pushed-success-buttons .btn .fas {
  flex: 0 0 auto !important;
  margin-inline: 0 !important;
}

body.is-nova #consent-manager.active,
body.is-nova #consent-banner {
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  width: auto !important;
  max-width: none !important;
  max-height: min(58vh, 26rem) !important;
  margin: 0 !important;
  overflow: auto !important;
  transform: none !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  background: color-mix(in srgb, var(--hg-surface) 97%, transparent) !important;
  box-shadow: 0 -18px 48px rgba(14, 39, 10, .16) !important;
}

body.is-nova #consent-banner {
  left: 50% !important;
  right: auto !important;
  width: fit-content !important;
  min-width: min(24rem, calc(100vw - 1rem)) !important;
  max-width: min(42rem, calc(100vw - 1rem)) !important;
  transform: translateX(-50%) !important;
}

body.is-nova #consent-banner .consent-banner-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 1rem clamp(1rem, 3vw, 1.5rem) !important;
  text-align: left !important;
}

body.is-nova #consent-banner .consent-banner-description {
  max-width: 36rem !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

body.is-nova #consent-banner .consent-banner-actions {
  margin-left: 0 !important;
  width: 100% !important;
}

body.is-nova #consent-banner .consent-display-2 {
  display: block !important;
  margin-bottom: .35rem !important;
  font-size: .95rem !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

body.is-nova #consent-banner .consent-banner-description p {
  margin: 0 0 .35rem !important;
  font-size: .78rem !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

body.is-nova #consent-banner .consent-btn-helper {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .45rem !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  margin: .75rem 0 0 !important;
  width: 100% !important;
}

body.is-nova #consent-banner .consent-btn-helper > div,
body.is-nova #consent-banner .consent-btn {
  flex: 0 1 11rem !important;
  min-width: 0 !important;
}

body.is-nova #consent-banner .consent-btn-helper > div {
  padding: 0 !important;
}

body.is-nova #consent-banner .consent-btn {
  min-height: 2.25rem !important;
  padding: .48rem .7rem !important;
  border-radius: 999px !important;
  font-size: .78rem !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-manager.active,
:root[data-hg-theme="dark"] body.is-nova #consent-banner,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active,
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner {
  border-color: color-mix(in srgb, #28e810 22%, rgba(255, 255, 255, .18)) !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, #050905) !important;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, .34) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-banner .consent-display-2,
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner .consent-display-2 {
  color: rgba(245, 252, 243, .94) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-banner .consent-banner-description p,
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner .consent-banner-description p {
  color: rgba(245, 252, 243, .74) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-banner .consent-btn:not(.btn-primary),
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner .consent-btn:not(.btn-primary) {
  border-color: rgba(245, 252, 243, .34) !important;
  color: rgba(245, 252, 243, .82) !important;
}

@media (max-width: 575.98px) {
  body.is-nova #consent-manager.active,
  body.is-nova #consent-banner {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    max-width: none !important;
    max-height: 68vh !important;
    border-radius: 18px 18px 0 0 !important;
  }

  body.is-nova #consent-banner {
    left: 50% !important;
    right: auto !important;
    width: calc(100vw - 1rem) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 1rem) !important;
  }

  body.is-nova #consent-banner .consent-banner-body {
    padding: .85rem .8rem !important;
  }

  body.is-nova #consent-banner .consent-btn-helper > div,
  body.is-nova #consent-banner .consent-btn {
    flex: 1 1 8.75rem !important;
  }
}

body.is-nova #consent-manager.active {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  max-height: none !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-manager.active,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Consent banner/settings polish: approval_mqjc36fy_a17d7d. */
body.is-nova #consent-manager.active {
  bottom: calc(.9rem + env(safe-area-inset-bottom, 0px)) !important;
  overflow: visible !important;
}

body.is-nova #consent-banner {
  bottom: calc(.9rem + env(safe-area-inset-bottom, 0px)) !important;
  max-height: none !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 48px rgba(14, 39, 10, .18) !important;
}

:not(.fading) > #consent-banner::after,
body.is-nova #consent-banner::after {
  content: none !important;
  display: none !important;
}

body.is-nova #consent-banner .consent-banner-body {
  max-height: min(58vh, 22rem) !important;
  overflow: auto !important;
  padding-top: 1.35rem !important;
}

body.is-nova #consent-banner .consent-banner-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 3rem !important;
  height: 3rem !important;
  padding: .58rem !important;
  overflow: visible !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 24%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 98%, transparent) !important;
  color: var(--hg-primary-strong, var(--hg-primary)) !important;
  box-shadow: 0 10px 28px rgba(14, 39, 10, .14) !important;
  z-index: 2 !important;
}

body.is-nova #consent-banner .consent-banner-icon::before {
  content: none !important;
  display: none !important;
}

body.is-nova #consent-banner .consent-banner-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

body.is-nova #consent-manager.mini #consent-settings-btn,
body.is-nova #consent-manager.active #consent-settings-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: max(1rem, env(safe-area-inset-left, 0px)) !important;
  right: auto !important;
  bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  padding: .62rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 96%, transparent) !important;
  color: var(--hg-primary-strong, var(--hg-primary)) !important;
  box-shadow: 0 12px 28px rgba(14, 39, 10, .18) !important;
}

body.is-nova #consent-manager.mini #consent-settings-btn:hover,
body.is-nova #consent-manager.mini #consent-settings-btn:focus,
body.is-nova #consent-manager.mini #consent-settings-btn:focus-visible,
body.is-nova #consent-manager.active #consent-settings-btn:hover,
body.is-nova #consent-manager.active #consent-settings-btn:focus,
body.is-nova #consent-manager.active #consent-settings-btn:focus-visible {
  border-color: #18a808 !important;
  background: color-mix(in srgb, var(--hg-surface) 88%, #18a808 12%) !important;
  color: #18a808 !important;
  box-shadow: 0 14px 34px rgba(14, 39, 10, .22) !important;
}

body.is-nova #consent-manager.mini #consent-settings-btn .consent-icon,
body.is-nova #consent-manager.mini #consent-settings-btn svg,
body.is-nova #consent-manager.active #consent-settings-btn .consent-icon,
body.is-nova #consent-manager.active #consent-settings-btn svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

body.is-nova #consent-settings.consent-modal {
  padding: clamp(1rem, 3vw, 2rem) !important;
  background: rgba(12, 19, 13, .58) !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

body.is-nova #consent-settings .consent-modal-content {
  box-sizing: border-box !important;
  width: min(40rem, calc(100vw - 2rem)) !important;
  max-width: min(40rem, calc(100vw - 2rem)) !important;
  max-height: calc(100vh - clamp(3.5rem, 9vh, 5.5rem) - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
  margin: clamp(1rem, 3vh, 1.75rem) auto 0 !important;
  padding: clamp(1.35rem, 3vw, 2rem) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  border-radius: 22px !important;
  background: var(--hg-surface) !important;
  color: var(--hg-text) !important;
  box-shadow: 0 24px 70px rgba(14, 39, 10, .2) !important;
}

body.is-nova #consent-settings .consent-modal-content::after {
  content: none !important;
  display: none !important;
}

body.is-nova #consent-settings .consent-modal-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  padding: 0 !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, transparent) !important;
  color: var(--hg-text) !important;
}

body.is-nova #consent-settings .consent-modal-close:hover,
body.is-nova #consent-settings .consent-modal-close:focus,
body.is-nova #consent-settings .consent-modal-close:focus-visible {
  border-color: #18a808 !important;
  color: #18a808 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
}

body.is-nova #consent-settings .consent-modal-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 4rem !important;
  height: 4rem !important;
  margin: 0 auto 1rem !important;
  padding: .95rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 20%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary-strong, var(--hg-primary)) !important;
  box-shadow: 0 12px 30px rgba(14, 39, 10, .14) !important;
  transform: none !important;
  overflow: visible !important;
}

body.is-nova #consent-settings .consent-modal-icon svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

body.is-nova #consent-settings .consent-switch {
  margin: .8rem 0 !important;
}

body.is-nova #consent-settings .consent-switch .consent-label {
  color: var(--hg-text) !important;
}

body.is-nova #consent-settings .consent-switch .consent-label::before {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface-2) 82%, var(--hg-surface)) !important;
}

body.is-nova #consent-settings .consent-switch .consent-label::after {
  background: var(--hg-surface) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .16) !important;
}

body.is-nova #consent-settings .consent-switch .consent-input:checked ~ .consent-label::before {
  border-color: #18a808 !important;
  background: #18a808 !important;
}

body.is-nova #consent-settings .consent-help,
body.is-nova #consent-settings .consent-more-description {
  color: color-mix(in srgb, var(--hg-text) 78%, transparent) !important;
}

body.is-nova #consent-settings .consent-more-description {
  border: 1px solid color-mix(in srgb, var(--hg-primary) 14%, var(--hg-border)) !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--hg-surface-2) 72%, var(--hg-surface)) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-banner,
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner {
  border-color: color-mix(in srgb, #28e810 22%, rgba(255, 255, 255, .18)) !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .4) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-banner .consent-banner-icon,
:root:not([data-hg-theme="light"]) body.is-nova #consent-banner .consent-banner-icon {
  border-color: color-mix(in srgb, #28e810 26%, rgba(255, 255, 255, .2)) !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, #050905) !important;
  color: #28e810 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-manager.mini #consent-settings-btn,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.active #consent-settings-btn,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.mini #consent-settings-btn,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active #consent-settings-btn {
  border-color: color-mix(in srgb, #28e810 24%, rgba(255, 255, 255, .2)) !important;
  background: color-mix(in srgb, var(--hg-surface) 92%, #050905) !important;
  color: #28e810 !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .4) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-manager.mini #consent-settings-btn:hover,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.mini #consent-settings-btn:focus,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.mini #consent-settings-btn:focus-visible,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.active #consent-settings-btn:hover,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.active #consent-settings-btn:focus,
:root[data-hg-theme="dark"] body.is-nova #consent-manager.active #consent-settings-btn:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.mini #consent-settings-btn:hover,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.mini #consent-settings-btn:focus,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.mini #consent-settings-btn:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active #consent-settings-btn:hover,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active #consent-settings-btn:focus,
:root:not([data-hg-theme="light"]) body.is-nova #consent-manager.active #consent-settings-btn:focus-visible {
  border-color: #28e810 !important;
  background: color-mix(in srgb, var(--hg-surface) 84%, #28e810 16%) !important;
  color: #28e810 !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings.consent-modal,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings.consent-modal {
  background: rgba(2, 6, 3, .72) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-content,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-content {
  border-color: color-mix(in srgb, #28e810 20%, rgba(255, 255, 255, .18)) !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, #050905) !important;
  color: rgba(245, 252, 243, .9) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .46) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-close,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-close {
  border-color: rgba(245, 252, 243, .18) !important;
  background: rgba(245, 252, 243, .06) !important;
  color: rgba(245, 252, 243, .88) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-close:hover,
:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-close:focus,
:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-close:focus-visible,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-close:hover,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-close:focus,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-close:focus-visible {
  border-color: #28e810 !important;
  color: #28e810 !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-modal-icon,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-modal-icon {
  border-color: color-mix(in srgb, #28e810 24%, rgba(255, 255, 255, .18)) !important;
  background: color-mix(in srgb, var(--hg-surface) 94%, #050905) !important;
  color: #28e810 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .34) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-switch .consent-label,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-switch .consent-label {
  color: rgba(245, 252, 243, .9) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-switch .consent-label::before,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-switch .consent-label::before {
  border-color: rgba(245, 252, 243, .2) !important;
  background: rgba(245, 252, 243, .12) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-switch .consent-label::after,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-switch .consent-label::after {
  background: rgba(245, 252, 243, .9) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-switch .consent-input:checked ~ .consent-label::before,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-switch .consent-input:checked ~ .consent-label::before {
  border-color: #28e810 !important;
  background: #18a808 !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-help,
:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-more-description,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-help,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-more-description {
  color: rgba(245, 252, 243, .72) !important;
}

:root[data-hg-theme="dark"] body.is-nova #consent-settings .consent-more-description,
:root:not([data-hg-theme="light"]) body.is-nova #consent-settings .consent-more-description {
  border-color: rgba(245, 252, 243, .16) !important;
  background: rgba(245, 252, 243, .06) !important;
}

@media (max-width: 575.98px) {
  body.is-nova #consent-manager.active {
    bottom: calc(.65rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.is-nova #consent-banner {
    bottom: calc(.65rem + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100vw - 1rem) !important;
    max-width: calc(100vw - 1rem) !important;
    border-radius: 18px !important;
  }

  body.is-nova #consent-banner .consent-banner-body {
    max-height: min(64vh, 27rem) !important;
    padding-top: 1.45rem !important;
  }

  body.is-nova #consent-banner .consent-banner-icon {
    width: 2.75rem !important;
    height: 2.75rem !important;
    padding: .52rem !important;
  }

  body.is-nova #consent-manager.mini #consent-settings-btn,
  body.is-nova #consent-manager.active #consent-settings-btn {
    left: max(.75rem, env(safe-area-inset-left, 0px)) !important;
    bottom: calc(.75rem + env(safe-area-inset-bottom, 0px)) !important;
    width: 2.6rem !important;
    height: 2.6rem !important;
    padding: .58rem !important;
  }

  body.is-nova #consent-settings.consent-modal {
    padding: .75rem !important;
  }

  body.is-nova #consent-settings .consent-modal-content {
    width: calc(100vw - 1.5rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
    max-height: calc(100vh - 2.25rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
    margin-top: .75rem !important;
    border-radius: 18px !important;
  }

  body.is-nova #consent-settings .consent-modal-icon {
    width: 3.35rem !important;
    height: 3.35rem !important;
    margin-bottom: .8rem !important;
    padding: .72rem !important;
  }
}

/* Cart quantity clipping guard: keep the full stepper visible without breaking cart columns. */
@media (min-width: 1300px) {
  body.is-nova #cart-form .cart-items-header > .col > .row {
    align-items: center !important;
  }

  body.is-nova #cart-form .cart-items-header > .col > .row > [class*="col"]:first-child {
    padding-left: clamp(4.75rem, 7vw, 6.75rem) !important;
  }

  body.is-nova #cart-form .cart-items-header > .col > .row > .col-2:not(.text-right-util),
  body.is-nova #cart-form .cart-items-header > .col > .row > .text-center-util {
    display: flex !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.is-nova #cart-form .cart-items-header > .col > .row > .text-right-util {
    display: flex !important;
    justify-content: flex-end !important;
    text-align: right !important;
  }
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity {
  min-width: 0 !important;
  overflow: visible !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-price {
  min-width: 0 !important;
  text-align: right !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-price .price_overall {
  display: inline-block !important;
  max-width: 100% !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity .qty-wrapper,
body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group.form-counter {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  width: 8.5rem !important;
  min-width: 8.5rem !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-prepend,
body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-append {
  flex: 0 0 42px !important;
  min-width: 42px !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity :is(.btn-decrement, .btn-increment) {
  flex: 0 0 42px !important;
  max-width: 42px !important;
}

body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity {
  flex: 1 1 auto !important;
  min-width: calc(8.5rem - 84px) !important;
  max-width: calc(8.5rem - 84px) !important;
}

@media (max-width: 575.98px) {
  body.is-nova #cart-form .cart-items-body .cart-items-quantity {
    flex: 0 0 auto !important;
    min-width: 8.5rem !important;
  }

  body.is-nova #cart-form .cart-items-body .cart-items-quantity .qty-wrapper,
  body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group.form-counter {
    width: 8.5rem !important;
    min-width: 8.5rem !important;
    max-width: 8.5rem !important;
  }

  body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-prepend,
  body.is-nova #cart-form .cart-items-body .cart-items-quantity .input-group-append,
  body.is-nova #cart-form .cart-items-body .cart-items-quantity :is(.btn-decrement, .btn-increment) {
    flex-basis: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }

  body.is-nova #cart-form .cart-items-body .cart-items-quantity input.quantity {
    flex-basis: calc(8.5rem - 80px) !important;
    min-width: calc(8.5rem - 80px) !important;
    max-width: calc(8.5rem - 80px) !important;
  }
}

/* Account access correction: keep floating labels clean and CTAs aligned with cart actions. */
body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) :is(input, .form-control) {
  background-color: var(--hg-input-bg) !important;
  color: var(--hg-contrast-text) !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) :is(input, .form-control)::placeholder {
  background: transparent !important;
  color: color-mix(in srgb, var(--hg-muted) 76%, var(--hg-text) 24%) !important;
  opacity: 1 !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) .form-label-group > label,
body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) .form-label-group > label::before,
body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) .form-label-group > label::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) .form-label-group > label {
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) > label {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::before,
body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) > label::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer).label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
body.is-nova :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer).label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::before,
body.is-nova :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer).label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova .label-slide :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
body.is-nova .label-slide :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) label::before,
body.is-nova .label-slide :is(#account, #account #login_form, #account .login-form, #login_form, .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) label::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form, #new_customer) .form-group:not(.exclude-from-label-slide):not(.checkbox) > label .optional {
  background: transparent !important;
  background-color: transparent !important;
}

:root[data-hg-theme="dark"] body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) :is(input, .form-control),
:root:not([data-hg-theme="light"]) body.is-nova :is(#account #login_form, #account .login-form, #form-register, .register-form) :is(input, .form-control) {
  background-color: color-mix(in srgb, var(--hg-surface) 84%, #000000) !important;
  color: #f4fff0 !important;
}

body.is-nova :is(#account .login-form-submit, #form-register, .register-form) :is(.btn-primary, button[type="submit"]) {
  background: #18a808 !important;
  border-color: #18a808 !important;
  color: #061307 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.is-nova :is(#account .login-form-submit, #form-register, .register-form) :is(.btn-primary, button[type="submit"]):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  filter: none !important;
}

:root[data-hg-theme="dark"] body.is-nova :is(#account .login-form-submit, #form-register, .register-form) :is(.btn-primary, button[type="submit"]):is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova :is(#account .login-form-submit, #form-register, .register-form) :is(.btn-primary, button[type="submit"]):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
  border-color: color-mix(in srgb, var(--hg-primary) 16%, var(--hg-border)) !important;
  border-radius: 18px !important;
  background: color-mix(in srgb, var(--hg-surface) 95%, #ffffff) !important;
  background-color: color-mix(in srgb, var(--hg-surface) 95%, #ffffff) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .07) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(th, td) {
  border-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-border)) !important;
  color: var(--hg-text) !important;
  padding: .8rem .95rem !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes tbody :is(td, th):first-child {
  min-width: 11rem !important;
  color: color-mix(in srgb, var(--hg-text) 82%, var(--hg-primary) 18%) !important;
  font-weight: 800 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary) {
  border-color: color-mix(in srgb, var(--hg-primary) 34%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  background-color: color-mix(in srgb, var(--hg-primary) 12%, var(--hg-surface)) !important;
  color: color-mix(in srgb, var(--hg-text) 80%, var(--hg-primary) 20%) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(table, .table) {
  border-color: color-mix(in srgb, var(--hg-primary) 22%, var(--hg-border)) !important;
  background: color-mix(in srgb, var(--hg-surface) 91%, #000000) !important;
  background-color: color-mix(in srgb, var(--hg-surface) 91%, #000000) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .24) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary),
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #description .product-attributes :is(.badge, .badge-primary) {
  border-color: color-mix(in srgb, var(--hg-primary) 42%, transparent) !important;
  background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  background-color: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a.dropdown-item,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active,
:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item:active,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected > a.dropdown-item,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item.active,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu .dropdown-item:active {
  background: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  background-color: color-mix(in srgb, var(--hg-primary) 14%, var(--hg-surface)) !important;
  color: #f4fff0 !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected .check-mark,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) .variation-wrapper .bootstrap-select .dropdown-menu li.selected .check-mark {
  color: var(--hg-primary) !important;
}

/* Product fullscreen polish: dark-theme glass backdrop, no stray white frame. */
html:has(body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen),
html:has(.gallery-with-action.fullscreen),
body.is-nova:has(#content-wrapper:not(.is-item-list) #image_wrapper.fullscreen),
body:has(.gallery-with-action.fullscreen) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: auto !important;
}

body.is-nova:has(#content-wrapper:not(.is-item-list) #image_wrapper.fullscreen) #content-wrapper {
  position: static !important;
  z-index: 2147482990 !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
.gallery-with-action.fullscreen {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: 100vw !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  background-color: rgba(247, 250, 246, .68) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(40, 232, 16, .12), transparent 40%),
    rgba(247, 250, 246, .68) !important;
  backdrop-filter: blur(24px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
  isolation: isolate !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  pointer-events: none !important;
  touch-action: pan-x pan-y !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
:root[data-hg-theme="dark"] .gallery-with-action.fullscreen,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
:root:not([data-hg-theme="light"]) .gallery-with-action.fullscreen {
  background-color: rgba(4, 10, 5, .72) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(40, 232, 16, .12), transparent 40%),
    linear-gradient(180deg, rgba(7, 16, 8, .74), rgba(2, 7, 3, .82)) !important;
  backdrop-filter: blur(28px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(28px) saturate(1.14) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen :is(#gallery_wrapper, #gallery, .slick-list, .slick-track, .slick-slide, .slick-current, .square-image, .square-image .inner, picture),
.gallery-with-action.fullscreen :is(#gallery_wrapper, #gallery, .slick-list, .slick-track, .slick-slide, .slick-current, .square-image, .square-image .inner, picture) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .gallery-with-action-main,
.gallery-with-action.fullscreen .gallery-with-action-main,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .gallery-with-action-main > *,
.gallery-with-action.fullscreen .gallery-with-action-main > *,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar,
.gallery-with-action.fullscreen .product-detail-image-topbar {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  pointer-events: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close {
  pointer-events: auto !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar > :not(#image_fullscreen_close),
.gallery-with-action.fullscreen .product-detail-image-topbar > :not(#image_fullscreen_close) {
  display: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-actions,
.gallery-with-action.fullscreen .product-actions {
  display: none !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery_wrapper,
.gallery-with-action.fullscreen #gallery_wrapper {
  top: 50% !important;
  right: 3rem !important;
  bottom: auto !important;
  left: 3rem !important;
  height: min(78dvh, 44rem) !important;
  max-height: min(78dvh, 44rem) !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen :is(#gallery, #gallery .slick-list, #gallery .slick-track, #gallery .slick-slide, #gallery .slick-current, #gallery .square-image, #gallery .square-image .inner),
.gallery-with-action.fullscreen :is(#gallery, #gallery .slick-list, #gallery .slick-track, #gallery .slick-slide, #gallery .slick-current, #gallery .square-image, #gallery .square-image .inner) {
  height: min(78dvh, 44rem) !important;
  max-height: min(78dvh, 44rem) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner,
body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner picture,
.gallery-with-action.fullscreen #gallery .square-image .inner,
.gallery-with-action.fullscreen #gallery .square-image .inner picture {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  max-height: min(78dvh, 44rem) !important;
}

body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery .square-image .inner img.product-image,
.gallery-with-action.fullscreen #gallery .square-image .inner img.product-image {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-height: min(78dvh, 44rem) !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close,
:root[data-hg-theme="dark"] .gallery-with-action.fullscreen .product-detail-image-topbar #image_fullscreen_close,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close,
:root:not([data-hg-theme="light"]) .gallery-with-action.fullscreen .product-detail-image-topbar #image_fullscreen_close {
  background: color-mix(in srgb, #071008 72%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 18%, rgba(255, 255, 255, .22)) !important;
  color: rgba(244, 255, 240, .9) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .32) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
}

@media (max-width: 767.98px) {
  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen {
    background-color: rgba(247, 250, 246, .7) !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(40, 232, 16, .12), transparent 44%),
      rgba(247, 250, 246, .7) !important;
    backdrop-filter: blur(24px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
  }

  body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen #gallery_wrapper {
    top: 50% !important;
    right: 1rem !important;
    bottom: auto !important;
    left: 1rem !important;
    height: min(72dvh, 38rem) !important;
    max-height: min(72dvh, 38rem) !important;
    transform: translateY(-50%) !important;
  }

  :root[data-hg-theme="dark"] body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen,
  :root:not([data-hg-theme="light"]) body.is-nova #content-wrapper:not(.is-item-list) #image_wrapper.fullscreen {
    background-color: rgba(4, 10, 5, .76) !important;
    background:
      radial-gradient(circle at 50% 42%, rgba(40, 232, 16, .12), transparent 44%),
      linear-gradient(180deg, rgba(7, 16, 8, .78), rgba(2, 7, 3, .86)) !important;
  }
}

/* Header nav polish: keep descenders in labels like "Pflege & Ernte" from clipping. */
body.is-nova #jtl-nav-wrapper .hg-nav-link {
  line-height: 1.22 !important;
  padding-top: .58rem !important;
  padding-bottom: .62rem !important;
  overflow: visible !important;
}

/* Category filter follow-up: "Alle anzeigen" should only shift text color on hover. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > :is(button, .btn, .btn-link),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters .snippets-filter-item-all {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  text-decoration: none !important;
  transition: color .18s ease !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > :is(button, .btn, .btn-link)::before,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > :is(button, .btn, .btn-link)::after,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters .snippets-filter-item-all::before,
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters .snippets-filter-item-all::after {
  opacity: 0 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .snippets-filter-show-all > :is(button, .btn, .btn-link):is(:hover, :focus-visible),
body.is-nova #content-wrapper.is-item-list #result-wrapper > .active-filters .snippets-filter-item-all:is(:hover, :focus-visible) {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  color: var(--hg-primary) !important;
  text-decoration: none !important;
}

/* Category sidebar search: keep the submit icon centered and visually integrated in the field. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(.snippets-filter-search, .filter-search, [class*="filter-search"], form:has(input[type="search"]), form:has(input[name*="search"])) .input-group,
body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(.snippets-filter-search, .filter-search, [class*="filter-search"], form:has(input[type="search"]), form:has(input[name*="search"])) .form-group {
  display: flex !important;
  align-items: center !important;
  gap: .35rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(.snippets-filter-search, .filter-search, [class*="filter-search"], form:has(input[type="search"]), form:has(input[name*="search"])) :is(button, .btn, button[type="submit"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 2.35rem !important;
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left :is(.snippets-filter-search, .filter-search, [class*="filter-search"], form:has(input[type="search"]), form:has(input[name*="search"])) :is(button, .btn, button[type="submit"]) :is(.fa, .fas, .far, svg, i) {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  transform: none !important;
}

/* Category sidebar search follow-up: the manufacturer filter uses an input-group prepend icon, not a submit button. */
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 0 .65rem !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .input-group-prepend,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .input-group-text {
  display: flex !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.35rem !important;
  min-width: 2.35rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 12px 0 0 12px !important;
  line-height: 1 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .input-group-text .fa,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .input-group-text .fas {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  line-height: 1rem !important;
  text-align: center !important;
  transform: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .filter-search,
body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .filter-search.form-control {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  margin: 0 !important;
  padding-right: 2.2rem !important;
  border-left: 0 !important;
  border-radius: 0 12px 12px 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .form-clear {
  position: absolute !important;
  top: 50% !important;
  right: .55rem !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .form-clear.d-none {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .input-group:has(.filter-search) .form-clear :is(i, .fa, .fas) {
  display: block !important;
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 !important;
  line-height: 1rem !important;
  text-align: center !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .snippets-filter-show-all {
  display: flex !important;
  width: 100% !important;
  margin: .45rem 0 0 !important;
  padding: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .collapse.show + .snippets-filter-show-all {
  display: none !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .snippets-filter-show-all > :is(button, .btn, .btn-link) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.2rem !important;
  padding: .35rem 0 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.is-nova #content-wrapper.is-item-list #sidepanel_left .filter-search-wrapper .snippets-filter-show-all > :is(button, .btn, .btn-link) > * {
  flex: 0 0 auto !important;
}

body.is-nova .productbox .product-subtitle {
  display: block;
  margin: .2rem 0 .45rem;
  color: var(--hg-text-muted, #5e665f);
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: left;
}

body.is-nova .productbox.productbox-column .product-subtitle {
  text-align: left;
}

:root[data-hg-theme="dark"] body.is-nova .productbox .product-subtitle,
:root:not([data-hg-theme="light"]) body.is-nova .productbox .product-subtitle {
  color: rgba(234, 244, 232, .72);
}

/* Product-card text alignment: title, subtitle and price share one inline start. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox {
  --hg-product-card-text-offset: .18rem;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(
  .productbox-title,
  .product-subtitle,
  .price,
  .productbox-price,
  .price_wrapper,
  .price-note,
  [itemprop="offers"]
) {
  box-sizing: border-box !important;
  padding-left: var(--hg-product-card-text-offset) !important;
  padding-right: var(--hg-product-card-text-offset) !important;
  text-align: left !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title {
  margin-top: .38rem !important;
  padding-top: .18rem !important;
  padding-bottom: .18rem !important;
}

/* Product-card titles must own their full wrapped height before the subtitle starts. */
body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title a.text-clamp-2 {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}

:root[data-hg-theme="dark"] body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title,
:root:not([data-hg-theme="light"]) body.is-nova #content-wrapper.is-item-list #product-list .productbox .productbox-title {
  margin-top: .38rem !important;
  padding-left: var(--hg-product-card-text-offset) !important;
  padding-right: var(--hg-product-card-text-offset) !important;
  padding-top: .18rem !important;
  padding-bottom: .18rem !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox .product-subtitle {
  margin: .2rem 0 .45rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.is-nova #content-wrapper.is-item-list #product-list .productbox :is(.price, .productbox-price, .price_wrapper) {
  margin-top: .12rem !important;
  margin-bottom: .55rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (min-width: 768px) {
  body.is-nova #content-wrapper.is-item-list #product-list.layout-list .productbox.productbox-row .productbox-options :is(
    .price,
    .productbox-price,
    .price_wrapper,
    [itemprop="offers"]
  ) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
  }
}

/* Theme switching must only recolor labels/inputs, never restore opaque label chips. */
body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label),
body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label)::before,
body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label)::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label) {
  color: color-mix(in srgb, var(--hg-muted) 86%, var(--hg-text) 14%) !important;
}

:root[data-hg-theme="dark"] body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label),
:root:not([data-hg-theme="light"]) body.is-nova :is(.form-label-group > label, form.label-slide label, .label-slide label) {
  color: color-mix(in srgb, var(--hg-muted) 72%, #f4fff0 28%) !important;
}

/* Floating labels: keep the raised state above the input/select border instead of sitting on it. */
body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
  margin-top: .65rem !important;
}

body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label {
  top: -.18rem !important;
  transform: translateY(-100%) !important;
}

body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus) ~ label {
  top: calc((1.5em + 1.25rem + 2px) / 2) !important;
  transform: translateY(-50%) !important;
}

body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus).form-control-sm ~ label {
  top: calc((1.5em + 0.75rem + 2px) / 2) !important;
}

body.is-nova .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) .form-control:placeholder-shown:not(:focus).form-control-lg ~ label {
  top: calc((1.5em + 1rem + 2px) / 2) !important;
}

/* Footer contact CTA: mirror the footer newsletter/legal button style. */
body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .72rem 1.05rem !important;
  border: 1px solid color-mix(in srgb, var(--hg-primary) 62%, var(--hg-border)) !important;
  border-radius: 16px !important;
  background: var(--hg-primary) !important;
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.1;
  text-align: center;
  text-decoration: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:hover,
body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:focus-visible {
  border-color: color-mix(in srgb, var(--hg-primary) 45%, var(--hg-border)) !important;
  background: var(--hg-surface) !important;
  color: var(--hg-primary) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
  transform: translateY(-3px) !important;
  text-decoration: none !important;
}

/* Shared CTA refresh: match the current "Wunschzettel erstellen" product button. */
body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
) {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: .375rem .5rem !important;
  border: 1px solid #18a808 !important;
  border-radius: 14.4px !important;
  background: #18a808 !important;
  color: #102112 !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !important;
  filter: none !important;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, transform .18s ease !important;
}

body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
  filter: none !important;
  text-decoration: none !important;
}

:root[data-hg-theme="dark"] body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
:root:not([data-hg-theme="light"]) body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
:root[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
),
:root:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
) {
  color: #f7f4ed !important;
}

:root[data-hg-theme="dark"] body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
:root[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible),
:root:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

html body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
) {
  border-color: #18a808 !important;
  background: #18a808 !important;
  color: #102112 !important;
}

html[data-hg-theme="dark"] body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
html:not([data-hg-theme="light"]) body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
) {
  color: #f7f4ed !important;
}

html body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #18a808 !important;
  color: #18a808 !important;
}

html[data-hg-theme="dark"] body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova :is(
  #footer .hg-footer-newsletter-banner__button,
  #hg-footer-newsletter-modal button[type="submit"].btn-primary,
  #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
  .contact-form button[type="submit"].btn-primary,
  .contact-form .btn-primary[type="submit"],
  .account-icon-dropdown #submit-btn,
  .account-icon-dropdown #quick-login button[type="submit"],
  .account-icon-dropdown #quick-login .btn-primary,
  #quick-login #submit-btn,
  #quick-login button[type="submit"],
  #quick-login .btn-primary
):is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 :is(
  a[href*="muster-widerrufsbelehrung"],
  a.withdrawal-link
):is(:hover, :focus-visible) {
  background: transparent !important;
  border-color: #28e810 !important;
  color: #28e810 !important;
}

html body.is-nova #footer .hg-footer-newsletter-banner__button,
html body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html body.is-nova .contact-form button[type="submit"].btn-primary,
html body.is-nova .contact-form .btn-primary[type="submit"],
html body.is-nova .account-icon-dropdown #submit-btn,
html body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html body.is-nova #quick-login #submit-btn,
html body.is-nova #quick-login button[type="submit"],
html body.is-nova #quick-login .btn-primary,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  color: #102112 !important;
}

html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-newsletter-banner__button,
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html[data-hg-theme="dark"] body.is-nova .contact-form button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova .contact-form .btn-primary[type="submit"],
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #submit-btn,
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html[data-hg-theme="dark"] body.is-nova #quick-login #submit-btn,
html[data-hg-theme="dark"] body.is-nova #quick-login button[type="submit"],
html[data-hg-theme="dark"] body.is-nova #quick-login .btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-newsletter-banner__button,
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html:not([data-hg-theme="light"]) body.is-nova .contact-form button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova .contact-form .btn-primary[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #submit-btn,
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #quick-login #submit-btn,
html:not([data-hg-theme="light"]) body.is-nova #quick-login button[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova #quick-login .btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  color: #f7f4ed !important;
}

html body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible) {
  color: #18a808 !important;
}

html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible) {
  color: #28e810 !important;
}

/* Exact wishlist CTA parity: copy #wishlist-dropdown-container > div > a for the requested shop CTAs. */
html body.is-nova #footer .hg-footer-newsletter-banner__button,
html body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html body.is-nova .contact-form button[type="submit"].btn-primary,
html body.is-nova .contact-form .btn-primary[type="submit"],
html body.is-nova .account-icon-dropdown #submit-btn,
html body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html body.is-nova #quick-login #submit-btn,
html body.is-nova #quick-login button[type="submit"],
html body.is-nova #quick-login .btn-primary,
html body.is-nova #shop-nav #quick-login #submit-btn,
html body.is-nova #shop-nav #quick-login button[type="submit"],
html body.is-nova #shop-nav #quick-login .btn-primary,
html body.is-nova #shop-nav #quick-login .btn.btn-block,
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 6px 8px !important;
  border: 1px solid #18a808 !important;
  border-radius: 14.4px !important;
  background: #18a808 !important;
  color: #102112 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 16.8px !important;
  letter-spacing: .07px !important;
  text-transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !important;
  filter: none !important;
  overflow: hidden !important;
  white-space: normal !important;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease, opacity .2s ease !important;
}

html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-newsletter-banner__button,
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html[data-hg-theme="dark"] body.is-nova .contact-form button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova .contact-form .btn-primary[type="submit"],
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #submit-btn,
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html[data-hg-theme="dark"] body.is-nova #quick-login #submit-btn,
html[data-hg-theme="dark"] body.is-nova #quick-login button[type="submit"],
html[data-hg-theme="dark"] body.is-nova #quick-login .btn-primary,
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login #submit-btn,
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login button[type="submit"],
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login .btn-primary,
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login .btn.btn-block,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-newsletter-banner__button,
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html:not([data-hg-theme="light"]) body.is-nova .contact-form button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova .contact-form .btn-primary[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #submit-btn,
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login button[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login .btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #quick-login #submit-btn,
html:not([data-hg-theme="light"]) body.is-nova #quick-login button[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova #quick-login .btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login #submit-btn,
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login button[type="submit"],
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login .btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login .btn.btn-block,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  color: #f7f4ed !important;
}

html body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html body.is-nova #shop-nav #quick-login #submit-btn:is(:hover, :focus-visible),
html body.is-nova #shop-nav #quick-login button[type="submit"]:is(:hover, :focus-visible),
html body.is-nova #shop-nav #quick-login .btn-primary:is(:hover, :focus-visible),
html body.is-nova #shop-nav #quick-login .btn.btn-block:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible) {
  background: color(srgb 0.0666667 0.529412 0.027451 / 0.13) !important;
  border-color: color(srgb 0.0660226 0.463716 0.0345358 / 0.538431) !important;
  color: #118707 !important;
  transform: none !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}

html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login #submit-btn:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login button[type="submit"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login .btn-primary:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #shop-nav #quick-login .btn.btn-block:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-newsletter-banner__button:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .contact-form button[type="submit"].btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .contact-form .btn-primary[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #submit-btn:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login button[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova .account-icon-dropdown #quick-login .btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login #submit-btn:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login button[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #quick-login .btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login #submit-btn:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login button[type="submit"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login .btn-primary:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #shop-nav #quick-login .btn.btn-block:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"]:is(:hover, :focus-visible),
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link:is(:hover, :focus-visible) {
  background: color(srgb 0.156863 0.909804 0.0627451 / 0.13) !important;
  border-color: color(srgb 0.295339 0.924618 0.216679 / 0.538431) !important;
  color: #28e810 !important;
}

/* Exact wishlist CTA parity dark text winner for the requested visible CTAs. */
html[data-hg-theme="dark"] body.is-nova[data-page="5"] button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-newsletter-banner__button,
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html[data-hg-theme="dark"] body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link,
html:not([data-hg-theme="light"]) body.is-nova[data-page="5"] button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-newsletter-banner__button,
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a[href*="muster-widerrufsbelehrung"],
html:not([data-hg-theme="light"]) body.is-nova #footer .hg-footer-unified-shell #footer-boxes.hg-footer-native-boxes #box122 a.withdrawal-link {
  color: #f7f4ed !important;
}

/* Exact wishlist CTA parity dark text specificity winner for the requested CTAs. */
html[data-hg-theme="dark"] body.is-nova[data-page="5"][data-page="5"] #content-wrapper button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer#footer .hg-footer-newsletter-banner__button,
html[data-hg-theme="dark"] body.is-nova #hg-footer-newsletter-modal#hg-footer-newsletter-modal button[type="submit"].btn-primary,
html[data-hg-theme="dark"] body.is-nova #footer#footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html[data-hg-theme="dark"] body.is-nova #footer#footer .hg-footer-unified-shell #footer-boxes#footer-boxes.hg-footer-native-boxes #box122#box122 a[href*="muster-widerrufsbelehrung"],
html[data-hg-theme="dark"] body.is-nova #footer#footer .hg-footer-unified-shell #footer-boxes#footer-boxes.hg-footer-native-boxes #box122#box122 a.withdrawal-link,
html:not([data-hg-theme="light"]) body.is-nova[data-page="5"][data-page="5"] #content-wrapper button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer#footer .hg-footer-newsletter-banner__button,
html:not([data-hg-theme="light"]) body.is-nova #hg-footer-newsletter-modal#hg-footer-newsletter-modal button[type="submit"].btn-primary,
html:not([data-hg-theme="light"]) body.is-nova #footer#footer .hg-footer-card > a.btn-primary[href$="/Kontakt"],
html:not([data-hg-theme="light"]) body.is-nova #footer#footer .hg-footer-unified-shell #footer-boxes#footer-boxes.hg-footer-native-boxes #box122#box122 a[href*="muster-widerrufsbelehrung"],
html:not([data-hg-theme="light"]) body.is-nova #footer#footer .hg-footer-unified-shell #footer-boxes#footer-boxes.hg-footer-native-boxes #box122#box122 a.withdrawal-link {
  color: #f7f4ed !important;
}