/* Ported from Magento kck-header-2026.css; footer and mini-cart panels omitted. */
.kckhf-header-container {
  --kck-chrome-radius-md: 10px;
}

.kckhf-header-container {
  --kck-header-duration: 200ms;
  --kck-header-duration-fast: 140ms;
  --kck-header-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --kck-header-shadow-panel: 0 16px 32px rgba(56, 52, 46, 0.1);
  --kck-header-bar-h: 88px;
  --kck-header-bar-h-pinned: 65px;
  --kck-header-bar-h-pinned-sm: 57px;
  --kck-header-h: 172px;
  --kck-header-h-mobile: 104px;
  --kck-header-util-h: 44px;
  --kck-z-header: 9000;
  --kck-z-header-menu: 9100;
  --kck-z-header-utility: 9300;
  --kck-z-header-overlay: 9400;
  --kck-z-header-drawer: 9500;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: var(--kck-color-bg);
  color: var(--kck-color-ink);
  font-family: var(--kck-font-body);
  font-size: var(--kck-font-size-base);
  line-height: var(--kck-leading-normal);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  z-index: var(--kck-z-header);
  overflow: visible;
}
.kckhf-header-container,
.kckhf-header-container *,
.kckhf-header-container *::before,
.kckhf-header-container *::after {
  box-sizing: border-box;
}
.kckhf-header-container :where(img, svg) {
  max-width: 100%;
  height: auto;
  display: block;
}
.kckhf-header-container :where(svg:not([width]):not([height])) {
  width: 1.25em;
  height: 1.25em;
}
.kckhf-header-container :where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
}
.kckhf-header-container :where(button) {
  margin: 0;
}
.kckhf-header-container :where(p, ul, ol) {
  margin: 0;
}
.kckhf-header-container :where(ul, ol) {
  padding: 0;
  list-style: none;
}
.kckhf-header-container a,
.kckhf-header-container a:link,
.kckhf-header-container a:visited,
.kckhf-header-container a:hover,
.kckhf-header-container a:focus,
.kckhf-header-container a:active {
  text-decoration: none;
}

:where(.kckhf-header-container) a {
  color: var(--kck-color-red);
}
:where(.kckhf-header-container) a:hover {
  color: var(--kck-color-red-hover);
}

