/* IRONJUICE catalog flyout — canonical, component-scoped rules. */
.modern-header .modern-catalog-nav .ij-cd-source {display:none}
.modern-header .modern-catalog-nav .opener-catalog {cursor:pointer;transition:filter .15s ease}
.modern-header .modern-catalog-nav .opener-catalog:focus-visible {outline:3px solid #00d5e7;outline-offset:3px}

#ij-catalog-drawer {
  --ij-cd-border:#42667c;
  --ij-cd-accent:#22dfe9;
  --ij-cd-main-bg:var(--home-panel,#16374f);
  --ij-cd-sub-bg:var(--home-panel,#20465f);
  --ij-cd-shadow:0 18px 38px rgba(7,28,44,.27);
  display:none;position:fixed;inset:0;z-index:11000;pointer-events:none;
  font:400 14px/1.4 Rubik,Arial,sans-serif;color:#e9f4fb;
}
#ij-catalog-drawer.is-open {display:block}
#ij-catalog-drawer * {box-sizing:border-box}
#ij-catalog-drawer .ij-cd-backdrop {position:absolute;inset:0;pointer-events:none}
#ij-catalog-drawer .ij-cd-panel,
#ij-catalog-drawer .ij-cd-sub {
  border:1px solid var(--ij-cd-border);border-radius:12px;
  box-shadow:var(--ij-cd-shadow);
}
#ij-catalog-drawer .ij-cd-panel {
  position:absolute;top:var(--ij-cd-top,150px);left:var(--ij-cd-left,24px);max-width:calc(100vw - 24px);
  max-height:calc(100dvh - var(--ij-cd-top,150px) - 12px);
  display:flex;flex-direction:column;overflow:visible;
  pointer-events:auto;background:var(--ij-cd-main-bg);width:clamp(320px,27vw,380px);
}
#ij-catalog-drawer .ij-cd-columns {display:block;min-height:0}
#ij-catalog-drawer .ij-cd-main {min-width:0;padding:8px 16px 12px 20px}
#ij-catalog-drawer .ij-cd-category {
  display:flex;align-items:center;min-height:40px;margin:1px 0;border-radius:7px;
}
#ij-catalog-drawer .ij-cd-category.is-selected {background:#254b63}
@media (hover: hover) {
#ij-catalog-drawer .ij-cd-category:hover,
#ij-catalog-drawer .ij-cd-subitem:hover {background:#254b63}}
#ij-catalog-drawer .ij-cd-category-link,
#ij-catalog-drawer .ij-cd-subitem {
  display:flex;align-items:center;min-width:0;gap:12px;
  padding:6px 8px;color:#e7f2f8;text-decoration:none;
  font:500 14px/1.35 Rubik,Arial,sans-serif;letter-spacing:.01em;
}
#ij-catalog-drawer .ij-cd-category-link {flex:1}
#ij-catalog-drawer .ij-cd-icon {
  width:24px;height:24px;display:inline-flex;align-items:center;
  justify-content:center;flex:0 0 24px;color:#58dce8;opacity:.9;
}
#ij-catalog-drawer .ij-cd-icon svg {width:20px;height:20px;display:block}
#ij-catalog-drawer .ij-cd-viewall {
  display:block;margin-top:8px;padding:10px 8px;
  border-top:1px solid #34586e;color:var(--ij-cd-accent);
  text-decoration:none;font-weight:500;
}
#ij-catalog-drawer .ij-cd-sub {
  position:absolute;top:0;left:calc(100% + 8px);max-height:calc(100dvh - var(--ij-cd-top,150px) - 12px);
  display:flex;flex-direction:column;padding:12px 12px 12px 16px;
  pointer-events:auto;background:var(--ij-cd-sub-bg);width:clamp(300px,25vw,360px);
}
#ij-catalog-drawer.ij-cd-brands .ij-cd-sub {width:390px}
#ij-catalog-drawer .ij-cd-sub::before {
  content:"";position:absolute;top:0;bottom:0;left:-12px;width:12px;
}
#ij-catalog-drawer .ij-cd-sublist {
  min-height:0;flex:0 1 auto;max-height:none;overflow-y:visible;
  overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:#3f8ba6 var(--ij-cd-sub-bg);
}
#ij-catalog-drawer .ij-cd-subitem {min-height:40px;padding:4px 8px;color:#dcecf6}
@media (hover: hover) {
#ij-catalog-drawer .ij-cd-subitem:hover {color:var(--ij-cd-accent)}}
#ij-catalog-drawer .ij-cd-subitem .ij-cd-icon {display:none}
#ij-catalog-drawer .ij-cd-subitem[hidden] {display:none}
#ij-catalog-drawer .ij-cd-brand-name {flex:1;min-width:0}
#ij-catalog-drawer .ij-cd-brand-count {
  flex:none;min-width:28px;padding:3px 7px;border-radius:5px;
  background:#315f79;color:#c5eef5;font-size:12px;font-weight:500;
  text-align:center;font-variant-numeric:tabular-nums;
}
#ij-catalog-drawer .ij-cd-sublist::-webkit-scrollbar {width:7px}
#ij-catalog-drawer .ij-cd-sublist::-webkit-scrollbar-track {
  background:var(--ij-cd-sub-bg);border-radius:999px;
}
#ij-catalog-drawer .ij-cd-sublist::-webkit-scrollbar-thumb {
  background:#3f8ba6;border:1px solid var(--ij-cd-sub-bg);border-radius:999px;
}
@media (hover: hover) {
#ij-catalog-drawer .ij-cd-sublist::-webkit-scrollbar-thumb:hover {background:#36bbd0}}
#ij-catalog-drawer.ij-cd-leaf .ij-cd-sub {display:none}
#ij-catalog-drawer a:focus-visible,
#ij-catalog-drawer button:focus-visible {
  outline:2px solid var(--ij-cd-accent);outline-offset:2px;
}
#ij-catalog-drawer .ij-cd-subhead {display:none}
#ij-catalog-drawer .ij-cd-back {display:none}

