/* CARBI_SMART_NAVIGATION_V1 */
/* CARBI_MANUAL_COMPACT_MENU_V1 */
@layer carbi_readability {
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-compact-menu="true"] {
  display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;
  grid-template-columns:none!important;gap:4px!important;
  --carbi-menu-left:max(calc(10px + env(safe-area-inset-left,0px)),calc(50% - 322px));
  position:fixed!important;left:calc(var(--carbi-menu-left) + 84px)!important;right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;transform:none!important;
  width:min(560px,calc(100% - var(--carbi-menu-left) - 94px - env(safe-area-inset-right,0px)))!important;
  max-width:calc(100% - 104px)!important;min-width:0!important;height:auto!important;min-height:64px!important;max-height:none!important;
  margin:0!important;padding:5px!important;border-radius:18px!important;box-sizing:border-box!important;
  overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-inline:5px;touch-action:pan-x pan-y;
  z-index:2147483647!important;transition:translate .18s ease;
}
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-compact-menu="true"] > :is(button,a) {
  flex:0 0 70px!important;width:70px!important;min-width:70px!important;max-width:70px!important;
  height:auto!important;min-height:52px!important;margin:0!important;padding:5px 2px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;box-sizing:border-box!important;
  scroll-snap-align:start;font:12px/1.15 system-ui,sans-serif!important;border-radius:12px!important;
}
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-compact-menu="true"] > :is(button,a) :is(span,strong) {
  margin:0!important;line-height:1.15!important;
}
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-compact-menu="true"] > :is(button,a) strong {font-size:11px!important}
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-compact-menu="true"] > :is(button,a) span {font-size:20px!important}
html body #clw-bottom#clw-bottom#clw-bottom[data-carbi-menu-collapsed] {
  translate:0 calc(100% + 32px + env(safe-area-inset-bottom,0px))!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}
html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal {
  --carbi-menu-left:max(calc(10px + env(safe-area-inset-left,0px)),calc(50% - 322px));
  position:fixed!important;left:var(--carbi-menu-left)!important;right:auto!important;
  bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;z-index:2147483647!important;
  transform:none!important;translate:none!important;width:74px!important;min-width:74px!important;min-height:64px!important;height:auto!important;
  margin:0!important;padding:8px 6px!important;box-sizing:border-box!important;border:1px solid #9ecbd8!important;border-radius:18px!important;
  display:block!important;background:linear-gradient(145deg,#fff,#e2f3fa)!important;color:#173b53!important;-webkit-text-fill-color:#173b53!important;
  font:650 12px/1.2 system-ui,sans-serif!important;white-space:normal!important;text-align:center!important;box-shadow:0 3px 15px #15374d25!important;
  cursor:pointer!important;touch-action:manipulation;visibility:visible!important;opacity:1!important;
}
html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal[aria-expanded="false"] {width:118px!important;min-width:118px!important;min-height:44px!important}
html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal[data-menu-blocked="true"] {opacity:.8!important;cursor:default!important}
html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal[hidden] {display:none!important}
html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal:focus-visible {outline:3px solid #198aa4!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){html body #clw-bottom#clw-bottom#clw-bottom{transition:none!important}}
@media print{html body #clw-bottom#clw-bottom#clw-bottom,html body #carbi-menu-reveal#carbi-menu-reveal#carbi-menu-reveal{display:none!important}}
}

/* CARBI_HORIZONTAL_SWIPE_FIX_20261020 */

  html body #clw-bottom[data-carbi-compact-menu="true"] {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y !important;
  }
  html body #clw-bottom[data-carbi-compact-menu="true"] > button,
  html body #clw-bottom[data-carbi-compact-menu="true"] > a {
    flex: 0 0 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
  }



/* CARBI_ROLODEX_V1 */
html body #clw-bottom.carbi-rolodex-active {
  display:block !important;
  position:fixed !important;
  overflow:visible !important;
  perspective:850px;
  isolation:isolate;
  touch-action:pan-y !important;
  min-height:76px !important;
}

html body #clw-bottom.carbi-rolodex-active > .carbi-rolodex-item {
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  margin:0 !important;
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
  height:62px !important;
  min-height:62px !important;
  transform:
    translate(
      calc(-50% + var(--carbi-roll-offset) * 79px),
      -50%
    )
    scale(var(--carbi-roll-scale))
    rotateY(calc(var(--carbi-roll-offset) * -13deg))
    !important;
  opacity:var(--carbi-roll-opacity) !important;
  transition:
    transform .14s ease,
    opacity .14s ease !important;
  will-change:transform;
}