.kckhf-header-container a[href^="tel"] {
  cursor: pointer;
}
.kckhf-header-container :where(:focus-visible) {
  outline: 2px solid var(--kck-color-ink);
  outline-offset: 2px;
  border-radius: 3px;
}
.kckhf-header-container [data-quiet-focus]:focus,
.kckhf-header-container [data-quiet-focus]:focus-visible {
  outline: none;
}
.kckhf-header-container .kck-sprite {
  display: none;
}
.kckhf-header-container .kck-vh {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kckhf {
  position: relative;
  background: var(--kck-color-bg);
}

.kck-header-promo {
  background: var(--kck-color-red);
  color: var(--kck-color-white);
}
.kck-header-promo__in {
  max-width: var(--kck-container-lg);
  margin-inline: auto;
  padding: 10px var(--kck-gutter-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  /* Added 2026-09-02. At 320px the icon and the message fight for one row:
     the text breaks over two lines and the icon floats centred against the
     block. Wrapping puts the icon on its own row and keeps the message on
     one line. 55px -> 52px, and better balanced. No effect above ~330px. */
  flex-wrap: wrap;
  row-gap: 6px;
}

.kck-header-promo__truck {
  width: 20px;
  height: 15px;
  flex: none;
  fill: currentColor;
  stroke: none;
}
.kck-header-promo a {
  color: var(--kck-color-white);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 767px) {
  .kck-header-promo__in {
    padding: 8px var(--kck-gutter-sm);
    font-size: 13px;
    gap: 7px;
  }
  .kck-header-promo__truck {
    width: 18px;
    height: 13.5px;
  }
}

/* ==========================================================================
   PROMO SALE BAR + COUNTDOWN                          added 2026-09-02
   Sits directly after the free-shipping .kck-header-promo block above and touches
   none of it, so both variants can live here while only one is in the
   markup. Delete this section when the sale bar comes out of header.phtml.
   ========================================================================== */

/* Everything below is scoped to .kck-header-promo--sale so this whole section is
   inert when the sale bar is out of the markup and the free-shipping bar is
   back. Leave the section in place between sales; it costs nothing.

   .kck-header-promo__in has no wrap of its own. Flag + message + four countdown
   units overflows long before mobile without it. */
.kck-header-promo--sale .kck-header-promo__in {
  flex-wrap: wrap;
  row-gap: 6px;
}

/* --------------------------------------------------------------------------
   "Biggest sale of the year" flag
   White at low alpha over the red, so it needs no color token the 2026 sheet
   doesn't already have.
   -------------------------------------------------------------------------- */
.kck-header-promo__flag {
  flex: none;
  padding: 3px 10px;
  border-radius: var(--kck-radius-pill, 999px);
  background: var(--kck-color-white);
  color: var(--kck-color-red);
  font-family: var(--kck-font-heading);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.4;
  white-space: nowrap;
}

.kck-header-promo__msg b {
  font-weight: 700;
}

/* Two copy lengths. The long one wraps to two lines under ~430px, which
   takes the bar from 58px to 77px and shoves the logo down the screen, so
   the short one takes over there. Both live in the markup; only one shows. */
.kck-header-promo__msg--short {
  display: none;
}

/* --------------------------------------------------------------------------
   Countdown
   -------------------------------------------------------------------------- */
.kck-header-promo__countdown {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* The divider splits the bar into two ideas: the offer, then the clock.
   Only above 768, because below that the countdown wraps onto its own row
   and a left rule would hang in mid-air.

   Full height on purpose: it lines up with the countdown block's top and
   bottom edges, which is what makes it read as deliberate. 0.28 rather than
   0.38 so it separates without competing with the text it sits between.

   The 2px/12px look like typos but are not: they stack on gaps that already
   exist. Left = .kck-header-promo__in gap 10px + 2px margin = 12px. Right = the
   12px padding. Even on both sides. Change those gaps and change these. */
@media (min-width: 768px) {
  .kck-header-promo__countdown {
    margin-left: 2px;
    padding-left: 12px;
    border-left: 1px solid rgba(255, 255, 255, 0.28);
  }
}

.kck-header-promo__countdown-unit {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  /* The message is 14px Nunito, the digits 15px Montserrat, and
     .kck-header-promo__in aligns boxes on their centres rather than a shared
     baseline. Different box heights put the digits 1px below the message.
     Nudging the units rather than .kck-header-promo__countdown keeps the divider
     where it is, since the divider is that element's border. Measured, not
     guessed: 1.00px before, 0.00px after. */
  position: relative;
  top: -1px;
}

.kck-header-promo__countdown-num {
  font-family: var(--kck-font-heading);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  font-size: 15px;
}

.kck-header-promo__countdown-label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.85;
}

/* Set by initPromoCountdown once the deadline passes. */
.kck-header-promo[hidden] {
  display: none;
}

/* --------------------------------------------------------------------------
   Responsive
   Below 1023 the flag would force a third row for little gain, so it drops
   and the message carries the sale alone.
   -------------------------------------------------------------------------- */
@media (max-width: 1279px) {
  .kck-header-promo__flag {
    letter-spacing: 0.05em;
  }
  .kck-header-promo__countdown {
    gap: 7px;
  }
}

@media (max-width: 1023px) {
  .kck-header-promo__flag {
    display: none;
  }
}

@media (max-width: 767px) {
  .kck-header-promo__countdown-num {
    font-size: 14px;
  }
  .kck-header-promo__countdown-label {
    font-size: 10px;
  }
}

/* Narrow phones: message on top, countdown centered on its own row. The
   type steps down so the message holds one line to ~360px; at two lines the
   bar grows to 82px and shoves the logo and nav down the screen. */
@media (max-width: 430px) {
  .kck-header-promo__msg--long {
    display: none;
  }
  .kck-header-promo__msg--short {
    display: inline;
  }
}

@media (max-width: 519px) {
  .kck-header-promo--sale .kck-header-promo__in {
    font-size: 12.5px;
    gap: 8px;
    row-gap: 4px;
  }
  .kck-header-promo__msg {
    flex: 1 0 100%;
    text-align: center;
  }
  .kck-header-promo__countdown {
    gap: 9px;
  }
  .kck-header-promo__countdown-num {
    font-size: 13px;
  }
  .kck-header-promo__countdown-label {
    font-size: 9.5px;
  }
}

.kck-util {
  background: var(--kck-color-cream);
  border-bottom: 1px solid var(--kck-color-line);
  font-size: 14px;
  color: var(--kck-color-charcoal);
}
.kck-util__in {
  max-width: var(--kck-container-lg);
  margin-inline: auto;
  padding-inline: var(--kck-gutter-lg);
  height: var(--kck-header-util-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.kck-util__left {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.kck-util__tel {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 100%;
  padding-inline: 0 18px;
  font-family: var(--kck-font-heading);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--kck-color-red);
  white-space: nowrap;
}
.kck-util__tel svg {
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kck-util__tel:hover {
  color: var(--kck-color-red-hover);
}

.kck-util__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 100%;
  padding-inline: 18px;
  color: var(--kck-color-charcoal);
  font-weight: 600;
  white-space: nowrap;
}
.kck-util__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: var(--kck-color-line);
}
.kck-util__link svg {
  flex: none;
  fill: none;
  stroke: var(--kck-color-red);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kck-util__link:hover svg {
  stroke: var(--kck-color-red-hover);
}
.kck-util__link:hover {
  color: var(--kck-color-red);
}
.kck-util__right {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}
.kck-util__act {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 36px;
  padding-inline: 12px;
  border-radius: var(--kck-chrome-radius-md);
  color: var(--kck-color-charcoal);
  font-size: 14px;
  font-weight: 600;
}
.kck-util__act:hover {
  color: var(--kck-color-red);
  background: rgba(217, 32, 30, 0.06);
}
.kck-util__act svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kck-util__badge {
  display: inline-grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding-inline: 5px;
  border-radius: var(--kck-radius-pill);
  background: var(--kck-color-red);
  color: var(--kck-color-white);
  font-family: var(--kck-font-heading);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 1023px) {
  .kck-util {
    display: none;
  }
}

.kckhf {
  min-height: var(--kck-header-h);
}
@media (max-width: 1023px) {
  .kckhf {
    min-height: var(--kck-header-h-mobile);
  }
}

.kck-bar {
  position: relative;
  z-index: var(--kck-z-header);
  background: var(--kck-color-bg);
  border-bottom: 1px solid var(--kck-color-line);
}
.kck-bar.is-pinned {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--kck-z-header);
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(10px);
  box-shadow: 0 2px 12px rgba(56, 52, 46, 0.07);
}
.kck-bar.is-pinned .kck-bar__in {

  height: calc(var(--kck-header-bar-h-pinned) - 1px);
  gap: 24px;
}
.kckhf-header-container .kck-logo__mark {
  display: none;
}
.kck-bar.is-pinned .kck-logo__full {
  display: none;
}
.kck-bar.is-pinned .kck-logo__mark {
  display: block;
  height: 34px;
  width: auto;
}


.kck-bar__end {
  flex: none;
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}

.kck-bar__end .kck-headcta {
  margin-left: 5px;
}

.kck-bar__cart .counter,
.kck-bar__cart .label {
  display: none !important;
}
.kck-bar__cart > span:not(.kck-vh):not(.counter):not(.label),
.kck-bar__cart .kck-bar__badge,
.kck-bar__cart .kckheader-utility__cart-badge,
.kck-bar__badge {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-grid;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding-inline: 4px;
  border-radius: var(--kck-radius-pill);
  background: var(--kck-color-red);
  color: var(--kck-color-white);

  box-shadow: 0 0 0 2px var(--kck-color-bg);
  font-family: var(--kck-font-heading);
  font-size: 10px;
  font-weight: 700;

  line-height: 17px;
  text-align: center;
  pointer-events: none;
}
.kck-bar__tel,
.kck-bar__acct,
.kck-bar__cart {
  display: none;
}
.kck-bar.is-pinned .kck-bar__tel,
.kck-bar.is-pinned .kck-bar__acct,
.kck-bar.is-pinned .kck-bar__cart {
  display: inline-flex;
}

.kck-bar__tel {
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--kck-chrome-radius-md);
  color: var(--kck-color-red);
}
.kck-bar__telno {
  display: none;
}
.kck-bar__tel:hover {
  background: rgba(217, 32, 30, 0.06);
  color: var(--kck-color-red-hover);
}
.kck-bar__tel svg {
  width: 17px;
  height: 17px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kck-bar__acct,
.kck-bar__cart {
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--kck-chrome-radius-md);
  color: var(--kck-color-ink);
  position: relative;
}
.kck-bar__acct:hover,
.kck-bar__cart:hover {
  background: rgba(56, 52, 46, 0.05);
  color: var(--kck-color-red);
}
.kck-bar__acct svg,
.kck-bar__cart svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kck-bar.is-pinned .kck-headcta {
  padding: 9px 16px;
  font-size: 13px;
}

@media (max-width: 1023px) {
  .kck-bar.is-pinned .kck-bar__in {
    height: calc(var(--kck-header-bar-h-pinned-sm) - 1px);
  }
  .kck-bar.is-pinned .kck-logo__mark {
    height: 30px;
  }
  .kck-bar__tel,
  .kck-bar__acct,
  .kck-bar__cart {
    display: inline-flex;
  }
  .kck-bar.is-pinned .kck-headcta {
    padding: 8px 12px;
    font-size: 12px;
  }
}

body.kck-menuopen .kck-bar {
  box-shadow: inset 0 -3px 0 var(--kck-color-red);
}
.kck-bar__in {
  max-width: var(--kck-container-lg);
  margin-inline: auto;
  padding-inline: var(--kck-gutter-lg);
  height: var(--kck-header-bar-h);
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
}
.kck-logo {
  flex: none;
  display: block;
}
.kck-logo img {
  height: 56px;
  width: auto;
}

.kck-nav {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  height: 100%;
}
.kck-nav__item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.kck-nav__item > a,
.kck-nav__item > button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: var(--kck-font-heading);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kck-color-ink);
  padding: 8px 0;
  white-space: nowrap;
  background: none;
  border: 0;
  cursor: pointer;
}
.kck-nav__item > a:hover,
.kck-nav__item > button:hover {
  color: var(--kck-color-red);
}
.kck-nav__item.is-open > button {
  color: var(--kck-color-red);
}
.kck-chev {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
  transition: transform var(--kck-header-duration) var(--kck-header-ease);
}
.kck-nav__item.is-open .kck-chev {
  transform: rotate(-135deg);
  margin-top: 2px;
}

