#header-group {
  --ru-shell-cream: #fff7e8;
  --ru-shell-brown: #2f1a14;
  --ru-shell-berry: #c8325b;
  --ru-shell-rose: #f6ced9;
  --ru-shell-aqua: #bfe8eb;
}

#header-group .shopify-section:has(.announcement-bar) > .section-background,
#header-group .announcement-bar {
  --color-background: var(--ru-shell-berry);
  --color-background-rgb: 200 50 91;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255 255 255;
  --color-foreground-heading: #ffffff;
  --color-primary: #ffffff;
  --color-primary-hover: var(--ru-shell-aqua);
  --color-border: rgb(255 255 255 / 24%);
  color: #ffffff;
  background: var(--ru-shell-berry);
}

#header-group .announcement-bar__text {
  line-height: 1.2;
  text-align: center;
  text-wrap: balance;
}

#header-component {
  --color-scheme-top-row: var(--ru-shell-cream) !important;
  --color-background: var(--ru-shell-cream);
  --color-background-rgb: 255 247 232;
  --color-foreground: var(--ru-shell-brown);
  --color-foreground-rgb: 47 26 20;
  --color-foreground-heading: var(--ru-shell-brown);
  --color-primary: var(--ru-shell-brown);
  --color-primary-hover: var(--ru-shell-berry);
  --color-border: rgb(47 26 20 / 16%);
  color: var(--ru-shell-brown);
}

#header-component .header__row,
#header-component .header__underlay {
  background: var(--ru-shell-cream);
}

#header-component .header__row--top {
  border-color: rgb(47 26 20 / 16%);
  box-shadow: 0 8px 24px rgb(47 26 20 / 5%);
}

#header-component .menu-list__link,
#header-component .header-actions__action,
#header-component .header__icon {
  color: var(--ru-shell-brown);
}

#header-component .menu-list__link {
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 750;
  letter-spacing: 0.055em;
  text-underline-offset: 5px;
  transition: color 160ms ease, background 160ms ease;
}

#header-component .menu-list__link:hover,
#header-component .menu-list__link--active {
  color: var(--ru-shell-brown);
  background: var(--ru-shell-rose);
}

#header-component .menu-list__submenu,
#header-component .menu-list__submenu-inner,
#header-component .mega-menu,
#header-component .menu-drawer,
#header-component .menu-drawer__submenu,
#header-component .menu-drawer__inner-submenu {
  --color-background: var(--ru-shell-cream);
  --color-background-rgb: 255 247 232;
  --color-foreground: var(--ru-shell-brown);
  --color-foreground-rgb: 47 26 20;
  --color-foreground-heading: var(--ru-shell-brown);
  --color-primary: var(--ru-shell-brown);
  --color-primary-hover: var(--ru-shell-berry);
  --color-border: rgb(47 26 20 / 16%);
  color: var(--ru-shell-brown);
  background: var(--ru-shell-cream);
}

#header-component .menu-list__submenu,
#header-component .mega-menu {
  border-top: 1px solid rgb(47 26 20 / 12%);
  box-shadow: 0 22px 42px rgb(47 26 20 / 10%);
}

#header-component .menu-drawer__menu-item {
  color: var(--ru-shell-brown);
  font-weight: 750;
}

#header-component .menu-drawer__menu-item:hover,
#header-component .menu-drawer__menu-item--active {
  color: var(--ru-shell-berry);
}

footer {
  --color-background: #2f1a14;
  --color-background-rgb: 47 26 20;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255 255 255;
  --color-foreground-heading: #ffffff;
  --color-foreground-heading-rgb: 255 255 255;
  --color-primary: #ffffff;
  --color-primary-rgb: 255 255 255;
  --color-primary-hover: #bfe8eb;
  --color-border: rgb(255 255 255 / 34%);
  --color-input-background: #fff7e8;
  --color-input-text: #2f1a14;
  --color-input-text-rgb: 47 26 20;
  --color-input-border: #ffffff;
  --color-input-hover-background: #ffffff;
  --color-foreground-muted: #ffffff;
  color: #ffffff;
  background: #2f1a14;
}

footer .section-background,
footer .section {
  --color-background: #2f1a14;
  --color-background-rgb: 47 26 20;
  --color-foreground: #ffffff;
  --color-foreground-rgb: 255 255 255;
  --color-foreground-heading: #ffffff;
  --color-foreground-heading-rgb: 255 255 255;
  --color-primary: #ffffff;
  --color-primary-rgb: 255 255 255;
  --color-primary-hover: #bfe8eb;
  --color-border: rgb(255 255 255 / 34%);
  --color-foreground-muted: #ffffff;
  color: #ffffff !important;
  background: #2f1a14 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer .menu__heading,
footer .menu__item,
footer .footer-utilities__text,
footer .footer-utilities__text a,
footer .footer-policy-list a,
footer .policy-list-trigger {
  color: #ffffff !important;
}

footer h2,
footer .menu__heading {
  font-family: "Cooper Black", "Bookman Old Style", Georgia, serif;
  letter-spacing: -0.025em;
}

footer a:hover {
  color: #bfe8eb;
}

footer .email-signup__input-group--integrated {
  border-color: #ffffff;
  border-radius: 999px;
  background: #fff7e8;
}

footer .email-signup__button {
  color: #2f1a14;
}

footer .payment-icons__list {
  justify-content: center;
  flex-wrap: wrap;
}

footer .payment-icons {
  display: flex;
  justify-content: center;
  width: 100%;
}

footer .payment-icons__item {
  padding: 4px;
  border-radius: 6px;
  background: #fff7e8;
}

footer .payment-icons__item svg {
  display: block;
  width: 40px;
  height: 26px;
}

footer .utilities {
  border-top: 1px solid rgb(255 255 255 / 24%);
  border-color: rgb(255 255 255 / 24%);
}

footer .footer-utilities__group-copyright {
  display: block;
  color: #ffffff !important;
}

@media screen and (min-width: 990px) {
  footer .footer-content {
    grid-template-columns: 1.35fr 1.15fr 0.8fr 1fr;
    column-gap: clamp(28px, 4vw, 72px);
  }
}

@media screen and (max-width: 749px) {
  #header-component .header__columns {
    min-width: 0;
  }

  #header-component .menu-drawer {
    max-width: 100vw;
  }

  #header-component .menu-drawer__menu-item {
    padding-block: 14px;
  }

  footer .footer-content {
    gap: 24px;
  }

  footer .menu--dividers .menu__details {
    border-color: rgb(255 255 255 / 30%);
  }

  footer .payment-icons__list {
    justify-content: center;
  }
}