html body #clw-bottom.carbi-rolodex-active
> .carbi-rolodex-item[data-carbi-roll-center="true"] {
  filter:brightness(1.10);
}

@media (prefers-reduced-motion:reduce) {
  html body #clw-bottom.carbi-rolodex-active
  > .carbi-rolodex-item {
    transition:none !important;
  }
}


/* CARBI_ROLODEX_CENTER_ZOOM_V2 */
html body #clw-bottom.carbi-rolodex-active {
  perspective:1000px !important;
}

html body #clw-bottom.carbi-rolodex-active
> .carbi-rolodex-item {
  transition:
    transform .14s cubic-bezier(.2,.8,.2,1),
    opacity .14s ease !important;
}

html body #clw-bottom.carbi-rolodex-active
> .carbi-rolodex-item[data-carbi-roll-center="true"] {
  filter:brightness(1.12) !important;
  box-shadow:
    0 10px 25px rgba(0,0,0,.24),
    0 0 6.3px rgba(79,190,232,0.05) !important;
}

html body #clw-bottom.carbi-rolodex-active
> a.clw-fashion-nav {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  padding:5px 2px !important;
  border:0 !important;
  border-radius:12px !important;
  background:#192024 !important;
  color:#fff !important;
  text-decoration:none !important;
  font:12px/1.15 system-ui,sans-serif !important;
  box-sizing:border-box !important;
}

html body #clw-bottom.carbi-rolodex-active
> a.clw-fashion-nav span {
  font-size:20px !important;
  line-height:1 !important;
}

html body #clw-bottom.carbi-rolodex-active
> a.clw-fashion-nav strong {
  font-size:11px !important;
  color:#fff !important;
  line-height:1.15 !important;
}

@media(prefers-reduced-motion:reduce) {
  html body #clw-bottom.carbi-rolodex-active
  > .carbi-rolodex-item {
    transition:none !important;
  }
}


/* CARBI_FASHION_VISUAL_MATCH_V3 */
html body #clw-bottom.carbi-rolodex-active
> a[data-carbi-fashion-nav="true"] {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  padding:5px 2px !important;
  background:#f1f9fc !important;
  background-image:linear-gradient(145deg,#ffffff,#e2f3fa) !important;
  color:#173b53 !important;
  -webkit-text-fill-color:#173b53 !important;
  border:1px solid #9ecbd8 !important;
  border-radius:12px !important;
  box-shadow:0 3px 12px rgba(21,55,77,.12) !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  font:12px/1.15 system-ui,sans-serif !important;
}

html body #clw-bottom.carbi-rolodex-active
> a[data-carbi-fashion-nav="true"] span,
html body #clw-bottom.carbi-rolodex-active
> a[data-carbi-fashion-nav="true"] strong {
  color:#173b53 !important;
  -webkit-text-fill-color:#173b53 !important;
  text-shadow:none !important;
}

html body #clw-bottom.carbi-rolodex-active
> a[data-carbi-fashion-nav="true"] span {
  font-size:20px !important;
  line-height:1 !important;
}

html body #clw-bottom.carbi-rolodex-active
> a[data-carbi-fashion-nav="true"] strong {
  font-size:11px !important;
  line-height:1.15 !important;
}

html body #clw-bottom.carbi-rolodex-active
> .carbi-rolodex-item[data-carbi-roll-center="true"] {
  filter:brightness(1.08) !important;
}


/* CARBI_ROLODEX_TOUCH_REPAIR_V1 */
html body #clw-bottom.carbi-rolodex-active {
  touch-action:pan-y pinch-zoom !important;
  -webkit-user-select:none;
  user-select:none;
}

html body #clw-bottom.carbi-rolodex-active
> .carbi-rolodex-item {
  touch-action:pan-y pinch-zoom !important;
}

/* CARBI_ROLODEX_IPHONE_SWIPE_FIX_V2 */
/*
   Keep vertical page scrolling available, but allow the Rolodex JavaScript
   to receive horizontal touch movement reliably on iPhone/Safari.
*/
html body #clw-bottom.carbi-rolodex-active {
  touch-action: pan-y !important;
  overscroll-behavior-x: none !important;
}

html body #clw-bottom.carbi-rolodex-active > .carbi-rolodex-item {
  touch-action: pan-y !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}