.kck-headcta {
  flex: none;
  padding: 11px 20px;
  background: var(--kck-color-red);
  color: var(--kck-color-white);
  font-family: var(--kck-font-heading);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: var(--kck-chrome-radius-md);
}
.kck-headcta:hover {
  background: var(--kck-color-red-hover);
  color: var(--kck-color-white);
}

@media (max-width: 1023px) {
  .kck-bar__in {
    height: 64px;
    gap: 12px;
    padding-inline: var(--kck-gutter-md);
  }
  .kck-nav {
    display: none;
  }


  .kck-headcta {
    padding: 9px 13px;
    font-size: 13px;
  }

  .kck-headcta__verb {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .kck-logo img {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .kck-bar__in {
    padding-inline: var(--kck-gutter-sm);
  }
}

@media (max-width: 1279px) {
  .kck-bar__in {
    gap: 20px;
  }
  .kck-nav {
    gap: 15px;
  }
  .kck-nav__item > a,
  .kck-nav__item > button {
    font-size: 13px;
    letter-spacing: 0.03em;
  }
  .kck-headcta {
    padding: 11px 16px;
    font-size: 13px;
  }

  .kck-bar.is-pinned .kck-bar__in {
    gap: 14px;
  }
  .kck-bar.is-pinned .kck-nav {
    gap: 10px;
  }
  .kck-bar.is-pinned .kck-nav__item > a,
  .kck-bar.is-pinned .kck-nav__item > button {
    font-size: 12px;
    letter-spacing: 0.02em;
  }
  .kck-bar.is-pinned .kck-bar__tel,
  .kck-bar.is-pinned .kck-bar__acct,
  .kck-bar.is-pinned .kck-bar__cart {
    width: 36px;
    height: 36px;
  }
  .kck-bar.is-pinned .kck-headcta {
    padding: 9px 13px;
    font-size: 12px;
  }
}


@media (min-width: 600px) and (max-width: 1023px) {
  .kck-bar:not(.is-pinned) .kck-bar__tel {
    width: auto;
    gap: 7px;
    padding-inline: 12px;
    font-family: var(--kck-font-heading);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
  }
  .kck-bar:not(.is-pinned) .kck-bar__telno {
    display: inline;
  }
}

@media (min-width: 480px) and (max-width: 1023px) {
  .kck-headcta__verb {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
}

@media (max-width: 392px) {
  .kck-bar__tel,
  .kck-bar.is-pinned .kck-bar__tel {
    display: none;
  }
}

@media (max-width: 479px) {
  .kck-bar__in {
    gap: 12px;
    padding-inline: 12px;
  }
  .kck-headcta,
  .kck-bar.is-pinned .kck-headcta {
    padding-inline: 11px;
    font-size: 12px;
  }
}

@media (max-width: 359px) {
  .kck-bar__in {
    gap: 8px;
    padding-inline: 10px;
  }
  .kck-bar__end .kck-headcta {
    margin-left: 4px;
  }
  .kck-headcta,
  .kck-bar.is-pinned .kck-headcta {
    padding-inline: 8px;
    font-size: 12px;
  }
}

.kck-mega {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: var(--kck-z-header-menu);
  display: none;
  background: var(--kck-color-white);
  border: 1px solid var(--kck-color-line);
  border-top: 0;
  border-radius: 0 0 var(--kck-chrome-radius-md) var(--kck-chrome-radius-md);
  box-shadow: var(--kck-header-shadow-panel);
  max-height: calc(100vh - var(--kck-header-h));
  overflow-y: auto;
  overscroll-behavior: contain;
}
.kck-mega.is-open {
  display: block;
}
.kck-mega__band {
  max-width: var(--kck-container-md);
  margin-inline: auto;
  padding-inline: var(--kck-gutter-lg);
  display: flex;
  width: fit-content;
  min-height: 340px;
}
.kck-mega__cols {
  display: flex;
  padding-block: 28px;
}
.kck-mega__col {
  padding-inline: 26px;
  border-left: 1px solid var(--kck-color-line);
}
.kck-mega__col:first-child {
  border-left: 0;
  padding-left: 0;
}
.kck-mega__h {
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kck-color-red);
  margin-bottom: 14px;
  white-space: nowrap;
}
.kck-mega__h a {
  color: inherit;
}
.kck-mega__h a:hover {
  color: var(--kck-color-red-hover);
}
.kck-mega__h--plain {
  color: var(--kck-color-mid-aa);
  cursor: default;
}
.kck-mega__col ul {
  list-style: none;
}
.kck-mega__col li a {
  display: block;
  padding-block: 4px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--kck-color-charcoal);
  white-space: nowrap;
}
.kck-mega__col li a:hover {
  color: var(--kck-color-red);
}
.kck-mega__rule {
  border-top: 1px solid var(--kck-color-line);
  margin: 10px 0 8px;
}
.kck-mega__col li a.kck-mega__all {
  color: var(--kck-color-red);
  font-weight: 700;
}

.kck-mega__col li a.kck-mega__all:hover,
.kck-mega__col li a.kck-mega__all:focus-visible {
  color: var(--kck-color-red-hover);
}
.kck-mega__all::after {
  content: "\2192";
  display: inline-block;
  margin-left: 6px;
  transition: transform 160ms var(--kck-header-ease);
}
.kck-mega__all:hover::after {
  transform: translateX(4px);
}

.kck-mega__band--rail {
  min-height: 392px;
}
.kck-rl {
  flex: none;
  width: 260px;
  padding: 20px 0;
  margin-right: 26px;
  background: var(--kck-color-cream);
  border-right: 1px solid var(--kck-color-line);
}
.kck-rl__h {
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kck-color-mid-aa);
  padding: 0 24px 10px;
  margin: 0;
}
.kck-rl ul {
  list-style: none;
}
.kck-rl__item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 10px 24px;
  font-family: var(--kck-font-body);
  font-size: 14px;
  line-height: 1.35;
  color: var(--kck-color-charcoal);
  background: none;
  border: 0;
  border-left: 3px solid transparent;
  cursor: pointer;
}
.kck-rl__item:hover {
  color: var(--kck-color-ink);
  background: rgba(56, 52, 46, 0.04);
}
.kck-rl__item[aria-current="true"] {
  color: var(--kck-color-red-hover);
  font-weight: 600;
  background: rgba(217, 32, 30, 0.05);
  border-left-color: var(--kck-color-red);
}
.kck-rp__wrap {
  flex: none;
  padding: 0 4px 0 0;
}
.kck-rp {
  display: none;
  padding: 28px 0;
}
.kck-rp.is-on {
  display: block;
}
.kck-rp[hidden] {
  display: none;
}

