/* ==========================================================================
   Compact chrome (phone + tablet)

   Root causes this file owns:
   1. Leafs CSS is desktop-first (vw type, % columns, overlay header).
   2. body.zs-nav-over-hero inverts ink/logo for a transparent bar on the poster;
      below 1101px the bar is solid white, so inversion must be disabled as a
      system — not widget by widget.
   3. Tablet (769–1100) used to keep the desktop huddle nav with the hamburger
      hidden, so items overflow. Compact mode starts at 1100px: hamburger +
      drawer for both phone and tablet.
   4. Page CSS often stops at 768px, leaving iPad as a squashed desktop.

   Tokens: --padding / --title come from extra.css at the same breakpoints.
   Desktop (≥1101px) is unchanged.
   ========================================================================== */

/* -------------------------------------------------------------------------- */
/* ≤1100px — phone + tablet: one chrome system                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  html {
    overflow-x: hidden;
  }
  body.zs-nav-open {
    overflow: hidden;
  }

  body.zs-nav-over-hero .main,
  body.zs-is-product-archive .main {
    padding-top: 0 !important;
  }

  /* Solid header: kill overlay + inverted ink; stay above page chrome */
  #leafs-navigation_006_P_193-17515216537300,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300.navbai,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300.active {
    position: relative !important;
    top: auto !important;
    min-height: 60px !important;
    height: auto !important;
    box-sizing: border-box !important;
    background: #fff !important;
    background-color: #fff !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
    overflow: visible !important;
    z-index: 10050 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .zs-hdr {
    --zs-nav-ink: #1e293b;
    --zs-nav-muted: #64748b;
    --zs-nav-line: rgba(20, 40, 90, 0.12);
    --zs-nav-panel: #ffffff;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 6px 14px !important;
    box-sizing: border-box !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-13.header,
  #leafs-navigation_006_P_193-17515216537300 .zs-header--centered {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__main {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__top,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__tagline,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__contacts,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__search,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__cat,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-38,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-40,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-14 .leafs-cbox-14-0,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-14 .leafs-cbox-14-2 {
    display: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__bot {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    min-height: 44px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* Color logo in a small contain-box.
     Mobile header is always solid white — never use the light (white) logo. */
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-image-15,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15,
  #leafs-navigation_006_P_193-17515216537300.active .zs-hdr__logo .leafs-el-image-15,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 {
    position: relative !important;
    display: block !important;
    width: 148px !important;
    max-width: min(44vw, 168px) !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 img,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 img {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: left center !important;
    transform: none !important;
    visibility: visible !important;
  }
  /* Force color logo (img2); override desktop over-hero white-logo swap */
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-image-15 img:nth-child(1),
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 img:nth-child(1),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-image-15 img:nth-child(1),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300:not(.active):not(.navbai) .leafs-el-image-15 img:nth-child(1),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300:not(.active):not(.navbai) .zs-hdr__logo .leafs-el-image-15 img:nth-child(1) {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-image-15 img:nth-child(2),
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 img:nth-child(2),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-image-15 img:nth-child(2),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300:not(.active):not(.navbai) .leafs-el-image-15 img:nth-child(2),
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300:not(.active):not(.navbai) .zs-hdr__logo .leafs-el-image-15 img:nth-child(2),
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 img:only-child {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
  }

  /* Language: readable on white, dropdown not clipped */
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__lang,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-container-14 .leafs-cbox-14-3 {
    display: flex !important;
    position: relative !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    z-index: 80 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 {
    position: relative !important;
    width: auto !important;
    min-width: 112px !important;
    max-width: 42vw !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    z-index: 80 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54.leafs-p-active {
    max-width: none !important;
    z-index: 120 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-wrapper,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-wrapper {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 112px !important;
    height: auto !important;
    min-height: 34px !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.14) !important;
    color: #1e293b !important;
    z-index: 81 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-current,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-current,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-current .icon {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 26px 0 10px !important;
    color: #1e293b !important;
    fill: #64748b !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  /* Ellipsis only on the closed trigger — dropdown labels must stay full. */
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-current .zs-lang-name,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-current .zs-lang-name {
    display: inline-block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #1e293b !important;
    opacity: 1 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-options {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: 100% !important;
    width: max-content !important;
    min-width: 168px !important;
    max-width: min(240px, calc(100vw - 16px)) !important;
    margin: 4px 0 0 !important;
    background: #fff !important;
    border: 1px solid #e4e8ef !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12) !important;
    z-index: 90 !important;
    overflow-x: visible !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54.leafs-p-active .leafs-p-options {
    max-height: 280px !important;
    overflow-x: visible !important;
    overflow-y: auto !important;
    opacity: 1 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-item {
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    padding: 0 12px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-item a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #1e293b !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-item .zs-lang-name {
    display: inline-block !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap !important;
    max-width: none !important;
    color: #1e293b !important;
    opacity: 1 !important;
  }

  /* Hamburger + drawer */
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 44px !important;
    z-index: 30 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton > p span,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton > p span {
    background: #1e293b !important;
    opacity: 1 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton > p.showmenu span:nth-of-type(1) {
    width: 100% !important;
    transform: translateY(6px) rotate(45deg) !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton > p.showmenu span:nth-of-type(2) {
    opacity: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navButton > p.showmenu span:nth-of-type(3) {
    width: 100% !important;
    opacity: 1 !important;
    transform: translateY(-6px) rotate(-45deg) !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1:not(.pkcclb) {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 60px !important;
    width: 100% !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: calc(100dvh - 60px) !important;
    max-height: calc(100vh - 60px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    padding: 2px 14px 16px !important;
    margin: 0 !important;
    background: #fff !important;
    /* Above article category tabs (CMS z-index 999–1000) and float dock (130) */
    z-index: 10060 !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  /* While drawer is open: bury page chrome that used to bleed through */
  body.zs-nav-open .zs-news-toolbar,
  body.zs-nav-open #leafs-category_435_P_024-17871198906050,
  body.zs-nav-open #leafs-category_435_P_024-17736585641790,
  body.zs-nav-open #leafs-category_435-17339923899810 {
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }
  body.zs-nav-open #leafs-category_435_P_024-17871198906050 .leafs-el-categoryB-3 .leafs-p-c_tree,
  body.zs-nav-open #leafs-category_435_P_024-17736585641790 .leafs-el-categoryB-3 .leafs-p-c_tree,
  body.zs-nav-open #leafs-category_435-17339923899810 .leafs-el-categoryB-3 .leafs-p-c_tree,
  body.zs-nav-open .zs-news-toolbar .leafs-el-categoryB-3 .leafs-p-c_tree,
  body.zs-nav-open #leafs-category_435_P_024-17871198906050 .leafs-el-categoryB-3 .leafs-p-c_mput,
  body.zs-nav-open #leafs-category_435_P_024-17736585641790 .leafs-el-categoryB-3 .leafs-p-c_mput {
    position: static !important;
    z-index: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
  }
  body.zs-nav-open #leafs-effect_163_P_008-1787282076105,
  body.zs-nav-open #leafs-effect_163_P_008-1787282076105 .leafs-el-loop_sub-1,
  body.zs-nav-open .zs-float,
  body.zs-nav-open .zs-backtop {
    z-index: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 {
    width: 100% !important;
    flex: 0 0 auto !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a span,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navCon,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1 > p a,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a {
    display: flex !important;
    width: 100% !important;
    white-space: normal !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    color: #0f172a !important;
    fill: #0f172a !important;
    background: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a::after {
    display: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 0 4px 8px !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    pointer-events: auto !important;
  }
  /* Desktop dropdown uses translateX(-50%) on :hover/:focus-within — kills mobile alignment after tap */
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:hover > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:focus-within > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:last-child:hover > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:last-child:focus-within > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)):hover > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)):focus-within > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .haveThree > .leafs-p-navBox2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) > .leafs-p-navBox2 {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(> .leafs-p-navBox2)::after {
    display: none !important;
    content: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 ul,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .leafs-p-navBox2 ul,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .leafs-p-navBox2 > div > ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
    gap: 0 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 2px !important;
    flex-direction: unset !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .haveThree:not(:has(.leafs-p-navItem2:nth-child(5))) .leafs-p-navBox2 ul {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .leafs-p-navItem2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:hover > .leafs-p-navBox2 .leafs-p-navItem2,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:focus-within > .leafs-p-navBox2 .leafs-p-navItem2 {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    transform: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .leafs-p-navCon2 {
    height: auto !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navCon2 > a,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navCon2 > a,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .leafs-p-navCon2 > a,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a:hover,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a:focus-visible,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem2:hover .leafs-p-navCon2 > a {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px 2px !important;
    color: #475569 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    white-space: normal !important;
    transform: none !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a::before,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a::after {
    display: none !important;
    content: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a .ej_name,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navBox2 .leafs-p-navCon2 > a:hover .ej_name {
    transform: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:has(.leafs-p-navItem2:nth-child(5)) .ej_name {
    font-size: 12px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-img,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-jtIcon {
    display: none !important;
  }

  /* Home poster */
  #leafs-banner_019_P_643-17515216436800 {
    margin-top: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-container,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-wrapper,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide {
    height: min(52svh, 460px) !important;
    max-height: 460px !important;
    min-height: 280px !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-img,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .videoContent,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .video_cover {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    z-index: 1 !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 img,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 video,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-link-img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-cspan,
  #leafs-banner_019_P_643-17515216436800 .zs-banner-partners,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-arr,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-scrool,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-kongjian,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-video_button {
    display: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 46% !important;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.12) 55%, transparent) !important;
    pointer-events: none !important;
    z-index: 20 !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-info {
    top: auto !important;
    bottom: 40px !important;
    left: 50% !important;
    width: min(92%, 400px) !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    z-index: 30 !important;
    pointer-events: auto !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-info_fivebox {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    gap: 12px !important;
    padding: 0 !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-entitle,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide-active .leafs-p-entitle,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-summary,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide-active .leafs-p-summary {
    display: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-btitle,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide-active .leafs-p-btitle {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100% !important;
    margin: 0 !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
    opacity: 1 !important;
    transform: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .zs-banner-cta,
  #leafs-banner_019_P_643-17515216436800 .swiper-slide-active .zs-banner-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .zs-banner-cta__btns {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
  }
  #leafs-banner_019_P_643-17515216436800 .zs-banner-btn,
  #leafs-banner_019_P_643-17515216436800 .zs-banner-btn--ghost,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-button.zs-banner-btn {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    justify-content: center !important;
    opacity: 1 !important;
    transform: none !important;
    float: none !important;
  }
  #leafs-banner_019_P_643-17515216436800 .zs-banner-btn__text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-pagination {
    bottom: 12px !important;
    height: auto !important;
  }

  /* Inner heroes */
  .leafs-el-bannerA-1 .leafs-p-summary,
  .zs-product-hero .leafs-p-summary {
    display: none !important;
  }
  .leafs-el-bannerA-1,
  .zs-product-hero,
  #zs-article-banner,
  #zs-product-banner,
  #zs-page-banner {
    min-height: 180px !important;
    max-height: 260px !important;
    height: 220px !important;
    overflow: hidden !important;
  }
  .leafs-el-bannerA-1 img,
  .zs-product-hero img,
  #zs-article-banner img,
  #zs-product-banner img,
  #zs-page-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .zs-product-hero-title {
    padding: 14px 18px !important;
    max-width: 90% !important;
  }
  .zs-product-hero-title__h {
    font-size: clamp(20px, 3vw, 28px) !important;
  }

  /* Generic: keep content inside the viewport */
  img,
  video,
  iframe {
    max-width: 100%;
  }
  table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  .main,
  .leafs-el-container {
    max-width: 100%;
  }
  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }

  /* Catalog / news / related: 2 columns on tablet */
  .main .leafs-el-loop-2 .leafs-p-loopitem,
  .main .leafs-el-loop-4 .leafs-p-loopitem,
  .main .leafs-el-loop-5 .leafs-p-loopitem,
  #leafs-product_list_152_P_010-17847781845290 .leafs-el-loop-4:not(.is-list) .leafs-p-loopitem,
  #leafs-static_001_P_30434-17866031434880 .leafs-p-loopitem,
  #leafs-new_list_500-1777019541485 .leafs-p-loopitem {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    box-sizing: border-box !important;
  }

  /* Lineup: keep row on tablet, give text room */
  #leafs-static_001-1786342141656 .leafs-el-text-8 a {
    -webkit-line-clamp: 3 !important;
    max-height: none !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
  }

  /* Two-pane modules → stack */
  #leafs-problem_list_024-1784084600019 .leafs-el-container-1,
  #leafs-static_001-17770942524920 .leafs-el-container-1,
  #leafs-static_1191-1786347397789.zs-who .zs-who__panels,
  #leafs-static_1256-1786349568904.zs-why .zs-why__body {
    grid-template-columns: 1fr !important;
    width: min(100%, 94%) !important;
  }
  #leafs-problem_list_024-1784084600019 .zs-faq-globe {
    display: none !important;
  }
  #leafs-problem_list_024-1784084600019 .zs-faq-panel,
  #leafs-problem_list_024-1784084600019 .zs-faq-panel__inner {
    min-height: 0 !important;
  }

  #leafs-static_001-1786342141656 .leafs-el-richText-3,
  #leafs-static_1191-1786347397789 .zs-who__eyebrow-lines,
  #leafs-static_1256-1786349568904 .zs-why__head .dian,
  #leafs-static_1383_P_002-1786351482054.zs-samples .zs-samples__eyebrow-lines,
  #leafs-static_001-17770942524920 .zs-quote-form__meta,
  #leafs-form_004_P_019-1715936313028 .zs-quote-form__meta,
  .zs-inq-modal .zs-quote-form__meta,
  .leafs-peek-eye,
  .leafs-peek-dots {
    display: none !important;
  }

  #leafs-static_001-17770942524920 .zs-quote-map,
  #leafs-static_001-17770942524920 .zs-quote-form,
  #leafs-form_004_P_019-1715936313028 .zs-quote-form,
  .zs-inq-modal .zs-quote-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Drawer: drop desktop ticks / pill hover, keep a tight list */
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 + .leafs-p-navItem1::before,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1:not(:last-child)::before,
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb .leafs-p-navItem1 > .leafs-p-navCon > a::after {
    content: none !important;
    display: none !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a {
    border-radius: 0 !important;
    padding-inline: 0 !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb > .leafs-p-navItem1 > .leafs-p-navCon > a > span {
    max-width: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  /* Page heroes: compact, centered, not clipped */
  .zs-product-hero-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 10px 14px !important;
    max-width: min(92%, 520px) !important;
    box-sizing: border-box !important;
  }
  .zs-product-hero-title__h,
  #zs-article-banner .zs-product-hero-title__h,
  #zs-product-banner .zs-product-hero-title__h,
  #zs-page-banner .zs-product-hero-title__h {
    margin: 0 !important;
    font-size: clamp(18px, 2.8vw, 24px) !important;
    line-height: 1.28 !important;
    letter-spacing: -0.02em !important;
    font-weight: 700 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
    max-width: 100% !important;
  }
  .zs-product-hero-title__sub {
    margin: 8px 0 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    max-width: 36em !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
  }
  .zs-product-hero-title__sub::before {
    width: 28px !important;
    height: 2px !important;
    margin: 0 auto 8px !important;
  }
  .leafs-el-bannerA-1 .leafs-p-info .leafs-p-btitle {
    font-size: clamp(18px, 2.8vw, 24px) !important;
    line-height: 1.28 !important;
    text-align: center !important;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* Product / article / marketing titles */
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-h1-54 {
    font-size: clamp(20px, 2.4vw, 26px) !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
    text-align: left !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-text-173,
  .fa_htitle,
  #leafs-static_001-1786414078187 .leafs-el-h1-3,
  body.zs-is-marketing #leafs-static_001-17740734222900 .leafs-el-h1-45,
  #leafs-static_001-1786342141656 .leafs-el-h1-11 {
    font-size: clamp(18px, 2.4vw, 24px) !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-text-173 {
    padding: 10px 16px 10px 14px !important;
    font-size: 15px !important;
    white-space: normal !important;
  }

  /* Product detail + catalog: stack so titles get full width */
  #leafs-grid-1698308758893 > .leafs-p-gridbox,
  #leafs-grid-1698308758893 > div > .leafs-p-gridbox,
  #leafs-grid-17351199502701 > .leafs-p-gridbox {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  #leafs-box-1698308758893-0,
  #leafs-box-1698308758893-1,
  #leafs-box-17351199502701-0,
  #leafs-box-17351199502701-1,
  #leafs-grid-1698308758893 > .leafs-p-gridbox > .leafs-p-gridCell,
  #leafs-grid-17351199502701 > .leafs-p-gridbox > .leafs-p-gridCell {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
  }
  #leafs-product_detail_081_P_012-17104129873650 {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
  #leafs-grid-1698308758893,
  #leafs-grid-17351199502701,
  #leafs-category_435-17798683097840 {
    width: min(100%, 94%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-button-68 {
    display: none !important;
  }
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-button-69,
  #leafs-product_detail_081_P_012-17104129873650 .zs-pd-inq {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 48px !important;
  }

  /* Shared section / card rhythm */
  .main [class*="leafs-el-h1"],
  .main .fa_htitle {
    text-wrap: pretty;
    overflow-wrap: anywhere;
  }
  #leafs-category_435-17798683097840 {
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 8px 0 !important;
  }

  /* Product gallery arrows: hug the image edges so they cover less of the photo. */
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-left,
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-magnifier-188 .magnifier-btn-left {
    left: 4px !important;
    right: auto !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-right,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-right,
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-magnifier-188 .magnifier-btn-right {
    right: 4px !important;
    left: auto !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-right,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-right,
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-magnifier-188 .magnifier-btn-left,
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-magnifier-188 .magnifier-btn-right {
    width: 32px !important;
    height: 32px !important;
  }

  #leafs-static_001_P_52517-17515242394510 {
    padding: 0 !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-container-1 {
    width: min(1520px, 92%) !important;
    padding: 36px 0 18px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-container-3 {
    flex-direction: column !important;
    gap: 28px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .leafs-p-level1Box {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 22px 20px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .zs-foot-brand {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    padding: 0 !important;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-brand__desc {
    max-width: 42em !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-loop-41 {
    display: block !important;
    margin-top: 8px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-loop-41 .leafs-p-list {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .leafs-p-menu2Item:hover a {
    padding-inline-start: 0 !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤768px — phone: single column, tighter type                                */
/* -------------------------------------------------------------------------- */
@media (max-width: 768px) {
  #leafs-navigation_006_P_193-17515216537300,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 {
    min-height: 56px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr {
    min-height: 56px !important;
    padding: 6px 10px 6px 12px !important;
    gap: 8px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15,
  body.zs-nav-over-hero #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 {
    width: 128px !important;
    max-width: min(42vw, 140px) !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1:not(.pkcclb),
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb {
    top: 56px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-navigationF-52 .leafs-p-navBox1.pkcclb {
    height: calc(100dvh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    padding: 4px 14px 16px !important;
  }

  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-container,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-wrapper,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide {
    height: min(52svh, 380px) !important;
    max-height: 380px !important;
    min-height: 240px !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-btitle {
    font-size: clamp(16px, 4.6vw, 22px) !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-info {
    width: min(92%, 360px) !important;
    bottom: 38px !important;
  }

  .leafs-el-bannerA-1,
  .zs-product-hero,
  #zs-article-banner,
  #zs-product-banner,
  #zs-page-banner {
    height: 180px !important;
    min-height: 160px !important;
    max-height: 200px !important;
  }

  .main .leafs-el-loop-2 .leafs-p-loopitem,
  .main .leafs-el-loop-4 .leafs-p-loopitem,
  .main .leafs-el-loop-5 .leafs-p-loopitem,
  #leafs-product_list_152_P_010-17847781845290 .leafs-el-loop-4:not(.is-list) .leafs-p-loopitem,
  #leafs-static_001_P_30434-17866031434880 .leafs-p-loopitem,
  #leafs-new_list_500-1777019541485 .leafs-p-loopitem {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #leafs-static_001-1786342141656 .leafs-el-container-6 {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 12px !important;
  }
  #leafs-static_001-1786342141656 .leafs-el-container-6 .leafs-cbox-6-0,
  #leafs-static_001-1786342141656 .leafs-el-container-6 .leafs-cbox-6-1 {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 8px 4px !important;
  }
  #leafs-static_001-1786342141656 .leafs-el-text-8,
  #leafs-static_001-1786342141656 .leafs-el-text-8 a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: 16px !important;
  }
  #leafs-static_001-1786342141656 .leafs-el-richText-9 {
    -webkit-line-clamp: 2 !important;
    font-size: 13px !important;
  }

  #leafs-static_1383_P_002-1786351482054.zs-samples .zs-samples__card {
    width: min(78vw, 260px) !important;
  }
  #leafs-effect_163_P_008-1787282076105 .leafs-el-loop_sub-1 .sidebar li .info {
    display: none !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-loop-41 {
    display: block !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-container-1 {
    padding: 28px 0 14px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .leafs-p-menu1Item {
    font-size: 15px !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .leafs-p-menu2Item,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-bottomNav-12 .leafs-p-menu2Item a {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-container-5 {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    padding: 14px 0 4px !important;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-links__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding-top: 12px;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-links__label {
    margin-right: 0;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-links__list {
    gap: 0;
    line-height: 1.7;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-links__item:not(:last-child)::after {
    margin: 0 8px;
  }
  #leafs-static_001_P_52517-17515242394510 .zs-foot-links__a {
    font-size: 12px;
    padding: 0;
    white-space: normal;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-container-5 > .leafs-p-item {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-richText-9,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-richText-9 p,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-provider-10,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-richText-6,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-richText-6 p {
    text-align: left !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }
  #leafs-static_001_P_52517-17515242394510 .leafs-el-text-22,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-text-22 a,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-text-26,
  #leafs-static_001_P_52517-17515242394510 .leafs-el-text-26 a {
    font-size: 15px !important;
  }
  .leafs-search-bar {
    flex-wrap: wrap;
  }
  .leafs-search-bar input,
  .leafs-search-bar button {
    flex: 1 1 100%;
    min-width: 0;
  }

  .zs-product-hero-title__sub {
    display: none !important;
  }
  .zs-product-hero-title__h,
  #zs-article-banner .zs-product-hero-title__h,
  #zs-product-banner .zs-product-hero-title__h,
  #zs-page-banner .zs-product-hero-title__h {
    font-size: clamp(16px, 4.4vw, 20px) !important;
    margin: 0 !important;
  }
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-h1-54 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  #leafs-product_detail_081_P_012-17104129873650 .leafs-el-richText-165 {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-left {
    left: 2px !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-right,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-right {
    right: 2px !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .zs-gallery-stage .magnifier-btn-right,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-left,
  #leafs-product_detail_081_P_012-16983086324570 .magnifier-container > .magnifier-btn .magnifier-btn-right {
    width: 30px !important;
    height: 30px !important;
  }
  body.zs-is-product-archive #leafs-static_001-17351199503992 {
    margin-bottom: 12px !important;
  }
  body.home #leafs-static_001-1786342141656,
  body.home #leafs-static_1191-1786347397789,
  body.home #leafs-static_1256-1786349568904 {
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }

  /* Product breadcrumb: ancestors wrap as a group; current title on the next line. */
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumb {
    padding: 8px 0 !important;
    align-items: baseline !important;
    row-gap: 4px !important;
  }
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem,
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem .leafs-p-title {
    font-size: 12px !important;
  }
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem.is-current,
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem:last-child {
    flex: 1 0 100% !important;
    max-width: 100% !important;
    padding-top: 2px !important;
  }
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem.is-current::before,
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem:last-child::before {
    display: none !important;
  }
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem.is-current .leafs-p-title,
  #leafs-category_435-17798683097840 .leafs-el-breadcrumb-2 .leafs-p-breadcrumbItem:last-child .leafs-p-title {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: unset !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.35 !important;
  }

  /* Spec tables: label above value so long copy is fully visible without a wide 2-col clip. */
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 .table,
  .leafs-el-richText .table,
  .leafs-el-richText figure.table,
  div[class^="leafs-el-richText"] .table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .leafs-el-richText .table > figcaption,
  div[class^="leafs-el-richText"] .table > figcaption {
    min-width: 0 !important;
  }
  /* Article: CMS locks main column at flex 0 0 72% — fill the viewport */
  body.zs-is-article #leafs-static_001-17740734222900 > .leafs-el-container-1,
  #leafs-static_001-17740734222900.zs-article-doc > .leafs-el-container-1 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-container-1 > .leafs-cbox-1-0,
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-container-1 > .leafs-cbox-1-1,
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-container-1 > .leafs-p-item,
  #leafs-static_001-17740734222900.zs-article-doc .leafs-el-container-1 > .leafs-cbox-1-0,
  #leafs-static_001-17740734222900.zs-article-doc .leafs-el-container-1 > .leafs-cbox-1-1,
  #leafs-static_001-17740734222900.zs-article-doc .leafs-el-container-1 > .leafs-p-item {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-container-9,
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-richText-15 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.zs-is-article #leafs-static_001-17740734222900 .leafs-el-richText-15 {
    padding-right: 8px !important;
  }

  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table,
  .leafs-el-richText table,
  .zs-article-doc table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    overflow: visible !important;
    padding-right: 4px !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table thead,
  .leafs-el-richText table thead,
  .zs-article-doc table thead {
    display: none !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table tbody,
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table tr,
  .leafs-el-richText table tbody,
  .leafs-el-richText table tr,
  .zs-article-doc table tbody,
  .zs-article-doc table tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table tr,
  .leafs-el-richText table tr,
  .zs-article-doc table tr {
    padding: 8px 10px !important;
    margin: 0 !important;
    border-bottom: 1px dashed #d9e0ec !important;
    box-sizing: border-box !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table th,
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table td,
  .leafs-el-richText table th,
  .leafs-el-richText table td,
  div[class^="leafs-el-richText"] .table th,
  div[class^="leafs-el-richText"] .table td,
  .zs-article-doc table th,
  .zs-article-doc table td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    vertical-align: top !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    background: transparent !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table td:first-child,
  .leafs-el-richText table td:first-child,
  .zs-article-doc table td:first-child {
    margin: 0 0 2px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #6a7589 !important;
  }
  #leafs-product_detail_081_P_012-16983086324570 .leafs-el-richText-75 table td:last-child,
  .leafs-el-richText table td:last-child,
  .zs-article-doc table td:last-child {
    color: #1c2740 !important;
    font-size: 13px !important;
  }
  .leafs-el-richText table:has(th:nth-child(3)),
  .leafs-el-richText table:has(td:nth-child(3)),
  .zs-article-doc table:has(th:nth-child(3)),
  .zs-article-doc table:has(td:nth-child(3)) {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .leafs-el-richText table:has(td:nth-child(3)) thead,
  .zs-article-doc table:has(td:nth-child(3)) thead {
    display: table-header-group !important;
  }
  .leafs-el-richText table:has(td:nth-child(3)) tbody,
  .leafs-el-richText table:has(td:nth-child(3)) tr,
  .leafs-el-richText table:has(td:nth-child(3)) td,
  .leafs-el-richText table:has(td:nth-child(3)) th {
    display: revert !important;
    width: auto !important;
  }
}

/* -------------------------------------------------------------------------- */
/* ≤480px — small phones                                                      */
/* -------------------------------------------------------------------------- */
@media (max-width: 480px) {
  #leafs-navigation_006_P_193-17515216537300 .zs-hdr__logo .leafs-el-image-15 {
    width: 104px !important;
    max-width: 36vw !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54,
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-wrapper {
    min-width: 104px !important;
  }
  #leafs-navigation_006_P_193-17515216537300 .leafs-el-languageNew-54 .leafs-p-options {
    min-width: 172px !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-container,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-wrapper,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .swiper-slide {
    min-height: 260px !important;
    height: min(56svh, 380px) !important;
    max-height: 380px !important;
  }
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-info {
    bottom: 36px !important;
  }
  #leafs-banner_019_P_643-17515216436800 .zs-banner-btn,
  #leafs-banner_019_P_643-17515216436800 .zs-banner-btn--ghost,
  #leafs-banner_019_P_643-17515216436800 .leafs-el-bannerA-2 .leafs-p-button.zs-banner-btn {
    height: 38px !important;
    font-size: 12px !important;
  }
}