/** Shopify CDN: Minification failed

Line 255:0 Unexpected "}"

**/


/* Menu Animation Customization */
.sf-header {
    --sf-slide-trans-dur: var(--menu-animation-duration, 0.3s);
}

/* Fade animation */
.sf-header.menu-animation-fade .sf-menu-item--active .sf-menu__inner {
    animation: menu_fade_in var(--menu-animation-duration, 0.3s) ease-in-out both !important;
    animation-name: menu_fade_in !important;
}

.sf-header.menu-animation-fade .sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-header.menu-animation-fade .sf-menu__desktop-sub-menu {
    transition: opacity var(--menu-animation-duration, 0.3s) ease-in-out, visibility var(--menu-animation-duration, 0.3s) ease-in-out, transform var(--menu-animation-duration, 0.3s) ease-in-out !important;
}

/* Scale (Zoom) animation */
.sf-header.menu-animation-scale .sf-menu-item--active .sf-menu__inner {
    animation: menu_scale_in var(--menu-animation-duration, 0.3s) ease-out both !important;
    animation-name: menu_scale_in !important;
}

.sf-header.menu-animation-scale .sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-header.menu-animation-scale .sf-menu__desktop-sub-menu {
    transition: opacity var(--menu-animation-duration, 0.3s) ease-out, visibility var(--menu-animation-duration, 0.3s) ease-out, transform var(--menu-animation-duration, 0.3s) ease-out !important;
}

/* Slide from Top animation */
.sf-header.menu-animation-slide-top .sf-menu-item--active .sf-menu__inner {
    animation: menu_slide_top var(--menu-animation-duration, 0.3s) ease-out both !important;
    animation-name: menu_slide_top !important;
}

.sf-header.menu-animation-slide-top .sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-header.menu-animation-slide-top .sf-menu__desktop-sub-menu {
    transition: opacity var(--menu-animation-duration, 0.3s) ease-out, visibility var(--menu-animation-duration, 0.3s) ease-out, transform var(--menu-animation-duration, 0.3s) ease-out !important;
}

/* Slide from Bottom animation */
.sf-header.menu-animation-slide-bottom .sf-menu-item--active .sf-menu__inner {
    animation: menu_slide_bottom var(--menu-animation-duration, 0.3s) ease-out both !important;
    animation-name: menu_slide_bottom !important;
}

.sf-header.menu-animation-slide-bottom .sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-header.menu-animation-slide-bottom .sf-menu__desktop-sub-menu {
    transition: opacity var(--menu-animation-duration, 0.3s) ease-out, visibility var(--menu-animation-duration, 0.3s) ease-out, transform var(--menu-animation-duration, 0.3s) ease-out !important;
}

/* Bounce animation */
.sf-header.menu-animation-bounce .sf-menu-item--active .sf-menu__inner {
    animation: menu_bounce_in var(--menu-animation-duration, 0.3s) cubic-bezier(0.68, -0.55, 0.265, 1.55) both !important;
    animation-name: menu_bounce_in !important;
}

.sf-header.menu-animation-bounce .sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-header.menu-animation-bounce .sf-menu__desktop-sub-menu {
    transition: opacity var(--menu-animation-duration, 0.3s) cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility var(--menu-animation-duration, 0.3s) cubic-bezier(0.68, -0.55, 0.265, 1.55), transform var(--menu-animation-duration, 0.3s) cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
}