.kck-rp__hd {
  height: 56px;
}
.kck-rp__h {
  margin: 0 0 6px;
  font-family: var(--kck-font-heading);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--kck-color-ink);
}
.kck-rp__l {
  font-size: 14px;
  color: var(--kck-color-mid-aa);
  margin: 0;
}
.kck-rp__list {
  list-style: none;
  width: 380px;
}

.kck-rp__list a {
  display: block;
  padding: 9px 0;
}
.kck-rp__list b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--kck-color-ink);
  line-height: 1.35;
}
.kck-rp__list em {
  display: block;
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  color: var(--kck-color-mid);
  line-height: 1.35;
  margin-top: 1px;
}
.kck-rp__list a:hover b {
  color: var(--kck-color-red);
}
.kck-rp__list a:hover em {
  color: var(--kck-color-charcoal);
}
.kck-header-rail {
  background: var(--kck-color-cream);
  border-left: 1px solid var(--kck-color-line);
  padding: 28px 24px;
  width: 320px;
  flex: none;
  margin-left: 26px;
}
.kck-header-rail__h {
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kck-color-mid-aa);
  margin-bottom: 14px;
}
.kck-header-rail a {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-block: 9px;
}
.kck-header-rail b {
  display: block;
  font-family: var(--kck-font-heading);
  font-size: 14px;
  font-weight: 700;
  color: var(--kck-color-ink);
  line-height: 1.3;
}
.kck-header-rail em {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: var(--kck-color-mid-aa);
  margin-top: 2px;
  line-height: 1.35;
}