/* kyr9er-barebells-header-alignment-v1 */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

#header-group,
#header-component,
#header-component .header__row,
#header-component .header__columns {
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
}

#header-component .header__row--top .header__columns {
  min-height: 48px;
  padding-block: 0;
  align-items: center;
}

#header-component .header__column {
  min-width: 0;
}

#header-component .header__column--right {
  gap: 0;
}

#header-component .header__column--right .search-action {
  margin-inline: 0;
}

#header-component .header-logo {
  box-sizing: border-box;
  inline-size: 136px;
  max-inline-size: 100%;
  block-size: 48px;
  min-block-size: 48px;
  padding-inline: 8px;
  justify-self: center;
  align-self: center;
}

#header-component .header-logo__image-container {
  display: grid;
  inline-size: 120px;
  max-inline-size: 100%;
  block-size: 100%;
  place-items: center;
}

#header-component .header-logo__image {
  display: block;
  inline-size: auto;
  max-inline-size: 120px;
  block-size: 23px;
  max-block-size: 23px;
  object-fit: contain;
}

#header-component :is(.header-actions__action, .menu-drawer-container .header__icon--summary) {
  box-sizing: border-box;
  inline-size: 48px;
  min-inline-size: 48px;
  block-size: 48px;
  min-block-size: 48px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  display: grid;
  place-items: center;
}

#header-component
  :is(.header-actions__action, .menu-drawer-container .header__icon--summary)
  .svg-wrapper {
  display: grid;
  inline-size: 20px;
  block-size: 20px;
  place-items: center;
}

#header-component
  .menu-drawer-container
  .header__icon--summary
  .header-drawer-icon--close {
  display: none;
}

#header-component
  .menu-drawer-container
  .header__icon--summary
  .header-drawer-icon--open {
  display: grid;
}

#header-component
  :is(.header-actions__action, .menu-drawer-container .header__icon--summary)
  svg {
  display: block;
  inline-size: 20px;
  block-size: 20px;
}

#header-component
  :is(.header-actions__action, .menu-drawer-container .header__icon--summary):is(:hover, :focus-visible) {
  color: var(--ru-shell-brown);
  background: rgb(47 26 20 / 7%);
}

#header-component .search-action,
#header-component header-actions,
#header-component cart-drawer-component,
#header-component .header-actions__cart-icon {
  min-width: 0;
}

#header-component .header-actions__cart-icon {
  display: grid;
  position: relative;
  inline-size: 30px;
  block-size: 30px;
  place-items: center;
  --cart-bubble-size: 15px;
  --cart-bubble-top: -1px;
  --cart-bubble-right: -2px;
}

#header-component .header-actions__cart-icon .cart-bubble {
  width: var(--cart-bubble-size);
  height: var(--cart-bubble-size);
  top: var(--cart-bubble-top);
  right: var(--cart-bubble-right);
  padding-inline: 0;
}

#header-component .header-actions__cart-icon .cart-bubble__text {
  font-size: 9px;
  line-height: 1;
}

#header-component .header-actions__cart-icon.header-actions__cart-icon--has-cart svg {
  mask: none;
}

#header-component .search-action--hidden-on-menu {
  display: none !important;
}

@media screen and (max-width: 749px) {
  #header-component .header__columns,
  #header-component[data-menu-style='drawer'] .header__columns {
    --header-mobile-bookend: 48px;
    grid-template-areas: 'leftA leftB center rightA rightB';
    grid-template-columns: 48px 48px minmax(0, 1fr) 48px 48px;
    grid-column: 1 / -1;
    column-gap: 0;
    inline-size: 100%;
    padding-inline: 0;
  }

  #header-component header-drawer.header-drawer--mobile {
    grid-area: leftA;
    inline-size: 48px;
    min-inline-size: 48px;
  }

  #header-component .search-action:not(.search-action--hidden-on-menu) {
    grid-area: rightA;
    inline-size: 48px;
  }

  #header-component header-actions {
    grid-area: rightB;
    inline-size: 48px;
  }

  #header-component .header-logo {
    grid-area: center;
    inline-size: 136px;
  }

  #header-component .header-logo__image {
    block-size: 23px;
    max-block-size: 23px;
  }

  #header-group .announcement-bar,
  #header-group .announcement-bar__text {
    max-inline-size: 100%;
    overflow-wrap: anywhere;
  }
}
/* end kyr9er-barebells-header-alignment-v1 */