/* Animation Keyframes */
@keyframes menu_fade_in {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes menu_scale_in {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes menu_slide_top {
    0% {
        opacity: 0;
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes menu_slide_bottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes menu_bounce_in {
    0% {
        opacity: 0;
        transform: translateY(-20px) scale(0.9);
    }
    60% {
        opacity: 1;
        transform: translateY(5px) scale(1.02);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Prevent header background from flashing grey when mega menu opens/closes */
.sf-header.sf-mega-active header,
.sf-header.sf-mega-active .sf-header__desktop,
.sf-header.sf-mega-active .sf-header__mobile {
    background-color: #ffffff !important;
    transition: background-color 0s !important;
}
/* Override default slide animation duration for all types */
.sf-header .sf-menu-item--active .sf-menu__inner {
    animation-duration: var(--menu-animation-duration, 0.3s) !important;
}

.sf-header .sf-menu__desktop-sub-menu {
    transition-duration: var(--menu-animation-duration, 0.3s) !important;
}

/* Add green separation line at top of mega menu dropdown */
.sf-menu-item:hover .sf-menu__desktop-sub-menu,
.sf-menu-item--active .sf-menu__desktop-sub-menu {
    border-top: 3px solid #728c5d !important;
}

/* Search Bar Background and Border Color Customization - Override Tailwind classes */
.sf-search-form,
.sf-search-form.border,
.sf-search-form.border-gray-200,
.sf-search-form.border-color-border,
form[action="/search"][novalidate],
form[action="/search"][novalidate].border,
form[action="/search"][novalidate].border-gray-200,
form[action="/search"][novalidate].bg-gray-100 {
    background-color: var(--search-background-color, #f3f4f6) !important;
    border-color: var(--search-border-color, #e5e7eb) !important;
}

.sf-search-form:hover,
.sf-search-form.border:hover,
.sf-search-form.border-gray-200:hover,
.sf-search-form.border-color-border:hover,
.sf-search-form.hover\:border-gray-300:hover,
.sf-search-form.hover\:border-gray-400:hover,
form[action="/search"][novalidate]:hover,
form[action="/search"][novalidate].border:hover,
form[action="/search"][novalidate].border-gray-200:hover,
form[action="/search"][novalidate].hover\:border-gray-300:hover {
    border-color: var(--search-border-hover-color, #d1d5db) !important;
}

/* Search popup border */
.search-container form[action="/search"],
.search-container form[action="/search"].border,
.search-container form[action="/search"].border-black {
    border-color: var(--search-border-color, #e5e7eb) !important;
}

.search-container form[action="/search"]:hover,
.search-container form[action="/search"]:focus-within,
.search-container form[action="/search"].border:hover,
.search-container form[action="/search"].border-black:hover {
    border-color: var(--search-border-hover-color, #d1d5db) !important;
}

.sf__pcard-content .old-price {
    font-size: 80%;
    text-decoration: line-through;
    color: red;
}

.cart-quota-notification {
    padding: 1rem;
    text-align: center;
    background-color: #C64C4C;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 14px;
}


.cart-quota-notification.hidden {
   display: none;
}

.bcLBTV {
    margin: 0px 0px 0px !important;
    margin-bottom: 0px !important;
}

.lemon-yellow {
    font-family: LemonYellowSunRegular !important;
    font-weight: 400 !important;
}

.better-as {
    font-family: var(--font-stack-header) !important;
    font-weight: 800 !important;
}

.kennenlern-bundle {
    background: #e1d4da;
    padding: 6px;
}

.deine-bestellung {
    font-weight: bold;
    color: #506046;
    padding-top: 16px;
    padding-bottom: 6px !important;
    font-size: 125%;
}

.deine-bestellung-cart {
    font-weight: bold;
    color: #506046;
    padding-top: 36px;
    padding-bottom: 12px;
    font-size: 133%;
}

.sf-cart__table {
    padding-bottom: 48px !important;
}

#shopify-section-template--19785711419656__main .page-header {
        padding-bottom: 0.5rem;
    }
}

.iVGvWD {
    margin-bottom: 12px !important;
}

.scd__items {
    padding-bottom: 28px;
}

.sf-cart__table-body .scd__items  {
    border-bottom: none !important;
}


#mr-div-embedded-cp-any-drawer {
    margin-top: 32px !important;
}

.table_component {
    overflow: auto;
    width: 100%;
    background:  #f8f8f8;
    padding-top:  2px;
    padding-bottom:  12px;
}

.table_component table {
    border: none;
    height: 100%;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 1px;
    text-align: center;
}

.table_component caption {
    caption-side: top;
    text-align: center;
}

.table_component th {
    border: 1px solid #dededf;
    background-color: #eceff1;
    color: #000000;
}

.table_component td {
    border: none;
    color: #000000;
    width: 24.99%;
    font-size: 90%;
    line-height: 117%;
}

.glaeser-highlights  {
  padding-top: 16px;
  background: #d7dbd2;
    color: #36432f;
    text-align: center;
    font-weight: bold;
}

.sf-sub-menu__link {
    color: #111 !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding-bottom: 16px;
}

.sf-sub-menu__link {
    color: #111!important;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 140%;
}


.n8k95w3 {
   font-weight: normal !important;
}

._1fragema3 {
    font-weight: 400 !important;
}

#conversation-group {
    padding: 0px 8px !important;
}


.appstle_manageSubBtn .btn {
    font-weight: bold;
    border: 2px solid #779667;
    margin-top: 12px;
}

.ajaxcart_note {
    font-size: 70%;
    color: #444;
}

#shopify-block-judgeme_review_widget_f41701e5 {
    margin-top: -54px;
}

.section-my {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.sf__newsletter-content {
 margin-top: 48px;
  margin-bottom: 48px;
}

.sf__newsletter-content h3 {
 font-family: LemonYellowSunRegular;
    font-weight: 400!important;
    font-size: 48px;
}

.agree-terms p {
    margin: 0;
    padding-top: 12px;
}

.scroll-down.stuck .header__wrapper {
transform: none !important;
}

.responsive-video {
    overflow: hidden;
    position: relative;
    width:100%;
    display: block;
}

.responsive-video::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ytp-impression-link-content {
    display: none !important;
}

body .sf-menu-links .list-none:nth-child(9){
  margin-top: unset;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile:not(.hidden){
  display: flex;
  align-items: center;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu__content{
  height: 95vh;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;

}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu__content .sf-menu__wrapper{
  padding: 20px 0;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-content{
  justify-content: flex-start;
  gap: 12px;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu__content li{
  border-bottom: 1px solid #E3E3E3;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu__content li a{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}
body .sf-menu__header-row{
  justify-content: space-between;
  margin-bottom: 30px;
  padding: 0 35px;
}
body .sf-menu__header-row a{
  margin-left: -20px;
}
.sf-menu__content-inner{
  margin: 0 35px;
}
body .sf-menu-close{
  width: 45px;
  height: 45px;
  border: 1px solid #6E9760;
  border-radius: 50%;
  margin-right: -20px;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 500;
  transform: rotate(45deg);
}
body .sf-menu-search{
  position: relative;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search form{
  display: flex;
  align-items: center;
  min-height: 44px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search button{
  position: static;
  flex-shrink: 0;
  padding: 0 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search button:hover{
  opacity: 0.7;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search input[type="text"]{
  width: 100%;
  border: none;
  padding: 10px 12px;
  height: 44px;
  background: transparent;
  font-size: 14px;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search input[type="text"]:focus{
  outline: none;
}
/* Mobile header search bar styling */
body .sf-header__mobile-search{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
  box-sizing: border-box;
}
body .sf-header__mobile-search form{
  display: flex;
  align-items: center;
  min-height: 44px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  margin: 0;
  background-color: var(--mobile-search-background-color, #f3f4f6) !important;
  border-color: var(--mobile-search-border-color, #e5e7eb) !important;
}
body .sf-header__mobile-search form:hover,
body .sf-header__mobile-search form:focus-within{
  border-color: var(--mobile-search-border-hover-color, #d1d5db) !important;
}
body .sf-header__mobile-search button{
  flex-shrink: 0;
  padding: 0 12px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
body .sf-header__mobile-search button:hover{
  opacity: 0.7;
}
body .sf-header__mobile-search input[type="text"]{
  width: 100%;
  border: none;
  padding: 10px 12px;
  height: 44px;
  background: transparent;
  font-size: 14px;
}
body .sf-header__mobile-search input[type="text"]:focus{
  outline: none;
}
/* Reduce padding below search bar */
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-search {
  margin-bottom: 10px;
}
body .sf-menu-wrapper.sf-menu-wrapper-mobile .sf-menu-links {
  margin-top: 0;
}
/* Reduce padding below menu items (above My Account) */
body .sf-menu-wrapper.sf-menu-wrapper-mobile .mega-menu-customer {
  margin-top: 10px !important;
}
.sf-menu-level-2{
  position: relative;
}
.sf-menu-level-2::before{
  content: "";
  position: absolute;
  top: 0;
  left: -40px;
  height: 100%;
  width: 40px;
  background-color: #fff;
}
@media (max-width: 1024px){

  .sf__newsletter-content h3 {
 font-family: LemonYellowSunRegular;
    font-weight: 400!important;
    font-size: 38px;
}

.table_component {
    overflow: auto;
    width: 100%;
    background:  #f8f8f8;
    padding-top:  12px;
    padding-bottom:  12px;
    line-height: 130%;
}

.umbruch::before {
        content: "\A";
        white-space: pre;
    }

}

.small-price-per-kg {
  font-size: 12px;
}

.mega-menu-item{
  background: rgb(252,254,252);
  padding: 16px 0;
  background: linear-gradient(180deg, rgba(252,254,252,1) 20%, rgba(235,248,231,1) 91%);
  border-radius: 20px;
  text-align: center;
  margin: 7px;
  position: relative;
  transition: all .4s ease;
}

/* Desktop: widen lg:w-1/5 columns slightly (from 20% to 24%) */
@media (min-width: 1024px) {
  .lg\:w-1\/5 {
    width: 24% !important;
  }
}
.mega-menu-item::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: 20px;
  width: 100%;
  height: 0;
  transition: all .4s ease;
  z-index: 1;
  opacity: 0;
}
.mega-menu-item:hover::before{
  height: 100%;
  opacity: 1;
  background: var(--menu-hover-bg, #9ebf93) !important;
}

/* Override sub-menu link hover background color */
.sf-sub-menu__link:hover,
a.sf-sub-menu__link:hover {
    background: #728c5d !important;
    color: #ffffff !important;
}

/* Change vertical padding for sub-menu links from .25rem to 1.0rem */
.sf-sub-menu__link {
    padding: 1.0rem .75rem !important;
}
.mega-menu-item:hover .mega-menu-item__title{
  color: #fff;
}
.mega-menu-item a{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.mega-menu-item img{
  margin-bottom: 10px;
  height: 100%;
  object-fit: contain;
}
.mega-menu-item__image{
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-menu-item__image,
.mega-menu-item__title{
  position: relative;
  z-index: 2;
}
.sf-sub-links--level-2 .sf-link span{
  max-width: 250px;
}
.product-price-custom {
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
.product-weight {
font-size:13px;
}
.product-title-custom {
  margin-top: 10px;
  font-size: 22px;
}


@media screen and (max-width: 767px) {
    .scd__wrapper:not(.sf-cart) .scd__content {
        width: calc(100% - 20px) !important;
    }
}

/* Make parent menu items bold - high specificity to override other styles including inline styles and Tailwind */
.sf-nav .sf-menu-item > a.sf__parent-item,
.sf-nav .sf-menu-item-parent > a.sf__parent-item,
.sf-nav .sf__menu-item-level1 > a.sf__parent-item,
.sf-header .sf-menu-item > a.sf__parent-item,
.sf-header .sf-menu-item-parent > a.sf__parent-item,
.sf-header .sf__menu-item-level1 > a.sf__parent-item,
a.sf__parent-item,
a.sf__parent-item.font-bold,
.sf-menu-item > a.sf__parent-item,
.sf-menu-item-parent > a.sf__parent-item,
.sf-header .sf-nav a.sf__parent-item,
.sf-header__desktop a.sf__parent-item {
    font-weight: 900 !important; /* maximum weight */
    font-size: 19px !important; /* font size as requested */
    text-shadow: 0.2px 0.2px 0.2px rgba(0, 0, 0, 0.15); /* subtle shadow for extra boldness */
    letter-spacing: 0.02em; /* slightly tighter for bolder appearance */
}

/* Green background on hover for parent menu items */
.sf-nav .sf-menu-item:hover > a.sf__parent-item,
.sf-nav .sf-menu-item-parent:hover > a.sf__parent-item,
.sf-nav .sf__menu-item-level1:hover > a.sf__parent-item,
.sf-menu-item:hover > a.sf__parent-item,
.sf-menu-item-parent:hover > a.sf__parent-item {
    background-color: #728c5d !important;
    color: #ffffff !important;
}

/* Make parent headings in mega menu dropdown match parent menu items */
.mega-menu-item__title {
    font-size: 20px !important;
    font-weight: 600 !important;
    text-underline-offset: 8px !important;
    margin-bottom: 4px !important; /* tighter gap between parent and first sub-item */
}

/* Remove underline from parent items in all mega menus (NATURAL CHEWS, etc.) */
.sf-menu-submenu__title .mega-menu-item__title,
.sf-menu-submenu__title .mega-menu-item__title.underline {
    text-decoration: none !important; /* remove underline from parent items */
}

/* Make Flavour menu parent items smaller to match other menus */
.flavour-menu .mega-menu-item__title,
.flavour-menu .sf-menu-submenu__title {
    font-size: 16px !important;
}

/* Make sub-items in mega menu dropdown smaller */
.sf__sub-menu-column .sf-sub-menu__link,
.sf-menu-submenu__items .sf__sub-menu-column .sf-sub-menu__link {
    font-size: 13px !important;
    font-weight: 550 !important;
    color: #666666 !important; /* light grey for all sub-collections */
}

/* Ensure sub-items text turns white on hover */
.sf__sub-menu-column .sf-sub-menu__link:hover,
.sf-menu-submenu__items .sf__sub-menu-column .sf-sub-menu__link:hover,
.sf__sub-menu-column a.sf-sub-menu__link:hover,
.sf-menu-submenu__items .sf__sub-menu-column a.sf-sub-menu__link:hover {
    color: #ffffff !important;
}

/* Style for mega menu section images */
.mega-menu-section__image {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.mega-menu-section__image:hover {
    transform: scale(1.05);
}

.mega-menu-section__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Style for mega menu sidebar images */
.mega-menu-sidebar {
    min-width: 200px;
    max-width: 100%;
    flex-shrink: 0;
}

/* Menu container width limits */
.sf-menu__inner {
    max-width: 100% !important;
}

.sf-menu-submenu__content {
    max-width: 100% !important;
    overflow-x: visible !important;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

/* Keep menu columns from shrinking when sidebar images are larger (applies to side-by-side and stacked) */
.sf-menu-submenu__content .sf-menu-submenu__items {
    flex: 1 1 0;
    min-width: 560px;
}
.sf-menu-submenu__addon {
    flex: 0 0 360px;
    max-width: 360px;
    width: 360px;
}
.sf-menu-submenu__addon .mega-menu-sidebar {
    width: 100%;
    max-width: 360px;
}
@media (max-width: 1400px) {
    .sf-menu-submenu__addon {
        flex-basis: 320px;
        max-width: 320px;
        width: 320px;
    }
    .sf-menu-submenu__addon .mega-menu-sidebar {
        max-width: 320px;
    }
}
@media (max-width: 1200px) {
    .sf-menu-submenu__content {
        flex-wrap: wrap;
    }
    .sf-menu-submenu__items {
        min-width: 100%;
    }
    .sf-menu-submenu__addon {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .sf-menu-submenu__addon .mega-menu-sidebar {
        max-width: 100%;
    }
}

/* Add horizontal padding for desktop mega menu dropdown */
@media (min-width: 1024px) {
  .sf-menu__desktop-sub-menu {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Reduce width/padding for Flavour mega menu to remove excess whitespace */
.flavour-menu .sf-menu__submenu,
.flavour-menu .sf-menu__desktop-sub-menu {
    width: 350px !important;
    left: auto !important;
    right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}
.flavour-menu .sf-menu__inner {
    max-width: 350px !important;
    margin-left: 0 !important;
}
.flavour-menu .sf-menu-submenu__items {
    min-width: 0 !important;
    width: auto !important;
    max-width: 350px !important;
}
.flavour-menu .sf-menu-submenu__items .sf__menu-item-level2 {
    width: 100% !important;
}

/* Simple flavour icons in Range by Flavour (no extra card chrome) */
li[class*="flavour-icon--"] > a.sf-sub-menu__link {
  display: inline-flex !important; /* shrink hover background to content width */
  align-items: center;
  gap: 8px;
  padding: 4px 32px 4px 0; /* equal top/bottom padding for vertical centering */
  line-height: 1.1;        /* tighter line height so text centers with icon */
  margin-left: -8px;
  font-size: 16px;
  width: auto !important;
  box-sizing: border-box;
}

li[class*="flavour-icon--"] > a.sf-sub-menu__link::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-top: 0;
}

.flavour-icon--beef > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-beef.svg?v=1765875776");
}

.flavour-icon--chicken > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-chicken.svg?v=1765875775");
}

.flavour-icon--duck > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-duck.svg?v=1765876477");
}

.flavour-icon--goat > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-goat.svg?v=1765876477");
}

.flavour-icon--horse > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-horse.svg?v=1765876477");
}

.flavour-icon--lamb > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-lamb.svg?v=1765876478");
}

.flavour-icon--pork > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-pork.svg?v=1765876477");
}

.flavour-icon--salmon > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-slamon.svg?v=1765876478");
}

.flavour-icon--turkey > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-turkey.svg?v=1765876478");
}

.flavour-icon--rabbit > a.sf-sub-menu__link::before {
  background-image: url("/cdn/shop/files/icon-rabbit.svg?v=1765876477");
}

/* "Popular" pill for whichever flavour is marked popular */
.flavour-popular > a.sf-sub-menu__link::after {
  content: "Popular";
  margin-left: 18px; /* gap between label and badge */
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 999px;
  background-color: #5b8b41;
  color: #fff;
}

/* ============================
   Fresh Menu Range mega menu
   ============================ */
/* Ensure Fresh Menu Range columns display properly with consistent spacing */
.fresh-range-menu .sf-menu-submenu__items {
  display: flex;
  gap: 100px !important; /* 100px gap between columns */
  align-items: flex-start;
}

/* Constrain INGREDIENTS column width to reduce gap before FLAVOUR */
.fresh-range-menu .fresh-range-ingredients {
  flex: 0 1 auto !important; /* Don't expand, only shrink */
  max-width: fit-content !important; /* Only take space needed */
  min-width: 0;
  padding-right: 0 !important; /* Remove right padding to reduce gap */
}

.fresh-range-menu .sf__menu-item-level2 {
  flex: 0 0 calc(100% / 6) !important; /* Make 3 columns behave as if 6 columns for sizing */
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  margin: 0;
  padding-left: 4px !important; /* Minimal left padding */
  padding-right: 4px !important; /* Minimal right padding */
  max-width: calc(100% / 6) !important; /* Prevent columns from expanding beyond 1/6 width */
}

/* Main column headings (INGREDIENTS, FLAVOUR, ALLERGIES) - styled like image: black, bold, no underline */
.fresh-range-menu .sf-menu-submenu__title,
.fresh-range-menu .sf-menu-submenu__title .mega-menu-item__title,
.fresh-range-menu .mega-menu-item__title,
.fresh-range-ingredients .sf-menu-submenu__title .mega-menu-item__title,
.fresh-range-menu a.sf-menu-submenu__title .mega-menu-item__title {
  font-size: 26px !important;
  font-weight: 700 !important; /* bold but not maximum */
  color: #000000 !important; /* black instead of green */
  letter-spacing: 0.06em;
  text-transform: none !important; /* case sensitive */
  text-decoration: none !important; /* remove underline */
  margin-bottom: 8px !important;
  padding: 0 !important;
}

/* Air Dried Range - match Fresh Menu Range styling: black, bold, no underline */
.air-dried-range-menu .sf-menu-submenu__title,
.air-dried-range-menu .sf-menu-submenu__title .mega-menu-item__title,
.air-dried-range-menu .mega-menu-item__title,
.air-dried-range-menu a.sf-menu-submenu__title .mega-menu-item__title {
  font-size: 20px !important;
  font-weight: 700 !important; /* bold but not maximum */
  color: #000000 !important; /* black instead of green */
  letter-spacing: 0.06em;
  text-transform: none !important; /* case sensitive */
  text-decoration: none !important; /* remove underline */
  margin-bottom: 12px !important;
  padding: 0 !important;
}

/* Align Air Dried Range sub-collections with parent headings */
.air-dried-range-menu .sf__sub-menu-column {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-top: 0;
  padding-top: 0;
}

.air-dried-range-menu .sf__sub-menu-column .sf-sub-menu__link {
  padding-left: 0 !important;
  margin-left: 0 !important;
  font-size: 14px !important;
  color: #333333 !important; /* dark grey like in image */
  line-height: 1.7;
  text-transform: none !important; /* case sensitive */
  font-weight: 400 !important; /* regular weight like in image */
  padding: 2px 12px 2px 0 !important; /* add right padding to extend hover background slightly */
  margin: 0;
  display: inline-block !important; /* make hover background only as wide as text */
  width: auto !important; /* prevent full-width background */
}

/* Add spacing between Air Dried Range list items (matching Fresh Menu Range) */
.air-dried-range-menu .sf__sub-menu-column li {
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 6px;
}

/* Air Dried Range - apply same VEGETABLES and FRUITS layout as Fresh Menu Range */
.air-dried-range-menu .fresh-range-subgrid {
  display: flex;
  gap: 50px !important; /* Increased gap between VEGETABLES and FRUITS for better spacing */
  margin-top: 16px !important; /* increased spacing between INGREDIENTS heading and VEGETABLES/FRUITS */
  padding-top: 0;
}

.air-dried-range-menu .fresh-range-subcol {
  flex: 0 1 auto !important; /* Don't expand, only shrink if needed */
  max-width: fit-content !important; /* Only take space needed for content */
  min-width: 0;
  padding: 0 30px !important; /* Increased horizontal padding for more spacing */
  margin: 0 !important; /* Remove any default margin */
}

/* Align first sub-column (VEGETABLES) with INGREDIENTS heading for Air Dried Range */
.air-dried-range-menu .fresh-range-subcol:first-child {
  padding-left: 0 !important; /* Remove left padding to align with INGREDIENTS heading */
}

.air-dried-range-menu .fresh-range-subheading {
  font-size: 16px;
  font-weight: 800 !important; /* heavier bold weight */
  text-transform: none !important; /* case sensitive */
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: #728c5d; /* green underline */
  margin-bottom: 16px !important;
  margin-top: 0;
  color: #728c5d !important; /* green color like in image */
}

.air-dried-range-menu .fresh-range-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.air-dried-range-menu .fresh-range-list li {
  margin-bottom: 10px !important; /* increased spacing between items */
  padding: 0;
  line-height: 1.8; /* increased line height for more breathing room */
}

.air-dried-range-menu .fresh-range-list .sf-sub-menu__link {
  font-size: 14px;
  color: #333333 !important; /* dark grey like in image */
  text-decoration: none;
  text-transform: none !important; /* case sensitive */
  font-weight: 400 !important; /* regular weight like in image */
  padding: 4px 12px 4px 0 !important;
  margin: 0 0 2px 0 !important;
  display: inline-block !important;
  width: auto !important;
}

.air-dried-range-menu .fresh-range-list .sf-sub-menu__link:hover {
  text-decoration: none !important;
}

/* Ensure headings are aligned at the same baseline */
.fresh-range-menu .sf__menu-item-level2 > a {
  display: block;
  margin-bottom: 6px;
}

/* Consistent spacing from heading to content for all columns */
.fresh-range-menu .sf__sub-menu-column,
.fresh-range-subgrid {
  margin-top: 0;
  padding-top: 0;
}

.fresh-range-menu .sf__sub-menu-column .sf-sub-menu__link {
  font-size: 14px !important;
  color: #333333 !important; /* dark grey like in image */
  text-transform: none !important; /* case sensitive */
  font-weight: 400 !important; /* regular weight like in image */
  margin: 0;
  width: auto !important;
  /* Vertically center text in green hover bar for sub-items like APPLE */
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  line-height: 1.2 !important;
}

/* Add spacing between FLAVOUR and ALLERGIES list items */
.fresh-range-menu .sf__sub-menu-column li {
  margin-bottom: 6px;
}

/* Style list items in INGREDIENTS column (VEGETABLES and FRUITS) - dark grey/black like image */
.fresh-range-list .sf-sub-menu__link {
  font-size: 14px !important;
  color: #333333 !important; /* dark grey like in image */
  line-height: 1.7 !important;
  text-transform: none !important; /* case sensitive */
  font-weight: 400 !important; /* regular weight like in image */
  padding: 2px 12px 2px 0 !important;
  margin: 0;
  display: inline-block !important;
  width: auto !important;
}

/* Remove underline on hover for VEGETABLES and FRUITS items */
.fresh-range-list .sf-sub-menu__link:hover {
  text-decoration: none !important;
}

/* Sub-headings (VEGETABLES, FRUITS) - styled like image: green, regular weight, underlined */
.fresh-range-subheading {
  font-size: 16px;
  font-weight: 400 !important; /* regular weight like in image */
  text-transform: none !important; /* case sensitive */
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-color: #728c5d; /* green underline */
  margin-bottom: 10px;
  margin-top: 0;
  color: #728c5d !important; /* green color like in image */
}

/* Ensure VEGETABLES and FRUITS in Fresh Menu Range are bold */
.fresh-range-menu .fresh-range-subheading {
  font-weight: 800 !important; /* heavier bold weight */
  color: #728c5d !important; /* green */
}

/* Sub-grid container for VEGETABLES and FRUITS side-by-side */
.fresh-range-subgrid {
  display: flex;
  gap: 50px !important; /* Increased gap between VEGETABLES and FRUITS for better spacing */
  margin-top: 8px !important; /* space between INGREDIENTS heading and VEGETABLES */
  padding-top: 0;
}

.fresh-range-subcol {
  flex: 0 1 auto !important; /* Don't expand, only shrink if needed */
  max-width: fit-content !important; /* Only take space needed for content */
  min-width: 0;
  padding: 0 30px !important; /* Increased horizontal padding for more spacing */
  margin: 0 !important; /* Remove any default margin */
}

/* Align first sub-column (VEGETABLES) with INGREDIENTS heading */
.fresh-range-subcol:first-child {
  padding-left: 0 !important; /* Remove left padding to align with INGREDIENTS heading */
}

/* List styling for items */
.fresh-range-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fresh-range-list li {
  margin-bottom: 6px !important; /* match FLAVOUR spacing exactly */
  padding: 0;
  line-height: 1.7; /* ensure line-height matches */
}

.fresh-range-list .sf-sub-menu__link {
  font-size: 14px;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  /* Ensure INGREDIENTS list items (e.g. APPLE) are vertically centered in their bar */
  display: flex !important;
  align-items: center !important;
  padding: 8px 12px !important;
  line-height: 1.2 !important;
}

.fresh-range-list .sf-sub-menu__link:hover {
  text-decoration: underline;
}

/* Reset mega menu column behaviour closer to theme defaults */
.sf-menu-submenu__items {
    display: flex;
    flex-wrap: wrap;
}

.sf-menu-submenu__items .sf__menu-item-level2 {
    padding-left: 4px;
    padding-right: 65px;
}

/* Align mega menu dropdown closer to center under header items on desktop */
@media (min-width: 1024px) {
  .sf-menu-submenu__content .sf-menu-submenu__items {
    margin-left: 16.5rem !important;
    margin-right: -26.5rem !important;
  }
}

/* Fresh Menu Food: split Flavour / Protein list into two columns on desktop */
@media (min-width: 1024px) {
  .flavour-protein-list {
    display: grid;
    grid-template-columns: repeat(2, auto);
    column-gap: 1.75rem; /* smaller gap between the two lists */
    row-gap: 0.25rem;
  }

  .flavour-protein-list li {
    margin: 0;
  }

  /* Make the "Shop The Full Range" button sit directly under the two columns */
  .flavour-protein-list li.flavour-shop-button {
    grid-column: 1 / -1;
    margin-top: 1.25rem;
  }
}

/* Treats: hide standalone Training column, show Training clone under Dental */
.treats-training-parent {
    display: none;
}

.treats-training-clone a {
    font-weight: 600;
}

/* Dental Care: hide standalone Sticks column, show Sticks clone under Chews */
.dental-care-sticks-parent {
    display: none;
}

.dental-care-sticks-clone a {
    font-weight: 600;
}

/* Chews: hide standalone Ears and Gullets columns, show clones under Breast */
.chews-ears-parent,
.chews-gullets-parent,
.chews-lungs-parent,
.chews-necks-parent,
.chews-tripe-twists-parent {
    display: none;
}

.chews-ears-clone a,
.chews-gullets-clone a,
.chews-lungs-clone a,
.chews-necks-clone a,
.chews-tripe-twists-clone a {
    font-weight: 600;
}

/* Sidebar addon - completely separate, doesn't affect menu */
.sf-menu-submenu__addon {
    flex: 0 0 auto !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Ensure menu content doesn't exceed container */
.sf-menu-submenu__content {
    box-sizing: border-box !important;
}


/* Prevent sidebar from affecting menu width */
.sf-menu-submenu__addon .mega-menu-sidebar {
    flex-shrink: 0 !important;
    width: auto !important;
}

/* Image size controls - fixed widths, completely independent from menu */
/* Stacked layout sizes - responsive to fit on screen */
.mega-menu-sidebar--stacked.mega-menu-sidebar--size-small {
    width: 200px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

.mega-menu-sidebar--stacked.mega-menu-sidebar--size-small .mega-menu-sidebar__item {
    max-width: 100% !important;
    width: 100% !important;
}

.mega-menu-sidebar--stacked.mega-menu-sidebar--size-medium {
    width: 280px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

.mega-menu-sidebar--stacked.mega-menu-sidebar--size-medium .mega-menu-sidebar__item {
    max-width: 100% !important;
    width: 100% !important;
}

.mega-menu-sidebar--stacked.mega-menu-sidebar--size-large {
    width: 400px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

.mega-menu-sidebar--stacked.mega-menu-sidebar--size-large .mega-menu-sidebar__item {
    max-width: 100% !important;
    width: 100% !important;
}

/* Side-by-side layout sizes - responsive to fit on screen */
.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-small {
    width: 456px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-medium {
    width: 656px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-large {
    width: 1056px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
    flex-grow: 0 !important;
}

/* For side-by-side layout, adjust sizes - ensure all sizes work */
.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-small .mega-menu-sidebar__item {
    flex: 0 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 150px !important;
    box-sizing: border-box !important;
}

.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-medium .mega-menu-sidebar__item {
    flex: 0 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 200px !important;
    box-sizing: border-box !important;
}

.mega-menu-sidebar--side-by-side.mega-menu-sidebar--size-large .mega-menu-sidebar__item {
    flex: 0 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 250px !important;
    box-sizing: border-box !important;
}

/* Stacked layout (vertical) */
.mega-menu-sidebar--stacked {
    flex-direction: column !important;
    display: flex !important;
    flex-shrink: 0;
}

.mega-menu-sidebar--stacked .mega-menu-sidebar__item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Side-by-side layout (horizontal) */
.mega-menu-sidebar--side-by-side {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    display: flex !important;
    align-items: flex-start !important;
}

.mega-menu-sidebar--side-by-side .mega-menu-sidebar__item {
    flex: 0 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    min-width: 200px !important;
    max-width: calc(50% - 8px) !important;
    box-sizing: border-box !important;
}

/* Responsive adjustments based on menu content */
.sf-menu-submenu__addon {
    flex-shrink: 0;
}

/* When menu has more columns, adjust sidebar width */
.sf-menu-submenu__items:has(+ .sf-menu-submenu__addon) {
    flex: 1 1 auto;
}

/* Responsive breakpoints */
@media (max-width: 1024px) {
    .mega-menu-sidebar--side-by-side {
        flex-direction: column !important;
    }
    
    .mega-menu-sidebar--side-by-side .mega-menu-sidebar__item {
        width: 100% !important;
        min-width: unset !important;
        max-width: 100% !important;
    }
}

.mega-menu-sidebar__item {
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mega-menu-sidebar__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mega-menu-sidebar__image {
    width: 100%;
    overflow: hidden;
}

.mega-menu-sidebar__image--auto {
    /* Maintain original aspect ratio */
}

.mega-menu-sidebar__image--auto img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.mega-menu-sidebar__image--square {
    aspect-ratio: 1 / 1;
}

.mega-menu-sidebar__image--square img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.mega-menu-sidebar__image--portrait {
    aspect-ratio: 2 / 3;
}

.mega-menu-sidebar__image--portrait img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.mega-menu-sidebar__image--landscape {
    aspect-ratio: 3 / 2;
}

.mega-menu-sidebar__image--landscape img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Fallback for older browsers */
.mega-menu-sidebar__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.mega-menu-sidebar__item:hover .mega-menu-sidebar__image img {
    transform: scale(1.05);
}

.mega-menu-sidebar__title {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.mega-menu-sidebar__description {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 16px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

.mega-menu-sidebar__description p {
    margin: 0;
    padding: 0;
}

.mega-menu-sidebar__description p + p {
    margin-top: 8px;
}

.mega-menu-sidebar__item {
    display: flex;
    flex-direction: column;
}

/* Make sidebar responsive to menu content */
.sf-menu-submenu__content {
    align-items: flex-start;
}

/* Adjust sidebar width based on menu columns using data attribute - respects image size */
.sf-menu__submenu[data-menu-columns="2"] .mega-menu-sidebar--size-small,
.sf-menu__submenu[data-menu-columns="3"] .mega-menu-sidebar--size-small {
    max-width: 220px;
}

.sf-menu__submenu[data-menu-columns="4"] .mega-menu-sidebar--size-small,
.sf-menu__submenu[data-menu-columns="5"] .mega-menu-sidebar--size-small {
    max-width: 200px;
}

.sf-menu__submenu[data-menu-columns="2"] .mega-menu-sidebar--size-medium,
.sf-menu__submenu[data-menu-columns="3"] .mega-menu-sidebar--size-medium {
    max-width: 320px;
}

.sf-menu__submenu[data-menu-columns="4"] .mega-menu-sidebar--size-medium,
.sf-menu__submenu[data-menu-columns="5"] .mega-menu-sidebar--size-medium {
    max-width: 280px;
}

.sf-menu__submenu[data-menu-columns="6"] .mega-menu-sidebar--size-medium,
.sf-menu__submenu[data-menu-columns="7"] .mega-menu-sidebar--size-medium {
    max-width: 250px;
}

.sf-menu__submenu[data-menu-columns="2"] .mega-menu-sidebar--size-large,
.sf-menu__submenu[data-menu-columns="3"] .mega-menu-sidebar--size-large {
    max-width: 520px;
}

.sf-menu__submenu[data-menu-columns="4"] .mega-menu-sidebar--size-large,
.sf-menu__submenu[data-menu-columns="5"] .mega-menu-sidebar--size-large {
    max-width: 400px;
}

.sf-menu__submenu[data-menu-columns="6"] .mega-menu-sidebar--size-large,
.sf-menu__submenu[data-menu-columns="7"] .mega-menu-sidebar--size-large {
    max-width: 320px;
}

/* Logo always centered - search bar and icons positioned relative to center */
.sf-menu-logo-bar {
    position: relative !important;
    display: flex !important;
    justify-content: space-between !important;
}

/* Center the logo absolutely on the page - always in the middle */
.sf-menu-logo-bar > div:nth-child(2) {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10;
    pointer-events: none; /* Allow clicks to pass through to elements below */
}

.sf-menu-logo-bar > div:nth-child(2) > * {
    pointer-events: auto; /* Re-enable clicks on logo itself */
}

/* Search bar positioned to the left of center - moved more to the right */
.sf-menu-logo-bar > div:first-child {
    width: auto !important;
    flex: 0 0 auto !important;
    position: relative;
    z-index: 5;
    margin-right: auto !important;
    margin-left: 40px !important; /* Move away from left edge */
    transition: margin-right 0.3s ease-in-out, margin-left 0.3s ease-in-out !important;
}

/* Icons positioned to the right */
.sf-menu-logo-bar > div:last-child {
    flex: 0 0 auto !important;
    position: relative;
    z-index: 5;
    margin-left: auto !important;
}

/* Responsive search bar width - longer on bigger screens, shorter on smaller */
.header-search-form {
    width: 100% !important;
    max-width: 400px; /* Default: smaller */
    min-width: 250px;
    transition: max-width 0.3s ease-in-out, min-width 0.3s ease-in-out !important;
}

/* Very large screens - search bar gets much longer */
@media (min-width: 1920px) {
    .header-search-form {
        max-width: 900px !important;
        min-width: 600px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 450px - 200px) !important; /* Position closer to logo */
        margin-left: 80px !important; /* Move away from left edge */
    }
}

/* Large screens */
@media (min-width: 1536px) and (max-width: 1919px) {
    .header-search-form {
        max-width: 750px !important;
        min-width: 500px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 375px - 180px) !important;
        margin-left: 70px !important;
    }
}

/* Medium-large screens */
@media (max-width: 1535px) and (min-width: 1280px) {
    .header-search-form {
        max-width: 600px !important;
        min-width: 400px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 300px - 150px) !important;
        margin-left: 60px !important;
    }
}

/* Medium screens */
@media (max-width: 1279px) and (min-width: 1024px) {
    .header-search-form {
        max-width: 500px !important;
        min-width: 350px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 250px - 120px) !important;
        margin-left: 50px !important;
    }
}

/* Tablets */
@media (max-width: 1023px) and (min-width: 768px) {
    .header-search-form {
        max-width: 400px !important;
        min-width: 280px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 200px - 100px) !important;
        margin-left: 30px !important;
    }
}

/* Small tablets and mobile */
@media (max-width: 767px) {
    .header-search-form {
        max-width: 300px !important;
        min-width: 200px;
    }
    .sf-menu-logo-bar > div:first-child {
        margin-right: calc(50% - 150px - 80px) !important;
        margin-left: 20px !important;
    }
}

/* Fix vertical alignment for filter buttons (Superfood Ingredients, Allergies, etc.) */
ul.sf__options-swatch.sf__button li.tag-filter--button,
ul.sf__options-swatch.sf__button li.tag-filter,
ul.sf__options-swatch.sf__button li.tag-filter.active,
ul.sf__options-swatch.sf__button li.tag-filter--button.active,
.sf__options-swatch.sf__button .tag-filter--button,
.sf__options-swatch.sf__button .tag-filter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 !important;
}

ul.sf__options-swatch.sf__button li.tag-filter--button a,
ul.sf__options-swatch.sf__button li.tag-filter a,
ul.sf__options-swatch.sf__button li.tag-filter.active a,
ul.sf__options-swatch.sf__button li.tag-filter--button.active a,
ul.sf__options-swatch.sf__button li.remove-tag a,
ul.sf__options-swatch.sf__button li.add-tag a,
.sf__options-swatch.sf__button .tag-filter--button a,
.sf__options-swatch.sf__button .tag-filter a,
.sf__options-swatch.sf__button li.tag-filter a,
.sf__options-swatch.sf__button li.tag-filter--button a,
.sf__options-swatch.sf__button li.tag-filter.active a,
.sf__options-swatch.sf__button li.tag-filter--button.active a,
.sf__options-swatch.sf__button li.remove-tag a,
.sf__options-swatch.sf__button li.add-tag a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    width: 100% !important;
    line-height: 1 !important;
    padding: 14px 16px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    text-align: center !important;
    margin: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    position: relative !important;
}

/* Additional fix: shift text down if still misaligned */
ul.sf__options-swatch.sf__button li.tag-filter--button a,
ul.sf__options-swatch.sf__button li.tag-filter a,
ul.sf__options-swatch.sf__button li.tag-filter.active a,
ul.sf__options-swatch.sf__button li.tag-filter--button.active a {
    transform: translateY(2px) !important;
    padding-top: 16px !important;
    padding-bottom: 12px !important;
}

/* Product page variant buttons (e.g. 6 pack / 12 pack / 18 pack) */
.product-options .prod__option .product-option-item[data-option-type="button"] {
  border: 1px solid #6F9761;
  border-radius: 10px;
  padding: 10px 22px;
  margin: 4px;
  background-color: #ffffff;
  color: #111111;
  cursor: pointer;
}

/* Active/selected pack – match Add to cart green */
.product-options .prod__option .sf_variant-selected .product-option-item[data-option-type="button"],
.product-options .prod__option .product-option-item[data-option-type="button"][data-selected="true"] {
  background-color: #6F9761;
  border-color: #6F9761;
  color: #ffffff;
}