.kck-header-rail a:hover b {
  color: var(--kck-color-red-hover);
}
.kck-header-rail a:hover em {
  color: var(--kck-color-charcoal);
}

.kck-header-rail__rule {
  height: 1px;
  margin: 14px 0 8px;
  border: 0;
  background: var(--kck-color-line);
}
.kck-header-rail__ic {
  width: 20px;
  height: 20px;
  flex: none;
  margin-top: 2px;
  stroke: var(--kck-color-red);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#p-shop .kck-mega__col:nth-of-type(1) {
  min-width: 250px;
}
#p-shop .kck-mega__col:nth-of-type(2) {
  min-width: 214px;
}
#p-shop .kck-mega__col:nth-of-type(3) {
  min-width: 222px;
}
#p-gallery .kck-mega__col:nth-of-type(1) {
  min-width: 266px;
}
#p-gallery .kck-mega__col:nth-of-type(2) {
  min-width: 240px;
}
#p-company .kck-mega__col:nth-of-type(1) {
  min-width: 250px;
}
#p-company .kck-mega__col:nth-of-type(2) {
  min-width: 224px;
}
#p-company .kck-mega__col:nth-of-type(3) {
  min-width: 210px;
}

.kck-burger {
  display: none;
}
@media (max-width: 1023px) {
  .kck-burger {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-left: -8px;
    background: none;
    border: 0;
    cursor: pointer;
    color: var(--kck-color-ink);
    flex: none;
  }
  .kck-burger svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
  }
}

.kck-scrim {
  position: fixed;
  inset: 0;
  background: rgba(56, 52, 46, 0.5);
  z-index: var(--kck-z-header-overlay);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity var(--kck-header-duration) var(--kck-header-ease),
    visibility var(--kck-header-duration);
}
.kck-scrim.is-open {
  opacity: 1;
  visibility: visible;
}

.kck-drawer:focus {
  outline: none;
}

.kck-drawer {
  position: fixed;
  inset: 0 auto 0 0;
  width: min(400px, 92vw);
  background: var(--kck-color-white);
  z-index: var(--kck-z-header-drawer);
  display: flex;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 260ms var(--kck-header-ease);
  box-shadow: var(--kck-header-shadow-panel);
}
.kck-drawer.is-open {
  transform: translateX(0);
}

.kck-drawer__top {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 64px;
  flex: none;
  padding-inline: var(--kck-gutter-sm);
  border-bottom: 1px solid var(--kck-color-line);
}
.kck-drawer__top img {
  height: 38px;
  width: auto;
}
.kck-drawer__close {
  margin-left: auto;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--kck-color-ink);
}
.kck-drawer__close svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.kck-drawer__body {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.kck-drawer__level {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--kck-color-white);
  transform: translateX(100%);
  visibility: hidden;
  transition:
    transform 240ms var(--kck-header-ease),
    visibility 240ms;
}
.kck-drawer__level[data-level="root"] {
  transform: translateX(0);
  visibility: visible;
}
.kck-drawer__level.is-active {
  transform: translateX(0);
  visibility: visible;
}
.kck-drawer__level.is-behind {
  transform: translateX(-28%);
  visibility: visible;
}