@media (max-width:767px) {
  #ij-catalog-drawer .ij-cd-panel {
    top:0;left:0;max-width:none;height:100dvh;
    max-height:100dvh;border-radius:0;width:100vw;
  }
  #ij-catalog-drawer .ij-cd-columns {position:relative;flex:1;overflow:hidden}
  #ij-catalog-drawer .ij-cd-main,
  #ij-catalog-drawer .ij-cd-sub {
    position:absolute;inset:0;width:auto;max-height:none;
    overflow:auto;border:0;border-radius:0;box-shadow:none;padding:16px 20px;
  }
  #ij-catalog-drawer .ij-cd-sub {display:none}
  #ij-catalog-drawer.ij-cd-has-category .ij-cd-sub {display:flex}
  #ij-catalog-drawer .ij-cd-subhead {display:block}
  #ij-catalog-drawer .ij-cd-back {
    display:inline-flex;background:transparent;border:0;
    color:var(--ij-cd-accent);padding:0 0 8px;cursor:pointer;
  }
  #ij-catalog-drawer .ij-cd-subtitle {font-size:16px;font-weight:600}
}

/* Brand index on the catalog landing view. */
.ij-brand-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:20px 0 36px}.ij-brand-index a{padding:13px 16px;border:1px solid #cddfe9;border-radius:8px;background:#fff;color:#19455e;text-decoration:none;font-weight:500}.ij-brand-index a:focus-visible{border-color:#19cfe0;color:#007fa5}@media (hover: hover) {.ij-brand-index a:hover{border-color:#19cfe0;color:#007fa5}}

/* Third and fourth category levels share the existing flyout appearance. */
#ij-catalog-drawer .ij-cd-nested {width:clamp(300px,25vw,360px);z-index:2}
#ij-catalog-drawer .ij-cd-nested-4 {z-index:3}
#ij-catalog-drawer .ij-cd-nested[hidden] {display:none}
#ij-catalog-drawer .ij-cd-subitem.is-selected {background:#254b63;color:var(--ij-cd-accent)}
#ij-catalog-drawer .ij-cd-chevron {display:inline-flex;align-items:center;justify-content:center;margin-left:auto;flex:none;min-width:1.25em;font-size:22px;line-height:1;color:inherit;padding:0;pointer-events:none}
#ij-catalog-drawer .ij-cd-nested::before {content:"";position:absolute;top:0;bottom:0;left:-12px;width:12px}
@media(max-width:767px){
  #ij-catalog-drawer .ij-cd-nested {width:100%;height:100%;max-height:100dvh;overflow:auto}
  #ij-catalog-drawer .ij-cd-nested:not([hidden]) {display:flex}
}
#ij-catalog-drawer .ij-cd-nested-back {display:none}
@media(max-width:767px){#ij-catalog-drawer .ij-cd-nested-back {display:block;align-self:flex-start;border:0;background:transparent;color:var(--ij-cd-accent);padding:0 0 12px;font:500 15px Rubik,Arial,sans-serif;cursor:pointer}}

/* Shared mobile category hierarchy, available on every storefront page. */
#ij-mobile-catalog{box-sizing:border-box;width:min(calc(100vw - 24px),480px);max-width:calc(100vw - 24px);max-height:90dvh;height:fit-content;margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);overflow:hidden}
#ij-mobile-catalog[open]{display:flex;flex-direction:column}
#ij-mobile-catalog::backdrop{background:rgba(3,15,24,.6)}

.ij-mc-heading{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.ij-mc-heading strong{font-size:20px;line-height:1.3}


.ij-mc-content{overflow:auto;overscroll-behavior:contain;touch-action:pan-y;min-height:0;padding:8px 16px 16px}
.ij-mc-content ul{list-style:none;margin:0;padding:0}
.ij-mc-content li{margin:0;padding:0}
.ij-mc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;margin:2px 0}
.ij-mc-row a{display:block;min-height:48px;padding:10px 12px;box-sizing:border-box;border-radius:8px;color:var(--ink);font:600 22px/1.35 Rubik,Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere}
.ij-mc-name{display:inline;min-width:0}
.ij-mc-count{display:inline-block;margin-inline-start:.3em;color:var(--muted);font-size:14px;font-weight:400;line-height:1.35;vertical-align:baseline;font-variant-numeric:tabular-nums;white-space:nowrap}
.ij-mc-row a:is(:focus-visible,[aria-current=page]){background:var(--raised);color:var(--accent)}
@media (hover: hover) {
.ij-mc-row a:is(:hover,:focus-visible,[aria-current=page]){background:var(--raised);color:var(--accent)}}
.ij-mc-toggle{width:48px;min-height:48px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}
.ij-mc-toggle:is(:focus-visible){background:var(--raised);color:var(--accent)}
@media (hover: hover) {
.ij-mc-toggle:is(:hover,:focus-visible){background:var(--raised);color:var(--accent)}}
.ij-mc-content .ij-mc-children{margin-left:14px;padding-left:10px;border-left:1px solid var(--line)}
.ij-mc-children[hidden]{display:none}
.ij-mc-children .ij-mc-row a{font-size:20px;font-weight:500}
.ij-mc-viewall{display:block;margin-top:12px;padding:12px;color:var(--accent);font-size:16px;font-weight:600;text-decoration:none;border-top:1px solid var(--line)}

.ij-cd-count{display:inline-block;margin-inline-start:.3em;color:var(--muted);font-size:13px;font-weight:400;line-height:1.35;vertical-align:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}