/* Hyla Theme — Caudalie-inspired redesign
   Site page settings (canonical content width = header/footer logo edge) */
:root {
      --bg: #ffffff;
      --bg-tile: #f7f5f6;
      --fg: #1a1418;
      --muted: #6d646a;
      --line: #e2d7db;
      --blue: #6b2d45;
      --blue-press: #572438;
      --promo: #1d1d1f;
      --green: #8a4a62;
      --radius: 14px;
      --radius-sm: 10px;
      --radius-pill: 980px;
      --shadow: 0 2px 14px rgba(107,45,69,0.07);
      --shadow-lg: 0 10px 32px rgba(26,20,24,0.12);
      /* —— Seiteneinstellungen: Jolifill-ähnlich (Header → Footer eine Kante) —— */
      --page-max: 1600px;
      --page-gutter: 2.5rem; /* 40px wie jolifill.de .container padding-inline */
      --max: var(--page-max);
      --max-wide: min(100vw - (2 * var(--page-gutter)), var(--page-max));
      --header-h: 3.55rem;
      --promo-h: 2.05rem;
      --safe-b: env(safe-area-inset-bottom, 0px);
    }
    @media (min-width: 900px) {
      :root { --page-gutter: 2.5rem; }
    }
    @media (max-width: 899px) {
      :root { --page-gutter: 0.75rem !important; }
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; height: 100%; }
    body {
      font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
      color: var(--fg); background: var(--bg);
      line-height: 1.45; -webkit-font-smoothing: antialiased;
      padding-bottom: calc(5.5rem + var(--safe-b));
      min-height: 100%;
      min-height: 100dvh;
      display: flex;
      flex-direction: column;
    }
    @media (min-width: 900px) { body { padding-bottom: 0; } }
    body > main {
      flex: 1 0 auto;
      width: 100%;
    }
    body > .site-footer {
      flex-shrink: 0;
      margin-top: auto;
      width: 100%;
    }
    a { color: inherit; text-decoration: none; }
    button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
    /* Canonical page shell — always flush with logo / footer */
    .wrap,
    .wrap-wide {
      width: var(--max-wide);
      max-width: var(--page-max);
      margin-inline: auto;
    }
    .wrap-bleed { width: 100%; margin: 0; padding: 0; }

    /* —— Promo Banner (one highlight at a time, under sticky header) —— */
    .hyla-promo {
      position: sticky;
      top: var(--header-h);
      z-index: 29;
      display: block;
      min-height: var(--promo-h);
      overflow: hidden;
      color: rgba(255,255,255,0.94);
      border-radius: 0;
      /* Transparent shell — frost + Bordeaux live on .hyla-promo-viewport */
      background: transparent;
      border-bottom: 0;
      box-shadow: none;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease;
      will-change: auto;
    }
    .site-header.is-compact ~ .hyla-promo { top: 3.05rem; }
    .hyla-promo.is-away {
      transform: translateY(-100%);
      opacity: 0;
      pointer-events: none;
    }
    .hyla-promo.is-dismissed { display: none; }
    .hyla-promo-viewport {
      position: relative; z-index: 1;
      min-width: 0;
      overflow: hidden;
      display: flex;
      justify-content: center;
      padding-inline: 1rem;
    }
    /* Hyla shop: solid Bordeaux promo (no frost) */
    body:not(.hyla-mode-filler) .hyla-promo-viewport {
      background: #6b2d45;
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      border-bottom: 1px solid rgba(26, 20, 24, 0.12);
      box-shadow: none;
    }
    .hyla-promo-track {
      position: relative;
      display: grid;
      place-items: center;
      width: 100%;
      min-height: var(--promo-h);
      padding-block: 0.28rem;
    }
    .hyla-promo-item {
      grid-area: 1 / 1;
      justify-self: center;
      max-width: min(100%, 52rem);
      padding-inline: 0.5rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.42rem;
      font-size: 0.74rem;
      font-weight: 560;
      letter-spacing: 0.03em;
      text-transform: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: center;
      color: rgba(255,255,255,0.92);
      opacity: 0;
      transform: translateY(0.35rem);
      transition: opacity 0.85s ease, transform 0.85s ease;
      pointer-events: none;
    }
    .hyla-promo-ico {
      display: inline-flex;
      flex-shrink: 0;
      opacity: 0.92;
    }
    .hyla-promo-ico svg { display: block; }
    .hyla-promo-copy {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    @media (max-width: 640px) {
      .hyla-promo-item {
        white-space: normal;
        line-height: 1.3;
        font-size: 0.7rem;
      }
    }
    .hyla-promo-item.is-active {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    @media (prefers-reduced-motion: reduce) {
      .hyla-promo-item {
        transition: none;
        position: static;
        opacity: 1;
        transform: none;
        display: none;
      }
      .hyla-promo-item.is-active { display: block; }
    }

    /* —— Header (Apple global nav) —— */
    .topbar { display: none !important; }

    /* 1.7.285 — Frosted liquid glass header (Pepper/dock recipe), sharp full-width bar.
       No transform on this node — translateZ was blunting backdrop-filter. */
    .site-header {
      position: sticky; top: 0; z-index: 30;
      isolation: isolate;
      border-radius: 0;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.22) 45%, rgba(255,255,255,0.38) 100%),
        rgba(252, 250, 251, 0.28);
      backdrop-filter: blur(40px) saturate(190%) brightness(1.08);
      -webkit-backdrop-filter: blur(40px) saturate(190%) brightness(1.08);
      border-bottom: 1px solid rgba(255, 255, 255, 0.72);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.95),
        inset 0 -1px 0 rgba(255,255,255,0.35),
        inset 1px 0 0 rgba(255,255,255,0.25),
        inset -1px 0 0 rgba(255,255,255,0.25),
        0 10px 28px rgba(26,20,24,0.08);
      transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    }
    .site-header::before {
      content: "";
      position: absolute;
      left: 6%;
      right: 6%;
      top: 0;
      height: 1px;
      pointer-events: none;
      z-index: 5;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);
    }
    .site-header.is-scrolled {
      background:
        linear-gradient(180deg, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0.30) 45%, rgba(255,255,255,0.48) 100%),
        rgba(255, 255, 255, 0.36);
      border-bottom-color: rgba(255, 255, 255, 0.78);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.98),
        inset 0 -1px 0 rgba(255,255,255,0.40),
        0 12px 32px rgba(26,20,24,0.10);
    }
    @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
      .site-header, .site-header.is-scrolled { background: rgba(252, 250, 251, 0.96); }
    }
    body.hyla-search-open .site-header {
      z-index: 100090;
      background: rgba(255, 255, 255, 0.96);
    }
    /* Compact: keep shell height stable (height animation ↔ sticky caused flicker).
       Only shrink logo / padding visually. */
    .site-header.is-compact .header-shell {
      height: var(--header-h);
      padding-block: 0;
    }
    .header-shell {
      display: flex; align-items: center; gap: 1rem;
      height: var(--header-h);
    }
    .logo { flex-shrink: 1; min-width: 0; display: inline-flex; align-items: center; }
    .logo-img {
      height: 32px; width: auto; max-width: min(42vw, 13.5rem); display: block;
      object-fit: contain; object-position: left center;
      transition: height 0.2s ease;
    }
    .site-header.is-compact .logo-img { height: 28px; }

    .header-nav {
      display: none;
      align-items: center; gap: 0.25rem;
      flex: 1; justify-content: center; min-width: 0;
    }
    .header-nav a {
      padding: 0.42rem 0.9rem;
      font-size: 0.8125rem; font-weight: 550; letter-spacing: -0.015em;
      color: rgba(26, 20, 24, 0.78);
      border-radius: 980px;
      background: transparent;
      border: 1px solid transparent;
      transition: color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
      white-space: nowrap;
    }
    .header-nav a:hover {
      color: var(--fg);
      background: rgba(255,255,255,0.72);
      border-color: rgba(26, 20, 24, 0.06);
      box-shadow: 0 1px 4px rgba(26,20,24,0.04);
    }

    .header-actions {
      display: flex; align-items: center; gap: 0.3rem;
      margin-left: auto; flex-shrink: 0;
    }
    .header-actions .search {
      width: min(15.5rem, 26vw);
      flex: 0 1 auto;
      display: flex; align-items: center; gap: 0.45rem;
      background: rgba(26, 20, 24, 0.05);
      border-radius: var(--radius-pill);
      padding: 0.48rem 0.9rem;
      min-width: 0;
      border: 1px solid transparent;
      transition:
        background 0.14s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.14s ease,
        box-shadow 0.14s ease,
        width 0.16s cubic-bezier(0.22, 1, 0.36, 1),
        max-width 0.16s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
      position: relative;
      z-index: 2;
    }
    .header-actions .search:focus-within,
    .header-actions .search.is-expanded {
      width: min(72vw, 58rem);
      max-width: min(72vw, 58rem);
      background: #fff;
      border-color: rgba(26, 20, 24, 0.1);
      box-shadow:
        0 0 0 4px rgba(107,45,69,0.07),
        0 18px 48px rgba(26,20,24,0.12);
    }
    .header-actions .search svg { flex-shrink: 0; opacity: 0.45; }
    .header-actions .search input {
      border: 0; background: transparent; outline: none; width: 100%;
      font-size: 0.875rem; color: var(--fg); letter-spacing: -0.015em;
      font-weight: 500;
    }
    .header-actions .search input::placeholder { color: var(--muted); font-weight: 450; }
    .hyla-search-trigger { display: none; }
    .hyla-search-back {
      width: 2.2rem; height: 2.2rem; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      flex-shrink: 0; border: 0; background: rgba(26,20,24,0.06);
      color: var(--fg); cursor: pointer; padding: 0;
    }
    .hyla-search-back[hidden] { display: none !important; }

    /* Search scrim / backdrop */
    .hyla-search-scrim {
      position: fixed; inset: 0; z-index: 100080;
      background: rgba(26, 20, 24, 0.28);
      backdrop-filter: blur(2px);
      -webkit-backdrop-filter: blur(2px);
      opacity: 0; pointer-events: none;
      transition: opacity 0.12s ease;
    }
    body.hyla-search-open .hyla-search-scrim {
      opacity: 1; pointer-events: auto;
    }
    body.hyla-search-open { overflow: hidden; }
    html.hyla-search-open, body.hyla-search-open {
      overflow: hidden;
      overscroll-behavior: none;
    }

    .icon-btn {
      width: 2.35rem; height: 2.35rem; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      color: var(--fg); position: relative; flex-shrink: 0;
      background: rgba(26, 20, 24, 0.04);
      border: 1px solid rgba(26, 20, 24, 0.05);
      transition: background 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
    }
    .icon-btn:hover {
      background: rgba(26, 20, 24, 0.07);
      border-color: rgba(26, 20, 24, 0.08);
    }
    .icon-btn:active { transform: scale(0.94); }
    .icon-btn .dot {
      position: absolute; top: 0.3rem; right: 0.28rem;
      width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--blue);
    }

    /* Search form only — never bare .search (WP body.search on results pages) */
    form.search,
    .hyla-search-form {
      display: flex; align-items: center; gap: 0.5rem;
      background: var(--bg-tile); border-radius: var(--radius-pill);
      padding: 0.55rem 0.95rem; min-width: 0;
      border: 1px solid transparent; position: relative;
    }
    form.search svg,
    .hyla-search-form > svg { flex-shrink: 0; opacity: 0.45; }
    form.search input,
    .hyla-search-form > input {
      border: 0; background: transparent; outline: none; width: 100%;
      font-size: 0.9rem; color: var(--fg);
    }
    form.search input::placeholder,
    .hyla-search-form > input::placeholder { color: var(--muted); }

    .desktop-nav { display: none !important; }
    .header-row1, .header-row2 { display: contents; }

    @media (max-width: 899px) {
      .header-nav { display: none !important; }
      .icon-btn.menu-only { display: inline-flex; }
      /* Mobile: cart top-right; search lives in the menu canvas */
      .header-actions .icon-btn:not(.menu-only):not([data-dnx-open="cart"]) { display: none; }
      .hyla-search-trigger { display: none !important; }
      .header-actions .icon-btn[data-dnx-open="cart"],
      .header-actions .hyla-cart-trigger { display: inline-flex !important; }
      .site-header .wrap,
      .site-header .wrap-wide {
        width: 100%;
        max-width: none;
        padding-inline: max(0.625rem, calc((100vw - 24.75rem) / 2));
      }
      .site-header .header-shell {
        display: grid;
        grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
        gap: 0;
        align-items: center;
      }
      .site-header .icon-btn.menu-only {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        z-index: 2;
      }
      .site-header .logo,
      .site-header .logo-link {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: center;
        z-index: 1;
        max-width: calc(100% - 5.4rem);
      }
      .site-header .header-actions {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        margin-left: 0;
        z-index: 2;
      }
      .site-header img.logo-img {
        height: 26px;
        max-width: 100%;
        object-position: center;
      }
      .site-header.is-compact img.logo-img { height: 24px; }
      /* Mobile search: liquid bar above tab dock + results sheet above it.
         IMPORTANT: no transform on the form — it would create a containing block
         and break position:fixed on the results drop (huge gap / skew). */
      .header-actions .search,
      form#hyla-header-search.is-mobile-ported {
        display: none;
        position: fixed !important;
        left: max(0.625rem, calc(50% - 12.375rem));
        right: auto;
        top: auto;
        bottom: calc(var(--hyla-search-bottom, 5.75rem) + var(--safe-b));
        transform: none !important;
        z-index: 100130 !important;
        width: min(calc(100vw - 1.25rem), 24.75rem);
        max-width: min(calc(100vw - 1.25rem), 24.75rem);
        min-height: 0;
        height: auto;
        margin: 0;
        padding: 0.42rem 0.55rem 0.42rem 0.45rem;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.72);
        flex-direction: row;
        align-items: center;
        gap: 0.35rem;
        isolation: isolate;
        overflow: visible;
        background:
          linear-gradient(145deg, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.12) 42%, rgba(255,255,255,0.28) 100%),
          rgba(255,255,255,0.14);
        box-shadow:
          inset 1.5px 1.5px 0 rgba(255,255,255,0.88),
          inset -1px -1px 0 rgba(255,255,255,0.28),
          0 18px 42px rgba(26,20,24,0.18),
          0 4px 12px rgba(26,20,24,0.08);
        backdrop-filter: blur(48px) saturate(200%) brightness(1.08);
        -webkit-backdrop-filter: blur(48px) saturate(200%) brightness(1.08);
      }
      body.hyla-search-open .header-actions .search.is-expanded,
      body.hyla-search-open .header-actions .search,
      body.hyla-search-open form#hyla-header-search.is-mobile-ported {
        display: flex !important;
      }
      body.hyla-search-open .hyla-search-trigger { visibility: hidden; }
      body.hyla-search-open .header-actions .search .hyla-search-back,
      body.hyla-search-open form#hyla-header-search.is-mobile-ported .hyla-search-back {
        display: inline-flex !important;
        width: 2.15rem; height: 2.15rem;
        background: rgba(255,255,255,0.55);
        border: 1px solid rgba(255,255,255,0.7);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
      }
      body.hyla-search-open .header-actions .search .hyla-search-glyph,
      body.hyla-search-open form#hyla-header-search.is-mobile-ported .hyla-search-glyph { display: none; }
      body.hyla-search-open .header-actions .search input,
      body.hyla-search-open form#hyla-header-search.is-mobile-ported input {
        flex: 1 1 auto;
        min-width: 0;
        height: 2.35rem;
        padding: 0 0.65rem 0 0.25rem;
        border-radius: 0;
        background: transparent;
        font-size: 16px; /* avoid iOS focus zoom */
        font-weight: 550;
      }
      /* Results sheet is portaled to <body>; JS owns geometry (keyboard-safe). */
      body.hyla-search-open #hyla-search-drop {
        position: fixed !important;
        left: max(0.625rem, calc(50% - 12.375rem)) !important;
        right: auto !important;
        transform: none !important;
        width: min(calc(100vw - 1.25rem), 24.75rem) !important;
        margin: 0;
        padding: 0.75rem 0.7rem;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        border-radius: 22px;
        border: 1px solid rgba(26,20,24,0.1);
        background: #fff;
        box-shadow: 0 22px 56px rgba(26,20,24,0.2);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        z-index: 100125 !important;
      }
      body.hyla-search-open .site-header {
        z-index: 100090;
      }
      body.hyla-search-open .hyla-search-scrim {
        opacity: 1; pointer-events: auto; z-index: 100100;
      }
      /* Keyboard open: tuck dock; bar bottom is set inline from visualViewport */
      body.hyla-kb-open .dnx-hyla-dock {
        opacity: 0 !important;
        pointer-events: none !important;
        transform: translateX(-50%) translateY(18px) !important;
      }
      .header-shell { gap: 0.55rem; }
      .site-header .header-shell { gap: 0; }
    }
    @media (min-width: 900px) {
      .header-nav { display: flex; }
      .icon-btn.menu-only { display: none; }
      .hyla-search-trigger { display: none !important; }
      .hyla-search-back { display: none !important; }
      body.hyla-search-open .header-nav {
        flex: 0 0 0;
        width: 0; min-width: 0; max-width: 0;
        opacity: 0; overflow: hidden; pointer-events: none;
        gap: 0; margin: 0; padding: 0;
      }
      body.hyla-search-open .header-actions {
        flex: 1 1 auto;
        min-width: 0;
        justify-content: flex-end;
      }
      body.hyla-search-open .header-actions .search.is-expanded,
      body.hyla-search-open .header-actions .search:focus-within {
        flex: 1 1 auto;
        width: auto !important;
        max-width: none !important;
        min-width: 70vw;
      }
    }
    @media (min-width: 1100px) {
      .header-nav { gap: 0.3rem; }
      .header-nav a { padding: 0.45rem 1rem; font-size: 0.84rem; }
      .header-actions .search { width: min(18rem, 24vw); }
      .header-actions .search:focus-within,
      .header-actions .search.is-expanded {
        width: min(72vw, 58rem);
        max-width: min(72vw, 58rem);
      }
      body.hyla-search-open .header-actions .search.is-expanded,
      body.hyla-search-open .header-actions .search:focus-within {
        width: auto !important;
        max-width: none !important;
        min-width: 70vw;
      }
    }

    /* —— USP —— */
    .usp {
      background: var(--bg-tile); border-bottom: 1px solid var(--line);
      padding: 0.7rem 0;
    }
    .usp-row {
      display: flex; gap: 1rem; overflow-x: auto; scrollbar-width: none;
      font-size: 0.78rem; font-weight: 500; color: var(--fg);
    }
    .usp-row::-webkit-scrollbar { display: none; }
    .usp-row span {
      display: inline-flex; align-items: center; gap: 0.4rem;
      white-space: nowrap; flex-shrink: 0;
    }
    .usp-dot { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--green); }

    /* —— Hero full-bleed (Caudalie-wide) —— */
    .hero { padding: 0; width: 100%; }
    .hero .wrap-bleed { width: 100%; }
    .hero-card {
      border-radius: 0; overflow: hidden;
      background:
        radial-gradient(120% 90% at 85% 20%, rgba(255,255,255,0.7) 0%, transparent 50%),
        linear-gradient(145deg, #f7f5f6 0%, #efe6eb 48%, #f5f2ef 100%);
      padding: 2.75rem max(1.25rem, calc((100vw - 1400px) / 2 + 1.5rem));
      box-shadow: none;
      display: grid; gap: 1.5rem;
      min-height: min(72vh, 560px);
      width: 100%;
    }
    @media (min-width: 900px) {
      .hero-card {
        grid-template-columns: 1.05fr 0.95fr; align-items: center;
        padding: 4.5rem max(2rem, calc((100vw - 1400px) / 2 + 2rem));
        min-height: min(78vh, 640px);
      }
    }
    .hero-kicker {
      font-size: 0.75rem; font-weight: 600; color: var(--blue);
      letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.5rem;
    }
    .hero h1 {
      font-family: "Cormorant Garamond", Georgia, serif;
      font-size: clamp(2.4rem, 6vw, 4rem);
      font-weight: 600; letter-spacing: -0.03em; line-height: 1.02;
      margin-bottom: 0.85rem; max-width: 16ch;
    }
    .hero p { color: var(--muted); font-size: 1.05rem; margin-bottom: 1.5rem; max-width: 38ch; line-height: 1.5; }
    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      min-height: 2.75rem; padding: 0.65rem 1.25rem;
      border-radius: var(--radius-pill); font-size: 0.875rem; font-weight: 600;
      transition: transform 0.15s, background 0.15s, opacity 0.15s;
    }
    .btn:active { transform: scale(0.97); }
    .btn-primary { background: var(--blue); color: #fff; }
    .btn-primary:hover { background: var(--blue-press); }
    .btn-soft { background: #fff; color: var(--fg); box-shadow: var(--shadow); }
    .hero-visual {
      aspect-ratio: 4/3; border-radius: 20px; background: rgba(255,255,255,0.55);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,0.6);
      display: flex; align-items: center; justify-content: center;
      font-size: 0.85rem; font-weight: 600; color: var(--muted);
      min-height: 280px;
    }

    /* —— Sections —— */
    .section { padding: 2.25rem 0; }
    .section.is-wide .wrap { width: var(--max-wide); }
    .section-head {
      display: flex; align-items: baseline; justify-content: space-between;
      gap: 0.75rem; margin-bottom: 1rem;
    }
    .section-head h2 {
      font-size: 1.25rem; font-weight: 700; letter-spacing: -0.03em;
    }
    .section-head a { font-size: 0.85rem; font-weight: 500; color: var(--blue); }

    /* Experience promo tiles */
    .experience-grid {
      display: grid; grid-template-columns: 1fr; gap: 0.75rem; margin-bottom: 1.5rem;
    }
    @media (min-width: 700px) { .experience-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; } }
    .experience-tile {
      background: var(--bg-tile); border-radius: var(--radius);
      padding: 1.75rem 1.5rem; box-shadow: var(--shadow);
      border: 1px solid var(--line);
      display: flex; flex-direction: column; justify-content: center;
      min-height: 140px;
    }
    .experience-tile h3 {
      font-size: 1.15rem; font-weight: 700; margin-bottom: 0.35rem;
      letter-spacing: -0.02em;
    }
    .experience-tile p { font-size: 0.875rem; color: var(--muted); }
    .experience-tile .badge {
      display: inline-block; background: var(--blue); color: #fff;
      font-size: 0.7rem; font-weight: 700; text-transform: uppercase;
      padding: 0.25rem 0.6rem; border-radius: var(--radius-pill);
      margin-bottom: 0.5rem; letter-spacing: 0.05em;
    }

    /* Circular category tiles (dm-like) */
    .circles {
      display: flex; gap: 1rem; overflow-x: auto; padding-bottom: 0.35rem;
      scrollbar-width: none; scroll-snap-type: x mandatory;
    }
    .circles::-webkit-scrollbar { display: none; }
    .circle-item {
      flex: 0 0 auto; width: 5.5rem; text-align: center; scroll-snap-align: start;
    }
    .circle-item .avatar {
      width: 5.5rem; height: 5.5rem; border-radius: 50%;
      background: var(--bg-tile); margin-bottom: 0.5rem;
      box-shadow: var(--shadow);
    }
    .circle-item:nth-child(2) .avatar { background: #f0e4e9; }
    .circle-item:nth-child(3) .avatar { background: #ebe4e8; }
    .circle-item:nth-child(4) .avatar { background: #f3ece8; }
    .circle-item:nth-child(5) .avatar { background: #e8e2e6; }
    .circle-item:nth-child(6) .avatar { background: #f5eef1; }
    .circle-item span { font-size: 0.75rem; font-weight: 500; color: var(--fg); }

    /* Apple product tiles */
    .tile-grid {
      display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem;
    }
    @media (min-width: 700px) { .tile-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }
    .tile {
      background: #fff; border-radius: var(--radius);
      padding: 0; display: flex; flex-direction: column;
      box-shadow: var(--shadow); transition: transform 0.2s, box-shadow 0.2s;
      border: 1px solid var(--line); position: relative;
      overflow: hidden;
    }
    .tile:active { transform: scale(0.98); }
    .tile-media {
      aspect-ratio: 4 / 3; background: #fff; border-radius: 0;
      margin: 0; overflow: hidden; display: flex; align-items: center;
      justify-content: center;
    }
    @media (min-width: 900px) {
      .tile-media { aspect-ratio: 3 / 2; }
    }
    .tile-media img { width: 100%; height: 100%; object-fit: contain; display: block; margin: 0; padding: 0; background: #fff; }
    .tile-media-wrap { background: #fff; }
    .tile h3 {
      font-size: 0.9rem; font-weight: 600; margin: 0.7rem 1rem 0.45rem;
      display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
      overflow: hidden; text-overflow: ellipsis; line-height: 1.3;
      min-height: 0; max-width: 100%; word-break: break-word;
    }
    .tile h3 a { color: inherit; text-decoration: none; }
    .tile .meta { display: none !important; }
    .tile-foot { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0 1rem 1rem; margin-top: auto; }
    .price { font-size: 0.875rem; font-weight: 700; }
    .tile .price,
    .tile .hyla-price {
      display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 0.35rem;
    }
    .tile .price del,
    .tile .hyla-price del {
      font-size: 0.75rem; color: var(--muted); font-weight: 500; text-decoration: line-through;
    }
    .tile .price ins,
    .tile .hyla-price ins {
      text-decoration: none; background: none; font-weight: 700;
    }
    .tile .badge {
      position: absolute; top: 0.75rem; left: 0.75rem; z-index: 2;
      background: var(--blue); color: #fff; font-size: 0.65rem; font-weight: 700;
      text-transform: uppercase; padding: 0.25rem 0.5rem; border-radius: var(--radius-pill);
      letter-spacing: 0.05em;
    }
    .tile .badge.badge-new { background: var(--green); }
    .btn-add {
      width: 2rem; height: 2rem; min-width: 2rem; min-height: 2rem; max-height: 2rem;
      flex: 0 0 2rem; aspect-ratio: 1 / 1;
      box-sizing: border-box; padding: 0; margin: 0;
      border: 0; border-radius: 50%;
      background: var(--blue); color: #fff;
      display: inline-flex; align-items: center; justify-content: center;
      align-self: center;
      font-size: 1.15rem; line-height: 1; font-weight: 600;
      text-decoration: none; cursor: pointer;
      overflow: hidden;
    }
    .btn-add:hover { background: var(--blue-press, #572438); color: #fff; }
    .tile-foot .price { min-width: 0; line-height: 1.25; }

    /* Brand chips */
    .chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
    .chip {
      background: var(--bg-tile); border-radius: var(--radius-pill);
      padding: 0.55rem 0.95rem; font-size: 0.8125rem; font-weight: 600;
      box-shadow: var(--shadow);
    }
    .chip:hover { background: #ebebed; }

    /* Why tiles */
    .why-grid {
      display: grid; grid-template-columns: 1fr; gap: 0.75rem;
    }
    @media (min-width: 700px) { .why-grid { grid-template-columns: repeat(3, 1fr); } }
    .why-tile {
      background: var(--bg-tile); border-radius: var(--radius);
      padding: 1.25rem; box-shadow: var(--shadow);
    }
    .why-tile h3 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.35rem; letter-spacing: -0.02em; }
    .why-tile p { font-size: 0.8125rem; color: var(--muted); }

    /* Footer — company tile + flat Shop/Service/Account columns + trust strip */
    .site-footer {
      margin-top: 3.5rem;
      padding: 3rem 0 calc(2.25rem + var(--safe-b));
      background:
        radial-gradient(80% 50% at 0% 0%, rgba(255,255,255,0.9) 0%, transparent 55%),
        linear-gradient(180deg, #f8f6f7 0%, #f1edef 100%);
      border-top: 1px solid rgba(26, 20, 24, 0.06);
      color: var(--muted);
    }
    .footer-shell { width: var(--max-wide); max-width: none; }
    .footer-layout {
      display: grid;
      gap: 1.75rem;
      margin-bottom: 1.5rem;
    }
    @media (min-width: 900px) {
      .footer-layout {
        grid-template-columns: minmax(14.5rem, 17.5rem) minmax(0, 1fr);
        gap: 2.5rem 3.25rem;
        align-items: start;
      }
    }
    .footer-company {
      background: #fff;
      border: 1px solid rgba(26, 20, 24, 0.08);
      border-radius: 22px;
      padding: 1.35rem 1.35rem 1.5rem;
      box-shadow:
        0 1px 0 rgba(255,255,255,0.9) inset,
        0 14px 36px rgba(26,20,24,0.07);
    }
    @media (max-width: 699px) {
      .footer-company {
        padding: 1.45rem 1.25rem 1.55rem;
        border-radius: 24px;
        box-shadow:
          0 1px 0 rgba(255,255,255,0.95) inset,
          0 18px 44px rgba(26,20,24,0.1);
        border-color: rgba(107, 45, 69, 0.12);
        background: linear-gradient(165deg, #fff 0%, #fcfafb 100%);
      }
      .footer-company .footer-lead {
        color: rgba(26, 20, 24, 0.82);
        font-size: 1.18rem;
      }
      .footer-company-name { font-size: 0.95rem; }
    }
    .footer-logo .logo-img { height: 34px; width: auto; max-width: min(100%, 16rem); opacity: 1; }
    .footer-about-label {
      margin: 0.95rem 0 0.25rem;
      font-size: 0.68rem; font-weight: 750;
      letter-spacing: 0.08em; text-transform: uppercase;
      color: rgba(107, 45, 69, 0.72);
    }
    .footer-lead {
      margin: 0 0 1rem;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-size: clamp(1.05rem, 2vw, 1.28rem);
      font-weight: 500; line-height: 1.35; letter-spacing: -0.02em;
      color: rgba(26, 20, 24, 0.72);
    }
    .footer-company-list {
      list-style: none; margin: 0; padding: 0;
      display: grid; gap: 0.65rem;
      font-size: 0.8125rem; line-height: 1.45;
      color: rgba(26, 20, 24, 0.58);
      font-weight: 500;
    }
    .footer-company-name {
      font-weight: 700; color: var(--fg); letter-spacing: -0.01em;
    }
    .footer-company-list a {
      color: rgba(26, 20, 24, 0.62); font-weight: 600;
    }
    .footer-company-list a:hover { color: var(--fg); }
    .footer-nav {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.7rem;
      min-width: 0;
      align-content: start;
    }
    @media (min-width: 900px) {
      .footer-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.85rem;
        padding-top: 0;
      }
    }
    .footer-col {
      background: #fff;
      border: 1px solid rgba(107, 45, 69, 0.1);
      border-radius: 16px;
      padding: 0.95rem 1.05rem 0.8rem;
      min-width: 0;
      box-shadow: none;
    }
    .footer-col-title,
    .footer-col-sum {
      display: block;
      width: auto;
      margin: 0 0 0.5rem;
      padding: 0 0 0.55rem;
      border: 0;
      border-bottom: 1px solid rgba(107, 45, 69, 0.12);
      font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
      font-size: 0.7rem;
      font-weight: 750;
      letter-spacing: 0.09em;
      text-transform: uppercase;
      color: #6b2d45;
      line-height: 1.2;
      pointer-events: none;
      cursor: default;
      user-select: none;
    }
    .footer-col-title::after,
    .footer-col-sum::after {
      content: none !important;
      display: none !important;
    }
    .footer-col ul {
      list-style: none;
      margin: 0;
      padding: 0 !important;
      display: grid !important;
      gap: 0;
    }
    .footer-col li { min-width: 0; }
    .footer-col a,
    .footer-col button {
      display: flex;
      align-items: center;
      width: 100%;
      min-height: 2.05rem;
      padding: 0.12rem 0;
      font-size: 0.875rem;
      line-height: 1.35;
      letter-spacing: -0.01em;
      font-weight: 550;
      color: rgba(26, 20, 24, 0.72);
      text-align: left;
      background: none;
      border: 0;
      cursor: pointer;
    }
    .footer-col a:hover,
    .footer-col button:hover { color: #6b2d45; }

    .footer-trust {
      display: grid;
      gap: 1.15rem;
      margin-bottom: 1.35rem;
      padding: 1.15rem 0 0;
      border-top: 1px solid rgba(26, 20, 24, 0.08);
    }
    @media (min-width: 700px) {
      .footer-trust {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) auto;
        align-items: start;
        gap: 1.5rem 2rem;
      }
      /* No language column (e.g. filler.pt) → Secure payment aligns right. */
      .footer-trust:not(:has(.footer-lang-block)),
      .footer-trust.footer-trust--no-lang {
        grid-template-columns: minmax(0, 1fr) auto;
      }
      .footer-trust:not(:has(.footer-lang-block)) .footer-trust-block:last-child,
      .footer-trust.footer-trust--no-lang .footer-trust-block:last-child {
        justify-self: end;
      }
    }
    .footer-trust-label {
      margin: 0 0 0.45rem;
      font-size: 0.68rem; font-weight: 750;
      letter-spacing: 0.07em; text-transform: uppercase;
      color: rgba(26, 20, 24, 0.45);
    }
    .footer-ship-badges {
      display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem;
    }
    .footer-ship-badge {
      display: inline-flex; align-items: center; justify-content: center;
      height: 2.35rem; padding: 0.3rem 0.55rem;
      background: #fff;
      border: 1px solid rgba(26, 20, 24, 0.08);
      border-radius: 10px;
      box-shadow: 0 1px 2px rgba(26,20,24,0.04);
    }
    .footer-ship-badge img {
      display: block; height: 1.45rem; width: auto; max-width: 6.5rem;
      object-fit: contain;
    }
    .footer-trust .hyla-pay-icons,
    .hyla-pay-icons.is-footer {
      display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center;
      justify-content: flex-start;
    }
    .hyla-pay-icons.is-footer .hyla-pay-icon {
      width: 3rem; height: 1.85rem;
      border-radius: 6px;
      background: #fff;
    }
    .footer-lang-btn {
      display: inline-flex; align-items: center; gap: 0.45rem;
      min-height: 2.45rem; padding: 0.4rem 0.85rem 0.4rem 0.65rem;
      border: 1px solid rgba(26, 20, 24, 0.1);
      border-radius: 999px;
      background: #fff;
      color: var(--fg);
      font-size: 0.88rem; font-weight: 650;
      cursor: pointer;
      box-shadow: 0 1px 2px rgba(26,20,24,0.04);
    }
    .footer-lang-btn:hover { border-color: rgba(107,45,69,0.28); }
    .footer-lang-flag { font-size: 1.05rem; line-height: 1; }
    .footer-lang-name { letter-spacing: -0.01em; }
    .footer-lang-chev {
      width: 0.4rem; height: 0.4rem; margin-left: 0.15rem;
      border-right: 1.5px solid var(--muted);
      border-bottom: 1.5px solid var(--muted);
      transform: rotate(-45deg);
    }
    .footer-bottom {
      padding-top: 1.35rem;
      border-top: 1px solid rgba(26, 20, 24, 0.08);
      font-size: 0.72rem; letter-spacing: -0.01em;
      color: rgba(26, 20, 24, 0.45);
      display: flex; flex-wrap: wrap; gap: 0.65rem 1.25rem;
      justify-content: space-between; align-items: center;
    }
    .hyla-footer-tax-note {
      flex: 1 1 100%;
      margin: 0 0 0.15rem;
      font-size: 0.72rem;
      font-weight: 550;
      letter-spacing: -0.01em;
      color: rgba(26, 20, 24, 0.58);
      line-height: 1.4;
    }
    .footer-legal {
      display: inline-flex; flex-wrap: wrap; gap: 0.95rem;
    }
    .footer-legal a { color: rgba(26, 20, 24, 0.55); font-weight: 550; }
    .footer-legal a:hover { color: var(--fg); }

    /* legacy footer class aliases */
    .footer-top { display: contents; }
    .footer-grid { display: contents; }
    .footer-hero { display: none; }
    .footer-tiles { display: contents; }
    .footer-tile { display: contents; }

    /* —— Mobile bottom dock —— */
    .dock {
      position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
      background: rgba(255,255,255,0.92);
      backdrop-filter: saturate(180%) blur(16px);
      -webkit-backdrop-filter: saturate(180%) blur(16px);
      border-top: 1px solid rgba(0,0,0,0.08);
      padding: 0.35rem 0.5rem calc(0.35rem + var(--safe-b));
      display: grid; grid-template-columns: repeat(5, 1fr);
    }
    .dock button, .dock a {
      display: flex; flex-direction: column; align-items: center; gap: 0.15rem;
      padding: 0.35rem; font-size: 0.62rem; font-weight: 500; color: var(--muted);
    }
    .dock .active { color: var(--blue); }
    .dock svg { width: 1.35rem; height: 1.35rem; }
    @media (min-width: 900px) { .dock { display: none; } }

    /* —— Canvas panels (right fullscreen) —— */
    .canvas-root[aria-hidden="true"] { pointer-events: none; }
    .canvas-backdrop {
      position: fixed; inset: 0; z-index: 90;
      background: rgba(0,0,0,0.35);
      opacity: 0; transition: opacity 0.28s ease;
    }
    .canvas-root.open .canvas-backdrop { opacity: 1; }
    .canvas {
      position: fixed; top: 0; right: 0; bottom: 0; z-index: 100;
      width: 100%; max-width: 100%;
      background: var(--bg);
      display: flex; flex-direction: column;
      transform: translateX(100%);
      transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
      box-shadow: var(--shadow-lg);
    }
    @media (min-width: 560px) { .canvas { max-width: 420px; } }
    .canvas-root.open .canvas { transform: translateX(0); }
    .canvas-bar {
      display: flex; align-items: center; gap: 0.5rem;
      min-height: 3.25rem; padding: 0.5rem 0.75rem;
      padding-top: max(0.5rem, env(safe-area-inset-top));
      border-bottom: 1px solid var(--line); flex-shrink: 0;
    }
    .canvas-back {
      width: 2.35rem; height: 2.35rem; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      background: var(--bg-tile);
    }
    .canvas-back:active { transform: scale(0.94); }
    .canvas-title {
      flex: 1; font-size: 1rem; font-weight: 650; letter-spacing: -0.02em;
      text-align: center; padding-right: 2.35rem;
    }
    .canvas-body {
      flex: 1; overflow-y: auto; padding: 0.75rem 1rem 1.5rem;
      padding-bottom: calc(1.5rem + var(--safe-b));
      -webkit-overflow-scrolling: touch;
    }
    .canvas-view { display: none; }
    .canvas-view.active { display: block; animation: fadeIn 0.22s ease; }
    @keyframes fadeIn { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }

    .canvas-list { list-style: none; }
    .canvas-list li + li { border-top: 1px solid var(--line); }
    .canvas-list button, .canvas-list a {
      width: 100%; display: flex; align-items: center; justify-content: space-between;
      padding: 1rem 0.15rem; font-size: 1rem; font-weight: 500; text-align: left;
      background: transparent; border: 0; color: var(--fg); cursor: pointer;
    }
    .canvas-list .chev { color: var(--muted); font-size: 1.1rem; }
    .canvas-empty {
      text-align: center; padding: 3rem 1rem; color: var(--muted);
    }
    .canvas-empty h3 { color: var(--fg); font-size: 1.1rem; margin-bottom: 0.4rem; }
    .canvas-empty p { font-size: 0.9rem; margin-bottom: 1.25rem; }
    .cart-line {
      display: flex; gap: 0.85rem; padding: 0.85rem 0;
      border-bottom: 1px solid var(--line);
    }
    .cart-thumb {
      width: 4rem; height: 4rem; border-radius: var(--radius-sm);
      background: var(--bg-tile); flex-shrink: 0;
    }
    .cart-info { flex: 1; min-width: 0; }
    .cart-info h4 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.15rem; }
    .cart-info p { font-size: 0.8rem; color: var(--muted); }
    .cart-info .price { margin-top: 0.35rem; display: block; }
    .canvas-cta {
      position: sticky; bottom: 0; padding: 0.85rem 0;
      background: linear-gradient(transparent, #fff 30%);
    }
    .canvas-cta .btn { width: 100%; }
    body.canvas-open { overflow: hidden; }


/* —— Theme Woo + left menu canvas (hyla-theme) —— */
:root {
  --hyla-accent: #6b2d45;
  --hyla-accent-press: #572438;
}
img.logo-img { width: auto; display: block; object-fit: contain; }
.logo-link { display: inline-flex; align-items: center; min-width: 0; }
.site-header img.logo-img { height: 32px; max-width: min(42vw, 13.5rem); }
.site-header.is-compact img.logo-img { height: 28px; }
.site-footer img.logo-img { height: 34px; max-width: min(100%, 16rem); }
@media (max-width: 899px) {
  .site-header .wrap,
  .site-header .wrap-wide {
    width: 100%;
    max-width: none;
    padding-inline: max(0.625rem, calc((100vw - 24.75rem) / 2));
  }
  .site-header .header-shell {
    gap: 0;
    grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
  }
  .site-header img.logo-img {
    height: 26px;
    max-width: 100%;
    object-position: center;
  }
  .site-header.is-compact img.logo-img { height: 24px; }
}
body.dnx-hyla-canvas-open { overflow: hidden !important; }

.dnx-hyla-canvas-root[aria-hidden="true"] { pointer-events: none; }
#dnx-hyla-canvas-root {
  position: relative;
  z-index: 100220;
}
.dnx-hyla-canvas-backdrop {
  position: fixed; inset: 0; z-index: 100200;
  background:
    radial-gradient(120% 80% at 50% 100%, rgba(107,45,69,0.18), transparent 55%),
    rgba(26, 20, 24, 0.38);
  backdrop-filter: blur(10px) saturate(140%);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  opacity: 0;
  transition: opacity 0.38s cubic-bezier(0.32, 0.72, 0, 1);
}
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas-backdrop { opacity: 1; }
.dnx-hyla-canvas {
  position: fixed; top: 0; bottom: 0; z-index: 100210;
  width: 100%; max-width: 100%;
  display: flex; flex-direction: column;
  transition: transform 0.48s cubic-bezier(0.32, 0.72, 0, 1), opacity 0.2s ease, visibility 0.2s;
  will-change: transform;
  /* Liquid glass shell — all breakpoints */
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(165deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.48) 42%, rgba(252,250,251,0.82) 100%);
  border: 1px solid rgba(255, 255, 255, 0.62);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.85),
    inset -1px -1px 0 rgba(255,255,255,0.25),
    0 24px 64px rgba(26, 20, 24, 0.2),
    0 4px 16px rgba(26, 20, 24, 0.08);
  backdrop-filter: blur(36px) saturate(180%) brightness(1.04);
  -webkit-backdrop-filter: blur(36px) saturate(180%) brightness(1.04);
  /* Inactive drawers must not steal taps from the active panel / page. */
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}
.dnx-hyla-canvas.is-active {
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
  z-index: 100216;
}
/* Park left menu under fav/account/cart so Back does not re-slide the menu. */
.dnx-hyla-canvas.is-under {
  pointer-events: none;
  visibility: visible;
  opacity: 1;
  z-index: 100208;
}
.dnx-hyla-canvas.is-no-anim {
  transition: none !important;
}
.dnx-hyla-canvas[data-side="left"] { left: 0; transform: translateX(-105%); }
.dnx-hyla-canvas[data-side="right"] { right: 0; transform: translateX(105%); }
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-active[data-side="left"],
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-active[data-side="right"],
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-under[data-side="left"],
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-under[data-side="right"] {
  transform: translateX(0) !important;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .dnx-hyla-canvas {
    background: rgba(252, 250, 251, 0.96);
  }
}
/* Description canvas — solid white, no glass */
#dnx-hyla-canvas-desc.dnx-hyla-canvas {
  background: #fff !important;
  border: 1px solid rgba(26, 20, 24, 0.1);
  box-shadow: 0 24px 64px rgba(26, 20, 24, 0.16);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#dnx-hyla-canvas-desc .dnx-hyla-canvas-bar {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#dnx-hyla-canvas-desc .dnx-hyla-canvas-x,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-back {
  background: #f4f0f2;
  border: 1px solid rgba(26, 20, 24, 0.08);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
/* Cart uses same liquid glass as other canvases */
/* Floating glass inset — mobile + tablet */
@media (max-width: 899px) {
  .dnx-hyla-canvas {
    top: 0.55rem;
    bottom: calc(0.55rem + var(--safe-b));
    height: auto;
    max-height: calc(100dvh - 1.1rem - var(--safe-b));
    width: calc(100vw - 0.9rem);
    max-width: calc(100vw - 0.9rem);
    border-radius: 32px;
  }
  .dnx-hyla-canvas[data-side="left"] { left: 0.45rem; }
  .dnx-hyla-canvas[data-side="right"] { right: 0.45rem; }

  /* Cart drawer — edge-to-edge, clean Shopify-like sheet */
  #dnx-hyla-canvas-cart.dnx-hyla-canvas {
    top: 0;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    border: 0;
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-bar {
    background: #fff;
    border-bottom: 1px solid rgba(26,20,24,0.08);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 0.65rem 1rem;
    padding-top: max(0.65rem, env(safe-area-inset-top));
    min-height: 3.15rem;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-title,
  #dnx-hyla-canvas-cart a.dnx-hyla-canvas-title.is-open-btn,
  #dnx-hyla-canvas-cart button.dnx-hyla-canvas-title.is-open-btn {
    text-align: left;
    justify-content: flex-start;
    padding-left: 0;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-x,
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-back,
  #dnx-hyla-canvas-cart .hyla-ymal-toggle {
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    width: 2.4rem;
    height: 2.4rem;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-x:hover,
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-back:hover,
  #dnx-hyla-canvas-cart .hyla-ymal-toggle:hover {
    background: rgba(26,20,24,0.08);
    box-shadow: none;
  }
  #dnx-hyla-canvas-cart .hyla-cart-checkout:hover {
    filter: brightness(0.9);
    box-shadow: 0 8px 22px rgba(107,45,69,0.3);
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-body {
    background: #fff;
    padding: 0;
  }
  #dnx-hyla-canvas-cart .hyla-cart-main {
    padding: 0;
  }
  #dnx-hyla-canvas-cart .hyla-cart-scroll {
    padding: 0 1rem 0.75rem;
    margin: 0;
  }
  #dnx-hyla-canvas-cart .hyla-cart-foot {
    margin: 0;
    padding: 0.55rem 1rem;
    padding-bottom: max(0.55rem, env(safe-area-inset-bottom));
    border: 0;
    border-top: 1px solid rgba(26,20,24,0.08);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    position: relative;
    width: 100%;
    max-width: none;
  }
  #dnx-hyla-canvas-cart .hyla-cart-foot::before {
    display: none;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-cta {
    background: transparent;
    border: 0;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 0.4rem 0 0;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-cta .btn,
  #dnx-hyla-canvas-cart .hyla-cart-checkout {
    border-radius: 12px !important;
    min-height: 3.05rem;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-checkout-total {
    margin-left: auto;
    padding-left: 0.75rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-discount {
    margin: 0 0 0.2rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  #dnx-hyla-canvas-cart .hyla-cart-coupon-toggle {
    padding: 0.15rem 0;
    font-size: 0.72rem;
    font-weight: 550;
    color: var(--muted);
    gap: 0.28rem;
    opacity: 0.78;
  }
  #dnx-hyla-canvas-cart .hyla-cart-coupon-toggle-ico {
    width: 1rem;
    height: 1rem;
    background: transparent;
    color: var(--muted);
  }
  #dnx-hyla-canvas-cart .hyla-cart-coupon input {
    font-size: 16px;
    border-radius: 12px;
  }
  #dnx-hyla-canvas-cart .hyla-cart-overview,
  #dnx-hyla-canvas-cart .hyla-cart-totals {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0.05rem 0 0.2rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-overview-head {
    padding: 0.4rem 0;
    border: 0;
    background: transparent;
  }
  #dnx-hyla-canvas-cart .hyla-cart-secure {
    margin-top: 0.45rem;
    opacity: 0.85;
    text-align: center;
    padding: 0.35rem 0 0;
  }
  #dnx-hyla-canvas-cart .hyla-cart-secure-label {
    text-align: center;
  }
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-mobile-ymal {
    margin: 1.85rem 0 0.35rem;
    padding: 0.95rem 0 0;
    border-top: 1px solid rgba(26,20,24,0.08);
    background: transparent;
    border-radius: 0;
  }
}
/* Floating glass inset — desktop */
@media (min-width: 900px) {
  .dnx-hyla-canvas {
    top: 0.85rem;
    bottom: 0.85rem;
    height: auto;
    max-height: calc(100dvh - 1.7rem);
    width: min(420px, calc(100vw - 1.7rem));
    max-width: min(420px, calc(100vw - 1.7rem));
    border-radius: 30px;
  }
  .dnx-hyla-canvas[data-side="left"] { left: 0.85rem; }
  .dnx-hyla-canvas[data-side="right"] { right: 0.85rem; }
  #dnx-hyla-canvas-cart.dnx-hyla-canvas {
    width: min(720px, calc(100vw - 1.7rem));
    max-width: min(720px, calc(100vw - 1.7rem));
  }
  #dnx-hyla-canvas-desc.dnx-hyla-canvas {
    width: min(560px, calc(100vw - 1.7rem));
    max-width: min(560px, calc(100vw - 1.7rem));
  }
}
.dnx-hyla-canvas-bar {
  background: linear-gradient(180deg, rgba(255,255,255,0.55), rgba(255,255,255,0.12));
  border-bottom-color: rgba(26, 20, 24, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.dnx-hyla-canvas-body {
  background: transparent;
}
.dnx-hyla-canvas-x,
.dnx-hyla-canvas-back {
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 8px rgba(26,20,24,0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.dnx-hyla-canvas-cta {
  background: linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.55));
  border-top-color: rgba(26, 20, 24, 0.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.dnx-hyla-canvas-bar {
  display: flex; align-items: center; gap: 0.5rem; min-height: 3.25rem;
  padding: 0.5rem 0.75rem; padding-top: max(0.5rem, env(safe-area-inset-top));
  border-bottom: 1px solid var(--line); flex-shrink: 0;
  position: relative; z-index: 2;
}
.dnx-hyla-canvas-bar.is-compact {
  min-height: 2.85rem; padding: 0.4rem 0.65rem;
  padding-top: max(0.4rem, env(safe-area-inset-top));
}
.dnx-hyla-canvas-bar.is-compact .dnx-hyla-canvas-title {
  font-size: 0.92rem; font-weight: 700;
}
.hyla-ymal-toggle {
  width: 2.35rem; height: 2.35rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 8px rgba(26,20,24,0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  color: var(--fg); flex-shrink: 0;
  transition: background 0.15s ease, transform 0.15s ease;
}
.hyla-ymal-toggle:hover { background: rgba(255,255,255,0.96); box-shadow: 0 4px 14px rgba(26,20,24,0.12); }
.hyla-ymal-toggle:active { transform: scale(0.94); }
.hyla-ymal-chev {
  display: block;
  transition: transform 0.28s cubic-bezier(0.32, 0.72, 0, 1);
  transform: rotate(0deg);
}
#dnx-hyla-canvas-cart.is-ymal-collapsed .hyla-ymal-chev {
  transform: rotate(0deg);
}
@media (max-width: 959px) {
  .hyla-ymal-toggle { display: none; }
}
.dnx-hyla-canvas-back {
  width: 2.35rem; height: 2.35rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 8px rgba(26,20,24,0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
}
.dnx-hyla-canvas-back:hover {
  background: rgba(255,255,255,0.96);
  box-shadow: 0 4px 14px rgba(26,20,24,0.12);
}
.dnx-hyla-canvas-back-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  rotate: 0deg;
  transition: rotate 0.48s cubic-bezier(0.32, 0.72, 0, 1);
}
.dnx-hyla-canvas-back-ico svg { display: block; }
/* Chevron path points left. Closed left-sheet faces inward; open faces the close edge. */
.dnx-hyla-canvas[data-side="left"] .dnx-hyla-canvas-back-ico {
  rotate: 180deg;
}
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-active[data-side="left"] .dnx-hyla-canvas-back-ico {
  rotate: 0deg;
}
.dnx-hyla-canvas-root.is-open .dnx-hyla-canvas.is-active[data-side="right"] .dnx-hyla-canvas-back-ico {
  rotate: 180deg;
}
.dnx-hyla-canvas-root.is-open #dnx-hyla-canvas-cart.is-active .hyla-ymal-chev {
  rotate: 180deg;
}
.hyla-ymal-chev {
  rotate: 0deg;
  transition: rotate 0.48s cubic-bezier(0.32, 0.72, 0, 1);
}
@media (prefers-reduced-motion: reduce) {
  .dnx-hyla-canvas-back-ico,
  .hyla-ymal-chev { transition: none; }
}
.dnx-hyla-canvas-x {
  width: 2.35rem; height: 2.35rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 8px rgba(26,20,24,0.06);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  cursor: pointer;
  font-size: 1.35rem; line-height: 1; color: var(--muted); flex-shrink: 0;
}
.dnx-hyla-canvas-x:hover {
  background: rgba(255,255,255,0.96);
  color: var(--fg);
  box-shadow: 0 4px 14px rgba(26,20,24,0.12);
}
.dnx-hyla-canvas-title {
  flex: 1; font-size: 1rem; font-weight: 650; letter-spacing: -0.02em;
  text-align: center;
}
button.dnx-hyla-canvas-title.is-open-btn,
a.dnx-hyla-canvas-title.is-open-btn {
  appearance: none; -webkit-appearance: none;
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  margin: 0; padding: 0.35rem 0.55rem;
  border: 0; border-radius: 999px;
  background: transparent;
  color: inherit; font: inherit; letter-spacing: inherit;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease;
}
button.dnx-hyla-canvas-title.is-open-btn:hover,
a.dnx-hyla-canvas-title.is-open-btn:hover {
  background: rgba(26, 20, 24, 0.08);
}
button.dnx-hyla-canvas-title.is-open-btn:active,
a.dnx-hyla-canvas-title.is-open-btn:active {
  transform: scale(0.98);
}
.dnx-hyla-canvas-title-label {
  min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dnx-hyla-canvas-title-ico {
  display: inline-flex; flex-shrink: 0;
  width: 1.35rem; height: 1.35rem;
  align-items: center; justify-content: center;
  border-radius: 50%;
  color: var(--muted);
  background: rgba(255,255,255,0.55);
  border: 1px solid rgba(255,255,255,0.65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
button.dnx-hyla-canvas-title.is-open-btn:hover .dnx-hyla-canvas-title-ico,
a.dnx-hyla-canvas-title.is-open-btn:hover .dnx-hyla-canvas-title-ico {
  color: var(--fg);
  background: #fff;
  border-color: rgba(26,20,24,0.12);
  box-shadow: 0 2px 8px rgba(26,20,24,0.1);
}
.dnx-hyla-canvas-title-ico svg { display: block; }
.dnx-hyla-canvas-bar:not(:has(.dnx-hyla-canvas-x)) .dnx-hyla-canvas-title {
  padding-right: 2.35rem;
}
.dnx-hyla-canvas-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0.75rem 0.85rem 1.1rem;
  padding-bottom: calc(1.1rem + var(--safe-b));
  display: flex;
  flex-direction: column;
}
#dnx-hyla-canvas-cart .dnx-hyla-canvas-bar {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
#dnx-hyla-canvas-cart .dnx-hyla-canvas-body {
  overflow: hidden;
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
@media (max-width: 899px) {
  #dnx-hyla-canvas-cart .dnx-hyla-canvas-body {
    padding: 0;
  }
}
.dnx-hyla-canvas-body > .dnx-hyla-canvas-view {
  flex: 1 1 auto;
  min-height: 0;
}
.dnx-hyla-canvas-view { display: none; }
.dnx-hyla-canvas-view.is-active { display: block; }
.dnx-hyla-canvas-view[data-view="cart"].is-active {
  display: flex; flex-direction: column; height: 100%; min-height: 0;
}
.dnx-hyla-canvas-list { list-style: none; margin: 0; padding: 0; }
.dnx-hyla-canvas-list li + li { border-top: 1px solid var(--line); }
.dnx-hyla-canvas-list a,
.dnx-hyla-canvas-list button {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 0.15rem; font-size: 1rem; font-weight: 500; text-align: left;
  background: transparent; border: 0; color: var(--fg); cursor: pointer; text-decoration: none;
}
.dnx-hyla-canvas-list .chev { color: var(--muted); }
.dnx-hyla-canvas-empty { text-align: center; padding: 3rem 1rem; color: var(--muted); }
.dnx-hyla-canvas-empty h3 { color: var(--fg); margin-bottom: 0.4rem; }
.dnx-hyla-canvas-view[data-view="cart"].is-active {
  display: flex; flex-direction: column; height: 100%; min-height: 0;
}
#dnx-hyla-canvas-cart .dnx-hyla-canvas-body {
  overflow: hidden;
}
.hyla-cart-layout {
  display: flex; flex-direction: column;
  flex: 1 1 auto; min-height: 0; height: 100%;
  overflow: hidden;
}
.hyla-cart-main {
  display: flex; flex-direction: column;
  flex: 1 1 auto; min-height: 0;
  overflow: hidden;
}

.hyla-cart-ymal {
  display: none;
  flex: 0 0 auto;
  border-bottom: 1px solid transparent;
  background: transparent;
  padding: 0;
  margin: 0;
}
.hyla-cart-ymal.is-mobile-ymal { display: none; }
.hyla-cart-ymal.is-desktop-ymal { display: none; }
.hyla-cart-ymal-title {
  margin: 0 0 0.7rem;
  padding: 0.55rem 0.8rem;
  border-radius: 14px;
  font-size: 0.72rem; font-weight: 750; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--fg);
  line-height: 1.3;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background:
    linear-gradient(160deg, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.52) 100%);
  border: 1px solid rgba(255,255,255,0.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 4px 14px rgba(26,20,24,0.05);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
/* Cart YMAL = same vertical shop tiles as PDP related */
.hyla-cart-ymal ul.products.hyla-cart-ymal-list,
.hyla-cart-ymal-list {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 0.65rem;
  margin: 0 !important;
  padding: 0.1rem 0.05rem 0.55rem !important;
  list-style: none !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.hyla-cart-ymal-list::-webkit-scrollbar { display: none; }
.hyla-cart-ymal-list::before,
.hyla-cart-ymal-list::after { display: none !important; content: none !important; }
.hyla-cart-ymal-card.hyla-shop-tile,
.hyla-cart-ymal li.hyla-cart-ymal-card {
  flex: 0 0 min(42vw, 9.75rem);
  width: min(42vw, 9.75rem) !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  scroll-snap-align: start;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(180deg, #fff 0%, #faf8f9 100%) !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(26,20,24,0.03) !important;
  transition: opacity 0.25s ease, transform 0.2s ease, box-shadow 0.2s ease;
  list-style: none !important;
}
.hyla-cart-ymal-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(26,20,24,0.14) !important;
}
.hyla-cart-ymal-card.is-leaving {
  opacity: 0; transform: translateX(-10px);
}
.hyla-cart-ymal-card .hyla-shop-tile-media {
  aspect-ratio: 4 / 3;
  margin: 0;
}
.hyla-cart-ymal-media {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 0;
  overflow: hidden;
}
.hyla-cart-ymal-media img,
.hyla-cart-ymal-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-sizing: border-box;
}
.hyla-cart-ymal-card .woocommerce-loop-product__title {
  font-size: 0.76rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.01em;
  margin: 0.55rem 0.65rem 0.35rem !important;
  line-height: 1.3;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hyla-cart-ymal-name {
  font-size: inherit;
  font-weight: inherit;
  color: var(--fg);
  text-decoration: none;
  line-height: inherit;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.hyla-cart-ymal-meta.tile-foot,
.hyla-cart-ymal-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem;
  margin-top: 0.35rem;
  padding: 0 0.65rem 0.65rem;
}
.hyla-cart-ymal-price {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--fg);
  min-width: 0;
  line-height: 1.2;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem;
}
.hyla-cart-ymal-price .woocommerce-price-suffix { display: none; }
.hyla-cart-ymal-price del {
  display: inline; font-size: 0.68rem; color: var(--muted); font-weight: 500;
  text-decoration: line-through;
}
.hyla-cart-ymal-price ins {
  text-decoration: none; background: none; font-weight: 700;
}
.hyla-cart-ymal-add.btn-add,
a.hyla-cart-ymal-add.btn-add,
button.hyla-cart-ymal-add {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  min-height: 1.85rem !important;
  max-height: 1.85rem !important;
  flex: 0 0 1.85rem !important;
  aspect-ratio: 1 / 1;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  margin: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 50% !important;
  background: var(--blue);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
}
.hyla-cart-ymal-add.is-loading { opacity: 0.55; pointer-events: none; }

/* Mobile: YMAL inside scroll; foot stays pinned at bottom */
@media (max-width: 959px) {
  .hyla-cart-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }
  .hyla-cart-main {
    order: 1;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
  }
  .hyla-cart-foot {
    order: 2;
    flex: 0 0 auto;
    width: 100%;
  }
  .hyla-cart-ymal.is-desktop-ymal { display: none !important; }
  .hyla-cart-ymal.is-mobile-ymal {
    display: block;
    order: initial;
    margin: 1.85rem 0 0.25rem;
    padding: 0.85rem;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.55);
    background:
      linear-gradient(165deg, rgba(255,255,255,0.42) 0%, rgba(245,239,241,0.55) 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  }
  .hyla-cart-ymal-title {
    margin-bottom: 0.65rem;
    text-align: center;
    letter-spacing: 0.06em;
  }
  .hyla-cart-ymal-list {
    flex-wrap: nowrap;
  }
}

@media (min-width: 960px) {
  .hyla-cart-layout {
    display: grid;
    grid-template-columns: 248px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
    align-items: stretch;
    position: relative;
    overflow: hidden;
  }
  .hyla-cart-ymal.is-mobile-ymal { display: none !important; }
  .hyla-cart-ymal.is-desktop-ymal {
    display: flex; flex-direction: column;
    grid-column: 1;
    grid-row: 1 / -1;
    order: 0;
    flex: none;
    width: auto;
    min-width: 0;
    border: 0;
    margin: 0;
    padding: 0 0.7rem 0.15rem 0;
    max-height: 100%;
    height: 100%;
    min-height: 0;
    align-self: stretch;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    transform: translateX(42%);
    pointer-events: none;
    transition:
      opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.58s cubic-bezier(0.22, 1, 0.36, 1),
      padding 0.36s ease,
      margin 0.36s ease;
  }
  #dnx-hyla-canvas-cart .hyla-cart-layout {
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    overflow: hidden;
    align-items: stretch;
  }
  #dnx-hyla-canvas-cart.is-ymal-ready:not(.is-ymal-collapsed) .hyla-cart-ymal.is-desktop-ymal {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
  #dnx-hyla-canvas-cart.is-ymal-collapsed .hyla-cart-ymal.is-desktop-ymal {
    padding: 0; margin: 0; width: 0; min-width: 0;
    opacity: 0; overflow: hidden; pointer-events: none;
    transform: translateX(28%);
    transition-delay: 0s;
  }
  #dnx-hyla-canvas-cart.is-ymal-collapsed .hyla-cart-layout {
    grid-template-columns: 0 minmax(0, 1fr);
  }
  .hyla-cart-main {
    grid-column: 2;
    grid-row: 1;
    min-width: 0; min-height: 0;
    padding-left: 0.15rem;
    background: transparent;
    position: relative;
    z-index: 2;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .hyla-cart-foot {
    grid-column: 2;
    grid-row: 2;
  }
  .hyla-cart-ymal-title {
    margin: 0 0 0.5rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    white-space: normal;
    overflow: hidden;
    text-overflow: unset;
    display: flex;
    align-items: center;
    min-height: 2.7rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.3;
    color: var(--muted);
  }
  /* Desktop sidebar: compact tiles, flush with cart-line column */
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal ul.products.hyla-cart-ymal-list,
  .hyla-cart-ymal.is-desktop-ymal ul.products.hyla-cart-ymal-list,
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-list {
    display: flex !important;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: none;
    height: auto;
    padding: 1rem 0 0.15rem !important;
    scroll-snap-type: none;
    overscroll-behavior: contain;
    -webkit-mask-image: linear-gradient(#000 0%, #000 calc(100% - 0.42rem), transparent 100%);
    mask-image: linear-gradient(#000 0%, #000 calc(100% - 0.42rem), transparent 100%);
  }
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-card {
    flex: 0 0 auto;
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }
  .hyla-cart-ymal.is-desktop-ymal .hyla-shop-tile-media,
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-card .hyla-shop-tile-media {
    aspect-ratio: 1.22 / 1 !important;
  }
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-card .woocommerce-loop-product__title {
    -webkit-line-clamp: 1 !important;
    margin: 0.32rem 0.5rem 0.08rem !important;
    font-size: 0.72rem !important;
  }
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-card .hyla-shop-tile-meta {
    padding: 0 0.5rem 0.45rem;
  }
  .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-card:hover {
    transform: translateY(-1px);
  }
  .hyla-cart-ymal-name {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
  }
}

.hyla-ship-bar.is-compact {
  margin: 0 0 0.55rem; padding: 0.55rem 0.75rem;
  border-radius: 16px;
  background:
    linear-gradient(155deg, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.48) 100%);
  border: 1px solid rgba(255,255,255,0.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 4px 14px rgba(26,20,24,0.04);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.hyla-ship-bar-compact {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem; margin-bottom: 0.4rem;
}
.hyla-ship-bar.is-compact .hyla-ship-bar-msg {
  font-size: 0.78rem; font-weight: 700;
}
.hyla-ship-bar.is-compact .hyla-ship-bar-lock {
  width: 1.75rem; height: 1.75rem;
}
.hyla-ship-bar.is-compact .hyla-ship-bar-lock svg {
  width: 15px; height: 15px;
}
.hyla-ship-bar.is-compact .hyla-ship-bar-track { height: 4px; }
.hyla-ship-bar.is-compact .hyla-ship-bar-icon,
.hyla-ship-bar.is-compact .hyla-ship-bar-sub,
.hyla-ship-bar.is-compact .hyla-ship-bar-pct { display: none; }

.hyla-cart-scroll {
  flex: 1 1 auto; min-height: 0; overflow: auto;
  padding-bottom: 0.45rem;
  margin: 0 -0.05rem;
}
.hyla-cart-lines {
  display: grid;
  gap: 0.7rem;
}
.hyla-cart-foot {
  flex: 0 0 auto;
  margin-top: 0.35rem;
  padding: 0.75rem 0.8rem 0.8rem;
  border: 1px solid rgba(255,255,255,0.85);
  border-radius: 22px;
  background:
    linear-gradient(165deg,
      rgba(255,255,255,0.55) 0%,
      rgba(255,255,255,0.28) 42%,
      rgba(245,240,242,0.48) 100%);
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,0.95),
    inset -1px -1px 0 rgba(255,255,255,0.35),
    0 1px 0 rgba(255,255,255,0.6),
    0 16px 40px rgba(26,20,24,0.1);
  backdrop-filter: blur(28px) saturate(185%);
  -webkit-backdrop-filter: blur(28px) saturate(185%);
}

/* Compact reserved-order urgency tile (loops — never expires) */
.hyla-cart-reserve {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin: 0 0 0.4rem;
  padding: 0.36rem 0.7rem;
  border-radius: 999px;
  border: 1px solid rgba(47, 107, 79, 0.18);
  background:
    linear-gradient(180deg, rgba(246, 251, 247, 0.98) 0%, rgba(232, 243, 236, 0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: #2f6b4f;
}
/* Align reserve + compact ship-bar with cart line inset (1rem / 10px desktop). */
#dnx-hyla-canvas-cart .hyla-cart-main > .hyla-cart-reserve {
  margin: 0.3rem 1rem 0.3rem;
}
#dnx-hyla-canvas-cart .hyla-cart-main > .hyla-ship-bar.is-compact {
  margin-left: 1rem;
  margin-right: 1rem;
}
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-main > .hyla-cart-reserve {
    margin: 0.25rem 10px 0.25rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-main > .hyla-ship-bar.is-compact {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.hyla-cart-reserve-ico {
  display: inline-flex;
  flex: 0 0 auto;
  opacity: 0.9;
}
.hyla-cart-reserve-label {
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-main > .hyla-cart-reserve {
  margin-top: 0.2rem;
  margin-bottom: 0.25rem;
  padding: 0.3rem 0.6rem;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-reserve-label {
  font-size: 0.62rem;
  letter-spacing: 0.035em;
}
[dir="rtl"] .hyla-cart-reserve {
  flex-direction: row-reverse;
}
#dnx-hyla-canvas-cart .hyla-cart-main {
  padding-left: 0;
  padding-right: 0;
}
#dnx-hyla-canvas-cart .dnx-hyla-canvas-bar.is-compact {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
}
/* Cart line tiles */
.dnx-hyla-cart-line {
  display: grid;
  grid-template-columns: 4.75rem minmax(0, 1fr) auto;
  gap: 0.75rem 0.85rem;
  align-items: start;
  padding: 0.85rem;
  margin: 0;
  border: 1px solid rgba(255,255,255,0.82);
  border-radius: 22px;
  background:
    linear-gradient(160deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.62) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 10px 28px rgba(26,20,24,0.06);
  backdrop-filter: blur(16px) saturate(170%);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  transition: border-color 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}
.dnx-hyla-cart-line.is-just-added {
  animation: hyla-cart-line-flash 1.45s ease;
  border-color: rgba(107, 45, 69, 0.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 0 0 2px rgba(107, 45, 69, 0.16),
    0 12px 32px rgba(107, 45, 69, 0.12);
  background:
    linear-gradient(160deg, rgba(255,248,250,0.98) 0%, rgba(247,232,238,0.88) 100%);
}
@keyframes hyla-cart-line-flash {
  0% {
    border-color: rgba(107, 45, 69, 0.55);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.98),
      0 0 0 3px rgba(107, 45, 69, 0.22),
      0 14px 36px rgba(107, 45, 69, 0.16);
  }
  100% {
    border-color: rgba(107, 45, 69, 0.38);
  }
}
.dnx-hyla-cart-thumb {
  width: 100%;
  max-width: 4.75rem;
  aspect-ratio: 1;
  height: auto;
  border-radius: 18px;
  background: radial-gradient(120% 90% at 50% 18%, #fff 0%, #f2ecef 78%);
  overflow: hidden; flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(26,20,24,0.05);
  align-self: center;
}
.dnx-hyla-cart-thumb a {
  display: block; width: 100%; height: 100%;
  text-decoration: none; color: inherit;
}
.dnx-hyla-cart-info h4 a {
  color: inherit; text-decoration: none;
}
.dnx-hyla-cart-info h4 a:hover { text-decoration: underline; }
.dnx-hyla-cart-thumb img {
  width: 100%; height: 100%; object-fit: contain;
  padding: 0.45rem; box-sizing: border-box; display: block;
}
.dnx-hyla-cart-info {
  min-width: 0; display: grid;
  grid-template-rows: auto auto;
  gap: 0.45rem;
  align-content: start;
}
.dnx-hyla-cart-top {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 0.55rem;
}
.dnx-hyla-cart-info h4 {
  font-size: 0.92rem; font-weight: 650; margin: 0; line-height: 1.3;
  letter-spacing: -0.02em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.hyla-cart-sku { display: none !important; }
.dnx-hyla-cart-meta {
  display: flex; align-items: center; justify-content: space-between; gap: 0.65rem;
  margin-top: 0;
}
.dnx-hyla-cart-info .price,
.hyla-cart-line-price {
  margin: 0; font-weight: 750; font-size: 0.98rem;
  letter-spacing: -0.025em;
  display: inline-flex; align-items: baseline; gap: 0.35rem;
  flex-wrap: wrap; justify-content: flex-end; text-align: right;
}
.hyla-cart-line-price del {
  font-size: 0.76rem; font-weight: 550; color: var(--muted);
  text-decoration: line-through; opacity: 0.85;
}
.hyla-cart-line-price ins {
  text-decoration: none; font-weight: 750; color: var(--fg);
}
.hyla-cart-line-price .woocommerce-price-suffix { display: none; }

/* Discount / coupon */
.hyla-cart-discount {
  margin: 0 0 0.55rem;
  padding: 0.55rem 0.65rem;
  border-radius: 16px;
  background: rgba(255,255,255,0.48);
  border: 1px solid rgba(255,255,255,0.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.hyla-cart-coupon-toggle {
  display: inline-flex; align-items: center; gap: 0.45rem;
  width: 100%;
  padding: 0.15rem 0; border: 0; background: transparent;
  font-size: 0.84rem; font-weight: 650; color: var(--blue);
  cursor: pointer; text-decoration: none; text-align: left;
}
.hyla-cart-coupon-toggle-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.45rem; height: 1.45rem; border-radius: 50%;
  background: rgba(107,45,69,0.1); color: var(--blue);
  flex: 0 0 auto;
  transition: transform 0.2s ease, background 0.2s ease;
}
.hyla-cart-coupon-toggle.is-open .hyla-cart-coupon-toggle-ico {
  background: rgba(107,45,69,0.16);
  transform: rotate(45deg);
}
.hyla-cart-coupon-toggle::before { content: none; display: none; }

/* Totals accordion — inside liquid glass foot */
.hyla-cart-overview,
.hyla-cart-totals {
  background: rgba(255,255,255,0.42);
  border-radius: 16px;
  padding: 0;
  margin: 0 0 0.55rem;
  border: 1px solid rgba(255,255,255,0.65);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.hyla-cart-overview-head {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.75rem;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  color: var(--fg);
  font: inherit;
}
.hyla-cart-overview-label {
  font-size: 0.78rem; font-weight: 650; color: var(--muted);
}
.hyla-cart-overview-sum {
  font-size: 1rem; font-weight: 750; letter-spacing: -0.02em;
}
.hyla-cart-overview-chev {
  width: 0.42rem; height: 0.42rem;
  border-right: 1.7px solid var(--muted);
  border-bottom: 1.7px solid var(--muted);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
  margin-top: -0.15rem;
}
.hyla-cart-overview.is-open .hyla-cart-overview-chev {
  transform: rotate(-135deg);
  margin-top: 0.15rem;
}
.hyla-cart-overview-body {
  padding: 0 0.75rem 0.65rem;
  border-top: 1px solid rgba(26,20,24,0.06);
}
.hyla-cart-overview-body[hidden] { display: none !important; }
.hyla-cart-overview-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.32rem 0;
  font-size: 0.8rem;
  text-align: left;
}
.hyla-cart-overview-row > span:first-child {
  justify-self: start;
  text-align: left;
  color: var(--muted);
  font-weight: 600;
}
.hyla-cart-overview-row > span:last-child {
  justify-self: end;
  text-align: right;
  font-weight: 650;
  font-variant-numeric: tabular-nums;
  color: var(--fg);
}
.hyla-cart-overview-row.is-discount { color: #2f6b4f; }
.hyla-cart-overview-row.is-discount > span:first-child,
.hyla-cart-overview-row.is-discount > span:last-child { color: #2f6b4f; }
.hyla-cart-overview-row.is-total {
  border-top: 1px solid rgba(26,20,24,0.08);
  padding-top: 0.45rem; margin-top: 0.2rem;
  font-size: 0.92rem;
}
.hyla-cart-overview-row.is-total > span:first-child,
.hyla-cart-overview-row.is-total > span:last-child {
  font-weight: 750;
  color: var(--fg);
}
.hyla-cart-coupons-applied {
  display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 0.45rem;
}
.hyla-cart-coupon-chip {
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.28rem 0.45rem 0.28rem 0.7rem;
  border-radius: 999px; background: #eef6f1; border: 1px solid #cfe3d6;
  font-size: 0.72rem; font-weight: 700; color: #2f6b4f;
}
.hyla-cart-coupon-remove {
  width: 1.35rem; height: 1.35rem; border: 0; border-radius: 50%;
  background: rgba(47,107,79,0.12); color: #2f6b4f; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; font-size: 0.95rem; line-height: 1;
}
.hyla-cart-coupon {
  display: block;
  margin: 0.55rem 0 0.1rem;
}
.hyla-cart-coupon[hidden] { display: none !important; }
.hyla-cart-coupon-field {
  display: grid; grid-template-columns: 1fr auto; gap: 0.45rem;
  align-items: stretch;
}
.hyla-cart-coupon input {
  width: 100%; min-width: 0;
  border: 1px solid rgba(26,20,24,0.08); border-radius: 16px;
  padding: 0.55rem 0.85rem; font-size: 16px;
  background: rgba(255,255,255,0.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.hyla-cart-coupon .btn {
  white-space: nowrap; min-width: 5.5rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 16px;
}
.hyla-cart-coupon-msg {
  margin: 0.4rem 0 0; font-size: 0.75rem; font-weight: 600;
}
.hyla-cart-coupon-msg.is-ok { color: #2f6b4f; }
.hyla-cart-coupon-msg.is-err { color: #8a3a3a; }
.dnx-hyla-canvas-cta {
  display: flex; flex-direction: column; align-items: stretch; gap: 0.55rem;
  position: static; margin: 0.2rem 0 0; padding: 0;
  background: transparent; border: 0; box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.dnx-hyla-canvas-cta .btn,
.dnx-hyla-canvas-cta .button {
  width: 100%; display: inline-flex; align-items: center; justify-content: center;
  gap: 0.55rem; margin: 0;
  min-height: 2.85rem;
  border-radius: 999px !important;
  font-weight: 700;
}
.hyla-cart-checkout-total {
  opacity: 0.9; font-weight: 650;
  padding-left: 0.55rem; border-left: 1px solid rgba(255,255,255,0.28);
}
.hyla-cart-secure {
  margin-top: 0.65rem; text-align: center;
  max-width: 100%;
  overflow: hidden;
  padding: 0.45rem 0.2rem 0.1rem;
  border-top: 1px solid rgba(26,20,24,0.06);
}
.hyla-cart-secure-label {
  display: block; margin-bottom: 0.45rem;
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--muted);
}
#dnx-hyla-canvas-cart .hyla-cart-secure .hyla-pay-icons {
  justify-content: center;
  mask-image: none;
  -webkit-mask-image: none;
  overflow: hidden;
  flex-wrap: wrap;
  gap: 0.3rem;
  max-height: calc(2 * 1.45rem + 0.3rem);
}
#dnx-hyla-canvas-cart .hyla-cart-secure .hyla-pay-icon {
  width: 2.4rem; height: 1.45rem;
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(26,20,24,0.05), 0 2px 6px rgba(26,20,24,0.04);
}
@media (max-width: 899px) {
  #dnx-hyla-canvas-cart .hyla-cart-secure .hyla-pay-icons {
    justify-content: center;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 0.22rem;
    max-height: calc(2 * 1.18rem + 0.22rem);
  }
  #dnx-hyla-canvas-cart .hyla-cart-secure .hyla-pay-icon,
  #dnx-hyla-canvas-cart .hyla-cart-secure .hyla-pay-icons.is-compact .hyla-pay-icon {
    width: 1.95rem;
    height: 1.18rem;
    border-radius: 6px;
  }
}
.hyla-pay-icons {
  display: flex; flex-wrap: nowrap; justify-content: flex-start;
  gap: 0.35rem;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0.1rem 0.15rem 0.2rem;
  mask-image: linear-gradient(90deg, transparent 0, #000 0.6rem, #000 calc(100% - 0.6rem), transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 0.6rem, #000 calc(100% - 0.6rem), transparent 100%);
}
.hyla-pay-icons::-webkit-scrollbar { display: none; }
.hyla-pay-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 2.85rem; height: 1.7rem;
  padding: 0;
  border-radius: 10px; overflow: hidden;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(26,20,24,0.05);
  flex: 0 0 auto;
}
.hyla-pay-icon img,
.hyla-pay-icon svg {
  width: 100%; height: 100%; display: block; object-fit: cover;
  filter: none !important;
  -webkit-filter: none !important;
}
.hyla-pay-icons.is-compact .hyla-pay-icon { width: 2.55rem; height: 1.5rem; }
.hyla-pay-icons.is-checkout .hyla-pay-icon { width: 3rem; height: 1.85rem; }
.hyla-pay-icons.is-footer {
  flex-wrap: wrap;
  overflow: visible;
  mask-image: none;
  -webkit-mask-image: none;
  justify-content: flex-start;
}
.hyla-cart-shop {
  background: #fff !important;
  color: var(--fg) !important;
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}
.hyla-cart-shop:hover {
  background: #f7f5f3 !important;
  border-color: rgba(26, 20, 24, 0.16) !important;
  color: var(--fg) !important;
}
.hyla-cart-continue {
  display: inline-flex; justify-content: center;
  font-size: 0.82rem; font-weight: 650; color: var(--muted);
  text-decoration: none; padding: 0.25rem 0 0.15rem;
}
.hyla-cart-continue:hover { color: var(--fg); }
.hyla-canvas-sec { margin: 1.15rem 0 0.35rem; }
.hyla-canvas-sec-title {
  margin: 0 0 0.55rem;
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted);
}
.hyla-canvas-cat-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem;
}
/* Category tiles in menu canvas — glass, never solid white cards */
#dnx-hyla-canvas-menu .hyla-canvas-cat,
.hyla-canvas-cat {
  display: grid; gap: 0.2rem; align-content: start;
  min-height: 4.4rem; padding: 0.85rem 0.8rem;
  border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.38);
  background: rgba(107, 45, 69, 0.05) !important;
  backdrop-filter: blur(16px) saturate(170%);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
  text-decoration: none; color: var(--fg);
  transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat:hover,
#dnx-hyla-canvas-menu .hyla-canvas-cat:focus-visible,
.hyla-canvas-cat:hover,
.hyla-canvas-cat:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(107,45,69,0.35);
  background: rgba(107, 45, 69, 0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 20px rgba(26,20,24,0.06);
  outline: none;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  #dnx-hyla-canvas-menu .hyla-canvas-cat,
  .hyla-canvas-cat {
    background: rgba(247, 242, 244, 0.72) !important;
  }
}
.hyla-canvas-cat strong {
  font-size: 0.84rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.25;
}
/* Description line under category title — never solid white chip */
.hyla-canvas-cat span {
  font-size: 0.7rem; color: var(--muted); font-weight: 500;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.hyla-canvas-account-list { border-top: 1px solid var(--line); }
/* legacy cart overview/coupon rules replaced above */
/* —— Floating liquid-glass mobile dock —— */
.dnx-hyla-dock {
  --dock-glass: rgba(255, 255, 255, 0.14);
  --dock-stroke: rgba(255, 255, 255, 0.48);
  --dock-ink: rgba(26, 20, 24, 0.58);
  position: fixed;
  left: 50%;
  bottom: calc(0.65rem + var(--safe-b));
  transform: translateX(-50%);
  z-index: 100050;
  display: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: min(calc(100vw - 1.25rem), 24.75rem);
  gap: 0.1rem;
  padding: 0.34rem;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 42%, rgba(255,255,255,0.08) 100%);
  border: 1px solid rgba(255, 255, 255, 0.40);
  border-radius: 999px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.70),
    inset 0 -1px 0 rgba(255, 255, 255, 0.16),
    inset 1px 0 0 rgba(255, 255, 255, 0.20),
    inset -1px 0 0 rgba(255, 255, 255, 0.20),
    0 12px 32px rgba(26, 20, 24, 0.14),
    0 2px 8px rgba(26, 20, 24, 0.05);
  backdrop-filter: blur(22px) saturate(180%);
  -webkit-backdrop-filter: blur(22px) saturate(180%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease;
}
.dnx-hyla-dock::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: 1px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 3;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.95), transparent);
}
.dnx-hyla-dock::after {
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  bottom: 1px;
  width: auto;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  z-index: 3;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
  opacity: 0.9;
  transform: none;
  animation: none;
}
@keyframes hyla-dock-shine {
  0%, 55%, 100% { transform: translateX(0) rotate(12deg); opacity: 0.35; }
  70% { transform: translateX(145%) rotate(12deg); opacity: 0.7; }
}
@media (prefers-reduced-motion: reduce) {
  .dnx-hyla-dock::after { animation: none; }
  .hyla-dock-pill { transition: none; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .dnx-hyla-dock {
    background: rgba(255, 255, 255, 0.34);
  }
}
@media (max-width: 899px) { .dnx-hyla-dock { display: grid; } }
/* Keep dock visible under floating search bar */
body.dnx-hyla-canvas-open .dnx-hyla-dock {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%);
  z-index: 100040;
}
body.hyla-search-open .dnx-hyla-dock {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%);
  z-index: 100105;
}
.dnx-hyla-dock button,
.dnx-hyla-dock a {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 0.06rem; min-height: 3.05rem;
  padding: 0.3rem 0.12rem; font-size: 0.55rem; font-weight: 650; letter-spacing: 0.01em;
  color: var(--dock-ink); background: transparent; border: 0; text-decoration: none; cursor: pointer;
  border-radius: 999px; position: relative; z-index: 1;
  transition: color 0.2s ease, background 0.22s ease, transform 0.18s ease, box-shadow 0.22s ease;
}
.dnx-hyla-dock button:active,
.dnx-hyla-dock a:active { transform: scale(0.92); }
.dnx-hyla-dock .is-active {
  color: var(--blue);
  background: transparent;
  box-shadow: none;
}
.dnx-hyla-dock .is-active::before { content: none; }
.hyla-dock-pill {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 999px;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.16) 46%, rgba(255,255,255,0.08) 100%);
  border: 1px solid rgba(255,255,255,0.62);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    inset 0 -1px 0 rgba(255,255,255,0.28),
    inset 1px 0 0 rgba(255,255,255,0.22),
    inset -1px 0 0 rgba(255,255,255,0.22),
    0 8px 18px rgba(26,20,24,0.14);
  backdrop-filter: blur(14px) saturate(180%) brightness(1.06);
  -webkit-backdrop-filter: blur(14px) saturate(180%) brightness(1.06);
  transition: transform 0.25s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease, opacity 0.2s ease;
}
.hyla-dock-pill::before {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  top: 1px;
  height: 1px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.98), transparent);
}
.dnx-hyla-dock svg { width: 1.3rem; height: 1.3rem; position: relative; z-index: 1; }
.hyla-dock-icon-wrap {
  position: relative;
  width: 1.7rem; height: 1.45rem;
  display: inline-flex; align-items: center; justify-content: center;
  z-index: 1;
}

/* Woo shop/PDP */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 700px) { .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; } }
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; display: none !important; }
.woocommerce ul.products li.product {
  background: var(--bg-tile); border-radius: var(--radius); padding: 1rem; box-shadow: var(--shadow);
  margin: 0 !important; width: auto !important; max-width: none !important; float: none !important; clear: none !important;
}
.woocommerce ul.products li.product img { border-radius: var(--radius-sm); background: #fff; }
.hyla-shop-tile-media img,
.hyla-shop-page ul.products li.product .hyla-shop-tile-media img {
  border-radius: 0 !important;
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 0.9rem; font-weight: 600; }
.woocommerce ul.products li.product .price { color: var(--fg) !important; font-weight: 700; }
.woocommerce a.button, .woocommerce button.button, .woocommerce .single_add_to_cart_button {
  background: var(--blue) !important; color: #fff !important; border-radius: var(--radius-pill) !important;
  border: 0 !important; font-weight: 600 !important; text-transform: none !important;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: var(--blue-press) !important; }
.page-shell { padding: 1.5rem 0 3rem; }
.page-shell h1 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; margin-bottom: 1rem; }
.woocommerce-breadcrumb { font-size: 0.8rem; color: var(--muted); margin-bottom: 1rem; }

/* Uniform round ATC across home/shop/related/YMAL */
a.btn-add, button.btn-add {
  width: 2rem; height: 2rem; min-width: 2rem; min-height: 2rem; max-height: 2rem;
  flex: 0 0 2rem; aspect-ratio: 1 / 1; box-sizing: border-box;
  padding: 0 !important; margin: 0; border: 0; border-radius: 50% !important;
  background: var(--blue) !important; color: #fff !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  align-self: center; font-size: 1.15rem; line-height: 1; font-weight: 600;
  text-decoration: none !important; text-transform: none !important;
  overflow: hidden; cursor: pointer;
}
a.btn-add:hover, button.btn-add:hover { background: var(--blue-press, #572438) !important; color: #fff !important; }

/* —— Hyla extensions: badges, search, shipping bar, staffel, wishlist —— */
.hyla-cart-badge, .hyla-fav-badge {
  position: absolute; top: -0.15rem; right: -0.2rem;
  min-width: 1.05rem; height: 1.05rem; padding: 0 0.28rem;
  border-radius: 999px; background: var(--blue); color: #fff;
  font-size: 0.62rem; font-weight: 750; line-height: 1.05rem; text-align: center;
  box-shadow: 0 0 0 1.5px #fff;
  z-index: 2;
}
.dnx-hyla-dock .hyla-cart-badge,
.dnx-hyla-dock .hyla-fav-badge {
  top: -0.2rem; right: -0.35rem;
  margin: 0;
}
.icon-btn { position: relative; }
.hyla-cart-free {
  position: absolute;
  left: 50%;
  bottom: -0.42rem;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; justify-content: center; gap: 0.12rem;
  padding: 0.08rem 0.32rem;
  min-height: 0.95rem;
  border-radius: 999px;
  background: rgba(47, 107, 79, 0.14);
  border: 1px solid rgba(47, 107, 79, 0.26);
  color: #2f6b4f;
  font-size: 0.5rem; font-weight: 750; letter-spacing: 0.01em;
  line-height: 1; white-space: nowrap;
  z-index: 2;
  pointer-events: none;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.55);
}
.hyla-cart-free[hidden] { display: none !important; }
.hyla-cart-free svg {
  display: block; flex: 0 0 auto;
  width: 8px; height: 8px;
}
.icon-btn .hyla-cart-free {
  left: 50%;
  right: auto;
  bottom: -0.42rem;
  transform: translateX(-50%);
}
.dnx-hyla-dock .hyla-cart-free {
  display: none !important; /* dock uses label swap instead */
}
.dnx-hyla-dock .hyla-dock-cart-label,
.dnx-hyla-dock .hyla-dock-cart-free {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: 1;
  max-width: 100%;
}
.dnx-hyla-dock .hyla-dock-cart-free {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0.05em 0.45em;
  border-radius: 999px;
  background: rgba(47, 107, 79, 0.16);
  border: 1px solid rgba(47, 107, 79, 0.28);
  color: #2f6b4f;
  white-space: nowrap;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.55);
}
.dnx-hyla-dock .hyla-dock-cart-free[hidden] { display: none !important; }
.dnx-hyla-dock .hyla-dock-cart.is-free .hyla-dock-cart-label { display: none; }
.dnx-hyla-dock .hyla-dock-cart.is-free .hyla-dock-cart-free {
  display: inline-flex;
}
.hyla-wish-btn {
  position: absolute; top: 0.65rem; right: 0.65rem; z-index: 2;
  width: 2rem; height: 2rem; border-radius: 50%; background: #fff;
  box-shadow: var(--shadow); color: var(--muted); font-size: 0.95rem;
  display: inline-flex; align-items: center; justify-content: center;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.tile { position: relative; }
.hyla-wish-btn.is-on { color: var(--blue); }
.hyla-wish-btn.is-busy { pointer-events: none; opacity: 0.85; }

@keyframes hyla-heart-pop {
  0% { transform: scale(1); }
  22% { transform: scale(1.38); }
  48% { transform: scale(0.88); }
  72% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
@keyframes hyla-heart-soft {
  0% { transform: scale(1); }
  40% { transform: scale(0.82); }
  100% { transform: scale(1); }
}
@keyframes hyla-badge-bump {
  0% { transform: scale(0.4); opacity: 0.4; }
  55% { transform: scale(1.28); opacity: 1; }
  100% { transform: scale(1); }
}
@keyframes hyla-fav-ring {
  0% { box-shadow: 0 0 0 0 rgba(107, 45, 69, 0.35); }
  70% { box-shadow: 0 0 0 10px rgba(107, 45, 69, 0); }
  100% { box-shadow: 0 0 0 0 rgba(107, 45, 69, 0); }
}

.hyla-wish-btn.is-pop { animation: hyla-heart-pop 0.48s cubic-bezier(0.22, 1.2, 0.36, 1); }
.hyla-wish-btn.is-unpop { animation: hyla-heart-soft 0.32s ease; }
.hyla-fav-badge.is-bump { animation: hyla-badge-bump 0.45s cubic-bezier(0.22, 1.2, 0.36, 1); }
.hyla-fav-heart.is-heart-pop,
.hyla-fav-trigger svg.is-heart-pop {
  animation: hyla-heart-pop 0.5s cubic-bezier(0.22, 1.2, 0.36, 1);
  transform-origin: center;
  fill: var(--blue);
  stroke: var(--blue);
}
.hyla-fav-heart.is-heart-soft,
.hyla-fav-trigger svg.is-heart-soft {
  animation: hyla-heart-soft 0.3s ease;
  transform-origin: center;
}
.hyla-fav-trigger.is-fav-pulse {
  animation: hyla-fav-ring 0.55s ease;
  color: var(--blue);
}
.dnx-hyla-dock .hyla-fav-trigger.is-fav-pulse {
  color: var(--blue);
}
.hyla-ship-bar {
  margin-bottom: 1rem; padding: 0.75rem 0.9rem;
  background: linear-gradient(135deg, rgba(107,45,69,0.05) 0%, rgba(255,255,255,0.95) 45%, #f7f5f3 100%);
  border: 1px solid rgba(26,20,24,0.07);
  border-radius: 14px;
}
.hyla-ship-bar-row {
  display: grid; grid-template-columns: 1fr auto;
  gap: 0.65rem; align-items: center; margin-bottom: 0.55rem;
}
.hyla-ship-bar-dot { display: none; }
.hyla-ship-bar-text { min-width: 0; display: grid; gap: 0.08rem; }
.hyla-ship-bar-main {
  display: grid; grid-template-columns: auto 1fr auto;
  gap: 0.7rem; align-items: center; margin-bottom: 0.65rem;
}
.hyla-ship-bar-icon {
  width: 2.25rem; height: 2.25rem; border-radius: 50%;
  background: rgba(107,45,69,0.08);
  position: relative;
}
.hyla-ship-bar-icon::before {
  content: ""; position: absolute; inset: 0.55rem;
  background:
    center / contain no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b2d45' stroke-width='1.8'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 018 0v3'/%3E%3C/svg%3E");
}
.hyla-ship-bar.is-done .hyla-ship-bar-icon { background: rgba(47,107,79,0.12); }
.hyla-ship-bar.is-done .hyla-ship-bar-icon::before { color: #2f6b4f; }
.hyla-ship-bar-copy { min-width: 0; display: grid; gap: 0.1rem; }
.hyla-ship-bar-msg {
  display: block; font-size: 0.84rem; font-weight: 700; letter-spacing: -0.015em;
  color: var(--fg); line-height: 1.3;
}
.hyla-ship-bar-sub { font-size: 0.7rem; color: var(--muted); font-weight: 500; }
.hyla-ship-bar-pct { display: none; }
.hyla-ship-bar-lock {
  width: 2rem; height: 2rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
  color: var(--muted);
  background: rgba(26,20,24,0.05);
  border: 1px solid rgba(26,20,24,0.06);
}
.hyla-ship-bar-lock svg { display: block; }
.hyla-ship-bar.is-done .hyla-ship-bar-lock {
  color: #2f6b4f;
  background: rgba(47,107,79,0.12);
  border-color: rgba(47,107,79,0.18);
}
.hyla-ship-bar-track {
  height: 5px; border-radius: 999px; background: rgba(26,20,24,0.08); overflow: hidden;
}
.hyla-ship-bar-track span {
  display: block; height: 100%; border-radius: inherit;
  background: linear-gradient(90deg, rgba(107,45,69,0.75), var(--blue));
  transition: width 0.35s ease;
}
.hyla-ship-bar.is-done .hyla-ship-bar-track span {
  background: linear-gradient(90deg, #3d8f65, #2f6b4f);
}
.hyla-qty-row {
  display: inline-flex; align-items: center; gap: 0.1rem;
  margin: 0;
  padding: 0.18rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.78);
  border: 1px solid rgba(26,20,24,0.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 2px 8px rgba(26,20,24,0.04);
}
.hyla-qty-btn {
  width: 1.95rem; height: 1.95rem; border-radius: 50%;
  background: rgba(26,20,24,0.045);
  border: 0;
  font-size: 1.1rem; line-height: 1; font-weight: 500;
  color: var(--fg);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  flex: 0 0 auto;
  transition: background 0.15s ease, color 0.15s ease, transform 0.12s ease;
}
.hyla-qty-btn:hover { background: rgba(107,45,69,0.12); color: var(--blue); }
.hyla-qty-btn:active { transform: scale(0.93); }
.hyla-qty-btn:disabled,
.hyla-qty-btn.is-disabled,
.hyla-qty-btn[aria-disabled="true"] {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}
.hyla-cart-remove {
  width: 1.95rem; height: 1.95rem; border-radius: 50%;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(26,20,24,0.07);
  color: var(--muted);
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer;
  flex: 0 0 auto; padding: 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.12s ease;
}
.hyla-cart-remove svg { display: block; width: 15px; height: 15px; }
.hyla-cart-remove:hover {
  background: rgba(138,58,58,0.1);
  border-color: rgba(138,58,58,0.2);
  color: #8a3a3a;
}
.hyla-cart-remove:active { transform: scale(0.93); }
.hyla-qty-val {
  min-width: 1.65rem; text-align: center;
  font-weight: 750; font-size: 0.86rem;
  letter-spacing: -0.02em;
  padding: 0 0.2rem;
  tabular-nums: true;
  font-variant-numeric: tabular-nums;
}
.hyla-search-form { position: relative; z-index: 2; }
.hyla-search-drop {
  position: fixed; z-index: 100095;
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: 1px solid rgba(226,215,219,0.9);
  border-radius: 18px;
  box-shadow:
    0 22px 56px rgba(26,20,24,0.18),
    inset 0 1px 0 rgba(255,255,255,0.8);
  max-height: min(70vh, 32rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.7rem;
  width: min(72vw, calc(100vw - 1.5rem));
  max-width: calc(100vw - 1.5rem);
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}
.hyla-search-drop[hidden] { display: none !important; }
.hyla-search-drop.is-loading { opacity: 0.72; }
.hyla-search-sec { margin-bottom: 0.75rem; }
@media (max-width: 899px) {
  body.hyla-search-open #hyla-search-drop .hyla-search-sec { margin-bottom: 0.65rem; }
  body.hyla-search-open #hyla-search-drop .hyla-search-sec-label { margin-bottom: 0.35rem; }
  body.hyla-search-open #hyla-search-drop .hyla-search-chip,
  body.hyla-search-open #hyla-search-drop .hyla-search-suggest {
    padding: 0.4rem 0.65rem;
    margin: 0 0.28rem 0.28rem 0;
  }
  .hyla-search-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
    max-height: 4.05rem;
    overflow: hidden;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips .hyla-search-chip {
    margin: 0;
  }
  .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 4.45rem);
    gap: 0.32rem;
    max-height: 9.25rem;
    overflow: hidden;
  }
  .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none;
  }
  .hyla-search-hits .hyla-search-hit {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0.28rem 0.28rem 0.26rem;
    gap: 0.14rem;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #f7f4f5;
  }
  .hyla-search-hits .hyla-search-hit img,
  .hyla-search-hits .hyla-search-hit .ph {
    width: 2.35rem;
    height: 2.35rem;
    max-height: 2.35rem;
    aspect-ratio: 1 / 1;
    padding: 0.08rem;
    border-radius: 8px;
    flex-shrink: 0;
  }
  .hyla-search-hits .hyla-search-hit > span {
    width: 100%;
    min-width: 0;
    text-align: center;
    overflow: hidden;
  }
  .hyla-search-hits .hyla-search-hit strong {
    font-size: 0.6rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: unset;
  }
  .hyla-search-hits .hyla-search-hit em {
    display: block !important;
    font-size: 0.56rem;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.hyla-search-sec + .hyla-search-sec {
  padding-top: 0.55rem; border-top: 1px solid rgba(26,20,24,0.06);
}
.hyla-search-sec-label {
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted);
  padding: 0.2rem 0.45rem 0.5rem;
}
.hyla-search-hint {
  padding: 0.55rem 0.65rem 0.35rem; font-size: 0.78rem; color: var(--muted);
}
.hyla-search-chip, .hyla-search-suggest {
  display: inline-flex; align-items: center; gap: 0.35rem;
  margin: 0.15rem; padding: 0.42rem 0.75rem;
  border-radius: var(--radius-pill); background: var(--bg-tile);
  border: 1px solid var(--line); color: var(--fg);
  font-size: 0.78rem; font-weight: 600; text-decoration: none; cursor: pointer;
}
.hyla-search-chip em, .hyla-search-suggest em {
  font-style: normal; color: var(--muted); font-weight: 500; font-size: 0.7rem;
}
.hyla-search-suggest {
  display: flex; width: calc(100% - 0.3rem); justify-content: flex-start;
  background: transparent; border: 0; border-radius: 12px; margin: 0; padding: 0.55rem 0.65rem;
}
.hyla-search-suggest:hover, .hyla-search-chip:hover { background: #f0ebed; }
.hyla-search-all {
  display: flex; align-items: center; justify-content: center;
  margin-top: 0.35rem; padding: 0.8rem;
  border-top: 1px solid var(--line);
  font-size: 0.82rem; font-weight: 700; color: var(--blue); text-decoration: none;
}
.hyla-canvas-search { position: relative; margin-bottom: 0.85rem; }
.hyla-canvas-search input {
  width: 100%; border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 0.65rem 0.95rem; font-size: 0.9rem; background: var(--bg-tile);
}
.hyla-canvas-shortcuts { display: flex; flex-wrap: wrap; gap: 0.4rem; margin-bottom: 0.35rem; }
.hyla-canvas-shortcuts a {
  font-size: 0.75rem; font-weight: 600; padding: 0.4rem 0.75rem;
  border-radius: var(--radius-pill); background: var(--bg-tile); color: var(--fg);
  border: 1px solid var(--line); text-decoration: none;
}
.hyla-canvas-shortcuts a:hover { background: #fff; border-color: rgba(107,45,69,0.28); }
.hyla-search-hits { display: flex; flex-direction: column; }
.hyla-search-hit {
  display: flex; gap: 0.8rem; align-items: center; padding: 0.55rem 0.55rem;
  border-radius: 14px; text-decoration: none; color: var(--fg);
  min-width: 0;
}
.hyla-search-hit:hover { background: var(--bg-tile); }
.hyla-search-hit img, .hyla-search-hit .ph {
  width: 3.1rem; height: 3.1rem; border-radius: 12px; background: var(--bg-tile);
  object-fit: contain; flex-shrink: 0; padding: 0.2rem;
}
.hyla-search-hit > span { min-width: 0; flex: 1; }
.hyla-search-hit strong {
  display: block; font-size: 0.86rem; font-weight: 650; letter-spacing: -0.015em;
  line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hyla-search-hit em {
  font-style: normal; font-size: 0.76rem; color: var(--muted);
  display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hyla-search-empty { padding: 0.85rem; font-size: 0.82rem; color: var(--muted); text-align: center; }

/* Search results page */
.hyla-search-page {
  padding-top: 1rem; padding-bottom: 4rem;
  width: 100%;
  clear: both;
  display: block;
  float: none !important;
}
.hyla-search-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
  margin-inline: auto;
  clear: both;
}
.hyla-search-head { margin-bottom: 1.35rem; }
.hyla-search-kicker {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--muted); margin-bottom: 0.35rem;
}
.hyla-search-head h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600; font-size: clamp(1.7rem, 4vw, 2.4rem);
  letter-spacing: -0.02em; margin: 0 0 0.35rem;
}
.hyla-search-count { color: var(--muted); font-size: 0.88rem; margin-bottom: 1rem; }
.hyla-search-page-field {
  display: flex; align-items: center; gap: 0.55rem;
  background: var(--bg-tile); border: 1px solid var(--line);
  border-radius: var(--radius-pill); padding: 0.35rem 0.4rem 0.35rem 0.95rem;
  max-width: min(42rem, 100%);
}
.hyla-search-page-field input {
  flex: 1; border: 0; background: transparent; outline: none; min-width: 0;
  font-size: 0.95rem; padding: 0.45rem 0;
}
.hyla-search-page-field .btn { flex-shrink: 0; min-height: 2.4rem; padding: 0.45rem 1rem; }
.hyla-search-layout {
  display: grid; gap: 1.25rem;
  width: 100%;
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 900px) {
  .hyla-search-layout {
    grid-template-columns: minmax(14rem, 16rem) minmax(0, 1fr);
    gap: 2rem; align-items: start;
  }
  .hyla-search-toolbar { display: none; }
}
.hyla-search-filters {
  background: var(--bg-tile); border: 1px solid var(--line);
  border-radius: 18px; padding: 1rem;
  min-width: 0;
}
@media (max-width: 899px) {
  .hyla-search-filters .hyla-filter-block:first-child { display: none; }
  .hyla-search-filters { padding: 0.85rem; border-radius: 14px; }
}
.hyla-filter-block + .hyla-filter-block { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.hyla-filter-block h2 {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted); margin: 0 0 0.55rem;
}
.hyla-filter-block select {
  width: 100%; border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 0.55rem 0.85rem; background: #fff; font-size: 0.85rem;
}
.hyla-filter-check {
  display: flex; align-items: center; gap: 0.55rem;
  font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.hyla-filter-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.hyla-filter-chip {
  display: inline-flex; padding: 0.35rem 0.7rem;
  border-radius: var(--radius-pill); border: 1px solid var(--line);
  background: #fff; font-size: 0.75rem; font-weight: 600; color: var(--muted);
  text-decoration: none;
}
.hyla-filter-chip.is-on { background: var(--blue); border-color: var(--blue); color: #fff; }
.hyla-search-toolbar { margin-bottom: 0.75rem; }
.hyla-search-mobile-sort label {
  display: flex; align-items: center; justify-content: space-between; gap: 0.75rem;
  font-size: 0.78rem; font-weight: 600; color: var(--muted);
}
.hyla-search-mobile-sort select {
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: 0.45rem 0.75rem; background: #fff; font-size: 0.82rem; color: var(--fg);
}
.hyla-search-results { min-width: 0; width: 100%; }
.hyla-search-grid,
.hyla-search-page ul.products,
.hyla-search-results ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin: 0.25rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
}
.hyla-search-grid::before,
.hyla-search-grid::after,
.hyla-search-page ul.products::before,
.hyla-search-page ul.products::after,
.hyla-search-results ul.products::before,
.hyla-search-results ul.products::after {
  display: none !important;
  content: none !important;
}
.hyla-search-grid > li.product,
.hyla-search-page ul.products li.product,
.hyla-search-results ul.products li.product {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}
@media (min-width: 700px) {
  .hyla-search-grid,
  .hyla-search-page ul.products,
  .hyla-search-results ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
}
@media (min-width: 1100px) {
  .hyla-search-grid,
  .hyla-search-page ul.products,
  .hyla-search-results ul.products {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
.hyla-search-empty-state {
  text-align: center; padding: 3rem 1rem; background: var(--bg-tile);
  border-radius: 18px; border: 1px solid var(--line);
}
.hyla-search-empty-state h2 { margin-bottom: 0.4rem; }
.hyla-search-empty-state p { color: var(--muted); margin-bottom: 1.15rem; }
.hyla-qty-tiers { display: none !important; }
.hyla-login-form { display: grid; gap: 0.75rem; padding: 0.25rem 0 1rem; }
.hyla-login-form label { display: grid; gap: 0.35rem; font-size: 0.8rem; font-weight: 600; color: var(--fg); }
.hyla-login-form input {
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  padding: 0.75rem 0.85rem; font-size: 0.95rem; background: #fff;
  transition: border-color 0.2s;
}
.hyla-login-form input:focus {
  outline: none; border-color: var(--blue);
}
.hyla-login-form .btn {
  margin-top: 0.25rem;
}
.hyla-account-hello { font-weight: 600; margin-bottom: 0.85rem; font-size: 1.05rem; }
.hyla-account-register { font-size: 0.875rem; color: var(--muted); margin-top: 0.6rem; line-height: 1.5; text-align: center; }
.hyla-account-register a { color: var(--blue); font-weight: 600; }
.hyla-account-register a:hover { text-decoration: underline; }
.hyla-account-lang-list {
  margin-top: 1.15rem;
  border-top: 1px solid var(--line);
}
.hyla-account-lang-left {
  display: inline-flex; align-items: center; gap: 0.55rem; min-width: 0;
}
.hyla-account-lang-flag { font-size: 1.15rem; line-height: 1; }
.hyla-account-lang-meta {
  display: inline-flex; align-items: center; gap: 0.35rem;
  color: var(--muted); font-size: 0.9rem; font-weight: 550;
}
.hyla-account-tax-item { list-style: none; margin: 0.35rem 0 0.15rem; }
.hyla-account-tax {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem 0.85rem;
  padding: 0.85rem 0.95rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.78);
  background:
    linear-gradient(160deg, rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.48) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 8px 22px rgba(26,20,24,0.05);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hyla-dual-price { display: inline; }
:root {
  --hyla-excl-display: inline;
  --hyla-incl-display: none;
}
html.hyla-tax-incl {
  --hyla-excl-display: none;
  --hyla-incl-display: inline;
}
.hyla-amt-excl { display: var(--hyla-excl-display, inline) !important; }
.hyla-amt-incl { display: var(--hyla-incl-display, none) !important; }
/* Checkout order summary only: show gross spans. Cart toggle is unchanged. */
body.woocommerce-checkout .woocommerce-checkout-review-order-table .hyla-amt-excl,
body.woocommerce-checkout .hyla-co-bottom-summary-table .hyla-amt-excl {
  display: none !important;
}
body.woocommerce-checkout .woocommerce-checkout-review-order-table .hyla-amt-incl,
body.woocommerce-checkout .hyla-co-bottom-summary-table .hyla-amt-incl {
  display: inline !important;
}
.price .hyla-amt .woocommerce-Price-amount,
.price .hyla-amt .amount { display: inherit !important; }
.hyla-account-tax { cursor: pointer; }
.hyla-account-tax.is-netto {
  border-color: rgba(107, 45, 69, 0.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 0 0 1px rgba(107, 45, 69, 0.06),
    0 8px 22px rgba(107, 45, 69, 0.06);
}
.hyla-account-tax-copy {
  display: grid; gap: 0.18rem; min-width: 0;
}
.hyla-account-tax-label {
  font-size: 0.88rem; font-weight: 650; color: var(--fg);
  letter-spacing: -0.02em; line-height: 1.3;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: manual;
}
.hyla-account-tax-hint {
  font-size: 0.72rem; font-weight: 500; color: var(--muted); line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyla-tax-switch {
  appearance: none; -webkit-appearance: none;
  flex: 0 0 auto; width: auto !important; max-width: none;
  margin: 0; padding: 0 !important; border: 0;
  background: transparent !important; cursor: pointer;
  border-radius: 999px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
}
.dnx-hyla-canvas-list .hyla-account-tax-item {
  border-top: 0;
  padding: 0.35rem 0 0.15rem;
}
.dnx-hyla-canvas-list .hyla-account-tax-item .hyla-tax-switch {
  width: auto !important;
  padding: 0 !important;
  justify-content: center;
}
.hyla-tax-switch-track {
  position: relative; display: block;
  width: 2.85rem; height: 1.7rem;
  border-radius: 999px;
  background: rgba(26, 20, 24, 0.12);
  border: 1px solid rgba(26, 20, 24, 0.06);
  box-shadow: inset 0 1px 2px rgba(26,20,24,0.08);
  transition: background 0.22s ease, border-color 0.22s ease;
}
.hyla-tax-switch-thumb {
  position: absolute; top: 0.16rem; left: 0.16rem;
  width: 1.28rem; height: 1.28rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(26,20,24,0.16), 0 0 0 1px rgba(26,20,24,0.04);
  transition: transform 0.22s cubic-bezier(0.32, 0.72, 0, 1);
}
.hyla-tax-switch[aria-checked="true"] .hyla-tax-switch-track {
  background: linear-gradient(145deg, #7a3850 0%, #6b2d45 100%);
  border-color: rgba(107, 45, 69, 0.35);
}
.hyla-tax-switch[aria-checked="true"] .hyla-tax-switch-thumb {
  transform: translateX(1.12rem);
}
.hyla-tax-switch:focus-visible {
  outline: 2px solid rgba(107, 45, 69, 0.35);
  outline-offset: 3px;
}
.hyla-tax-switch:active .hyla-tax-switch-thumb {
  transform: translateX(0.08rem) scale(0.96);
}
.hyla-tax-switch[aria-checked="true"]:active .hyla-tax-switch-thumb {
  transform: translateX(1.04rem) scale(0.96);
}
/* legacy segmented control (removed from markup) */
.hyla-account-tax-switch,
.hyla-tax-opt { display: none !important; }
.hyla-fav-remove {
  margin-top: 0.35rem; font-size: 0.75rem; color: var(--blue); text-decoration: underline;
  background: none; border: 0; cursor: pointer; padding: 0;
}
/* Kill leftover XStore gradients on buttons inside our shell */
.theme-hyla .button, .theme-hyla button.button, .theme-hyla .btn {
  background-image: none !important;
}


/* —— WooCommerce cart / checkout / account (Caudalie) —— */
.hyla-woo-page { padding-bottom: 4.5rem; }
/* Same edge as header logo / footer — uses site --max-wide */
.hyla-woo-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
}
.hyla-woo-head { margin-bottom: 1.35rem; }
.hyla-woo-head h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600; font-size: clamp(1.85rem, 4vw, 2.55rem);
  letter-spacing: -0.02em; margin: 0 0 0.85rem;
}
.hyla-woo-content .woocommerce { color: var(--fg); max-width: none; }

/* Kill Woo legacy clearfix / float shells */
.hyla-woo-content .woocommerce::before,
.hyla-woo-content .woocommerce::after,
.hyla-woo-content .col2-set::before,
.hyla-woo-content .col2-set::after,
.hyla-woo-content form.checkout::before,
.hyla-woo-content form.checkout::after,
.hyla-woo-content #customer_details::before,
.hyla-woo-content #customer_details::after {
  content: none !important; display: none !important;
}
.hyla-woo-content .col2-set,
.hyla-woo-content .col2-set .col-1,
.hyla-woo-content .col2-set .col-2 {
  float: none !important; width: 100% !important; max-width: none !important;
  clear: none !important; margin: 0 !important; padding: 0 !important;
}
.hyla-woo-content .form-row {
  float: none !important; clear: none !important;
  margin: 0 0 0.85rem !important; padding: 0 !important;
  width: 100% !important; max-width: none !important;
}
.hyla-woo-content .form-row-first,
.hyla-woo-content .form-row-last,
.hyla-woo-content .form-row-wide {
  float: none !important; width: 100% !important;
}
.hyla-woo-content .woocommerce-billing-fields__field-wrapper,
.hyla-woo-content .woocommerce-shipping-fields__field-wrapper,
.hyla-woo-content .woocommerce-address-fields__field-wrapper {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem 1rem;
}
.hyla-woo-content .form-row-wide:not(#billing_postcode_field):not(#billing_city_field):not(#shipping_postcode_field):not(#shipping_city_field),
.hyla-woo-content .form-row-wide.address-field:not(#billing_postcode_field):not(#billing_city_field):not(#shipping_postcode_field):not(#shipping_city_field),
.hyla-woo-content #billing_company_field,
.hyla-woo-content #billing_country_field,
.hyla-woo-content #billing_address_1_field,
.hyla-woo-content #billing_address_2_field,
.hyla-woo-content #billing_email_field,
.hyla-woo-content #billing_phone_field,
.hyla-woo-content #billing_vat_number_field,
.hyla-woo-content #billing_vat_id_field,
.hyla-woo-content #order_comments_field,
.hyla-woo-content #shipping_company_field,
.hyla-woo-content #shipping_country_field,
.hyla-woo-content #shipping_address_1_field,
.hyla-woo-content #shipping_address_2_field,
.hyla-woo-content #shipping_vat_id_field {
  grid-column: 1 / -1;
}
.hyla-woo-content #billing_postcode_field,
.hyla-woo-content #billing_city_field,
.hyla-woo-content #shipping_postcode_field,
.hyla-woo-content #shipping_city_field {
  grid-column: auto;
  width: auto !important;
  max-width: none !important;
}
@media (max-width: 599px) {
  .hyla-woo-content .woocommerce-billing-fields__field-wrapper,
  .hyla-woo-content .woocommerce-shipping-fields__field-wrapper,
  .hyla-woo-content .woocommerce-address-fields__field-wrapper {
    grid-template-columns: 1fr;
  }
}

/* Empty cart */
.hyla-woo-content .cart-empty,
.hyla-woo-content .wc-empty-cart-message {
  background: var(--bg-tile); border: 1px solid var(--line);
  border-radius: var(--radius); padding: 2.5rem 1.5rem; text-align: center;
  font-size: 1.05rem; box-shadow: var(--shadow);
}
.hyla-woo-content .return-to-shop { text-align: center; margin-top: 1rem; }

/* Buttons */
.hyla-woo-content .return-to-shop .button,
.hyla-woo-content a.button,
.hyla-woo-content button.button,
.hyla-woo-content input.button,
.hyla-woo-content #place_order,
.hyla-woo-content .checkout-button {
  background: var(--blue) !important; color: #fff !important;
  border: 0 !important; border-radius: var(--radius-pill) !important;
  background-image: none !important; box-shadow: none !important;
  font-weight: 600 !important; text-transform: none !important;
  letter-spacing: 0 !important; padding: 0.8rem 1.4rem !important; min-height: 2.85rem;
  display: inline-flex !important; align-items: center; justify-content: center;
}
.hyla-woo-content a.button:hover,
.hyla-woo-content button.button:hover,
.hyla-woo-content #place_order:hover,
.hyla-woo-content .checkout-button:hover { background: var(--blue-press) !important; }
.hyla-woo-content button.button:disabled,
.hyla-woo-content button.button.disabled {
  opacity: 0.45 !important; cursor: not-allowed;
}
.hyla-woo-content .wc-proceed-to-checkout .checkout-button { width: 100%; }

/* Checkout click: full-button spinner overlay (cart page + canvas) */
a.hyla-cart-checkout,
.wc-proceed-to-checkout a.checkout-button,
.hyla-woo-content a.checkout-button {
  position: relative;
  overflow: hidden;
}
a.hyla-cart-checkout.is-leaving,
.wc-proceed-to-checkout a.checkout-button.is-leaving,
.hyla-woo-content a.checkout-button.is-leaving {
  pointer-events: none !important;
  color: transparent !important;
}
a.hyla-cart-checkout.is-leaving .hyla-cart-checkout-total,
a.hyla-cart-checkout.is-leaving .hyla-amt-excl,
a.hyla-cart-checkout.is-leaving .hyla-amt-incl {
  opacity: 0 !important;
}
a.hyla-cart-checkout.is-leaving::before,
.wc-proceed-to-checkout a.checkout-button.is-leaving::before,
.hyla-woo-content a.checkout-button.is-leaving::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  background-color: var(--blue, #6b2d45);
  opacity: 0.18;
  z-index: 1;
}
a.hyla-cart-checkout.is-leaving::after,
.wc-proceed-to-checkout a.checkout-button.is-leaving::after,
.hyla-woo-content a.checkout-button.is-leaving::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1.15rem;
  height: 1.15rem;
  margin: -0.575rem 0 0 -0.575rem;
  border: 2px solid rgba(255,255,255,0.32);
  border-top-color: #fff;
  border-radius: 50%;
  animation: hyla-co-spin 0.6s linear infinite;
  display: block;
  z-index: 2;
}
@keyframes hyla-co-spin {
  to { transform: rotate(360deg); }
}

/* Tables */
.hyla-woo-content table.shop_table {
  width: 100%; border-collapse: separate; border-spacing: 0;
  border: 1px solid var(--line); border-radius: var(--radius-sm); overflow: hidden;
  background: #fff; margin: 0;
}
.hyla-woo-content table.shop_table th,
.hyla-woo-content table.shop_table td {
  padding: 0.95rem 1rem; border-bottom: 1px solid var(--line);
  border-top: 0 !important; font-size: 0.9rem; vertical-align: middle;
}
.hyla-woo-content table.shop_table th {
  background: var(--bg-tile); font-size: 0.7rem; text-transform: uppercase;
  letter-spacing: 0.05em; font-weight: 700; color: var(--muted);
}
.hyla-woo-content table.shop_table tr:last-child th,
.hyla-woo-content table.shop_table tr:last-child td { border-bottom: 0; }
.hyla-woo-content .cart_item img {
  width: 5.5rem; height: 5.5rem; object-fit: contain; border-radius: 14px;
  background: radial-gradient(120% 90% at 50% 20%, #fff 0%, #f3ecef 80%);
  padding: 0.35rem; box-sizing: border-box;
  box-shadow: inset 0 0 0 1px rgba(26,20,24,0.05);
}
.hyla-woo-content .product-remove a {
  color: var(--muted) !important; font-size: 1.15rem; text-decoration: none !important;
}
.hyla-woo-content .product-name a { color: var(--fg); font-weight: 600; text-decoration: none; }
.hyla-woo-content .quantity input.qty {
  border: 1px solid var(--line); border-radius: 10px; padding: 0.45rem 0.5rem;
  width: 4.25rem; text-align: center; background: #fff;
}
.hyla-woo-content .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: stretch;
  justify-content: space-between;
  padding: 1rem 0 0;
  border: 0 !important;
  background: transparent !important;
}
.hyla-woo-content .coupon {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.45rem;
  align-items: center;
  flex: 0 1 auto;
  float: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 !important;
}
.hyla-woo-content .coupon input {
  border: 1px solid var(--line) !important; border-radius: var(--radius-pill) !important;
  padding: 0.55rem 0.95rem !important; min-height: 2.6rem; background: #fff !important;
  flex: 1 1 auto; min-width: 0; width: auto !important;
}
.hyla-woo-content .coupon .button,
.hyla-woo-content .coupon button,
.hyla-woo-content .actions > .button {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  flex: 0 0 auto;
  white-space: nowrap;
}
body.woocommerce-cart .hyla-woo-content table.shop_table td.actions,
body.woocommerce-cart .hyla-woo-content table.cart td.actions {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  text-align: left !important;
}
body.woocommerce-cart .hyla-woo-content .coupon input {
  width: 9rem !important;
  flex: 0 0 9rem !important;
  min-width: 0 !important;
  max-width: 9rem !important;
}
body.woocommerce-cart .hyla-woo-content table.shop_table td.actions::before,
body.woocommerce-cart .hyla-woo-content table.cart td.actions::before {
  display: none !important;
}
@media (max-width: 640px) {
  body.woocommerce-cart .hyla-woo-content .actions {
    flex-direction: row;
    flex-wrap: wrap;
  }
  body.woocommerce-cart .hyla-woo-content .coupon {
    flex: 1 1 100%;
  }
  body.woocommerce-cart .hyla-woo-content .actions > button[name="update_cart"],
  body.woocommerce-cart .hyla-woo-content .actions > .button[name="update_cart"] {
    margin-left: 0 !important;
    flex: 1 1 auto;
  }
}

/* Cart layout: table + totals — cart page only (do not affect checkout) */
.hyla-woo-content .woocommerce-cart-form { margin-bottom: 0; }
@media (min-width: 960px) {
  .hyla-woo-content .woocommerce > .woocommerce-notices-wrapper + .woocommerce-cart-form,
  .hyla-woo-content form.woocommerce-cart-form {
    display: block;
  }
  .hyla-woo-content .cart-collaterals {
    margin-top: 1.5rem;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce {
    display: grid;
    grid-template-columns: 1.35fr 0.85fr;
    gap: 1.5rem;
    align-items: start;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .woocommerce-notices-wrapper {
    grid-column: 1 / -1;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .woocommerce-cart-form {
    grid-column: 1;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .cart-collaterals {
    grid-column: 2; margin-top: 0;
  }
}
.hyla-woo-content .cart-collaterals,
.hyla-woo-content .cart_totals {
  background: var(--bg-tile); border-radius: var(--radius);
  padding: 1.35rem; border: 1px solid var(--line);
}
.hyla-woo-content .cart_totals {
  width: 100% !important; float: none !important;
}
.hyla-woo-content .cart_totals h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.45rem; font-weight: 600; margin: 0 0 0.85rem;
}
.hyla-woo-content .cart_totals table { border: 0; background: transparent; }
.hyla-woo-content .cart_totals table th,
.hyla-woo-content .cart_totals table td {
  background: transparent; padding: 0.55rem 0; border-bottom: 1px solid var(--line);
}
.hyla-woo-content .cart_totals .order-total th,
.hyla-woo-content .cart_totals .order-total td {
  border-bottom: 0; font-size: 1.05rem; padding-top: 0.85rem;
}

/* Checkout two-column (GZD: customer_details | order_review) */
.hyla-checkout-steps {
  display: flex; align-items: center; justify-content: flex-start;
  gap: 0.55rem; padding: 0.15rem 0 0.85rem; margin-bottom: 0.85rem;
  border-bottom: 1px solid var(--line);
}
.hyla-checkout-step {
  display: flex; align-items: center; gap: 0.35rem;
  font-size: 0.75rem; font-weight: 600; color: var(--muted);
}
.hyla-checkout-step-num {
  width: 1.4rem; height: 1.4rem; border-radius: 50%;
  border: 1px solid var(--line); background: transparent;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 0.68rem; color: var(--muted);
}
.hyla-checkout-step.is-active { color: var(--fg); }
.hyla-checkout-step.is-active .hyla-checkout-step-num {
  background: var(--fg); color: #fff; border-color: var(--fg);
}
.hyla-checkout-step.is-done { color: var(--muted); }
.hyla-checkout-step.is-done .hyla-checkout-step-num {
  background: transparent; color: var(--fg); border-color: var(--fg);
}
.hyla-checkout-step.is-done .hyla-checkout-step-num::after {
  content: none;
}
.hyla-checkout-step-divider {
  width: 1rem; height: 1px; background: var(--line);
}
.hyla-checkout-step-label a {
  color: inherit; text-decoration: none;
}
.hyla-checkout-step-label a:hover {
  text-decoration: underline;
}
.hyla-checkout-continue {
  width: 100%; margin: 1rem 0 0 !important; min-height: 2.85rem;
}

/* Mobile only: gate payment behind “Continue” */
@media (max-width: 959px) {
  form.checkout.hyla-checkout-step-shipping #order_review,
  form.checkout.hyla-checkout-step-shipping #order_review_heading,
  form.checkout.hyla-checkout-step-shipping #order_payment_heading {
    display: none !important;
  }
  form.checkout.hyla-checkout-step-payment #order_review {
    display: flex !important;
  }
  .hyla-checkout-continue { display: block; }
}
@media (min-width: 960px) {
  body.woocommerce-checkout .hyla-checkout-continue,
  body.woocommerce-checkout .hyla-checkout-continue[hidden],
  body.woocommerce-checkout button.hyla-checkout-continue.button {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }
  form.checkout.hyla-checkout-step-shipping #order_review,
  form.checkout.hyla-checkout-desktop #order_review,
  form.checkout.hyla-checkout-step-payment #order_review {
    display: flex !important;
  }
  body.woocommerce-checkout .hyla-woo-content .woocommerce {
    display: block !important;
  }
  body.woocommerce-checkout .hyla-woo-content form.checkout.woocommerce-checkout {
    width: 100% !important;
    max-width: none !important;
  }
}
@media (max-width: 599px) {
  .hyla-checkout-steps { flex-wrap: wrap; }
  .hyla-checkout-step-label { display: none; }
}

/* —— Cart / checkout overflow + spacing —— */
html.woocommerce-cart,
html.woocommerce-checkout,
body.woocommerce-cart,
body.woocommerce-checkout {
  overflow-x: clip;
  max-width: 100vw;
}
body.woocommerce-cart .hyla-woo-page,
body.woocommerce-checkout .hyla-woo-page {
  overflow-x: clip;
  max-width: 100%;
}
body.woocommerce-cart .hyla-woo-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
}
body.woocommerce-cart .hyla-woo-head {
  margin-bottom: 0.85rem;
}
body.woocommerce-cart .hyla-woo-head h1 {
  margin-bottom: 0.55rem;
}
body.woocommerce-cart .hyla-woo-content table.shop_table {
  border: 0 !important;
  background: transparent !important;
  border-collapse: separate;
  border-spacing: 0 0.65rem;
}
body.woocommerce-cart .hyla-woo-content table.shop_table thead th {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0.85rem 0.35rem !important;
  font-size: 0.65rem;
}
body.woocommerce-cart .hyla-woo-content table.shop_table th,
body.woocommerce-cart .hyla-woo-content table.shop_table td {
  padding: 0.85rem 0.85rem;
  border: 0 !important;
  background: transparent !important;
  vertical-align: middle;
}
body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item {
  background:
    linear-gradient(160deg, rgba(255,255,255,0.96) 0%, rgba(250,247,248,0.9) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.95),
    0 8px 22px rgba(26,20,24,0.05);
  border: 1px solid rgba(26,20,24,0.06);
}
body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td:first-child {
  border-radius: 18px 0 0 18px;
}
body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td:last-child {
  border-radius: 0 18px 18px 0;
}
body.woocommerce-cart .hyla-woo-content .cart_item img {
  width: 5.75rem; height: 5.75rem; border-radius: 16px;
}
body.woocommerce-cart .hyla-woo-content .cart-collaterals,
body.woocommerce-cart .hyla-woo-content .cart_totals {
  padding: 1.05rem 1.1rem;
}

/* Cart page mobile tiles — left thumb, qty ±, trash right */
@media (max-width: 768px) {
  body.woocommerce-cart .hyla-woo-content table.shop_table,
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody,
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item {
    display: block;
    width: 100%;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table thead {
    display: none !important;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table {
    border-spacing: 0 !important;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item {
    display: grid !important;
    grid-template-columns: 4.5rem minmax(0, 1fr) auto;
    grid-template-areas:
      "thumb name remove"
      "thumb price remove"
      "thumb qty subtotal";
    gap: 0.35rem 0.85rem;
    align-items: start;
    padding: 0.95rem 0.85rem;
    margin: 0 0 0.75rem;
    border: 1px solid rgba(26,20,24,0.08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td::before {
    display: none !important;
    content: none !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-thumbnail {
    display: block !important;
    grid-area: thumb;
    text-align: left !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-thumbnail a {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 12px;
    overflow: hidden;
    background: #f6f4f5;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-thumbnail img,
  body.woocommerce-cart .hyla-woo-content .cart_item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: left center;
    margin: 0 !important;
    padding: 0.25rem;
    border-radius: 12px;
    display: block;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-name {
    grid-area: name;
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.3;
    padding-right: 0.25rem !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-price {
    grid-area: price;
    font-size: 0.84rem;
    color: var(--muted);
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-quantity {
    grid-area: qty;
    margin-top: 0.2rem;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-subtotal {
    grid-area: subtotal;
    justify-self: end;
    align-self: end;
    font-weight: 750;
    font-size: 0.95rem;
    letter-spacing: -0.02em;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-remove {
    grid-area: remove;
    justify-self: end;
    align-self: start;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-remove a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 999px;
    color: var(--muted) !important;
    font-size: 1.25rem;
    line-height: 1;
  }
  body.woocommerce-cart .hyla-woo-content .quantity.hyla-qty-enhanced,
  body.woocommerce-cart .hyla-woo-content .hyla-qty-row {
    display: inline-flex;
    align-items: center;
    gap: 0;
    border: 1px solid rgba(26,20,24,0.12);
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
    width: auto;
  }
  body.woocommerce-cart .hyla-woo-content .quantity.hyla-qty-enhanced input.qty {
    width: 2.4rem;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0.4rem 0 !important;
    margin: 0;
    background: transparent !important;
    box-shadow: none !important;
    -moz-appearance: textfield;
  }
  body.woocommerce-cart .hyla-woo-content .quantity.hyla-qty-enhanced input.qty::-webkit-outer-spin-button,
  body.woocommerce-cart .hyla-woo-content .quantity.hyla-qty-enhanced input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  body.woocommerce-cart .hyla-woo-content .hyla-qty-btn {
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    color: var(--fg);
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    line-height: 1;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr:not(.cart_item) {
    display: block;
    padding: 0.35rem 0 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}

/* Empty cart page — centered, no table residue */
body.woocommerce-cart .hyla-woo-content .woocommerce:has(.hyla-cart-page-empty),
body.woocommerce-cart .hyla-woo-content .woocommerce:has(.wc-empty-cart-message),
body.woocommerce-cart .hyla-woo-content .woocommerce:has(.return-to-shop) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 48vh;
  padding: 1.5rem 1rem 2.5rem;
  gap: 0.75rem;
}
body.woocommerce-cart .hyla-cart-page-empty,
.hyla-woo-content .hyla-cart-page-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 26rem;
  min-height: min(36vh, 18rem);
  padding: 1.25rem 0 1.5rem;
  gap: 0.55rem;
  margin-inline: auto;
}
.hyla-cart-page-empty-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--fg);
}
.hyla-cart-page-empty-text {
  margin: 0 0 0.85rem;
  color: var(--muted);
  font-size: 0.92rem;
}
.hyla-cart-page-shop {
  min-width: 12rem;
}
body.woocommerce-cart .woocommerce-notices-wrapper:empty {
  display: none !important;
}
body.woocommerce-cart .woocommerce-cart-form:empty,
body.woocommerce-cart .cart-empty + .return-to-shop,
body.woocommerce-cart .wc-empty-cart-message,
body.woocommerce-cart .return-to-shop {
  width: 100%;
  max-width: 26rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
body.woocommerce-cart .wc-empty-cart-message,
body.woocommerce-cart .cart-empty {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.5rem 0.5rem 0 !important;
  width: 100%;
  max-width: 26rem;
  text-align: center !important;
  margin: 0 auto !important;
}
body.woocommerce-cart .return-to-shop {
  display: flex !important;
  justify-content: center;
  margin-top: 0.35rem !important;
}
body.woocommerce-cart:has(.hyla-cart-page-empty) .hyla-ship-bar,
body.woocommerce-cart:has(.wc-empty-cart-message) .hyla-ship-bar,
body.hyla-cart-is-empty .hyla-ship-bar,
body.hyla-cart-is-empty .hyla-shipping-bar,
body.hyla-cart-is-empty [data-hyla-shipping-bar] {
  display: none !important;
}
body.woocommerce-cart:has(.hyla-cart-page-empty) .cart-collaterals,
body.woocommerce-cart .woocommerce:has(.hyla-cart-page-empty) .cart-collaterals,
body.woocommerce-cart:has(.wc-empty-cart-message) .cart-collaterals,
body.woocommerce-cart:has(.hyla-cart-page-empty) .woocommerce-cart-form,
body.woocommerce-cart:has(.wc-empty-cart-message) .woocommerce-cart-form {
  display: none !important;
}

/* Undo toast — centered coupon-style pill (never old white card / right-rail) */
.hyla-cart-undo-slot {
  display: none !important;
}
.hyla-cart-undo-toast {
  position: fixed;
  z-index: 100090;
  left: 50%;
  right: auto;
  top: auto;
  bottom: auto;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: max-content !important;
  max-width: min(28rem, var(--hyla-undo-maxw, 28rem), calc(100vw - 1.5rem)) !important;
  margin: 0 !important;
  padding: 0.38rem 0.4rem 0.38rem 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 980px !important;
  background: linear-gradient(145deg, #8a3a4a 0%, #6b2d45 55%, #572438 100%) !important;
  box-shadow: 0 10px 28px rgba(87, 36, 56, 0.28), 0 2px 6px rgba(26, 20, 24, 0.12) !important;
  color: #fff !important;
  font-size: 0.78rem;
  font-weight: 650;
  line-height: 1.3;
  text-align: start !important;
  list-style: none;
  overflow: visible !important;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.hyla-cart-undo-toast.is-canvas-float {
  position: absolute;
  z-index: 100080;
  bottom: var(--hyla-undo-bottom, 1rem);
}
.hyla-cart-undo-toast.is-page-float {
  position: fixed;
  bottom: calc(1.25rem + var(--safe-b, 0px));
  z-index: 100090;
}
.hyla-cart-undo-text {
  display: flex !important;
  align-items: baseline;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  white-space: nowrap;
  overflow: hidden;
}
.hyla-cart-undo-prefix { flex: 0 0 auto; }
.hyla-cart-undo-name {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyla-cart-undo-verb { flex: 0 0 auto; }
.hyla-cart-undo-btn,
.woocommerce-message.hyla-undo-polished .restore-item,
.woocommerce-message.hyla-undo-polished a.restore-item {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  margin: 0 !important;
  padding: 0.28rem 0.65rem !important;
  border: 0 !important;
  border-radius: 980px !important;
  background: #fff !important;
  color: #6b2d45 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
}
.hyla-cart-undo-btn svg { flex-shrink: 0; width: 13px; height: 13px; }
.hyla-cart-undo-progress { display: none !important; }
.hyla-cart-undo-x {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto;
  width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: #fff !important;
  cursor: pointer;
  padding: 0;
  isolation: isolate;
}

.hyla-header-lang {
  gap: 0.15rem !important;
  min-width: 2.55rem;
  padding: 0 0.35rem !important;
}
.hyla-header-lang-flag { font-size: 1.05rem; line-height: 1; }
.hyla-header-lang-code {
  font-size: 0.58rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  opacity: 0.72;
  line-height: 1;
}
@media (max-width: 899px) {
  .hyla-header-lang { display: none !important; }
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-header-lang { display: none !important; }


/* Page YMAL under cart — full width, horizontal scroll (not clipped in left column) */
.hyla-cart-ymal.is-page-ymal {
  display: block !important;
  margin: 1.75rem 0 0.5rem;
  padding: 1.1rem 0 0;
  border-top: 1px solid rgba(26,20,24,0.08);
  overflow: visible;
  max-width: none;
}
.hyla-cart-ymal.is-page-ymal .hyla-cart-ymal-title {
  margin: 0 0 0.85rem;
  font-size: 0.95rem;
  font-weight: 750;
  letter-spacing: -0.02em;
  text-transform: none;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  padding: 0;
  border-radius: 0;
}
.hyla-cart-ymal.is-page-ymal .hyla-cart-ymal-list,
.hyla-cart-ymal.is-page-ymal ul.products.hyla-cart-ymal-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0.65rem;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-height: none !important;
  height: auto !important;
  padding-bottom: 0.35rem !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}
.hyla-cart-ymal.is-page-ymal .hyla-cart-ymal-card.is-in-cart {
  opacity: 1;
  transform: none;
}
@media (min-width: 700px) {
  .hyla-cart-ymal.is-page-ymal .hyla-cart-ymal-card {
    flex: 0 0 10.25rem;
    flex-basis: 10.25rem;
    width: 10.25rem !important;
  }
}
/* Never keep page YMAL inside the left cart column scroll */
#hyla-cart-page-shell .hyla-cart-scroll > .hyla-cart-ymal,
#hyla-cart-page-shell .hyla-cart-main > .hyla-cart-ymal {
  display: none !important;
}

/* Canvas cart line: thumb left, trash far right */
.dnx-hyla-cart-line {
  display: grid;
  grid-template-columns: 4.5rem minmax(0, 1fr) auto;
  gap: 0.75rem;
  align-items: start;
}
.dnx-hyla-cart-thumb {
  justify-self: start;
}
.dnx-hyla-cart-thumb img {
  object-position: center center;
}
.dnx-hyla-cart-info {
  min-width: 0;
}
.dnx-hyla-cart-info h4 {
  margin: 0 0 0.45rem;
}
.hyla-cart-remove {
  justify-self: end;
  align-self: center;
  margin: 0;
}
@media (min-width: 960px) {
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce {
    gap: 1.15rem 1.25rem;
  }
}
body.woocommerce-checkout select.country_to_state,
body.woocommerce-checkout .select2-hidden-accessible,
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  max-width: 100% !important;
}
body.woocommerce-checkout .select2-container {
  max-width: 100% !important;
  width: 100% !important;
}

/* —— Shopify / Jolifill checkout layout —— */
body.woocommerce-checkout.hyla-checkout-shopify {
  --hyla-co-gutter: 1.25rem;
  --hyla-co-max: 1100px;
  padding-bottom: 0 !important;
  background: #fff;
  position: relative;
  overflow-x: clip;
  max-width: 100%;
}
html.woocommerce-checkout {
  overflow-x: clip;
  max-width: 100%;
}
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify {
    --hyla-co-gutter: 1.5rem;
    background: #fff;
    /* Left column + half gap: flush grey summary column from viewport top */
    --hyla-co-split: calc(
      (100vw - min(100vw - 2 * var(--hyla-co-gutter), var(--hyla-co-max))) / 2
      + (min(100vw - 2 * var(--hyla-co-gutter), var(--hyla-co-max)) - 2rem) * 1.05 / 1.95
      + 1rem
    );
  }
  body.woocommerce-checkout.hyla-checkout-shopify::before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: var(--hyla-co-split);
    right: 0;
    background: #f7f5f6;
    z-index: 0;
    pointer-events: none;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .site-header,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-page,
  body.woocommerce-checkout.hyla-checkout-shopify .site-footer {
    position: relative;
    z-index: 1;
  }
  /* Header stays white across full width */
  body.woocommerce-checkout.hyla-checkout-shopify .site-header {
    background: #fff;
  }
}
body.woocommerce-checkout.hyla-checkout-shopify .dnx-hyla-dock,
body.woocommerce-checkout.hyla-checkout-shopify .site-footer .footer-grid,
body.woocommerce-checkout.hyla-checkout-shopify .site-footer .footer-cols,
body.woocommerce-checkout.hyla-checkout-shopify .header-nav,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-search-form,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .hyla-search-trigger,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .icon-btn[data-dnx-open="account"],
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .hyla-fav-trigger,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions [data-dnx-open="cart"],
body.woocommerce-checkout.hyla-checkout-shopify .menu-only,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-checkout-steps,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-checkout-continue,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-promo {
  display: none !important;
}
/* Checkout bag: icon only, no qty / free-shipping badge */
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .hyla-co-bag {
  display: inline-flex !important;
  margin-left: auto;
  color: var(--fg);
}
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .hyla-co-bag .hyla-cart-badge,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions .hyla-co-bag .hyla-cart-free,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions [data-dnx-open="cart"] .hyla-cart-badge,
body.woocommerce-checkout.hyla-checkout-shopify .header-actions [data-dnx-open="cart"] .hyla-cart-free {
  display: none !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .site-header {
  position: sticky; top: 0; z-index: 40;
  min-height: 3.4rem;
  background: #fff;
  border-bottom: 1px solid var(--line);
  box-shadow: none;
}
body.woocommerce-checkout.hyla-checkout-shopify .site-header .wrap,
body.woocommerce-checkout.hyla-checkout-shopify .site-header .wrap-wide,
body.woocommerce-checkout.hyla-checkout-shopify .header-shell {
  width: min(calc(100% - var(--hyla-co-gutter) * 2), var(--hyla-co-max)) !important;
  max-width: var(--hyla-co-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
body.woocommerce-checkout.hyla-checkout-shopify .site-header img.logo-img { height: 28px; max-width: min(48vw, 12rem); }
body.woocommerce-checkout.hyla-checkout-shopify .header-shell {
  justify-content: space-between;
  height: 3.4rem;
  gap: 0.75rem;
}
body.woocommerce-checkout.hyla-checkout-shopify .logo {
  margin-left: 0 !important;
  margin-right: auto;
}
body.woocommerce-checkout.hyla-checkout-shopify .site-footer,
body.woocommerce-checkout.hyla-checkout-shopify .site-footer[data-hyla-co-hidden] {
  display: none !important;
}
/* Compact Jolifill-style legal row under Koop nu / Place order */
.hyla-co-legal-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.25rem 0.55rem;
  margin: 1rem 0 0.35rem;
  padding: 0.85rem 0 0;
  border-top: 1px solid var(--line);
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--muted);
  width: 100%;
  box-sizing: border-box;
}
.hyla-co-legal-strip a {
  color: var(--hyla-accent, #6b2d45);
  text-decoration: none;
  font-weight: 500;
}
.hyla-co-legal-strip a:hover {
  color: var(--hyla-accent-press, #572438);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hyla-co-legal-sep {
  opacity: 0.4;
  color: var(--muted);
  user-select: none;
}
#hyla-co-pay-host .hyla-co-legal-strip {
  margin-top: 1.1rem;
}
#hyla-co-pay-host #place_order {
  width: 100% !important;
  min-height: 2.95rem !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  font-weight: 700 !important;
}
#hyla-co-pay-host .place-order,
#hyla-co-pay-host .wc-gzd-order-submit {
  display: block !important;
  margin-top: 0.85rem;
  visibility: visible !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-page {
  padding: 0 0 2.5rem;
  overflow-x: clip;
  max-width: 100%;
  position: relative;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-wrap {
  width: min(calc(100% - var(--hyla-co-gutter) * 2), var(--hyla-co-max));
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-x: clip;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-checkout-head {
  display: none;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content {
  padding-top: 0.55rem;
  overflow-x: clip;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content {
    padding-top: 0 !important;
  }
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #customer_details,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .col2-set,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .col-1,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .col-2 {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  float: none !important;
}
html.woocommerce-checkout,
body.woocommerce-checkout.hyla-checkout-shopify {
  overflow-x: clip !important;
  max-width: 100vw !important;
}

/* Express login / Contact — Jolifill-style */
.hyla-co-express-login {
  margin: 0 0 0.95rem;
  padding: 0;
  border: 0;
}
.hyla-co-contact-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.55rem;
}
.hyla-co-contact-head .hyla-co-section-title,
.hyla-co-section-title {
  margin: 0;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--fg) !important;
}
.hyla-co-login-link {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 0.84rem;
  font-weight: 650;
  color: var(--blue);
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.hyla-co-login-link:hover { color: var(--blue-press, #5a2438); }
.hyla-co-express-login-field {
  display: grid; gap: 0.22rem; min-width: 0;
  font-size: 0.68rem; font-weight: 650; color: var(--muted);
  letter-spacing: 0.02em;
}
.hyla-co-express-login-field input {
  width: 100%;
  min-height: 2.35rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  font-size: 0.9rem; color: var(--fg);
  box-sizing: border-box;
}
.hyla-co-express-login-field input:focus {
  outline: none;
  border-color: rgba(107,45,69,0.35);
  box-shadow: 0 0 0 2px rgba(107,45,69,0.08);
}
.hyla-co-login-form {
  display: none;
  margin: 0.55rem 0 0.85rem;
  padding: 0.85rem 0.9rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #faf8f9;
}
.hyla-co-login-form.is-open,
form.woocommerce-form-login.hyla-co-login-form.is-open {
  display: block !important;
}
.hyla-co-login-form .form-row {
  margin: 0 0 0.65rem !important;
}
.hyla-co-login-form .form-row:last-child { margin-bottom: 0 !important; }
.hyla-co-login-form label {
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  color: var(--muted) !important;
}
.hyla-co-login-form input.input-text {
  min-height: 2.35rem;
  border-radius: 10px !important;
}
.hyla-co-login-form .button,
.hyla-co-login-form button[type="submit"] {
  width: 100%;
  min-height: 2.5rem;
  margin-top: 0.25rem;
  border-radius: 10px !important;
  background: var(--blue) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: 0 !important;
}

/* Create account — under contact email (Jolifill-style) */
.hyla-co-create-account,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-account-fields {
  margin: 0.65rem 0 0;
  padding: 0;
  border: 0;
  background: transparent;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-account-fields .create-account:not(.form-row) {
  margin-top: 0.65rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #faf8f9;
}
.hyla-co-create-account,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-account-fields .form-row.create-account {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0.55rem 0 0 !important;
  padding: 0 !important;
  float: none !important;
  width: 100% !important;
}
.hyla-co-create-account label,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-account-fields .form-row.create-account label {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  margin: 0 !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  color: var(--fg) !important;
  line-height: 1.35;
  cursor: pointer;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.hyla-co-create-account input[type="checkbox"],
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-account-fields #createaccount {
  width: 1.05rem;
  height: 1.05rem;
  margin: 0.12rem 0 0 !important;
  flex-shrink: 0;
  accent-color: var(--blue);
  cursor: pointer;
}

/* Left flow: Shipping + Payment under Delivery (Jolifill) */
.hyla-co-ship-host,
.hyla-co-pay-host {
  width: 100%;
  max-width: 100%;
  margin: 0 0 1rem;
  padding: 0 0 0.85rem;
  border-bottom: 1px solid var(--line);
  box-sizing: border-box;
  min-width: 0;
}
.hyla-co-pay-host { border-bottom: 0; padding-bottom: 0; }
.hyla-co-ship-host .hyla-co-section-title,
.hyla-co-pay-host .hyla-co-section-title {
  margin: 0 0 0.55rem !important;
}
.hyla-co-pay-secure {
  margin: -0.15rem 0 0.65rem;
  font-size: 0.72rem;
  color: var(--muted);
  font-weight: 500;
}
.hyla-co-ship-body,
.hyla-co-pay-body {
  min-width: 0;
  max-width: 100%;
}
.hyla-co-ship-note {
  margin: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  font-size: 0.78rem;
  line-height: 1.4;
  font-weight: 600;
  color: var(--muted, #6e656c);
}
.hyla-co-ship-host ul.woocommerce-shipping-methods,
.hyla-co-pay-host ul.payment_methods {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 0.45rem !important;
  max-width: 100%;
}
#ship-to-different-address.hyla-co-ship-diff,
.hyla-co-delivery-choice {
  margin: 0.15rem 0 0.85rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.hyla-co-delivery-choice .hyla-co-section-title {
  margin: 0 0 0.55rem !important;
}
.hyla-co-delivery-choice-list {
  display: grid;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.hyla-co-delivery-choice-list label,
#ship-to-different-address.hyla-co-ship-diff label {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 0;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(26,20,24,0.08);
  border-radius: 14px;
  background:
    linear-gradient(160deg, rgba(255,255,255,0.92) 0%, rgba(250,247,248,0.95) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 4px 14px rgba(26,20,24,0.035);
  font-size: 0.88rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  color: var(--fg);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.hyla-co-delivery-choice-list label:hover,
#ship-to-different-address.hyla-co-ship-diff label:hover {
  border-color: rgba(107,45,69,0.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 6px 16px rgba(26,20,24,0.05);
}
.hyla-co-delivery-choice-list input[type="radio"],
#ship-to-different-address.hyla-co-ship-diff input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.15rem;
  height: 1.15rem;
  margin: 0;
  flex: 0 0 auto;
  border: 1.5px solid rgba(26,20,24,0.22);
  border-radius: 50%;
  background: #fff;
  display: inline-grid;
  place-content: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.hyla-co-delivery-choice-list input[type="radio"]::before,
#ship-to-different-address.hyla-co-ship-diff input[type="checkbox"]::before {
  content: "";
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.12s ease;
  background: var(--blue);
}
.hyla-co-delivery-choice-list input[type="radio"]:checked,
#ship-to-different-address.hyla-co-ship-diff input[type="checkbox"]:checked {
  border-color: var(--blue);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(107,45,69,0.12);
}
.hyla-co-delivery-choice-list input[type="radio"]:checked::before,
#ship-to-different-address.hyla-co-ship-diff input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.hyla-co-delivery-choice-list label:has(input:checked),
#ship-to-different-address.hyla-co-ship-diff label:has(input:checked) {
  border-color: rgba(107,45,69,0.28);
  background: linear-gradient(145deg, rgba(107,45,69,0.06) 0%, #fff 70%);
}
.hyla-co-delivery-choice-list span,
#ship-to-different-address.hyla-co-ship-diff span {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.35;
}
/* Hide native Woo ship-diff checkbox shell when radio UI is present */
.hyla-co-delivery-choice ~ #ship-to-different-address,
.woocommerce-shipping-fields > #ship-to-different-address.hyla-co-ship-diff-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  padding: 0 !important;
  margin: -1px !important;
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.woocommerce-shipping-fields .shipping_address {
  margin-top: 0.55rem;
}

/* THWCFE hides shipping address rows — show full form when "different" is open */
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open .form-row.thwcfe-shipping-field:not(.hidden):not(.pickup_location_notice),
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_first_name_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_last_name_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_company_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_vat_id_field:not(.hyla-vat-gated),
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_address_1_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_address_2_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_postcode_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_city_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_country_field,
body.woocommerce-checkout.hyla-checkout-shopify .shipping_address.is-open #shipping_phone_field {
  display: block !important;
}

/* Placeholder-only fields (Jolifill): labels clipped until floating pill */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox),
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row > label .optional {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Floating label pill — on value or :focus-within, flush with the field’s left edge */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row.is-floating > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox),
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row:focus-within > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) {
  position: absolute !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0.1rem 0.48rem !important;
  top: -0.55rem !important;
  left: 0 !important;
  z-index: 3;
  background: #fff !important;
  border: 1px solid #d6cdd1 !important;
  border-radius: 999px !important;
  font-size: 0.62rem !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
  color: var(--muted) !important;
  line-height: 1.25 !important;
  pointer-events: none;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row.is-floating > label .optional,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row:focus-within > label .optional {
  position: static !important;
  width: auto !important;
  height: auto !important;
  clip: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  white-space: nowrap !important;
  font-size: inherit !important;
  color: inherit !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row.is-floating input.input-text::placeholder,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row.is-floating textarea::placeholder,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row:focus-within input.input-text::placeholder,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row:focus-within textarea::placeholder {
  color: transparent !important;
  opacity: 0 !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row.is-floating .select2-selection__placeholder,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row:focus-within .select2-selection__placeholder {
  color: transparent !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row {
  position: relative;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row input.input-text,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row textarea {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row .select2-selection__placeholder,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row select:invalid {
  color: var(--muted);
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-form-login-toggle {
  display: none !important;
}
body.woocommerce-checkout.hyla-checkout-shopify form.woocommerce-form-login {
  margin: 0 0 1.15rem;
  padding: 0.95rem 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #faf8f9;
}
body.woocommerce-checkout.hyla-checkout-shopify form.woocommerce-form-login.is-open {
  display: block !important;
}

/* Mobile order summary shell — top of content, above Contact */
.hyla-woo-content > .hyla-co-summary-shell,
.hyla-woo-wrap > .hyla-co-summary-shell,
.hyla-woo-content .hyla-co-summary-shell,
.hyla-co-summary-shell {
  display: none;
}
@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-page {
    overflow-x: visible;
  }
  /* Full-width wrap so summary can reach screen edges without negative-margin hacks */
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-wrap,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content {
    overflow-x: visible;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > form.checkout,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > .woocommerce,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce > form.checkout,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > .hyla-co-ship-host,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > .hyla-co-pay-host {
    padding-left: 1.15rem !important;
    padding-right: 1.15rem !important;
    box-sizing: border-box;
  }
  /* Avoid double padding when both .woocommerce and form are padded */
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > .woocommerce > form.checkout {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .hyla-woo-content > .hyla-co-summary-shell,
  .hyla-woo-wrap > .hyla-co-summary-shell,
  .hyla-woo-content .hyla-co-summary-shell,
  .hyla-co-summary-shell {
    display: block;
    order: -20;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 0.85rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
    border-bottom: 1px solid rgba(26,20,24,0.08);
    border-radius: 0;
    background: #f0f0f0;
    overflow: hidden;
    box-sizing: border-box;
    position: sticky;
    top: var(--hyla-co-header-h, 3.4rem);
    z-index: 35;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .site-header {
    border-bottom-color: rgba(26,20,24,0.08);
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content > form.checkout {
    order: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-toggle {
    width: 100%;
    margin: 0;
    padding: 0.9rem 1.15rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    max-width: none;
    box-sizing: border-box;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell {
    box-shadow: none;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-shell #order_review {
    margin: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(26,20,24,0.08) !important;
    border-radius: 0 !important;
    background: #fff !important;
    padding: 0.85rem 1.15rem 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    gap: 0.65rem !important;
  }

  /* Bottom order summary (between consent + buy) — Jolifill style */
  .hyla-co-bottom-summary {
    display: block;
    margin: 0.85rem 0 0.65rem;
    border: 1px solid rgba(26,20,24,0.1);
    border-radius: 12px;
    background: #f7f7f7;
    overflow: hidden;
  }
  .hyla-co-bottom-summary-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
  }
  .hyla-co-bottom-summary-left {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
  }
  .hyla-co-bottom-summary-label {
    font-size: 0.9rem;
    font-weight: 650;
    color: var(--fg);
  }
  .hyla-co-bottom-summary-meta {
    font-size: 0.72rem;
    color: var(--muted);
    line-height: 1.3;
  }
  .hyla-co-bottom-summary-right {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
  }
  .hyla-co-bottom-summary-total {
    font-size: 0.95rem;
    font-weight: 750;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
  }
  .hyla-co-bottom-summary-chev {
    width: 0.55rem;
    height: 0.55rem;
    border-right: 1.7px solid currentColor;
    border-bottom: 1.7px solid currentColor;
    transform: rotate(45deg);
    margin-top: -0.2rem;
    opacity: 0.55;
    transition: transform 0.2s ease;
  }
  .hyla-co-bottom-summary-toggle.is-open .hyla-co-bottom-summary-chev {
    transform: rotate(-135deg);
    margin-top: 0.15rem;
  }
  .hyla-co-bottom-summary-panel {
    padding: 0 1rem 0.85rem;
    border-top: 1px solid rgba(26,20,24,0.08);
    background: #fff;
  }
  .hyla-co-bottom-summary-panel[hidden] { display: none !important; }
  .hyla-co-bottom-summary-table {
    width: 100% !important;
    margin: 0.55rem 0 0 !important;
  }
}
@media (min-width: 960px) {
  .hyla-co-bottom-summary { display: none !important; }
}
.hyla-co-summary-toggle {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem;
  padding: 0.9rem 0;
  margin: 0 0 1rem;
  border: 0;
  border-block: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  z-index: 2;
}
.hyla-co-summary-left {
  display: flex; align-items: center; gap: 0.65rem; min-width: 0;
  flex: 1 1 auto;
}
.hyla-co-summary-label {
  font-size: 0.9rem; font-weight: 650; color: var(--blue);
  flex-shrink: 0;
  white-space: nowrap;
}
.hyla-co-summary-thumbs {
  display: inline-flex; align-items: center;
  min-width: 0;
  overflow: hidden;
}
.hyla-co-summary-right {
  display: inline-flex; align-items: center; gap: 0.45rem;
  flex-shrink: 0;
  margin-left: auto;
}
.hyla-co-summary-thumbs img {
  width: 1.85rem; height: 1.85rem; border-radius: 7px;
  object-fit: cover; border: 1.5px solid #fff;
  margin-left: -0.45rem; background: #fff;
}
.hyla-co-summary-thumbs img:first-child { margin-left: 0; }
.hyla-co-summary-more {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.85rem; height: 1.85rem; margin-left: -0.35rem;
  border-radius: 7px; background: #efe9ec; font-size: 0.65rem; font-weight: 750;
}
.hyla-co-summary-total {
  font-size: 1rem; font-weight: 750; letter-spacing: -0.01em;
}
.hyla-co-summary-chev {
  width: 0.55rem; height: 0.55rem;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: rotate(45deg); margin-top: -0.2rem;
  transition: transform 0.2s ease;
}
.hyla-co-summary-toggle.is-open .hyla-co-summary-chev {
  transform: rotate(-135deg); margin-top: 0.15rem;
}

.hyla-co-pay-strip {
  margin: 0 0 0.85rem;
  padding: 0.75rem 0.85rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.hyla-co-pay-label {
  margin: 0 0 0.45rem;
  font-size: 0.68rem; font-weight: 750; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--muted);
}

/* Form fields — compact Shopify clean */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-billing-fields,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-shipping-fields,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-additional-fields {
  background: transparent; border: 0; box-shadow: none;
  border-radius: 0; padding: 0 0 0.65rem;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0.65rem;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row {
  margin: 0 0 0.45rem !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-address-fields__field-wrapper {
  gap: 0.4rem 0.55rem;
  max-width: 100%;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-billing-fields h3,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-shipping-fields h3,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-additional-fields h3 {
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 0.98rem !important; font-weight: 700 !important;
  letter-spacing: -0.02em !important; text-transform: none !important;
  color: var(--fg) !important; margin: 0 0 0.55rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row label {
  font-size: 0.66rem !important;
  margin-bottom: 0.15rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row input.input-text,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row textarea,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row select,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .select2-selection {
  border: 1px solid #d6cdd1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  min-height: 2.25rem !important;
  height: auto !important;
  padding: 0.35rem 0.6rem !important;
  box-shadow: none !important;
  font-size: 0.86rem !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row textarea {
  min-height: 3rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row input.input-text:focus,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row textarea:focus,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row select:focus {
  border-color: var(--blue) !important;
  outline: 0;
  box-shadow: 0 0 0 1px var(--blue) !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .select2-container {
  max-width: 100% !important;
  width: 100% !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .select2-container .select2-selection--single {
  min-height: 2.25rem !important;
  height: 2.25rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-checkout-payment {
  background: #fff; border: 1px solid var(--line); border-radius: 14px;
  padding: 0.7rem 0.75rem 0.6rem;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-checkout-payment ul.payment_methods {
  max-width: 100%;
  overflow: hidden;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-checkout-payment ul.payment_methods li {
  border: 1px solid var(--line); border-radius: 12px;
  padding: 0.6rem 0.7rem; margin: 0 0 0.4rem; background: #fff;
  max-width: 100%;
  box-sizing: border-box;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #place_order {
  width: 100% !important;
  min-height: 2.85rem !important;
  border-radius: 14px !important;
  font-size: 0.95rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content img,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content svg,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-shell img {
  max-width: 100%;
  height: auto;
}

/* Order panel */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review {
  background: #f7f5f6;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 0.85rem 0.85rem 0.95rem;
  gap: 0.7rem;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review::before {
  content: "Order summary" !important;
  display: block !important;
  order: 0;
  font-size: 1rem; font-weight: 700; letter-spacing: -0.02em;
  margin: 0 0 0.25rem;
  color: var(--fg);
  font-family: Manrope, system-ui, sans-serif;
  text-transform: none;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-checkout-payment::before {
  content: "Payment" !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 1rem !important; font-weight: 700 !important;
  text-transform: none !important; letter-spacing: -0.02em !important;
  color: var(--fg) !important;
}

@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify:not(.hyla-co-summary-expanded) #order_review {
    display: none !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded #order_review {
    display: flex !important;
    margin-bottom: 0;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review::before {
    display: none !important;
  }
}
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-toggle,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-shell {
    display: none !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-page {
    background: transparent;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-wrap {
    width: min(calc(100% - var(--hyla-co-gutter) * 2), var(--hyla-co-max));
    max-width: var(--hyla-co-max);
  }
  body.woocommerce-checkout.hyla-checkout-shopify .site-header .wrap,
  body.woocommerce-checkout.hyla-checkout-shopify .site-header .wrap-wide,
  body.woocommerce-checkout.hyla-checkout-shopify .header-shell {
    width: min(calc(100% - var(--hyla-co-gutter) * 2), var(--hyla-co-max)) !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.9fr);
    gap: 0 2rem;
    align-items: start;
    padding: 0.35rem 0 2rem;
    max-width: 100%;
    overflow: visible;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #customer_details {
    grid-column: 1; grid-row: 1;
    float: none !important; width: 100% !important;
    max-width: 100%;
    padding-right: 0;
    overflow: visible;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #hyla-co-ship-host {
    grid-column: 1; grid-row: 2;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #hyla-co-pay-host {
    grid-column: 1; grid-row: 3;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #order_review {
    grid-column: 2; grid-row: 1 / span 30;
    position: sticky; top: calc(var(--header-h) + 0.75rem);
    float: none !important; width: 100% !important;
    max-width: 100%;
    background: #f7f5f6;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 0.9rem 0.95rem 1rem;
    display: flex !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items-toggle { display: none !important; }
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-collapsed .woocommerce-checkout-review-order-table tbody {
    display: table-row-group !important;
  }
  /* Summary column is cart + coupon + totals only */
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #order_review .woocommerce-checkout-payment,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #order_review .wc-gzd-order-submit,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content form.checkout #order_review .place-order {
    display: none !important;
  }
}

/* Compact checkout shell — still uses site page width (Shopify layout overrides separately) */
body.woocommerce-checkout:not(.hyla-checkout-shopify) .hyla-woo-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
}
body.woocommerce-checkout .hyla-woo-head { margin-bottom: 0.85rem; }
body.woocommerce-checkout .hyla-ship-bar {
  margin-bottom: 0.75rem; padding: 0.55rem 0.75rem;
}

.hyla-woo-content form.checkout.woocommerce-checkout {
  display: block;
}
@media (min-width: 960px) {
  .hyla-woo-content form.checkout.woocommerce-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
    gap: 1.35rem 1.5rem;
    align-items: start;
  }
  .hyla-woo-content form.checkout #customer_details {
    grid-column: 1; grid-row: 1;
    float: none !important; width: 100% !important;
  }
  .hyla-woo-content form.checkout .hyla-checkout-continue {
    grid-column: 1;
  }
  .hyla-woo-content form.checkout #order_review {
    grid-column: 2; grid-row: 1 / span 20;
    position: sticky; top: calc(var(--header-h) + 0.85rem);
    float: none !important; width: 100% !important;
  }
  .hyla-woo-content form.checkout > input[type="hidden"],
  .hyla-woo-content form.checkout > .thwcfe_price_data,
  .hyla-woo-content form.checkout > [id^="thwcfe_"] {
    grid-column: 1; height: 0; margin: 0; padding: 0; overflow: hidden;
  }
}

/* Left: tighter fields */
.hyla-woo-content .checkout .col2-set {
  display: grid; gap: 0.85rem;
}
.hyla-woo-content .woocommerce-billing-fields,
.hyla-woo-content .woocommerce-shipping-fields,
.hyla-woo-content .woocommerce-additional-fields {
  background: transparent; border: 0;
  border-radius: 0; padding: 0 0 0.95rem;
  box-shadow: none;
  border-bottom: 1px solid var(--line);
  margin-bottom: 0.95rem;
}
.hyla-woo-content .woocommerce-additional-fields {
  border-bottom: 0; margin-bottom: 0; padding-bottom: 0;
}
.hyla-woo-content .woocommerce-billing-fields h3,
.hyla-woo-content .woocommerce-shipping-fields h3,
.hyla-woo-content .woocommerce-additional-fields h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.2rem; font-weight: 600; margin: 0 0 0.65rem;
  letter-spacing: -0.01em;
}
body.woocommerce-checkout .hyla-woo-content .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .hyla-woo-content .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .hyla-woo-content .woocommerce-address-fields__field-wrapper {
  gap: 0.55rem 0.75rem;
}
body.woocommerce-checkout .hyla-woo-content .form-row {
  margin: 0 !important;
}
body.woocommerce-checkout .hyla-woo-content .form-row label {
  font-size: 0.7rem; font-weight: 600; color: var(--muted);
  margin-bottom: 0.2rem; display: block;
}
body.woocommerce-checkout .hyla-woo-content .form-row label .required { color: #b42318; text-decoration: none; }
body.woocommerce-checkout.hyla-checkout-shopify #billing_vat_id_field.hyla-vat-gated,
body.woocommerce-checkout.hyla-checkout-shopify #shipping_vat_id_field.hyla-vat-gated,
body.woocommerce-checkout.hyla-checkout-shopify #billing_vat_number_field.hyla-vat-gated {
  display: none !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-NoticeGroup-checkout,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-NoticeGroup-checkout .woocommerce-error {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
}
body.woocommerce-checkout .hyla-woo-content .form-row.hyla-field-invalid input.input-text,
body.woocommerce-checkout .hyla-woo-content .form-row.hyla-field-invalid textarea,
body.woocommerce-checkout .hyla-woo-content .form-row.hyla-field-invalid select,
body.woocommerce-checkout .hyla-woo-content .form-row.hyla-field-invalid .select2-selection--single,
body.woocommerce-checkout .hyla-woo-content .form-row.woocommerce-invalid.hyla-field-invalid input.input-text {
  border-color: #c0392b !important;
  box-shadow: 0 0 0 1px #c0392b !important;
}
body.woocommerce-checkout .hyla-woo-content .form-row .hyla-field-error {
  display: block;
  color: #c0392b;
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.35;
  margin: 0.28rem 0 0;
}
.hyla-co-error-toast {
  position: fixed;
  left: 50%;
  top: calc(var(--header-h, 4.5rem) + 0.75rem);
  transform: translateX(-50%) translateY(-8px);
  z-index: 100200;
  max-width: min(28rem, calc(100% - 1.5rem));
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: #3b1110;
  color: #fff;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
  box-shadow: 0 12px 32px rgba(26, 20, 24, 0.22);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.hyla-co-error-toast.is-on {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

body.woocommerce-checkout .hyla-woo-content .form-row input.input-text,
body.woocommerce-checkout .hyla-woo-content .form-row textarea,
body.woocommerce-checkout .hyla-woo-content .form-row select,
body.woocommerce-checkout .hyla-woo-content .select2-container .select2-selection--single {
  border: 1px solid var(--line) !important; border-radius: 10px !important;
  min-height: 2.4rem; padding: 0.4rem 0.7rem !important;
  background: #fff !important; box-shadow: none !important; width: 100% !important;
  font-size: 0.9rem;
}
body.woocommerce-checkout .hyla-woo-content .form-row textarea { min-height: 4.25rem; }
body.woocommerce-checkout .hyla-woo-content .select2-container { width: 100% !important; }
body.woocommerce-checkout .hyla-woo-content .select2-container .select2-selection--single {
  display: flex; align-items: center;
}
body.woocommerce-checkout .hyla-woo-page .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .hyla-woo-page .woocommerce-form-coupon-toggle .woocommerce-info {
  padding: 0.45rem 0 !important;
  font-size: 0.8rem;
  margin: 0 !important;
}

/* —— Right order panel: compact summary card —— */
.hyla-woo-content #order_review {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: #f7f5f6;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 1rem 1rem 1.05rem;
  box-shadow: 0 1px 2px rgba(26,20,24,0.03);
}
.hyla-woo-content #order_review > * { margin: 0; min-width: 0; }
.hyla-woo-content #order_review .wc-gzd-checkbox-placeholder:empty,
.hyla-woo-content #order_review .wc-gzd-checkbox-placeholder:not(:has(label)):not(:has(.legal)):not(:has(input)) {
  display: none !important;
  margin: 0 !important; padding: 0 !important; height: 0 !important;
  border: 0 !important; overflow: hidden !important;
}
.hyla-woo-content #order_review::before {
  content: "Your order";
  order: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.2rem; font-weight: 600; letter-spacing: -0.01em;
  color: var(--fg); line-height: 1.2;
}

/* GZD injects inline display:block — force hide noisy duplicate titles */
.hyla-woo-content #order_review_heading,
.hyla-woo-content #order_payment_heading,
.hyla-woo-content form.checkout #order_review_heading,
.hyla-woo-content form.checkout #order_payment_heading {
  display: none !important;
}

/* Visual order: items → delivery prefs → payment → legal → buy */
.hyla-woo-content #order_review .woocommerce-checkout-review-order-table { order: 1; }
.hyla-woo-content #order_review .dhl-preferred-service-content { order: 2; }
.hyla-woo-content #order_review .woocommerce-checkout-payment { order: 3; }
.hyla-woo-content #order_review .wc-gzd-checkbox-placeholder,
.hyla-woo-content #order_review .woocommerce-terms-and-conditions-wrapper,
.hyla-woo-content #order_review .legal.form-row,
.hyla-woo-content #order_review .validate-required.checkbox-parcel-delivery-checkbox,
.hyla-woo-content #order_review > input[type="checkbox"] { order: 4; }
.hyla-woo-content #order_review .wc-gzd-order-submit,
.hyla-woo-content #order_review .place-order { order: 5; }

/* Checkout items: product list scrolls; totals stay pinned below */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review {
  max-height: calc(100dvh - var(--header-h, 4rem) - 1.5rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  /* Cap height via JS (exactly 5 rows) when .is-capped — avoid cutting mid-tile. */
  max-height: none;
  overflow-x: hidden;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-capped {
  overflow-y: auto;
  overscroll-behavior-y: contain;
  overscroll-behavior: contain;
}
/* Desktop sticky summary: never chain wheel scroll into the left form column */
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review {
    overscroll-behavior: contain;
    overscroll-behavior-y: contain;
  }
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-summary-coupon {
  flex: 0 0 auto;
  min-width: 0;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals-table {
  width: 100%;
  margin: 0 !important;
}
/* Method radios live in the left shipping host — never inside pinned totals. */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals ul.woocommerce-shipping-methods,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals ul.woocommerce-shipping-methods li,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals tr.shipping td ul,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-totals tr.woocommerce-shipping-totals td ul {
  display: none !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .hyla-co-thumb,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .wc-gzd-cart-item-thumbnail {
  flex: 0 0 2.65rem;
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 9px;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .woocommerce-checkout-review-order-table td {
  padding: 0.38rem 0 !important;
  font-size: 0.78rem;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .hyla-co-item-title {
  font-size: 0.76rem;
  line-height: 1.25;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  padding-top: 0;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .hyla-co-qty-badge {
  min-width: 1.1rem;
  height: 1.1rem;
  font-size: 0.62rem;
  top: -0.32rem;
  right: -0.32rem;
}
/* Scroll cue under the 5 visible product rows (sibling of .hyla-co-items). */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-scroll-hint {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 0.35rem;
  margin: 0.4rem auto 0.15rem;
  transform: none;
  width: max-content;
  max-width: calc(100% - 0.75rem);
  padding: 0.42rem 0.85rem;
  border: 0;
  border-radius: 999px;
  background: #5c555a;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1.2;
  box-shadow: 0 4px 12px rgba(26, 20, 24, 0.16);
  cursor: pointer;
  pointer-events: auto;
}
/* Desktop: product list height is set in JS to exactly 5 visible rows */
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review {
    overflow: hidden;
  }
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-scroll-hint[hidden] {
  display: none !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-scroll-hint-arrow {
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0.95;
}
@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review {
    max-height: none;
    overflow: visible;
  }
}

/* Product lines */
.hyla-woo-content .woocommerce-checkout-review-order-table {
  width: 100%;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-collapse: collapse;
  font-size: 0.82rem;
}
.hyla-woo-content .woocommerce-checkout-review-order-table thead { display: none; }
.hyla-woo-content .woocommerce-checkout-review-order-table th,
.hyla-woo-content .woocommerce-checkout-review-order-table td {
  border: 0 !important;
  border-bottom: 1px solid rgba(226,215,219,0.85) !important;
  padding: 0.55rem 0 !important;
  background: transparent !important;
  vertical-align: top;
  font-size: 0.82rem;
  line-height: 1.35;
}
.hyla-woo-content .woocommerce-checkout-review-order-table tbody tr:last-child td {
  border-bottom-color: rgba(226,215,219,0.95) !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table tfoot th,
.hyla-woo-content .woocommerce-checkout-review-order-table tfoot td {
  padding: 0.4rem 0 !important;
  border-bottom: 0 !important;
  font-size: 0.82rem;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .cart-subtotal th,
.hyla-woo-content .woocommerce-checkout-review-order-table .cart-subtotal td {
  padding-top: 0.65rem !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table tfoot th,
.hyla-woo-content .woocommerce-checkout-review-order-table .cart-subtotal th,
.hyla-woo-content .woocommerce-checkout-review-order-table .shipping th,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-rate th,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-total th,
.hyla-woo-content .woocommerce-checkout-review-order-table .fee th,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-total th {
  text-align: left !important;
  font-weight: 600;
  color: var(--muted);
  padding-right: 0.75rem !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .order-total th,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-total td {
  padding-top: 0.55rem !important;
  border-top: 1px solid var(--line) !important;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--fg);
}
/* VAT / MwSt rows — Woo uses .tax-rate / .tax-total (not .order-tax) */
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-rate,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-total,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-tax {
  display: table-row !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-rate th,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-total th,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-tax th,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-rate td,
.hyla-woo-content .woocommerce-checkout-review-order-table .tax-total td,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-tax td {
  color: var(--muted);
  font-weight: 600;
  font-size: 0.78rem !important;
  padding-top: 0.28rem !important;
  padding-bottom: 0.28rem !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .order-total .includes_tax {
  display: none !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .hyla-co-vat-row th,
.hyla-woo-content .woocommerce-checkout-review-order-table .order-tax th {
  font-weight: 600;
  color: var(--muted);
  text-transform: none !important;
  letter-spacing: 0;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .order-total th {
  text-transform: none !important;
  letter-spacing: -0.01em;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .hyla-co-savings-row th,
.hyla-woo-content .woocommerce-checkout-review-order-table .hyla-co-savings-row td {
  padding-top: 0.45rem !important;
  padding-bottom: 0.15rem !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #2f6b4f !important;
  border-top: 0 !important;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .hyla-co-savings-row td {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .product-total,
.hyla-woo-content .woocommerce-checkout-review-order-table tfoot td {
  text-align: right; white-space: nowrap; padding-left: 0.75rem !important;
  font-variant-numeric: tabular-nums;
}
/* Title gets most of the row; price stays compact but readable. */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items .woocommerce-checkout-review-order-table {
  table-layout: fixed;
  width: 100%;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.cart_item .product-name {
  width: 80%;
  padding-right: 0.35rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.cart_item .product-total {
  width: 20%;
  white-space: nowrap;
  padding-left: 0.25rem !important;
  vertical-align: top;
  overflow: visible;
}
/* Price sits on the same baseline as the first title line (not mid-thumbnail). */
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.cart_item .product-total .hyla-dual-price,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.cart_item .product-total .woocommerce-Price-amount {
  display: inline-block;
  line-height: 1.35;
  padding-top: 0;
  vertical-align: top;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items .wc-gzd-cart-item-name-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.5rem;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items.is-compact .wc-gzd-cart-item-name-wrapper {
  gap: 0.4rem;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-co-items .hyla-co-item-title {
  padding-top: 0 !important;
  align-self: flex-start;
}
.hyla-woo-content .wc-gzd-cart-item-name-wrapper {
  display: flex; align-items: flex-start; gap: 0.75rem;
  min-width: 0;
}
/* Jolifill/Shopify qty badge on thumbnail */
.hyla-woo-content .wc-gzd-cart-item-thumbnail,
.hyla-woo-content .hyla-co-thumb {
  position: relative;
  flex: 0 0 4rem; width: 4rem; height: 4rem;
  border-radius: 10px; overflow: visible; background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.04);
}
.hyla-woo-content .wc-gzd-cart-item-thumbnail img,
.hyla-woo-content .hyla-co-thumb img {
  width: 100% !important; height: 100% !important; object-fit: contain;
  display: block; border-radius: 9px;
}
.hyla-woo-content .hyla-co-qty-badge {
  position: absolute;
  top: -0.4rem; right: -0.4rem;
  z-index: 2;
  min-width: 1.25rem; height: 1.25rem;
  padding: 0 0.32rem;
  border-radius: 999px;
  background: #6e656c;
  color: #fff;
  font-size: 0.68rem; font-weight: 750;
  line-height: 1;
  display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid #f7f5f6;
  box-sizing: border-box;
  pointer-events: none;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .product-name {
  font-weight: 600; color: var(--fg); word-break: break-word;
}
.hyla-woo-content .hyla-co-item-title {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
  overflow: hidden; min-width: 0; flex: 1;
  font-size: 0.82rem; line-height: 1.35; font-weight: 600;
  padding-top: 0.15rem;
}
.hyla-woo-content .woocommerce-checkout-review-order-table .product-quantity,
.hyla-woo-content .hyla-co-qty-inline {
  display: none !important;
}

/* Shipping methods — card UI (enhanced rules near PDP ETA override layout) */
.hyla-woo-content #order_review ul.woocommerce-shipping-methods {
  list-style: none; margin: 0.35rem 0 0; padding: 0;
  display: grid; gap: 0.4rem; grid-template-columns: 1fr;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods li {
  margin: 0; padding: 0; display: block; position: relative;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods label {
  font-weight: 700; cursor: pointer;
}

/* DHL preferred — compact card, hide empty tiles (e.g. Express)
   Lives in #hyla-co-ship-host after left-flow move; keep #order_review fallback. */
.hyla-woo-content #order_review .dhl-preferred-service-content,
#hyla-co-ship-host .dhl-preferred-service-content {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0.65rem 0.75rem;
  display: grid;
  gap: 0.55rem;
  margin-top: 0.55rem;
}
.hyla-woo-content #order_review .dhl-preferred-service-content:empty,
.hyla-woo-content #order_review .dhl-preferred-service-content.is-empty-preferred,
#hyla-co-ship-host .dhl-preferred-service-content:empty,
#hyla-co-ship-host .dhl-preferred-service-content.is-empty-preferred {
  display: none !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.hyla-woo-content #order_review .dhl-preferred-service-content.has-delivery-type,
#hyla-co-ship-host .dhl-preferred-service-content.has-delivery-type {
  order: 2;
}
.hyla-woo-content #order_review .dhl-preferred-service-header,
#hyla-co-ship-host .dhl-preferred-service-header {
  display: flex; align-items: center; gap: 0.55rem;
  margin: 0 !important; padding: 0 !important;
}
.hyla-woo-content #order_review .dhl-preferred-service-logo,
.hyla-woo-content #order_review .dhl-co-logo,
#hyla-co-ship-host .dhl-preferred-service-logo,
#hyla-co-ship-host .dhl-co-logo {
  width: 2.1rem !important; height: auto !important;
  max-height: 1.35rem !important;
  margin: 0 !important; display: block;
  object-fit: contain;
}
.hyla-woo-content #order_review .dhl-preferred-service-title,
#hyla-co-ship-host .dhl-preferred-service-title {
  font-size: 0.72rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  color: var(--fg) !important;
  margin: 0 !important;
}
.hyla-woo-content #order_review .dhl-preferred-service-item,
#hyla-co-ship-host .dhl-preferred-service-item {
  margin: 0 !important; padding: 0 !important;
}
.hyla-woo-content #order_review .dhl-preferred-delivery-type > .dhl-preferred-service-title,
#hyla-co-ship-host .dhl-preferred-delivery-type > .dhl-preferred-service-title {
  font-size: 0.65rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted) !important;
  margin-bottom: 0.35rem !important;
}
.hyla-woo-content #order_review ul.dhl-preferred-delivery-types,
#hyla-co-ship-host ul.dhl-preferred-delivery-types {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.4rem;
}
.hyla-woo-content #order_review ul.dhl-preferred-delivery-types li,
#hyla-co-ship-host ul.dhl-preferred-delivery-types li {
  margin: 0; padding: 0;
}
.hyla-woo-content #order_review ul.dhl-preferred-delivery-types input,
#hyla-co-ship-host ul.dhl-preferred-delivery-types input {
  position: absolute; opacity: 0; pointer-events: none;
}
.hyla-woo-content #order_review ul.dhl-preferred-delivery-types label,
#hyla-co-ship-host ul.dhl-preferred-delivery-types label {
  display: flex; align-items: center; justify-content: center; gap: 0.25rem;
  min-height: 2.15rem; padding: 0.35rem 0.5rem;
  border: 1px solid var(--line); border-radius: 999px;
  background: var(--bg-tile); font-size: 0.78rem; font-weight: 650;
  cursor: pointer; text-align: center;
}
.hyla-woo-content #order_review ul.dhl-preferred-delivery-types input:checked + label,
#hyla-co-ship-host ul.dhl-preferred-delivery-types input:checked + label {
  background: #fff; border-color: var(--blue); color: var(--blue);
  box-shadow: 0 0 0 2px rgba(107,45,69,0.1);
}
.hyla-woo-content #order_review .woocommerce-help-tip,
#hyla-co-ship-host .woocommerce-help-tip {
  display: none !important;
}

/* Payment methods */
.hyla-woo-content .woocommerce-checkout-payment {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  padding: 0.65rem 0.75rem !important;
  margin: 0 !important;
}
.hyla-woo-content .woocommerce-checkout-payment::before {
  content: "Payment";
  display: block;
  font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em;
  text-transform: uppercase; color: var(--muted);
  margin-bottom: 0.45rem;
}
.hyla-woo-content .woocommerce-checkout-payment ul.payment_methods {
  list-style: none; margin: 0; padding: 0 !important; border: 0 !important;
  display: grid; gap: 0.35rem;
}
.hyla-woo-content .woocommerce-checkout-payment ul.payment_methods li {
  padding: 0.45rem 0.55rem; margin: 0;
  border: 1px solid var(--line); border-radius: 10px;
  background: var(--bg-tile); font-size: 0.82rem; line-height: 1.35;
}
.hyla-woo-content .woocommerce-checkout-payment ul.payment_methods li .woocommerce-info {
  margin: 0 !important; padding: 0 !important; border: 0 !important;
  background: transparent !important; font-size: 0.78rem; color: var(--muted);
  line-height: 1.4;
}
.hyla-woo-content .woocommerce-checkout-payment ul.payment_methods li .woocommerce-info::before {
  display: none !important;
}
.hyla-woo-content .woocommerce-checkout-payment .payment_box {
  margin: 0.45rem 0 0 !important; padding: 0.55rem 0.65rem !important;
  background: #fff !important; border-radius: 8px; border: 1px solid var(--line);
  font-size: 0.78rem; line-height: 1.4;
}

/* Legal / terms — single clean card, no nested/inner border */
.hyla-woo-content #order_review .wc-gzd-checkbox-placeholder {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0.7rem 0.8rem;
}
.hyla-woo-content #order_review .wc-gzd-checkbox-placeholder .legal.form-row,
.hyla-woo-content #order_review .legal.form-row {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
}
.hyla-woo-content #order_review .legal label {
  display: flex; align-items: flex-start; gap: 0.55rem;
  margin: 0; font-size: 0.72rem; line-height: 1.45; color: var(--muted);
  font-weight: 500;
}
.hyla-woo-content #order_review .legal label input[type="checkbox"] {
  flex: 0 0 auto; margin-top: 0.15rem;
  width: 1rem; height: 1rem;
}
.hyla-woo-content #order_review .woocommerce-gzd-parcel-delivery-checkbox-checkbox-text,
.hyla-woo-content #order_review .woocommerce-terms-and-conditions-checkbox-text {
  display: block; min-width: 0;
}
.hyla-woo-content #order_review .woocommerce-gzd-parcel-delivery-checkbox-checkbox-text br,
.hyla-woo-content #order_review .legal br {
  content: "";
  display: block;
  height: 0.35rem;
}
.hyla-woo-content #order_review .legal a {
  color: var(--fg); text-decoration: underline; text-underline-offset: 2px;
}
.hyla-woo-content #order_review .legal .required {
  color: #b42318;
}

/* Checkout legal strip + modal — strip styles live with checkout shopify block */
.hyla-co-legal-sep { opacity: 0.4; }

body.hyla-legal-modal-open { overflow: hidden; }
.hyla-legal-modal[hidden] { display: none !important; }
.hyla-legal-modal {
  position: fixed; inset: 0; z-index: 12000;
  display: flex; align-items: center; justify-content: center;
  padding: max(0.75rem, env(safe-area-inset-top, 0px)) max(0.75rem, env(safe-area-inset-right, 0px)) max(0.75rem, env(safe-area-inset-bottom, 0px)) max(0.75rem, env(safe-area-inset-left, 0px));
}
.hyla-legal-modal-backdrop {
  position: absolute; inset: 0;
  background: rgba(26, 20, 24, 0.45);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.hyla-legal-modal-panel {
  position: relative; z-index: 1;
  width: min(100%, 40rem);
  max-width: 40rem;
  max-height: min(88vh, 820px);
  margin: auto;
  display: flex; flex-direction: column;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(26, 20, 24, 0.1);
  box-shadow: 0 24px 64px rgba(26, 20, 24, 0.16), 0 4px 16px rgba(26, 20, 24, 0.08);
  overflow: hidden;
}
.hyla-legal-modal-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem;
  padding: 0.95rem 1.1rem;
  border-bottom: 1px solid var(--line);
  flex-shrink: 0;
}
.hyla-legal-modal-title {
  margin: 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.35rem; font-weight: 600;
  letter-spacing: -0.02em;
}
.hyla-legal-modal-close {
  width: 2.1rem; height: 2.1rem;
  border: 0; border-radius: 999px;
  background: #f3eef1; color: var(--fg);
  font-size: 1.35rem; line-height: 1;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
}
.hyla-legal-modal-close:hover { background: #ebe4e8; }
.hyla-legal-modal-body {
  padding: 1.05rem 1.15rem 1.35rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0.9rem; line-height: 1.55;
  color: var(--fg);
}
.hyla-legal-modal-body h1,
.hyla-legal-modal-body h2,
.hyla-legal-modal-body h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600; margin: 1rem 0 0.45rem;
}
.hyla-legal-modal-body h1:first-child,
.hyla-legal-modal-body h2:first-child,
.hyla-legal-modal-body h3:first-child { margin-top: 0; }
.hyla-legal-modal-body p { margin: 0 0 0.75rem; }
.hyla-legal-modal-body ul,
.hyla-legal-modal-body ol { margin: 0 0 0.85rem; padding-left: 1.15rem; }
.hyla-legal-modal-loading {
  margin: 0; color: var(--muted); font-size: 0.88rem;
}

/* Place order */
.hyla-woo-content #order_review .wc-gzd-order-submit,
.hyla-woo-content #order_review .place-order {
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; background: transparent !important;
}
.hyla-woo-content #order_review #place_order {
  width: 100%; margin: 0 !important; min-height: 2.85rem !important;
  font-size: 0.92rem !important;
}
.hyla-woo-content .woocommerce-privacy-policy-text,
.hyla-woo-content .woocommerce-terms-and-conditions-wrapper {
  font-size: 0.72rem; color: var(--muted); line-height: 1.4;
}

/* Quieter login / coupon notices on checkout */
.hyla-woo-page .woocommerce-form-login-toggle .woocommerce-info,
.hyla-woo-page .woocommerce-form-coupon-toggle .woocommerce-info {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 0.65rem 0 !important;
  box-shadow: none !important;
  font-size: 0.85rem;
}

/* Notices — hide broken Woo icon fonts */
.hyla-woo-content .woocommerce-info,
.hyla-woo-content .woocommerce-message,
.hyla-woo-content .woocommerce-error,
.hyla-woo-content .woocommerce-NoticeGroup .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error {
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  padding: 0.9rem 1.1rem !important;
  margin: 0 0 0.75rem !important;
  list-style: none !important;
  color: var(--fg) !important;
}
.hyla-woo-content .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-error {
  border-color: #f5c2c7 !important; background: #fff5f5 !important;
}
.hyla-woo-content .woocommerce-info::before,
.hyla-woo-content .woocommerce-message::before,
.hyla-woo-content .woocommerce-error::before,
.woocommerce-notices-wrapper .woocommerce-info::before,
.woocommerce-notices-wrapper .woocommerce-message::before,
.woocommerce-notices-wrapper .woocommerce-error::before {
  display: none !important; content: none !important;
}

/* Account */
body.woocommerce-account .hyla-woo-page {
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(107, 45, 69, 0.06), transparent 55%),
    #faf8f9;
  padding-top: 1.15rem;
  padding-bottom: 1.35rem;
}
@media (min-width: 900px) {
  body.woocommerce-account .hyla-woo-page {
    padding-bottom: 1rem;
  }
}
body.woocommerce-account .hyla-woo-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
}
body.woocommerce-account .hyla-woo-head {
  margin-bottom: 1.1rem;
}
body.woocommerce-account .hyla-woo-head h1 {
  margin: 0;
  font-size: clamp(1.75rem, 3.5vw, 2.35rem);
}
body.woocommerce-account .hyla-account-lead {
  margin: 0.4rem 0 0;
  max-width: 34rem;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.45;
}
body.woocommerce-account .hyla-woo-content {
  padding-top: 0;
}
.hyla-woo-content .woocommerce-MyAccount-navigation {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 0.55rem;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
}
.hyla-woo-content .woocommerce-MyAccount-navigation ul {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 0.3rem;
}
.hyla-woo-content .woocommerce-MyAccount-navigation a {
  display: inline-flex; align-items: center;
  padding: 0.55rem 0.9rem; border-radius: 12px;
  background: transparent; border: 0;
  font-size: 0.84rem; font-weight: 600;
  text-decoration: none; color: var(--fg);
  transition: background 0.15s ease, color 0.15s ease;
}
.hyla-woo-content .woocommerce-MyAccount-navigation a:hover {
  background: var(--bg-tile);
}
.hyla-woo-content .woocommerce-MyAccount-navigation .is-active a {
  background: var(--blue); color: #fff;
}
@media (min-width: 900px) {
  .hyla-woo-content .woocommerce-account .woocommerce {
    display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 1.25rem; align-items: start;
  }
  .hyla-woo-content .woocommerce-MyAccount-navigation {
    position: sticky; top: calc(var(--header-h) + 0.75rem);
  }
  .hyla-woo-content .woocommerce-MyAccount-navigation ul {
    flex-direction: column; gap: 0.2rem;
  }
  .hyla-woo-content .woocommerce-MyAccount-navigation a { width: 100%; }
}
.hyla-woo-content .woocommerce-MyAccount-content {
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  padding: 1.25rem 1.35rem; box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
}
.hyla-woo-content .woocommerce-MyAccount-content > p:first-child {
  margin-top: 0; color: var(--muted); font-size: 0.92rem;
}
.hyla-woo-content .woocommerce-form-login,
.hyla-woo-content .woocommerce-form-register {
  max-width: none; width: 100%;
  background: #fff; border-radius: 16px;
  padding: 1.35rem 1.4rem 1.45rem;
  border: 1px solid var(--line);
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
  height: 100%;
  display: flex; flex-direction: column;
}
.hyla-woo-content .u-columns,
.hyla-woo-content .woocommerce-Addresses {
  display: grid; gap: 1rem;
}
@media (min-width: 800px) {
  .hyla-woo-content .u-columns {
    grid-template-columns: 1fr 1fr; align-items: stretch;
  }
  .hyla-woo-content .u-column1,
  .hyla-woo-content .u-column2,
  .hyla-woo-content .col-1,
  .hyla-woo-content .col-2 {
    float: none !important; width: 100% !important; max-width: none !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
}
/* Checkout: never let shipping + order notes sit side-by-side in .col-2 */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #customer_details .col-1,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #customer_details .col-2 {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0;
}
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-shipping-fields,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-additional-fields,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-additional-fields__field-wrapper,
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_comments_field {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
.hyla-woo-content .woocommerce-form-login h2,
.hyla-woo-content .woocommerce-form-register h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.55rem; font-weight: 600; margin: 0 0 1.05rem;
  letter-spacing: -0.02em;
}
.hyla-woo-content .woocommerce-form-login .form-row,
.hyla-woo-content .woocommerce-form-register .form-row {
  margin: 0 0 0.85rem !important;
}
.hyla-woo-content .woocommerce-form-login label,
.hyla-woo-content .woocommerce-form-register label {
  font-size: 0.78rem; font-weight: 650; color: var(--muted);
  margin-bottom: 0.3rem; display: inline-block;
}
.hyla-woo-content .woocommerce-form-login input.input-text,
.hyla-woo-content .woocommerce-form-register input.input-text {
  border: 1px solid #d6cdd1 !important;
  border-radius: 12px !important;
  min-height: 2.85rem;
  padding: 0.55rem 0.85rem !important;
  background: #fff !important;
  box-shadow: none !important;
}
.hyla-woo-content .woocommerce-form-login .woocommerce-form-login__submit,
.hyla-woo-content .woocommerce-form-register .woocommerce-form-register__submit,
.hyla-woo-content .woocommerce-form-login button[type="submit"],
.hyla-woo-content .woocommerce-form-register button[type="submit"] {
  margin-top: auto !important;
  width: 100%;
  border-radius: var(--radius-pill) !important;
}
.hyla-woo-content .woocommerce-form-login .woocommerce-form-login__rememberme {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 0.82rem; color: var(--muted); margin: 0.35rem 0 0.85rem;
}
.hyla-woo-content .woocommerce-LostPassword {
  margin: 0.65rem 0 0; font-size: 0.82rem;
}
.hyla-woo-content .woocommerce-LostPassword a {
  color: var(--blue); font-weight: 600; text-decoration: underline; text-underline-offset: 2px;
}
.hyla-woo-content .woocommerce-privacy-policy-text {
  font-size: 0.78rem; color: var(--muted); line-height: 1.45; margin: 0 0 0.85rem;
}

/* Shop / archive — Caudalie toolbar + Yves-Rocher sheets */
.hyla-shop-page { padding-top: 1rem; padding-bottom: 4.5rem; }
.hyla-shop-wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
}
.hyla-shop-head { margin-bottom: 1.15rem; }
.hyla-shop-kicker {
  margin: 0 0 0.3rem; font-size: 0.7rem; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted);
}
.hyla-shop-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important; font-size: clamp(1.85rem, 4vw, 2.55rem) !important;
  letter-spacing: -0.02em; margin: 0 0 0.35rem !important;
}
.hyla-shop-head .term-description,
.hyla-shop-head .woocommerce-products-header__title { display: none; }
.hyla-shop-head .term-description p { margin: 0.35rem 0 0; color: var(--muted); font-size: 0.9rem; max-width: 42rem; }

.hyla-shop-toolbar {
  position: sticky; top: calc(var(--header-h) + 0.15rem); z-index: 20;
  margin: 0 0 1.15rem;
  padding: 0.55rem 0;
  background: rgba(255,255,255,0.86);
  backdrop-filter: saturate(180%) blur(16px);
  -webkit-backdrop-filter: saturate(180%) blur(16px);
  border-bottom: 1px solid rgba(26,20,24,0.06);
  transition:
    background 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    padding 0.28s ease,
    transform 0.28s ease;
}
.hyla-shop-toolbar-row {
  display: flex; align-items: center; gap: 0.55rem;
  min-width: 0;
  transition: transform 0.28s ease;
}
.hyla-shop-toolbar.is-scrolled {
  background: rgba(255, 255, 255, 0.94);
  border-bottom-color: rgba(26, 20, 24, 0.1);
  box-shadow: 0 10px 28px rgba(26, 20, 24, 0.08);
  padding: 0.65rem 0.35rem;
  margin-left: -0.35rem;
  margin-right: -0.35rem;
  border-radius: 0 0 16px 16px;
}
.hyla-shop-toolbar.is-scrolled:hover {
  background: rgba(255, 255, 255, 0.985);
  box-shadow: 0 14px 36px rgba(26, 20, 24, 0.12);
  border-bottom-color: rgba(107, 45, 69, 0.14);
}
.hyla-shop-toolbar.is-scrolled:hover .hyla-shop-toolbar-row {
  transform: translateY(-1px);
}
.hyla-shop-toolbar.is-scrolled .hyla-shop-filter-btn,
.hyla-shop-toolbar.is-scrolled .hyla-shop-sort-btn,
.hyla-shop-toolbar.is-scrolled .hyla-shop-chip {
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.04);
}
.hyla-shop-toolbar.is-scrolled .hyla-shop-filter-btn:hover,
.hyla-shop-toolbar.is-scrolled .hyla-shop-sort-btn:hover,
.hyla-shop-toolbar.is-scrolled .hyla-shop-chip:hover {
  transform: translateY(-1px);
  border-color: rgba(107, 45, 69, 0.28);
  background: #fff;
}
.hyla-shop-search-meta {
  margin: 0.15rem 0 0;
  color: var(--muted);
  font-size: 0.88rem;
}
.hyla-shop-filter-btn,
.hyla-shop-sort-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  flex-shrink: 0;
  min-height: 2.35rem; padding: 0.4rem 0.9rem;
  border-radius: 980px; border: 1px solid var(--line);
  background: #fff; color: var(--fg);
  font-size: 0.8rem; font-weight: 650; letter-spacing: -0.01em;
  cursor: pointer; transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.hyla-shop-filter-btn:hover,
.hyla-shop-sort-btn:hover { background: var(--bg-tile); }
.hyla-shop-filter-btn:active,
.hyla-shop-sort-btn:active { transform: scale(0.97); }
.hyla-shop-filter-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.15rem; height: 1.15rem; padding: 0 0.3rem;
  border-radius: 999px; background: var(--blue); color: #fff;
  font-size: 0.65rem; font-weight: 700; font-style: normal;
}
.hyla-shop-chips {
  display: flex; align-items: center; gap: 0.35rem;
  flex: 1; min-width: 0; overflow-x: auto; scrollbar-width: none;
  padding: 0.1rem 0;
}
.hyla-shop-chips::-webkit-scrollbar { display: none; }
.hyla-shop-chip {
  flex: 0 0 auto;
  display: inline-flex; align-items: center;
  min-height: 2.1rem; padding: 0.3rem 0.8rem;
  border-radius: 980px; border: 1px solid var(--line);
  background: #fff; color: var(--muted);
  font-size: 0.75rem; font-weight: 600; white-space: nowrap;
  text-decoration: none; cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.18s ease, box-shadow 0.18s ease;
}
.hyla-shop-chip.is-on {
  background: var(--fg); border-color: var(--fg); color: #fff;
}
.hyla-shop-chip-more { color: var(--blue); border-style: dashed; }
.hyla-shop-toolbar-end {
  display: flex; align-items: center; gap: 0.55rem; flex-shrink: 0; margin-left: auto;
}
.hyla-shop-count {
  font-size: 0.75rem; font-weight: 550; color: var(--muted); white-space: nowrap;
}
@media (max-width: 720px) {
  .hyla-shop-count { display: none; }
  .hyla-shop-sort-btn span { max-width: 5.5rem; overflow: hidden; text-overflow: ellipsis; }
  .hyla-shop-toolbar {
    top: calc(var(--header-h) + 0.05rem);
    margin: 0 -0.25rem 1rem;
    padding: 0.45rem 0.25rem;
  }
  .hyla-shop-toolbar-row {
    flex-wrap: wrap; gap: 0.45rem;
  }
  .hyla-shop-chips {
    order: 3; flex: 1 1 100%;
    padding-bottom: 0.15rem;
  }
  .hyla-shop-toolbar-end {
    margin-left: auto;
  }
  .hyla-shop-page { padding-bottom: 5.5rem; }
  .hyla-shop-wrap {
    width: var(--max-wide);
    max-width: var(--page-max);
  }
  .hyla-shop-tile { padding: 0.6rem !important; border-radius: 14px !important; }
  .hyla-shop-tile .woocommerce-loop-product__title { font-size: 0.78rem !important; }
  .hyla-shop-tile .price { font-size: 0.8rem; }
}
.hyla-shop-active {
  display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center;
  margin-top: 0.55rem;
}
.hyla-shop-active-chip {
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.3rem 0.65rem; border-radius: 980px;
  background: var(--bg-tile); border: 1px solid var(--line);
  font-size: 0.72rem; font-weight: 600; color: var(--fg);
}
.hyla-shop-active-reset {
  font-size: 0.72rem; font-weight: 650; color: var(--blue); text-decoration: underline;
  text-underline-offset: 2px;
}

/* Bottom sheets — liquid glass floating over page (match canvas/dock) */
body.hyla-sheet-open { overflow: hidden !important; }
.hyla-sheet-root {
  position: fixed; inset: 0; z-index: 100080;
  pointer-events: none;
}
.hyla-sheet-root.is-open { pointer-events: auto; }
.hyla-sheet-backdrop {
  position: absolute; inset: 0;
  background:
    radial-gradient(90% 55% at 50% 100%, rgba(107,45,69,0.08), transparent 62%),
    linear-gradient(180deg, rgba(248,246,247,0.22) 0%, rgba(26,20,24,0.18) 100%);
  backdrop-filter: blur(8px) saturate(130%);
  -webkit-backdrop-filter: blur(8px) saturate(130%);
  opacity: 0; transition: opacity 0.3s ease;
}
.hyla-sheet-root.is-open .hyla-sheet-backdrop { opacity: 1; }
.hyla-sheet {
  --sheet-glass: rgba(255, 255, 255, 0.14);
  --sheet-stroke: rgba(255, 255, 255, 0.72);
  position: absolute;
  left: 0.55rem;
  right: 0.55rem;
  bottom: calc(0.55rem + var(--safe-b));
  max-height: min(82dvh, 680px);
  display: flex; flex-direction: column;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(
      155deg,
      rgba(255,255,255,0.58) 0%,
      rgba(255,255,255,0.16) 38%,
      rgba(252,250,251,0.42) 72%,
      rgba(255,255,255,0.22) 100%
    ),
    var(--sheet-glass);
  border: 1px solid var(--sheet-stroke);
  border-radius: 28px;
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255,255,255,0.9),
    inset -1.5px -1.5px 0 rgba(255,255,255,0.28),
    inset 0 0 0 0.5px rgba(26,20,24,0.04),
    0 22px 56px rgba(26,20,24,0.16),
    0 6px 16px rgba(26,20,24,0.06);
  backdrop-filter: blur(48px) saturate(200%) brightness(1.08) contrast(1.04);
  -webkit-backdrop-filter: blur(48px) saturate(200%) brightness(1.08) contrast(1.04);
  transform: translateY(112%);
  transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
  padding-bottom: 0;
}
.hyla-sheet::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(110% 70% at 18% -8%, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0.16) 36%, transparent 60%),
    radial-gradient(70% 50% at 88% 108%, rgba(255,255,255,0.22) 0%, transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0.04) 38%, transparent 68%);
  opacity: 0.95;
}
.hyla-sheet > * { position: relative; z-index: 1; }
.hyla-sheet.is-active { transform: translateY(0); }
.hyla-sheet-sm { max-height: min(52dvh, 380px); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .hyla-sheet {
    background: rgba(252, 250, 251, 0.94);
  }
}
@media (min-width: 720px) {
  .hyla-sheet {
    left: 50%;
    right: auto;
    bottom: 1.15rem;
    width: min(420px, calc(100vw - 2rem));
    max-height: min(78dvh, 620px);
    border-radius: 26px;
    transform: translate(-50%, 112%);
  }
  .hyla-sheet.is-active { transform: translate(-50%, 0); }
}
.hyla-sheet-handle {
  flex: 0 0 auto; width: 2.35rem; height: 0.28rem; margin: 0.6rem auto 0.1rem;
  border-radius: 999px;
  background: rgba(26,20,24,0.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.hyla-sheet-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem; padding: 0.55rem 1rem 0.6rem;
  border-bottom: 1px solid rgba(26,20,24,0.05);
  background: transparent;
}
.hyla-sheet-bar h2 {
  margin: 0; font-size: 1.05rem; font-weight: 700; letter-spacing: -0.02em;
  color: var(--fg);
}
.hyla-sheet-x {
  width: 2rem; height: 2rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,0.42);
  border: 1px solid rgba(255,255,255,0.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), 0 2px 8px rgba(26,20,24,0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size: 1.25rem; line-height: 1; color: var(--muted);
}
.hyla-sheet-body {
  flex: 1; overflow-y: auto; padding: 0.75rem 0.95rem 0.85rem;
  -webkit-overflow-scrolling: touch;
  background: transparent;
}
.hyla-sheet-sec + .hyla-sheet-sec {
  margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid rgba(26,20,24,0.06);
}
.hyla-sheet-sec h3 {
  margin: 0 0 0.55rem;
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted);
}

/* Filter accordion sections (glass chips) */
.hyla-sheet-acc {
  border: 1px solid rgba(255,255,255,0.55);
  border-radius: 16px;
  background:
    linear-gradient(160deg, rgba(255,255,255,0.48) 0%, rgba(255,255,255,0.22) 100%);
  margin: 0 0 0.55rem;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 0 2px 10px rgba(26,20,24,0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.hyla-sheet-acc-sum {
  list-style: none;
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0.95rem;
  font-size: 0.82rem; font-weight: 750; letter-spacing: -0.01em;
  color: var(--fg);
  cursor: pointer;
  user-select: none;
}
.hyla-sheet-acc-sum::-webkit-details-marker { display: none; }
.hyla-sheet-acc-sum::after {
  content: "";
  width: 0.45rem; height: 0.45rem;
  border-right: 1.7px solid var(--muted);
  border-bottom: 1.7px solid var(--muted);
  transform: rotate(45deg);
  margin-top: -0.2rem;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.hyla-sheet-acc[open] > .hyla-sheet-acc-sum {
  border-bottom: 1px solid var(--line);
}
.hyla-sheet-acc[open] > .hyla-sheet-acc-sum::after {
  transform: rotate(-135deg);
  margin-top: 0.15rem;
}
.hyla-sheet-acc .hyla-sheet-options {
  padding: 0.35rem 0.45rem 0.55rem;
}
.hyla-sheet-empty {
  margin: 0.5rem 0; color: var(--muted); font-size: 0.88rem;
}
.hyla-sheet-options { display: grid; gap: 0.25rem; }
@media (min-width: 720px) {
  .hyla-sheet.hyla-sheet-filters,
  .hyla-sheet.hyla-sheet-cats {
    width: min(560px, calc(100vw - 2rem));
    max-height: min(84vh, 720px);
  }
  .hyla-sheet-options-cols {
    grid-template-columns: 1fr 1fr;
    gap: 0.15rem 0.35rem;
  }
  /* Desktop: keep sections open & show as cards without forcing accordion UX */
  .hyla-sheet-filters .hyla-sheet-acc {
    border: 0;
    border-radius: 0;
    background: transparent;
    margin: 0 0 1rem;
  }
  .hyla-sheet-filters .hyla-sheet-acc + .hyla-sheet-acc {
    padding-top: 0.85rem;
    border-top: 1px solid var(--line);
  }
  .hyla-sheet-filters .hyla-sheet-acc-sum {
    padding: 0 0 0.45rem;
    font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase;
    color: var(--muted); font-weight: 700;
    pointer-events: none;
  }
  .hyla-sheet-filters .hyla-sheet-acc-sum::after { display: none; }
  .hyla-sheet-filters .hyla-sheet-acc[open] > .hyla-sheet-acc-sum {
    border-bottom: 0;
  }
  .hyla-sheet-filters .hyla-sheet-acc .hyla-sheet-options {
    display: grid !important;
    padding: 0;
  }
  .hyla-sheet-cat-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 719px) {
  /* Mobile: collapse Availability + Sort by default (Category stays open via open attr) */
  .hyla-sheet-filters .hyla-sheet-acc:not([open]) .hyla-sheet-options {
    display: none;
  }
}
.hyla-sheet-option {
  display: flex; align-items: center; gap: 0.65rem;
  padding: 0.7rem 0.55rem; border-radius: 12px;
  font-size: 0.9rem; font-weight: 550; color: var(--fg);
  text-decoration: none; cursor: pointer;
  transition: background 0.15s ease;
}
.hyla-sheet-option:hover,
.hyla-sheet-option.is-on {
  background: rgba(255,255,255,0.52);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
.hyla-sheet-option input { flex: 0 0 auto; accent-color: var(--blue); }
.hyla-sheet-option span { flex: 1; min-width: 0; }
.hyla-sheet-option em {
  font-style: normal; font-size: 0.75rem; color: var(--muted); font-weight: 550;
}
.hyla-sheet-option i { color: var(--blue); font-style: normal; font-weight: 700; }
.hyla-sheet-cat-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem;
}
.hyla-sheet-cat {
  display: grid; gap: 0.2rem; align-content: start;
  padding: 0.85rem 0.8rem; min-height: 4.5rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.6);
  background: linear-gradient(160deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.2) 100%);
  text-decoration: none; color: var(--fg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.hyla-sheet-cat:hover { transform: translateY(-1px); border-color: rgba(107,45,69,0.28); }
.hyla-sheet-cat.is-on {
  border-color: rgba(107,45,69,0.45);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 0 0 2px rgba(107,45,69,0.1);
}
.hyla-sheet-cat strong { font-size: 0.84rem; font-weight: 700; letter-spacing: -0.01em; }
.hyla-sheet-cat span { font-size: 0.7rem; color: var(--muted); font-weight: 500; }
.hyla-sheet-foot {
  display: grid; grid-template-columns: 0.85fr 1.35fr; gap: 0.55rem;
  padding: 0.7rem 0.95rem 0.85rem;
  border-top: 1px solid rgba(26,20,24,0.05);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.26));
}
.hyla-sheet-foot .btn { width: 100%; min-height: 2.75rem; }

/* Shop product grid tiles — also after locale switch (/de/shop …) when body class lags */
body.post-type-archive-product .woocommerce ul.products,
body.tax-product_cat .woocommerce ul.products,
body.tax-product_tag .woocommerce ul.products,
body.search .woocommerce ul.products,
.hyla-shop-page .woocommerce ul.products,
.hyla-shop-page ul.products,
.hyla-shop-page ul[class*="columns-"],
.hyla-search-page ul.products,
.woocommerce ul.products.columns-2,
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4,
.woocommerce ul.products.columns-5,
.woocommerce ul.products.columns-6,
.related ul.products,
.upsells ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem !important;
  margin: 0 !important; padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  float: none !important;
}
@media (min-width: 700px) {
  body.post-type-archive-product .woocommerce ul.products,
  body.tax-product_cat .woocommerce ul.products,
  .hyla-shop-page ul.products,
  .hyla-shop-page ul[class*="columns-"],
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-4,
  .related ul.products,
  .upsells ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
  .woocommerce ul.products.columns-4.hyla-cols-4,
  .hyla-shop-page ul.products.hyla-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
/* Kill Woo float/clear leftovers that skip the first grid cell */
body.post-type-archive-product .woocommerce ul.products::before,
body.post-type-archive-product .woocommerce ul.products::after,
body.tax-product_cat .woocommerce ul.products::before,
body.tax-product_cat .woocommerce ul.products::after,
.hyla-shop-page ul.products::before,
.hyla-shop-page ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
  display: none !important;
  content: none !important;
}
.woocommerce ul.products li.product,
.hyla-shop-page ul.products li.product,
.related ul.products li.product,
.upsells ul.products li.product {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product.first,
.woocommerce ul.products li.product.last {
  clear: none !important;
}

/* Column density switch */
.hyla-shop-page ul.products.hyla-cols-2,
.hyla-shop-page ul[class*="columns-"].hyla-cols-2,
body[data-hyla-cols="2"] .hyla-shop-page ul.products,
body[data-hyla-cols="2"] .hyla-shop-page ul[class*="columns-"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
@media (min-width: 700px) {
  .hyla-shop-page ul.products.hyla-cols-3,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-3,
  body[data-hyla-cols="3"] .hyla-shop-page ul.products,
  body[data-hyla-cols="3"] .hyla-shop-page ul[class*="columns-"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; }
  .hyla-shop-page ul.products.hyla-cols-4,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-4,
  body[data-hyla-cols="4"] .hyla-shop-page ul.products,
  body[data-hyla-cols="4"] .hyla-shop-page ul[class*="columns-"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 1rem !important; }
  .hyla-shop-page ul.products.hyla-cols-6,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-6,
  body[data-hyla-cols="6"] .hyla-shop-page ul.products,
  body[data-hyla-cols="6"] .hyla-shop-page ul[class*="columns-"] { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 0.85rem !important; }
}
@media (min-width: 1100px) {
  .hyla-shop-page ul.products.hyla-cols-3,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .hyla-shop-page ul.products.hyla-cols-4,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
  .hyla-shop-page ul.products.hyla-cols-6,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 0.75rem !important; }
}
@media (max-width: 699px) {
  .hyla-shop-page ul.products.hyla-cols-3,
  .hyla-shop-page ul.products.hyla-cols-4,
  .hyla-shop-page ul.products.hyla-cols-6,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-3,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-4,
  .hyla-shop-page ul[class*="columns-"].hyla-cols-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .hyla-shop-col-btn[data-hyla-cols="6"] { display: none; }
}

.hyla-shop-cols {
  display: none;
  align-items: center;
  gap: 0.15rem;
  padding: 0.2rem;
  border-radius: 980px;
  background: var(--bg-tile);
  border: 1px solid var(--line);
}
@media (min-width: 700px) {
  .hyla-shop-cols { display: inline-flex; }
}
.hyla-shop-col-btn {
  width: 2rem; height: 1.85rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 980px; color: var(--muted);
  transition: background 0.15s ease, color 0.15s ease;
}
.hyla-shop-col-btn svg { fill: currentColor; }
.hyla-shop-col-btn.is-on,
.hyla-shop-col-btn[aria-pressed="true"] {
  background: #fff; color: var(--fg);
  box-shadow: 0 1px 4px rgba(26,20,24,0.08);
}
.hyla-shop-col-btn:hover { color: var(--fg); }

.hyla-shop-tile {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.hyla-shop-page ul.products.hyla-cols-6 .hyla-shop-tile {
  padding: 0 !important;
  border-radius: 14px !important;
}
.hyla-shop-page ul.products.hyla-cols-6 .hyla-shop-tile .woocommerce-loop-product__title {
  font-size: 0.76rem !important;
}
.hyla-shop-page ul.products.hyla-cols-6 .hyla-shop-tile .meta { display: none; }
.hyla-shop-tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(26,20,24,0.14) !important;
}
.hyla-shop-tile-media {
  position: relative;
  aspect-ratio: 4 / 3;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  margin: 0;
}
@media (min-width: 900px) {
  .hyla-shop-tile-media {
    aspect-ratio: 3 / 2;
  }
}
.hyla-shop-tile-media .tile-media,
.hyla-shop-tile-media a {
  display: flex !important; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  margin: 0 !important; padding: 0 !important;
  background: #fff !important;
}
.hyla-shop-tile-media img {
  width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: contain; margin: 0 !important; padding: 0 !important;
  background: #fff !important; border-radius: 0 !important;
  box-shadow: none !important;
}
.hyla-shop-sale,
.hyla-tile-badge {
  position: absolute; z-index: 3;
  display: inline-flex; align-items: center; gap: 0.28rem;
  max-width: calc(100% - 3.25rem);
  padding: 0.22rem 0.55rem; border-radius: 999px;
  font-size: 0.62rem; font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; line-height: 1.15;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  pointer-events: none;
  box-shadow: 0 1px 6px rgba(26,20,24,0.1);
}
.hyla-tile-badge-ico { flex: 0 0 auto; }
.hyla-shop-sale,
.hyla-tile-badge--sale {
  top: 0.55rem; left: 0.55rem;
  background: var(--blue); color: #fff;
}
.hyla-tile-badge--shelf {
  top: 0.55rem; left: 0.55rem;
  background: rgba(255, 248, 240, 0.96);
  color: #9a4d1c;
  border: 1px solid rgba(154, 77, 28, 0.22);
  text-transform: none;
  letter-spacing: -0.01em;
  font-weight: 650;
  font-size: 0.68rem;
  /* Full label visible — do not ellipsis-clip (base .hyla-tile-badge uses nowrap/ellipsis). */
  max-width: calc(100% - 0.85rem);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.25;
  align-items: flex-start;
}
@media (max-width: 899px) {
  .hyla-tile-badge.hyla-tile-badge--shelf {
    max-width: calc(100% - 0.65rem);
    left: 0.4rem;
    top: 0.4rem;
    padding: 0.28rem 0.48rem;
    font-size: 0.64rem;
    gap: 0.22rem;
    z-index: 5;
  }
  .hyla-shop-tile-media:has(.hyla-tile-badge--sale) .hyla-tile-badge--shelf,
  .tile-media-wrap:has(.hyla-tile-badge--sale) .hyla-tile-badge--shelf {
    top: 2rem;
  }
  /* Keep badge inside rounded media without clipping multi-line shelf text */
  .hyla-shop-tile-media:has(.hyla-tile-badge--shelf),
  .tile-media-wrap:has(.hyla-tile-badge--shelf) {
    overflow: visible;
  }
  .hyla-shop-tile-media:has(.hyla-tile-badge--shelf) .tile-media,
  .tile-media-wrap:has(.hyla-tile-badge--shelf) .tile-media,
  .hyla-shop-tile-media:has(.hyla-tile-badge--shelf) img,
  .tile-media-wrap:has(.hyla-tile-badge--shelf) img {
    border-radius: inherit;
  }
}
.hyla-shop-tile-media:has(.hyla-tile-badge--sale) .hyla-tile-badge--shelf,
.tile-media-wrap:has(.hyla-tile-badge--sale) .hyla-tile-badge--shelf {
  top: 2.15rem;
}
.hyla-tile-badge--oos {
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  background: rgba(26, 20, 24, 0.88);
  color: #fff;
  padding: 0.4rem 0.85rem;
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.hyla-tile-badge--ship {
  bottom: 0.55rem; left: 0.55rem;
  width: 1.85rem; height: 1.85rem; padding: 0;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.94);
  color: var(--blue);
  border: 1px solid rgba(107, 45, 69, 0.12);
  box-shadow: 0 2px 8px rgba(26,20,24,0.08);
}
.hyla-tile-badge--ship.is-free {
  width: auto;
  height: auto;
  min-height: 1.7rem;
  padding: 0.2rem 0.5rem 0.2rem 0.35rem;
  border-radius: 999px;
  gap: 0.28rem;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  box-shadow: 0 1px 6px rgba(4, 120, 87, 0.12);
}
.hyla-tile-badge--ship-label {
  font-size: 0.62rem;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
}
.hyla-tile-badge--indiv {
  top: 0.55rem; left: 0.55rem;
  background: #ecfdf5;
  color: #047857;
  border: 1px solid #a7f3d0;
  text-transform: none;
  letter-spacing: 0;
  font-weight: 700;
}
.hyla-shop-tile.is-oos .hyla-shop-tile-media .tile-media,
.hyla-shop-tile.is-oos .hyla-shop-tile-media img,
.tile.is-oos .tile-media,
.tile.is-oos .tile-media img {
  filter: grayscale(0.35); opacity: 0.72;
}
.tile-media-wrap {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.hyla-shop-tile .woocommerce-loop-product__title,
.tile h3.woocommerce-loop-product__title,
ul.products li.product .woocommerce-loop-product__title {
  font-size: 0.86rem !important; font-weight: 650 !important;
  letter-spacing: -0.01em; line-height: 1.3;
  margin: 0.7rem 0.75rem 0.45rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  word-break: break-word; overflow-wrap: anywhere;
  min-width: 0; max-width: 100%;
  min-height: 0;
}
.hyla-shop-tile .meta,
.tile .meta,
ul.products li.product .meta {
  display: none !important;
}
.hyla-shop-tile .tile-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 0.5rem;
  margin: auto 0 0; padding: 0 0.75rem 0.75rem;
}
.hyla-shop-tile .price,
.hyla-shop-tile .hyla-price,
.tile .price,
.tile .hyla-price {
  font-size: 0.88rem; font-weight: 700; color: var(--fg) !important;
  display: inline-flex !important; flex-wrap: wrap; align-items: baseline; gap: 0.35rem;
  line-height: 1.2;
}
.hyla-shop-tile .price del,
.hyla-shop-tile .hyla-price del,
.tile .price del,
.tile .hyla-price del {
  display: inline !important;
  font-size: 0.75rem; color: var(--muted) !important; font-weight: 500;
  text-decoration: line-through !important; opacity: 1 !important;
}
.hyla-shop-tile .price ins,
.hyla-shop-tile .hyla-price ins,
.tile .price ins,
.tile .hyla-price ins {
  display: inline !important;
  text-decoration: none !important; background: none !important;
  color: var(--fg) !important; font-weight: 700;
}
.hyla-shop-tile .price .woocommerce-price-suffix { display: none !important; }
.hyla-shop-empty {
  text-align: center; padding: 3rem 1.25rem;
  background: var(--bg-tile); border: 1px solid var(--line); border-radius: 18px;
}
.hyla-shop-empty h2 { margin: 0 0 0.4rem; }
.hyla-shop-empty p { color: var(--muted); margin: 0 0 1.1rem; }

.woocommerce-products-header { margin-bottom: 1.25rem; }
.woocommerce-products-header__title,
.woocommerce .woocommerce-products-header__title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important; font-size: clamp(1.85rem, 4vw, 2.55rem) !important;
  letter-spacing: -0.02em; margin: 0 0 0.5rem !important;
}
.woocommerce .woocommerce-result-count { font-size: 0.82rem; color: var(--muted); }
.woocommerce .woocommerce-ordering { display: none !important; }

/* Modern pagination pill cluster */
.woocommerce nav.woocommerce-pagination {
  display: flex; justify-content: center; margin: 2rem 0 0.5rem;
}
.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex !important; flex-wrap: wrap; align-items: center;
  gap: 0.25rem !important; list-style: none; margin: 0 !important; padding: 0.3rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 980px !important;
  background: rgba(247,245,246,0.9);
  box-shadow: 0 8px 24px rgba(26,20,24,0.05);
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0 !important; margin: 0 !important; overflow: visible; float: none !important;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  display: inline-flex; min-width: 2.35rem; height: 2.35rem;
  align-items: center; justify-content: center;
  border-radius: 980px; border: 0 !important;
  background: transparent; font-size: 0.82rem; font-weight: 650; text-decoration: none;
  color: var(--fg); padding: 0 0.55rem;
  transition: background 0.15s ease, color 0.15s ease;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: var(--fg) !important; color: #fff !important; border-color: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
  font-size: 1.05rem; font-weight: 500;
}
@media (max-width: 699px) {
  .woocommerce nav.woocommerce-pagination ul {
    width: 100%; justify-content: center;
    border-radius: 16px !important;
    padding: 0.4rem !important;
  }
  .woocommerce nav.woocommerce-pagination ul li a,
  .woocommerce nav.woocommerce-pagination ul li span {
    min-width: 2.15rem; height: 2.15rem; font-size: 0.78rem;
  }
}

/* —— PDP (product) — Caudalie-clean hierarchy —— */
.hyla-pdp-page { padding-top: 0.75rem; padding-bottom: 4rem; }
.hyla-pdp-crumbs { margin-bottom: 1.25rem; }
.hyla-pdp-crumbs .woocommerce-breadcrumb {
  margin: 0; font-size: 0.75rem; font-weight: 500; letter-spacing: 0.02em;
  color: var(--muted); display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem;
}
.hyla-pdp-crumbs .woocommerce-breadcrumb a { color: var(--muted); }
.hyla-pdp-crumbs .woocommerce-breadcrumb a:hover { color: var(--fg); }
.hyla-crumb-sep { opacity: 0.45; margin: 0 0.1rem; }

.hyla-pdp { clear: both; }
.hyla-pdp-top {
  display: grid; gap: 1.75rem; align-items: start;
}
@media (min-width: 900px) {
  .hyla-pdp-top {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
    gap: 1.5rem; padding-top: 0.5rem;
  }
  /* Filler: buy box sticky. Hyla: gallery sticky (Smooche-style) — see override below. */
  .hyla-pdp-gallery { position: relative; top: auto; justify-self: end; width: min(100%, var(--hyla-pdp-gallery-max)); }
  .hyla-pdp-summary {
    position: sticky;
    top: calc(var(--header-h) + var(--promo-h) + 0.85rem);
    align-self: start;
    max-height: none !important;
    overflow: visible !important;
    padding: 0.15rem 0.35rem 2.75rem 0 !important;
  }
  /* Hyla desktop: left gallery sticks while right summary scrolls; both leave together at end */
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-top > .hyla-pdp-gallery {
    position: sticky;
    top: calc(var(--header-h) + var(--promo-h) + 0.85rem);
    align-self: start;
    z-index: 1;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary {
    position: relative;
    top: auto;
    z-index: 0;
  }
}

.hyla-pdp-gallery {
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(226, 215, 219, 0.7);
  box-shadow: 0 18px 48px rgba(26, 20, 24, 0.06);
  /* Responsive shell (not forced square); square stage is the image inside */
  --hyla-pdp-gallery-max: calc(100dvh - var(--header-h) - var(--promo-h) - 2.5rem);
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0;
}
.hyla-pdp-gallery .woocommerce-product-gallery {
  float: none !important; width: 100% !important; margin: 0 !important;
  opacity: 1 !important;
  display: flex !important;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: 100%;
  background: #fff;
}
/* Square, filled product image */
.hyla-pdp-gallery .flex-viewport {
  margin: 0;
  flex: 0 0 auto;
  min-height: 0;
  width: 100% !important;
  aspect-ratio: 1 / 1;
  height: auto !important;
  max-height: var(--hyla-pdp-gallery-max);
  overflow: hidden !important;
  position: relative;
  background: #f7f4f5;
}
.hyla-pdp-gallery.has-thumbs .flex-viewport {
  max-height: calc(var(--hyla-pdp-gallery-max) - 4.75rem);
}
.hyla-pdp-gallery .woocommerce-product-gallery__wrapper {
  margin: 0 !important;
  /* Do NOT use display:flex here — breaks Flexslider slide layout */
  display: block !important;
  height: 100%;
}
.hyla-pdp-gallery .woocommerce-product-gallery__image {
  margin: 0; background: #f7f4f5;
  padding: 0 !important;
  display: flex !important; align-items: center; justify-content: center;
  min-height: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
}
/* Before Flexslider inits (and as mobile safeguard): only first image in main preview */
.hyla-pdp-gallery .woocommerce-product-gallery:not(.woocommerce-product-gallery--ready) {
  width: 100%;
  aspect-ratio: 1 / 1;
  max-height: var(--hyla-pdp-gallery-max);
  overflow: hidden;
}
.hyla-pdp-gallery .woocommerce-product-gallery:not(.woocommerce-product-gallery--ready)
  .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
  display: none !important;
  float: none;
}
.hyla-pdp-gallery .woocommerce-product-gallery:not(.woocommerce-product-gallery--ready)
  .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child {
  display: flex !important;
  height: 100%;
}
@media (max-width: 899px) {
  .hyla-pdp-gallery .flex-viewport {
    touch-action: pan-y;
  }
  /* Hide non-active slides only AFTER Flexslider marked one.
     Otherwise WP Rocket Delay JS leaves --ready without .flex-active-slide
     and the main image vanishes on mobile refresh. */
  .hyla-pdp-gallery .woocommerce-product-gallery:has(.flex-active-slide)
    .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(.flex-active-slide) {
    visibility: hidden;
  }
  .hyla-pdp-gallery .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image.flex-active-slide,
  .hyla-pdp-gallery .woocommerce-product-gallery:not(:has(.flex-active-slide))
    .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child,
  .hyla-pdp-gallery .woocommerce-product-gallery:not(.woocommerce-product-gallery--ready)
    .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child {
    visibility: visible;
  }
}
@media (min-width: 900px) {
  .hyla-pdp-gallery .woocommerce-product-gallery__image {
    min-height: 0;
  }
}
.hyla-pdp-gallery .woocommerce-product-gallery__image a {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  margin: 0; padding: 0;
  filter: none;
  transition: transform 0.35s ease;
  overflow: hidden;
}
.hyla-pdp-gallery .woocommerce-product-gallery__image:hover a {
  transform: none;
}
.hyla-pdp-gallery .woocommerce-product-gallery__image img,
.hyla-pdp-gallery .wp-post-image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0;
  padding: 0 !important;
  background: #f7f4f5;
  border-radius: 0;
  object-fit: cover;
  object-position: center center;
}
.hyla-pdp-gallery .woocommerce-product-gallery__trigger {
  top: 1rem !important; right: 1rem !important;
  width: 2.5rem !important; height: 2.5rem !important;
  border-radius: 50% !important; background: rgba(255,255,255,0.92) !important;
  box-shadow: 0 4px 16px rgba(26,20,24,0.1) !important;
  border: 1px solid var(--line) !important;
}
/* Thumbs always under the main image when gallery has extras */
.hyla-pdp-gallery .flex-control-thumbs {
  display: none;
  flex: 0 0 auto;
  gap: 0.55rem; justify-content: flex-start;
  padding: 0.75rem 1rem 1rem; margin: 0; list-style: none;
  background: rgba(255,255,255,0.55);
  border-top: 1px solid rgba(226, 215, 219, 0.8);
  overflow-x: auto; scrollbar-width: thin;
}
.hyla-pdp-gallery.has-thumbs .flex-control-thumbs,
.hyla-pdp-gallery .flex-control-thumbs:has(li:nth-child(2)) {
  display: flex;
}
.hyla-pdp-gallery .flex-control-thumbs li {
  width: 3.65rem; flex: 0 0 3.65rem; margin: 0 !important;
}
.hyla-pdp-gallery .flex-control-thumbs img {
  border-radius: 12px; border: 1.5px solid transparent; opacity: 0.72;
  background: #fff; padding: 0.2rem;
  box-shadow: 0 2px 8px rgba(26,20,24,0.05);
  transition: opacity 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
  width: 100%; height: auto; display: block;
}
.hyla-pdp-gallery .flex-control-thumbs .flex-active,
.hyla-pdp-gallery .flex-control-thumbs img:hover {
  opacity: 1; border-color: var(--blue); transform: translateY(-1px);
}

.hyla-pdp-badge {
  position: absolute; top: 1rem; left: 1rem; z-index: 3;
  display: inline-flex; align-items: center;
  padding: 0.3rem 0.7rem; border-radius: var(--radius-pill);
  background: var(--blue); color: #fff;
  font-size: 0.68rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
}
.onsale.hyla-pdp-badge,
span.onsale,
.hyla-pdp-gallery .onsale {
  position: absolute !important; top: 1rem !important; left: 1rem !important;
  right: auto !important; bottom: auto !important;
  width: auto !important; height: auto !important; min-height: 0 !important;
  line-height: 1.2 !important;
  background: var(--blue) !important; color: #fff !important;
  border-radius: var(--radius-pill) !important; padding: 0.3rem 0.7rem !important;
  font-size: 0.68rem !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 0.06em;
  display: inline-flex !important; align-items: center; justify-content: center;
  z-index: 3;
}

.hyla-pdp-summary {
  float: none !important; width: auto !important; margin: 0 !important;
  padding: 0.15rem 0 0;
}
.hyla-pdp-eyebrow {
  margin: 0 0 0.55rem; font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted);
}
.hyla-pdp-eyebrow a:hover { color: var(--blue); }

.hyla-pdp-summary .product_title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600; font-size: clamp(1.85rem, 3.8vw, 2.65rem);
  letter-spacing: -0.02em; line-height: 1.15;
  margin: 0 0 1rem; color: var(--fg);
}

.hyla-pdp-price { margin: 0 0 0.85rem; }
.hyla-pdp-price .price {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.55rem 0.75rem;
  font-size: 1.45rem; font-weight: 700; color: var(--fg) !important; margin: 0 !important;
}
.hyla-pdp-price del {
  order: 2; font-size: 0.95rem; font-weight: 500; color: var(--muted);
  text-decoration: line-through; opacity: 0.85;
}
.hyla-pdp-price ins { order: 1; text-decoration: none; background: none; }
.hyla-pdp-price .woocommerce-price-suffix {
  display: none !important; /* duplicate net price noise from GZD */
}
.hyla-pdp-price + .legal-price-info,
.hyla-pdp-summary .legal-price-info {
  margin: -0.35rem 0 1rem;
}
.hyla-pdp-summary .legal-price-info .wc-gzd-additional-info,
.hyla-pdp-summary .shipping-costs-info {
  font-size: 0.75rem; color: var(--muted); font-weight: 500;
}
.hyla-pdp-summary .legal-price-info a { color: var(--muted); text-decoration: underline; text-underline-offset: 2px; }

.hyla-pdp-facts {
  display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1.1rem;
}
.hyla-pdp-fact {
  display: inline-flex; align-items: center;
  padding: 0.28rem 0.65rem; border-radius: var(--radius-pill);
  background: var(--bg-tile); border: 1px solid var(--line);
  font-size: 0.72rem; font-weight: 600; color: var(--fg);
}
.hyla-pdp-fact.is-stock {
  background: #eef6f1; border-color: #cfe3d6; color: #2f6b4f;
}
.hyla-pdp-fact.is-out {
  background: #f8eeee; border-color: #e8cfcf; color: #8a3a3a;
}
.hyla-pdp-fact.is-ship {
  background: #f3eef6; border-color: #e0d4e8; color: var(--blue);
}
.hyla-pdp-fact.is-sku {
  background: #fff; border-color: rgba(26,20,24,0.1); color: rgba(26,20,24,0.62);
  font-variant-numeric: tabular-nums; letter-spacing: 0.02em;
}
.hyla-pdp-fact.is-delivery {
  background: #eef6f1; border-color: #cfe3d6; color: #2f6b4f;
  flex: 1 1 auto;
  max-width: 100%;
  line-height: 1.35;
  white-space: normal;
}

/* Social proof */
.hyla-pdp-social {
  display: flex; align-items: center; gap: 0.75rem;
  margin: 0 0 1rem; padding: 0.65rem 0.75rem;
  background: rgba(247, 245, 246, 0.85);
  border: 1px solid var(--line);
  border-radius: 16px;
  backdrop-filter: blur(8px);
}
.hyla-pdp-avatars { display: flex; align-items: center; }
.hyla-pdp-av {
  width: 1.85rem; height: 1.85rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 0.58rem; font-weight: 700; color: #fff;
  background: var(--av, var(--blue));
  border: 2px solid #fff;
  margin-left: -0.45rem;
  box-shadow: 0 2px 6px rgba(26,20,24,0.08);
}
.hyla-pdp-av:first-child { margin-left: 0; }
.hyla-pdp-social-text {
  margin: 0; font-size: 0.78rem; color: var(--muted); line-height: 1.35; font-weight: 500;
}
.hyla-pdp-social-text strong { color: var(--fg); font-weight: 700; }

.hyla-pdp-summary .woocommerce-product-details__short-description {
  color: var(--muted); font-size: 0.95rem; line-height: 1.55;
  margin: 0 0 1.15rem; max-width: 36rem;
}
.hyla-pdp-summary .woocommerce-product-details__short-description p { margin: 0 0 0.5rem; }
.hyla-pdp-summary .woocommerce-product-details__short-description p:last-child { margin: 0; }

.hyla-qty-booster {
  margin: 0 0 0.85rem;
  padding: 0.55rem 0.65rem 0.6rem;
  border-radius: 12px;
  border: 1px solid rgba(226, 215, 219, 0.85);
  background: #faf8f9;
}
.hyla-qty-booster-head { margin: 0 0 0.4rem; }
.hyla-qty-booster-title {
  margin: 0;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em;
  text-transform: uppercase; color: var(--muted);
}
.hyla-qty-booster-sub { display: none !important; }
.hyla-qty-booster-list {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 0.28rem;
}
.hyla-qty-booster-item {
  display: flex; align-items: center; justify-content: space-between; gap: 0.55rem;
  padding: 0.38rem 0.45rem 0.38rem 0.55rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: #fff;
}
.hyla-qty-booster-item:hover { border-color: rgba(226, 215, 219, 0.95); }
.hyla-qty-booster-copy {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2rem 0.45rem;
  min-width: 0; line-height: 1.25;
}
.hyla-qty-booster-name { font-size: 0.8rem; font-weight: 700; color: var(--fg); }
.hyla-qty-booster-meta,
.hyla-qty-booster-save,
.hyla-qty-booster-unit,
.hyla-qty-booster-ship { font-size: 0.7rem; font-weight: 500; color: var(--muted); }
.hyla-qty-booster-meta { color: var(--blue); font-weight: 600; }
.hyla-qty-booster-btn {
  flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center; gap: 0.28rem;
  min-height: 1.85rem; min-width: 3.6rem;
  padding: 0.28rem 0.7rem 0.28rem 0.55rem !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--fg) !important;
  font-size: 0.72rem !important; font-weight: 700 !important;
  text-decoration: none !important;
  border: 1px solid var(--line) !important;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.04);
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}
.hyla-qty-booster-btn-ico {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.05rem; height: 1.05rem; border-radius: 999px;
  background: var(--blue); color: #fff;
  font-size: 0.85rem; font-weight: 700; line-height: 1;
}
.hyla-qty-booster-btn:hover {
  background: var(--blue) !important; color: #fff !important; border-color: var(--blue) !important;
}
.hyla-qty-booster-btn:hover .hyla-qty-booster-btn-ico {
  background: rgba(255,255,255,0.22); color: #fff;
}
.hyla-qty-booster-btn:active { transform: scale(0.97); }
.hyla-qty-booster-btn.is-loading {
  opacity: 0.55; pointer-events: none;
}
.hyla-qty-tiers { display: none !important; }

.hyla-pdp-summary form.cart {
  display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.55rem;
  margin: 0 0 1.35rem; padding: 0; float: none !important;
}
/* Variable products: stack attributes above qty/ATC row */
.hyla-pdp-summary form.cart.variations_form {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.85rem;
}
.hyla-pdp-summary form.variations_form > table.variations,
.hyla-pdp-summary form.variations_form > .single_variation_wrap,
.hyla-pdp-summary form.variations_form > .woocommerce-variation {
  width: 100%;
  flex: 1 1 100%;
}
.hyla-pdp-summary form.variations_form table.variations {
  display: block;
  border: 0;
  margin: 0;
}
.hyla-pdp-summary form.variations_form table.variations tbody,
.hyla-pdp-summary form.variations_form table.variations tr,
.hyla-pdp-summary form.variations_form table.variations th,
.hyla-pdp-summary form.variations_form table.variations td {
  display: block;
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
}
.hyla-pdp-summary form.variations_form table.variations tr + tr {
  margin-top: 0.75rem;
}
.hyla-pdp-summary form.variations_form table.variations th.label {
  margin: 0 0 0.45rem;
}
.hyla-pdp-summary form.variations_form table.variations th.label label {
  margin: 0;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: rgba(26, 20, 24, 0.45);
}
.hyla-pdp-summary form.variations_form .reset_variations {
  display: inline-block;
  margin: 0.45rem 0 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: rgba(26, 20, 24, 0.5);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.hyla-pdp-summary form.variations_form .variations_button {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.55rem;
  width: 100%;
  margin: 0;
  float: none !important;
}
.hyla-var-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}
.hyla-var-pills.is-needed {
  animation: hylaVarPillsPulse 0.55s ease;
}
.hyla-var-pills.is-needed .hyla-var-pill:not(.is-disabled):not(.is-selected) {
  border-color: rgba(107, 45, 69, 0.45);
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.12);
}
@keyframes hylaVarPillsPulse {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-3px); }
  40% { transform: translateX(3px); }
  60% { transform: translateX(-2px); }
  80% { transform: translateX(2px); }
}
.hyla-var-pill {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.4rem 0.95rem;
  margin: 0;
  border: 1px solid rgba(26, 20, 24, 0.12);
  border-radius: 980px;
  background: #fff;
  color: var(--fg, #1a1418);
  font: inherit;
  font-size: 0.88rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}
.hyla-var-pill:hover {
  border-color: rgba(26, 20, 24, 0.28);
}
.hyla-var-pill:active { transform: scale(0.97); }
.hyla-var-pill.is-selected {
  border-color: #1a1418;
  background: #1a1418;
  color: #fff;
  box-shadow: none;
}
.hyla-var-pill.is-disabled {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
}
.hyla-var-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.hyla-pdp-summary form.cart .quantity {
  margin: 0 !important; float: none !important; width: auto !important;
}
.hyla-pdp-qty {
  display: inline-flex; align-items: center; gap: 0.15rem;
  height: 3rem; padding: 0.2rem;
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  background: #fff; flex-shrink: 0;
}
.hyla-pdp-qty .quantity {
  margin: 0 !important; float: none !important;
  display: flex; align-items: center;
}
.hyla-pdp-qty .qty,
.hyla-pdp-sticky-input {
  width: 2.6rem !important; height: 2.4rem !important;
  border: 0 !important; background: transparent !important;
  text-align: center; font-weight: 700; font-size: 0.95rem;
  -moz-appearance: textfield; appearance: textfield;
}
.hyla-pdp-qty .qty::-webkit-outer-spin-button,
.hyla-pdp-qty .qty::-webkit-inner-spin-button,
.hyla-pdp-sticky-input::-webkit-outer-spin-button,
.hyla-pdp-sticky-input::-webkit-inner-spin-button {
  -webkit-appearance: none; margin: 0;
}
.hyla-pdp-qty-btn {
  width: 2.25rem; height: 2.25rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--bg-tile); color: var(--fg);
  font-size: 1.05rem; font-weight: 500; line-height: 1;
  transition: background 0.15s ease, transform 0.15s ease;
}
.hyla-pdp-qty-btn:hover { background: #efe9ec; }
.hyla-pdp-qty-btn:active { transform: scale(0.94); }
.hyla-pdp-summary form.cart .qty {
  width: 2.6rem; height: 2.4rem; text-align: center;
  border: 0; background: transparent; font-weight: 700; font-size: 0.95rem;
}
.hyla-pdp-summary form.cart .single_add_to_cart_button {
  flex: 1; min-width: 0; height: 3rem; margin: 0 !important;
  border-radius: var(--radius-pill) !important;
  font-size: 0.9rem !important; letter-spacing: 0.01em;
}
.hyla-wish-pdp {
  position: static !important; flex: 0 0 3rem; width: 3rem; height: 3rem;
  border-radius: 50%; background: #fff; border: 1px solid var(--line);
  box-shadow: none; color: var(--muted); font-size: 1rem;
}
.hyla-wish-pdp.is-on { color: var(--blue); border-color: var(--blue); background: #faf6f8; }
.hyla-pdp-summary form.cart .single_add_to_cart_button.is-loading {
  opacity: 0.72; pointer-events: none;
}

/* Apple-like incentive tiles */
.hyla-pdp-tiles {
  display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem;
  margin: 0 0 1.25rem; padding-top: 0.15rem;
}
.hyla-pdp-tile {
  display: flex; align-items: flex-start; gap: 0.55rem;
  padding: 0.85rem 0.8rem;
  background: linear-gradient(180deg, #fff 0%, #faf8f9 100%);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(26,20,24,0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hyla-pdp-tile:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(26,20,24,0.06);
}
.hyla-pdp-tile-icon {
  flex: 0 0 1.65rem; width: 1.65rem; height: 1.65rem; margin-top: 0.05rem;
  border-radius: 8px; background: var(--bg-tile);
  position: relative;
}
.hyla-pdp-tile-icon::before {
  content: ""; position: absolute; inset: 0.35rem;
  background: var(--blue); opacity: 0.9;
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
}
.hyla-pdp-tile[data-icon="truck"] .hyla-pdp-tile-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7zM7 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM18 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M3 7h11v10H3zM14 10h4l3 3v4h-7zM7 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3zM18 19a1.5 1.5 0 100-3 1.5 1.5 0 000 3z'/%3E%3C/svg%3E");
}
.hyla-pdp-tile[data-icon="shield"] .hyla-pdp-tile-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l7 3v5c0 5-3.5 8.5-7 10-3.5-1.5-7-5-7-10V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
}
.hyla-pdp-tile[data-icon="bolt"] .hyla-pdp-tile-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L4 14h7l-1 8 10-14h-7l1-6z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13 2L4 14h7l-1 8 10-14h-7l1-6z'/%3E%3C/svg%3E");
}
.hyla-pdp-tile[data-icon="card"] .hyla-pdp-tile-icon::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");
}
.hyla-pdp-tile-copy { display: grid; gap: 0.15rem; min-width: 0; }
.hyla-pdp-tile-copy strong {
  font-size: 0.78rem; font-weight: 700; color: var(--fg); line-height: 1.25;
}
.hyla-pdp-tile-copy span {
  font-size: 0.7rem; color: var(--muted); font-weight: 500; line-height: 1.3;
}

.hyla-pdp-meta {
  display: flex; flex-wrap: wrap; gap: 0.4rem;
}
.hyla-pdp-chip {
  display: inline-flex; align-items: center;
  padding: 0.28rem 0.65rem; border-radius: var(--radius-pill);
  background: #fff; border: 1px solid var(--line);
  font-size: 0.7rem; font-weight: 600; color: var(--muted);
  text-decoration: none;
}
a.hyla-pdp-chip:hover { color: var(--blue); border-color: var(--blue); }

/* Hide legacy meta dump if any plugin re-adds it */
.hyla-pdp-summary .product_meta { display: none !important; }
.hyla-pdp-summary > .stock { display: none !important; }
.hyla-pdp-summary .hyla-wish-inline { display: none !important; }

.hyla-pdp-below {
  margin-top: 2.25rem; padding-top: 0.25rem;
  border-top: 0;
}
@media (min-width: 900px) {
  .hyla-pdp-below {
    margin-top: 2.75rem;
  }
}

/* Description — in sticky summary; full text opens wider canvas */
.hyla-pdp-desc-block,
.hyla-pdp-acc.hyla-pdp-desc-block {
  margin: 1.15rem 0 0;
  border: 0;
  border-radius: 0;
  background: #fff;
  overflow: visible;
  padding: 0.85rem 0 0;
  border-top: 1px solid rgba(226, 215, 219, 0.7);
}
.hyla-pdp-desc-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 0.55rem;
}
.hyla-pdp-desc-title {
  margin: 0;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.82rem; font-weight: 750; letter-spacing: -0.01em;
  color: var(--fg);
}
@media (min-width: 900px) {
  .hyla-pdp-desc-title {
    font-size: 0.95rem;
  }
}
.hyla-pdp-desc-canvas-btn {
  width: 2.15rem; height: 2.15rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid rgba(26,20,24,0.08);
  background: rgba(255,255,255,0.7);
  color: var(--fg);
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(26,20,24,0.04);
  transition: background 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
.hyla-pdp-desc-canvas-btn:hover {
  background: #fff;
  border-color: rgba(107,45,69,0.25);
  color: var(--blue);
}
.hyla-pdp-desc-canvas-btn:active { transform: scale(0.94); }
.hyla-pdp-desc-wrap { position: relative; background: #fff; }
.hyla-pdp-desc-body {
  font-size: 0.92rem; line-height: 1.65; color: var(--fg);
  text-align: left;
  background: #fff;
}
.hyla-pdp-desc-body p,
.hyla-pdp-desc-body li,
.hyla-pdp-desc-body h2,
.hyla-pdp-desc-body h3,
.hyla-pdp-desc-body h4 {
  background: transparent;
}
.hyla-pdp-desc-body > *:first-child { margin-top: 0; }
.hyla-pdp-desc-body p { margin: 0 0 0.85rem; }
.hyla-pdp-desc-body ul,
.hyla-pdp-desc-body ol { margin: 0 0 0.85rem; padding-left: 1.15rem; }
.hyla-pdp-desc-body li { margin: 0 0 0.35rem; }
.hyla-pdp-desc-body h2,
.hyla-pdp-desc-body h3,
.hyla-pdp-desc-body h4 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: var(--fg);
  margin: 1rem 0 0.45rem;
  line-height: 1.25;
}
.hyla-pdp-desc-body h2 { font-size: 1.35rem; }
.hyla-pdp-desc-body h3 { font-size: 1.2rem; }
.hyla-pdp-desc-body h4 { font-size: 1.08rem; }
.hyla-pdp-desc-body h2:first-child,
.hyla-pdp-desc-body h3:first-child,
.hyla-pdp-desc-body h4:first-child { margin-top: 0.15rem; }

/* Extra PDP folds — same type as the description block, closed until opened. */
.hyla-pdp-fold {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(226, 215, 219, 0.7);
  background: #fff;
  padding: 0;
}
.hyla-pdp-fold > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 0;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: var(--fg);
}
.hyla-pdp-fold > summary::-webkit-details-marker { display: none; }
.hyla-pdp-fold > summary::after {
  content: "+";
  flex: 0 0 auto;
  width: 1.35rem;
  height: 1.35rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(26, 20, 24, 0.78);
  border-radius: 999px;
  background: rgba(26, 20, 24, 0.05);
}
.hyla-pdp-fold[open] > summary::after {
  content: "–";
  font-size: 1.35rem;
  font-weight: 700;
  color: rgba(26, 20, 24, 0.85);
}
.hyla-pdp-fold .hyla-pdp-desc-body { padding: 0 0 0.85rem; }
.hyla-pdp-fold[dir="rtl"] > summary { flex-direction: row-reverse; }
.hyla-pdp-fold[dir="rtl"] .hyla-pdp-desc-body { text-align: right; }
@media (min-width: 900px) {
  .hyla-pdp-fold > summary { font-size: 0.95rem; }
}

/* Hyla description — accordion chrome only; canvas icon replaces + (opens canvas) */
.hyla-pdp-desc-fold.is-canvas-only {
  border-top: 1px solid rgba(226, 215, 219, 0.7);
}
.hyla-pdp-desc-trigger {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  margin: 0;
  padding: 0.85rem 0;
  border: 0;
  background: transparent;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.82rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  color: var(--fg);
  text-align: start;
}
@media (min-width: 900px) {
  .hyla-pdp-desc-trigger { font-size: 0.95rem; }
}
.hyla-pdp-desc-fold-label {
  flex: 1 1 auto;
  min-width: 0;
}
.hyla-pdp-desc-trigger .hyla-pdp-desc-canvas-btn {
  flex: 0 0 auto;
  width: 1.85rem;
  height: 1.85rem;
  margin: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(26, 20, 24, 0.08);
  background: rgba(255, 255, 255, 0.7);
  color: var(--fg);
  box-shadow: 0 1px 4px rgba(26, 20, 24, 0.04);
}
.hyla-pdp-desc-trigger:hover .hyla-pdp-desc-canvas-btn {
  background: #fff;
  border-color: rgba(107, 45, 69, 0.25);
  color: var(--blue);
}
.hyla-pdp-desc-fold.is-canvas-only .hyla-pdp-desc-body[hidden] {
  display: none !important;
}
.hyla-pdp-desc-fold[dir="rtl"] .hyla-pdp-desc-trigger {
  flex-direction: row-reverse;
}

/* Collapsed: keep full HTML for SEO, clamp visually.
   Desktop filler fill-to-gallery sets inline max-height via pdp.js when [data-hyla-desc-fill]. */
.hyla-pdp-desc-wrap.is-collapsed .hyla-pdp-desc-body {
  max-height: 7.25rem;
  overflow: hidden;
}
@media (min-width: 900px) {
  #hyla-pdp-desc[data-hyla-desc-fill] .hyla-pdp-desc-wrap.is-collapsed .hyla-pdp-desc-body {
    max-height: 18rem; /* fallback before JS measures gallery edge */
  }
}
.hyla-pdp-desc-wrap.is-short .hyla-pdp-desc-body,
.hyla-pdp-desc-wrap.is-expanded .hyla-pdp-desc-body {
  max-height: none;
  overflow: visible;
}
.hyla-pdp-desc-fade {
  display: none;
  pointer-events: none;
  position: absolute; left: 0; right: 0; bottom: 2.1rem;
  height: 3.25rem;
  background: linear-gradient(180deg, rgba(255,255,255,0), #fff 88%);
}
.hyla-pdp-desc-wrap.is-collapsed .hyla-pdp-desc-fade { display: block; }
.hyla-pdp-desc-more-wrap {
  display: flex; justify-content: flex-start;
  margin-top: 0.35rem;
  position: relative; z-index: 1;
}
.hyla-pdp-desc-more {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem;
  padding: 0.35rem 0;
  border: 0; background: transparent;
  font-size: 0.82rem; font-weight: 700;
  color: var(--blue); letter-spacing: -0.01em;
  cursor: pointer;
}
.hyla-pdp-desc-more:hover { text-decoration: underline; text-underline-offset: 2px; }
.hyla-pdp-desc-more-arrow {
  font-size: 0.95em; line-height: 1;
  transition: transform 0.15s ease;
}
.hyla-pdp-desc-more:hover .hyla-pdp-desc-more-arrow { transform: translateX(2px); }

/* Description canvas content */
#dnx-hyla-canvas-desc .hyla-desc-canvas-content {
  padding: 0.15rem 0.1rem 1.25rem;
  background: #fff !important;
}
#dnx-hyla-canvas-desc .hyla-desc-canvas-content > *:first-child { margin-top: 0; }
#dnx-hyla-canvas-desc .dnx-blog {
  --soft: #fff;
  --card: #fff;
  --line: rgba(26, 20, 24, 0.1);
  background: #fff !important;
}
#dnx-hyla-canvas-desc .dnx-blog .tips,
#dnx-hyla-canvas-desc .dnx-blog .cmp,
#dnx-hyla-canvas-desc .dnx-blog .callout,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content .wp-block-group,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content .card,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content table,
#dnx-hyla-canvas-desc .hyla-pdp-desc-body > div,
#dnx-hyla-canvas-desc .hyla-pdp-desc-body > section,
#dnx-hyla-canvas-desc .hyla-pdp-desc-body p,
#dnx-hyla-canvas-desc .hyla-pdp-desc-body *:not(img):not(svg):not(path) {
  background: #fff !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 0;
}
#dnx-hyla-canvas-desc .dnx-hyla-canvas-body {
  background: #fff !important;
}

/* legacy accordion bits unused on PDP desc */
.hyla-pdp-acc-title { display: none; }
.hyla-pdp-acc-toggle { display: none !important; }
.hyla-pdp-acc-preview { display: none !important; }

.hyla-pdp-details-block {
  margin: 0 0 2rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid var(--line);
}
.hyla-pdp-details-block h3 {
  margin: 0 0 0.75rem;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted);
}
.hyla-pdp-details-block table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }
.hyla-pdp-details-block th,
.hyla-pdp-details-block td {
  text-align: left; padding: 0.55rem 0; border-bottom: 1px solid var(--line);
}

/* Shipping ETA — compact pills */
.hyla-pdp-eta {
  width: 100%;
  margin: 0 0 0.95rem;
}
.hyla-pdp-eta-head {
  display: flex; align-items: baseline; justify-content: space-between;
  gap: 0.65rem; flex-wrap: wrap;
  margin: 0 0 0.4rem;
}
.hyla-pdp-eta-label {
  margin: 0;
  font-size: 0.68rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--muted);
}
.hyla-pdp-eta-dispatch { display: none !important; }
.hyla-pdp-eta-rows {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem;
}
.hyla-pdp-eta-row {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.4rem;
  min-height: 2.35rem;
  padding: 0.4rem 0.65rem;
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  border: 1.5px solid rgba(26,20,24,0.1);
  text-align: left;
}
.hyla-pdp-eta-row.is-on,
.hyla-pdp-eta-row.is-express {
  background: linear-gradient(145deg, rgba(47, 107, 79, 0.08) 0%, rgba(255,255,255,0.95) 70%);
  border-color: rgba(47, 107, 79, 0.32);
}
.hyla-pdp-eta-top { display: contents; }
.hyla-pdp-eta-badge { display: none; }
.hyla-pdp-eta-svc {
  font-size: 0.72rem; font-weight: 700; color: var(--fg);
  letter-spacing: -0.01em; white-space: nowrap;
}
.hyla-pdp-eta-dates {
  font-size: 0.7rem; font-weight: 650; color: #2f6b4f;
  letter-spacing: -0.015em; text-align: right;
  line-height: 1.2;
}
.hyla-pdp-eta-row.is-standard .hyla-pdp-eta-dates { color: #3d4654; }
.hyla-pdp-eta-meta { display: none; }
@media (max-width: 420px) {
  .hyla-pdp-eta-rows { grid-template-columns: 1fr; }
}

/* Checkout / cart shipping method pills — always stacked, compact, max 2 lines */
.hyla-woo-content #order_review ul.woocommerce-shipping-methods,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods,
.woocommerce-cart .woocommerce-shipping-methods {
  list-style: none !important; margin: 0.35rem 0 0 !important; padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.4rem !important;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods li,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods li,
.woocommerce-cart .woocommerce-shipping-methods li {
  margin: 0 !important; padding: 0 !important;
  display: block !important; position: relative;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods li > input,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods li > input,
.woocommerce-cart .woocommerce-shipping-methods li > input {
  position: absolute; opacity: 0; pointer-events: none;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods label,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods label,
.woocommerce-cart .woocommerce-shipping-methods label {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 0.55rem;
  row-gap: 0.28rem;
  align-items: start;
  width: 100%;
  margin: 0 !important;
  padding: 0.48rem 0.7rem 0.48rem 0.6rem !important;
  border: 1.5px solid rgba(26,20,24,0.1) !important;
  border-radius: 14px !important;
  background: #fff !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  color: var(--fg) !important;
  cursor: pointer;
  line-height: 1.25 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods label::before,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods label::before,
.woocommerce-cart .woocommerce-shipping-methods label::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 1.05rem; height: 1.05rem;
  border-radius: 50%;
  border: 1.5px solid rgba(26,20,24,0.22);
  background: #fff;
  box-shadow: inset 0 0 0 0 var(--blue);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods input:checked + label,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods input:checked + label,
.woocommerce-cart .woocommerce-shipping-methods input:checked + label {
  border-color: rgba(107, 45, 69, 0.35) !important;
  background: linear-gradient(145deg, rgba(107, 45, 69, 0.06) 0%, #fff 70%) !important;
  box-shadow: 0 4px 12px rgba(107, 45, 69, 0.08);
}
.hyla-woo-content #order_review ul.woocommerce-shipping-methods input:checked + label::before,
.hyla-woo-content .cart-collaterals ul.woocommerce-shipping-methods input:checked + label::before,
.woocommerce-cart .woocommerce-shipping-methods input:checked + label::before {
  border-color: #6b2d45;
  box-shadow: inset 0 0 0 3.5px #6b2d45;
}
.hyla-ship-method-main {
  grid-column: 2;
  grid-row: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 0.8rem; font-weight: 700;
  line-height: 1.25;
  max-height: 2.5em;
  align-self: start;
}
.hyla-ship-method-price {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: start;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
.hyla-ship-method-eta {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  align-self: start;
  display: inline-flex;
  align-items: center;
  max-width: min(100%, 14rem);
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: #eef3fb;
  color: #2c4a7a;
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hyla-ship-method-meta {
  display: none;
}
.hyla-ship-pill .df-shipping-pill {
  display: none !important;
}

/* Shipping / payment hosts reuse order_review method cards */
#hyla-co-ship-host ul.woocommerce-shipping-methods,
#hyla-co-pay-host ul.payment_methods {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods li > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods label,
#hyla-co-ship-host ul.woocommerce-shipping-methods label.hyla-ship-pill {
  display: grid !important;
  grid-template-columns: 1.35rem minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 0.55rem;
  row-gap: 0.28rem;
  align-items: start;
  width: 100%;
  margin: 0 !important;
  padding: 0.7rem 0.8rem 0.7rem 0.75rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  cursor: pointer;
  box-sizing: border-box;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods label::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 1.05rem; height: 1.05rem;
  border-radius: 50%;
  border: 1.5px solid rgba(26,20,24,0.22);
  background: #fff;
  margin-top: 0.15rem;
}
/* Method name left; price top-right; ETA pill under title (bottom-left) */
#hyla-co-ship-host .hyla-ship-method-main,
.hyla-woo-content #order_review .hyla-ship-method-main {
  grid-column: 2;
  grid-row: 1;
  display: block !important;
  min-width: 0;
  align-self: start;
}
#hyla-co-ship-host .hyla-ship-method-price,
.hyla-woo-content #order_review .hyla-ship-method-price {
  grid-column: 3;
  grid-row: 1 / span 2;
  justify-self: end;
  align-self: start;
  margin: 0;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  color: var(--fg, #1a1418);
}
#hyla-co-ship-host .hyla-ship-method-eta,
.hyla-woo-content #order_review .hyla-ship-method-eta {
  grid-column: 2;
  grid-row: 2;
  justify-self: start;
  align-self: start;
  display: inline-flex !important;
  align-items: center;
  max-width: min(100%, 14rem);
  margin: 0;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: #eef3fb;
  color: #2c4a7a;
  font-size: 0.62rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#hyla-co-ship-host .hyla-ship-pill .df-shipping-pill,
.hyla-woo-content #order_review .hyla-ship-pill .df-shipping-pill {
  display: none !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods input:checked + label,
#hyla-co-ship-host ul.woocommerce-shipping-methods li:only-child label {
  border-color: rgba(107, 45, 69, 0.35) !important;
  background: linear-gradient(145deg, rgba(107, 45, 69, 0.06) 0%, #fff 70%) !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods input:checked + label::before,
#hyla-co-ship-host ul.woocommerce-shipping-methods li:only-child label::before {
  border-color: #6b2d45;
  box-shadow: inset 0 0 0 3.5px #6b2d45;
}
#hyla-co-pay-host .woocommerce-checkout-payment {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
#hyla-co-pay-host .woocommerce-checkout-payment::before { display: none !important; }
#hyla-co-pay-host ul.payment_methods li {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 0.65rem 0.75rem;
  margin: 0 0 0.4rem;
  background: #fff;
  list-style: none;
}
#hyla-co-pay-host .place-order,
#hyla-co-pay-host .wc-gzd-order-submit {
  margin-top: 0.65rem;
}
#hyla-co-pay-host #place_order {
  width: 100% !important;
  min-height: 2.85rem !important;
  border-radius: 14px !important;
}

/* Consent / terms card — above Buy now */
#hyla-co-consent.hyla-co-consent,
.hyla-co-consent {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  width: 100%;
  box-sizing: border-box;
  margin: 0.85rem 0 0.35rem;
  padding: 0.9rem 1rem;
  background: #f7f5f6;
  border: 1px solid #e2d7db;
  border-radius: 14px;
}
.hyla-co-consent .wc-gzd-checkbox-placeholder {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.hyla-co-consent .legal.form-row,
.hyla-co-consent .woocommerce-terms-and-conditions-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  float: none !important;
}
.hyla-co-consent .legal label,
.hyla-co-consent .woocommerce-form__label-for-checkbox {
  display: block !important;
  position: relative;
  padding-left: 1.95rem;
  margin: 0 !important;
  cursor: pointer;
  font-size: 0.78rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: var(--fg, #1a1418) !important;
}
.hyla-co-consent .legal label input[type="checkbox"],
.hyla-co-consent input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute !important;
  left: 0;
  top: 0.08rem;
  flex: none;
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0 !important;
  border: 1.5px solid #c9b8bf !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.hyla-co-consent .legal label input[type="checkbox"]:hover,
.hyla-co-consent input[type="checkbox"]:hover {
  border-color: rgba(107, 45, 69, 0.55) !important;
}
.hyla-co-consent .legal label input[type="checkbox"]:checked,
.hyla-co-consent input[type="checkbox"]:checked {
  background: #6b2d45 !important;
  border-color: #6b2d45 !important;
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.12) !important;
}
.hyla-co-consent .legal label input[type="checkbox"]:checked::after,
.hyla-co-consent input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 0.34rem;
  top: 0.14rem;
  width: 0.28rem;
  height: 0.55rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.hyla-co-consent .legal label input[type="checkbox"]:focus-visible,
.hyla-co-consent input[type="checkbox"]:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.18) !important;
}
.hyla-co-consent .woocommerce-gzd-parcel-delivery-checkbox-checkbox-text,
.hyla-co-consent .woocommerce-terms-and-conditions-checkbox-text,
.hyla-co-consent .woocommerce-form__label-for-checkbox > span:not(.required):not(.screen-reader-text) {
  display: inline;
  min-width: 0;
  color: #4a4246;
}
.hyla-co-consent .legal a {
  color: #6b2d45;
  font-weight: 650;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.hyla-co-consent .legal .required,
.hyla-co-consent .woocommerce-form__label-for-checkbox > .required,
body.woocommerce-checkout .hyla-co-consent .form-row label .required,
body.woocommerce-checkout .hyla-co-consent .form-row .required {
  display: inline !important;
  visibility: visible !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 0 0.15em !important;
  padding: 0 !important;
  color: #b42318 !important;
  font-weight: 700;
  line-height: inherit;
  white-space: nowrap;
  vertical-align: baseline;
  text-decoration: none !important;
}
.hyla-co-consent .legal br {
  content: "";
  display: block;
  height: 0.4rem;
}

/* Coupon inside order summary — same toggle + field as cart canvas */
.hyla-co-summary-coupon {
  margin: 0.55rem 0 0.65rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.hyla-co-summary-coupon .woocommerce-form-coupon-toggle,
.hyla-co-summary-coupon .woocommerce-info {
  display: none !important;
}
.hyla-co-summary-coupon .hyla-cart-discount {
  margin: 0;
  padding: 0.55rem 0.65rem;
  border-radius: 16px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(26,20,24,0.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.hyla-co-summary-coupon .hyla-cart-coupon-toggle {
  color: var(--blue);
  font-size: 0.84rem;
  font-weight: 650;
}
.hyla-co-coupon-form.hyla-cart-coupon {
  margin: 0.55rem 0 0.1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.hyla-co-summary-coupon .hyla-cart-coupon[hidden] {
  display: none !important;
}
.hyla-co-summary-coupon .hyla-cart-coupon:not([hidden]) {
  display: block !important;
}
.hyla-co-summary-coupon .hyla-cart-coupon-field input {
  min-width: 0;
  border: 1px solid rgba(26,20,24,0.08) !important;
  border-radius: 16px !important;
  padding: 0.55rem 0.85rem !important;
  background: rgba(255,255,255,0.92) !important;
  font-size: 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
.hyla-co-summary-coupon .hyla-cart-coupon-field .button,
.hyla-co-summary-coupon .hyla-cart-coupon-field button,
body.woocommerce-checkout .hyla-woo-content .hyla-co-summary-coupon .hyla-cart-coupon-field button.button {
  white-space: nowrap;
  min-width: 5.5rem;
  border-radius: 16px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  color: var(--fg) !important;
  box-shadow: var(--shadow) !important;
  border: 1px solid rgba(26,20,24,0.08) !important;
}
.hyla-co-coupon-form .clear,
.hyla-co-coupon-form .form-row-first,
.hyla-co-coupon-form .form-row-last {
  display: none !important;
}

/* Fixed buy bar — liquid glass, sits above mobile tab dock */
.hyla-pdp-sticky {
  --sticky-glass: rgba(255, 255, 255, 0.14);
  --sticky-stroke: rgba(255, 255, 255, 0.72);
  position: fixed;
  left: 50%;
  right: auto;
  bottom: calc(0.65rem + var(--safe-b));
  transform: translateX(-50%);
  z-index: 100048;
  width: min(calc(100vw - 1.25rem), 24.75rem);
  padding: 0.42rem;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 0.52) 0%,
      rgba(255, 255, 255, 0.1) 38%,
      rgba(255, 255, 255, 0.26) 72%,
      rgba(255, 255, 255, 0.12) 100%
    ),
    var(--sticky-glass);
  border: 1px solid var(--sticky-stroke);
  border-radius: 999px;
  box-shadow:
    inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.88),
    inset -1.5px -1.5px 0 rgba(255, 255, 255, 0.28),
    inset 0 0 0 0.5px rgba(26, 20, 24, 0.05),
    0 18px 44px rgba(26, 20, 24, 0.18),
    0 5px 14px rgba(26, 20, 24, 0.07);
  backdrop-filter: blur(52px) saturate(210%) brightness(1.1) contrast(1.06);
  -webkit-backdrop-filter: blur(52px) saturate(210%) brightness(1.1) contrast(1.06);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, bottom 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.hyla-pdp-sticky::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(110% 95% at 12% -10%, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.18) 34%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.06) 42%, rgba(255,255,255,0) 70%);
  opacity: 0.9;
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .hyla-pdp-sticky {
    background: rgba(252, 250, 251, 0.96);
  }
}
.hyla-pdp-sticky[hidden] { display: none !important; }
.hyla-pdp-sticky-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 0.4rem;
  align-items: center;
}
.hyla-pdp-sticky-price {
  font-size: 0.86rem; font-weight: 750; letter-spacing: -0.01em;
  white-space: nowrap;
  padding-left: 0.45rem;
  color: var(--fg);
}
.hyla-pdp-sticky-price del { font-size: 0.72rem; color: var(--muted); font-weight: 500; }
.hyla-pdp-sticky-price .woocommerce-price-suffix { display: none !important; }
.hyla-pdp-sticky-qty {
  height: 2.65rem;
  background: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}
.hyla-pdp-sticky-qty .hyla-pdp-qty-btn {
  background: rgba(255, 255, 255, 0.72);
}
.hyla-pdp-sticky-atc {
  min-height: 2.65rem; width: 100%;
  border-radius: var(--radius-pill) !important;
  box-shadow: 0 6px 16px rgba(107, 45, 69, 0.28);
}
/* Mobile: float ATC above the liquid-glass tab dock */
@media (max-width: 899px) {
  .hyla-pdp-sticky {
    /* dock bottom 0.65 + ~3.75 dock height + 0.5 gap */
    bottom: calc(4.9rem + var(--safe-b));
  }
  body.hyla-pdp-sticky-on {
    padding-bottom: calc(9.4rem + var(--safe-b)) !important;
  }
  /* Keep dock pinned at the bottom — ATC sits above it */
  body.hyla-pdp-sticky-on .dnx-hyla-dock {
    bottom: calc(0.65rem + var(--safe-b));
  }
}
@media (min-width: 900px) {
  .hyla-pdp-sticky {
    width: min(calc(100vw - 2rem), 34rem);
    bottom: calc(1rem + var(--safe-b));
  }
  .hyla-pdp-sticky-inner { grid-template-columns: 1fr auto minmax(11rem, 15rem); }
  body.hyla-pdp-sticky-on { padding-bottom: calc(5.5rem + var(--safe-b)) !important; }
  body.hyla-pdp-sticky-on .dnx-hyla-dock { display: none; }
}
body.hyla-search-open .hyla-pdp-sticky,
body.dnx-hyla-canvas-open .hyla-pdp-sticky {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(12px) scale(0.98);
}

.hyla-pdp-below .woocommerce-tabs { display: none !important; }
.hyla-pdp-accordion { display: none !important; }

.hyla-pdp-below .related.products,
.hyla-pdp-below .upsells.products {
  margin: 0; padding: 1.25rem 0 0;
}
.hyla-related-shell { margin-top: 0.5rem; }
.hyla-related-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 0.75rem; margin: 0 0 0.85rem;
}
.hyla-pdp-below .related.products > h2,
.hyla-pdp-below .upsells.products > h2,
.hyla-related-head > h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600; font-size: clamp(1.35rem, 2.8vw, 1.75rem);
  letter-spacing: -0.02em; margin: 0;
}
.hyla-related-nav { display: inline-flex; gap: 0.35rem; }
.hyla-related-btn {
  width: 2.1rem; height: 2.1rem; border-radius: 50%;
  border: 1px solid var(--line); background: #fff;
  font-size: 1.15rem; line-height: 1; color: var(--fg);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
}
.hyla-related-btn:hover { border-color: rgba(26,20,24,0.2); }
.hyla-pdp-below .related ul.products::before,
.hyla-pdp-below .related ul.products::after,
.hyla-pdp-below .upsells ul.products::before,
.hyla-pdp-below .upsells ul.products::after,
.hyla-related-shell ul.products::before,
.hyla-related-shell ul.products::after {
  display: none !important;
  content: none !important;
}
.hyla-pdp-below .related ul.products,
.hyla-pdp-below .upsells ul.products {
  display: flex !important;
  gap: 0.65rem;
  margin: 0; padding: 0.1rem 0.05rem 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.hyla-pdp-below .related ul.products::-webkit-scrollbar,
.hyla-pdp-below .upsells ul.products::-webkit-scrollbar { display: none; }
.hyla-pdp-below .related ul.products li.product,
.hyla-pdp-below .upsells ul.products li.product {
  flex: 0 0 min(42vw, 9.75rem);
  width: min(42vw, 9.75rem) !important;
  max-width: none !important;
  float: none !important; clear: none !important; margin: 0 !important;
  scroll-snap-align: start;
  background: linear-gradient(180deg, #fff 0%, #faf8f9 100%);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 0 !important;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(26,20,24,0.03);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
@media (min-width: 700px) {
  .hyla-pdp-below .related ul.products li.product,
  .hyla-pdp-below .upsells ul.products li.product {
    flex-basis: 10.25rem;
    width: 10.25rem !important;
  }
}
.hyla-pdp-below .related ul.products li.product:hover,
.hyla-pdp-below .upsells ul.products li.product:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(26,20,24,0.08);
}
.hyla-pdp-below .related .hyla-shop-tile-media,
.hyla-pdp-below .upsells .hyla-shop-tile-media {
  aspect-ratio: 4 / 3;
}
.hyla-pdp-below .related ul.products li.product img,
.hyla-pdp-below .upsells ul.products li.product img {
  border-radius: 0; background: #fff;
}
.hyla-pdp-below .related .woocommerce-loop-product__title,
.hyla-pdp-below .upsells .woocommerce-loop-product__title {
  font-size: 0.76rem; font-weight: 650; letter-spacing: -0.01em;
  margin: 0.55rem 0.65rem 0.35rem !important; line-height: 1.3;
  display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important;
  overflow: hidden !important; text-overflow: ellipsis;
  word-break: break-word; overflow-wrap: anywhere; min-width: 0; max-width: 100%;
}
.hyla-pdp-below .related .meta,
.hyla-pdp-below .upsells .meta {
  display: none;
}
.hyla-pdp-below .related .tile-foot,
.hyla-pdp-below .upsells .tile-foot {
  margin-top: 0.35rem;
  padding: 0 0.65rem 0.65rem;
}
.hyla-pdp-below .related .price,
.hyla-pdp-below .upsells .price {
  font-size: 0.8rem;
}
.hyla-pdp-below .related .btn-add,
.hyla-pdp-below .upsells .btn-add {
  width: 1.85rem !important; height: 1.85rem !important;
  min-width: 1.85rem !important; min-height: 1.85rem !important; max-height: 1.85rem !important;
  flex: 0 0 1.85rem !important; aspect-ratio: 1 / 1;
  padding: 0 !important; border-radius: 50% !important;
  font-size: 1.05rem !important; line-height: 1 !important;
}

/* Why us page — skincare trust page (1.7.381) */
.hyla-why { padding-bottom: 2.75rem; }
.hyla-why-hero {
  padding: 2.1rem 0 2rem;
  background:
    radial-gradient(78% 62% at 92% 8%, rgba(107, 45, 69, 0.09), transparent 58%),
    radial-gradient(70% 55% at 4% 0%, rgba(107, 45, 69, 0.06), transparent 50%),
    linear-gradient(180deg, #f7f2f3 0%, #fff 78%);
}
.hyla-why-hero-grid {
  display: grid;
  gap: 1.75rem 2.5rem;
  align-items: end;
}
@media (min-width: 900px) {
  .hyla-why-hero {
    padding: 3.1rem 0 2.75rem;
    min-height: min(72vh, 36rem);
    display: flex;
    align-items: center;
  }
  .hyla-why-hero-grid {
    grid-template-columns: minmax(0, 1.35fr) minmax(15rem, 0.85fr);
    align-items: center;
    gap: 2.5rem 3.25rem;
    width: 100%;
  }
}
.hyla-why-hero-copy { min-width: 0; max-width: 38rem; }
.hyla-why-eyebrow {
  margin: 0 0 0.65rem;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: var(--blue);
}
.hyla-why-hero h1 {
  margin: 0 0 0.8rem;
  max-width: 16ch;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.9rem, 4.6vw, 3.05rem);
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: var(--fg);
}
.hyla-why-lead {
  max-width: 34rem;
  margin: 0 0 1.25rem;
  font-size: 0.98rem;
  line-height: 1.6;
  color: rgba(26, 20, 24, 0.7);
}
.hyla-why-hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}
@media (max-width: 559px) {
  .hyla-why-hero-cta {
    flex-direction: column;
    align-items: stretch;
  }
  .hyla-why-hero-cta .btn {
    width: 100%;
    justify-content: center;
  }
}
.hyla-why-stats { min-width: 0; }
.hyla-why-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem 1rem;
  margin: 0;
  padding: 1rem 0 0;
  border-top: 1px solid rgba(226, 215, 219, 0.9);
}
@media (min-width: 900px) {
  .hyla-why-stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.15rem 1.1rem;
    padding: 1.35rem 1.25rem;
    border: 1px solid rgba(226, 215, 219, 0.95);
    border-radius: 1.15rem;
    background:
      linear-gradient(165deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 244, 245, 0.88) 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
  }
}
.hyla-why-stat { min-width: 0; }
.hyla-why-stats-grid strong,
.hyla-why-stat strong {
  display: block;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.55rem, 2.8vw, 1.95rem);
  font-weight: 600;
  letter-spacing: -0.02em;
  line-height: 1.08;
  color: var(--fg);
}
.hyla-why-stats-grid span,
.hyla-why-stat span {
  display: block;
  margin-top: 0.22rem;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.72rem;
  line-height: 1.35;
  color: var(--muted);
  font-weight: 550;
}
.hyla-why-pillars { padding: 2.15rem 0 0.25rem; }
.hyla-why-pillars h2,
.hyla-why-promise h2 {
  margin: 0 0 1.05rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: clamp(1.45rem, 2.8vw, 1.9rem);
  letter-spacing: -0.02em;
}
.hyla-why-pillar-grid {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(226, 215, 219, 0.9);
}
.hyla-why-pillar {
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr);
  gap: 0.7rem 0.9rem;
  align-items: start;
  margin: 0;
  padding: 1.05rem 0;
  border: 0;
  border-bottom: 1px solid rgba(226, 215, 219, 0.9);
  border-radius: 0;
  background: transparent;
}
@media (min-width: 800px) {
  .hyla-why-pillar-grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 2.75rem;
  }
  .hyla-why-pillar {
    padding: 1.2rem 0;
  }
  .hyla-why-pillar:nth-child(odd) { padding-right: 0.35rem; }
  .hyla-why-pillar:nth-child(even) { padding-left: 0.35rem; }
}
.hyla-why-pillar-n {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--blue);
  line-height: 1.3;
  padding-top: 0.08rem;
}
.hyla-why-pillar-copy { min-width: 0; }
.hyla-why-pillar h3 {
  margin: 0 0 0.3rem;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 750;
  letter-spacing: -0.01em;
}
.hyla-why-pillar p {
  margin: 0;
  font-size: 0.88rem;
  line-height: 1.55;
  color: rgba(26, 20, 24, 0.68);
}
.hyla-why-promise { padding: 2rem 0 0.35rem; }
.hyla-why-promise-inner {
  display: grid;
  gap: 1.15rem;
  padding: 1.45rem 1.25rem 1.35rem;
  border-radius: 1.15rem;
  background:
    radial-gradient(80% 70% at 100% 0%, rgba(107, 45, 69, 0.24), transparent 55%),
    #1a1418;
  color: #fff;
}
@media (min-width: 720px) {
  .hyla-why-promise-inner {
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 1.5rem 2rem;
    padding: 1.75rem 1.65rem;
  }
}
.hyla-why-promise h2 { color: #fff; margin-bottom: 0.75rem; }
.hyla-why-promise ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.45rem;
}
.hyla-why-promise li {
  font-size: 0.88rem;
  line-height: 1.45;
  opacity: 0.9;
  padding-left: 1.05rem;
  position: relative;
}
.hyla-why-promise li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45rem;
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: #c9a0b0;
}
.hyla-why-promise .btn-primary {
  justify-self: start;
  white-space: nowrap;
}
@media (max-width: 559px) {
  .hyla-why-promise .btn-primary {
    width: 100%;
    justify-content: center;
    white-space: normal;
  }
}

/* —— Cart icon bounce (ATC toast removed) —— */
@keyframes hyla-cart-bounce {
  0% { transform: scale(1); }
  25% { transform: scale(1.22); }
  45% { transform: scale(0.92); }
  65% { transform: scale(1.12); }
  100% { transform: scale(1); }
}
@keyframes hyla-badge-pop {
  0% { transform: scale(0.4); opacity: 0.4; }
  60% { transform: scale(1.25); }
  100% { transform: scale(1); opacity: 1; }
}
.icon-btn.hyla-cart-bounce,
.dnx-hyla-dock [data-dnx-open="cart"].hyla-cart-bounce {
  animation: hyla-cart-bounce 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.icon-btn.hyla-cart-bounce .hyla-cart-badge,
.dnx-hyla-dock .hyla-cart-bounce .hyla-cart-badge,
.dnx-hyla-dock .hyla-cart-bounce .dock-badge {
  animation: hyla-badge-pop 0.55s ease;
}

/* —— Skincare homepage —— */
.hero-cta-row { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.25rem; }
.btn-ghost {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.85rem 1.25rem; border-radius: 999px;
  border: 1px solid var(--hyla-line, #e8e0e3); background: #fff;
  color: var(--hyla-fg, #1a1418); font-weight: 600; text-decoration: none;
}
.btn-ghost:hover { border-color: var(--hyla-accent, #6b2d45); }
.hero-card-skincare {
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(107, 45, 69, 0.10), transparent 55%),
    linear-gradient(135deg, #faf7f8 0%, #f3eef1 45%, #eef4f2 100%);
  align-items: stretch;
}
.hero-visual-skincare {
  background: #fff;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
  overflow: hidden;
  min-height: 18rem;
}
.hero-visual-skincare img {
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  display: block;
}
.hero-visual-label {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 1.6rem; font-weight: 600; letter-spacing: -0.02em;
  color: #3a2a32; background: rgba(255,255,255,0.72);
  backdrop-filter: blur(8px); border-radius: 999px; padding: 0.45rem 0.9rem;
}
.avatar-soft {
  background: linear-gradient(145deg, #f7eef2, #e8f0ee) !important;
}

.hyla-home-skincare .hyla-seo-intro { padding-top: 0.5rem; }
.hyla-seo-intro-grid {
  display: grid; gap: 1.5rem;
}
@media (min-width: 880px) {
  .hyla-seo-intro-grid { grid-template-columns: 1.4fr 1fr; align-items: start; gap: 2.5rem; }
}
.hyla-seo-intro .lead { font-size: 1.08rem; color: var(--muted); line-height: 1.55; }
.hyla-seo-points {
  list-style: none; margin: 0; padding: 0; display: grid; gap: 0.85rem;
}
.hyla-seo-points li {
  background: #fff; border: 1px solid var(--line, #eadfd6);
  border-radius: 16px; padding: 1rem 1.1rem; line-height: 1.45;
}
.hyla-seo-points strong { display: block; margin-bottom: 0.2rem; }

.hyla-lookbook {
  display: grid; gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 700px) {
  .hyla-lookbook { grid-template-columns: repeat(3, 1fr); gap: 1.15rem; }
}
.hyla-lookbook-card {
  position: relative; display: block; overflow: hidden;
  border-radius: 22px; aspect-ratio: 4 / 5; background: #fff;
  text-decoration: none; color: inherit;
  box-shadow: 0 14px 36px rgba(26, 20, 24, 0.07);
}
.hyla-lookbook-card img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 0.55s ease;
}
.hyla-lookbook-card:hover img { transform: scale(1.04); }
.hyla-lookbook-card span {
  position: absolute; left: 1rem; bottom: 1rem;
  background: rgba(255,255,255,0.88); backdrop-filter: blur(8px);
  border-radius: 999px; padding: 0.45rem 0.9rem;
  font-weight: 650; font-size: 0.92rem;
}

.hyla-app-grid {
  display: grid; gap: 0.85rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 720px) {
  .hyla-app-grid { grid-template-columns: repeat(4, 1fr); gap: 1rem; }
}
.hyla-app-card {
  display: block; text-decoration: none; color: inherit;
  background: linear-gradient(160deg, #fff, #f7f3f4);
  border: 1px solid var(--line, #eadfd6);
  border-radius: 18px; padding: 1.15rem 1.1rem;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.hyla-app-card:hover { border-color: var(--blue, #6b2d45); transform: translateY(-2px); }
.hyla-app-card h3 { margin: 0 0 0.35rem; font-size: 1.02rem; }
.hyla-app-card p { margin: 0; color: var(--muted); font-size: 0.88rem; }

.hyla-blog-grid {
  display: grid; gap: 1.15rem;
  grid-template-columns: 1fr;
}
@media (min-width: 800px) {
  .hyla-blog-grid { grid-template-columns: repeat(3, 1fr); }
}
.hyla-blog-card {
  display: flex; flex-direction: column; gap: 0.75rem;
  text-decoration: none; color: inherit;
  background: #fff; border: 1px solid var(--line, #eadfd6);
  border-radius: 20px; overflow: hidden;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.hyla-blog-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(26, 20, 24, 0.08);
}
.hyla-blog-card-media { aspect-ratio: 16 / 10; overflow: hidden; background: #f4f1f3; }
.hyla-blog-card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hyla-blog-card h3 { margin: 0 1.1rem; font-size: 1.05rem; line-height: 1.3; }
.hyla-blog-card p { margin: 0 1.1rem; color: var(--muted); font-size: 0.92rem; line-height: 1.45; flex: 1; }
.hyla-blog-more {
  margin: 0 1.1rem 1.15rem; font-weight: 650; font-size: 0.88rem;
  color: var(--blue, #6b2d45);
}
.hyla-seo-longform { margin-top: 2rem; max-width: 860px; }

button.btn-add {
  appearance: none; border: 0; cursor: pointer;
  font: inherit;
}

.hyla-single-post { padding: 1.5rem 0 3rem; }
.hyla-single-post .hyla-post-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.15; margin: 0 0 1.25rem; max-width: 18ch;
}
.hyla-single-post .hyla-post-content .dnx-blog { padding-top: 0; }
.hyla-single-post .dnx-blog a { color: var(--blue, #6b2d45); font-weight: 600; }

/* Product description design blocks (PDRN-blog style) */
.dnx-blog {
  --ink: #2a2a2a; --muted: #5c5c5c; --line: #eadfd6; --soft: #faf6f2;
  --accent: #c4785a; --accent2: #8b5e4b; --card: #fff;
  max-width: 860px; margin: 0 auto; padding: 8px 4px 28px;
  font-size: 17px; line-height: 1.65; color: var(--ink);
}
@media (min-width: 768px) {
  .dnx-blog { font-size: 18.5px; line-height: 1.7; padding: 12px 8px 40px; }
}
.dnx-blog .lead { font-size: 1.12em; line-height: 1.55; color: var(--muted); margin: 0 0 1.25rem; }
.dnx-blog h2 { font-size: 1.35em; line-height: 1.25; margin: 2.1rem 0 .75rem; font-weight: 750; }
.dnx-blog h3 { font-size: 1.05em; margin: 1.35rem 0 .4rem; font-weight: 650; }
.dnx-blog p { margin: 0 0 1rem; }
.dnx-blog ul, .dnx-blog ol { margin: 0 0 1.1rem; padding-left: 1.15rem; }
.dnx-blog .callout {
  background: var(--soft); border-left: 4px solid var(--accent);
  border-radius: 0 12px 12px 0; padding: 14px 16px; margin: 1.2rem 0 1.4rem;
}
.dnx-blog .callout strong { display: block; margin-bottom: .25rem; }
.dnx-blog .callout p { margin: 0; color: var(--muted); font-size: .95em; }
.dnx-blog .tips {
  background: var(--card); border: 1px solid var(--line);
  border-radius: 14px; padding: 16px 16px 8px; margin: 1.2rem 0 1.5rem;
}
.dnx-blog .compare { display: grid; gap: 12px; margin: 1.1rem 0 1.5rem; }
@media (min-width: 700px) { .dnx-blog .compare { grid-template-columns: 1fr 1fr; gap: 16px; } }
.dnx-blog .cmp {
  background: var(--card); border: 1px solid var(--line);
  border-radius: 14px; padding: 16px 16px 12px;
}
.dnx-blog .cmp .tag {
  display: inline-block; font-size: .72em; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; color: var(--accent); margin-bottom: .45rem;
}
.dnx-blog .zones { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 1.4rem; }
.dnx-blog .zone {
  background: var(--soft); border: 1px solid var(--line); border-radius: 999px;
  padding: 8px 14px; font-size: .88em; font-weight: 600;
}
.dnx-blog .faq { border-top: 1px solid var(--line); margin-top: 1.6rem; padding-top: .4rem; }
.dnx-blog .faq-item { border-bottom: 1px solid var(--line); padding: .9rem 0; }

/* Cart totals — compact stack; mobile cart page uses a top bar and a bottom footer. */
.hyla-cart-overview-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.12rem;
}
.hyla-cart-overview-row > span:first-child,
.hyla-cart-overview-row > span:last-child {
  justify-self: start;
  text-align: left;
  width: auto;
  max-width: 100%;
}
.hyla-cart-overview-sum,
.hyla-cart-overview-row .hyla-dual-price,
.hyla-cart-overview-row .woocommerce-Price-amount,
body.woocommerce-cart .hyla-woo-content .cart_totals .hyla-dual-price,
body.woocommerce-cart .hyla-woo-content .cart_totals .woocommerce-Price-amount {
  white-space: nowrap;
}
body.woocommerce-cart .hyla-woo-content .cart_totals {
  width: auto !important;
  max-width: 22rem;
}
body.woocommerce-cart .hyla-woo-content .cart_totals table,
body.woocommerce-cart .hyla-woo-content .cart_totals tbody {
  display: block;
  width: 100%;
}
body.woocommerce-cart .hyla-woo-content .cart_totals tr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
  padding: 0.42rem 0;
}
body.woocommerce-cart .hyla-woo-content .cart_totals th,
body.woocommerce-cart .hyla-woo-content .cart_totals td {
  display: block !important;
  width: auto !important;
  max-width: 100%;
  float: none !important;
  text-align: left !important;
  padding: 0 !important;
  border: 0 !important;
}
body.woocommerce-cart .hyla-woo-content .cart_totals td::before {
  display: none !important;
  content: none !important;
}
body.woocommerce-cart .hyla-woo-content .cart_totals td {
  font-weight: 700;
}
body.woocommerce-cart .hyla-woo-content .cart_totals .order-total {
  border-top: 1px solid var(--line);
  margin-top: 0.15rem;
  padding-top: 0.45rem;
}
body.woocommerce-cart .hyla-woo-content .cart_totals .order-total th,
body.woocommerce-cart .hyla-woo-content .cart_totals .order-total td {
  font-size: 1.02rem;
  padding-top: 0 !important;
}
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-promo,
  body.woocommerce-cart .dnx-hyla-dock,
  body.woocommerce-cart .site-footer {
    display: none !important;
  }
  body.woocommerce-cart .site-header {
    background: #fff;
    border-bottom: 1px solid rgba(26,20,24,0.08);
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.woocommerce-cart .hyla-woo-head {
    position: sticky;
    top: var(--header-h, 3.25rem);
    z-index: 25;
    background: #fff;
    margin-bottom: 0.35rem;
    padding: 0.55rem 0 0.65rem;
    border-bottom: 1px solid rgba(26,20,24,0.08);
  }
  body.woocommerce-cart .hyla-woo-head h1 {
    margin: 0;
    font-size: 1.15rem;
  }
  body.woocommerce-cart .hyla-woo-content .woocommerce > .cart-collaterals {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    margin: 0 !important;
    width: 100%;
    max-height: 46vh;
    overflow: auto;
    background: #fff;
    border: 0;
    border-top: 1px solid rgba(26,20,24,0.08);
    border-radius: 0;
    padding: 0.55rem 1rem calc(0.7rem + env(safe-area-inset-bottom));
    box-shadow: none;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals {
    max-width: none;
    width: 100% !important;
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals h2 {
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted);
    margin: 0 0 0.35rem;
  }
  body.woocommerce-cart .hyla-woo-wrap {
    padding-bottom: 17rem;
  }
  body.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: 0.45rem;
  }
  body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    border-radius: 12px !important;
    min-height: 3.05rem;
  }
}

/* One short line under canvas totals and the cart-page totals column. */
.hyla-cart-checkout-note {
  margin: 0.4rem 0 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font-size: 0.72rem;
  line-height: 1.35;
  font-weight: 450;
  color: var(--muted);
}

/* 1.7.165 — top order summary stays labeled; sheet overlays and can be dragged up */
.hyla-co-bottom-summary {
  display: none !important;
}
.hyla-co-summary-toggle.is-open .hyla-co-summary-right {
  background: rgba(26, 20, 24, 0.07);
  border: 1px solid rgba(26, 20, 24, 0.18);
  border-radius: 999px;
  padding: 0.28rem 0.55rem 0.28rem 0.7rem;
}
.hyla-co-summary-handle {
  display: none;
}
/* Sheet body is transparent on desktop; mobile open sheet uses it as scrollport. */
.hyla-co-sheet-body {
  display: contents;
}
@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell {
    overflow: visible;
    z-index: 40;
    border-bottom: 0;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell #order_review.is-summary-open {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 41;
    max-height: min(68vh, 34rem);
    display: flex !important;
    flex-direction: column;
    overflow: hidden !important; /* clip to rounded sheet end */
    -webkit-overflow-scrolling: touch;
    box-shadow:
      0 12px 28px rgba(26, 20, 24, 0.18),
      0 2px 6px rgba(26, 20, 24, 0.08);
    border-bottom: 1px solid rgba(26, 20, 24, 0.16) !important;
    border-radius: 0 0 16px 16px !important;
    padding-bottom: 0 !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell #order_review.is-summary-open .hyla-co-sheet-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden; /* products scroll inside .hyla-co-items; totals stay put */
    padding-bottom: 0.35rem;
    gap: inherit;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell #order_review.is-summary-open .hyla-co-items {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-handle {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    align-self: stretch;
    position: relative;
    z-index: 5;
    height: auto;
    min-height: 1.35rem;
    width: auto;
    margin: 0 -1.15rem !important;
    padding: 0.45rem 0 0.7rem;
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: 0 -10px 18px rgba(255, 255, 255, 0.92);
    cursor: grab;
    touch-action: none;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-handle::before {
    content: "";
    width: 2.5rem;
    height: 4px;
    border-radius: 999px;
    background: rgba(26, 20, 24, 0.32);
  }
}

/* 1.7.166 — room between legal confirmation and Buy now (mobile + desktop) */
body.woocommerce-checkout.hyla-checkout-shopify #hyla-co-pay-host .hyla-co-consent + .place-order,
body.woocommerce-checkout.hyla-checkout-shopify #hyla-co-pay-host .hyla-co-consent + .wc-gzd-order-submit {
  margin-top: 2.15rem !important;
}
body.woocommerce-checkout.hyla-checkout-shopify #hyla-co-pay-host .place-order .legal.form-row,
body.woocommerce-checkout.hyla-checkout-shopify #hyla-co-pay-host .place-order .woocommerce-terms-and-conditions-wrapper,
body.woocommerce-checkout.hyla-checkout-shopify #hyla-co-pay-host .wc-gzd-order-submit .legal.form-row {
  margin-bottom: 1.35rem !important;
}

/* hyla-co-sheet-fixes-20261004 — shipping note fully visible, handle under totals, outside tap closes in checkout.js */
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {
  display: block;
  width: 100%;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
  text-align: left !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  overflow-wrap: break-word;
  word-break: normal;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td *,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td * {
  white-space: normal !important;
  text-overflow: unset !important;
  overflow: visible !important;
}
@media (max-width: 959px) {
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-handle {
    order: 40;
    position: relative !important;
    bottom: auto !important;
    z-index: 5;
    flex-shrink: 0;
    margin: 0 -1.15rem !important;
  }
  /* Tablet/phone sheet: hint stays under the capped product list (not over a tile). */
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-sheet-body > .hyla-co-scroll-hint {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    transform: none;
    margin: 0.35rem auto 0.1rem;
    flex: 0 0 auto;
  }
  body.woocommerce-checkout.hyla-checkout-shopify.hyla-co-summary-expanded .hyla-co-summary-shell #order_review.is-summary-open .hyla-co-items.is-capped {
    flex: 0 1 auto;
    max-height: none; /* height set inline to exactly 5 rows */
  }
}

/* Legal canvas — same shell as favorites; copy and links stay centered, accent only here */
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy {
  text-align: center;
  margin-inline: auto;
  max-width: 38rem;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--fg);
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h1,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h2,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h3,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy p,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy li {
  text-align: center;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h1,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h2,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h3 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  margin: 1rem 0 0.45rem;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h1:first-child,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h2:first-child,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h3:first-child { margin-top: 0; }
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy p { margin: 0 0 0.75rem; }
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy ul,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy ol {
  display: inline-block;
  margin: 0 auto 0.85rem;
  padding-left: 1.15rem;
  text-align: left;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy a {
  color: var(--hyla-accent, #6b2d45);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy a:hover {
  color: var(--hyla-accent-press, #572438);
}

/* 1.7.171 — free price stays on the shipping-title row; long notes stay stacked */
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline th {
  display: block;
  width: auto !important;
  max-width: 70% !important;
  flex: 0 1 auto;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td {
  display: block;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td *,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td * {
  white-space: nowrap !important;
}

/* 1.7.172 / 1.7.437 — cart canvas summary: collapsed = fully hidden (no padding/bg bleed) */
#dnx-hyla-canvas-cart .hyla-cart-overview-body {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0;
  border-top: 1px solid transparent;
  background: transparent;
  overflow: hidden;
  transition: grid-template-rows 0.2s ease, border-color 0.2s ease, padding 0.2s ease, background 0.2s ease;
}
#dnx-hyla-canvas-cart .hyla-cart-overview:not(.is-open) .hyla-cart-overview-body {
  padding: 0 !important;
  border-top-color: transparent !important;
  background: transparent !important;
}
#dnx-hyla-canvas-cart .hyla-cart-overview:not(.is-open) .hyla-cart-overview-clip {
  visibility: hidden;
  pointer-events: none;
}
#dnx-hyla-canvas-cart .hyla-cart-overview.is-open .hyla-cart-overview-body {
  grid-template-rows: 1fr;
  border-top-color: rgba(26, 20, 24, 0.06);
  padding: 0 0.75rem;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-body[hidden] {
  display: grid !important;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-clip {
  overflow: hidden;
  min-height: 0;
}
#dnx-hyla-canvas-cart .hyla-cart-overview.is-open .hyla-cart-overview-clip {
  padding-bottom: 0.65rem;
  visibility: visible;
  pointer-events: auto;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row > span:first-child,
#dnx-hyla-canvas-cart .hyla-cart-overview-row > span:last-child {
  width: auto;
  max-width: none;
  justify-self: auto;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row > span:first-child {
  text-align: left;
  flex: 0 1 auto;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row > span:last-child {
  margin-left: auto;
  text-align: right;
  flex: 0 0 auto;
  white-space: nowrap;
}

/* 1.7.175 — Cart Canvas checkout notice */
#dnx-hyla-canvas-cart .hyla-cart-checkout-note {
  text-align: center;
  font-size: 0.68rem;
  line-height: 1.3;
  opacity: 0.82;
}

/* Mobile header button feedback — keep the desktop header unchanged. */
@media (max-width: 899px) {
  .site-header .icon-btn.menu-only,
  .site-header .header-actions .icon-btn[data-dnx-open="cart"],
  .site-header .header-actions .hyla-cart-trigger {
    transition: background-color 0.16s ease, border-color 0.16s ease,
      box-shadow 0.16s ease, transform 0.16s ease;
  }
  .site-header .icon-btn.menu-only:hover,
  .site-header .header-actions .icon-btn[data-dnx-open="cart"]:hover,
  .site-header .header-actions .hyla-cart-trigger:hover {
    background: #ebe6e9;
    border-color: rgba(26, 20, 24, 0.09);
    box-shadow: 0 2px 8px rgba(26, 20, 24, 0.06);
  }
  .site-header .icon-btn.menu-only:active,
  .site-header .header-actions .icon-btn[data-dnx-open="cart"]:active,
  .site-header .header-actions .hyla-cart-trigger:active {
    background: #e6e0e4;
    transform: scale(0.96);
  }
}

/* 1.7.177 search sheet — chips stay fully visible; filler uses free space above the field. */
@media (max-width: 899px) {
  body.hyla-search-open #hyla-search-drop {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-drop-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-main {
    flex: 0 0 auto;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-main {
    flex: 1 1 auto;
  }
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-filler {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    align-items: flex-start;
    gap: 0.15rem;
    min-height: 0;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-filler {
    display: none !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler-btn {
    display: inline-flex;
    width: auto;
    margin: 0.18rem 0.22rem 0 0;
    padding: 0.42rem 0.75rem;
    border-radius: 999px;
    border: 1px solid var(--line);
    background: var(--bg-tile);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips-dock {
    flex: 0 0 auto;
    overflow: visible;
    max-height: none;
    padding-top: 0.4rem;
    margin-top: 0.15rem;
    border-top: 1px solid rgba(26, 20, 24, 0.06);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips {
    display: flex;
    flex-wrap: wrap;
    max-height: none;
    overflow: visible;
  }
}

/* 1.7.179 / 1.7.368 — mobile header: menu left, cart right (search → menu canvas) */
@media (max-width: 899px) {
  .site-header {
    overflow: visible;
  }
  .site-header .header-shell {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
    align-items: center;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    overflow: visible;
    padding-inline: max(0.625rem, calc((100vw - 24.75rem) / 2));
  }
  .site-header .icon-btn.menu-only {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    display: inline-flex !important;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 5;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    color: #1a1418;
    /* Match footer surface so FABs don’t flash white over gray footer */
    background: #f1edef;
    border: 1px solid rgba(26, 20, 24, 0.1);
    pointer-events: auto;
  }
  .site-header .header-actions {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    width: 2.75rem;
    min-width: 2.75rem;
    margin-left: 0;
    overflow: visible;
    position: relative;
    z-index: 5;
  }
  .site-header .header-actions > .hyla-search-trigger,
  .site-header .header-actions > form.hyla-search-form {
    display: none !important;
  }
  .site-header .header-actions > .icon-btn[data-dnx-open="cart"],
  .site-header .header-actions > .hyla-cart-trigger {
    display: inline-flex !important;
    visibility: visible;
    opacity: 1;
    position: relative;
    z-index: 5;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    color: #1a1418;
    /* Match footer surface so FABs don’t flash white over gray footer */
    background: #f1edef;
    border: 1px solid rgba(26, 20, 24, 0.1);
    pointer-events: auto;
  }
  /* Compact header: badge only, no “Free” chip */
  .site-header .header-actions > .icon-btn[data-dnx-open="cart"] .hyla-cart-free,
  .site-header .header-actions > .hyla-cart-trigger .hyla-cart-free {
    display: none !important;
  }
  .site-header .logo,
  .site-header .logo-link {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    z-index: 1;
    min-width: 0;
    max-width: calc(100% - 6.2rem);
    overflow: hidden;
  }
  .site-header img.logo-img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 26px;
    object-fit: contain;
  }
}

@media (max-width: 899px) {
  .dnx-hyla-canvas,
  #dnx-hyla-canvas-root .dnx-hyla-canvas,
  .dnx-hyla-canvas-bar,
  .dnx-hyla-canvas-body {
    background: #fff !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}


/* 1.7.182 — cart page totals only. Canvas summary stays under #dnx-hyla-canvas-cart. */
body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-subtotal,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.tax-rate,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.tax-total,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.order-total,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-vat-row {
  display: none !important;
}
body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}
body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row th,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping th,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals th,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount th,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee th {
  flex: 0 1 auto;
  width: auto !important;
  text-align: left !important;
}
body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row td,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping td,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals td,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount td,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee td {
  flex: 0 0 auto;
  width: auto !important;
  margin-left: auto;
  text-align: right !important;
  white-space: nowrap;
}
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  width: 100%;
  border-radius: 12px !important;
  min-height: 3.05rem;
  font-size: 0.95rem;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  gap: 0.75rem;
}
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout,
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout .hyla-cart-checkout-total,
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout .woocommerce-Price-amount,
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout .woocommerce-Price-currencySymbol {
  color: #fff !important;
}
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout .hyla-cart-checkout-total {
  margin-left: auto;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(255,255,255,0.28);
  opacity: 0.92;
  font-weight: 650;
}
body.woocommerce-cart .hyla-woo-content .hyla-cart-checkout-note {
  text-align: center;
  width: 100%;
}





/* Cart page on mobile matches the cart canvas foot. Canvas rules stay on #dnx-hyla-canvas-cart. */
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-woo-content .cart_totals h2 {
    display: none;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee {
    padding: 0.32rem 0;
    font-size: 0.8rem;
    border: 0;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row th,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping th,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals th,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount th,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee th {
    color: var(--muted);
    font-weight: 600;
    font-size: 0.8rem;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row td,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping td,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals td,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.cart-discount td,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.fee td {
    color: var(--fg);
    font-weight: 650;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row.is-gross {
    border-top: 1px solid rgba(26,20,24,0.08);
    margin-top: 0.2rem;
    padding-top: 0.45rem;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row.is-gross th,
  body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row.is-gross td {
    color: var(--fg);
    font-weight: 750;
    font-size: 0.92rem;
  }
  body.woocommerce-cart .hyla-woo-content .hyla-cart-checkout-note {
    text-align: center;
    font-size: 0.68rem;
    line-height: 1.3;
    opacity: 0.82;
    margin: 0.15rem 0 0.45rem;
  }
}

/* Account canvas: inline language list at the Sprache row. No shell restyle. */
#dnx-hyla-canvas-account .hyla-account-lang-details { display: block; }
#dnx-hyla-canvas-account summary.hyla-account-lang {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0.15rem;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
  background: transparent;
  border: 0;
  color: var(--fg);
  cursor: pointer;
  list-style: none;
}
#dnx-hyla-canvas-account summary.hyla-account-lang::-webkit-details-marker { display: none; }
#dnx-hyla-canvas-account .hyla-account-lang-details[open] .chev { display: inline-block; transform: rotate(90deg); }
#dnx-hyla-canvas-account .hyla-account-lang-menu {
  list-style: none;
  margin: 0 0 0.35rem;
  padding: 0 0 0.25rem;
}
#dnx-hyla-canvas-account .hyla-account-lang-menu li { border-top: 0; }
#dnx-hyla-canvas-account .hyla-account-lang-menu a {
  justify-content: flex-start;
  gap: 0.55rem;
  padding: 0.62rem 0.2rem;
  border-radius: 12px;
}
#dnx-hyla-canvas-account .hyla-account-lang-menu a[aria-current="true"] {
  color: var(--blue, #6b2d45);
  font-weight: 700;
}

/* Cart page summary matches the canvas overview. Canvas rules stay under #dnx-hyla-canvas-cart. */
body.woocommerce-cart .hyla-woo-content .cart_totals tr.order-tax,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.hyla-cart-page-row,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals {
  display: none !important;
}
body.woocommerce-cart .hyla-cart-page-overview {
  margin: 0 0 0.35rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-body {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0;
  border-top: 1px solid transparent;
  overflow: hidden;
  transition: grid-template-rows 0.2s ease, border-color 0.2s ease;
}
body.woocommerce-cart .hyla-cart-page-overview.is-open .hyla-cart-overview-body {
  grid-template-rows: 1fr;
  border-top-color: rgba(26, 20, 24, 0.06);
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-clip {
  overflow: hidden;
  min-height: 0;
}
body.woocommerce-cart .hyla-cart-page-overview.is-open .hyla-cart-overview-clip {
  padding-bottom: 0.65rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.32rem 0;
  font-size: 0.8rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row > span:first-child {
  text-align: left;
  color: var(--muted);
  font-weight: 600;
  flex: 0 1 auto;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row > span:last-child {
  margin-left: auto;
  text-align: right;
  flex: 0 0 auto;
  white-space: nowrap;
  color: var(--fg);
  font-weight: 650;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row.is-total {
  border-top: 1px solid rgba(26,20,24,0.08);
  margin-top: 0.2rem;
  padding-top: 0.45rem;
  font-size: 0.92rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row.is-total > span {
  font-weight: 750;
  color: var(--fg);
}

/* Cart page is a page: keep header menu and cart visible. */
body.woocommerce-cart .site-header .icon-btn.menu-only,
body.woocommerce-cart .site-header .header-actions .icon-btn[data-dnx-open="cart"],
body.woocommerce-cart .site-header .header-actions .hyla-cart-trigger {
  display: inline-flex !important;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

/* Modest lift of the cart-page summary/checkout block. Does not cover the lines. */
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-woo-content .woocommerce > .cart-collaterals {
    padding-top: 0.15rem;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals table {
    margin: 0 !important;
    border-spacing: 0 !important;
  }
  body.woocommerce-cart .wc-proceed-to-checkout {
    margin-top: 0.1rem;
  }
  body.woocommerce-cart .hyla-cart-page-overview {
    margin-top: 0;
    margin-bottom: 0.15rem;
  }
}
body.woocommerce-cart .hyla-cart-page-secure {
  margin-top: 0.55rem;
  text-align: center;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons {
  justify-content: center;
  flex-wrap: wrap;
}

/* 1.7.187 — mobile Apple liquid glass. Desktop rules above are unchanged. */
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  @media (max-width: 899px) {
    .dnx-hyla-dock {
      background: rgba(255,255,255,0.05);
      background-image: none;
      border: 1px solid rgba(255,255,255,0.28);
      border-radius: 999px;
      box-shadow: 0 10px 28px rgba(26, 20, 24, 0.12);
      backdrop-filter: blur(22px) saturate(180%);
      -webkit-backdrop-filter: blur(22px) saturate(180%);
    }
    .dnx-hyla-dock::before {
      content: "";
      left: 14%;
      right: 14%;
      top: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.82), transparent);
      box-shadow: none;
    }
    .dnx-hyla-dock::after {
      content: none;
      background: none;
      animation: none;
      box-shadow: none;
    }
    .hyla-dock-pill {
      z-index: 0;
      border-radius: 1.25rem;
      background: rgba(255,255,255,0.14);
      background-image: none;
      border: 1px solid rgba(255,255,255,0.40);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.72),
        0 6px 16px rgba(26, 20, 24, 0.12);
      backdrop-filter: blur(16px) saturate(180%) brightness(1.08);
      -webkit-backdrop-filter: blur(16px) saturate(180%) brightness(1.08);
      transition: transform 0.25s ease, left 0.25s ease, width 0.25s ease, height 0.25s ease, opacity 0.2s ease;
    }
    .hyla-dock-pill::before {
      content: "";
      left: 16%;
      right: 16%;
      top: 1px;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.9), transparent);
    }
    .dnx-hyla-dock > button,
    .dnx-hyla-dock > a {
      position: relative;
      z-index: 2;
      background: transparent;
      background-image: none;
    }
  }
}

/* Cart page secure payment — same centered stack as cart canvas. */
body.woocommerce-cart .hyla-cart-page-secure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  margin-top: 0.4rem;
  padding: 0.45rem 0.2rem 0.1rem;
  text-align: center;
  overflow: hidden;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-cart-secure-label {
  display: block;
  margin: 0;
  flex: 0 0 auto;
  white-space: nowrap;
  text-align: center;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons {
  flex: 0 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
  overflow: hidden;
  mask-image: none;
  -webkit-mask-image: none;
  padding: 0;
  max-height: none;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icon,
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons.is-compact .hyla-pay-icon {
  width: 1.85rem;
  height: 1.12rem;
  border-radius: 6px;
  flex: 0 0 auto;
}
@media (max-width: 340px) {
  body.woocommerce-cart .hyla-cart-page-secure {
    flex-wrap: wrap;
    justify-content: center;
  }
  body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons {
    justify-content: center;
  }
}

/* Coupon sits with the total, not in the breakdown or the line-item table. */
body.woocommerce-cart form.woocommerce-cart-form td.actions .coupon {
  display: none !important;
}
body.woocommerce-cart .hyla-cart-page-coupon.hyla-cart-discount {
  margin: 0 0 0.2rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon-toggle {
  padding: 0.15rem 0;
  font-size: 0.72rem;
  font-weight: 550;
  color: var(--muted);
  gap: 0.28rem;
  opacity: 0.78;
}
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon-toggle-ico {
  width: 1rem;
  height: 1rem;
  background: transparent;
  color: var(--muted);
}
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon-field {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.45rem;
  align-items: stretch;
}
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon input {
  font-size: 16px;
  border-radius: 12px;
  border: 1px solid rgba(26,20,24,0.08);
  padding: 0.55rem 0.85rem;
  background: rgba(255,255,255,0.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon .btn {
  white-space: nowrap;
  min-width: 5.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}

@media (max-width: 899px) {
  body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-head {
    padding: 0.35rem 0;
  }
  body.woocommerce-cart .hyla-woo-content .hyla-cart-checkout-note {
    margin: 0.1rem 0 0.3rem;
    font-size: 0.68rem;
    line-height: 1.3;
    text-align: center;
  }
  body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout {
    min-height: 3.05rem;
  }
}

/* 1.7.190 — mobile listing filters use a canvas. Desktop chips and sheets stay. */
@media (max-width: 899px) {
  .hyla-shop-chips { display: none !important; }
  #hyla-filter-canvas-root {
    position: fixed;
    inset: 0;
    z-index: 100200;
    pointer-events: none;
  }
  #hyla-filter-canvas-root.is-open { pointer-events: auto; }
  #hyla-filter-canvas-root .hyla-filter-canvas-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(26, 20, 24, 0.28);
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  #hyla-filter-canvas-root.is-open .hyla-filter-canvas-backdrop { opacity: 1; }
  #dnx-hyla-canvas-filters.is-active {
    transform: translateX(0) !important;
  }
  #dnx-hyla-canvas-filters .dnx-hyla-canvas-list a.is-on {
    font-weight: 650;
  }
  #dnx-hyla-canvas-filters .hyla-mobile-cat-more-list[hidden] {
    display: none;
  }
  #dnx-hyla-canvas-filters .hyla-mobile-cat-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.8rem 0.15rem;
    border: 0;
    border-top: 1px solid var(--line);
    background: transparent;
    color: var(--accent);
    font: inherit;
    font-size: 0.92rem;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
  }
  #dnx-hyla-canvas-filters .hyla-mobile-cat-toggle svg {
    flex: 0 0 auto;
    transition: transform 0.2s ease;
  }
  #dnx-hyla-canvas-filters .hyla-mobile-cat-toggle.is-expanded svg {
    transform: rotate(180deg);
  }
  #dnx-hyla-canvas-filters .dnx-hyla-canvas-list label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 0.15rem;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
    background: transparent;
    border: 0;
    color: var(--fg);
    cursor: pointer;
  }
  #dnx-hyla-canvas-filters .hyla-filter-canvas-foot {
    flex-shrink: 0;
    flex-direction: row;
    gap: 0.55rem;
    margin: 0;
    padding: 0.75rem 0.85rem calc(0.75rem + var(--safe-b));
    border-top: 1px solid var(--line);
    background: #fff;
  }
  #dnx-hyla-canvas-filters .hyla-filter-canvas-foot .btn {
    flex: 1 1 0;
    width: auto;
  }
}
@media (min-width: 900px) {
  #hyla-filter-canvas-root { display: none !important; }
}

/* 1.7.191 — cart page and cart canvas: one left edge, amounts stay right. */
#dnx-hyla-canvas-cart .hyla-cart-scroll,
#dnx-hyla-canvas-cart .hyla-cart-foot {
  padding-left: 1rem;
  padding-right: 1rem;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-line,
#dnx-hyla-canvas-cart .hyla-cart-overview,
#dnx-hyla-canvas-cart .hyla-cart-overview-head,
#dnx-hyla-canvas-cart .hyla-cart-overview-body,
#dnx-hyla-canvas-cart .hyla-cart-overview-row {
  padding-left: 0;
  padding-right: 0;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-head,
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-body,
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-woo-content .woocommerce > .cart-collaterals {
    padding-left: var(--page-gutter);
    padding-right: var(--page-gutter);
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item,
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 900px) {
  body.woocommerce-cart .hyla-woo-content .cart-collaterals,
  body.woocommerce-cart .hyla-woo-content .cart_totals,
  body.woocommerce-cart .hyla-woo-content table.shop_table th,
  body.woocommerce-cart .hyla-woo-content table.shop_table td {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* 1.7.192 — legal links under secure payment on the mobile cart page only. */
body.woocommerce-cart .hyla-cart-page-legal { display: none; }
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-cart-page-legal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.2rem 0.45rem;
    margin: 0.45rem 0 0;
    padding: 0;
    text-align: center;
    font-size: 0.72rem;
    line-height: 1.35;
  }
  body.woocommerce-cart .hyla-cart-page-legal a {
    color: var(--muted);
    font-weight: 500;
    text-decoration: none;
  }
  body.woocommerce-cart .hyla-cart-page-legal-sep {
    color: var(--muted);
    opacity: 0.45;
  }
}

/* 1.7.194 — desktop cart canvas sums: drop the gray panel. Mobile rules stay. */
@media (min-width: 900px) {
  #dnx-hyla-canvas-cart .hyla-cart-overview,
  #dnx-hyla-canvas-cart .hyla-cart-totals {
    background: #fff;
    background-image: none;
    border-color: rgba(26, 20, 24, 0.08);
    box-shadow: none;
  }
}

/* 1.7.198 — desktop order summary: short shipping value stays opposite the title. */
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td,
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td {
    font-size: 0 !important;
    line-height: 0 !important;
  }
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td .hyla-co-ship-summary,
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td .hyla-co-ship-summary {
    font-size: 0.82rem !important;
    line-height: 1.35 !important;
    font-weight: 650;
  }
}

/* 1.7.198 — checkout focus ring: a little room on the left so it is not clipped. */
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-shipping-fields__field-wrapper,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .woocommerce-additional-fields__field-wrapper {
    padding-left: 0.35rem;
    box-sizing: border-box;
  }
}

/* 1.7.198 — cart canvas: product tiles flush with the free-shipping tile. */
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-scroll {
    padding-left: 0;
    padding-right: 0;
  }
}

/* 1.7.198 — recommendation heading sits closer to the first tile. */
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-title {
    align-items: flex-end;
    margin-bottom: 0.2rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-list,
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal ul.products.hyla-cart-ymal-list {
    padding-top: 0.15rem !important;
  }
}

/* 1.7.198 — legal canvas text sits on white. */
#dnx-hyla-canvas-legal .dnx-hyla-canvas-body,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy {
  background: #fff;
  background-image: none;
}
#dnx-hyla-canvas-legal .dnx-hyla-canvas-body {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy {
  border-radius: 14px;
  padding: 0.85rem 0.9rem;
}

/* 1.7.200 — desktop cart canvas: inset product image and totals content. */
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .dnx-hyla-cart-line {
    padding-left: 0.75rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-overview-head {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-overview.is-open .hyla-cart-overview-body {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* 1.7.204 — homepage hero is the category slider (one shared banner). */
/* 1.7.288/295 — equal gap above/below homepage hero banner */
.hyla-cat-slider-sec { padding-top: 0.75rem; }
.hyla-cat-slider-hero { padding-bottom: 0.75rem; }
.hyla-home-hero.hyla-cat-slider-sec.hyla-cat-slider-hero {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 0;
  margin-bottom: 0;
}
/* home-hero img: see 1.7.299 full-bleed bg */

.hyla-cat-slider-shell {
  width: var(--max-wide);
  max-width: var(--page-max);
  margin-inline: auto;
}
@media (max-width: 899px) {
  .hyla-cat-slider-shell {
    width: 100%;
    max-width: none;
    padding-inline: max(0.625rem, calc((100vw - 24.75rem) / 2));
  }
}
.hyla-cat-slider-viewport { position: relative; }
.hyla-cat-slider-track {
  display: flex;
  gap: 0.85rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  border-radius: 0;
}
.hyla-cat-slider-track::-webkit-scrollbar { display: none; }
.hyla-cat-slide {
  position: relative;
  flex: 0 0 calc(100% - 3.4rem);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: block;
  min-height: 26.5rem;
  border-radius: 18px;
  overflow: hidden;
  background:
    radial-gradient(120% 80% at 100% 0%, rgba(107, 45, 69, 0.10), transparent 55%),
    linear-gradient(135deg, #faf7f8 0%, #f3eef1 46%, #eef4f2 100%);
  color: var(--fg);
}
.hyla-cat-slide-visual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 58%;
  z-index: 0;
}
.hyla-cat-slide-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 24%;
  display: block;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 26%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 26%);
}
.hyla-cat-slide-copy {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 26.5rem;
  width: min(46%, 34rem);
  padding: 2.25rem 0.5rem 2.25rem 2.15rem;
  box-sizing: border-box;
}
.hyla-cat-slide h1,
.hyla-cat-slide h2 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.15rem, 3.5vw, 3.35rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0;
  color: #1a1418;
  max-width: 12ch;
}
.hyla-cat-slide h2 { margin-top: 0.2rem; }
.hyla-cat-slide h2.hyla-cat-slide-title { margin-top: 0; }
.hyla-cat-slide-description {
  margin: 0.8rem 0 0;
  max-width: 28ch;
  color: rgba(26, 20, 24, 0.78);
  font-size: clamp(0.92rem, 1.25vw, 1.08rem);
  line-height: 1.45;
}
.hyla-cat-slide-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 1.35rem;
}
.hyla-cat-slide-cta .btn-primary { background: #6b2d45; color: #fff; }
.hyla-cat-slide-cta .btn-primary:hover { background: #572438; }
.hyla-cat-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #6b2d45;
  border: 1px solid rgba(107, 45, 69, 0.18);
  box-shadow: 0 6px 18px rgba(26, 20, 24, 0.12);
  padding: 0;
}
.hyla-cat-arrow:disabled { opacity: 0.38; cursor: default; }
.hyla-cat-prev { left: 0.7rem; }
.hyla-cat-next { right: 0.7rem; }
.hyla-cat-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.85rem;
}
.hyla-cat-dot {
  width: 0.42rem;
  height: 0.42rem;
  padding: 0;
  border-radius: 99px;
  background: rgba(26, 20, 24, 0.22);
}
.hyla-cat-dot[aria-current="true"] {
  width: 1.35rem;
  background: #6b2d45;
}
@media (max-width: 699px) {
  .hyla-cat-slide {
    flex-basis: calc(100% - 2.15rem);
    min-height: 20.5rem;
    border-radius: 16px;
  }
  .hyla-cat-slide-visual { width: 52%; }
  .hyla-cat-slide-copy {
    width: min(58%, 16rem);
    min-height: 20.5rem;
    padding: 1.25rem 0.35rem 1.25rem 1rem;
  }
  .hyla-cat-slide h1,
  .hyla-cat-slide h2 {
    font-size: clamp(1.7rem, 7.2vw, 2.15rem);
    max-width: 11ch;
  }
  .hyla-cat-slide-description {
    margin-top: 0.6rem;
    max-width: 23ch;
    font-size: 0.88rem;
    line-height: 1.35;
  }
  .hyla-cat-slide-cta { gap: 0.45rem; margin-top: 0.95rem; }
  .hyla-cat-slide-cta .btn,
  .hyla-cat-slide-cta .btn-ghost {
    min-height: 2.3rem;
    padding: 0.4rem 0.8rem;
    font-size: 0.78rem;
  }
  .hyla-cat-arrow { width: 2.05rem; height: 2.05rem; }
  .hyla-cat-prev { left: 0.45rem; }
  .hyla-cat-next { right: 0.45rem; }
}
@media (prefers-reduced-motion: reduce) {
  .hyla-cat-slider-track { scroll-behavior: auto; }
}

/* DHL Preferred (Shop/Home) lives under the Standard method, never Express.
   Shiptastic only prints the tiles when the destination country allows them. */
#hyla-co-ship-host ul.woocommerce-shipping-methods > li > .dhl-preferred-service-content {
  margin: 0.45rem 0 0.1rem;
  width: 100%;
  box-sizing: border-box;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods > li > .dhl-preferred-service-content.is-empty-preferred {
  display: none !important;
}
#hyla-co-ship-host ul.dhl-preferred-delivery-types label {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto;
  min-height: 2.15rem;
  padding: 0.35rem 0.5rem !important;
  border-radius: 999px !important;
  background: var(--bg-tile) !important;
  box-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
}
#hyla-co-ship-host ul.dhl-preferred-delivery-types label::before {
  display: none !important;
  content: none !important;
}
#hyla-co-ship-host ul.dhl-preferred-delivery-types li > input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
}
#hyla-co-ship-host .dhl-preferred-service-content .dhl-preferred-service-content,
#hyla-co-ship-host tr.dhl-preferred-service,
#hyla-co-ship-host td.dhl-preferred-service-content {
  display: block;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

/* hyla-clinic-faq: light logo-aligned accordion */
.hyla-clinic-faq {
  padding-top: 0.15rem;
  padding-bottom: 2.35rem;
  background: transparent;
}
.hyla-clinic-faq .section-head {
  margin-bottom: 0.65rem;
}
.hyla-clinic-faq .section-head h2 {
  font-size: clamp(1.2rem, 2.1vw, 1.5rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  line-height: 1.25;
  max-width: 22em;
}
.hyla-clinic-faq .section-head h2::after {
  content: "";
  display: block;
  width: 1.75rem;
  height: 2px;
  margin-top: 0.55rem;
  background: #6b2d45;
  border-radius: 2px;
}
.hyla-clinic-faq-list {
  width: 100%;
  border-top: 1px solid var(--line, #e2d7db);
}
.hyla-clinic-faq-item {
  border-bottom: 1px solid var(--line, #e2d7db);
  background: transparent;
}
.hyla-clinic-faq-item summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 0.05rem;
  font-weight: 630;
  font-size: 0.98rem;
  letter-spacing: -0.02em;
  line-height: 1.35;
}
.hyla-clinic-faq-item summary::-webkit-details-marker { display: none; }
.hyla-clinic-faq-item summary::after {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-right: 1.5px solid #6b2d45;
  border-bottom: 1.5px solid #6b2d45;
  transform: rotate(45deg) translateY(-1px);
  flex: 0 0 auto;
  margin-right: 0.2rem;
}
.hyla-clinic-faq-item[open] summary::after {
  transform: rotate(-135deg) translateY(-1px);
}
.hyla-clinic-faq-item p {
  margin: 0;
  padding: 0 1.75rem 0.95rem 0.05rem;
  max-width: 68ch;
  color: var(--muted, #6d646a);
  font-size: 0.94rem;
  line-height: 1.55;
  font-weight: 450;
}
@media (min-width: 900px) {
  .hyla-clinic-faq { padding-top: 0.35rem; padding-bottom: 3rem; }
  .hyla-clinic-faq-item summary { font-size: 1.05rem; padding: 1rem 0.05rem; }
  .hyla-clinic-faq-item p { font-size: 0.98rem; padding-bottom: 1.05rem; }
}

/* 1.7.206 — homepage: arrows together, brand logos, product rails, treatment areas. */
.hyla-cat-arrow {
  top: auto;
  bottom: 0.85rem;
  transform: none;
}
.hyla-cat-prev { left: auto; right: 3.55rem; }
.hyla-cat-next { right: 0.8rem; }
@media (max-width: 699px) {
  .hyla-cat-arrow { bottom: 0.55rem; }
  .hyla-cat-prev { left: auto; right: 3.05rem; }
  .hyla-cat-next { right: 0.5rem; }
}
.hyla-home-skincare .hyla-home-block { padding-top: 1.15rem; padding-bottom: 1.05rem; }
.hyla-home-skincare .hyla-mfr-sec { padding-top: 0.95rem; }
.hyla-home-skincare .hyla-home-text { padding-top: 0.35rem; padding-bottom: 0.35rem; }
.hyla-home-skincare .hyla-home-text h2 {
  font-size: clamp(1.2rem, 2.1vw, 1.5rem);
  font-weight: 650;
  letter-spacing: -0.03em;
  margin: 0 0 0.45rem;
}
.hyla-home-skincare .hyla-home-text p {
  max-width: 68ch;
  margin: 0 0 0.55rem;
  color: var(--muted);
  line-height: 1.5;
}
.hyla-home-skincare .hyla-home-text p.lead { color: var(--fg); }
.hyla-head-tools {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 0 0 auto;
}
.hyla-rail-arrow {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #6b2d45;
  border: 1px solid rgba(107, 45, 69, 0.18);
  padding: 0;
  box-shadow: 0 4px 12px rgba(26, 20, 24, 0.08);
}
.hyla-rail-track {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 0.15rem;
}
.hyla-rail-track::-webkit-scrollbar { display: none; }
.hyla-brand-tile {
  flex: 0 0 9.25rem;
  scroll-snap-align: start;
  min-height: 7.1rem;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.7rem 0.65rem 0.6rem;
  text-align: center;
  text-decoration: none;
  color: var(--fg);
}
.hyla-brand-tile img {
  width: 100%;
  height: 3.15rem;
  object-fit: contain;
  display: block;
}
.hyla-brand-tile span {
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
}
.hyla-brand-tile.is-text {
  justify-content: center;
}
.hyla-brand-tile.is-text span {
  font-size: 0.95rem;
  letter-spacing: -0.02em;
}
.hyla-home-skincare .hyla-prod-rail .tile {
  flex: 0 0 calc((100% - 2.25rem) / 4);
  scroll-snap-align: start;
  min-width: 0;
}
.hyla-area-tile {
  flex: 0 0 6.4rem;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  text-align: center;
  text-decoration: none;
  color: var(--fg);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.2;
}
.hyla-area-ico {
  width: 3.35rem;
  height: 3.35rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--line);
  color: #6b2d45;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hyla-area-ico svg { width: 1.45rem; height: 1.45rem; display: block; }
@media (max-width: 899px) {
  .hyla-home-skincare .hyla-prod-rail .tile {
    flex-basis: calc((100% - 0.75rem) / 2.15);
  }
  .hyla-brand-tile { flex-basis: 7.6rem; min-height: 6.4rem; }
}
@media (prefers-reduced-motion: reduce) {
  .hyla-rail-track { scroll-behavior: auto; }
}

/* 1.7.207 — manufacturer rail aligns with the logo content edge and continuously scrolls. */
.hyla-home-skincare .hyla-mfr-sec > .wrap {
  width: var(--max-wide);
  max-width: var(--page-max);
  margin-inline: auto;
}
.hyla-home-skincare .hyla-mfr-sec .hyla-rail {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}
.hyla-home-skincare .hyla-mfr-sec .hyla-brand-track {
  width: 100%;
  max-width: none;
  margin-inline: 0;

  scroll-snap-type: none;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
}

/* 1.7.208 — cart canvas and cart page: lock checkout, no shipping row, align tiles. */
#dnx-hyla-canvas-cart .hyla-cart-checkout,
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem;
  text-align: center;
}
.hyla-cart-checkout-lock {
  display: inline-flex;
  flex: 0 0 auto;
  width: 0.95rem;
  height: 0.95rem;
  color: inherit;
}
.hyla-cart-checkout-lock svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hyla-cart-checkout-label {
  line-height: 1.1;
}
.hyla-cart-checkout-total {
  display: none !important;
}
#dnx-hyla-canvas-cart .hyla-cart-checkout-note,
body.woocommerce-cart .hyla-woo-content .hyla-cart-checkout-note {
  margin-top: 0.35rem;
  margin-bottom: 0.95rem;
}
/* Custom overview shipping row is visible; hide only Woo native cart_totals shipping. */
body.woocommerce-cart .hyla-woo-content .cart_totals tr.shipping,
body.woocommerce-cart .hyla-woo-content .cart_totals tr.woocommerce-shipping-totals {
  display: none !important;
}
/* 1.7.253: show cart-canvas / cart-page overview shipping row (Versand or Kühl-Versand). */
#dnx-hyla-canvas-cart .hyla-cart-overview-row.is-shipping,
body.woocommerce-cart .hyla-cart-overview-row.is-shipping {
  display: flex !important;
}
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-title {
    align-items: flex-start;
    min-height: 0;
    height: auto;
    margin: 0 0 0.35rem;
    padding: 0;
  }
  #dnx-hyla-canvas-cart .hyla-cart-foot {
    padding-left: 0;
    padding-right: 0;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-cart-line {
    align-items: center;
  }
  #dnx-hyla-canvas-cart .dnx-hyla-cart-thumb img {
    object-position: center center;
  }
  body.woocommerce-cart .hyla-woo-wrap {
    display: grid;
    /* Full wrap width: items | summary (no side rails — avoids over-centering) */
    grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 24rem);
    column-gap: 1.5rem;
    row-gap: 0.85rem;
    align-items: start;
    justify-content: stretch;
    width: min(100%, 78rem);
    max-width: 78rem;
    margin-inline: auto;
    padding-inline: clamp(1rem, 2.5vw, 1.75rem);
    box-sizing: border-box;
  }
  body.woocommerce-cart .hyla-woo-head,
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content,
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce {
    display: contents;
  }
  body.woocommerce-cart .hyla-woo-head h1 {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-bottom: 0;
    text-align: center;
  }
  body.woocommerce-cart .hyla-woo-content .woocommerce > .woocommerce-notices-wrapper:empty {
    display: none !important;
  }
  body.woocommerce-cart .hyla-woo-content .woocommerce > .woocommerce-notices-wrapper:not(:empty) {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  body.woocommerce-cart .hyla-woo-wrap:has(.woocommerce-notices-wrapper:not(:empty)) .hyla-woo-head h1 {
    grid-row: 2;
  }
  body.woocommerce-cart .hyla-woo-wrap:has(.woocommerce-notices-wrapper:not(:empty)) .hyla-woo-content .woocommerce > .woocommerce-cart-form {
    grid-row: 3;
  }
  body.woocommerce-cart .hyla-woo-wrap:has(.woocommerce-notices-wrapper:not(:empty)) .hyla-woo-content .woocommerce > .cart-collaterals {
    grid-row: 3;
  }
  body.woocommerce-cart .hyla-woo-wrap:has(.woocommerce-notices-wrapper:not(:empty)) .hyla-cart-ymal.is-page-ymal {
    grid-row: 4;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .woocommerce-cart-form {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .cart-collaterals {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0;
    width: 100%;
    /* Stretch to cart-form row height so sticky .cart_totals is constrained
       to the items column — not the full wrap (which includes YMAL). */
    align-self: stretch;
  }
  /* YMAL under cart + summary (full wrap width) */
  body.woocommerce-cart .hyla-cart-ymal.is-page-ymal,
  body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal.is-page-ymal {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    max-width: none;
    margin-top: 1.1rem;
  }
  /* Empty cart: span full wrap (display:contents otherwise parks it in col 1) */
  body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-page-empty,
  body.woocommerce-cart .hyla-woo-content .woocommerce > .wc-empty-cart-message,
  body.woocommerce-cart .hyla-woo-content .woocommerce > .return-to-shop {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: center;
    width: 100%;
    max-width: 26rem;
  }
  /* Vertically center title + empty message in the viewport band */
  body.woocommerce-cart .hyla-woo-wrap:has(.hyla-cart-page-empty),
  body.woocommerce-cart .hyla-woo-wrap:has(.wc-empty-cart-message) {
    min-height: calc(100dvh - 6.75rem);
    align-content: center;
  }
  body.woocommerce-cart .hyla-woo-wrap:has(.hyla-cart-page-empty) .hyla-cart-page-empty,
  body.woocommerce-cart .hyla-woo-wrap:has(.wc-empty-cart-message) .hyla-cart-page-empty,
  body.woocommerce-cart .hyla-woo-wrap:has(.wc-empty-cart-message) .wc-empty-cart-message {
    min-height: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.75rem;
    box-sizing: border-box;
  }
  body.woocommerce-cart .hyla-woo-content .cart-collaterals,
  body.woocommerce-cart .hyla-woo-content .cart_totals {
    width: 100% !important;
    max-width: none;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td.product-remove,
  body.woocommerce-cart .hyla-woo-content table.shop_table thead th.product-remove {
    padding-left: 0.2rem !important;
    padding-right: 0.15rem !important;
    width: 1.7rem;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td.product-thumbnail,
  body.woocommerce-cart .hyla-woo-content table.shop_table thead th.product-thumbnail {
    padding-left: 0.1rem !important;
    text-align: left !important;
  }
  body.woocommerce-cart .hyla-woo-content table.shop_table tbody tr.cart_item td:first-child {
    padding-left: 0.25rem !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_item .product-thumbnail img,
  body.woocommerce-cart .hyla-woo-content .cart_item img {
    object-position: left center;
  }
}


/* 1.7.209 — treatment areas: compact two-row desktop grid and three-column mobile grid. */
.hyla-home-skincare .hyla-areas-sec .hyla-area-track {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.55rem 0.65rem;
  overflow: visible;
  padding-bottom: 0;
}
.hyla-home-skincare .hyla-areas-sec .hyla-area-tile {
  min-width: 0;
  width: auto;
  flex: none;
  gap: 0.25rem;
  font-size: 0.7rem;
  line-height: 1.18;
}
.hyla-home-skincare .hyla-areas-sec .hyla-area-tile > span:last-child {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.hyla-home-skincare .hyla-areas-sec .hyla-area-ico {
  width: 3rem;
  height: 3rem;
}
.hyla-home-skincare .hyla-areas-sec .hyla-head-tools {
  display: none;
}
@media (max-width: 699px) {
  .hyla-home-skincare .hyla-areas-sec .hyla-area-track {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem 0.35rem;
  }
  .hyla-home-skincare .hyla-areas-sec .hyla-area-ico {
    width: 2.8rem;
    height: 2.8rem;
  }
  .hyla-home-skincare .hyla-areas-sec .hyla-area-tile {
    font-size: 0.68rem;
  }
}
/* Footer refinement: subtle desktop columns and mobile accordion. */
@media (min-width: 900px) {
  .footer-col {
    background: rgba(255, 255, 255, 0.42);
    border: 1px solid rgba(26, 20, 24, 0.06);
    border-radius: 12px;
    padding: 0.75rem 0.9rem 0.65rem;
  }
  .footer-col-title,
  .footer-col-sum {
    color: rgba(26, 20, 24, 0.58);
    border-bottom-color: rgba(26, 20, 24, 0.08);
  }
  .footer-col a,
  .footer-col button {
    color: rgba(26, 20, 24, 0.62);
    min-height: 1.9rem;
    font-size: 0.82rem;
  }
}

@media (max-width: 899px) {
  .footer-nav { gap: 0.5rem; }
  .footer-col {
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.48);
    border: 1px solid rgba(26, 20, 24, 0.07);
    border-radius: 12px;
  }
  .footer-col > .footer-col-sum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0.85rem 1rem;
    border: 0;
    color: rgba(26, 20, 24, 0.65);
    pointer-events: auto;
    cursor: pointer;
    text-align: left;
  }
  .footer-col > .footer-col-sum::after {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    margin-left: 0.75rem;
    flex: none;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  .footer-col.is-open > .footer-col-sum::after {
    transform: rotate(225deg);
  }
  .footer-col > ul {
    display: none !important;
    margin: 0 !important;
    padding: 0 1rem 0.75rem !important;
  }
  .footer-col.is-open > ul { display: grid !important; }
  .footer-col a,
  .footer-col button {
    min-height: 2.15rem;
    font-size: 0.875rem;
  }
}


/* 1.7.214 — cart canvas product images centered in their image boxes. */
#dnx-hyla-canvas-cart .dnx-hyla-cart-thumb,
#dnx-hyla-canvas-cart .hyla-cart-ymal-media {
  display: flex;
  align-items: center;
  justify-content: center;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-thumb img,
#dnx-hyla-canvas-cart .hyla-cart-ymal-media img,
#dnx-hyla-canvas-cart .hyla-cart-ymal-img {
  object-position: center center;
}

.footer-brand-disclaimer {
  flex: 1 1 100%;
  width: 100%;
  margin: 0.05rem 0 0;
  font-size: 0.62rem;
  line-height: 1.45;
  color: rgba(26, 20, 24, 0.38);
}

/* 1.7.220 — desktop checkout shipping amount aligns to the right. */
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .hyla-co-ship-summary,
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .hyla-co-ship-summary {
    display: block;
    width: 100%;
    text-align: right !important;
  }
}

/* 1.7.221 superseded — price/ETA now grid-placed via .hyla-ship-method-price + .hyla-ship-method-eta */


/* hyla-canvas-plain 1.7.222 — one shop type scale, no glass, no extra effects.
   Does not touch checkout search hiding or desktop shipping-amount alignment. */
.dnx-hyla-canvas-backdrop,
.hyla-sheet-backdrop,
.hyla-legal-modal-backdrop,
.hyla-search-scrim {
  background: rgba(26, 20, 24, 0.42) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.dnx-hyla-canvas,
#dnx-hyla-canvas-cart.dnx-hyla-canvas,
#dnx-hyla-canvas-desc.dnx-hyla-canvas,
#dnx-hyla-canvas-account.dnx-hyla-canvas,
#dnx-hyla-canvas-menu.dnx-hyla-canvas,
#dnx-hyla-canvas-fav.dnx-hyla-canvas,
#dnx-hyla-canvas-legal.dnx-hyla-canvas,
#dnx-hyla-canvas-filters.dnx-hyla-canvas,
.hyla-sheet,
.hyla-legal-modal-panel,
.hyla-search-drop,
body.hyla-search-open #hyla-search-drop {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  color: var(--fg);
  background: #fff !important;
  border: 1px solid var(--line);
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hyla-sheet::before { content: none !important; display: none !important; }
.dnx-hyla-canvas-bar,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-bar,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-bar,
.hyla-sheet-bar,
.hyla-legal-modal-head {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--line) !important;
  min-height: 3.25rem;
  padding: 0.65rem 1rem;
  padding-top: max(0.65rem, env(safe-area-inset-top));
  box-shadow: none !important;
}
.dnx-hyla-canvas-title,
.dnx-hyla-canvas-bar.is-compact .dnx-hyla-canvas-title,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-title,
#dnx-hyla-canvas-cart a.dnx-hyla-canvas-title.is-open-btn,
#dnx-hyla-canvas-cart button.dnx-hyla-canvas-title.is-open-btn,
.hyla-sheet-bar h2,
.hyla-legal-modal-title {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}
.dnx-hyla-canvas-x,
.dnx-hyla-canvas-back,
.hyla-ymal-toggle,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-x,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-back,
#dnx-hyla-canvas-cart .hyla-ymal-toggle,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-x,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-back,
.hyla-sheet-x,
.hyla-legal-modal-close,
body.hyla-search-open .header-actions .search .hyla-search-back,
body.hyla-search-open form#hyla-header-search.is-mobile-ported .hyla-search-back {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--muted);
}
.dnx-hyla-canvas-x:hover,
.dnx-hyla-canvas-back:hover,
.hyla-ymal-toggle:hover,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-x:hover,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-back:hover,
#dnx-hyla-canvas-cart .hyla-ymal-toggle:hover,
.hyla-sheet-x:hover,
.hyla-legal-modal-close:hover {
  background: var(--bg-tile) !important;
  box-shadow: none !important;
  color: var(--fg);
  transform: none;
}
.hyla-ymal-toggle:active,
button.dnx-hyla-canvas-title.is-open-btn:active,
a.dnx-hyla-canvas-title.is-open-btn:active {
  transform: none;
}
.dnx-hyla-canvas-title-ico,
button.dnx-hyla-canvas-title.is-open-btn:hover .dnx-hyla-canvas-title-ico,
a.dnx-hyla-canvas-title.is-open-btn:hover .dnx-hyla-canvas-title-ico {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.dnx-hyla-canvas:not(#dnx-hyla-canvas-cart) .dnx-hyla-canvas-body,
.hyla-sheet-body,
.hyla-legal-modal-body {
  background: #fff !important;
  padding: 1rem;
  padding-bottom: calc(1rem + var(--safe-b));
  font-size: 0.9375rem;
  line-height: 1.45;
}
#dnx-hyla-canvas-cart .dnx-hyla-canvas-body,
#dnx-hyla-canvas-cart .hyla-cart-foot,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-cta,
.hyla-sheet-foot,
.dnx-hyla-canvas-cta {
  background: #fff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}
.hyla-sheet-foot,
.dnx-hyla-canvas-cta {
  border-top: 1px solid var(--line);
}
#dnx-hyla-canvas-cart .hyla-cart-checkout:hover {
  filter: none;
  box-shadow: none;
}
.hyla-canvas-sec { margin: 1rem 0 0.35rem; }
.hyla-canvas-sec-title,
.hyla-sheet-sec h3,
.hyla-search-sec-label,
.hyla-sheet-filters .hyla-sheet-acc-sum {
  font-family: inherit;
  font-size: 0.8125rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--muted) !important;
}
.dnx-hyla-canvas-list a,
.dnx-hyla-canvas-list button.hyla-canvas-row,
.hyla-account-hello {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.45;
}
.hyla-account-hello { font-weight: 650; margin-bottom: 0.75rem; }
.hyla-account-register,
.hyla-account-lang-meta,
.hyla-account-tax-hint,
.hyla-sheet-option em,
.hyla-canvas-cat span,
.hyla-sheet-cat span,
.hyla-search-hit em,
.hyla-search-empty {
  font-size: 0.8125rem !important;
  line-height: 1.45;
}
.hyla-account-tax,
.hyla-account-tax.is-netto {
  border-radius: var(--radius-sm);
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0.85rem 0;
}
.hyla-tax-switch[aria-checked="true"] .hyla-tax-switch-track {
  background: var(--blue);
}
.hyla-sheet-handle {
  width: 2.25rem;
  height: 2px;
  margin: 0.55rem auto 0;
  border-radius: 0;
  background: var(--line);
  box-shadow: none;
}
.hyla-sheet-acc,
.hyla-sheet-filters .hyla-sheet-acc {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  margin: 0 !important;
}
.hyla-sheet-acc + .hyla-sheet-acc,
.hyla-sheet-filters .hyla-sheet-acc + .hyla-sheet-acc {
  border-top: 1px solid var(--line) !important;
  padding-top: 0;
}
.hyla-sheet-acc-sum {
  padding: 0.85rem 0 !important;
  font-size: 0.9375rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}
.hyla-sheet-option {
  border-radius: 0;
  padding: 0.7rem 0;
  font-size: 0.9375rem;
  font-weight: 500;
  background: transparent;
  box-shadow: none;
}
.hyla-sheet-option:hover,
.hyla-sheet-option.is-on {
  background: var(--bg-tile) !important;
  box-shadow: none !important;
}
.hyla-canvas-cat,
.hyla-sheet-cat,
#dnx-hyla-canvas-menu .hyla-canvas-cat {
  background: #fff !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  min-height: 0;
  padding: 0.85rem;
}
.hyla-canvas-cat:hover,
.hyla-canvas-cat:focus-visible,
.hyla-sheet-cat:hover,
#dnx-hyla-canvas-menu .hyla-canvas-cat:hover,
#dnx-hyla-canvas-menu .hyla-canvas-cat:focus-visible {
  transform: none !important;
  background: var(--bg-tile) !important;
  box-shadow: none !important;
  border-color: var(--line) !important;
}
.hyla-canvas-cat strong,
.hyla-sheet-cat strong {
  font-size: 0.9375rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.hyla-search-hit strong {
  font-weight: 650 !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
}
.hyla-sheet-cat.is-on,
.hyla-canvas-cat.is-on {
  border-color: var(--blue) !important;
  box-shadow: none !important;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy,
.hyla-legal-modal-body,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;
  font-size: 0.9375rem;
  line-height: 1.45;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h1,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h2,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h3,
.hyla-legal-modal-body h1,
.hyla-legal-modal-body h2,
.hyla-legal-modal-body h3,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h1,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h2,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h3 {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h1,
.hyla-legal-modal-body h1,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h1 { font-size: 1.125rem !important; }
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h2,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy h3,
.hyla-legal-modal-body h2,
.hyla-legal-modal-body h3,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h2,
#dnx-hyla-canvas-desc .hyla-desc-canvas-content h3 { font-size: 1rem !important; }
.hyla-canvas-search input,
.hyla-search-chip,
.hyla-search-suggest {
  font-family: inherit;
  font-size: 0.9375rem;
}
.hyla-search-sec { margin-bottom: 1rem; }
.hyla-search-sec + .hyla-search-sec { padding-top: 1rem; }
@media (max-width: 899px) {
  .dnx-hyla-canvas,
  #dnx-hyla-canvas-cart.dnx-hyla-canvas,
  #dnx-hyla-canvas-desc.dnx-hyla-canvas {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100dvh;
    max-height: 100dvh;
    width: 100vw;
    max-width: 100vw;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  .dnx-hyla-canvas[data-side="left"] { left: 0; }
  .dnx-hyla-canvas[data-side="right"] { right: 0; }
  .hyla-sheet {
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    border-radius: var(--radius) var(--radius) 0 0;
    border-bottom: 0;
  }
  .header-actions .search,
  form#hyla-header-search.is-mobile-ported {
    background: #fff !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-radius: var(--radius) !important;
  }
  body.hyla-search-open #hyla-search-drop {
    border-radius: var(--radius) !important;
    box-shadow: none !important;
    padding: 1rem !important;
  }
}
@media (min-width: 900px) {
  .dnx-hyla-canvas,
  #dnx-hyla-canvas-desc.dnx-hyla-canvas,
  #dnx-hyla-canvas-cart.dnx-hyla-canvas {
    border-radius: var(--radius);
  }
  .hyla-sheet {
    border-radius: var(--radius);
    box-shadow: none !important;
  }
  .hyla-search-drop,
  body.hyla-search-open #hyla-search-drop {
    border-radius: var(--radius);
    box-shadow: none !important;
    padding: 1rem;
  }
}

/* 1.7.224 — treatment areas: plain icon and name, not pill buttons. */
.hyla-areas-sec .hyla-area-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.15rem 0.5rem;
  margin: 0;
  padding: 0.1rem 0 0.15rem;
}
.hyla-areas-sec .hyla-area-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.4rem;
  min-width: 0;
  padding: 0.1rem 0.15rem;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
  text-decoration: none;
  color: var(--fg);
}
.hyla-areas-sec .hyla-area-mark {
  width: 1.7rem;
  height: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b2d45;
  background: none;
  border: 0;
  border-radius: 0;
}
.hyla-areas-sec .hyla-area-mark svg {
  width: 1.7rem;
  height: 1.7rem;
  display: block;
}
/* 1.7.288 — need tiles: category/product thumb as icon */
.hyla-needs-sec .hyla-area-mark.has-img {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 12px;
  overflow: hidden;
  background: #f7f3f4;
  border: 1px solid #eadfe3;
}
.hyla-needs-sec .hyla-area-mark.has-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
@media (max-width: 699px) {
  .hyla-needs-sec .hyla-area-mark.has-img {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 10px;
  }
}

.hyla-areas-sec .hyla-area-name {
  max-width: 100%;
  font-size: 0.84rem;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
}
.hyla-areas-sec .hyla-area-item:hover,
.hyla-areas-sec .hyla-area-item:focus-visible {
  color: #6b2d45;
}
.hyla-areas-sec .hyla-area-item:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
@media (max-width: 899px) {
  .hyla-areas-sec .hyla-area-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem 0.4rem;
  }
}
@media (max-width: 699px) {
  .hyla-areas-sec .hyla-area-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.95rem 0.35rem;
  }
  .hyla-areas-sec .hyla-area-name {
    font-size: 0.75rem;
  }
}
/* 1.7.225 — visible mobile footer accordion chevrons. */
@media (max-width: 899px) {
  .footer-col > .footer-col-sum::after {
    content: "" !important;
    display: block !important;
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.75rem;
    flex: 0 0 0.5rem;
    border-right: 1.75px solid rgba(26, 20, 24, 0.65);
    border-bottom: 1.75px solid rgba(26, 20, 24, 0.65);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  .footer-col.is-open > .footer-col-sum::after {
    transform: rotate(225deg);
  }
}

/* 1.7.225 — taxonomy archive intro + featured product links */
.hyla-shop-head .hyla-archive-intro,
.hyla-shop-head .hyla-archive-intro.term-description {
  display: block;
  margin: 0.55rem 0 0;
  max-width: 46rem;
  color: var(--muted);
  font-size: 0.95rem;
  line-height: 1.55;
}
.hyla-shop-head .hyla-archive-intro p {
  margin: 0 0 0.45rem;
}
.hyla-shop-head .hyla-archive-intro p:last-child {
  margin-bottom: 0;
}
.hyla-archive-featured {
  margin: 0 0 1.35rem;
  padding: 1rem 0 0.25rem;
  border-top: 1px solid var(--line);
}
.hyla-archive-featured-head {
  margin: 0 0 0.85rem;
}
.hyla-archive-featured-title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  letter-spacing: 0;
}
.hyla-archive-featured-note {
  margin: 0.25rem 0 0;
  color: var(--muted);
  font-size: 0.85rem;
}
.hyla-archive-featured-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.75rem;
}
.hyla-archive-featured-link {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  text-decoration: none;
  color: var(--fg);
  min-width: 0;
}
.hyla-archive-featured-thumb {
  display: block;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}
.hyla-archive-featured-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.hyla-archive-featured-name {
  font-size: 0.82rem;
  line-height: 1.3;
  font-weight: 500;
}
.hyla-archive-featured-link:hover .hyla-archive-featured-name,
.hyla-archive-featured-link:focus-visible .hyla-archive-featured-name {
  color: #6b2d45;
}
.hyla-archive-empty {
  margin-top: 0.5rem;
}
@media (max-width: 1099px) {
  .hyla-archive-featured-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 699px) {
  .hyla-archive-featured-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* 1.7.226 — archive name list, no product tiles in the SEO strip */
.hyla-archive-names { margin: 0 0 1.25rem; padding-top: 0.35rem; }
.hyla-archive-names-title { margin: 0 0 0.45rem; font-size: 1.05rem; font-weight: 600; }
.hyla-archive-name-list { list-style: disc; margin: 0 0 0.4rem 1.2rem; padding: 0; display: block; }
.hyla-archive-name-list li { margin: 0.18rem 0; }
.hyla-archive-name-list a { color: inherit; text-decoration: underline; text-underline-offset: 0.12em; }
.hyla-archive-follow { margin: 1.35rem 0 0.4rem; max-width: 46rem; }
.hyla-archive-follow h2 { font-size: 1.05rem; font-weight: 600; margin: 1rem 0 0.4rem; }
.hyla-archive-follow p { margin: 0 0 0.7rem; }
.hyla-archive-follow dt { font-weight: 600; margin-top: 0.75rem; }
.hyla-archive-follow dd { margin: 0.15rem 0 0; }


/* 1.7.227 — checkout shipping amount sits on the right with the other sums. */
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th {
  display: block;
  width: auto !important;
  max-width: 55% !important;
  flex: 0 1 auto;
  text-align: left !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td {
  display: block;
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto;
  margin-left: auto;
  text-align: right !important;
  white-space: nowrap;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .woocommerce-Price-amount,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .woocommerce-Price-amount,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .hyla-co-ship-summary,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .hyla-co-ship-summary {
  display: inline-block;
  margin-left: auto;
  text-align: right !important;
  white-space: nowrap !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td label,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td label {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.75rem;
  width: 100%;
  text-align: left;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td label .woocommerce-Price-amount,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td label .woocommerce-Price-amount {
  flex: 0 0 auto;
  margin-left: auto;
  text-align: right !important;
}


/* 1.7.229 — cart canvas product tiles: white image well, centered photo, flush remove. */
#dnx-hyla-canvas-cart .dnx-hyla-cart-line {
  align-items: center;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-thumb {
  width: 4.5rem;
  height: 4.5rem;
  max-width: 4.5rem;
  aspect-ratio: 1 / 1;
  align-self: center;
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(26, 20, 24, 0.14);
  border-radius: 16px;
  box-shadow: none;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-thumb a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.4rem;
  box-sizing: border-box;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-thumb img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  object-fit: contain;
  object-position: center center;
  flex: 0 1 auto;
}
#dnx-hyla-canvas-cart .hyla-cart-remove {
  justify-self: end;
  align-self: center;
  margin: 0;
  width: 1.95rem;
  height: 1.95rem;
  min-width: 1.95rem;
  min-height: 1.95rem;
  padding: 0;
  line-height: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
#dnx-hyla-canvas-cart .hyla-cart-remove svg {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 auto;
}

.hyla-contact-cf7 .wpcf7 { margin: 0; }
.hyla-contact-cf7 .wpcf7 form { display: grid; gap: 0.85rem; }
.hyla-contact-cf7 .wpcf7 label {
  display: grid; gap: 0.35rem;
  font-size: 0.8rem; font-weight: 600; color: var(--fg);
}
.hyla-contact-cf7 .wpcf7 input[type="text"],
.hyla-contact-cf7 .wpcf7 input[type="email"],
.hyla-contact-cf7 .wpcf7 input[type="tel"],
.hyla-contact-cf7 .wpcf7 input[type="url"],
.hyla-contact-cf7 .wpcf7 textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm, 12px);
  padding: 0.75rem 0.85rem;
  font-size: 0.95rem;
  background: #fff;
  color: var(--fg);
  transition: border-color 0.2s;
  font-family: inherit;
}
.hyla-contact-cf7 .wpcf7 textarea { min-height: 8.5rem; resize: vertical; }
.hyla-contact-cf7 .wpcf7 input:focus,
.hyla-contact-cf7 .wpcf7 textarea:focus {
  outline: none; border-color: var(--blue);
}
.hyla-contact-cf7 .wpcf7 .wpcf7-acceptance,
.hyla-contact-cf7 .wpcf7 .wpcf7-acceptance label {
  display: flex; align-items: flex-start; gap: 0.65rem;
  font-size: 0.85rem; font-weight: 500; line-height: 1.45;
  color: var(--muted);
}
.hyla-contact-cf7 .wpcf7 .wpcf7-acceptance input[type="checkbox"] {
  width: 1.1rem; height: 1.1rem; margin-top: 0.15rem; flex-shrink: 0;
  accent-color: var(--blue);
}
.hyla-contact-cf7 .wpcf7 input[type="submit"],
.hyla-contact-cf7 .wpcf7 .wpcf7-submit {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 2.75rem; padding: 0.65rem 1.35rem;
  border: 0; border-radius: var(--radius-pill, 999px);
  background: var(--blue); color: #fff;
  font-size: 0.875rem; font-weight: 600; cursor: pointer;
  transition: transform 0.15s, background 0.15s;
  width: fit-content;
}
.hyla-contact-cf7 .wpcf7 input[type="submit"]:hover,
.hyla-contact-cf7 .wpcf7 .wpcf7-submit:hover { background: var(--blue-press); }
.hyla-contact-cf7 .wpcf7 input[type="submit"]:active,
.hyla-contact-cf7 .wpcf7 .wpcf7-submit:active { transform: scale(0.97); }
.hyla-contact-cf7 .wpcf7-response-output {
  margin: 0.85rem 0 0;
  padding: 0.75rem 0.9rem;
  border-radius: 14px;
  border: 1px solid var(--line);
  font-size: 0.9rem; line-height: 1.45;
}
.hyla-contact-cf7 .wpcf7-not-valid-tip {
  font-size: 0.78rem; color: #b42318; font-weight: 550;
}
.hyla-contact-cf7 .wpcf7-not-valid {
  border-color: #b42318 !important;
}
.hyla-contact-fallback { color: var(--muted); line-height: 1.5; }
.hyla-contact-fallback a { color: var(--blue); font-weight: 600; }

/* 1.7.229 — order summary i18n title + shipping amount in totals column */
body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content #order_review::before {
  content: attr(data-hyla-order-summary) !important;
}

/* Root cause: display:flex/block on tr.shipping only spanned the label table-column,
   so .hyla-co-ship-summary sat mid-panel (right edge at the th|td boundary) while
   cart-subtotal / order-total stayed table-cell right-aligned in the price column. */
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline {
  display: table-row !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  justify-content: normal !important;
  align-items: normal !important;
  gap: 0 !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline th,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline th {
  display: table-cell !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  overflow: visible !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td {
  display: table-cell !important;
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  margin-left: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
  overflow: visible !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .hyla-co-ship-summary,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .hyla-co-ship-summary,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping.hyla-ship-free-inline td .hyla-co-ship-summary,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals.hyla-ship-free-inline td .hyla-co-ship-summary,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .woocommerce-Price-amount,
body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .woocommerce-Price-amount {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: 650;
}
@media (min-width: 960px) {
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.shipping td .hyla-co-ship-summary,
  body.woocommerce-checkout.hyla-checkout-shopify .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td .hyla-co-ship-summary {
    display: inline !important;
    width: auto !important;
    text-align: right !important;
  }
}


/* —— Contact page —— */
.hyla-contact-page { padding-bottom: 3rem; }
.hyla-contact-hero { margin: 0 0 1.75rem; max-width: 40rem; }
.hyla-contact-eyebrow {
  font-size: 0.75rem; font-weight: 600; color: var(--blue);
  letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 0.5rem;
}
.hyla-contact-hero h1 {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2rem, 4.5vw, 3rem);
  font-weight: 600; letter-spacing: -0.02em; line-height: 1.1;
  margin: 0 0 0.75rem;
}
.hyla-contact-lead {
  color: var(--muted); font-size: 1.05rem; line-height: 1.55; margin: 0;
}
.hyla-contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.35fr);
  gap: 1.5rem 2rem;
  align-items: start;
}
@media (max-width: 860px) {
  .hyla-contact-grid { grid-template-columns: 1fr; }
}
.hyla-contact-aside { display: grid; gap: 0.85rem; }
.hyla-contact-card {
  padding: 1rem 1.1rem;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow);
}
.hyla-contact-card p { margin: 0; line-height: 1.55; color: var(--fg); font-size: 0.95rem; }
.hyla-contact-card a { color: var(--blue); font-weight: 600; }
.hyla-contact-card a:hover { text-decoration: underline; }
.hyla-contact-tag {
  display: inline-block;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; color: var(--muted);
  margin-bottom: 0.45rem;
}
.hyla-contact-tip { background: var(--bg-tile); }
.hyla-contact-form-panel {
  padding: 1.25rem 1.35rem 1.5rem;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: var(--shadow);
}
.hyla-contact-form-title {
  margin: 0 0 1rem;
  font-size: 1.15rem; font-weight: 650;
}


/* HYLA_SEARCH_KB — mobile search stays inside the visual viewport, above the keyboard. */
@media (max-width: 899px) {
  body.hyla-search-open form#hyla-header-search.is-mobile-ported {
    top: var(--hyla-form-top, auto) !important;
    bottom: auto !important;
    left: var(--hyla-form-left, 10px) !important;
    width: var(--hyla-form-w, min(calc(100vw - 20px), 24.75rem)) !important;
    max-width: calc(100vw - 20px) !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box;
    overflow: hidden;
  }
  body.hyla-search-open #hyla-search-drop {
    top: var(--hyla-drop-top, 4.5rem) !important;
    bottom: auto !important;
    left: var(--hyla-form-left, 10px) !important;
    width: var(--hyla-form-w, min(calc(100vw - 20px), 24.75rem)) !important;
    max-width: calc(100vw - 20px) !important;
    height: var(--hyla-drop-h, auto) !important;
    max-height: var(--hyla-drop-h, calc(100dvh - 8rem)) !important;
    right: auto !important;
    transform: none !important;
    overflow: hidden !important;
    box-sizing: border-box;
  }
}

/* Shipping page — compact EU tariff table + clear section rhythm */
.entry-content .hyla-ship,
.hyla-legal-modal-body .hyla-ship,
#dnx-hyla-canvas-legal .hyla-legal-canvas-copy .hyla-ship {
  max-width: 52rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  font-family: Manrope, system-ui, sans-serif;
  color: var(--fg, #1a1418);
}
.page-shell .wrap > h1:has(+ .entry-content .hyla-ship) {
  margin: 0 0 0.85rem;
  max-width: 52rem;
}
.entry-content .hyla-ship > section,
.hyla-legal-modal-body .hyla-ship > section,
#dnx-hyla-canvas-legal .hyla-ship > section {
  margin: 0;
  padding: 1.45rem 0 0.2rem;
  border-top: 1px solid rgba(226, 215, 219, 0.75);
}
.entry-content .hyla-ship > section:first-child,
.hyla-legal-modal-body .hyla-ship > section:first-child,
#dnx-hyla-canvas-legal .hyla-ship > section:first-child {
  border-top: 0;
  padding-top: 0.15rem;
}
/* Page already has H1 — drop duplicate intro heading on storefront pages */
.page-shell .entry-content .hyla-ship-intro > h2:first-child {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.entry-content .hyla-ship h2,
.hyla-legal-modal-body .hyla-ship h2,
#dnx-hyla-canvas-legal .hyla-ship h2 {
  font-family: Manrope, system-ui, sans-serif;
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -0.015em;
  line-height: 1.3;
  margin: 0 0 0.7rem;
  color: var(--fg, #1a1418);
}
.entry-content .hyla-ship h3,
.hyla-legal-modal-body .hyla-ship h3,
#dnx-hyla-canvas-legal .hyla-ship h3 {
  font-size: 0.9rem;
  font-weight: 750;
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 0;
}
.entry-content .hyla-ship p,
.hyla-legal-modal-body .hyla-ship p,
#dnx-hyla-canvas-legal .hyla-ship p {
  margin: 0 0 0.7rem;
  font-size: 0.94rem;
  line-height: 1.58;
  color: rgba(26, 20, 24, 0.88);
}
.entry-content .hyla-ship p:last-child,
.hyla-legal-modal-body .hyla-ship p:last-child,
#dnx-hyla-canvas-legal .hyla-ship p:last-child {
  margin-bottom: 0;
}
.entry-content .hyla-ship-intro,
.hyla-legal-modal-body .hyla-ship-intro,
#dnx-hyla-canvas-legal .hyla-ship-intro {
  display: grid;
  gap: 0.75rem;
}
.entry-content .hyla-ship-intro > p:nth-of-type(1),
.hyla-legal-modal-body .hyla-ship-intro > p:nth-of-type(1),
#dnx-hyla-canvas-legal .hyla-ship-intro > p:nth-of-type(1) {
  margin: 0;
  padding: 0.9rem 1rem;
  border: 1px solid var(--line, #e2d7db);
  border-radius: 12px;
  background: #fff;
  line-height: 1.45;
  font-size: 0.92rem;
}
.entry-content .hyla-ship-intro > p:nth-of-type(2),
.hyla-legal-modal-body .hyla-ship-intro > p:nth-of-type(2),
#dnx-hyla-canvas-legal .hyla-ship-intro > p:nth-of-type(2) {
  margin: 0;
  padding: 0 0.15rem;
  font-size: 0.82rem;
  line-height: 1.4;
  color: var(--muted, #6d646a);
}
@media (min-width: 800px) {
  .entry-content .hyla-ship-intro,
  .hyla-legal-modal-body .hyla-ship-intro,
  #dnx-hyla-canvas-legal .hyla-ship-intro {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: 0.75rem 1rem;
  }
  .entry-content .hyla-ship-intro > p:nth-of-type(1),
  .hyla-legal-modal-body .hyla-ship-intro > p:nth-of-type(1),
  #dnx-hyla-canvas-legal .hyla-ship-intro > p:nth-of-type(1) {
    grid-column: 1;
  }
  .entry-content .hyla-ship-intro > p:nth-of-type(2),
  .hyla-legal-modal-body .hyla-ship-intro > p:nth-of-type(2),
  #dnx-hyla-canvas-legal .hyla-ship-intro > p:nth-of-type(2) {
    grid-column: 1;
  }
  .entry-content .hyla-ship-intro .hyla-ship-where,
  .hyla-legal-modal-body .hyla-ship-intro .hyla-ship-where,
  #dnx-hyla-canvas-legal .hyla-ship-intro .hyla-ship-where {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin: 0;
    height: 100%;
  }
}
.entry-content .hyla-ship-where,
.hyla-legal-modal-body .hyla-ship-where,
#dnx-hyla-canvas-legal .hyla-ship-where {
  background: linear-gradient(180deg, #faf8f9 0%, #f4f0f2 100%);
  border: 1px solid var(--line, #e2d7db);
  border-radius: 12px;
  padding: 0.9rem 1rem;
  margin: 0;
  line-height: 1.45;
  font-size: 0.92rem;
}
.entry-content .hyla-ship-kicker,
.hyla-legal-modal-body .hyla-ship-kicker,
#dnx-hyla-canvas-legal .hyla-ship-kicker {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.68rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--blue, #6b2d45);
}
/* EU rates: one compact table instead of 27 stacked cards */
.entry-content .hyla-ship-rows,
.hyla-legal-modal-body .hyla-ship-rows,
#dnx-hyla-canvas-legal .hyla-ship-rows {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0.55rem 0 0.85rem;
  border: 1px solid var(--line, #e2d7db);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.entry-content .hyla-ship-row,
.hyla-legal-modal-body .hyla-ship-row,
#dnx-hyla-canvas-legal .hyla-ship-row {
  display: grid;
  grid-template-columns: minmax(7rem, 1.25fr) repeat(4, minmax(0, 1fr));
  gap: 0.2rem 0.7rem;
  align-items: center;
  margin: 0;
  padding: 0.72rem 1rem;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(226, 215, 219, 0.7);
  background: transparent;
  box-shadow: none;
}
.entry-content .hyla-ship-row:nth-child(even),
.hyla-legal-modal-body .hyla-ship-row:nth-child(even),
#dnx-hyla-canvas-legal .hyla-ship-row:nth-child(even) {
  background: rgba(247, 245, 246, 0.65);
}
.entry-content .hyla-ship-row:last-child,
.hyla-legal-modal-body .hyla-ship-row:last-child,
#dnx-hyla-canvas-legal .hyla-ship-row:last-child {
  border-bottom: 0;
}
.entry-content .hyla-ship-facts,
.hyla-legal-modal-body .hyla-ship-facts,
#dnx-hyla-canvas-legal .hyla-ship-facts {
  display: contents;
  list-style: none;
  margin: 0;
  padding: 0;
}
.entry-content .hyla-ship-facts li,
.hyla-legal-modal-body .hyla-ship-facts li,
#dnx-hyla-canvas-legal .hyla-ship-facts li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.18rem;
  min-width: 0;
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.25;
}
.entry-content .hyla-ship-facts li span,
.hyla-legal-modal-body .hyla-ship-facts li span,
#dnx-hyla-canvas-legal .hyla-ship-facts li span {
  color: var(--muted, #6d646a);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  line-height: 1.2;
}
/* Desktop: column labels only on first row — rest reads as a clean table */
@media (min-width: 800px) {
  .entry-content .hyla-ship-row:not(:first-child) .hyla-ship-facts li span,
  .hyla-legal-modal-body .hyla-ship-row:not(:first-child) .hyla-ship-facts li span,
  #dnx-hyla-canvas-legal .hyla-ship-row:not(:first-child) .hyla-ship-facts li span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .entry-content .hyla-ship-row:first-child,
  .hyla-legal-modal-body .hyla-ship-row:first-child,
  #dnx-hyla-canvas-legal .hyla-ship-row:first-child {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }
}
.entry-content .hyla-ship-facts li strong,
.hyla-legal-modal-body .hyla-ship-facts li strong,
#dnx-hyla-canvas-legal .hyla-ship-facts li strong {
  font-weight: 750;
  font-size: 0.88rem;
  text-align: start;
  font-variant-numeric: tabular-nums;
  color: var(--fg, #1a1418);
}
/* Per-country “Richtwert…” note is repeated 27× — hide; section copy covers it */
.entry-content .hyla-ship-row .hyla-ship-note,
.hyla-legal-modal-body .hyla-ship-row .hyla-ship-note,
#dnx-hyla-canvas-legal .hyla-ship-row .hyla-ship-note {
  display: none;
}
.entry-content .hyla-ship-note,
.hyla-legal-modal-body .hyla-ship-note,
#dnx-hyla-canvas-legal .hyla-ship-note {
  display: block;
  color: var(--muted, #6d646a);
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0.4rem 0 0;
}
.entry-content .hyla-ship-list,
.hyla-legal-modal-body .hyla-ship-list,
#dnx-hyla-canvas-legal .hyla-ship-list {
  margin: 0 0 0.85rem;
  padding-left: 1.15rem;
  display: grid;
  gap: 0.35rem;
  font-size: 0.92rem;
  line-height: 1.5;
}
.entry-content .hyla-ship small,
.hyla-legal-modal-body .hyla-ship small,
#dnx-hyla-canvas-legal .hyla-ship small {
  color: var(--muted, #6d646a);
  font-size: 0.78rem;
  line-height: 1.45;
}
@media (max-width: 799px) {
  .entry-content .hyla-ship-row,
  .hyla-legal-modal-body .hyla-ship-row,
  #dnx-hyla-canvas-legal .hyla-ship-row {
    grid-template-columns: 1fr 1fr;
    gap: 0.45rem 0.75rem;
    padding: 0.75rem 0.85rem;
  }
  .entry-content .hyla-ship-row h3,
  .hyla-legal-modal-body .hyla-ship-row h3,
  #dnx-hyla-canvas-legal .hyla-ship-row h3 {
    grid-column: 1 / -1;
    font-size: 0.92rem;
    margin: 0 0 0.1rem;
  }
  .entry-content .hyla-ship-facts li strong,
  .hyla-legal-modal-body .hyla-ship-facts li strong,
  #dnx-hyla-canvas-legal .hyla-ship-facts li strong {
    font-size: 0.9rem;
  }
}
@media (min-width: 800px) {
  .entry-content .hyla-ship-row:hover,
  .hyla-legal-modal-body .hyla-ship-row:hover,
  #dnx-hyla-canvas-legal .hyla-ship-row:hover {
    background: rgba(107, 45, 69, 0.035);
  }
}


/* 1.7.239 — mobile search zoom, most-searched row, one product row while the keyboard is open. */
@media (max-width: 899px) {
  #hyla-search-input,
  body.hyla-search-open .header-actions .search input,
  body.hyla-search-open form#hyla-header-search.is-mobile-ported input,
  #hyla-canvas-search-input,
  .hyla-canvas-search input[type="search"],
  body.woocommerce-checkout .hyla-woo-content .form-row input.input-text,
  body.woocommerce-checkout .hyla-woo-content .form-row textarea,
  body.woocommerce-checkout .hyla-woo-content .form-row select,
  body.woocommerce-checkout .hyla-woo-content .select2-container .select2-selection--single,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row input.input-text,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row textarea,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .form-row select,
  body.woocommerce-checkout.hyla-checkout-shopify .hyla-woo-content .select2-container .select2-selection--single,
  body.woocommerce-checkout .select2-dropdown .select2-search__field,
  body.woocommerce-checkout .select2-container .select2-search__field {
    font-size: 16px !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-drop-body {
    overflow: hidden;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler,
  body.hyla-kb-open #hyla-search-drop .hyla-search-filler,
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-filler {
    display: flex !important;
    flex-direction: column;
    flex: 0 0 auto !important;
    align-items: stretch;
    gap: 0.2rem;
    width: 100%;
    min-height: 0;
    position: relative;
    z-index: 3;
    background: #fff;
    margin: 0 0 0.45rem;
    overflow: visible;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler-row {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: flex-start;
    gap: 0.35rem;
    width: 100%;
    position: relative;
    z-index: 3;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler-row .hyla-search-filler-btn,
  body.hyla-search-open #hyla-search-drop .hyla-search-filler .hyla-search-suggest {
    display: inline-flex !important;
    flex: 1 1 auto;
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
    justify-content: center;
    white-space: nowrap;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-main {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    position: relative;
    z-index: 1;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits {
    max-height: 5.1rem;
    grid-auto-rows: minmax(0, 4.7rem);
    overflow: hidden;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 4) {
    display: none !important;
  }
}

/* Shipping tiles: one-line date, hide ships-today pill */
.hyla-pdp-fact.is-ship { display: none !important; }
.hyla-pdp-eta-row {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.1rem;
  min-height: 3.15rem;
  border-radius: 14px;
}
.hyla-pdp-eta-svc,
.hyla-pdp-eta-dates {
  display: block;
  white-space: nowrap;
  max-width: 100%;
}
.hyla-pdp-eta-dates {
  text-align: left;
  font-size: 0.66rem;
  letter-spacing: -0.02em;
}
#hyla-co-ship-host .hyla-ship-method-eta,
.hyla-woo-content #order_review .hyla-ship-method-eta,
.woocommerce-cart .hyla-ship-method-eta {
  white-space: nowrap;
}

/* 1.7.245 — cart canvas "You might also like": heading never shrinks behind the tiles;
   tile rail gets inner side padding so the hover lift/shadow is not clipped. */
#dnx-hyla-canvas-cart .hyla-cart-ymal-title {
  flex: 0 0 auto;
  position: relative;
  z-index: 2;
}
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-title {
    flex: 0 0 auto;
    min-height: 1.2rem;
    overflow: visible;
    margin: 0;
    padding: 0.2rem 0.4rem 0 0.6rem;
  }
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal .hyla-cart-ymal-list,
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-desktop-ymal ul.products.hyla-cart-ymal-list {
    padding: 0.45rem 0.4rem 0.7rem 0.6rem !important;
    scroll-padding: 0.45rem 0.4rem 0.7rem 0.6rem;
  }
}
@media (max-width: 959px) {
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-mobile-ymal .hyla-cart-ymal-list,
  #dnx-hyla-canvas-cart .hyla-cart-ymal.is-mobile-ymal ul.products.hyla-cart-ymal-list {
    padding: 0.4rem 0.45rem 0.9rem 0.6rem !important;
    scroll-padding-inline: 0.6rem 0.45rem;
  }
}

/* === Payment methods page: desktop grid / mobile accordion (2026-10-05) === */
.entry-content .hyla-pay,
.hyla-pay {
  max-width: none;
  width: 100%;
}
.entry-content .hyla-pay > .hyla-pay-intro,
.hyla-pay > .hyla-pay-intro {
  margin: 0 0 1.25rem;
  font-size: 1rem;
  line-height: 1.55;
  max-width: 46rem;
}
.entry-content .hyla-pay-list,
.hyla-pay-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .entry-content .hyla-pay-list,
  .hyla-pay-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .entry-content .hyla-pay-list,
  .hyla-pay-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.entry-content .hyla-pay-card,
.hyla-pay-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid var(--line, #e2d7db);
  border-radius: var(--radius, 14px);
  background: #fff;
  padding: 0;
  overflow: hidden;
  min-width: 0;
}
/* Pre-JS fallback: stacked logo + copy inside each tile */
.entry-content .hyla-pay-card:not(.hyla-pay-card--ready),
.hyla-pay-card:not(.hyla-pay-card--ready) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
  padding: 0.9rem 1rem;
}
.entry-content .hyla-pay-card:not(.hyla-pay-card--ready) .hyla-pay-logo,
.hyla-pay-card:not(.hyla-pay-card--ready) .hyla-pay-logo {
  justify-content: flex-start;
}
.entry-content .hyla-pay-card__head,
.hyla-pay-card__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  padding: 0.9rem 1rem 0.45rem;
  border: 0;
  background: transparent;
  cursor: default;
  text-align: left;
  font: inherit;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
}
.entry-content .hyla-pay-logo,
.hyla-pay-logo {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 2.75rem;
}
.entry-content .hyla-pay-logo img,
.hyla-pay-logo img {
  max-width: 100%;
  max-height: 2.75rem;
  width: auto;
  height: auto;
  object-fit: contain;
}
.entry-content .hyla-pay-card h2,
.entry-content .hyla-pay-card__head h2,
.hyla-pay-card h2,
.hyla-pay-card__head h2 {
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.3;
}
.entry-content .hyla-pay-card__body,
.hyla-pay-card__body {
  padding: 0 1rem 0.95rem;
}
.entry-content .hyla-pay-card__body p,
.entry-content .hyla-pay-card p,
.hyla-pay-card__body p,
.hyla-pay-card p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.5;
}
.entry-content .hyla-pay-card__chev,
.hyla-pay-card__chev {
  display: none;
}

@media (max-width: 767px) {
  .entry-content .hyla-pay-list,
  .hyla-pay-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
  }
  .entry-content .hyla-pay-card:not(.hyla-pay-card--ready),
  .hyla-pay-card:not(.hyla-pay-card--ready) {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
  .entry-content .hyla-pay-card__head,
  .hyla-pay-card__head {
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    cursor: pointer;
  }
  .entry-content .hyla-pay-logo,
  .hyla-pay-logo {
    min-height: 2.25rem;
    flex: 0 0 4.5rem;
    max-width: 4.5rem;
  }
  .entry-content .hyla-pay-logo img,
  .hyla-pay-logo img {
    max-height: 2.25rem;
  }
  .entry-content .hyla-pay-card__head h2,
  .hyla-pay-card__head h2 {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1rem;
  }
  .entry-content .hyla-pay-card__chev,
  .hyla-pay-card__chev {
    display: block;
    flex: 0 0 auto;
    width: 0.48rem;
    height: 0.48rem;
    margin-left: auto;
    margin-top: -0.2rem;
    border-right: 1.7px solid var(--muted, #6b5f66);
    border-bottom: 1.7px solid var(--muted, #6b5f66);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  .entry-content .hyla-pay-card.is-open .hyla-pay-card__chev,
  .hyla-pay-card.is-open .hyla-pay-card__chev {
    transform: rotate(-135deg);
    margin-top: 0.15rem;
  }
  .entry-content .hyla-pay-card__body,
  .hyla-pay-card__body {
    padding: 0.75rem 1rem 0.95rem;
    border-top: 1px solid rgba(26, 20, 24, 0.06);
  }
  .entry-content .hyla-pay-card__body[hidden],
  .hyla-pay-card__body[hidden] {
    display: none !important;
  }
}

/* hyla-account-ui 1.7.247 — account canvas: tax tile inner spacing (netto + brutto)
   and mobile language bottom sheet. Scoped to #dnx-hyla-canvas-account / #hyla-lang-sheet. */
#dnx-hyla-canvas-account .dnx-hyla-canvas-list .hyla-account-tax-item {
  margin: 0;
  padding: 0.7rem 0;
}
#dnx-hyla-canvas-account .hyla-account-tax,
#dnx-hyla-canvas-account .hyla-account-tax.is-netto,
#dnx-hyla-canvas-account .hyla-account-tax.is-brutto {
  box-sizing: border-box;
  width: 100%;
  min-height: 4.25rem;
  padding: 0.9rem 1rem !important;
  gap: 0.25rem 1rem;
  align-items: center;
}
#dnx-hyla-canvas-account .hyla-account-tax-copy { gap: 0.2rem; }
#dnx-hyla-canvas-account .hyla-account-tax-hint {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
#dnx-hyla-canvas-account .hyla-account-tax .hyla-tax-switch { margin: 0; }

/* Mobile: language row opens a bottom sheet instead of the inline list */
@media (max-width: 899px) {
  #dnx-hyla-canvas-account .hyla-account-lang-details[open] > .hyla-account-lang-menu { display: none; }
  #dnx-hyla-canvas-account .hyla-account-lang-details[open] .chev { transform: none; }
}
#hyla-lang-sheet.hyla-sheet-root { z-index: 100300; }
#hyla-lang-sheet .hyla-sheet { max-height: min(80dvh, 640px); }
#hyla-lang-sheet .hyla-sheet-bar {
  padding-top: 0.55rem;
  min-height: 3rem;
}
#hyla-lang-sheet .hyla-sheet-body {
  padding: 0.5rem 0.6rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
  overscroll-behavior: contain;
}
#hyla-lang-sheet .hyla-lang-sheet-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.15rem;
}
#hyla-lang-sheet .hyla-lang-sheet-list li { border: 0; margin: 0; }
#hyla-lang-sheet .hyla-lang-sheet-list a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-height: 3rem;
  padding: 0.7rem 0.8rem;
  border-radius: 12px;
  color: var(--fg);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  #hyla-lang-sheet .hyla-lang-sheet-list a:hover { background: var(--bg-tile, #f6f3f4); }
}
#hyla-lang-sheet .hyla-lang-sheet-list a:focus-visible,
#hyla-lang-sheet .hyla-lang-sheet-list a:active {
  background: var(--bg-tile, #f6f3f4);
  outline: none;
}
#hyla-lang-sheet .hyla-lang-sheet-list a[aria-current="true"] {
  color: var(--blue, #6b2d45);
  font-weight: 700;
  background: var(--bg-tile, #f6f3f4);
}
#hyla-lang-sheet .hyla-lang-sheet-list a[aria-current="true"]::after {
  content: "";
  margin-inline-start: auto;
  width: 0.45rem;
  height: 0.8rem;
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  transform: translateY(-2px) rotate(45deg);
}
#hyla-lang-sheet .hyla-account-lang-flag { font-size: 1.25rem; line-height: 1; }

/* 1.7.250 hyla-cold-prx: forced express — greyed standard + cold-chain badge */
#hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled {
  position: relative !important;
  pointer-events: none;
  user-select: none;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled > label,
#hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled > label.hyla-ship-pill {
  cursor: not-allowed;
  align-items: center;
  min-height: 2.85rem;
  padding-inline-end: 12.5rem !important;
  background: #f5f3f4 !important;
  border-style: dashed !important;
  border-color: rgba(26,20,24,0.14) !important;
  box-shadow: none !important;
  opacity: 0.55;
  filter: grayscale(1);
}
#hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled > label::before {
  border-color: rgba(26,20,24,0.18) !important;
  box-shadow: none !important;
  background: #ece9eb !important;
  margin-top: 0 !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled .hyla-ship-method-main {
  color: #6e656c;
}
#hyla-co-ship-host .hyla-ship-cold-badge {
  position: absolute;
  top: 50%;
  inset-inline-end: 0.7rem;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  max-width: calc(100% - 3.2rem);
  padding: 0.24rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(31, 79, 130, 0.2);
  background: #e9f2fc;
  color: #1f4f82;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#hyla-co-ship-host .hyla-ship-cold-badge::before {
  content: "\2744";
  font-size: 0.78rem;
  line-height: 1;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods.has-cold-std > li:not(.hyla-ship-std-disabled) > label {
  border-color: rgba(107, 45, 69, 0.35) !important;
  background: linear-gradient(145deg, rgba(107, 45, 69, 0.06) 0%, #fff 70%) !important;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods.has-cold-std > li:not(.hyla-ship-std-disabled) > label::before {
  border-color: #6b2d45;
  box-shadow: inset 0 0 0 3.5px #6b2d45;
}
#hyla-co-ship-host ul.woocommerce-shipping-methods.has-cold-std > li + li {
  margin-top: 0.45rem !important;
}
@media (max-width: 560px) {
  #hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled > label,
  #hyla-co-ship-host ul.woocommerce-shipping-methods > li.hyla-ship-std-disabled > label.hyla-ship-pill {
    padding-inline-end: 0.8rem !important;
    padding-bottom: 2.15rem !important;
    align-items: start;
  }
  #hyla-co-ship-host .hyla-ship-cold-badge {
    top: auto;
    bottom: 0.5rem;
    transform: none;
    inset-inline-start: 2.6rem;
    inset-inline-end: auto;
  }
}

/* 1.7.254 — cart canvas: 10px side inset for the product list on desktop;
   remove button sits in the top-right corner of each product tile. */
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-scroll {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-line {
  position: relative;
  grid-template-columns: 4.5rem minmax(0, 1fr);
  padding-inline-end: 0.75rem;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-line .dnx-hyla-cart-info h4 {
  padding-inline-end: 2.1rem;
}
#dnx-hyla-canvas-cart .dnx-hyla-cart-line > .hyla-cart-remove {
  position: absolute;
  top: 0.45rem;
  inset-inline-end: 0.45rem;
  inset-inline-start: auto;
  bottom: auto;
  margin: 0;
  align-self: auto;
  justify-self: auto;
  z-index: 2;
}

/* 1.7.261 hyla-content-lists: content HTML lists (PDP description, desc canvas, category intro/follow SEO blocks).
   Global reset (* { padding:0 }) made default disc markers hang left of the text edge.
   Markers now sit inside the column; unordered lists use a subtle accent chevron. */
.hyla-pdp-desc-body ul:not([class]),
.hyla-archive-follow ul:not([class]),
.hyla-archive-intro ul:not([class]),
.term-description ul:not([class]) {
  list-style: none;
  margin: 0.15rem 0 0.9rem;
  padding: 0;
  padding-inline-start: 0;
}
.hyla-pdp-desc-body ul:not([class]) > li,
.hyla-archive-follow ul:not([class]) > li,
.hyla-archive-intro ul:not([class]) > li,
.term-description ul:not([class]) > li {
  position: relative;
  margin: 0 0 0.38rem;
  padding-inline-start: 1.15rem;
  list-style: none;
}
.hyla-pdp-desc-body ul:not([class]) > li:last-child,
.hyla-archive-follow ul:not([class]) > li:last-child,
.hyla-archive-intro ul:not([class]) > li:last-child,
.term-description ul:not([class]) > li:last-child { margin-bottom: 0; }
.hyla-pdp-desc-body ul:not([class]) > li::before,
.hyla-archive-follow ul:not([class]) > li::before,
.hyla-archive-intro ul:not([class]) > li::before,
.term-description ul:not([class]) > li::before {
  content: "\203A";
  position: absolute;
  inset-inline-start: 0.1rem;
  top: 0;
  color: var(--blue, #6b2d45);
  font-weight: 700;
  font-size: 1.12em;
  line-height: inherit;
  margin-top: -0.06em;
}
[dir="rtl"] .hyla-pdp-desc-body ul:not([class]) > li::before,
[dir="rtl"] .hyla-archive-follow ul:not([class]) > li::before,
[dir="rtl"] .hyla-archive-intro ul:not([class]) > li::before,
[dir="rtl"] .term-description ul:not([class]) > li::before { content: "\2039"; }
/* nested lists: lighter marker, small top gap */
.hyla-pdp-desc-body ul:not([class]) ul:not([class]),
.hyla-archive-follow ul:not([class]) ul:not([class]) { margin: 0.3rem 0 0.1rem; }
.hyla-pdp-desc-body ul:not([class]) ul:not([class]) > li::before,
.hyla-archive-follow ul:not([class]) ul:not([class]) > li::before { color: var(--muted, #6d646a); font-weight: 600; }
/* ordered lists: numbers inside the column */
.hyla-pdp-desc-body ol:not([class]),
.hyla-archive-follow ol:not([class]),
.hyla-archive-intro ol:not([class]),
.term-description ol:not([class]) {
  list-style: decimal;
  list-style-position: outside;
  margin: 0.15rem 0 0.9rem;
  padding: 0;
  padding-inline-start: 1.4rem;
}
.hyla-pdp-desc-body ol:not([class]) > li,
.hyla-archive-follow ol:not([class]) > li,
.hyla-archive-intro ol:not([class]) > li,
.term-description ol:not([class]) > li { margin: 0 0 0.38rem; padding-inline-start: 0.15rem; }
.hyla-pdp-desc-body ol:not([class]) > li::marker,
.hyla-archive-follow ol:not([class]) > li::marker,
.hyla-archive-intro ol:not([class]) > li::marker,
.term-description ol:not([class]) > li::marker { color: var(--blue, #6b2d45); font-weight: 600; }
/* /hyla-content-lists */

/* hyla-account-forms 1.7.262 — My Account (logged in): grid layout, nav card with icons,
   edit-account / edit-address forms with checkout-style pill labels, address tiles, dashboard tiles.
   Scoped to body.woocommerce-account; login/register forms untouched. */
body.woocommerce-account .hyla-woo-content > .woocommerce {
  display: grid;
  gap: 1rem;
  align-items: start;
}
body.woocommerce-account .hyla-woo-content > .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.woocommerce-account .hyla-woo-content > .woocommerce > .woocommerce-notices-wrapper:empty { display: none; }
body.woocommerce-account .hyla-woo-content > .woocommerce > #customer_login,
body.woocommerce-account .hyla-woo-content > .woocommerce > .u-columns { grid-column: 1 / -1; }
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-wrapper,
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation,
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  min-width: 0;
  box-sizing: border-box;
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content::before,
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content::after { content: none; }

/* Nav card (XStore wrapper: avatar + name + email, then links) */
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-wrapper {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 0.6rem;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-wrapper .woocommerce-MyAccount-navigation {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  position: static;
}
body.woocommerce-account .hyla-woo-content .MyAccount-user-info {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.45rem 0.5rem 0.75rem;
  margin: 0 0 0.45rem;
  border-bottom: 1px solid var(--line);
  min-width: 0;
}
body.woocommerce-account .hyla-woo-content .MyAccount-user-info img.avatar {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0;
  background: var(--bg-tile);
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--line);
}
body.woocommerce-account .hyla-woo-content .MyAccount-user-info > div {
  min-width: 0;
  font-size: 0.76rem;
  line-height: 1.35;
  color: var(--muted);
}
body.woocommerce-account .hyla-woo-content .MyAccount-user-info > div > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.woocommerce-account .hyla-woo-content .MyAccount-user-name {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.01em;
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li { margin: 0; padding: 0; border: 0; }
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation a {
  gap: 0.6rem;
  min-height: 2.5rem;
  padding: 0.55rem 0.8rem;
  border-radius: 12px;
  font-size: 0.86rem;
  white-space: nowrap;
  box-sizing: border-box;
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation a::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: currentColor;
  opacity: 0.75;
  -webkit-mask: var(--hyla-acc-ico, none) center / 18px 18px no-repeat;
  mask: var(--hyla-acc-ico, none) center / 18px 18px no-repeat;
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation .is-active a::before { opacity: 1; }
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--dashboard {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='2'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 12.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 7 19.5L6 7Z'/%3E%3Cpath d='M9 7V6a3 3 0 0 1 6 0v1'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4-4m4 4 4-4'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20.5c1.2-3.6 4-5.5 7.5-5.5s6.3 1.9 7.5 5.5'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
  --hyla-acc-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H7.5a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2H14'/%3E%3Cpath d='M17 8.5 20.5 12 17 15.5M20.5 12H10'/%3E%3C/svg%3E");
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--muted); }
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-link--customer-logout a:hover { color: var(--blue); }

@media (min-width: 900px) {
  body.woocommerce-account.logged-in .hyla-woo-content > .woocommerce {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 1.5rem;
  }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-wrapper {
    position: sticky;
    top: calc(var(--header-h, 64px) + 0.75rem);
  }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 0.35rem !important;
    padding-top: 0.35rem !important;
    border-top: 1px solid var(--line) !important;
  }
}
@media (max-width: 899px) {
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    gap: 0.35rem;
    padding: 0.1rem;
    scroll-snap-type: x proximity;
  }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none; }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li { flex: 0 0 auto; scroll-snap-align: start; }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation a {
    width: auto;
    min-height: 2.35rem;
    padding: 0.45rem 0.85rem 0.45rem 0.7rem;
    border: 1px solid var(--line);
    border-radius: var(--radius-pill);
    background: #fff;
    font-size: 0.82rem;
  }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--blue);
    border-color: var(--blue);
    color: #fff;
  }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation a::before { flex-basis: 16px; width: 16px; height: 16px; -webkit-mask-size: 16px 16px; mask-size: 16px 16px; }
}

/* Content card */
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content {
  padding: 1.5rem 1.6rem 1.6rem;
}
@media (max-width: 599px) {
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content { padding: 1.15rem 1rem 1.2rem; border-radius: 14px; }
  body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-navigation-wrapper { padding: 0.5rem; }
}
body.woocommerce-account .hyla-woo-content .woocommerce-MyAccount-content > .woocommerce-notices-wrapper:empty { display: none; }

/* Section titles: edit-account sections, edit-address form title, address tiles, dashboard */
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section-title,
body.woocommerce-account .woocommerce-MyAccount-content form > h2,
body.woocommerce-account .woocommerce-MyAccount-content > h3.title,
body.woocommerce-account .woocommerce-MyAccount-content > h2 {
  display: block;
  float: none;
  width: 100%;
  margin: 0 0 1.15rem !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: var(--fg) !important;
  text-align: start;
}
body.woocommerce-account .woocommerce-MyAccount-content > h3.title span { all: unset; }

/* Edit account: sections */
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section + .hyla-account-section {
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--line);
}
body.woocommerce-account .woocommerce-MyAccount-content legend.hyla-account-section-title { float: left; }
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section-lead::first-letter { text-transform: uppercase; }
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section-lead,
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid { clear: both; }
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-section-lead {
  margin: -0.85rem 0 1.2rem;
  color: var(--muted);
  font-size: 0.8rem;
  line-height: 1.45;
}
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem 0.9rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid > * { grid-column: 1 / -1; min-width: 0; }
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid > .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid > .form-row-last { grid-column: auto; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row { min-width: 0; }
@media (max-width: 599px) {
  body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.15rem;
  }
  body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid > .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-grid > .form-row-last,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper > .form-row { grid-column: 1 / -1; }
}

/* Fields: always-floating pill label on the top edge (same look as checkout) */
body.woocommerce-account .woocommerce-MyAccount-content form .form-row {
  position: relative;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) {
  position: absolute !important;
  top: -0.6rem;
  left: 0.65rem;
  z-index: 3;
  display: block;
  max-width: calc(100% - 1.3rem);
  margin: 0 !important;
  padding: 0.12rem 0.5rem !important;
  background: #fff;
  border: 1px solid #d6cdd1;
  border-radius: 999px;
  font-size: 0.66rem !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  box-sizing: border-box;
  transition: color 0.15s ease, border-color 0.15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row:focus-within > label:not(.checkbox):not(.woocommerce-form__label-for-checkbox) {
  color: var(--blue);
  border-color: var(--blue);
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .required {
  visibility: visible !important;
  color: var(--blue) !important;
  font-weight: 700;
  border: 0 !important;
  text-decoration: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .optional { color: var(--muted); font-weight: 500; }
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .woocommerce-input-wrapper { display: block; width: 100%; }
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.8rem 0.9rem 0.7rem !important;
  border: 1px solid #d6cdd1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 0.92rem !important;
  line-height: 1.3 !important;
  color: var(--fg) !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:hover,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select:hover { border-color: #c4b7bd !important; }
body.woocommerce-account .woocommerce-MyAccount-content form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:focus,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select:focus {
  outline: 0 !important;
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 1px var(--blue) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row.woocommerce-invalid input.input-text,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row.woocommerce-invalid select { border-color: #c0392b !important; }
body.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea { min-height: 5.5rem !important; }
/* select2 (country / state) */
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-container { width: 100% !important; max-width: 100%; }
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-container .select2-selection--single {
  height: 3rem !important;
  border: 1px solid #d6cdd1 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-container--focus .select2-selection--single,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-container--open .select2-selection--single {
  border-color: var(--blue) !important;
  box-shadow: 0 0 0 1px var(--blue) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-selection--single .select2-selection__rendered {
  line-height: 2.9rem !important;
  padding: 0 2.4rem 0 0.9rem !important;
  font-size: 0.92rem;
  color: var(--fg);
}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  right: 0.55rem !important;
  top: 0 !important;
}
/* Password show/hide */
body.woocommerce-account .woocommerce-MyAccount-content form .password-input {
  position: relative;
  display: block;
  width: 100%;
}
body.woocommerce-account .woocommerce-MyAccount-content form .password-input input.input-text { padding-right: 2.9rem !important; }
body.woocommerce-account .woocommerce-MyAccount-content form .show-password-input {
  position: absolute !important;
  top: 50% !important;
  right: 0.55rem !important;
  transform: translateY(-50%);
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  background-position: center !important;
  color: var(--muted);
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
body.woocommerce-account .woocommerce-MyAccount-content form .show-password-input:hover { background-color: var(--bg-tile) !important; }
body.woocommerce-account .woocommerce-MyAccount-content form .show-password-input::before { margin: 0 !important; }
/* Hints, strength meter */
body.woocommerce-account .woocommerce-MyAccount-content .hyla-field-hint,
body.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-password-hint,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .description {
  display: block;
  margin: 0.4rem 0.15rem 0 !important;
  padding: 0 !important;
  font-size: 0.76rem !important;
  font-style: normal !important;
  line-height: 1.4;
  color: var(--muted) !important;
  background: none !important;
  position: static !important;
}
body.woocommerce-account .woocommerce-MyAccount-content #account_display_name_description em { font-style: normal; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-password-strength {
  margin-top: 0.45rem;
  padding: 0.4rem 0.7rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px;
  font-size: 0.76rem !important;
  font-weight: 600;
  text-align: start !important;
}
/* Submit row (edit-account + edit-address) */
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-actions,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child {
  display: flex;
  justify-content: flex-end;
  margin: 1.75rem 0 0 !important;
  padding: 1.25rem 0 0 !important;
  border-top: 1px solid var(--line);
}
body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child .button {
  min-width: 13rem;
  margin: 0 !important;
}
@media (max-width: 599px) {
  body.woocommerce-account .woocommerce-MyAccount-content .hyla-account-actions .button,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields > p:last-child .button { width: 100%; min-width: 0; }
}

/* Addresses overview */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child,
body.woocommerce-account .woocommerce-MyAccount-content > p:has(+ .woocommerce-Addresses) {
  margin: 0 0 1.1rem;
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.5;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid;
  gap: 1rem;
  margin: 0;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::after { content: none !important; display: none !important; }
@media (min-width: 700px) {
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: 1fr 1fr; }
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 1.05rem 1.1rem 1.15rem !important;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--bg-tile);
  box-sizing: border-box;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  flex-wrap: wrap;
  margin: 0 0 0.75rem;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::before,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title::after { content: none !important; display: none !important; }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3 {
  float: none !important;
  margin: 0 !important;
  font-family: Manrope, system-ui, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  text-transform: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
  float: none !important;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid #d6cdd1;
  border-radius: var(--radius-pill);
  background: #fff;
  color: var(--blue);
  font-size: 0.76rem;
  font-weight: 650;
  text-decoration: none;
  line-height: 1.2;
}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover { border-color: var(--blue); }
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address {
  margin: 0;
  font-style: normal;
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--fg);
}

/* Dashboard (XStore "new" layout): quick-link tiles */
body.woocommerce-account .woocommerce-MyAccount-content .MyAccount-dashboard-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr));
  gap: 0.75rem;
  margin: 1.15rem 0 0;
}
body.woocommerce-account .woocommerce-MyAccount-content .MyAccount-dashboard-buttons a {
  display: flex !important;
  align-items: center;
  gap: 0.6rem;
  min-height: 3.4rem;
  margin: 0 !important;
  padding: 0.85rem 1rem !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--fg) !important;
  font-size: 0.88rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03) !important;
  transition: border-color 0.15s ease, background 0.15s ease;
}
body.woocommerce-account .woocommerce-MyAccount-content .MyAccount-dashboard-buttons a:hover {
  border-color: var(--blue) !important;
  background: linear-gradient(145deg, rgba(107, 45, 69, 0.05) 0%, #fff 70%) !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .MyAccount-dashboard-buttons a > i { display: none; }
body.woocommerce-account .woocommerce-MyAccount-content .MyAccount-dashboard-buttons a::after {
  content: "→";
  margin-inline-start: auto;
  color: var(--blue);
  font-weight: 600;
}

/* Orders table: light polish */
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table {
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  font-size: 0.86rem;
}
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table thead th {
  background: var(--bg-tile);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.7rem 0.85rem;
}
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td { padding: 0.75rem 0.85rem; vertical-align: middle; }
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table .button {
  min-height: 2.1rem;
  padding: 0.4rem 0.9rem !important;
  font-size: 0.78rem !important;
}

/* Wishlist / Waitlist (XStore ghost account pages) */
body.woocommerce-account .wishlist-empty.empty-wishlist-block,
body.woocommerce-account .waitlist-empty.empty-waitlist-block,
.hyla-woo-content .wishlist-empty.empty-wishlist-block,
.hyla-woo-content .waitlist-empty.empty-waitlist-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 28rem;
  margin: 0.35rem auto 0;
  padding: 2rem 1.5rem 2.15rem;
  gap: 0.45rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
  box-sizing: border-box;
}
body.woocommerce-account .wishlist-empty h1,
body.woocommerce-account .waitlist-empty h1,
.hyla-woo-content .wishlist-empty h1,
.hyla-woo-content .waitlist-empty h1 {
  margin: 0 !important;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-size: clamp(1.45rem, 2.6vw, 1.85rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
  color: var(--fg);
  text-align: center !important;
}
body.woocommerce-account .wishlist-empty > p,
body.woocommerce-account .waitlist-empty > p,
.hyla-woo-content .wishlist-empty > p,
.hyla-woo-content .waitlist-empty > p {
  margin: 0 !important;
  max-width: 24rem;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.5;
  text-align: center !important;
}
body.woocommerce-account .wishlist-empty > p:last-child,
body.woocommerce-account .waitlist-empty > p:last-child,
.hyla-woo-content .wishlist-empty > p:last-child,
.hyla-woo-content .waitlist-empty > p:last-child {
  margin-top: 0.85rem !important;
}
body.woocommerce-account .wishlist-empty a.btn,
body.woocommerce-account .waitlist-empty a.btn,
.hyla-woo-content .wishlist-empty a.btn,
.hyla-woo-content .waitlist-empty a.btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 12rem;
  min-height: 2.75rem;
  padding: 0.7rem 1.35rem !important;
  border-radius: var(--radius-pill, 980px) !important;
  font-size: 0.88rem !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  letter-spacing: 0.01em;
}
body.woocommerce-account .wishlist-empty a.btn span,
body.woocommerce-account .waitlist-empty a.btn span,
.hyla-woo-content .wishlist-empty a.btn span,
.hyla-woo-content .waitlist-empty a.btn span {
  color: inherit !important;
}
body.woocommerce-account .woocommerce-MyAccount-content:has(.wishlist-empty),
body.woocommerce-account .woocommerce-MyAccount-content:has(.waitlist-empty) {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
body.woocommerce-account .xstore-wishlist-form,
body.woocommerce-account .xstore-waitlist-form,
.hyla-woo-content .xstore-wishlist-form,
.hyla-woo-content .xstore-waitlist-form {
  margin: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 0.35rem 0.5rem 0.65rem;
  box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
  overflow-x: auto;
}
body.woocommerce-account .xstore-wishlist-table,
body.woocommerce-account .xstore-waitlist-table,
.hyla-woo-content .xstore-wishlist-table,
.hyla-woo-content .xstore-waitlist-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}
body.woocommerce-account .xstore-wishlist-table thead th,
body.woocommerce-account .xstore-waitlist-table thead th,
.hyla-woo-content .xstore-wishlist-table thead th,
.hyla-woo-content .xstore-waitlist-table thead th {
  background: var(--bg-tile);
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.7rem 0.85rem;
  border-bottom: 1px solid var(--line);
  text-align: start;
}
body.woocommerce-account .xstore-wishlist-table td,
body.woocommerce-account .xstore-waitlist-table td,
.hyla-woo-content .xstore-wishlist-table td,
.hyla-woo-content .xstore-waitlist-table td {
  padding: 0.85rem;
  vertical-align: middle;
  border-bottom: 1px solid var(--line);
  font-size: 0.88rem;
}
body.woocommerce-account .xstore-wishlist-table tbody tr:last-child td,
body.woocommerce-account .xstore-waitlist-table tbody tr:last-child td,
.hyla-woo-content .xstore-wishlist-table tbody tr:last-child td,
.hyla-woo-content .xstore-waitlist-table tbody tr:last-child td {
  border-bottom: 0;
}


/* 1.7.263 — search UI: faster desktop open, 3-col tiles, recent queries, mobile gap, 2-line titles */
@media (min-width: 900px) {
  .header-actions .search {
    transition:
      background 0.14s cubic-bezier(0.22, 1, 0.36, 1),
      border-color 0.14s ease,
      box-shadow 0.14s ease,
      width 0.16s cubic-bezier(0.22, 1, 0.36, 1),
      max-width 0.16s cubic-bezier(0.22, 1, 0.36, 1),
      transform 0.16s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }
  .hyla-search-scrim { transition: opacity 0.12s ease !important; }

  #hyla-search-drop .hyla-search-hits,
  .hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    max-height: none;
    overflow: visible;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    padding: 0.55rem 0.45rem 0.5rem;
    min-height: 7.4rem;
    height: auto;
    background: #f7f4f5;
    border-radius: 14px;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  #hyla-search-drop .hyla-search-hits .hyla-search-hit .ph,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit .ph {
    width: 3.25rem;
    height: 3.25rem;
    max-height: 3.25rem;
    border-radius: 10px;
    flex-shrink: 0;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit > span,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit > span {
    width: 100%;
    min-width: 0;
    text-align: center;
    overflow: hidden;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit strong,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.72rem !important;
    line-height: 1.25 !important;
    max-height: calc(1.25em * 2);
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit em,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit em {
    font-size: 0.68rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #hyla-search-drop .hyla-search-recent,
  .hyla-search-drop .hyla-search-recent {
    margin-bottom: 0.65rem;
  }
  #hyla-search-drop .hyla-search-recent .hyla-search-filler-row,
  .hyla-search-drop .hyla-search-recent .hyla-search-filler-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
  }
}

/* Shared 2-line product titles in search tiles (mobile + desktop dropdown) */
#hyla-search-drop .hyla-search-hit strong,
.hyla-search-drop .hyla-search-hit strong {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.25em * 2);
}

@media (max-width: 899px) {
  /* Pack sheet content; no empty stretch between body and chips when keyboard is down */
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop {
    justify-content: flex-start !important;
  }
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-drop-body {
    flex: 0 1 auto !important;
    min-height: 0 !important;
    overflow: auto !important;
  }
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-main {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-filler {
    flex: 0 0 auto !important;
  }
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-chips-dock {
    flex: 0 0 auto !important;
    margin-top: 0.25rem !important;
    padding-top: 0.35rem !important;
  }

  /* Taller tiles + 2-line titles */
  body.hyla-search-open #hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(5.35rem, auto);
    gap: 0.32rem;
    max-height: none;
    overflow: visible;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit {
    min-height: 5.35rem;
    height: auto;
    padding: 0.32rem 0.28rem 0.3rem;
    gap: 0.18rem;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit strong {
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: calc(1.2em * 2);
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits {
    max-height: 6.1rem;
    grid-auto-rows: minmax(0, 5.6rem);
    overflow: hidden;
  }
}

/* 1.7.264 — search panel: prettier tiles, 4-col desktop, more-results CTA tile */
@media (min-width: 900px) {
  #hyla-search-drop .hyla-search-hits,
  .hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
    max-height: none;
    overflow: visible;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 0.45rem;
    padding: 0.65rem 0.55rem 0.6rem;
    min-height: 8.6rem;
    height: auto;
    background: linear-gradient(165deg, #fff 0%, #faf7f8 100%);
    border: 1px solid rgba(226, 215, 219, 0.95);
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(26, 20, 24, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit:hover,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit:hover {
    border-color: rgba(107, 45, 69, 0.28);
    box-shadow: 0 8px 22px rgba(26, 20, 24, 0.08);
    transform: translateY(-1px);
    background: #fff;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-media,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    max-height: 4.5rem;
    margin: 0 auto;
    padding: 0.25rem;
    border-radius: 12px;
    background: #fff;
    border: 1px solid rgba(226, 215, 219, 0.7);
    box-sizing: border-box;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  #hyla-search-drop .hyla-search-hits .hyla-search-hit .ph,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit .ph {
    width: 100%;
    height: 100%;
    max-height: 4rem;
    object-fit: contain;
    border-radius: 8px;
    padding: 0;
    background: transparent;
    flex-shrink: 0;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-body,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-body {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    width: 100%;
    min-width: 0;
    text-align: center;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit strong,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit strong {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.74rem !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    max-height: calc(1.25em * 2);
    letter-spacing: -0.01em;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit em,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit em {
    font-size: 0.7rem !important;
    font-weight: 600;
    color: var(--fg);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit--more,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit--more {
    justify-content: center;
    align-items: center;
    background: linear-gradient(160deg, rgba(107, 45, 69, 0.08) 0%, #fff 70%);
    border-color: rgba(107, 45, 69, 0.22);
    min-height: 8.6rem;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit--more:hover,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit--more:hover {
    border-color: var(--blue);
    background: linear-gradient(160deg, rgba(107, 45, 69, 0.12) 0%, #fff 65%);
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico {
    width: 2.75rem;
    height: 2.75rem;
    max-height: 2.75rem;
    aspect-ratio: auto;
    border-radius: 999px;
    background: rgba(107, 45, 69, 0.1);
    border: 0;
    color: var(--blue);
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit--more strong,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit--more strong {
    color: var(--blue);
    font-size: 0.78rem !important;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: calc(1.25em * 3);
  }
}

.hyla-search-hit-oos {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.62rem;
  font-weight: 650;
  color: #a14b4b;
  letter-spacing: 0.01em;
}

@media (max-width: 899px) {
  body.hyla-search-open #hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(5.6rem, auto);
    gap: 0.38rem !important;
    max-height: none;
    overflow: visible;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: flex !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit {
    min-height: 5.6rem;
    height: auto;
    padding: 0.38rem 0.3rem 0.34rem;
    gap: 0.22rem;
    background: linear-gradient(165deg, #fff 0%, #f7f4f5 100%);
    border: 1px solid rgba(226, 215, 219, 0.9);
    border-radius: 12px;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hit-media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.55rem;
    height: 2.55rem;
    margin: 0 auto;
    padding: 0.1rem;
    border-radius: 9px;
    background: #fff;
    border: 1px solid rgba(226, 215, 219, 0.75);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit .ph {
    width: 100%;
    height: 100%;
    max-height: 2.35rem;
    padding: 0;
    border-radius: 7px;
    background: transparent;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hit-body {
    width: 100%;
    min-width: 0;
    text-align: center;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit strong {
    font-size: 0.62rem !important;
    line-height: 1.2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal !important;
    max-height: calc(1.2em * 2);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hit--more {
    justify-content: center;
    background: linear-gradient(160deg, rgba(107, 45, 69, 0.08) 0%, #fff 75%);
    border-color: rgba(107, 45, 69, 0.2);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hit-more-ico {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 999px;
    background: rgba(107, 45, 69, 0.1);
    border: 0;
    color: var(--blue);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hit--more strong {
    color: var(--blue);
    font-size: 0.6rem !important;
  }
  /* Keyboard open: keep sheet compact — still allow more tile */
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits {
    max-height: 7.4rem;
    overflow: hidden;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none !important;
  }
}

/* 1.7.265 — search desktop: 5 columns × max 2 rows (9 products + CTA when >9) */
@media (min-width: 900px) {
  #hyla-search-drop .hyla-search-hits,
  .hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 0.48rem !important;
    max-height: none;
    overflow: visible;
  }
  /* Hard cap: 5×2 = 10 cells */
  #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 11),
  .hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 11) {
    display: none !important;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit {
    min-height: 8.1rem;
    padding: 0.55rem 0.42rem 0.5rem;
    gap: 0.38rem;
    border-radius: 14px;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-media,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-media {
    max-height: 3.85rem;
    border-radius: 11px;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  #hyla-search-drop .hyla-search-hits .hyla-search-hit .ph,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit .ph {
    max-height: 3.45rem;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit strong,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit strong {
    font-size: 0.7rem !important;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit em,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit em {
    font-size: 0.66rem !important;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit--more,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit--more {
    min-height: 8.1rem;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico {
    width: 2.45rem;
    height: 2.45rem;
    max-height: 2.45rem;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit--more strong,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit--more strong {
    font-size: 0.72rem !important;
  }
}

/* 1.7.266 — search desktop tiles: full product visible (no zoom/crop) */
@media (min-width: 900px) {
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-media,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.55rem !important;
    height: 3.55rem !important;
    max-width: 100% !important;
    max-height: 3.55rem !important;
    aspect-ratio: auto !important;
    margin: 0 auto !important;
    padding: 0.2rem !important;
    border-radius: 11px !important;
    background: #fff !important;
    border: 1px solid rgba(226, 215, 219, 0.7);
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  #hyla-search-drop .hyla-search-hits .hyla-search-hit .ph,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit img,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit .ph {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    background: #fff !important;
    border-radius: 8px;
    flex-shrink: 1 !important;
  }
  #hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico,
  .hyla-search-drop .hyla-search-hits .hyla-search-hit-more-ico {
    width: 2.45rem !important;
    height: 2.45rem !important;
    max-height: 2.45rem !important;
    background: rgba(107, 45, 69, 0.1) !important;
    border: 0 !important;
  }
}

/* 1.7.267 — PDP gallery: full product photo, no top/bottom crop.
   Root cause: base `.hyla-pdp-gallery { width:100% }` (declared after the
   desktop `width:min(100%, --hyla-pdp-gallery-max)` rule) killed the square
   cap, so on shorter desktop viewports the 1:1 stage was clamped by
   max-height → landscape box + object-fit:cover → top/bottom cropped. */
@media (min-width: 900px) {
  .hyla-pdp-top > .hyla-pdp-gallery {
    width: min(100%, var(--hyla-pdp-gallery-max)) !important;
    max-width: 100% !important;
    justify-self: end;
  }
  .hyla-pdp-top > .hyla-pdp-gallery.has-thumbs,
  .hyla-pdp-top > .hyla-pdp-gallery:has(.flex-control-thumbs li:nth-child(2)) {
    width: min(100%, calc(var(--hyla-pdp-gallery-max) - 4.75rem)) !important;
  }
}
.hyla-pdp-gallery .flex-viewport,
.hyla-pdp-gallery .woocommerce-product-gallery__image,
.hyla-pdp-gallery .woocommerce-product-gallery:not(.woocommerce-product-gallery--ready) {
  background: #fff !important;
}
.hyla-pdp-gallery .woocommerce-product-gallery__image img,
.hyla-pdp-gallery .woocommerce-product-gallery__image .wp-post-image,
.hyla-pdp-gallery img.wp-post-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  transform: none !important;
  scale: none !important;
}

/* 1.7.269 — mobile homepage banner: match .wrap left edge; slightly higher + taller */
@media (max-width: 899px) {
  .hyla-cat-slider-sec {
    padding-top: 0.75rem;
  }
  .hyla-cat-slider-hero {
    padding-bottom: 0.75rem;
  }
  .hyla-home-hero.hyla-cat-slider-sec.hyla-cat-slider-hero {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .hyla-cat-slider-shell {
    width: var(--max-wide);
    max-width: var(--page-max);
    margin-inline: auto;
    padding-inline: 0;
  }
}
@media (max-width: 699px) {
  .hyla-cat-slide {
    min-height: 22rem;
  }
  .hyla-cat-slide-copy {
    min-height: 22rem;
  }
}

/* 1.7.270 — taxonomy archives: title + short intro on top; rest/name links/care/FAQ under the grid */
.hyla-shop-wrap > .hyla-archive-intro-more { margin: 1.75rem 0 0.4rem; max-width: 46rem; color: var(--muted, #6d646a); line-height: 1.6; }
.hyla-shop-wrap > .hyla-archive-intro-more p { margin: 0 0 0.7rem; }
.hyla-shop-wrap > .hyla-archive-names { margin: 1.75rem 0 0.4rem; padding-top: 0; max-width: 46rem; }
.hyla-shop-wrap > .hyla-archive-follow { margin-top: 1.75rem; }

/* 1.7.271 — PDP gallery: left-align with content; keep full image (contain) */
@media (min-width: 900px) {
  .hyla-pdp-top > .hyla-pdp-gallery {
    justify-self: start !important;
  }
}

/* 1.7.277 — homepage revision: static hero, needs tiles, compact areas, service, FAQ links. */
.hyla-home-v277 [id] { scroll-margin-top: 5.5rem; }
.hyla-home-v277 .hyla-anchor { display: block; height: 0; overflow: hidden; }
.hyla-home-hero .hyla-cat-slider-track.is-static { overflow: visible; scroll-snap-type: none; }
.hyla-home-hero .hyla-cat-slide.is-static { flex: 0 0 100%; scroll-snap-align: none; }
.hyla-home-hero .hyla-cat-slide-copy { width: min(54%, 37rem); }
.hyla-home-hero .hyla-cat-slide h1.hyla-home-h1 {
  font-size: clamp(2rem, 3.1vw, 3.05rem);
  max-width: 15ch;
}
.hyla-home-hero .hyla-cat-slide-description { max-width: 46ch; }
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-visual { right: auto; left: 0; }
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-visual img {
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 26%);
  mask-image: linear-gradient(270deg, transparent 0%, #000 26%);
}
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-copy { padding: 2.25rem 2.15rem 2.25rem 0.5rem; }



/* 1.7.288 — six treatment-area tiles (incl. Stirn/voorhoofd) */
.hyla-areas-sec .hyla-area-grid.is-compact { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 899px) {
  .hyla-areas-sec .hyla-area-grid.is-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .hyla-areas-sec .hyla-area-grid.is-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.hyla-areas-sec .hyla-area-item.is-split { cursor: default; }
.hyla-areas-sec .hyla-area-split {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.15rem 0.3rem;
}
.hyla-areas-sec .hyla-area-split a,
.hyla-areas-sec .hyla-area-more a {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-color: rgba(107, 45, 69, 0.35);
  text-underline-offset: 3px;
}
.hyla-areas-sec .hyla-area-split a:hover,
.hyla-areas-sec .hyla-area-split a:focus-visible,
.hyla-areas-sec .hyla-area-more a:hover,
.hyla-areas-sec .hyla-area-more a:focus-visible { color: #6b2d45; }
.hyla-areas-sec .hyla-area-amp { color: var(--muted, #6d646a); }
.hyla-areas-sec .hyla-area-more {
  margin: 1.15rem 0 0;
  text-align: center;
  font-size: 0.86rem;
  line-height: 1.7;
  color: var(--muted, #6d646a);
}
.hyla-areas-sec .hyla-area-more-label { margin-inline-end: 0.35rem; }
.hyla-areas-sec .hyla-area-sep { margin: 0 0.4rem; }

.hyla-home-skincare .hyla-home-advice p a,
.hyla-home-service .hyla-service-item p a,
.hyla-home-faq .hyla-clinic-faq-item p a {
  color: #6b2d45;
  text-decoration: underline;
  text-decoration-color: rgba(107, 45, 69, 0.35);
  text-underline-offset: 2px;
}
.hyla-home-skincare .hyla-home-advice { padding-top: 1.15rem; padding-bottom: 1.05rem; }

.hyla-home-service .hyla-service-grid {
  display: grid;
  /* 1.7.286 — three tiles after company tile removal; mobile breakpoints unchanged */
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}
.hyla-home-service .hyla-service-item {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  padding: 1.05rem 1.1rem 1.1rem;
  border-radius: var(--radius, 16px);
  background: var(--bg-tile, #f7f3f5);
}
.hyla-home-service .hyla-service-item h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 650;
  letter-spacing: -0.02em;
  line-height: 1.3;
}
.hyla-home-service .hyla-service-item p {
  flex: 1 1 auto;
  margin: 0;
  color: var(--muted, #6d646a);
  font-size: 0.9rem;
  line-height: 1.5;
}
.hyla-home-service .hyla-service-link {
  align-self: flex-start;
  color: #6b2d45;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}
.hyla-home-service .hyla-service-link::after { content: " →"; }
[dir="rtl"] .hyla-home-service .hyla-service-link::after { content: " ←"; }
.hyla-home-service .hyla-service-link:hover { text-decoration: underline; }
@media (max-width: 899px) {
  .hyla-home-service .hyla-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 559px) {
  .hyla-home-service .hyla-service-grid { grid-template-columns: minmax(0, 1fr); gap: 0.65rem; }
}
.hyla-home-faq .section-head h2 { max-width: 30em; }


/* 1.7.286 — mobile search: stable top-anchored field; sheet fitted below, no inner scroll */
@media (max-width: 899px) {
  body.hyla-search-open .header-actions .search,
  body.hyla-search-open form#hyla-header-search.is-mobile-ported {
    top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
    bottom: auto !important;
  }
  body.hyla-search-open #hyla-search-drop {
    height: auto !important;
    max-height: var(--hyla-drop-max, var(--hyla-drop-h, 50dvh)) !important;
    overflow: hidden !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-drop-body,
  body.hyla-search-open #hyla-search-drop .hyla-search-main {
    overflow: hidden !important;
    flex: 0 0 auto !important;
    min-height: 0;
  }
  body.hyla-search-open #hyla-search-drop .is-fit-hidden {
    display: none !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 4.45rem);
    gap: 0.32rem;
    max-height: 9.25rem;
    overflow: hidden !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none !important;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits {
    max-height: 9.25rem;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips-dock {
    flex: 0 0 auto;
    overflow: hidden;
    max-height: none;
    padding-top: 0.35rem;
    margin-top: 0.2rem;
    border-top: 1px solid rgba(26, 20, 24, 0.06);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler {
    display: flex !important;
    flex: 0 0 auto !important;
    margin: 0 0 0.45rem;
  }
}

/* 1.7.289 — homepage FAQ mobile: same gutters as other blocks; card accordion */
@media (max-width: 899px) {
  .hyla-home-faq.hyla-clinic-faq {
    padding-top: 0.85rem;
    padding-bottom: 1.35rem;
    background: transparent;
  }
  .hyla-home-faq > .wrap {
    width: var(--max-wide);
    max-width: var(--page-max);
    margin-inline: auto;
    padding-inline: 0;
    box-sizing: border-box;
  }
  .hyla-home-faq .section-head {
    margin-bottom: 0.75rem;
    padding-inline: 0;
  }
  .hyla-home-faq .section-head h2 {
    max-width: none;
    font-size: 1.15rem;
  }
  .hyla-home-faq .section-head h2::after {
    width: 1.5rem;
    margin-top: 0.45rem;
  }
  .hyla-home-faq .hyla-clinic-faq-list {
    border-top: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0;
    padding: 0;
  }
  .hyla-home-faq .hyla-clinic-faq-item {
    border: 1px solid var(--line, #e2d7db);
    border-radius: var(--radius, 14px);
    background: var(--bg-tile, #f7f5f6);
    overflow: hidden;
  }
  .hyla-home-faq .hyla-clinic-faq-item summary {
    padding: 0.95rem 1rem;
    font-size: 0.95rem;
    gap: 0.75rem;
  }
  .hyla-home-faq .hyla-clinic-faq-item summary::after {
    margin-right: 0;
    width: 0.4rem;
    height: 0.4rem;
  }
  .hyla-home-faq .hyla-clinic-faq-item p {
    padding: 0 1rem 1rem;
    font-size: 0.9rem;
    line-height: 1.55;
    max-width: none;
  }
  .hyla-home-faq .hyla-clinic-faq-item[open] {
    background: #fff;
    box-shadow: 0 4px 16px rgba(107, 45, 69, 0.06);
  }
}

/* Unified close icons — match Pflegefinder #pf-close (circular + light Bordeaux border) */
.dnx-hyla-canvas-x,
.hyla-sheet-x,
.hyla-legal-modal-close,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-x,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-x,
#dnx-hyla-canvas-menu .dnx-hyla-canvas-x,
#dnx-hyla-canvas-account .dnx-hyla-canvas-x {
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 50% !important;
  background: #fff !important;
  border: 1px solid #e8dfe1 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: #713347 !important;
  font-size: 1.625rem !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.dnx-hyla-canvas-x:hover,
.hyla-sheet-x:hover,
.hyla-legal-modal-close:hover,
#dnx-hyla-canvas-cart .dnx-hyla-canvas-x:hover,
#dnx-hyla-canvas-desc .dnx-hyla-canvas-x:hover,
#dnx-hyla-canvas-menu .dnx-hyla-canvas-x:hover,
#dnx-hyla-canvas-account .dnx-hyla-canvas-x:hover {
  background: #faf7f4 !important;
  border-color: rgba(113, 51, 71, 0.38) !important;
  color: #542233 !important;
  box-shadow: none !important;
}

/* 1.7.296 — menu canvas redesign + dedicated menu search (no header-search chrome) */
#dnx-hyla-canvas-menu.dnx-hyla-canvas {
  background: #faf7f4 !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-bar {
  background: #fff !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-body {
  background: #faf7f4 !important;
  padding: 0.95rem 1rem calc(1.15rem + var(--safe-b));
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-title {
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.02em !important;
}

/* Compact menu search field */
#dnx-hyla-canvas-menu .hyla-menu-search,
#dnx-hyla-canvas-menu .hyla-canvas-search {
  position: relative;
  margin: 0 0 0.85rem;
}
#dnx-hyla-canvas-menu .hyla-menu-search-label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0.55rem 0.85rem;
  border-radius: var(--radius-pill);
  border: 1px solid var(--line);
  background: #fff;
  box-shadow: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-search-label:focus-within {
  border-color: rgba(107, 45, 69, 0.42);
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.08);
}
#dnx-hyla-canvas-menu .hyla-menu-search-ico {
  flex-shrink: 0;
  color: #713347;
  opacity: 0.72;
}
#dnx-hyla-canvas-menu #hyla-canvas-search-input,
#dnx-hyla-canvas-menu .hyla-canvas-search input[type="search"] {
  flex: 1;
  width: 100%;
  min-width: 0;
  border: 0 !important;
  background: transparent !important;
  padding: 0.15rem 0 !important;
  margin: 0;
  font-family: inherit;
  font-size: 0.9375rem !important;
  font-weight: 500;
  color: var(--fg);
  outline: none;
  box-shadow: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}
#dnx-hyla-canvas-menu #hyla-canvas-search-input::placeholder {
  color: var(--muted);
  font-weight: 450;
}

/* Inline results — never sheet / grid / portal */
#dnx-hyla-canvas-menu .hyla-menu-search-drop {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0.55rem 0 0;
  padding: 0.25rem 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  z-index: 1;
}
#dnx-hyla-canvas-menu .hyla-menu-search-drop[hidden] {
  display: none !important;
}
#dnx-hyla-canvas-menu .hyla-menu-search-drop.is-loading {
  opacity: 0.72;
}
#dnx-hyla-canvas-menu .hyla-menu-search-list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.15rem;
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  background: #fff;
}
#dnx-hyla-canvas-menu .hyla-menu-search-hit {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.45rem 0.5rem;
  border-radius: 10px;
  text-decoration: none;
  color: var(--fg);
  min-width: 0;
}
#dnx-hyla-canvas-menu .hyla-menu-search-hit:hover,
#dnx-hyla-canvas-menu .hyla-menu-search-hit:focus-visible {
  background: #f7f2f4;
  outline: none;
}
#dnx-hyla-canvas-menu .hyla-menu-search-thumb,
#dnx-hyla-canvas-menu .hyla-menu-search-thumb img,
#dnx-hyla-canvas-menu .hyla-menu-search-ph {
  width: 2.65rem;
  height: 2.65rem;
  border-radius: 10px;
  background: #f7f5f6;
  object-fit: contain;
  flex-shrink: 0;
}
#dnx-hyla-canvas-menu .hyla-menu-search-ph {
  display: block;
}
#dnx-hyla-canvas-menu .hyla-menu-search-meta {
  min-width: 0;
  flex: 1;
  display: grid;
  gap: 0.1rem;
}
#dnx-hyla-canvas-menu .hyla-menu-search-meta strong {
  font-size: 0.84rem;
  font-weight: 650;
  letter-spacing: -0.015em;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#dnx-hyla-canvas-menu .hyla-menu-search-meta em {
  font-style: normal;
  font-size: 0.75rem;
  font-weight: 550;
  color: var(--muted);
}
#dnx-hyla-canvas-menu .hyla-menu-search-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.45rem;
  padding: 0.55rem 0.75rem;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(107, 45, 69, 0.22);
  background: #fff;
  color: #6b2d45;
  font-size: 0.8rem;
  font-weight: 650;
  text-decoration: none;
}
#dnx-hyla-canvas-menu .hyla-menu-search-more:hover {
  border-color: rgba(107, 45, 69, 0.4);
  background: #fff;
}
#dnx-hyla-canvas-menu .hyla-menu-search-empty {
  margin-top: 0.35rem;
  padding: 0.7rem 0.85rem;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line);
  background: #fff;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 500;
}

/* Quick-link pills (incl. Pflegefinder) */
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 0.55rem;
}
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 0.74rem;
  font-weight: 650;
  letter-spacing: -0.01em;
  line-height: 1.2;
  padding: 0.42rem 0.78rem;
  border-radius: var(--radius-pill);
  background: #fff !important;
  color: var(--fg) !important;
  border: 1px solid var(--line) !important;
  text-decoration: none;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  cursor: pointer;
}
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts button:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a:focus-visible,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link:focus-visible {
  border-color: rgba(107, 45, 69, 0.38) !important;
  color: #542233 !important;
  background: #fff !important;
  outline: none;
}

/* Category cards — white, soft border, Bordeaux hover */
#dnx-hyla-canvas-menu .hyla-canvas-sec {
  margin: 1.05rem 0 0.2rem;
}
#dnx-hyla-canvas-menu .hyla-canvas-sec-title {
  margin: 0 0 0.55rem;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--muted) !important;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat {
  display: grid;
  gap: 0.18rem;
  align-content: start;
  min-height: 0;
  padding: 0.8rem 0.75rem !important;
  border-radius: var(--radius-sm) !important;
  border: 1px solid var(--line) !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-decoration: none;
  color: var(--fg);
  transition: border-color 0.15s ease, background 0.15s ease;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat:hover,
#dnx-hyla-canvas-menu .hyla-canvas-cat:focus-visible {
  transform: none !important;
  border-color: rgba(107, 45, 69, 0.42) !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat strong {
  font-size: 0.86rem !important;
  font-weight: 650 !important;
  letter-spacing: -0.015em;
  line-height: 1.25;
}
#dnx-hyla-canvas-menu .hyla-canvas-cat span {
  font-size: 0.72rem !important;
  font-weight: 500;
  color: var(--muted) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Quiet account list */
#dnx-hyla-canvas-menu .hyla-canvas-sec--account {
  margin-top: 1.25rem;
  padding-top: 0.35rem;
}
#dnx-hyla-canvas-menu .hyla-canvas-account-list {
  border-top: 1px solid var(--line);
  margin: 0;
  padding: 0.15rem 0 0;
  list-style: none;
}
#dnx-hyla-canvas-menu .hyla-canvas-account-list li {
  border-bottom: 1px solid rgba(226, 215, 219, 0.65);
}
#dnx-hyla-canvas-menu .hyla-canvas-account-list button,
#dnx-hyla-canvas-menu .dnx-hyla-canvas-list a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.78rem 0.1rem;
  font-size: 0.9375rem;
  font-weight: 550;
  color: var(--fg);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left;
}
#dnx-hyla-canvas-menu .hyla-canvas-account-list .chev,
#dnx-hyla-canvas-menu .dnx-hyla-canvas-list .chev {
  color: #713347;
  opacity: 0.55;
  font-size: 1.05rem;
  line-height: 1;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-list li + li {
  border-top: 1px solid rgba(226, 215, 219, 0.65);
}

@media (max-width: 899px) {
  #dnx-hyla-canvas-menu #hyla-canvas-search-input,
  #dnx-hyla-canvas-menu .hyla-canvas-search input[type="search"] {
    font-size: 16px !important; /* avoid iOS zoom */
  }
}

/* 1.7.302 — home hero: image fills right 50% edge-to-edge (no padding); left half cream gradient blend/overflow */
.hyla-home-hero .hyla-cat-slide.is-static {
  position: relative;
  background: #f3eef1;
  overflow: hidden;
}
.hyla-home-hero .hyla-cat-slide.is-static::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #faf7f8 0%,
    #faf7f8 32%,
    rgba(250, 247, 248, 0.96) 44%,
    rgba(250, 247, 248, 0.7) 52%,
    rgba(250, 247, 248, 0.35) 60%,
    rgba(250, 247, 248, 0) 72%
  );
}
[dir="rtl"] .hyla-home-hero .hyla-cat-slide.is-static::before {
  background: linear-gradient(
    270deg,
    #faf7f8 0%,
    #faf7f8 32%,
    rgba(250, 247, 248, 0.96) 44%,
    rgba(250, 247, 248, 0.7) 52%,
    rgba(250, 247, 248, 0.35) 60%,
    rgba(250, 247, 248, 0) 72%
  );
}
.hyla-home-hero .hyla-cat-slide-visual {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto !important;
  width: 50% !important;
  max-width: 50% !important;
  height: auto !important;
  z-index: 0;
  display: block;
  overflow: hidden;
}
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-visual {
  right: auto !important;
  left: 0 !important;
}
.hyla-home-hero .hyla-cat-slide-visual img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  /* soft overflow into the left half */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%) !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 22%, #000 100%) !important;
  box-sizing: border-box;
  display: block;
}
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-visual img {
  object-position: center center !important;
  padding: 0 !important;
  -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 22%, #000 100%) !important;
  mask-image: linear-gradient(270deg, transparent 0%, #000 22%, #000 100%) !important;
}
.hyla-home-hero .hyla-cat-slide-visual::after {
  content: none !important;
  display: none !important;
}
.hyla-home-hero .hyla-cat-slide-copy {
  position: relative;
  z-index: 2;
  width: min(52%, 36rem) !important;
  max-width: 36rem;
  background: transparent !important;
  padding: 2.35rem 1.5rem 2.35rem 2.15rem !important;
  box-sizing: border-box;
  margin: 0 !important;
}
[dir="rtl"] .hyla-home-hero .hyla-cat-slide-copy {
  padding: 2.35rem 2.15rem 2.35rem 1.5rem !important;
  background: transparent !important;
}
@media (max-width: 899px) {
  .hyla-home-hero .hyla-cat-slide.is-static {
    min-height: 20.5rem;
  }
  .hyla-home-hero .hyla-cat-slide.is-static::before {
    background: linear-gradient(
      90deg,
      #faf7f8 0%,
      #faf7f8 32%,
      rgba(250, 247, 248, 0.92) 46%,
      rgba(250, 247, 248, 0.5) 56%,
      rgba(250, 247, 248, 0.15) 68%,
      rgba(250, 247, 248, 0) 80%
    );
  }
  [dir="rtl"] .hyla-home-hero .hyla-cat-slide.is-static::before {
    background: linear-gradient(
      270deg,
      #faf7f8 0%,
      #faf7f8 32%,
      rgba(250, 247, 248, 0.92) 46%,
      rgba(250, 247, 248, 0.5) 56%,
      rgba(250, 247, 248, 0.15) 68%,
      rgba(250, 247, 248, 0) 80%
    );
  }
  .hyla-home-hero .hyla-cat-slide-visual {
    width: 50% !important;
    max-width: 50% !important;
  }
  .hyla-home-hero .hyla-cat-slide-visual img {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
  }
  .hyla-home-hero .hyla-cat-slide-copy,
  [dir="rtl"] .hyla-home-hero .hyla-cat-slide-copy {
    width: min(58%, 18rem) !important;
    min-height: 20.5rem;
    padding: 1.25rem 0.85rem 1.35rem 1.05rem !important;
    background: transparent !important;
  }
  [dir="rtl"] .hyla-home-hero .hyla-cat-slide-copy {
    padding: 1.25rem 1.05rem 1.35rem 0.85rem !important;
  }
  .hyla-home-hero .hyla-cat-slide h1.hyla-home-h1 {
    font-size: clamp(1.55rem, 6.2vw, 1.95rem);
    max-width: 12ch;
  }
  .hyla-home-hero .hyla-cat-slide-description {
    max-width: 24ch;
    font-size: 0.88rem;
  }
}

/* 1.7.303 — homepage desktop: roomier section spacing; needs tiles with rounded borders */
@media (min-width: 900px) {
  .hyla-home-skincare .section,
  .hyla-home-skincare .hyla-home-block {
    padding-top: 2.35rem;
    padding-bottom: 2.2rem;
  }
  .hyla-home-skincare .hyla-mfr-sec {
    padding-top: 2.1rem;
    padding-bottom: 2rem;
  }
  .hyla-home-skincare .hyla-home-text {
    padding-top: 1.15rem;
    padding-bottom: 1.05rem;
  }
  .hyla-home-skincare .hyla-home-advice {
    padding-top: 2.2rem;
    padding-bottom: 2.1rem;
  }
  .hyla-home-skincare .hyla-seo-intro {
    padding-top: 1.25rem;
  }
  .hyla-home-skincare .hyla-home-service,
  .hyla-home-skincare .hyla-home-faq {
    padding-top: 2.35rem;
    padding-bottom: 2.35rem;
  }
  /* keep hero tighter than other blocks */
  .hyla-home-skincare .hyla-home-hero.hyla-cat-slider-sec.hyla-cat-slider-hero {
    padding-top: 1rem;
    padding-bottom: 1.35rem;
  }
}

/* Pflege nach Hautbedürfnis — rounded tile cards */
.hyla-needs-sec .hyla-area-grid.is-needs {
  gap: 1rem 0.85rem;
}
.hyla-needs-sec .hyla-area-item {
  padding: 1rem 0.65rem 0.95rem;
  background: var(--bg-tile, #f7f3f5);
  border: 1px solid rgba(107, 45, 69, 0.12);
  border-radius: 18px;
  box-shadow: none;
  gap: 0.55rem;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}
.hyla-needs-sec .hyla-area-item:hover,
.hyla-needs-sec .hyla-area-item:focus-visible {
  background: #faf7f8;
  border-color: rgba(107, 45, 69, 0.28);
  color: #6b2d45;
}
.hyla-needs-sec .hyla-area-mark {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(107, 45, 69, 0.12);
  color: #6b2d45;
}
.hyla-needs-sec .hyla-area-mark svg {
  width: 1.35rem;
  height: 1.35rem;
}
.hyla-needs-sec .hyla-area-name {
  font-size: 0.86rem;
  font-weight: 550;
  line-height: 1.3;
}
@media (max-width: 699px) {
  .hyla-needs-sec .hyla-area-item {
    padding: 0.85rem 0.45rem 0.8rem;
    border-radius: 16px;
  }
  .hyla-needs-sec .hyla-area-mark {
    width: 2.1rem;
    height: 2.1rem;
  }
  .hyla-needs-sec .hyla-area-mark svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}

/* 1.7.304 — homepage mobile: a bit more space between sections */
@media (max-width: 899px) {
  .hyla-home-skincare .section,
  .hyla-home-skincare .hyla-home-block {
    padding-top: 1.55rem;
    padding-bottom: 1.45rem;
  }
  .hyla-home-skincare .hyla-mfr-sec {
    padding-top: 1.4rem;
    padding-bottom: 1.3rem;
  }
  .hyla-home-skincare .hyla-home-text {
    padding-top: 0.75rem;
    padding-bottom: 0.7rem;
  }
  .hyla-home-skincare .hyla-home-advice {
    padding-top: 1.5rem;
    padding-bottom: 1.4rem;
  }
  .hyla-home-skincare .hyla-home-service,
  .hyla-home-skincare .hyla-home-faq {
    padding-top: 1.55rem;
    padding-bottom: 1.55rem;
  }
  .hyla-home-skincare .hyla-home-hero.hyla-cat-slider-sec.hyla-cat-slider-hero {
    padding-top: 0.85rem;
    padding-bottom: 1.1rem;
  }
  .hyla-home-faq.hyla-clinic-faq {
    padding-top: 1.35rem !important;
    padding-bottom: 1.75rem !important;
  }
}

/* 1.7.305 — treatment areas (Care by area): rounded cards like needs, sage/cream palette (not bordeaux) */
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact {
  gap: 1rem 0.85rem;
}
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-item {
  padding: 1rem 0.65rem 0.95rem;
  background: #f2f6f4;
  border: 1px solid rgba(61, 107, 90, 0.14);
  border-radius: 18px;
  box-shadow: none;
  gap: 0.55rem;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-item:hover,
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-item:focus-visible {
  background: #f7faf8;
  border-color: rgba(61, 107, 90, 0.32);
  color: #2f5648;
}
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-mark {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(61, 107, 90, 0.16);
  color: #3d6b5a;
}
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-mark svg {
  width: 1.35rem;
  height: 1.35rem;
}
.hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-name {
  font-size: 0.86rem;
  font-weight: 550;
  line-height: 1.3;
}
@media (max-width: 699px) {
  .hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-item {
    padding: 0.85rem 0.45rem 0.8rem;
    border-radius: 16px;
  }
  .hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-mark {
    width: 2.1rem;
    height: 2.1rem;
  }
  .hyla-areas-sec:not(.hyla-needs-sec) .hyla-area-grid.is-compact .hyla-area-mark svg {
    width: 1.2rem;
    height: 1.2rem;
  }
}

/* —— Cart Passend dazu (duo) —— below products, above mobile YMAL —— */
.hyla-cart-duo {
  display: block;
  margin: 1.1rem 0 0.35rem;
  padding: 0.85rem 0.9rem 0.95rem;
  border-radius: 18px;
  border: 1px solid rgba(107, 45, 69, 0.14);
  background:
    linear-gradient(165deg, rgba(255,255,255,0.88) 0%, rgba(250,244,246,0.92) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 6px 18px rgba(26,20,24,0.05);
}
.hyla-cart-duo-title {
  margin: 0 0 0.35rem;
  font-size: 0.72rem;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #6b2d45;
  line-height: 1.3;
}
.hyla-cart-duo-reason {
  margin: 0 0 0.7rem;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--muted, #6b6066);
}
.hyla-cart-duo-list {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 0.65rem;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-x: auto;
  scrollbar-width: none;
}
.hyla-cart-duo-list::-webkit-scrollbar { display: none; }
.hyla-cart-duo-card.hyla-shop-tile,
.hyla-cart-duo li.hyla-cart-duo-card {
  flex: 0 0 min(44%, 9.5rem);
  width: min(44%, 9.5rem) !important;
  max-width: none !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: linear-gradient(180deg, #fff 0%, #faf8f9 100%) !important;
  border: 1px solid var(--line, rgba(26,20,24,0.08)) !important;
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 1px 2px rgba(26,20,24,0.03) !important;
  list-style: none !important;
  transition: opacity 0.25s ease, transform 0.2s ease;
}
.hyla-cart-duo-card.is-in-cart {
  box-shadow: inset 0 0 0 1.5px rgba(107,45,69,0.28), 0 1px 2px rgba(26,20,24,0.03) !important;
}
.hyla-cart-duo-card.is-leaving {
  opacity: 0;
  transform: translateY(6px);
}
.hyla-cart-duo-card .hyla-shop-tile-media {
  aspect-ratio: 4 / 3;
  margin: 0;
}
.hyla-cart-duo-media {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  background: #fff !important;
  overflow: hidden;
}
.hyla-cart-duo-media img,
.hyla-cart-duo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
  margin: 0 !important;
  background: #fff !important;
}
.hyla-cart-duo-card .woocommerce-loop-product__title {
  font-size: 0.74rem !important;
  font-weight: 650 !important;
  margin: 0.5rem 0.6rem 0.3rem !important;
  line-height: 1.3;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hyla-cart-duo-name {
  color: var(--fg);
  text-decoration: none;
  word-break: break-word;
}
.hyla-cart-duo-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  margin-top: auto;
  padding: 0 0.6rem 0.6rem;
}
.hyla-cart-duo-price {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--fg);
  min-width: 0;
  line-height: 1.2;
}
.hyla-cart-duo-price .woocommerce-price-suffix { display: none; }
.hyla-cart-duo-badge {
  width: 1.85rem;
  height: 1.85rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(107,45,69,0.12);
  color: #6b2d45;
  font-size: 0.85rem;
  font-weight: 700;
  flex: 0 0 auto;
}
.hyla-cart-duo-add.btn-add,
a.hyla-cart-duo-add.btn-add,
button.hyla-cart-duo-add {
  width: 1.85rem !important;
  height: 1.85rem !important;
  min-width: 1.85rem !important;
  max-width: 1.85rem !important;
  min-height: 1.85rem !important;
  max-height: 1.85rem !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 1.85rem !important;
  align-self: center !important;
  box-sizing: border-box !important;
  border: 0;
  border-radius: 50% !important;
  background: var(--blue, #6b2d45);
  color: #fff;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  padding: 0 !important;
}
.hyla-cart-duo-add.is-loading { opacity: 0.55; pointer-events: none; }

@media (min-width: 960px) {
  .hyla-cart-duo {
    margin: 0.95rem 0.15rem 0.4rem;
    padding: 0.8rem 0.85rem;
  }
  .hyla-cart-duo-card.hyla-shop-tile,
  .hyla-cart-duo li.hyla-cart-duo-card {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
  }
}

/* —— Pflege-Duo cart split animation —— */

/* Subtle Tinder-style "It's a Match" on Pflege-Duo cart tile */
.hyla-duo-merge-match {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.55rem;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.hyla-duo-merge-match span {
  display: inline-block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(0.92rem, 2.6vw, 1.05rem);
  font-weight: 600;
  font-style: italic;
  letter-spacing: 0.03em;
  color: rgba(107, 45, 69, 0.78);
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
  opacity: 0;
  transform: scale(0.92);
  white-space: nowrap;
}
.hyla-duo-merge.is-in .hyla-duo-merge-match span {
  animation: hyla-duo-match-pop 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.05s both;
}
.hyla-duo-merge.is-splitting .hyla-duo-merge-match {
  opacity: 0;
  transition: opacity 0.28s ease;
}
.hyla-duo-merge.is-out .hyla-duo-merge-match {
  opacity: 0;
}
@keyframes hyla-duo-match-pop {
  0% { opacity: 0; transform: scale(0.9); }
  70% { opacity: 0.92; transform: scale(1.03); }
  100% { opacity: 0.88; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .hyla-duo-merge-match span {
    animation: none !important;
    opacity: 0.88 !important;
    transform: none !important;
  }
}

.hyla-duo-merge {
  position: relative;
  margin: 0 0 0.65rem;
  border-radius: 16px;
  border: 1px dashed rgba(107,45,69,0.28);
  background: linear-gradient(165deg, #fff 0%, #faf4f6 100%);
  overflow: hidden;
  opacity: 0;
  transform: scale(0.92);
  transform-origin: center top;
  pointer-events: none;
  transition:
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.hyla-duo-merge.is-in {
  opacity: 1;
  transform: scale(1);
}
.hyla-duo-merge.is-splitting .hyla-duo-merge-thumb.is-a {
  transform: translateX(-28%) scale(0.92);
  opacity: 0.35;
}
.hyla-duo-merge.is-splitting .hyla-duo-merge-thumb.is-b {
  transform: translateX(28%) scale(0.92);
  opacity: 0.35;
}
.hyla-duo-merge.is-out {
  opacity: 0;
  transform: scale(0.96) translateY(-6px);
}
.hyla-duo-merge-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 1.55rem 0.9rem 0.85rem;
  text-align: center;
}
.hyla-duo-merge-thumbs {
  position: relative;
  width: 5.8rem;
  height: 3.55rem;
  flex: 0 0 auto;
  margin: 0 auto;
}
.hyla-duo-merge-thumb {
  position: absolute;
  inset: 0;
  width: 3.05rem;
  height: 3.05rem;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(26,20,24,0.08);
  box-shadow: 0 4px 12px rgba(26,20,24,0.08);
  transition: transform 0.95s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s ease;
}
.hyla-duo-merge-thumb.is-a { left: 0.2rem; top: 0.2rem; z-index: 2; }
.hyla-duo-merge-thumb.is-b { right: 0.2rem; top: 0.2rem; left: auto; z-index: 1; }
.hyla-duo-merge-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #fff;
}
.hyla-duo-merge-copy { min-width: 0; width: 100%; flex: 0 1 auto; }
.hyla-duo-merge-names { justify-content: center; }
.hyla-duo-merge-eyebrow {
  margin: 0 0 0.15rem;
  font-size: 0.65rem;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b2d45;
}
.hyla-duo-merge-names {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--fg);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.35rem;
}
.hyla-duo-merge-names span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
}
.hyla-duo-merge-plus {
  color: #6b2d45;
  font-weight: 700;
  flex: 0 0 auto;
}

.dnx-hyla-cart-line.is-duo-hidden {
  opacity: 0 !important;
  transform: scale(0.96);
  pointer-events: none;
}
.dnx-hyla-cart-line.is-duo-reveal {
  animation: hyla-duo-line-in 1.2s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.dnx-hyla-cart-line.is-duo-split-target:nth-of-type(odd).is-duo-reveal {
  animation-name: hyla-duo-line-in-left;
}
.dnx-hyla-cart-line.is-duo-split-target:nth-of-type(even).is-duo-reveal {
  animation-name: hyla-duo-line-in-right;
}
@keyframes hyla-duo-line-in {
  from { opacity: 0; transform: translateY(10px) scale(0.96); }
  60% { opacity: 1; transform: translateY(-2px) scale(1.02); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes hyla-duo-line-in-left {
  from { opacity: 0; transform: translateX(-18px) scale(0.96); }
  62% { opacity: 1; transform: translateX(3px) scale(1.02); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes hyla-duo-line-in-right {
  from { opacity: 0; transform: translateX(18px) scale(0.96); }
  62% { opacity: 1; transform: translateX(-3px) scale(1.02); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .hyla-duo-merge,
  .dnx-hyla-cart-line.is-duo-reveal,
  .dnx-hyla-cart-line.is-duo-hidden {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* === 1.7.307 — menu canvas accordion redesign (2026-10-05) === */
#dnx-hyla-canvas-menu.dnx-hyla-canvas {
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(107, 45, 69, 0.07), transparent 55%),
    linear-gradient(180deg, #fffefc 0%, #faf7f4 42%, #f7f2f4 100%) !important;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-bar {
  background: rgba(255, 255, 255, 0.92) !important;
  border-bottom: 1px solid rgba(226, 215, 219, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-body.hyla-menu-body,
#dnx-hyla-canvas-menu .hyla-menu-body {
  background: transparent !important;
  padding: 1rem 1rem calc(1.35rem + var(--safe-b)) !important;
}
#dnx-hyla-canvas-menu .dnx-hyla-canvas-title {
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #3a2430 !important;
}
#dnx-hyla-canvas-menu .hyla-menu-hero {
  height: 3px;
  margin: 0 0 0.95rem;
  border-radius: 999px;
  background: linear-gradient(90deg, #6b2d45 0%, rgba(107, 45, 69, 0.35) 42%, rgba(107, 45, 69, 0) 100%);
}

/* Search — soft elevated pill */
#dnx-hyla-canvas-menu .hyla-menu-search,
#dnx-hyla-canvas-menu .hyla-canvas-search {
  margin: 0 0 0.95rem;
}
#dnx-hyla-canvas-menu .hyla-menu-search-label {
  padding: 0.62rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(226, 215, 219, 0.95);
  background: #fff;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 8px 22px rgba(107, 45, 69, 0.05);
}
#dnx-hyla-canvas-menu .hyla-menu-search-label:focus-within {
  border-color: rgba(107, 45, 69, 0.45);
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.1), 0 8px 22px rgba(107, 45, 69, 0.06);
}

/* Quick pills */
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts {
  gap: 0.45rem;
  margin: 0 0 1rem;
}
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts button {
  padding: 0.48rem 0.85rem;
  font-size: 0.76rem;
  font-weight: 650;
  border-radius: 999px;
  background: #fff !important;
  border: 1px solid rgba(226, 215, 219, 0.95) !important;
  box-shadow: 0 1px 2px rgba(58, 36, 48, 0.03) !important;
  transition: border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, background 0.18s ease;
}
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts button:hover,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a:focus-visible,
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts .pf-nav-link:focus-visible {
  border-color: rgba(107, 45, 69, 0.4) !important;
  color: #542233 !important;
  transform: translateY(-1px);
}
#dnx-hyla-canvas-menu .hyla-canvas-shortcuts a.is-sale {
  color: #6b2d45 !important;
  border-color: rgba(107, 45, 69, 0.28) !important;
  background: linear-gradient(180deg, #fff 0%, #faf4f6 100%) !important;
}

/* Accordion stack */
#dnx-hyla-canvas-menu .hyla-menu-stack {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc {
  border: 1px solid rgba(226, 215, 219, 0.95);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 28px rgba(107, 45, 69, 0.045);
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open {
  border-color: rgba(107, 45, 69, 0.22);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 32px rgba(107, 45, 69, 0.07);
}
#dnx-hyla-canvas-menu .hyla-menu-acc-btn {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0.35rem 0.75rem;
  padding: 0.95rem 1rem;
  margin: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: #3a2430;
  font-family: inherit;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-btn:focus-visible {
  outline: 2px solid rgba(107, 45, 69, 0.45);
  outline-offset: -2px;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-label {
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-chev {
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 999px;
  border: 1px solid rgba(226, 215, 219, 0.95);
  background: #fff;
  position: relative;
  flex-shrink: 0;
  transition: transform 0.22s ease, border-color 0.2s ease, background 0.2s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-chev::before,
#dnx-hyla-canvas-menu .hyla-menu-acc-chev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.55rem;
  height: 1.5px;
  background: #6b2d45;
  border-radius: 2px;
  transform: translate(-50%, -50%);
}
#dnx-hyla-canvas-menu .hyla-menu-acc-chev::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 0.22s ease, opacity 0.22s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open > .hyla-menu-acc-btn .hyla-menu-acc-chev,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest.is-open > .hyla-menu-acc-nest-btn .hyla-menu-acc-chev {
  border-color: rgba(107, 45, 69, 0.35);
  background: #faf4f6;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open > .hyla-menu-acc-btn .hyla-menu-acc-chev::after,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest.is-open > .hyla-menu-acc-nest-btn .hyla-menu-acc-chev::after {
  transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
  opacity: 0;
}

/* Animated panel */
#dnx-hyla-canvas-menu .hyla-menu-acc-panel,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.28s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open > .hyla-menu-acc-panel,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest.is-open > .hyla-menu-acc-nest-panel {
  grid-template-rows: 1fr;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-panel > *,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-panel > * {
  overflow: hidden;
  min-height: 0;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-panel {
  border-top: 0 solid transparent;
  padding: 0 0.65rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open > .hyla-menu-acc-panel {
  border-top: 1px solid rgba(226, 215, 219, 0.75);
  padding: 0.35rem 0.65rem 0.75rem;
}

#dnx-hyla-canvas-menu .hyla-menu-acc-list {
  list-style: none;
  margin: 0;
  padding: 0.15rem 0 0.1rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-list > li + li {
  border-top: 1px solid rgba(226, 215, 219, 0.55);
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link,
#dnx-hyla-canvas-menu .hyla-menu-acc-action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.72rem 0.45rem;
  border: 0;
  background: transparent;
  color: #3a2430;
  text-decoration: none;
  text-align: left;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: -0.015em;
  border-radius: 10px;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link:hover,
#dnx-hyla-canvas-menu .hyla-menu-acc-link:focus-visible,
#dnx-hyla-canvas-menu .hyla-menu-acc-action:hover,
#dnx-hyla-canvas-menu .hyla-menu-acc-action:focus-visible {
  background: #f7f2f4;
  color: #542233;
  outline: none;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link--all {
  display: grid;
  gap: 0.12rem;
  justify-content: start;
  margin: 0.15rem 0 0.35rem;
  padding: 0.8rem 0.75rem;
  border: 1px solid rgba(226, 215, 219, 0.9);
  border-radius: 12px;
  background: linear-gradient(180deg, #fff 0%, #faf7f8 100%);
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link--all strong {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link--all span,
#dnx-hyla-canvas-menu .hyla-menu-acc-link span {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--muted, #8a7a80);
}
#dnx-hyla-canvas-menu .hyla-menu-acc-link strong {
  font-weight: 650;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-action .chev {
  color: #6b2d45;
  opacity: 0.55;
  font-size: 1.05rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 0.4rem);
  margin: 0.35rem 0.2rem 0.15rem;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(107, 45, 69, 0.22);
  background: #fff;
  color: #6b2d45;
  font-size: 0.78rem;
  font-weight: 650;
  text-decoration: none;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-more:hover,
#dnx-hyla-canvas-menu .hyla-menu-acc-more:focus-visible {
  border-color: rgba(107, 45, 69, 0.42);
  background: #faf4f6;
  outline: none;
}

/* Nested accordion rows */
#dnx-hyla-canvas-menu .hyla-menu-acc-nest {
  list-style: none;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.72rem 0.45rem;
  border: 0;
  background: transparent;
  color: #3a2430;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: -0.015em;
  text-align: left;
  cursor: pointer;
  border-radius: 10px;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-btn:hover,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-btn:focus-visible {
  background: #f7f2f4;
  outline: none;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-btn .hyla-menu-acc-chev {
  width: 1.35rem;
  height: 1.35rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-panel {
  padding: 0 0.2rem 0.35rem 0.55rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-nest.is-open > .hyla-menu-acc-nest-panel {
  padding-bottom: 0.45rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-list--brands {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.15rem 0.35rem;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-list--brands > li {
  border-top: 0 !important;
}
#dnx-hyla-canvas-menu .hyla-menu-acc-list--brands .hyla-menu-acc-link {
  padding: 0.58rem 0.45rem;
  font-size: 0.84rem;
}

/* Soft open entrance for active menu panel content */
#dnx-hyla-canvas-menu.dnx-hyla-canvas.is-active .hyla-menu-stack {
  animation: hyla-menu-stack-in 0.38s ease both;
}
@keyframes hyla-menu-stack-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  #dnx-hyla-canvas-menu .hyla-menu-acc-panel,
  #dnx-hyla-canvas-menu .hyla-menu-acc-nest-panel,
  #dnx-hyla-canvas-menu .hyla-menu-acc-chev,
  #dnx-hyla-canvas-menu .hyla-menu-acc-chev::after,
  #dnx-hyla-canvas-menu .hyla-canvas-shortcuts a,
  #dnx-hyla-canvas-menu .hyla-canvas-shortcuts button,
  #dnx-hyla-canvas-menu.dnx-hyla-canvas.is-active .hyla-menu-stack {
    transition: none !important;
    animation: none !important;
  }
}

@media (min-width: 900px) {
  #dnx-hyla-canvas-menu .hyla-menu-body {
    padding: 1.15rem 1.15rem 1.5rem !important;
  }
  #dnx-hyla-canvas-menu .hyla-menu-acc-btn {
    padding: 1.05rem 1.1rem;
  }
  #dnx-hyla-canvas-menu .hyla-menu-acc-label {
    font-size: 1.02rem;
  }
}

@media (max-width: 899px) {
  #dnx-hyla-canvas-menu .hyla-menu-acc-list--brands {
    grid-template-columns: 1fr;
  }
}
/* === end 1.7.307 menu canvas === */

/* 1.7.309 — duo split slower (~1.3s) */

/* 1.7.310 — hide duo cart lines until split animation reveals them */
.dnx-hyla-cart-line.is-duo-cloaked {
  opacity: 0 !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: none !important;
}

/* === 1.7.317 — PDP Pflege-Duo (after description) === */
.hyla-pdp-duo {
  margin: 1.15rem 0 0;
  padding: 0.95rem 0.95rem 1rem;
  border-radius: 18px;
  border: 1px solid rgba(107, 45, 69, 0.14);
  background: linear-gradient(165deg, rgba(255,255,255,0.92) 0%, rgba(250,244,246,0.96) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 6px 18px rgba(26,20,24,0.05);
}
.hyla-pdp-duo-head { margin: 0 0 0.75rem; }
.hyla-pdp-duo-eyebrow {
  display: inline-flex; align-items: center; gap: 0.4rem;
  margin: 0 0 0.3rem;
  font-size: 0.68rem; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase;
  color: #6b2d45;
}
.hyla-pdp-duo-dot {
  width: 0.42rem; height: 0.42rem; border-radius: 50%;
  background: #6b2d45; box-shadow: 0 0 0 3px rgba(107,45,69,0.12);
}
.hyla-pdp-duo-title {
  margin: 0;
  font-family: Manrope, system-ui, sans-serif;
  font-size: 0.9rem; font-weight: 750; letter-spacing: -0.01em; line-height: 1.35;
  color: var(--fg);
}
.hyla-pdp-duo-reason {
  margin: 0.35rem 0 0;
  font-size: 0.8rem; line-height: 1.5;
  color: var(--muted, #6d646a);
}
.hyla-pdp-duo-pair {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  gap: 0.5rem;
}
.hyla-pdp-duo-plus {
  align-self: center;
  width: 1.7rem; height: 1.7rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: #6b2d45; color: #fff;
  font-size: 1rem; font-weight: 700; line-height: 1;
  box-shadow: 0 4px 10px rgba(107,45,69,0.22);
}
.hyla-pdp-duo-item {
  display: flex; flex-direction: column; min-width: 0;
  background: linear-gradient(180deg, #fff 0%, #faf8f9 100%);
  border: 1px solid var(--line, #e2d7db);
  border-radius: 14px;
  overflow: hidden;
}
.hyla-pdp-duo-item.is-current { box-shadow: inset 0 0 0 1.5px rgba(107,45,69,0.22); }
.hyla-pdp-duo-media {
  display: flex; align-items: center; justify-content: center;
  height: clamp(7.5rem, 14vw, 10rem);
  background: #fff;
  overflow: hidden;
}
.hyla-pdp-duo-media img,
.hyla-pdp-duo-img {
  width: 100% !important; height: 88% !important;
  object-fit: contain !important;
  margin: 0 auto;
  border-radius: 0 !important;
  background: transparent !important;
}
.hyla-pdp-duo-name {
  margin: 0; padding: 0.5rem 0.6rem 0.2rem;
  font-size: 0.76rem; font-weight: 650; line-height: 1.3;
  color: var(--fg);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: calc(0.76rem * 1.3 * 2 + 0.7rem);
}
.hyla-pdp-duo-name a { color: inherit; text-decoration: none; }
.hyla-pdp-duo-name a:hover { color: #6b2d45; }
.hyla-pdp-duo-foot {
  margin-top: auto;
  display: flex; align-items: center; justify-content: space-between; gap: 0.35rem;
  padding: 0.25rem 0.6rem 0.6rem;
  min-height: 2.4rem;
}
.hyla-pdp-duo-price,
.hyla-pdp-duo-price .price {
  margin: 0 !important;
  font-size: 0.8rem !important; font-weight: 700; color: var(--fg);
  line-height: 1.25; min-width: 0;
}
.hyla-pdp-duo-price small,
.hyla-pdp-duo-price .woocommerce-price-suffix { display: none; }
.hyla-pdp-duo-add {
  flex: 0 0 auto;
  width: 2rem; height: 2rem; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; padding: 0; cursor: pointer;
  background: #6b2d45; color: #fff !important;
  font-size: 1.1rem; font-weight: 600; line-height: 1; text-decoration: none;
  transition: background 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}
.hyla-pdp-duo-add:hover { background: #572438; }
.hyla-pdp-duo-add:active { transform: scale(0.92); }
.hyla-pdp-duo-add.is-loading { opacity: 0.6; pointer-events: none; }
.hyla-pdp-duo-cta {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 2.9rem;
  margin: 0.8rem 0 0; padding: 0 1rem;
  border: 0; border-radius: var(--radius-pill, 980px);
  background: #6b2d45; color: #fff;
  font-size: 0.88rem; font-weight: 700; letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.15s ease, opacity 0.15s ease, transform 0.15s ease;
}
.hyla-pdp-duo-cta:hover { background: #572438; }
.hyla-pdp-duo-cta:active { transform: scale(0.985); }
.hyla-pdp-duo-cta.is-loading { opacity: 0.7; pointer-events: none; }
@media (min-width: 900px) {
  .hyla-pdp-duo-title { font-size: 0.98rem; }
}
@media (max-width: 380px) {
  .hyla-pdp-duo { padding: 0.85rem 0.75rem 0.9rem; }
  .hyla-pdp-duo-pair { gap: 0.35rem; }
  .hyla-pdp-duo-plus { width: 1.45rem; height: 1.45rem; font-size: 0.9rem; }
}
/* === end 1.7.317 PDP duo === */


/* === 1.7.318 — Duo price dark === */
.hyla-pdp-duo-price,
.hyla-pdp-duo-price .price,
.hyla-pdp-duo-price .amount,
.hyla-pdp-duo-price .woocommerce-Price-amount,
.hyla-pdp-duo-price .woocommerce-Price-currencySymbol,
.hyla-pdp-duo-price bdi,
.hyla-pdp-duo-price .hyla-amt,
.hyla-pdp-duo-price .hyla-dual-price,
.hyla-cart-duo-price,
.hyla-cart-duo-price .price,
.hyla-cart-duo-price .amount,
.hyla-cart-duo-price .woocommerce-Price-amount,
.hyla-cart-duo-price .woocommerce-Price-currencySymbol,
.hyla-cart-duo-price bdi,
.hyla-cart-duo-price .hyla-amt,
.hyla-cart-duo-price .hyla-dual-price {
  color: #1a1418 !important;
}
.hyla-pdp-duo-price del,
.hyla-pdp-duo-price del .amount,
.hyla-cart-duo-price del,
.hyla-cart-duo-price del .amount {
  color: #6d646a !important;
}


/* === 1.7.319 — PDP zoom under header === */
.hyla-pdp-gallery .woocommerce-product-gallery__trigger,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  z-index: 2 !important;
}
.hyla-pdp-gallery,
.hyla-pdp-gallery .woocommerce-product-gallery,
.hyla-pdp-gallery .flex-viewport {
  z-index: auto;
  isolation: auto;
}


/* === 1.7.320 — Cart "Passend dazu" tile as cart line (thumb left, name + price right, ATC bottom-right; no qty/remove) === */
.hyla-cart-duo .hyla-cart-duo-list.is-line {
  display: block !important;
  overflow: visible;
}
.hyla-cart-duo .hyla-cart-duo-list.is-line > li.hyla-cart-duo-card.hyla-cart-duo-line {
  flex: none !important;
  width: 100% !important;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: 4.5rem minmax(0, 1fr) !important;
  flex-direction: initial !important;
  gap: 0.75rem !important;
  align-items: stretch;
  padding: 0.75rem 0.75rem 0.75rem 0.75rem !important;
  border: 1px solid rgba(26, 20, 24, 0.08) !important;
  border-radius: 20px !important;
  background: linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.8) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 6px 18px rgba(26,20,24,0.05) !important;
  overflow: visible !important;
  box-sizing: border-box;
}
.hyla-cart-duo .hyla-cart-duo-list.is-line > li.hyla-cart-duo-card.hyla-cart-duo-line.is-in-cart {
  box-shadow: inset 0 0 0 1.5px rgba(107,45,69,0.28), 0 6px 18px rgba(26,20,24,0.05) !important;
}
.hyla-cart-duo-line .hyla-cart-duo-thumb {
  width: 4.5rem;
  height: 4.5rem;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid rgba(26, 20, 24, 0.14);
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
}
.hyla-cart-duo-line .hyla-cart-duo-thumb .hyla-cart-duo-media {
  width: 100% !important;
  height: 100% !important;
  padding: 0.4rem !important;
  box-sizing: border-box;
  background: transparent !important;
}
.hyla-cart-duo-line .hyla-cart-duo-thumb img,
.hyla-cart-duo-line .hyla-cart-duo-img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  object-position: center center;
  padding: 0 !important;
  background: transparent !important;
}
.hyla-cart-duo-line .hyla-cart-duo-info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.hyla-cart-duo-line .hyla-cart-duo-heading {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em;
  text-transform: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hyla-cart-duo-line .hyla-cart-duo-name {
  color: var(--fg, #1a1418);
  text-decoration: none;
}
.hyla-cart-duo-line .hyla-cart-duo-name:hover { text-decoration: underline; }
.hyla-cart-duo-line .hyla-cart-duo-meta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.6rem;
  margin-top: auto;
  padding: 0 !important;
}
.hyla-cart-duo-line .hyla-cart-duo-price {
  font-size: 0.98rem;
  font-weight: 750;
  letter-spacing: -0.025em;
  line-height: 1.25;
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.hyla-cart-duo-line .hyla-cart-duo-price del {
  font-size: 0.76rem;
  font-weight: 550;
  opacity: 0.85;
}
.hyla-cart-duo-line .hyla-cart-duo-price ins { text-decoration: none; }
.hyla-cart-duo-line .hyla-cart-duo-add.btn-add,
.hyla-cart-duo-line a.hyla-cart-duo-add.btn-add,
.hyla-cart-duo-line button.hyla-cart-duo-add {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  max-width: 2rem !important;
  min-height: 2rem !important;
  max-height: 2rem !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 2rem !important;
  margin: 0 0 0 auto !important;
  align-self: center !important;
}
/* === end 1.7.320 === */

/* === 1.7.321 — header "Find my care" Bordeaux CTA + menu canvas accordion fix === */
.site-header .header-nav .pf-nav-link.hyla-pf-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.38rem;
  margin: 0 0 0 auto;
  padding: 0.4rem 0.72rem 0.4rem 0.9rem;
  min-height: 0;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.005em;
  line-height: 1.2;
  white-space: nowrap;
  color: #fff !important;
  background: var(--hyla-accent, #6b2d45) !important;
  border: 1px solid var(--hyla-accent, #6b2d45) !important;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(107, 45, 69, 0.18);
  cursor: pointer;
  opacity: 1;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.site-header .header-nav .pf-nav-link.hyla-pf-cta:hover,
.site-header .header-nav .pf-nav-link.hyla-pf-cta:focus-visible {
  background: var(--hyla-accent-press, #572438) !important;
  border-color: var(--hyla-accent-press, #572438) !important;
  box-shadow: 0 6px 16px rgba(107, 45, 69, 0.26);
  opacity: 1;
  outline: none;
}
.site-header .header-nav .pf-nav-link.hyla-pf-cta:focus-visible {
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.25);
}
.site-header .header-nav .hyla-pf-cta-ico {
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  transition: transform 0.18s ease;
}
.site-header .header-nav .pf-nav-link.hyla-pf-cta:hover .hyla-pf-cta-ico {
  transform: translateX(2px);
}
/* links stay centred in the remaining space; CTA sits at the far right of the nav row */
.site-header .header-nav > a:first-child {
  margin-left: auto;
}
html[dir=rtl] .site-header .header-nav .pf-nav-link.hyla-pf-cta {
  margin: 0 auto 0 0;
}
html[dir=rtl] .site-header .header-nav > a:first-child {
  margin-left: 0;
  margin-right: auto;
}
html[dir=rtl] .site-header .header-nav .hyla-pf-cta-ico {
  transform: scaleX(-1);
}
@media (min-width: 900px) and (max-width: 1099px) {
  .site-header .header-nav .pf-nav-link.hyla-pf-cta {
    padding: 0.36rem 0.6rem 0.36rem 0.75rem;
    font-size: 0.68rem;
  }
}

/* Menu canvas: each panel has exactly one grid child, so 0fr collapses everything */
#dnx-hyla-canvas-menu .hyla-menu-acc-panel > .hyla-menu-acc-inner,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest-panel > .hyla-menu-acc-inner {
  overflow: hidden;
  min-height: 0;
}
#dnx-hyla-canvas-menu .hyla-menu-acc:not(.is-open) > .hyla-menu-acc-panel,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest:not(.is-open) > .hyla-menu-acc-nest-panel {
  grid-template-rows: 0fr;
  grid-auto-rows: 0fr;
  padding-top: 0;
  padding-bottom: 0;
  border-top-width: 0;
  visibility: hidden;
  transition: grid-template-rows 0.28s ease, padding 0.28s ease, visibility 0s linear 0.28s;
}
#dnx-hyla-canvas-menu .hyla-menu-acc.is-open > .hyla-menu-acc-panel,
#dnx-hyla-canvas-menu .hyla-menu-acc-nest.is-open > .hyla-menu-acc-nest-panel {
  visibility: visible;
  transition: grid-template-rows 0.28s ease, padding 0.28s ease, visibility 0s;
}
/* === end 1.7.321 === */
/* 1.7.323 — keep header row from overflowing with the CTA on mid-size desktops */
@media (min-width: 900px) and (max-width: 1439px) {
  .site-header .header-nav { gap: 0.1rem; }
  .site-header .header-nav > a { padding: 0.42rem 0.56rem; font-size: 0.8rem; }
  .site-header .header-nav .pf-nav-link.hyla-pf-cta { margin-left: 0.5rem; margin-left: max(0.5rem, auto); }
}
@media (min-width: 900px) and (max-width: 1299px) {
  .site-header .header-nav > a { padding: 0.4rem 0.48rem; font-size: 0.78rem; }
  .site-header .header-nav .pf-nav-link.hyla-pf-cta {
    width: 2.1rem; height: 2.1rem; padding: 0; justify-content: center; gap: 0; flex: 0 0 auto;
  }
  .site-header .header-nav .hyla-pf-cta-label {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }
  .site-header .header-nav .hyla-pf-cta-ico { width: 15px; height: 15px; }
}
@media (min-width: 900px) and (max-width: 1099px) {
  .site-header .header-actions .search:not(.is-expanded):not(:focus-within) { width: min(11rem, 16vw); max-width: min(11rem, 16vw); }
}
@media (min-width: 900px) and (max-width: 1099px) {
  .site-header .header-nav { gap: 0; }
  .site-header .header-nav > a { padding: 0.4rem 0.4rem; font-size: 0.76rem; letter-spacing: -0.02em; }
}
@media (min-width: 1100px) and (max-width: 1199px) {
  .site-header .header-actions .search:not(.is-expanded):not(:focus-within) { width: min(15rem, 21vw); max-width: min(15rem, 21vw); }
}

/* === 1.7.328 / 1.7.337 — cart density segmented control (like hyla-shop-cols) — canvas + cart page === */
#dnx-hyla-canvas-cart .hyla-cart-density,
#hyla-cart-page-shell .hyla-cart-density {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  flex: 0 0 auto;
  margin: 0;
  padding: 0.2rem;
  border: 1px solid var(--line, #e2d7db);
  border-radius: 980px;
  background: var(--bg-tile, #f7f5f6);
}
#dnx-hyla-canvas-cart .hyla-cart-density-btn,
#hyla-cart-page-shell .hyla-cart-density-btn {
  width: 2rem;
  height: 1.85rem;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 980px;
  background: transparent;
  color: var(--muted, #6b5f66);
  cursor: pointer;
  font: inherit;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
#dnx-hyla-canvas-cart .hyla-cart-density-btn svg,
#hyla-cart-page-shell .hyla-cart-density-btn svg { fill: currentColor; display: block; }
#dnx-hyla-canvas-cart .hyla-cart-density-btn:hover,
#hyla-cart-page-shell .hyla-cart-density-btn:hover { color: var(--fg, #1a1418); }
#dnx-hyla-canvas-cart .hyla-cart-density-btn:focus-visible,
#hyla-cart-page-shell .hyla-cart-density-btn:focus-visible {
  outline: 2px solid rgba(107, 45, 69, 0.45);
  outline-offset: 2px;
}
#dnx-hyla-canvas-cart .hyla-cart-density-btn.is-on,
#dnx-hyla-canvas-cart .hyla-cart-density-btn[aria-pressed="true"],
#hyla-cart-page-shell .hyla-cart-density-btn.is-on,
#hyla-cart-page-shell .hyla-cart-density-btn[aria-pressed="true"] {
  background: #fff;
  color: var(--fg, #1a1418);
  box-shadow: 0 1px 4px rgba(26, 20, 24, 0.08);
}

/* Compact density: cart lines */
#dnx-hyla-canvas-cart.is-compact .hyla-cart-lines,
#hyla-cart-page-shell.is-compact .hyla-cart-lines {
  gap: 0.35rem !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-line,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-line {
  grid-template-columns: 2.65rem minmax(0, 1fr) auto !important;
  gap: 0.4rem 0.5rem !important;
  padding: 0.4rem 0.45rem !important;
  border-radius: 12px !important;
  align-items: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 2px 8px rgba(26,20,24,0.04) !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-thumb,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-thumb {
  width: 2.65rem !important;
  height: 2.65rem !important;
  max-width: 2.65rem !important;
  border-radius: 9px !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-thumb a,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-thumb a {
  padding: 0.2rem !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-info,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-info {
  gap: 0.15rem !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-info h4,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-info h4 {
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 1 !important;
  margin: 0 !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-meta,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-meta {
  gap: 0.35rem !important;
  align-items: center !important;
}
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-info .price,
#dnx-hyla-canvas-cart.is-compact .hyla-cart-line-price,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-info .price,
#hyla-cart-page-shell.is-compact .hyla-cart-line-price {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-line-price del,
#hyla-cart-page-shell.is-compact .hyla-cart-line-price del {
  font-size: 0.68rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-qty-row,
#hyla-cart-page-shell.is-compact .hyla-qty-row {
  padding: 0.08rem !important;
  gap: 0 !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-qty-btn,
#hyla-cart-page-shell.is-compact .hyla-qty-btn {
  width: 1.45rem !important;
  height: 1.45rem !important;
  font-size: 0.9rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-qty-val,
#hyla-cart-page-shell.is-compact .hyla-qty-val {
  min-width: 1.15rem !important;
  font-size: 0.74rem !important;
  padding: 0 0.1rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-remove,
#dnx-hyla-canvas-cart.is-compact .dnx-hyla-cart-line > .hyla-cart-remove,
#hyla-cart-page-shell.is-compact .hyla-cart-remove,
#hyla-cart-page-shell.is-compact .dnx-hyla-cart-line > .hyla-cart-remove {
  width: 1.45rem !important;
  height: 1.45rem !important;
  min-width: 1.45rem !important;
  min-height: 1.45rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-remove svg,
#hyla-cart-page-shell.is-compact .hyla-cart-remove svg {
  width: 12px !important;
  height: 12px !important;
}

/* Compact density: Passend dazu / Pflege-Duo line tiles */
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo .hyla-cart-duo-list.is-line > li.hyla-cart-duo-card.hyla-cart-duo-line,
#hyla-cart-page-shell.is-compact .hyla-cart-duo .hyla-cart-duo-list.is-line > li.hyla-cart-duo-card.hyla-cart-duo-line {
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  gap: 0.4rem !important;
  padding: 0.4rem 0.45rem !important;
  border-radius: 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 2px 8px rgba(26,20,24,0.04) !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-thumb,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-thumb {
  width: 2.65rem !important;
  height: 2.65rem !important;
  border-radius: 9px !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-thumb .hyla-cart-duo-media,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-thumb .hyla-cart-duo-media {
  padding: 0.2rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-info,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-info {
  gap: 0.15rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-heading,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-heading {
  font-size: 0.78rem !important;
  line-height: 1.2 !important;
  -webkit-line-clamp: 1 !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-meta,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-meta {
  gap: 0.35rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-price,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-price {
  font-size: 0.8rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-price del,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-price del {
  font-size: 0.68rem !important;
}
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line .hyla-cart-duo-add.btn-add,
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line a.hyla-cart-duo-add.btn-add,
#dnx-hyla-canvas-cart.is-compact .hyla-cart-duo-line button.hyla-cart-duo-add,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line .hyla-cart-duo-add.btn-add,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line a.hyla-cart-duo-add.btn-add,
#hyla-cart-page-shell.is-compact .hyla-cart-duo-line button.hyla-cart-duo-add {
  width: 1.55rem !important;
  height: 1.55rem !important;
  min-width: 1.55rem !important;
  max-width: 1.55rem !important;
  min-height: 1.55rem !important;
  max-height: 1.55rem !important;
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 1.55rem !important;
  font-size: 0.95rem !important;
}
/* === end 1.7.328 === */

/* 1.7.325 — mobile search: restore bottom-docked input (above dock/keyboard); sheet above field */
@media (max-width: 899px) {
  body.hyla-search-open .header-actions .search,
  body.hyla-search-open form#hyla-header-search.is-mobile-ported {
    top: var(--hyla-form-top, auto) !important;
    bottom: auto !important;
    left: var(--hyla-form-left, 10px) !important;
    width: var(--hyla-form-w, min(calc(100vw - 20px), 24.75rem)) !important;
    max-width: calc(100vw - 20px) !important;
    right: auto !important;
    transform: none !important;
  }
  body.hyla-search-open #hyla-search-drop {
    top: var(--hyla-drop-top, 4.5rem) !important;
    bottom: auto !important;
    left: var(--hyla-form-left, 10px) !important;
    width: var(--hyla-form-w, min(calc(100vw - 20px), 24.75rem)) !important;
    max-width: calc(100vw - 20px) !important;
    height: auto !important;
    max-height: var(--hyla-drop-max, var(--hyla-drop-h, 50dvh)) !important;
    right: auto !important;
    transform: none !important;
    overflow: hidden !important;
  }
}

/* 1.7.326 recent-pills — recent searches as horizontal pills (desktop + mobile sheet) */
#hyla-search-drop .hyla-search-recent .hyla-search-recent-pills,
.hyla-search-drop .hyla-search-recent .hyla-search-recent-pills {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 0.35rem !important;
  width: 100%;
}
#hyla-search-drop .hyla-search-recent-pills .hyla-search-suggest.hyla-search-recent-btn:not(.is-fit-hidden),
.hyla-search-drop .hyla-search-recent-pills .hyla-search-suggest.hyla-search-recent-btn:not(.is-fit-hidden),
body.hyla-search-open #hyla-search-drop .hyla-search-recent-pills .hyla-search-suggest.hyla-search-recent-btn:not(.is-fit-hidden) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: min(100%, 15rem);
  margin: 0 !important;
  padding: 0.34rem 0.8rem !important;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-pill, 999px) !important;
  background: var(--bg-tile, #f7f5f6) !important;
  color: var(--fg);
  font-size: 0.8125rem !important;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
#hyla-search-drop .hyla-search-recent-pills .hyla-search-recent-btn > span,
.hyla-search-drop .hyla-search-recent-pills .hyla-search-recent-btn > span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#hyla-search-drop .hyla-search-recent-pills .hyla-search-recent-btn:hover,
.hyla-search-drop .hyla-search-recent-pills .hyla-search-recent-btn:hover {
  background: #f0ebed !important;
}

/* === 1.7.327 — menu canvas footer "Find my care" Bordeaux CTA === */
#dnx-hyla-canvas-menu:has(.hyla-menu-foot) .dnx-hyla-canvas-body.hyla-menu-body,
#dnx-hyla-canvas-menu:has(.hyla-menu-foot) .hyla-menu-body {
  padding-bottom: 1rem !important;
}
#dnx-hyla-canvas-menu .hyla-menu-foot {
  flex: 0 0 auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.55rem;
  margin: 0;
  padding: 0.75rem 1rem calc(0.85rem + var(--safe-b, 0px));
  border-top: 1px solid rgba(226, 215, 219, 0.95) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: none !important;
}
/* 1.7.372 — language row at bottom of mobile menu canvas */
#dnx-hyla-canvas-menu .hyla-menu-lang {
  margin: 0;
}
#dnx-hyla-canvas-menu .hyla-menu-lang .hyla-account-lang-details {
  display: block;
}
#dnx-hyla-canvas-menu .hyla-menu-lang summary.hyla-account-lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  width: 100%;
  min-height: 2.55rem;
  padding: 0.45rem 0.15rem;
  list-style: none;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--fg);
}
#dnx-hyla-canvas-menu .hyla-menu-lang summary.hyla-account-lang::-webkit-details-marker { display: none; }
#dnx-hyla-canvas-menu .hyla-menu-lang .hyla-account-lang-menu {
  list-style: none;
  margin: 0 0 0.35rem;
  padding: 0.15rem 0 0;
}
#dnx-hyla-canvas-menu .hyla-menu-lang .hyla-account-lang-menu a {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.55rem 0.2rem;
  font-size: 0.88rem;
  font-weight: 550;
  color: var(--fg);
  text-decoration: none;
}
#dnx-hyla-canvas-menu .hyla-menu-lang .hyla-account-lang-menu a[aria-current="true"] {
  color: var(--blue);
  font-weight: 700;
}
@media (max-width: 899px) {
  #dnx-hyla-canvas-menu .hyla-menu-lang .hyla-account-lang-details[open] > .hyla-account-lang-menu {
    display: none;
  }
}
#dnx-hyla-canvas-menu .hyla-menu-foot .hyla-menu-pf-cta,
#dnx-hyla-canvas-menu .hyla-menu-pf-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  margin: 0;
  padding: 0.72rem 1.1rem;
  min-height: 2.85rem;
  font: inherit;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  white-space: nowrap;
  color: #fff !important;
  background: var(--hyla-accent, #6b2d45) !important;
  border: 1px solid var(--hyla-accent, #6b2d45) !important;
  border-radius: 999px;
  box-shadow: 0 4px 14px rgba(107, 45, 69, 0.22);
  cursor: pointer;
  opacity: 1;
  transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-pf-cta:hover,
#dnx-hyla-canvas-menu .hyla-menu-pf-cta:focus-visible {
  background: var(--hyla-accent-press, #572438) !important;
  border-color: var(--hyla-accent-press, #572438) !important;
  box-shadow: 0 6px 18px rgba(107, 45, 69, 0.3);
  opacity: 1;
  outline: none;
}
#dnx-hyla-canvas-menu .hyla-menu-pf-cta:focus-visible {
  box-shadow: 0 0 0 3px rgba(107, 45, 69, 0.28);
}
#dnx-hyla-canvas-menu .hyla-menu-pf-cta .hyla-pf-cta-ico {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  transition: transform 0.18s ease;
}
#dnx-hyla-canvas-menu .hyla-menu-pf-cta:hover .hyla-pf-cta-ico {
  transform: translateX(2px);
}
html[dir=rtl] #dnx-hyla-canvas-menu .hyla-menu-pf-cta .hyla-pf-cta-ico {
  transform: scaleX(-1);
}
html[dir=rtl] #dnx-hyla-canvas-menu .hyla-menu-pf-cta:hover .hyla-pf-cta-ico {
  transform: scaleX(-1) translateX(2px);
}
/* === end 1.7.327 === */
/* 1.7.329 — desktop search expand: no left-overflow over logo; stable drop geometry */
@media (min-width: 900px) {
  /* Growing a 70vw min-width child with justify-content:flex-end spilled the
     pill left over the logo (and looked like a double search chrome). */
  body.hyla-search-open .header-actions {
    justify-content: flex-start;
    gap: 0.35rem;
  }
  body.hyla-search-open .header-actions .search.is-expanded,
  body.hyla-search-open .header-actions .search:focus-within {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  body.hyla-search-open .header-nav {
    visibility: hidden;
  }
  /* Let the expanded field’s shadow paint; keep sticky header clipping off. */
  body.hyla-search-open .site-header {
    overflow: visible;
  }
  /* Idle mid-desktop widths from 1.7.323 stay; expand must not fight them. */
  body.hyla-search-open .site-header .header-actions .search.is-expanded,
  body.hyla-search-open .site-header .header-actions .search:focus-within {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}

/* Keep recent pills on one horizontal row when space allows (scroll, no wrap squeeze). */
@media (min-width: 900px) {
  #hyla-search-drop .hyla-search-recent .hyla-search-recent-pills,
  .hyla-search-drop .hyla-search-recent .hyla-search-recent-pills {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 0.15rem;
  }
}
/* === 1.7.332 — mobile search popular product tiles: fix row overlap === */
/* Cause: tiles kept min-height ~5.6rem while grid-auto-rows capped at 4.45rem,
   so row 2 painted over row 1. Align row height to content + real gaps. */
@media (max-width: 899px) {
  body.hyla-search-open #hyla-search-drop .hyla-search-hits,
  #hyla-search-drop.is-sheet .hyla-search-hits,
  .hyla-search-drop.is-sheet .hyla-search-hits {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
    row-gap: 0.5rem !important;
    column-gap: 0.4rem !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit,
  #hyla-search-drop.is-sheet .hyla-search-hits .hyla-search-hit,
  .hyla-search-drop.is-sheet .hyla-search-hits .hyla-search-hit {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0.4rem 0.3rem 0.36rem !important;
    gap: 0.22rem !important;
    overflow: hidden !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7),
  #hyla-search-drop.is-sheet .hyla-search-hits .hyla-search-hit:nth-child(n + 7),
  .hyla-search-drop.is-sheet .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-hit-media,
  #hyla-search-drop.is-sheet .hyla-search-hit-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.55rem !important;
    height: 2.55rem !important;
    min-height: 2.55rem !important;
    margin: 0 auto !important;
    flex-shrink: 0 !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-hit-body,
  #hyla-search-drop.is-sheet .hyla-search-hit-body {
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.hyla-kb-open #hyla-search-drop .hyla-search-hits {
    max-height: none !important;
    overflow: visible !important;
    grid-auto-rows: auto !important;
  }
  body.hyla-kb-open #hyla-search-drop .hyla-search-hits .hyla-search-hit:nth-child(n + 7) {
    display: none !important;
  }
}
/* === end 1.7.332 === */

/* === 1.7.437 — cart Undo: same pill anatomy as coupon toast (text | Undo | X+ring), Bordeaux; name truncates, verb stays === */
@property --hyla-undo-p { syntax: "<number>"; inherits: true; initial-value: 1; }
/* Layout/position only — colors live on .hyla-cart-undo-toast (filler overrides pink).
   Canvas is under <html>, so avoid html body … here (that never matched canvas toasts). */
html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast {
  position: fixed;
  z-index: 100090;
  right: auto;
  bottom: auto !important;
  height: auto !important;
  max-height: none !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: max-content !important;
  max-width: min(28rem, var(--hyla-undo-maxw, 28rem), calc(100vw - 1.5rem)) !important;
  min-width: 0;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.38rem 0.4rem 0.38rem 0.75rem !important;
  border-radius: 980px !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.005em;
  line-height: 1.3;
  text-align: start !important;
  overflow: visible !important;
  transform: translate(-50%, 0) scale(1);
  animation: hyla-undo-bdx-in 0.28s cubic-bezier(0.32, 0.72, 0, 1) both !important;
  pointer-events: auto;
}
html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast.is-canvas-float,
html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast.is-page-float {
  left: 50%;
  right: auto !important;
  top: auto;
  transform: translate(-50%, 0) scale(1);
  z-index: 100080;
}
html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast.is-page-float {
  position: fixed;
  z-index: 100090;
}
html #dnx-hyla-canvas-cart #hyla-cart-undo-toast.hyla-undo-bdx.is-canvas-float {
  left: 50% !important;
  right: auto !important;
  width: max-content !important;
  max-width: min(28rem, var(--hyla-undo-maxw, 28rem), calc(100% - 1.5rem)) !important;
  transform: translate(-50%, 0) scale(1) !important;
  border-radius: 980px !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  text-align: start !important;
  padding: 0.38rem 0.4rem 0.38rem 0.75rem !important;
}
html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast::before { display: none !important; content: none !important; }
@keyframes hyla-undo-bdx-in {
  from { opacity: 0; transform: translate(-50%, 8px) scale(0.97); }
  to { opacity: 1; transform: translate(-50%, 0) scale(1); }
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-text {
  display: flex !important;
  align-items: baseline;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0 !important;
  color: #fff !important;
  font-size: inherit !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  white-space: nowrap;
  overflow: hidden;
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-prefix { flex: 0 0 auto; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-name {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-verb { flex: 0 0 auto; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-btn {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  gap: 0.28rem;
  margin: 0 !important;
  padding: 0.28rem 0.65rem !important;
  border: 0 !important;
  border-radius: 980px !important;
  background: #fff !important;
  color: #6b2d45 !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  isolation: isolate;
  animation: none !important;
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-btn svg { width: 13px; height: 13px; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-btn::after { display: none !important; content: none !important; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-btn:hover { background: #fbf3f6 !important; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-btn:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-progress { display: none !important; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-x {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto;
  width: 1.65rem;
  height: 1.65rem;
  border: 0;
  border-radius: 50%;
  color: #fff !important;
  background: rgba(255,255,255,0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  isolation: isolate;
  padding: 0;
  --hyla-undo-p: 1;
  animation: hyla-undo-ring 5s linear forwards;
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-x::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from 0deg, #f3d9e3 calc(var(--hyla-undo-p) * 360deg), rgba(255,255,255,0.16) 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-x:hover { background: rgba(255,255,255,0.22); color: #fff !important; }
html #hyla-cart-undo-toast.hyla-undo-bdx .hyla-cart-undo-x svg { width: 12px; height: 12px; }
@keyframes hyla-undo-ring { from { --hyla-undo-p: 1; } to { --hyla-undo-p: 0; } }
/* native Woo restore notice (after reload) — same Bordeaux look, in flow */
.woocommerce-message.hyla-undo-polished {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 0.5rem !important;
  width: max-content !important;
  max-width: min(26rem, calc(100% - 1.5rem)) !important;
  margin: 0 auto 0.9rem !important;
  padding: 0.38rem 0.45rem 0.38rem 0.85rem !important;
  border-radius: 980px !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  background: #6b2d45 !important;
  color: #fff !important;
  font-size: 0.74rem;
  font-weight: 600;
  box-shadow: 0 10px 28px rgba(87,36,56,0.24) !important;
}
.woocommerce-message.hyla-undo-polished::before { display: none !important; }
.woocommerce-message.hyla-undo-polished a.restore-item {
  background: #fff !important;
  color: #6b2d45 !important;
  border: 0 !important;
  padding: 0.3rem 0.7rem !important;
  font-size: 0.72rem !important;
}
@media (max-width: 959px) {
  html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast { font-size: 0.72rem; }
}
@media (prefers-reduced-motion: reduce) {
  html #hyla-cart-undo-toast.hyla-undo-bdx.hyla-cart-undo-toast { animation: none !important; }
}
/* === end 1.7.336 === */


/* === 1.7.337 — Cart PAGE aligned with cart canvas (line tiles + Pflege-Duo + density + page YMAL) === */
body.woocommerce-cart .hyla-cart-page-form {
  margin: 0;
}
body.woocommerce-cart .hyla-cart-page-shell {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}
body.woocommerce-cart .hyla-cart-page-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.15rem 0.1rem 0.35rem;
}
body.woocommerce-cart .hyla-cart-page-bar-title {
  min-width: 0;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--fg, #1a1418);
}
body.woocommerce-cart .hyla-cart-page-bar-label {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Page layout: single column — lines + Duo + YMAL under lines; Order Summary stays in collaterals */
body.woocommerce-cart .hyla-cart-page-layout.hyla-cart-layout {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0;
  overflow: visible !important;
  grid-template-columns: none !important;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-main {
  display: flex;
  flex-direction: column;
  overflow: visible !important;
  min-height: 0;
  padding: 0 !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-scroll {
  overflow: visible !important;
  max-height: none !important;
  padding: 0.15rem 0.1rem 0.35rem;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-lines {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-ymal.is-desktop-ymal {
  display: none !important;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-ymal.is-mobile-ymal,
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-ymal.is-page-ymal {
  display: block !important;
  margin: 1.15rem 0 0.25rem;
  padding: 0.85rem;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.55);
  background:
    linear-gradient(165deg, rgba(255,255,255,0.42) 0%, rgba(245,239,241,0.55) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-duo {
  margin-top: 0.85rem;
}

/* 1.7.338 — desktop: keep the existing wrap grid (.woocommerce = display:contents, 1.7.2xx);
   no nested grid here (it caused 2000px+ overflow). Only make columns shrinkable + sticky summary. */
body.woocommerce-cart .hyla-woo-content .woocommerce > .woocommerce-cart-form,
body.woocommerce-cart .hyla-woo-content .woocommerce > .cart-collaterals,
body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal,
body.woocommerce-cart .hyla-cart-page-shell,
body.woocommerce-cart .hyla-cart-page-layout,
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-main,
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-scroll,
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-lines,
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-ymal {
  min-width: 0;
  max-width: 100%;
}
body.woocommerce-cart .hyla-cart-page-layout .hyla-cart-ymal .hyla-cart-ymal-list,
body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal .hyla-cart-ymal-list {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
@media (min-width: 960px) {
  /* Page YMAL always full-bleed under BOTH columns (not stuck in the left cart column). */
  body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal,
  body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal.is-page-ymal,
  body.woocommerce-cart .hyla-cart-ymal.is-page-ymal {
    grid-column: 1 / -1 !important;
    grid-row: 3;
    width: 100%;
    max-width: none;
    margin-top: 1.75rem;
    padding-top: 1.35rem;
    border-top: 1px solid rgba(26, 20, 24, 0.08);
  }
  /* Sticky lives on .cart_totals only; collaterals stretches to form-row height
     so sticky stops before full-bleed YMAL (do not sticky the grid item itself —
     its containing block is .hyla-woo-wrap, which includes YMAL). */
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .cart-collaterals {
    position: static;
    top: auto;
  }
}

body.woocommerce-cart .hyla-cart-page-form table.shop_table.cart {
  display: none !important;
}
/* === end 1.7.337 === */

/* === 1.7.340 — Warenkorb-Summe / Order Summary card (page + canvas polish) === */
body.woocommerce-cart .hyla-woo-content .cart-collaterals {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
body.woocommerce-cart .hyla-woo-content .cart_totals,
body.woocommerce-cart .hyla-woo-content .cart_totals.hyla-cart-summary-card {
  position: sticky;
  top: calc(var(--header-h, 3.25rem) + 0.85rem);
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(26, 20, 24, 0.08);
  background:
    linear-gradient(165deg,
      rgba(255, 255, 255, 0.98) 0%,
      rgba(252, 248, 249, 0.95) 48%,
      rgba(247, 241, 243, 0.96) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 36px rgba(26, 20, 24, 0.07);
}
body.woocommerce-cart .hyla-woo-content .cart_totals::before {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #6b2d45 0%, #8a3d5a 52%, rgba(107, 45, 69, 0.28) 100%);
}
/* Reserve + free-shipping sit above Warenkorb-Summe (top of sticky card). */
body.woocommerce-cart .hyla-cart-summary-urgency {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.75rem 1rem 0.15rem;
}
body.woocommerce-cart .hyla-cart-summary-urgency .hyla-cart-reserve {
  margin: 0;
  align-self: stretch;
}
body.woocommerce-cart .hyla-cart-summary-urgency .hyla-ship-bar {
  margin: 0;
}
body.woocommerce-cart .hyla-cart-summary-urgency .hyla-ship-bar.is-compact {
  margin: 0;
}
/* Head ship-bar must never show on cart page: with display:contents on .hyla-woo-head
   it falls into the wrap grid and can land under "You may also like". Bar is only in
   .hyla-cart-summary-urgency (top of sticky Order Summary). */
body.woocommerce-cart .hyla-woo-head .hyla-ship-bar,
body.woocommerce-cart .hyla-woo-wrap > .hyla-ship-bar {
  display: none !important;
}
/* Sticky Order Summary stays in the cart-form row only (collaterals stretch).
   Do not raise its z-index over YMAL — that caused the card to paint on top
   of "You may also like" while sticky was still active past the form row. */
body.woocommerce-cart .hyla-woo-content .cart-collaterals,
body.woocommerce-cart .hyla-woo-content .cart_totals,
body.woocommerce-cart .hyla-woo-content .cart_totals.hyla-cart-summary-card {
  z-index: auto;
}
body.woocommerce-cart .hyla-cart-ymal.is-page-ymal,
body.woocommerce-cart .hyla-woo-content .woocommerce > .hyla-cart-ymal.is-page-ymal {
  position: relative;
  z-index: 2;
}
/* Desktop: stretch collaterals to match cart lines so sticky card stops before YMAL. */
@media (min-width: 960px) {
  body.woocommerce-cart .hyla-woo-wrap {
    align-items: start;
  }
  body.woocommerce-cart .hyla-woo-page .hyla-woo-content .woocommerce > .cart-collaterals {
    align-self: stretch !important;
    justify-self: stretch;
    height: auto;
    min-height: 100%;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals.hyla-cart-summary-card {
    align-self: start;
    margin-top: 0;
  }
  /* Canvas: reserve + ship bar stay above lines; no vertical centering in main. */
  #dnx-hyla-canvas-cart .hyla-cart-main {
    justify-content: flex-start !important;
    align-items: stretch;
  }
  #dnx-hyla-canvas-cart .hyla-cart-main > .hyla-cart-reserve,
  #dnx-hyla-canvas-cart .hyla-cart-main > .hyla-ship-bar {
    flex: 0 0 auto;
  }
  #dnx-hyla-canvas-cart .hyla-cart-scroll {
    flex: 1 1 auto;
    justify-content: flex-start;
  }
}
body.woocommerce-cart .hyla-woo-content .cart_totals > table.shop_table,
body.woocommerce-cart .hyla-woo-content .hyla-cart-summary-shipping {
  display: none !important;
}
.hyla-cart-summary-head {
  padding: 1rem 1.2rem 0.55rem;
}
.hyla-cart-summary-title,
body.woocommerce-cart .hyla-woo-content .cart_totals h2,
body.woocommerce-cart .hyla-woo-content .cart_totals h2.hyla-cart-summary-title {
  margin: 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 0.7rem !important;
  font-weight: 750 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--blue, #6b2d45) !important;
  line-height: 1.3 !important;
}
body.woocommerce-cart .hyla-woo-content .hyla-cart-summary-body,
body.woocommerce-cart .hyla-woo-content .wc-proceed-to-checkout {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin: 0 !important;
  padding: 0.2rem 1.2rem 1.15rem !important;
}
body.woocommerce-cart .hyla-cart-page-overview {
  margin: 0 !important;
  padding: 0;
  border-radius: 14px;
  border: 1px solid rgba(26, 20, 24, 0.07);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-page-coupon.hyla-cart-discount {
  margin: 0;
  padding: 0.55rem 0.8rem 0.15rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-head {
  padding: 0.7rem 0.85rem;
  gap: 0.5rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-label {
  font-size: 0.78rem;
  font-weight: 650;
  color: var(--muted);
  letter-spacing: 0.01em;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-sum {
  font-size: 1.05rem;
  font-weight: 780;
  letter-spacing: -0.025em;
  color: var(--blue, #6b2d45);
  font-variant-numeric: tabular-nums;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-body {
  padding-left: 0.85rem;
  padding-right: 0.85rem;
  background: rgba(247, 243, 245, 0.45);
}
body.woocommerce-cart .hyla-cart-page-overview.is-open .hyla-cart-overview-body {
  border-top-color: rgba(26, 20, 24, 0.07);
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row {
  padding: 0.38rem 0;
  font-size: 0.8rem;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row > span:first-child {
  color: var(--muted);
  font-weight: 600;
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row > span:last-child {
  font-weight: 680;
  font-variant-numeric: tabular-nums;
  color: var(--fg);
}
body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-row.is-shipping {
  padding-bottom: 0.55rem;
}
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout {
  margin-top: 0.1rem;
  border-radius: 14px !important;
  min-height: 3.15rem;
  justify-content: center !important;
  gap: 0.55rem;
  box-shadow: 0 10px 24px rgba(107, 45, 69, 0.22);
  letter-spacing: -0.01em;
}
body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout .hyla-cart-checkout-lock {
  display: inline-flex;
  opacity: 0.92;
}
body.woocommerce-cart .hyla-woo-content .hyla-cart-checkout-note {
  order: 3;
  margin: 0.05rem 0 0 !important;
  text-align: center;
  font-size: 0.68rem;
  line-height: 1.35;
  color: var(--muted);
  opacity: 0.88;
}
/* Secure payment: same centered stack as #dnx-hyla-canvas-cart .hyla-cart-secure */
body.woocommerce-cart .hyla-cart-page-secure {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem;
  width: 100%;
  margin-top: 0.15rem;
  padding: 0.55rem 0.2rem 0.1rem;
  text-align: center;
  border-top: 1px solid rgba(26, 20, 24, 0.06);
  overflow: hidden;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-cart-secure-label {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
}
/* 1.7.440 — cart page: Secure payment icons in one smaller row */
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center;
  gap: 0.2rem;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  mask-image: none;
  -webkit-mask-image: none;
}
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icon,
body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons.is-compact .hyla-pay-icon {
  width: 1.85rem !important;
  height: 1.12rem !important;
  border-radius: 6px !important;
  flex: 0 0 auto;
}
@media (max-width: 380px) {
  body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icon,
  body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons.is-compact .hyla-pay-icon {
    width: 1.65rem !important;
    height: 1rem !important;
    border-radius: 5px !important;
  }
  body.woocommerce-cart .hyla-cart-page-secure .hyla-pay-icons {
    gap: 0.14rem;
  }
}
body.woocommerce-cart .hyla-cart-page-legal {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.2rem 0.45rem;
  margin: 0.45rem 0 0;
  font-size: 0.68rem;
  color: var(--muted);
}
body.woocommerce-cart .hyla-cart-page-legal a {
  color: var(--muted);
  text-decoration: none;
  font-weight: 550;
}
body.woocommerce-cart .hyla-cart-page-legal a:hover {
  color: var(--blue, #6b2d45);
  text-decoration: underline;
}

/* Canvas overview: same Bordeaux sum + clearer rows */
#dnx-hyla-canvas-cart .hyla-cart-overview-sum {
  color: var(--blue, #6b2d45);
  font-weight: 780;
  letter-spacing: -0.025em;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row {
  padding: 0.36rem 0;
}
#dnx-hyla-canvas-cart .hyla-cart-overview-row.is-shipping {
  padding-bottom: 0.15rem;
}
@media (min-width: 960px) {
  #dnx-hyla-canvas-cart .hyla-cart-overview,
  #dnx-hyla-canvas-cart .hyla-cart-totals {
    border: 1px solid rgba(26, 20, 24, 0.07);
    background: rgba(255, 255, 255, 0.62);
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    overflow: hidden;
  }
  #dnx-hyla-canvas-cart .hyla-cart-overview-head {
    padding: 0.65rem 0.8rem;
  }
  /* Only when open — collapsed body must stay fully hidden (1.7.437). */
  #dnx-hyla-canvas-cart .hyla-cart-overview.is-open .hyla-cart-overview-body {
    padding: 0 0.8rem 0.65rem;
    background: rgba(247, 243, 245, 0.4);
  }
  #dnx-hyla-canvas-cart .hyla-cart-checkout {
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(107, 45, 69, 0.2);
  }
}

/* Mobile page: keep fixed bottom sheet, drop sticky + accent padding clutter */
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-woo-content .woocommerce > .cart-collaterals {
    padding: 0.55rem 1rem calc(0.7rem + env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    border-top: 1px solid rgba(26, 20, 24, 0.08) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals,
  body.woocommerce-cart .hyla-woo-content .cart_totals.hyla-cart-summary-card {
    position: static;
    top: auto;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals::before {
    display: none;
  }
  body.woocommerce-cart .hyla-woo-content .cart_totals h2,
  .hyla-cart-summary-head {
    display: none !important;
  }
  body.woocommerce-cart .hyla-woo-content .hyla-cart-summary-body,
  body.woocommerce-cart .hyla-woo-content .wc-proceed-to-checkout {
    padding: 0 !important;
    gap: 0.35rem;
  }
  body.woocommerce-cart .hyla-cart-page-overview {
    border: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
  }
  body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-page-coupon.hyla-cart-discount {
    padding: 0;
  }
  body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-head {
    padding: 0.35rem 0;
  }
  body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-body {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
  }
  body.woocommerce-cart .hyla-cart-page-overview .hyla-cart-overview-sum {
    font-size: 1rem;
  }
  body.woocommerce-cart .wc-proceed-to-checkout a.hyla-cart-checkout {
    border-radius: 12px !important;
    min-height: 3.05rem;
    box-shadow: none;
    justify-content: flex-start !important;
  }
}

/* === 1.7.341 — mobile search: sheet bottom-anchored above input (not glued to screen top); cleaner spacing === */
@media (max-width: 899px) {
  body.hyla-search-open #hyla-search-drop,
  body.hyla-search-open #hyla-search-drop.is-sheet {
    top: auto !important;
    bottom: var(--hyla-drop-bottom, calc(var(--hyla-search-bottom, 5.75rem) + 3.75rem)) !important;
    left: var(--hyla-form-left, 10px) !important;
    width: var(--hyla-form-w, min(calc(100vw - 20px), 24.75rem)) !important;
    max-width: calc(100vw - 20px) !important;
    right: auto !important;
    height: auto !important;
    max-height: var(--hyla-drop-max, var(--hyla-drop-h, 50dvh)) !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding: 0.62rem 0.65rem 0.58rem !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    box-sizing: border-box !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-drop-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 1 auto !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0.45rem !important;
    min-height: 0 !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-sec {
    margin: 0 !important;
    padding: 0 !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-sec + .hyla-search-sec {
    margin-top: 0.4rem !important;
    padding-top: 0.45rem !important;
    border-top: 1px solid rgba(26, 20, 24, 0.06);
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-sec-label {
    margin: 0 0 0.28rem !important;
    padding: 0 0.15rem 0.05rem !important;
    font-size: 0.62rem !important;
    letter-spacing: 0.07em;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-filler,
  body.hyla-search-open:not(.hyla-kb-open) #hyla-search-drop .hyla-search-filler,
  body.hyla-kb-open #hyla-search-drop .hyla-search-filler {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 auto !important;
    align-items: stretch !important;
    gap: 0.28rem !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler + .hyla-search-filler,
  body.hyla-search-open #hyla-search-drop .hyla-search-sec + .hyla-search-filler,
  body.hyla-search-open #hyla-search-drop .hyla-search-filler + .hyla-search-chips-dock {
    margin-top: 0.35rem !important;
    padding-top: 0.4rem !important;
    border-top: 1px solid rgba(26, 20, 24, 0.06);
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-filler-row {
    display: flex !important;
    flex-flow: row wrap !important;
    gap: 0.32rem !important;
    margin: 0 !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-filler-row .hyla-search-filler-btn,
  body.hyla-search-open #hyla-search-drop .hyla-search-filler .hyla-search-suggest:not(.hyla-search-recent-btn) {
    margin: 0 !important;
    padding: 0.36rem 0.72rem !important;
    flex: 0 1 auto !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-chips-dock {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    overflow: visible !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.32rem !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-chips .hyla-search-chip {
    margin: 0 !important;
    padding: 0.36rem 0.7rem !important;
  }

  body.hyla-search-open #hyla-search-drop .hyla-search-hits {
    gap: 0.4rem !important;
    row-gap: 0.45rem !important;
    column-gap: 0.38rem !important;
    margin: 0 !important;
  }
  body.hyla-search-open #hyla-search-drop .hyla-search-hint,
  body.hyla-search-open #hyla-search-drop .hyla-search-empty {
    padding: 0.55rem 0.35rem !important;
    margin: 0 !important;
  }

  /* Input bar: keep bottom dock via JS vars; slightly tighter chrome */
  body.hyla-search-open .header-actions .search,
  body.hyla-search-open form#hyla-header-search.is-mobile-ported {
    top: var(--hyla-form-top, auto) !important;
    bottom: auto !important;
    padding: 0.38rem 0.5rem 0.38rem 0.4rem !important;
  }
}
/* === end 1.7.341 === */


/* 1.7.342 — discount row: code to the right; edit icon when active; hide cart legal on desktop */
.hyla-cart-discount-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
  width: 100%;
  min-width: 0;
}
.hyla-cart-discount-row .hyla-cart-coupon-toggle {
  width: auto;
  flex: 0 1 auto;
  min-width: 0;
}
.hyla-cart-discount-row .hyla-cart-coupons-applied {
  margin: 0;
  margin-left: auto;
  flex: 0 1 auto;
  justify-content: flex-end;
  max-width: 58%;
}
.hyla-cart-coupon-toggle-label {
  min-width: 0;
}
.hyla-cart-coupon-toggle.has-code .hyla-cart-coupon-toggle-ico.is-edit,
.hyla-cart-coupon-toggle.has-code.is-open .hyla-cart-coupon-toggle-ico.is-edit {
  transform: none;
  background: rgba(107,45,69,0.12);
}
#dnx-hyla-canvas-cart .hyla-cart-coupon-toggle.has-code .hyla-cart-coupon-toggle-ico.is-edit,
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon-toggle.has-code .hyla-cart-coupon-toggle-ico.is-edit {
  background: transparent;
}
body.woocommerce-cart .hyla-cart-page-legal {
  display: none !important;
}
@media (max-width: 899px) {
  body.woocommerce-cart .hyla-cart-page-legal {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.2rem 0.45rem;
    margin: 0.45rem 0 0;
    padding: 0;
    text-align: center;
    font-size: 0.72rem;
    line-height: 1.35;
  }
}


/* ===== 1.7.343 / 1.7.446 — Promo: solid Bordeaux (Hyla, no frost); cart H1 ===== */
body:not(.hyla-mode-filler) .hyla-promo {
  background: transparent;
  color: rgba(255, 255, 255, 0.94);
  border-bottom: 0;
  box-shadow: none;
}
body:not(.hyla-mode-filler) .hyla-promo-viewport {
  background: #6b2d45;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(26, 20, 24, 0.12);
  box-shadow: none;
}
body:not(.hyla-mode-filler) .hyla-promo-item { color: rgba(255, 255, 255, 0.94); font-weight: 600; }
body:not(.hyla-mode-filler) .hyla-promo-ico { color: rgba(255, 255, 255, 0.92); opacity: 1; }
body:not(.hyla-mode-filler) .hyla-promo-ico svg { stroke: currentColor; }

body.woocommerce-cart .hyla-woo-head h1 {
  width: 100%;
  justify-self: center;
  text-align: center;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  font-size: clamp(2.1rem, 3.1vw, 2.8rem);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--fg, #1a1418);
}
body.woocommerce-cart .hyla-woo-head h1::after {
  content: "";
  display: block;
  width: 2.25rem;
  height: 2px;
  margin: 0.55rem auto 0;
  border-radius: 2px;
  background: #6b2d45;
  opacity: 0.85;
}
@media (min-width: 960px) {
  body.woocommerce-cart .hyla-woo-head h1 { padding: 0.25rem 0 0.6rem; }
}
@media (max-width: 899px) {
  body.woocommerce-cart .page-shell.hyla-woo-page { padding-top: 0; }
  body.woocommerce-cart .hyla-woo-head {
    position: sticky;
    top: var(--header-h, 3.55rem);
    z-index: 25;
    margin: 0 calc(-1 * var(--page-gutter, 0.75rem)) 0.6rem;
    padding: 0.6rem var(--page-gutter, 0.75rem) 0.6rem;
    background: rgba(250, 247, 248, 0.94);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
    border-bottom: 1px solid rgba(107, 45, 69, 0.1);
    box-shadow: 0 6px 16px -14px rgba(26, 20, 24, 0.35);
  }
  body.woocommerce-cart .hyla-woo-head h1 {
    margin: 0 0 0.5rem;
    padding: 0;
    font-size: 1.55rem;
    line-height: 1.1;
  }
  body.woocommerce-cart .hyla-woo-head h1::after { display: none; }
  body.woocommerce-cart .hyla-woo-head .hyla-ship-bar { margin: 0; }
}


/* === Coupon toast (ported from filler UX): green success like remove-product feel, centered over summary; Aplicar = Bordeaux (not filler pink) === */
@property --hyla-coupon-p { syntax: "<number>"; inherits: true; initial-value: 1; }
.hyla-coupon-toast {
  position: fixed; z-index: 100090; left: 50%; top: auto; bottom: auto;
  transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 0.5rem;
  width: max-content;
  max-width: min(26rem, var(--hyla-coupon-maxw, 26rem), calc(100vw - 1.5rem));
  padding: 0.38rem 0.4rem 0.38rem 0.75rem;
  border-radius: 980px;
  border: 1px solid rgba(255,255,255,0.22);
  background: linear-gradient(145deg, #3d8f65 0%, #2f6b4f 55%, #275a42 100%);
  color: #fff; font-size: 0.78rem; font-weight: 650; line-height: 1.3;
  box-shadow: 0 10px 28px rgba(47,107,79,0.28), 0 2px 6px rgba(26,20,24,0.12);
  animation: hylaCouponIn .28s cubic-bezier(.32,.72,0,1) both;
  pointer-events: auto;
}
.hyla-coupon-toast.is-err {
  background: linear-gradient(145deg, #8a3a4a 0%, #6b2d45 55%, #572438 100%);
  box-shadow: 0 10px 28px rgba(87,36,56,0.28), 0 2px 6px rgba(26,20,24,0.12);
}
.hyla-coupon-toast.is-canvas { position: absolute; z-index: 100080; }
.hyla-coupon-toast-text { margin: 0; flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hyla-coupon-toast-undo {
  position: relative; flex: 0 0 auto; display: inline-flex; align-items: center; gap: 0.28rem;
  margin: 0; padding: 0.28rem 0.65rem; border: 0; border-radius: 980px;
  background: #fff; color: #2f6b4f; font-size: 0.72rem; font-weight: 700; line-height: 1.2;
  white-space: nowrap; cursor: pointer; isolation: isolate;
}
.hyla-coupon-toast.is-err .hyla-coupon-toast-undo { color: #6b2d45; }
.hyla-coupon-toast-undo:hover { background: #f4faf6; }
.hyla-coupon-toast-x {
  position: relative; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; border: 0; border-radius: 50%;
  background: rgba(255,255,255,0.14); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; cursor: pointer; isolation: isolate; padding: 0;
  --hyla-coupon-p: 1;
  animation: hylaCouponRing 2.2s linear forwards;
}
.hyla-coupon-toast.is-err .hyla-coupon-toast-x { animation-duration: 2.8s; }
.hyla-coupon-toast-x::after {
  content: ""; position: absolute; inset: -3px; border-radius: inherit; padding: 2px;
  background: conic-gradient(from 0deg, #c8ebd7 calc(var(--hyla-coupon-p) * 360deg), rgba(255,255,255,0.16) 0);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; pointer-events: none;
}
.hyla-coupon-toast.is-err .hyla-coupon-toast-x::after {
  background: conic-gradient(from 0deg, #f3d9e3 calc(var(--hyla-coupon-p) * 360deg), rgba(255,255,255,0.16) 0);
}
.hyla-coupon-toast-x:hover { background: rgba(255,255,255,0.22); }
@keyframes hylaCouponIn { from { opacity: 0; transform: translate(-50%, 8px) scale(.97); } to { opacity: 1; transform: translate(-50%, 0) scale(1); } }
@keyframes hylaCouponRing { from { --hyla-coupon-p: 1; } to { --hyla-coupon-p: 0; } }
html.hyla-coupon-toast-on .hyla-cart-coupon-msg.is-ok,
html.hyla-coupon-toast-on .hyla-fco-coupon-msg.is-ok { display: none !important; }

/* Aplicar / Apply coupon — Bordeaux highlight (Hyla palette; filler mode overrides pink in filler.css) */
[data-hyla-apply-coupon],
#hyla-apply-coupon,
.hyla-cart-discount .btn-soft[data-hyla-apply-coupon],
.hyla-cart-discount #hyla-apply-coupon,
.hyla-co-summary-coupon button[name="apply_coupon"],
form.checkout_coupon button[name="apply_coupon"],
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon .btn[data-hyla-apply-coupon],
body.woocommerce-cart .hyla-cart-page-coupon .hyla-cart-coupon #hyla-apply-coupon {
  background: #6b2d45 !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 12px rgba(107,45,69,.32) !important;
  border-radius: 980px !important;
}
[data-hyla-apply-coupon]:hover,
#hyla-apply-coupon:hover {
  background: #572438 !important;
}

/* === 1.7.347 — desktop search: do not use overflow:hidden on html/body.
   That breaks position:sticky on .site-header, so after scroll the header +
   search field vanish from the viewport when opening search. Mobile keeps
   the scroll lock below. === */
@media (min-width: 900px) {
  html.hyla-search-open,
  body.hyla-search-open {
    overflow: visible;
    overscroll-behavior: none;
  }
  /* Belt-and-suspenders: pin header while search overlay is open. */
  body.hyla-search-open .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
}

/* Hyla shop quantity cards (inherit staffel: 1× / 3× / 5×). Filler keeps modes/filler/filler.css. */
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin: 0.35rem 0 0.75rem;
  overflow: visible;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-card {
  position: relative;
  overflow: visible;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0.48rem 0.7rem;
  text-align: start;
  background: #fff;
  border: 1px solid #d6cdd1;
  border-radius: 12px;
  cursor: pointer;
  font: inherit;
  color: #1a1418;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-card.is-selected {
  border-color: #1a1418;
  box-shadow: 0 0 0 1px #1a1418;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-radio {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid #c9c0c4;
  box-sizing: border-box;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-card.is-selected .hyla-bundle-radio {
  border-color: #1a1418;
  box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #1a1418;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-copy { min-width: 0; }
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: -0.01em;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-save {
  display: inline-flex;
  padding: 0.08rem 0.4rem;
  border-radius: 980px;
  background: #f6f3f4;
  font-size: 0.64rem;
  font-weight: 700;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-sub {
  display: block;
  margin-top: 0.05rem;
  color: rgba(26, 20, 24, 0.55);
  font-size: 0.72rem;
  font-weight: 500;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-prices { text-align: end; }
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-now {
  display: block;
  font-weight: 700;
  font-size: 0.92rem;
  letter-spacing: -0.02em;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-was {
  display: block;
  color: rgba(26, 20, 24, 0.45);
  font-size: 0.72rem;
  font-weight: 500;
}
body.hyla-theme:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-bundle-badge {
  position: absolute;
  top: 0;
  /* Flush to the right edge of the quantity card */
  inset-inline-end: 0.2rem;
  left: auto;
  z-index: 2;
  transform: translateY(-50%);
  max-width: none;
  background: #1a1418;
  color: #fff;
  border: 0;
  border-radius: 980px;
  font-size: 0.62rem;
  font-weight: 650;
  line-height: 1.15;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  padding: 0.18rem 0.5rem;
  pointer-events: none;
}

/* 1.7.371 — Hyla shop: no mobile bottom tab dock (cart lives in header). */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .dnx-hyla-dock {
  display: none !important;
}
@media (max-width: 899px) {
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) {
    padding-bottom: var(--safe-b);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-shop-page {
    padding-bottom: 1.25rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-sticky {
    bottom: calc(1rem + var(--safe-b));
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).hyla-pdp-sticky-on {
    padding-bottom: calc(5.5rem + var(--safe-b)) !important;
  }
}

/* Account and favorites live at the top of the menu canvas. */
.hyla-menu-account {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  margin: 0 0 0.85rem;
}
.hyla-menu-account button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-height: 2.6rem;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--fg);
  font-size: 0.82rem;
  font-weight: 650;
  position: relative;
}
.hyla-menu-account .hyla-fav-badge {
  position: static;
  top: auto;
  right: auto;
  box-shadow: none;
}

/* Product page: highlights under the short description, stock beside the cart. */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary .woocommerce-product-details__short-description {
  margin: 0;
  padding: 0 0 0.9rem;
  border-bottom: 1px solid rgba(26, 20, 24, 0.08);
}
.hyla-pdp-highlights {
  list-style: none;
  margin: 0 0 1.05rem;
  padding: 0.85rem 0 0.95rem;
  border-bottom: 1px solid rgba(26, 20, 24, 0.08);
  display: grid;
  gap: 0.62rem;
}
.hyla-pdp-highlights li {
  display: flex;
  align-items: flex-start;
  gap: 0.65rem;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.4;
  color: var(--fg);
}
.hyla-pdp-hi-ico {
  flex: 0 0 1.65rem;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6f1f3;
  color: #6b2d45;
}
.hyla-pdp-hi-ico svg { width: 0.95rem; height: 0.95rem; }
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart {
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.7rem;
  column-gap: 0.55rem;
  row-gap: 0.45rem;
}
/* Variable products: qty/ATC/stock live inside this wrap — must flex+wrap or ATC width collapses to 0. */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .woocommerce-variation-add-to-cart,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .single_variation_wrap .variations_button {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.55rem;
  row-gap: 0.45rem;
  width: 100%;
}
/* Woo clearfix ::before/::after become flex items and indent qty — kill them */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart::before,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart::after,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .woocommerce-variation-add-to-cart::before,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .woocommerce-variation-add-to-cart::after {
  content: none !important;
  display: none !important;
}
/* Row 1: qty + cart. Row 2: stock under both (simple + variable wrap). */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .hyla-pdp-qty {
  order: 1;
  margin: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0.12rem;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .hyla-pdp-qty .quantity {
  order: 0;
  margin: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart > .quantity,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .woocommerce-variation-add-to-cart > .quantity {
  order: 1;
  margin: 0 !important;
  margin-inline-start: 0 !important;
  padding-inline-start: 0.12rem;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .single_add_to_cart_button {
  order: 2;
  float: none !important;
  clear: none !important;
  flex: 1 1 8rem;
  min-width: 8rem;
  width: auto !important;
  max-width: none;
  margin: 0 !important;
}
/* Heart sits on the ATC row (qty | ATC | ♥), stockrow wraps below */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .hyla-wish-pdp,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux).single-product .hyla-pdp-summary form.cart .woocommerce-variation-add-to-cart .hyla-wish-pdp {
  order: 3;
  flex: 0 0 3rem;
  margin: 0 !important;
}
/* Category / SKU pills: clear gap under incentive tiles, even chip spacing */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary .hyla-pdp-tiles {
  margin-bottom: 0.95rem;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary .hyla-pdp-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.55rem;
  padding: 0;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary .hyla-pdp-chip,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-summary .hyla-pdp-meta .sku {
  margin: 0 !important;
  padding: 0.24rem 0.6rem;
  font-size: 0.68rem;
  line-height: 1.25;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-stockrow {
  order: 4;
  flex: 1 0 100%;
  flex-basis: 100%;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem 0.65rem;
  margin: 0;
  padding: 0.08rem 0.1rem 0;
  min-width: 0;
}
/* Details accordion attribute table (same look as legacy details block). */
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-details-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-details-table th,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-details-table td {
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(226, 215, 219, 0.85);
  text-align: start;
  vertical-align: top;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-details-table th {
  width: 34%;
  font-weight: 650;
  color: var(--muted, #6b6470);
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-stockline {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  font-size: 0.78rem;
  font-weight: 650;
  color: #2f6b4f;
  white-space: nowrap;
  flex: 0 0 auto;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini {
  display: inline-flex;
  align-items: center;
  gap: 0.22rem;
  margin-left: auto;
  min-width: 0;
  color: var(--muted, #6b6470);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.005em;
  white-space: nowrap;
  line-height: 1.2;
  overflow: hidden;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-ico {
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  color: var(--fg, #1a1418);
  opacity: 0.72;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.28rem;
  min-width: 0;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-sep {
  opacity: 0.45;
  font-weight: 500;
  flex: 0 0 auto;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-svc {
  color: var(--fg, #1a1418);
  font-weight: 650;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-eta {
  color: var(--muted, #6b6470);
  font-weight: 550;
  font-variant-numeric: tabular-nums;
}
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-tiles,
body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-eta.is-bare {
  display: none !important;
}
@media (max-width: 720px) {
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-stockline {
    font-size: 0.7rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini {
    font-size: 0.62rem;
    gap: 0.16rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-item {
    gap: 0.2rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-pdp-shipmini-ico {
    width: 12px;
    height: 12px;
  }
}
.hyla-pdp-stockline.is-out { color: #8a3a3a; }
.hyla-pdp-stockdot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: #2f9e5a;
  box-shadow: 0 0 0 0 rgba(47, 158, 90, 0.45);
  animation: hyla-stock-pulse 1.8s ease-out infinite;
}
.hyla-pdp-stockline.is-out .hyla-pdp-stockdot {
  background: #b45555;
  animation: none;
  box-shadow: none;
}
@keyframes hyla-stock-pulse {
  0% { box-shadow: 0 0 0 0 rgba(47, 158, 90, 0.45); }
  70% { box-shadow: 0 0 0 6px rgba(47, 158, 90, 0); }
  100% { box-shadow: 0 0 0 0 rgba(47, 158, 90, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .hyla-pdp-stockdot { animation: none; }
}
.hyla-pdp-eta.is-bare { margin: 0 0 1.15rem; }
.hyla-pdp-chip.is-sku {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

/* === 1.7.357 — Hyla desktop header hover megamenu (filler-style, not filler.pt) === */
@media (min-width: 900px) {
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header { overflow: visible !important; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-shell { position: relative; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav.hyla-fnav {
    overflow: visible !important;
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
    flex: 1 1 auto;
    gap: 0.15rem;
  }
  /* Center menu pills between logo (left) and Find my care / actions (right). */
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    width: auto;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item { position: static; flex: none; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item > .hyla-fnav-link { position: relative; z-index: 70; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item.is-hover > .hyla-fnav-link,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item.is-open > .hyla-fnav-link { z-index: 71; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item[hidden] { display: none !important; }
  /* Hover-pill look as the resting default. */
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-link {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.42rem 0.75rem;
    font-size: 0.8125rem;
    font-weight: 550;
    letter-spacing: -0.015em;
    color: var(--fg, #1a1418);
    border-radius: 980px;
    border: 1px solid rgba(26, 20, 24, 0.06);
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1px 4px rgba(26, 20, 24, 0.04);
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.2;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-item:hover > .hyla-fnav-link,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-item.is-open > .hyla-fnav-link,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-item.is-current > .hyla-fnav-link,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-item.is-hover > .hyla-fnav-link {
    color: var(--fg, #1a1418);
    background: #fff;
    border-color: rgba(26, 20, 24, 0.1);
    box-shadow: 0 2px 8px rgba(26, 20, 24, 0.08);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel {
    position: absolute;
    left: var(--fnav-x, 0px);
    right: auto;
    top: 100%;
    z-index: 60;
    padding-top: 0;
    width: 19rem;
    max-width: 100%;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: var(--fnav-gap, 8px);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item.is-open > .hyla-fnav-panel,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item.is-hover > .hyla-fnav-panel,
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-item.has-sub:focus-within > .hyla-fnav-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
    transition: opacity .12s ease, transform .12s ease;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel-in {
    background: #fff;
    border: 1px solid rgba(26, 20, 24, 0.08);
    border-radius: 18px;
    box-shadow: 0 24px 60px rgba(26, 20, 24, 0.14);
    padding: 0.55rem 1.2rem 0.9rem;
    max-height: min(70vh, 34rem);
    overflow: auto;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-md { width: 28rem; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-lg { width: 38rem; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-xl { width: 56rem; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.1rem 1.6rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-heading {
    margin: 0 0 0.45rem;
    padding: 0 0 0.35rem;
    border-bottom: 1px solid rgba(26, 20, 24, 0.08);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(26, 20, 24, 0.55);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.hyla-fnav-grouped .hyla-fnav-sub {
    column-count: 1;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-sub {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 1;
    column-gap: 1.5rem;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-md:not(.hyla-fnav-grouped) .hyla-fnav-sub { column-count: 2; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-lg:not(.hyla-fnav-grouped) .hyla-fnav-sub { column-count: 3; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-panel.is-xl:not(.hyla-fnav-grouped) .hyla-fnav-sub { column-count: 5; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-sub li { break-inside: avoid; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-sub a {
    display: block;
    padding: 0.32rem 0.5rem;
    margin: 0 -0.5rem;
    border-radius: 8px;
    border: 0;
    font-size: 0.86rem;
    font-weight: 500;
    color: rgba(26, 20, 24, 0.82);
    white-space: normal;
    letter-spacing: -0.005em;
    background: none;
    box-shadow: none;
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-sub a:hover {
    background: rgba(26, 20, 24, 0.05);
    color: var(--fg, #1a1418);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav a.hyla-fnav-all {
    display: inline-flex;
    gap: 0.35rem;
    margin: 0 0 0.55rem;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--hyla-accent, #7a1f3d);
  }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more { position: relative; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more > .hyla-fnav-panel { left: auto; right: -0.5rem; width: 17rem; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more .hyla-fnav-sub { column-count: 1; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more > .hyla-fnav-panel::before { height: 0.35rem; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more-list > li > a { font-weight: 600; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .hyla-fnav-more-list .hyla-fnav-panel { display: none !important; }
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .pf-nav-link.hyla-pf-cta {
    flex: 0 0 auto;
    margin-left: 0.35rem;
  }
}

/* 1.7.446 — Find my care stays at the right edge; list centers in the remaining span */
@media (min-width: 900px) {
  body:not(.hyla-mode-filler) .site-header .header-nav .pf-nav-link.hyla-pf-cta {
    margin-left: 0.35rem;
  }
}
@media (min-width: 900px) and (max-width: 1180px) {
  body:is(:not(.hyla-mode-filler), .hyla-mode-filler.hyla-shop-ux) .site-header .header-nav .hyla-fnav-link {
    padding: 0.38rem 0.5rem;
    font-size: 0.76rem;
  }
}

/* 1.7.442 — My Account: You may also like as full-width row under login/register or nav+content */
body.woocommerce-account .hyla-woo-content > .woocommerce > .hyla-cart-ymal.is-account-ymal,
body.woocommerce-account .hyla-woo-content > .woocommerce > .hyla-cart-ymal.is-page-ymal.is-account-ymal {
  grid-column: 1 / -1 !important;
  grid-row: auto;
  width: 100%;
  max-width: none;
  margin: 1.5rem 0 0.25rem;
  padding: 1.25rem 0 0;
  border-top: 1px solid rgba(26, 20, 24, 0.08);
  display: block !important;
}
body.woocommerce-account .hyla-cart-ymal.is-account-ymal .hyla-cart-ymal-title {
  margin: 0 0 0.85rem;
  font-size: 0.95rem;
  font-weight: 750;
  letter-spacing: -0.02em;
}
body.woocommerce-account .hyla-cart-ymal.is-account-ymal .hyla-cart-ymal-list,
body.woocommerce-account .hyla-cart-ymal.is-account-ymal ul.products.hyla-cart-ymal-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0.65rem;
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  max-height: none !important;
  height: auto !important;
  padding-bottom: 0.35rem !important;
}
@media (min-width: 700px) {
  body.woocommerce-account .hyla-cart-ymal.is-account-ymal .hyla-cart-ymal-card {
    flex: 0 0 10.25rem;
    flex-basis: 10.25rem;
    width: 10.25rem !important;
  }
}
@media (max-width: 699px) {
  body.woocommerce-account .hyla-cart-ymal.is-account-ymal {
    margin-top: 1.15rem;
    padding-top: 1rem;
  }
  body.woocommerce-account .hyla-cart-ymal.is-account-ymal .hyla-cart-ymal-card {
    flex: 0 0 8.5rem;
    width: 8.5rem !important;
  }
}