.kck-drawer__list {
  list-style: none;
}
.kck-drawer__list li + li {
  border-top: 1px solid var(--kck-color-line);
}
.kck-drawer__row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 14px var(--kck-gutter-sm);
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: var(--kck-font-heading);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--kck-color-ink);
}
.kck-drawer__row:hover,
.kck-drawer__row:active {
  background: var(--kck-color-bg-cream);
  color: var(--kck-color-red);
}
.kck-drawer__row--sub {
  font-family: var(--kck-font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--kck-color-charcoal);
  min-height: 52px;
}
.kck-drawer__row--all {
  color: var(--kck-color-red);
  font-weight: 700;
}
.kck-drawer__row .kck-caret {
  margin-left: auto;
  flex: none;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--kck-color-mid);
  border-bottom: 2px solid var(--kck-color-mid);
  transform: rotate(-45deg);
}

.kck-drawer__back {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  padding: 12px var(--kck-gutter-sm);
  background: var(--kck-color-cream);
  border: 0;
  border-bottom: 1px solid var(--kck-color-line);
  cursor: pointer;
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kck-color-mid-aa);
  text-align: left;
}
.kck-drawer__back .kck-caret {
  width: 8px;
  height: 8px;
  border-left: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  flex: none;
}
.kck-drawer__lh a {
  color: inherit;
}
.kck-drawer__lh a:hover {
  color: var(--kck-color-red);
}
.kck-drawer__lh {
  padding: 18px var(--kck-gutter-sm) 8px;
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--kck-color-red);
}

.kck-acc {
  border-bottom: 1px solid var(--kck-color-line);
}
.kck-acc__hd {
  display: flex;
  align-items: stretch;
}
.kck-acc__t {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 12px var(--kck-gutter-sm);
  background: none;
  border: 0;
  text-align: left;
  cursor: pointer;
  font-family: var(--kck-font-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--kck-color-ink);
}
.kck-acc__t[aria-expanded="true"] {
  color: var(--kck-color-red);
}

.kck-acc__t--hub {
  flex: 1 1 auto;
  width: auto;
  justify-content: flex-start;
  gap: 8px;
  text-decoration: none;
  border-right: 1px solid var(--kck-color-line);
}
.kck-acc__t--hub:hover,
.kck-acc__t--hub:active {
  color: var(--kck-color-red);
}
.kck-acc__go {
  flex: none;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
  opacity: 0.5;
}

.kck-acc__x {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  min-height: 52px;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: var(--kck-color-ink);
}
.kck-acc__x[aria-expanded="true"] {
  color: var(--kck-color-red);
}

.kck-acc__i {
  flex: none;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  margin-top: -4px;
  transition: transform var(--kck-header-duration) var(--kck-header-ease);
}
.kck-acc__tog[aria-expanded="true"] .kck-acc__i {
  transform: rotate(-135deg);
  margin-top: 3px;
}
.kck-acc__p {
  padding-bottom: 8px;
  background: var(--kck-color-bg-cream);
}
.kck-acc__p[hidden] {
  display: none;
}

.kck-drawer__util {
  background: var(--kck-color-cream);
  border-top: 1px solid var(--kck-color-line);
  padding: 16px var(--kck-gutter-sm);
}

.kck-drawer__quick {
  flex: 1;
  background: var(--kck-color-cream);
  border-top: 1px solid var(--kck-color-line);
  padding: 16px var(--kck-gutter-sm);
}
.kck-drawer__quick a {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-block: 10px;
}
.kck-drawer__quick b {
  display: block;
  font-family: var(--kck-font-heading);
  font-size: 14px;
  font-weight: 700;
  color: var(--kck-color-ink);
  line-height: 1.3;
}
.kck-drawer__quick em {
  display: block;
  font-style: normal;
  font-size: 13px;
  color: var(--kck-color-mid-aa);
  margin-top: 2px;
}
.kck-drawer__quick a:hover b {
  color: var(--kck-color-red-hover);
}

.kck-drawer__util a {
  align-items: center;
  min-height: 44px;
  padding-block: 0;
}
.kck-drawer__util b {
  font-size: 15px;
  font-weight: 600;
}

.kck-drawer__body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  pointer-events: none;

  background: linear-gradient(
    to top,
    rgba(56, 52, 46, 0.34) 0px,
    rgba(56, 52, 46, 0.14) 18px,
    rgba(56, 52, 46, 0) 64px
  );
}

.kck-drawer__foot {
  flex: none;
  padding: 14px var(--kck-gutter-sm);
  display: grid;
  gap: 8px;
  box-shadow: 0 -14px 24px rgba(56, 52, 46, 0.2);
}
.kck-drawer__tel {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  border: 1.5px solid var(--kck-color-line);
  border-radius: var(--kck-chrome-radius-md);
  font-family: var(--kck-font-heading);
  font-size: 15px;
  font-weight: 700;
  color: var(--kck-color-ink);
}
.kck-drawer__tel svg {
  width: 18px;
  height: 18px;

  position: relative;
  top: -0.85px;
  fill: none;
  stroke: var(--kck-color-red);
  stroke-width: 1.7;
}

