/* Compact desktop header; the spacer preserves the document's scroll position. */
.ck-site-header.ck-header-scroll-ready {
  top: var(--ck-preview-header-offset, 0px) !important;
}
.ck-header-scroll-space { display: none; background: #fff; }

@media (min-width: 701px) {
  .ck-header-scroll-enabled,
  .ck-header-scroll-space { overflow-anchor: none; }

  .ck-header-scroll-enabled .ck-header-top {
    box-sizing: border-box;
    max-height: var(--ck-header-top-height, 80px);
    opacity: 1;
    transition: max-height 180ms ease, opacity 180ms ease, border-bottom-width 180ms ease;
  }
  .ck-header-scroll-enabled .ck-header-main-inner {
    transition: min-height 180ms ease;
  }
  .ck-header-scroll-enabled .ck-header-nav-inner {
    height: auto !important;
    min-height: var(--ck-header-expanded-nav-link-height, 46px) !important;
    transition: min-height 180ms ease;
  }
  .ck-header-scroll-enabled .ck-brand {
    transition: width 180ms ease, flex-basis 180ms ease;
  }
  .ck-header-scroll-enabled .ck-brand img {
    transition: width 180ms ease, max-width 180ms ease;
  }
  .ck-header-scroll-enabled .ck-header-contact small {
    max-height: 16px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 180ms ease, opacity 180ms ease, margin-top 180ms ease;
  }
  .ck-header-scroll-enabled .ck-header-nav-inner > a,
  .ck-header-scroll-enabled .ck-nav-department > .ck-nav-primary {
    box-sizing: border-box;
    height: var(--ck-header-expanded-nav-link-height, 46px) !important;
    min-height: var(--ck-header-expanded-nav-link-height, 46px) !important;
    transition: height 180ms ease, min-height 180ms ease;
  }

  .ck-header-scroll-enabled.is-header-compact .ck-header-top {
    max-height: 0;
    border-bottom-width: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
  }
  .ck-site-header.is-header-compact .ck-header-main-inner {
    min-height: 60px !important;
  }
  .ck-site-header.is-header-compact .ck-brand {
    min-height: 44px;
    width: 128px;
    flex-basis: 128px;
  }
  .ck-site-header.is-header-compact .ck-brand img {
    width: 128px !important;
    max-width: 128px;
  }
  .ck-site-header.is-header-compact .ck-header-search-wrap {
    margin-right: auto !important;
  }
  /* Smaller visible controls sit inside generous click areas. */
  .ck-site-header.is-header-compact .ck-header-search-wrap .ck-header-search {
    height: 44px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    overflow: visible;
    position: relative;
  }
  .ck-site-header.is-header-compact .ck-header-search::before {
    content: "";
    position: absolute;
    inset: 4px 0;
    border: 1px solid #dfe6e2;
    border-radius: 8px;
    background: #fafcfb;
    pointer-events: none;
  }
  .ck-site-header.is-header-compact .ck-header-search:focus-within::before {
    border-color: #006633;
    box-shadow: 0 0 0 2px rgba(0, 102, 51, .10);
  }
  .ck-site-header.is-header-compact .ck-header-search input {
    position: relative;
    height: 36px;
    align-self: center;
    background: transparent;
    padding: 0 12px;
    font-size: 12px;
  }
  .ck-site-header.is-header-compact .ck-header-search button {
    position: relative;
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: transparent;
  }
  .ck-site-header.is-header-compact .ck-header-search button::before {
    content: "";
    position: absolute;
    inset: 4px 0;
    border-radius: 0 8px 8px 0;
    background: #006633;
    pointer-events: none;
  }
  .ck-site-header.is-header-compact .ck-header-search button svg {
    position: relative;
    width: 16px;
    height: 16px;
  }
  .ck-site-header.is-header-compact .ck-header-contact {
    gap: 6px;
  }
  .ck-site-header.is-header-compact .ck-header-contact b {
    font-size: 12px;
    font-weight: 600;
  }
  .ck-site-header.is-header-compact .ck-header-phone,
  .ck-site-header.is-header-compact .ck-account-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    box-sizing: border-box;
    border-color: #dfe6e2;
  }
  .ck-site-header.is-header-compact .ck-header-phone svg,
  .ck-site-header.is-header-compact .ck-account-icon svg,
  .ck-site-header.is-header-compact .ck-wishlist-icon svg,
  .ck-site-header.is-header-compact .ck-cart-icon svg {
    width: 16px;
    height: 16px;
  }
  .ck-site-header.is-header-compact .ck-header-account-link {
    padding: 0 5px;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
  }
  .ck-site-header.is-header-compact .ck-header-wishlist {
    border: 0;
    background: transparent;
  }
  .ck-site-header.is-header-compact .ck-header-wishlist::before {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid #dfe6e2;
    border-radius: 50%;
    pointer-events: none;
  }
  .ck-site-header.is-header-compact .ck-header-wishlist:hover::before {
    border-color: #abc6b6;
    background: #f2f7f3;
  }
  .ck-site-header.is-header-compact .ck-wishlist-icon {
    position: relative;
  }
  .ck-site-header.is-header-compact .ck-header-cart {
    border: 0;
    background: transparent;
    gap: 6px;
  }
  .ck-site-header.is-header-compact .ck-header-cart::before {
    content: "";
    position: absolute;
    inset: 4px 0;
    border: 1px solid #dfe6e2;
    border-radius: 8px;
    pointer-events: none;
  }
  .ck-site-header.is-header-compact .ck-header-cart > span {
    position: relative;
  }
  .ck-site-header.is-header-compact .ck-header-wishlist em,
  .ck-site-header.is-header-compact .ck-header-cart em {
    top: 0;
    right: 1px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    font-size: 9px;
  }
  .ck-header-scroll-enabled.is-header-compact .ck-header-contact small {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    visibility: hidden;
  }
  .ck-header-scroll-enabled.is-header-compact .ck-header-nav-inner {
    min-height: 44px !important;
  }
  .ck-header-scroll-enabled.is-header-compact .ck-header-nav-inner > a,
  .ck-header-scroll-enabled.is-header-compact .ck-nav-department > .ck-nav-primary {
    height: 44px !important;
    min-height: 44px !important;
  }

  .ck-header-scroll-space {
    display: block;
    height: 0;
    flex: none;
    pointer-events: none;
    transition: height 180ms ease;
  }
  .ck-header-scroll-space.is-header-compact {
    height: var(--ck-header-collapse-space, 0px);
  }
  .ck-header-scroll-measuring *,
  .ck-header-scroll-instant *,
  .ck-header-scroll-space.ck-header-scroll-instant {
    transition: none !important;
  }
}

@media (min-width: 701px) and (max-width: 900px) {
  .ck-site-header.is-header-compact .ck-brand {
    width: 120px;
    flex-basis: 120px;
  }
  .ck-site-header.is-header-compact .ck-brand img {
    width: 120px !important;
    max-width: 120px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ck-header-scroll-enabled *,
  .ck-header-scroll-enabled *::before,
  .ck-header-scroll-enabled *::after,
  .ck-header-scroll-space { transition: none !important; }
}