body.kck-drawer-open {
  overflow: hidden;
}

.kckhf-header-container .kck-drawer .kck-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 22px;
  border: 1.5px solid transparent;
  border-radius: var(--kck-chrome-radius-md);
  font-family: var(--kck-font-heading);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  text-align: center;
  transition: background-color var(--kck-header-duration-fast) var(--kck-header-ease), border-color var(--kck-header-duration-fast) var(--kck-header-ease), color var(--kck-header-duration-fast) var(--kck-header-ease);
}
.kckhf-header-container .kck-drawer .kck-btn--block {
  width: 100%;
}
.kckhf-header-container .kck-drawer .kck-btn--primary {
  background: var(--kck-color-red);
  color: var(--kck-color-white);
  border-color: var(--kck-color-red);
}
.kckhf-header-container .kck-drawer .kck-btn--primary:hover {
  background: var(--kck-color-red-hover);
  border-color: var(--kck-color-red-hover);
  color: var(--kck-color-white);
}
.kckhf-header-container .kck-drawer .kck-btn--primary:active {
  background: var(--kck-color-red-active);
  border-color: var(--kck-color-red-active);
}

.kck-util__in {
  position: relative;
}
.kck-util__search {
  flex: 1 1 360px;
  min-width: 180px;
  max-width: 430px;
}
.kck-search-canonical,
.kck-search-canonical #search_mini_form {
  width: 100%;
}
.kck-search-canonical #search_mini_form {
  position: relative;
  margin: 0;
}
.kck-search-canonical #search_mini_form .form-search {
  display: flex;
  width: 100%;
  min-width: 0;
}

.kck-search-canonical #search_mini_form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.kck-search-canonical #search,
.kck-search-canonical input[type="search"],
.kck-search-canonical input[type="text"] {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0 12px 0 38px;
  border: 1px solid var(--kck-color-line);
  border-radius: var(--kck-chrome-radius-md);
  background: var(--kck-color-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236E675F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 13px center / 16px 16px no-repeat;
  color: var(--kck-color-ink);
  font-size: 14px;
  line-height: 32px;
  box-shadow: none;

  -webkit-appearance: none;
  appearance: none;
}
.kck-search-canonical #search::placeholder,
.kck-search-canonical input[type="search"]::placeholder,
.kck-search-canonical input[type="text"]::placeholder {
  color: var(--kck-color-mid-aa);
  opacity: 1;
}
.kck-search-canonical input[type="search"]::-webkit-search-cancel-button,
.kck-search-canonical input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.kck-search-canonical #search:focus,
.kck-search-canonical input[type="search"]:focus,
.kck-search-canonical input[type="text"]:focus {
  border-color: var(--kck-color-mid);
  outline: 2px solid rgba(56, 52, 46, 0.14);
  outline-offset: 0;
}

.kck-search-canonical #search_mini_form > button,
.kck-search-canonical #search_mini_form .button {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: -1px;
  padding: 0;
  border: 0;
  background: transparent;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  text-indent: 0;
}

.kck-search-canonical #search_mini_form > button:focus-visible,
.kck-search-canonical #search_mini_form .button:focus-visible {
  width: auto;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0 10px;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
  clip: auto;
  background: var(--kck-color-white);
  color: var(--kck-color-red);
  font-family: var(--kck-font-heading);
  font-size: 12px;
  font-weight: 700;
  border-radius: var(--kck-chrome-radius-md);
}

.kck-search-canonical .algolia-autocomplete,
.kck-search-canonical .aa-InputWrapper,
.kck-search-canonical .aa-Autocomplete {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: none;
}

.kck-search-canonical .aa-dropdown-menu,
.kck-search-canonical .aa-Panel {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  width: auto;
  min-width: 0;
  max-height: min(70vh, 520px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--kck-color-white);
  border: 1px solid var(--kck-color-line);
  border-top: 3px solid var(--kck-color-red);
  border-radius: 0 0 var(--kck-chrome-radius-md) var(--kck-chrome-radius-md);
  box-shadow: var(--kck-header-shadow-panel);
  z-index: calc(var(--kck-z-header-utility) + 10);
}
.kck-util__account,
.kck-util__cart-live {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}
.kck-util__account > .kck-util__act {
  height: 36px;
}
.kck-util__cart-live .mini-cart-heading,
.kck-util__cart-live .dropdown-heading,
.kck-util__cart-live > a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
}
.kck-util__cart-live .mini-cart-heading,
.kck-util__cart-live .dropdown-heading {
  margin: 0;
}
.kck-util__cart-live .dropdown-menu,
.kck-util__cart-live .mini-cart-content,
.kck-util__account > :not(.kck-util__act) {
  z-index: calc(var(--kck-z-header-menu) + 5);
}
.kck-drawer__search-band {
  flex: none;
  width: 100%;
  padding: 12px 16px;
  border-bottom: 1px solid var(--kck-color-line);
  background: var(--kck-color-bg-cream);
}
.kck-drawer__search-band .kck-search-canonical,
.kck-drawer__search-band .kck-search-canonical #search_mini_form,
.kck-drawer__search-band .kck-search-canonical #search_mini_form .form-search,
.kck-drawer__search-band .kck-search-canonical .algolia-autocomplete,
.kck-drawer__search-band .kck-search-canonical .aa-InputWrapper,
.kck-drawer__search-band .kck-search-canonical .aa-Autocomplete {
  width: 100%;
  min-width: 0;
  max-width: none;
}
.kck-drawer__search-band .kck-search-canonical #search,
.kck-drawer__search-band .kck-search-canonical input[type="search"],
.kck-drawer__search-band .kck-search-canonical input[type="text"] {
  height: 40px;
  min-height: 40px;
  line-height: 38px;
}

@media (max-width: 1279px) and (min-width: 1024px) {
  .kck-util__in {
    gap: 12px;
  }
  .kck-util__link {
    padding-inline: 12px;
  }
  .kck-util__tel {
    padding-right: 12px;
  }
  .kck-util__search {
    max-width: 320px;
  }
}
@media (max-width: 1023px) {
  .kck-util__search {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kckhf-header-container *,
  .kckhf-header-container *::before,
  .kckhf-header-container *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.kck-util {
  position: relative;
  z-index: var(--kck-z-header-utility);
  overflow: visible;
}
.kck-util__in,
.kck-util__right,
.kck-util__account,
.kck-util__cart-live {
  overflow: visible;
}
.kck-util__account,
.kckhf #mini-cart.kckheader-utility__dropdown {
  position: relative;
  z-index: calc(var(--kck-z-header-utility) + 2);
}
.kck-util__account .kckheader-utility__action-chev {
  width: 10px;
  height: 10px;
  margin-left: 1px;
  color: var(--kck-color-mid);
  transition: transform 180ms ease, color var(--kck-transition-fast);
}
.kck-util__account.is-open .kckheader-utility__action-chev {
  transform: rotate(180deg);
  color: var(--kck-color-red);
}
.kckhf .kckheader-utility__menu {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 240px;
  margin-top: 4px;
  padding: 8px 0;
  background: var(--kck-color-white);
  border: 1px solid var(--kck-color-line);
  border-top: 3px solid var(--kck-color-red);
  border-radius: 0 0 var(--kck-chrome-radius-md) var(--kck-chrome-radius-md);
  box-shadow: var(--kck-header-shadow-panel);

  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  pointer-events: none;
  z-index: calc(var(--kck-z-header-utility) + 3);
}
.kckhf .kckheader-utility__dropdown.is-open > .kckheader-utility__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.kckhf .kckheader-utility__menu-item {
  display: block;
  padding: 10px 16px;
  color: var(--kck-color-charcoal);
  font-family: var(--kck-font-body);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
  transition: color 120ms ease, background 120ms ease;
}
.kckhf .kckheader-utility__menu-item:hover,
.kckhf .kckheader-utility__menu-item:focus-visible {
  color: var(--kck-color-red);
  background: rgba(217, 32, 30, 0.04);
}

.kckhf .kckheader-utility__menu-rule {
  height: 1px;
  margin: 8px 16px;
  border: 0;
  background: rgba(56, 52, 46, 0.08);
}



/* WordPress integration: the cart is an ordinary, icon-only store link. */
.kck-util__cart-link { display: flex; align-items: center; }
.kckhf-header-container .kck-util__cart-link > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 44px;
  height: 36px;
  margin: 0;
  padding: 0;
  color: var(--kck-color-red);
  line-height: normal;
  background: transparent;
  border: 0;
  border-radius: var(--kck-chrome-radius-md);
  box-shadow: none;
  text-indent: 0;
}
.kckhf-header-container .kck-util__cart-link > a:hover {
  color: var(--kck-color-red-hover);
  background: rgba(217, 32, 30, 0.06);
}
.kckhf-header-container .kck-util__cart-link svg {
  width: 24px;
  height: 24px;
  max-width: none;
  color: currentColor;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Outrank the legacy a[href^="tel"] color: inherit without changing it. */
.kckhf-header-container .kck-util__tel {
  color: var(--kck-color-red);
}
.kckhf-header-container .kck-util__tel:hover {
  color: var(--kck-color-red-hover);
}

/* Keep the legacy header/footer icon rule from overriding the Magento icon. */
.kckhf-header-container .kck-util__account > .kck-util__act > svg:not(.kckheader-utility__action-chev) {
  width: 17px;
  height: 17px;
  color: inherit;
}

/* WordPress keeps its admin toolbar above fixed site navigation. */
body.admin-bar .kck-bar.is-pinned { top: 32px; }
body.admin-bar .kck-drawer { top: 32px; height: calc(100% - 32px); }
@media (max-width: 782px) {
  body.admin-bar .kck-bar.is-pinned { top: 46px; }
  body.admin-bar .kck-drawer { top: 46px; height: calc(100% - 46px); }
}
@media (max-width: 600px) {
  body.admin-bar .kck-bar.is-pinned { top: 0; }
  body.admin-bar .kck-drawer { top: 0; height: 100%; }
}

/* Match the live Magento promo text computed styles supplied by the site owner. */
.kckhf-header-container .kck-header-promo__text {
  font-family: Montserrat, "Montserrat Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1.375;
  letter-spacing: 0.3px;
}