/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

/* =========================================================
   Announcement — minimal animated top bar
   Restrained dark UI with gentle motion and subtle glass accents.
   ========================================================= */
.announcement {
  position: relative;
  isolation: isolate;
  padding: 0;
  color: rgba(255, 255, 255, 0.88);
  background:
    linear-gradient(
      110deg,
      rgba(var(--cl-accent-rgb), 0.08) 0%,
      rgba(255, 255, 255, 0.018) 28%,
      rgba(var(--cl-accent-rgb), 0.12) 50%,
      rgba(255, 255, 255, 0.018) 72%,
      rgba(var(--cl-accent-rgb), 0.08) 100%
    ),
    rgba(8, 8, 10, 0.94);
  background-size: 240% 100%, 100% 100%;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  animation: announcementGradient 11s ease-in-out infinite alternate;
}

.announcement::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: min(34rem, 72vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--cl-accent-rgb), 0.18),
    rgba(var(--cl-accent-rgb), 0.58),
    rgba(var(--cl-accent-rgb), 0.18),
    transparent
  );
  opacity: 0.7;
  pointer-events: none;
}

.announcement__inner {
  min-height: 38px;
  width: min(100% - 2rem, 1320px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  padding: 0.45rem 0;
}

.announcement__content {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem 0.7rem;
  font-size: 0.78rem;
  line-height: 1.35;
  letter-spacing: 0.015em;
}

.announcement__text {
  color: rgba(255, 255, 255, 0.74);
  transition: color 180ms ease;
}

.announcement__text p {
  margin: 0;
}

.announcement__pulse {
  position: relative;
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: rgb(var(--cl-accent-rgb));
  box-shadow: 0 0 10px rgba(var(--cl-accent-rgb), 0.7);
}

.announcement__pulse::before {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(var(--cl-accent-rgb), 0.5);
  border-radius: inherit;
  animation: announcementPulse 2.3s ease-out infinite;
}

.announcement a.announcement__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.12rem 0.15rem;
  color: rgba(255, 255, 255, 0.94);
  font-weight: 500;
  text-decoration: none;
  transition:
    color 180ms ease,
    transform 180ms ease;
}

.announcement a.announcement__link::after {
  content: "";
  position: absolute;
  left: 0.15rem;
  right: 0.15rem;
  bottom: 0;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right center;
  background: currentColor;
  opacity: 0.45;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}

.announcement a.announcement__link:hover {
  color: #fff;
  transform: translateY(-1px);
}

.announcement a.announcement__link:hover::after {
  transform: scaleX(1);
  transform-origin: left center;
}

.announcement .announcement__arrow {
  width: 0.95rem;
  height: 0.95rem;
  flex: 0 0 auto;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}

.announcement a.announcement__link:hover .announcement__arrow {
  transform: translateX(3px);
}

.announcement:hover .announcement__text {
  color: rgba(255, 255, 255, 0.86);
}

@keyframes announcementGradient {
  0% { background-position: 0% 50%, 0 0; }
  100% { background-position: 100% 50%, 0 0; }
}

@keyframes announcementPulse {
  0% {
    transform: scale(0.65);
    opacity: 0.8;
  }
  70%, 100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

@media (max-width: 575.98px) {
  .announcement__inner {
    width: min(100% - 1.25rem, 1320px);
    min-height: 36px;
    gap: 0.5rem;
  }

  .announcement__content {
    gap: 0.25rem 0.5rem;
    font-size: 0.72rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .announcement,
  .announcement__pulse::before,
  .announcement a.announcement__link,
  .announcement .announcement__arrow,
  .announcement a.announcement__link::after {
    animation: none !important;
    transition: none !important;
  }
}

/* =========================================================
   Navbar — minimalist animated navigation
   ========================================================= */
.navbar-yummy {
  position: relative;
  z-index: 20;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.navbar-yummy::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: min(46rem, 78vw);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, rgba(var(--cl-accent-rgb), 0.28), transparent);
  pointer-events: none;
}

.navbar-yummy__brand {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: rgba(255, 255, 255, .95) !important;
  transition: opacity 180ms ease, transform 180ms ease;
}

.navbar-yummy__brand:hover {
  opacity: .9;
  transform: translateY(-1px);
}

.navbar-yummy__brand img {
  max-height: 34px;
  width: auto;
  border-radius: 8px;
}

.navbar-yummy__links {
  gap: .15rem;
  align-items: center;
}

.navbar-yummy__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-height: 40px;
  padding: .55rem .72rem .48rem;
  color: rgba(255, 255, 255, .62);
  font-size: .88rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  border: 0;
  border-radius: 8px;
  background: transparent;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    transform 180ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__link::after {
  content: "";
  position: absolute;
  left: .72rem;
  right: .72rem;
  bottom: .27rem;
  height: 1.5px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--cl-accent-rgb), .6), rgb(var(--cl-accent-rgb)));
  box-shadow: 0 0 10px rgba(var(--cl-accent-rgb), .22);
  transform: scaleX(0);
  transform-origin: left center;
  opacity: .95;
  transition: transform 260ms cubic-bezier(.22,.8,.2,1);
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible {
  color: rgba(255, 255, 255, .98);
  background: rgba(255, 255, 255, .025);
  transform: translateY(-1px);
}

.navbar-yummy__link:hover::after,
.navbar-yummy__link:focus-visible::after {
  transform: scaleX(1);
}

.navbar-yummy__link-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 17px;
  color: rgba(255, 255, 255, .5);
  transition: color 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__link-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.navbar-yummy__link:hover .navbar-yummy__link-icon,
.navbar-yummy__link:focus-visible .navbar-yummy__link-icon {
  color: rgb(var(--cl-accent-rgb));
  transform: translateY(-1px) scale(1.04);
}

.navbar-yummy__right {
  align-items: center;
}

.navbar-yummy__social {
  position: relative;
  width: 39px;
  height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: rgba(255, 255, 255, .64);
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    transform 200ms cubic-bezier(.2,.8,.2,1),
    box-shadow 200ms ease;
}

.navbar-yummy__social::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(var(--cl-accent-rgb), .16), transparent 58%);
  opacity: 0;
  transform: translateX(-35%);
  transition: opacity 200ms ease, transform 260ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__social:hover,
.navbar-yummy__social:focus-visible {
  color: #fff;
  border-color: rgba(var(--cl-accent-rgb), .32);
  background: rgba(255, 255, 255, .055);
  transform: translateY(-2px);
  box-shadow: 0 7px 20px rgba(0, 0, 0, .22), 0 0 18px rgba(var(--cl-accent-rgb), .08);
}

.navbar-yummy__social:hover::before,
.navbar-yummy__social:focus-visible::before {
  opacity: 1;
  transform: translateX(0);
}

.navbar-yummy__social svg {
  position: relative;
  z-index: 1;
  width: 19px;
  height: 19px;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__social:hover svg,
.navbar-yummy__social:focus-visible svg {
  transform: scale(1.08);
}

.navbar-yummy__utility {
  border-radius: 10px !important;
}

.navbar-yummy__toggler {
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 10px;
  background: rgba(255, 255, 255, .03);
}

@media (max-width: 991.98px) {
  .navbar-yummy .navbar-collapse {
    margin-top: .7rem;
    padding: .65rem;
    background: rgba(12, 12, 14, .94);
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .25);
  }

  .navbar-yummy__links {
    align-items: stretch;
    gap: .12rem;
  }

  .navbar-yummy__link {
    width: 100%;
    min-height: 42px;
    padding-inline: .7rem;
  }

  .navbar-yummy__link::after {
    left: .7rem;
    right: .7rem;
  }

  .navbar-yummy__right {
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem !important;
    padding-top: .55rem;
    margin-top: .5rem;
    border-top: 1px solid rgba(255, 255, 255, .055);
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__brand,
  .navbar-yummy__link,
  .navbar-yummy__link::after,
  .navbar-yummy__link-icon,
  .navbar-yummy__social,
  .navbar-yummy__social::before,
  .navbar-yummy__social svg {
    transition: none !important;
    animation: none !important;
  }
}

/* =========================================================
   Navbar utilities — currency / account / cart
   ========================================================= */
.navbar-yummy__currency {
  width: 94px;
  max-width: 94px;
  position: relative;
  z-index: 30;
}

.navbar-yummy__currency select {
  width: 94px;
  height: 39px;
}

.navbar-yummy__currency .choices {
  width: 94px;
  margin: 0;
  overflow: visible;
}

.navbar-yummy__currency .choices__inner {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 94px !important;
  width: 94px !important;
  height: 39px !important;
  min-height: 39px !important;
  padding: 0 29px 0 11px !important;
  overflow: hidden;
  color: rgba(255, 255, 255, .78) !important;
  background: rgba(255, 255, 255, .035) !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 10px !important;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 200ms ease,
    transform 200ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__currency .choices::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  right: 11px !important;
  width: 6px !important;
  height: 6px !important;
  margin: -4px 0 0 !important;
  border: 0 !important;
  border-right: 1.5px solid rgba(255,255,255,.5) !important;
  border-bottom: 1.5px solid rgba(255,255,255,.5) !important;
  transform: rotate(45deg) !important;
  transform-origin: center !important;
  transition: transform 220ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease !important;
  pointer-events: none;
}

.navbar-yummy__currency .choices.is-open::after {
  margin-top: -1px !important;
  transform: rotate(225deg) !important;
  border-color: rgb(var(--cl-accent-rgb)) !important;
}

.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner {
  color: #fff !important;
  background: rgba(255, 255, 255, .055) !important;
  border-color: rgba(var(--cl-accent-rgb), .34) !important;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .22), 0 0 18px rgba(var(--cl-accent-rgb), .07) !important;
}

.navbar-yummy__currency .choices:hover .choices__inner {
  transform: translateY(-1px);
}

.navbar-yummy__currency .choices__inner .choices__list--single {
  width: 100%;
  padding: 0 !important;
}

.navbar-yummy__currency .choices__inner .choices__item {
  display: flex !important;
  align-items: center;
  gap: 7px;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  font-size: .76rem;
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
}

.navbar-yummy__currency .choices__inner .symbol {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgb(var(--cl-accent-rgb)) !important;
  background: transparent !important;
  font-size: .92rem;
  font-weight: 600;
}

.navbar-yummy__currency .choices__inner .code {
  display: inline !important;
  color: rgba(255,255,255,.78) !important;
}

.navbar-yummy__currency .choices__list--dropdown {
  top: calc(100% + 7px) ;
  left: auto ;
  right: 0 ;
  min-width: 150px ;
  width: 150px ;
  margin: 0 ;
  padding: 5px ;
  overflow: hidden ;
  background: rgba(12, 12, 15, .98) ;
  border: 1px solid rgba(255,255,255,.085) ;
  border-radius: 11px ;
  box-shadow: 0 18px 45px rgba(0,0,0,.38), 0 0 0 1px rgba(0,0,0,.18) ;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  animation: navbarCurrencyOpen 180ms cubic-bezier(.2,.8,.2,1) both;
}

.navbar-yummy__currency .choices__list--dropdown .choices__list {
  max-height: none ;
  overflow: visible ;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item {
  display: flex ;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  padding: 8px 9px ;
  color: rgba(255,255,255,.64) ;
  border-radius: 7px;
  font-size: .78rem;
  font-weight: 500;
  line-height: 1;
  transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item .symbol {
  display: inline-flex;
  width: 22px;
  min-width: 22px;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: rgba(255,255,255,.5) ;
  background: transparent ;
  font-size: .92rem;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item .code {
  display: inline ;
  color: inherit ;
  letter-spacing: .035em;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted,
.navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected {
  color: #fff ;
  background: rgba(var(--cl-accent-rgb), .10) ;
  transform: translateX(2px);
}

.navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted .symbol,
.navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected .symbol {
  color: rgb(var(--cl-accent-rgb)) ;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item--selectable::after {
  display: none ;
}

.navbar-yummy__account,
.navbar-yummy .cart .navbar-yummy__utility {
  position: relative;
  min-height: 39px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.7) !important;
  background: rgba(255,255,255,.035) !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    transform 200ms cubic-bezier(.2,.8,.2,1),
    box-shadow 200ms ease;
}

.navbar-yummy__account {
  padding: 0 13px !important;
  font-size: .84rem;
  font-weight: 500;
}

.navbar-yummy .cart .navbar-yummy__utility {
  width: 39px;
  height: 39px;
  padding: 0 !important;
}

.navbar-yummy__account:hover,
.navbar-yummy__account:focus-visible,
.navbar-yummy .cart .navbar-yummy__utility:hover,
.navbar-yummy .cart .navbar-yummy__utility:focus-visible {
  color: #fff !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(var(--cl-accent-rgb), .32) !important;
  transform: translateY(-2px);
  box-shadow: 0 7px 20px rgba(0,0,0,.22), 0 0 18px rgba(var(--cl-accent-rgb),.07) !important;
}

.navbar-yummy .cart .navbar-yummy__utility .icon {
  width: 18px;
  height: 18px;
}

.navbar-yummy .cart .count {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgb(var(--cl-accent-rgb));
  border: 2px solid rgba(8,8,10,.98);
  border-radius: 999px;
  font-size: 9px;
  line-height: 1;
  box-shadow: 0 3px 10px rgba(var(--cl-accent-rgb),.25);
}

@keyframes navbarCurrencyOpen {
  from { opacity: 0; transform: translateY(-5px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (max-width: 991.98px) {
  .navbar-yummy__currency {
    width: 94px;
    max-width: 94px;
  }

  .navbar-yummy__currency .choices__list--dropdown {
    left: 0 ;
    right: auto ;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__currency .choices__inner,
  .navbar-yummy__currency .choices::after,
  .navbar-yummy__currency .choices__list--dropdown,
  .navbar-yummy__currency .choices__list--dropdown .choices__item,
  .navbar-yummy__account,
  .navbar-yummy .cart .navbar-yummy__utility {
    animation: none ;
    transition: none ;
  }
}

/* Navbar currency selector — final hard override for SellAuth/Choices output. */
.navbar-yummy__currency,
.navbar-yummy__currency .choices {
  width: 108px !important;
  max-width: 108px !important;
}

.navbar-yummy__currency .choices__inner {
  width: 108px !important;
  min-width: 108px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 30px 0 12px !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.035) !important;
  box-shadow: none !important;
}

.navbar-yummy__currency .choices__list--single,
.navbar-yummy__currency .choices__list--single .choices__item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .025em;
  white-space: nowrap !important;
}

.navbar-yummy__currency .choices__list--dropdown {
  width: 136px ;
  min-width: 136px ;
  right: 0 ;
  left: auto ;
  padding: 6px ;
  border: 1px solid rgba(255,255,255,.09) ;
  border-radius: 12px ;
  background: rgba(15,15,18,.98) ;
  box-shadow: 0 18px 50px rgba(0,0,0,.42) ;
}

.navbar-yummy__currency .choices__list--dropdown::before {
  content: 'Currency';
  display: block;
  padding: 7px 9px 8px;
  color: rgba(255,255,255,.32);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item {
  min-height: 34px ;
  padding: 9px 10px ;
  margin: 0 ;
  border-radius: 8px ;
  color: rgba(255,255,255,.68) ;
  background: transparent ;
  font-size: 12px ;
  font-weight: 550 ;
  letter-spacing: .02em ;
  transform: none ;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted,
.navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected {
  color: #fff ;
  background: rgba(var(--cl-accent-rgb), .11) ;
}

.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner {
  border-color: rgba(var(--cl-accent-rgb), .32) !important;
  background: rgba(255,255,255,.055) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.2), 0 0 0 1px rgba(var(--cl-accent-rgb),.03) !important;
}

/* Currency dropdown motion — smooth Yummy-style reveal. */
.navbar-yummy__currency .choices__list--dropdown {
  transform-origin: top right ;
  will-change: transform, opacity, filter;
  animation: none ;
}

.navbar-yummy__currency .choices__list--dropdown.is-active {
  animation: navbarCurrencyReveal 240ms cubic-bezier(.16, 1, .3, 1) both ;
}

/* Currency options must remain visible when motion is disabled by adwin-refined.css. */
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item {
  opacity: 1 ;
  transform: none ;
  animation: none ;
}

.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(1) { animation-delay: 35ms; }
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(2) { animation-delay: 55ms; }
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(3) { animation-delay: 75ms; }
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(4) { animation-delay: 95ms; }
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(5) { animation-delay: 115ms; }
.navbar-yummy__currency .choices__list--dropdown.is-active .choices__item:nth-child(6) { animation-delay: 135ms; }

@keyframes navbarCurrencyReveal {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(.965);
    filter: blur(5px);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

@keyframes navbarCurrencyItemReveal {
  from {
    opacity: 0;
    transform: translateY(-4px) !important;
  }
  to {
    opacity: 1;
    transform: translateY(0) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__currency .choices__list--dropdown.is-active,
  .navbar-yummy__currency .choices__list--dropdown.is-active .choices__item {
    animation: none ;
    opacity: 1 ;
    transform: none ;
    filter: none ;
  }
}

/* Products hover dropdown — first 5 product groups. */
.navbar-yummy__products-item {
  position: relative;
}

.navbar-yummy__products-item > .navbar-yummy__link {
  gap: 7px;
}

.navbar-yummy__products-chevron {
  width: 14px;
  height: 14px;
  margin-left: -2px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .48;
  transition: transform 220ms cubic-bezier(.16,1,.3,1), opacity 180ms ease;
}

.navbar-yummy__products-menu {
  position: absolute;
  z-index: 1060;
  top: calc(100% + 12px);
  left: 0;
  width: 270px;
  padding: 7px;
  border:1px solid var(--color-border-default);
  border-radius: 14px;
  background:var(--color-background-elevated);
  box-shadow: 0 24px 70px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(0, -8px) scale(.975);
  transform-origin: top center;
  filter: blur(4px);
  transition:
    opacity 170ms ease,
    visibility 170ms ease,
    transform 240ms cubic-bezier(.16,1,.3,1),
    filter 220ms ease;
}

/* Invisible bridge keeps the menu open while the pointer crosses the gap. */
.navbar-yummy__products-menu::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.navbar-yummy__products-item:hover .navbar-yummy__products-menu,
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, 0) scale(1);
  filter: blur(0);
}

.navbar-yummy__products-item:hover .navbar-yummy__products-chevron,
.navbar-yummy__products-item:focus-within .navbar-yummy__products-chevron {
  transform: rotate(180deg);
  opacity: .9;
}

.navbar-yummy__products-menu-head {
  padding: 8px 10px 7px;
  color:var(--color-text-primary);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
}

.navbar-yummy__products-menu-list {
  display: grid;
  gap: 2px;
}

/* Keep only the first five existing groups without template-side counters. */
.navbar-yummy__products-menu-item:nth-child(n+6) {
  display: none !important;
}

.navbar-yummy__products-menu-item {
  position: relative;
  display: grid;
  grid-template-columns: 32px minmax(0,1fr) 16px;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 6px 9px;
  border-radius: 9px;
  color:var(--color-text-primary);
  text-decoration: none;
  opacity: 0;
  transform: translateY(-5px);
  transition:
    color 160ms ease,
    background 160ms ease,
    transform 180ms cubic-bezier(.16,1,.3,1);
}

.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item,
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item {
  animation: navbarProductsItemReveal 260ms cubic-bezier(.16,1,.3,1) forwards;
}

.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item:nth-child(1),
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item:nth-child(1) { animation-delay: 25ms; }
.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item:nth-child(2),
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item:nth-child(2) { animation-delay: 48ms; }
.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item:nth-child(3),
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item:nth-child(3) { animation-delay: 71ms; }
.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item:nth-child(4),
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item:nth-child(4) { animation-delay: 94ms; }
.navbar-yummy__products-item:hover .navbar-yummy__products-menu-item:nth-child(5),
.navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item:nth-child(5) { animation-delay: 117ms; }

.navbar-yummy__products-menu-item:hover,
.navbar-yummy__products-menu-item:focus-visible {
  color:var(--color-primary-default);
  background:var(--ref-hover);
  transform: translateX(2px);
  outline: none;
}

.navbar-yummy__products-menu-icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border:1px solid var(--color-border-default);
  border-radius: 8px;
  background:var(--color-background-elevated);
  color:var(--color-text-primary);
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}

.navbar-yummy__products-menu-icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.navbar-yummy__products-menu-item:hover .navbar-yummy__products-menu-icon,
.navbar-yummy__products-menu-item:focus-visible .navbar-yummy__products-menu-icon {
  color:var(--color-primary-default);
  border-color:var(--color-border-default);
  background:var(--ref-hover);
}

.navbar-yummy__products-menu-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.navbar-yummy__products-menu-name {
  overflow: hidden;
  color:var(--color-text-primary);
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.navbar-yummy__products-menu-count {
  color:var(--color-text-primary);
  font-size: 9px;
  font-weight: 500;
  line-height: 1.2;
}

.navbar-yummy__products-menu-arrow {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: .25;
  transform: translateX(-2px);
  transition: opacity 160ms ease, transform 180ms cubic-bezier(.16,1,.3,1);
}

.navbar-yummy__products-menu-item:hover .navbar-yummy__products-menu-arrow,
.navbar-yummy__products-menu-item:focus-visible .navbar-yummy__products-menu-arrow {
  opacity: .8;
  transform: translateX(1px);
}

.navbar-yummy__products-menu-all {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 5px;
  padding: 10px 10px 8px;
  border-top:1px solid var(--color-border-default);
  color:var(--color-text-primary);
  font-family: inherit;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-decoration: none;
  transition: color 160ms ease;
}

.navbar-yummy__products-menu-all svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms cubic-bezier(.16,1,.3,1);
}

.navbar-yummy__products-menu-all:hover,
.navbar-yummy__products-menu-all:focus-visible {
  color:var(--color-primary-default);
  outline: none;
}

.navbar-yummy__products-menu-all:hover svg,
.navbar-yummy__products-menu-all:focus-visible svg {
  transform: translateX(3px);
}

@keyframes navbarProductsItemReveal {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991.98px) {
  .navbar-yummy__products-chevron,
  .navbar-yummy__products-menu {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__products-menu,
  .navbar-yummy__products-chevron,
  .navbar-yummy__products-menu-item,
  .navbar-yummy__products-menu-arrow,
  .navbar-yummy__products-menu-all svg {
    animation: none !important;
    transition: none !important;
  }

  .navbar-yummy__products-item:hover .navbar-yummy__products-menu-item,
  .navbar-yummy__products-item:focus-within .navbar-yummy__products-menu-item {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Products: dedicated group URLs/pages ------------------------------------ */
.products-page-yummy [x-cloak] { display: none !important; }

.navbar-group-page-wrap {
  min-height: 62vh;
}

.navbar-group-page__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.navbar-group-page__back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.42);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  transition: color 160ms ease, transform 180ms cubic-bezier(.16,1,.3,1);
}

.navbar-group-page__back svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 180ms cubic-bezier(.16,1,.3,1);
}

.navbar-group-page__back:hover {
  color: rgba(255,255,255,.88);
}

.navbar-group-page__back:hover svg {
  transform: translateX(-3px);
}

.navbar-group-page__eyebrow {
  margin-bottom: 7px;
  color: rgb(var(--cl-accent-rgb));
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.navbar-group-page__header h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 720;
  letter-spacing: -.035em;
}

.navbar-group-page__header p {
  margin: 7px 0 0;
  color: rgba(255,255,255,.38);
  font-size: 12px;
}

.navbar-group-page__grid {
  animation: groupPageGridIn 420ms cubic-bezier(.16,1,.3,1) both;
}

.navbar-group-page--missing {
  display: none;
}

.navbar-group-page__missing-card {
  max-width: 520px;
  margin: 70px auto;
  padding: 34px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.025);
  text-align: center;
}

.navbar-group-page__missing-card h2 {
  margin-bottom: 8px;
  font-size: 22px;
}

.navbar-group-page__missing-card p {
  margin-bottom: 20px;
  color: rgba(255,255,255,.42);
  font-size: 12px;
}

@keyframes groupPageGridIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-group-page__grid { animation: none !important; }
}

/* ========================================================================== 
   VANILLA NIGHT — site-wide palette & ambient background
   Palette sampled from the supplied vanilla character artwork, then darkened
   so the storefront remains restrained and readable.
   ========================================================================== */

:root {
  --vanilla-bg: #0c0a08;
  --vanilla-bg-deep: #090706;
  --vanilla-surface: #15110e;
  --vanilla-surface-raised: #1b1511;
  --vanilla-surface-soft: #201811;
  --vanilla-border: #33261c;
  --vanilla-border-soft: rgba(232, 184, 120, .10);
  --vanilla-cream: #f4e5d2;
  --vanilla-cream-strong: #fff0d8;
  --vanilla-muted: #ad9985;
  --vanilla-accent: #e8b878;
  --vanilla-accent-strong: #f2c88b;
  --vanilla-caramel: #b87543;

  /* Override SellAuth theme settings without turning the site bright. */
  --cl-accent: var(--vanilla-accent) !important;
  --cl-accent-rgb: 232, 184, 120 !important;
  --cl-background-primary: var(--vanilla-bg) !important;
  --cl-background-primary-rgb: 12, 10, 8 !important;
  --cl-background-secondary: var(--vanilla-surface) !important;
  --cl-background-secondary-rgb: 21, 17, 14 !important;
  --cl-border: var(--vanilla-border) !important;
  --cl-border-rgb: 51, 38, 28 !important;

  --bs-body-color: var(--vanilla-cream) !important;
  --bs-emphasis-color: var(--vanilla-cream-strong) !important;
  --bs-secondary-color: var(--vanilla-muted) !important;
  --bs-tertiary-color: #806f60 !important;
  --bs-secondary-bg: var(--vanilla-surface) !important;
  --bs-tertiary-bg: var(--vanilla-surface-raised) !important;
}

html {
  background: var(--vanilla-bg-deep) !important;
}

body {
  position: relative;
  isolation: isolate;
  color: var(--vanilla-cream) !important;
  background:
    linear-gradient(180deg, rgba(18, 13, 10, .20), rgba(8, 6, 5, .10)),
    var(--vanilla-bg-deep) !important;
}

/* Ignore an old shop-level image so the new global background stays coherent. */
.bg-image {
  opacity: 0 !important;
}

/* Slow warm ambient glow. It is intentionally faint: the animation should be
   noticed only after looking at the page for a while. */
body::before {
  content: "";
  position: fixed;
  z-index: 0;
  top: -24vmax;
  left: -20vmax;
  width: 145vmax;
  height: 145vmax;
  pointer-events: none;
  background:
    radial-gradient(circle at 76% 24%, rgba(232, 184, 120, .075) 0, rgba(232, 184, 120, .026) 17%, transparent 38%),
    radial-gradient(circle at 18% 72%, rgba(184, 117, 67, .050) 0, rgba(184, 117, 67, .018) 18%, transparent 38%),
    radial-gradient(circle at 53% 51%, rgba(255, 240, 216, .022) 0, transparent 32%);
  filter: blur(2px);
  transform: translate3d(0, 0, 0) scale(1);
  animation: vanillaAmbientDrift 26s cubic-bezier(.45, 0, .55, 1) infinite alternate;
  will-change: transform;
}

/* Very light grain / sparkle field. */
body::after {
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255, 232, 199, .28) 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 32%, rgba(232, 184, 120, .20) 0 1px, transparent 1.5px),
    radial-gradient(circle at 37% 81%, rgba(255, 232, 199, .18) 0 1px, transparent 1.5px),
    radial-gradient(circle at 91% 73%, rgba(232, 184, 120, .15) 0 1px, transparent 1.5px);
  background-size: 330px 330px, 410px 410px, 370px 370px, 460px 460px;
  animation: vanillaDustDrift 34s linear infinite;
}

#app {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

@keyframes vanillaAmbientDrift {
  0%   { transform: translate3d(-1.2%, -0.8%, 0) scale(1); }
  50%  { transform: translate3d(1.0%, .7%, 0) scale(1.015); }
  100% { transform: translate3d(2.2%, -1.1%, 0) scale(1.025); }
}

@keyframes vanillaDustDrift {
  from { background-position: 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 26px 18px, -20px 31px, 18px -24px, -28px -14px; }
}

/* Warm the custom top navigation without increasing brightness. */
.navbar-yummy {
  border-color: rgba(232, 184, 120, .075) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, .18) !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible {
  color: var(--vanilla-cream-strong) !important;
  background: rgba(232, 184, 120, .035) !important;
}

.navbar-yummy__social,
.navbar-yummy__currency .choices__inner,
.navbar-yummy__account,
.navbar-yummy .cart .navbar-yummy__utility {
  background: rgba(244, 229, 210, .025) !important;
  border-color: rgba(232, 184, 120, .105) !important;
}

.navbar-yummy__social:hover,
.navbar-yummy__social:focus-visible,
.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner,
.navbar-yummy__account:hover,
.navbar-yummy__account:focus-visible,
.navbar-yummy .cart .navbar-yummy__utility:hover,
.navbar-yummy .cart .navbar-yummy__utility:focus-visible {
  background: rgba(232, 184, 120, .060) !important;
  border-color: rgba(232, 184, 120, .28) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.24), 0 0 22px rgba(232,184,120,.045) !important;
}

.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu {
  background: rgba(17, 13, 10, .985) ;
  border-color: rgba(232, 184, 120, .13) ;
  box-shadow: 0 18px 54px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255,255,255,.008) ;
}

.navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted,
.navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected,
.navbar-yummy__products-menu-item:hover {
  background: rgba(232, 184, 120, .075) ;
}

/* Announcement: same dark surface, warm moving highlight. */
.announcement {
  border-color: rgba(232, 184, 120, .10) !important;
  background:
    linear-gradient(110deg, rgba(232,184,120,.025), rgba(232,184,120,.065), rgba(232,184,120,.025)),
    rgba(11, 9, 7, .92) !important;
  background-size: 240% 100%, 100% 100% !important;
}

/* General surfaces. The variables already recolor most of SellAuth; these
   rules catch components that use hard-coded translucent white backgrounds. */
.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.list-group-item,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.faq .accordion-item,
.faq .accordion-button,
.navbar-group-page__missing-card {
  border-color: rgba(232, 184, 120, .09) !important;
}

.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input {
  background-color: rgba(21, 17, 14, .92) !important;
}

.products .card {
  background: rgba(15, 12, 10, .78) !important;
  border: 1px solid rgba(232, 184, 120, .07) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .14);
}

.products .card:hover {
  border-color: rgba(232, 184, 120, .17) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .24), 0 0 24px rgba(232, 184, 120, .025);
}

.products .card .card-img-top {
  background: rgba(22, 17, 13, .96) !important;
}

.products .card .info,
.features .list .feature .description,
.hero .content .stats div .label,
.section-subtitle,
.text-secondary,
.form-text {
  color: var(--vanilla-muted) !important;
}

.products .card .card-title,
.status-card h3,
h1, h2, h3, h4, h5, h6,
.card-title,
.modal-title {
  color: var(--vanilla-cream-strong) !important;
}

/* Accent controls: warm vanilla, with dark ink rather than white on bright
   buttons for contrast and a softer appearance. */
.btn-primary {
  --bs-btn-color: #17100b !important;
  --bs-btn-hover-color: #17100b !important;
  --bs-btn-active-color: #17100b !important;
  font-weight: 600;
  box-shadow: 0 7px 22px rgba(184, 117, 67, .10);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  color: #17100b !important;
}

.form-control,
.form-select,
.input-group-text {
  color: var(--vanilla-cream) !important;
  border-color: rgba(232, 184, 120, .10) !important;
  background-color: rgba(20, 15, 12, .90) !important;
}

.form-control::placeholder {
  color: rgba(189, 165, 142, .58) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(232, 184, 120, .40) !important;
  box-shadow: 0 0 0 .2rem rgba(232, 184, 120, .085) !important;
}

::selection {
  color: #17100b;
  background: rgba(242, 200, 139, .88);
}

/* Scrollbar gets the palette too, but remains understated. */
* {
  scrollbar-color: rgba(232,184,120,.24) rgba(255,255,255,.025);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: rgba(255,255,255,.018);
}

*::-webkit-scrollbar-thumb {
  background: rgba(232,184,120,.22);
  border: 3px solid var(--vanilla-bg-deep);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: rgba(232,184,120,.34);
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation: none !important;
  }
}

/* ========================================================================== 
   VANILLA NIGHT v2 — softer logo match + richer ambient background
   ========================================================================== */

:root {
  /* Softer, less contrasty tones sampled from the vanilla artwork. */
  --vanilla-bg: #100d0b;
  --vanilla-bg-deep: #0b0908;
  --vanilla-surface: #17120f;
  --vanilla-surface-raised: #1d1713;
  --vanilla-surface-soft: #241b16;
  --vanilla-border: #30241d;
  --vanilla-border-soft: rgba(215, 159, 116, .11);
  --vanilla-cream: #dcc8b4;
  --vanilla-cream-strong: #ead8c5;
  --vanilla-muted: #9f8a78;
  --vanilla-accent: #d39a6c;
  --vanilla-accent-strong: #e0ad83;
  --vanilla-caramel: #b87952;
  --vanilla-cocoa: #865033;

  --cl-accent: var(--vanilla-accent) !important;
  --cl-accent-rgb: 211, 154, 108 !important;
  --cl-background-primary: var(--vanilla-bg) !important;
  --cl-background-primary-rgb: 16, 13, 11 !important;
  --cl-background-secondary: var(--vanilla-surface) !important;
  --cl-background-secondary-rgb: 23, 18, 15 !important;
  --cl-border: var(--vanilla-border) !important;
  --cl-border-rgb: 48, 36, 29 !important;

  --bs-body-color: var(--vanilla-cream) !important;
  --bs-emphasis-color: var(--vanilla-cream-strong) !important;
  --bs-secondary-color: var(--vanilla-muted) !important;
  --bs-tertiary-color: #7f6c5e !important;
}

html,
body {
  background-color: var(--vanilla-bg-deep) !important;
}

body {
  color: var(--vanilla-cream) !important;
  background-image:
    radial-gradient(900px 620px at 88% 12%, rgba(211,154,108,.075), transparent 68%),
    radial-gradient(760px 560px at 8% 40%, rgba(184,121,82,.045), transparent 70%),
    radial-gradient(680px 520px at 70% 78%, rgba(134,80,51,.055), transparent 72%),
    linear-gradient(180deg, rgba(20,15,12,.42), rgba(10,8,7,.72)) !important;
  background-attachment: fixed !important;
}

/* Layer 1: large soft orbital ribbons / halos. */
body::before {
  content: "";
  position: fixed;
  z-index: 0;
  inset: -22vmax;
  pointer-events: none;
  opacity: .72;
  background:
    conic-gradient(from 205deg at 78% 23%, transparent 0 39%, rgba(224,173,131,.055) 43%, rgba(211,154,108,.018) 47%, transparent 52% 100%),
    conic-gradient(from 25deg at 14% 75%, transparent 0 45%, rgba(184,121,82,.045) 49%, rgba(211,154,108,.015) 53%, transparent 58% 100%),
    radial-gradient(ellipse at 79% 25%, transparent 0 26%, rgba(225,177,137,.040) 26.4% 26.9%, transparent 27.3% 100%),
    radial-gradient(ellipse at 15% 76%, transparent 0 19%, rgba(184,121,82,.032) 19.3% 19.9%, transparent 20.3% 100%);
  filter: blur(.2px);
  transform: translate3d(0,0,0) rotate(0deg) scale(1.02);
  transform-origin: 50% 50%;
  animation: vanillaOrbitDrift 42s ease-in-out infinite alternate;
  will-change: transform;
}

/* Layer 2: fine star/dot field + barely visible diagonal texture. */
body::after {
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(248,216,172,.35) 0 1px, transparent 1.4px),
    radial-gradient(circle at 69% 31%, rgba(234,190,145,.24) 0 1px, transparent 1.35px),
    radial-gradient(circle at 35% 73%, rgba(222,163,114,.22) 0 1px, transparent 1.4px),
    radial-gradient(circle at 91% 81%, rgba(248,216,172,.20) 0 1px, transparent 1.35px),
    linear-gradient(115deg, transparent 0 49.65%, rgba(211,154,108,.025) 49.8% 50.2%, transparent 50.35% 100%);
  background-size: 300px 300px, 390px 390px, 350px 350px, 470px 470px, 180px 180px;
  animation: vanillaDustDriftV2 38s linear infinite;
}

/* Add a subtle warm veil to the hero so it belongs to the logo palette. */
.hero {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(650px 330px at 22% 40%, rgba(211,154,108,.050), transparent 72%),
    radial-gradient(520px 280px at 82% 18%, rgba(184,121,82,.035), transparent 72%) !important;
}

.hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background:
    linear-gradient(105deg, transparent 0 56%, rgba(211,154,108,.018) 56.2% 56.6%, transparent 56.8%),
    radial-gradient(circle at 84% 34%, rgba(224,173,131,.055) 0 1px, transparent 1.5px);
  background-size: 100% 100%, 120px 120px;
}

/* Lower the white/cream contrast across navigation and headings. */
.navbar-yummy__brand,
.navbar-yummy__link,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.navbar-yummy .cart .navbar-yummy__utility,
h1, h2, h3, h4, h5, h6,
.card-title,
.modal-title,
.products .card .card-title,
.status-card h3 {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link {
  color: #aa9786 !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible,
.navbar-yummy__link.is-active {
  color: #e1cdb9 !important;
}

/* Surfaces lifted slightly from pure black, but remain dark. */
.navbar-yummy {
  border-color: rgba(211,154,108,.085) !important;
}

.announcement {
  background:
    linear-gradient(110deg, rgba(211,154,108,.018), rgba(184,121,82,.052), rgba(211,154,108,.018)),
    rgba(13,10,9,.94) !important;
  border-color: rgba(211,154,108,.09) !important;
}

.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu {
  background-color: rgba(24,18,15,.90) ;
  border-color: rgba(211,154,108,.10) ;
}

.products .card {
  background: rgba(18,14,12,.82) !important;
  border-color: rgba(211,154,108,.085) !important;
}

/* Accent lines are now peach/caramel rather than bright vanilla-yellow. */
.navbar-yummy__link::after {
  background: linear-gradient(90deg, rgba(184,121,82,.45), rgba(224,173,131,.88)) !important;
  box-shadow: 0 0 12px rgba(211,154,108,.12) !important;
}

::selection {
  color: #160f0b;
  background: rgba(224,173,131,.82);
}

@keyframes vanillaOrbitDrift {
  0%   { transform: translate3d(-.8%, -.4%, 0) rotate(-1.2deg) scale(1.02); }
  50%  { transform: translate3d(.5%, .7%, 0) rotate(.3deg) scale(1.035); }
  100% { transform: translate3d(1.2%, -.2%, 0) rotate(1.1deg) scale(1.025); }
}

@keyframes vanillaDustDriftV2 {
  from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; }
  to   { background-position: 22px 14px, -18px 27px, 16px -20px, -24px -12px, 18px 12px; }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  body::after {
    animation: none !important;
  }
}

/* ========================================================================== 
   VANILLA NIGHT v3 — lighter vanilla palette
   ========================================================================== */

:root {
  /* Lifted, creamier tones so the site feels more vanilla while staying dark. */
  --vanilla-bg: #191310;
  --vanilla-bg-deep: #130e0b;
  --vanilla-surface: #221914;
  --vanilla-surface-raised: #2a1f19;
  --vanilla-surface-soft: #31241d;
  --vanilla-border: #4a382c;
  --vanilla-border-soft: rgba(245, 206, 162, .18);
  --vanilla-cream: #ead7c3;
  --vanilla-cream-strong: #f6e8d8;
  --vanilla-muted: #c4aa91;
  --vanilla-accent: #efc18e;
  --vanilla-accent-strong: #f6d7b3;
  --vanilla-caramel: #d29a67;
  --vanilla-cocoa: #a56d49;

  --cl-accent: var(--vanilla-accent) !important;
  --cl-accent-rgb: 239, 193, 142 !important;
  --cl-background-primary: var(--vanilla-bg) !important;
  --cl-background-primary-rgb: 25, 19, 16 !important;
  --cl-background-secondary: var(--vanilla-surface) !important;
  --cl-background-secondary-rgb: 34, 25, 20 !important;
  --cl-border: var(--vanilla-border) !important;
  --cl-border-rgb: 74, 56, 44 !important;

  --bs-body-color: var(--vanilla-cream) !important;
  --bs-emphasis-color: var(--vanilla-cream-strong) !important;
  --bs-secondary-color: var(--vanilla-muted) !important;
  --bs-tertiary-color: #ad9079 !important;
}

html,
body {
  background-color: var(--vanilla-bg-deep) !important;
}

body {
  color: var(--vanilla-cream) !important;
  background-image:
    radial-gradient(1100px 760px at 86% 12%, rgba(246, 215, 179, .11), transparent 64%),
    radial-gradient(920px 700px at 8% 32%, rgba(239, 193, 142, .08), transparent 68%),
    radial-gradient(980px 760px at 60% 84%, rgba(210, 154, 103, .07), transparent 72%),
    linear-gradient(180deg, rgba(35, 26, 21, .34), rgba(18, 13, 10, .70)) !important;
}

body::before {
  opacity: .88;
  background:
    conic-gradient(from 205deg at 79% 23%, transparent 0 39%, rgba(246,215,179,.085) 43%, rgba(239,193,142,.025) 47%, transparent 52% 100%),
    conic-gradient(from 18deg at 12% 78%, transparent 0 45%, rgba(210,154,103,.070) 49%, rgba(239,193,142,.025) 53%, transparent 58% 100%),
    radial-gradient(ellipse at 78% 24%, transparent 0 25%, rgba(246,215,179,.070) 25.5% 26.1%, transparent 26.5% 100%),
    radial-gradient(ellipse at 16% 75%, transparent 0 18%, rgba(239,193,142,.055) 18.4% 19.1%, transparent 19.4% 100%),
    radial-gradient(580px 300px at 50% 8%, rgba(246,215,179,.035), transparent 70%);
}

body::after {
  opacity: .42;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(255,234,208,.40) 0 1px, transparent 1.5px),
    radial-gradient(circle at 69% 31%, rgba(246,215,179,.27) 0 1px, transparent 1.45px),
    radial-gradient(circle at 35% 73%, rgba(239,193,142,.24) 0 1px, transparent 1.45px),
    radial-gradient(circle at 91% 81%, rgba(255,234,208,.22) 0 1px, transparent 1.45px),
    radial-gradient(340px 220px at 88% 12%, rgba(246,215,179,.05), transparent 72%),
    radial-gradient(260px 180px at 14% 76%, rgba(239,193,142,.04), transparent 70%),
    linear-gradient(115deg, transparent 0 49.65%, rgba(239,193,142,.03) 49.8% 50.2%, transparent 50.35% 100%);
  background-size: 300px 300px, 390px 390px, 350px 350px, 470px 470px, 100% 100%, 100% 100%, 180px 180px;
}

/* Core surfaces: lighter warm charcoal rather than near-black. */
.navbar-yummy,
.announcement,
.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu,
.products .card,
.form-control,
.form-select,
.alert,
.table,
.list-group-item {
  color: var(--vanilla-cream) ;
}

.navbar-yummy {
  border-color: rgba(239,193,142,.12) !important;
}

.announcement {
  background:
    linear-gradient(110deg, rgba(239,193,142,.03), rgba(210,154,103,.075), rgba(246,215,179,.03)),
    rgba(24,18,15,.92) !important;
  border-color: rgba(239,193,142,.12) !important;
}

.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu,
.form-control,
.form-select,
.alert,
.table,
.list-group-item {
  background-color: rgba(37, 28, 22, .90) ;
  border-color: rgba(239,193,142,.14) ;
  box-shadow: 0 10px 26px rgba(0,0,0,.14), 0 0 0 1px rgba(246,215,179,.015) ;
}

.products .card {
  background: rgba(41, 31, 24, .86) !important;
  border-color: rgba(239,193,142,.13) !important;
}

.hero {
  background:
    radial-gradient(820px 420px at 18% 36%, rgba(246,215,179,.075), transparent 72%),
    radial-gradient(680px 360px at 82% 18%, rgba(239,193,142,.055), transparent 72%) !important;
}

.hero::after {
  opacity: .55;
  background:
    linear-gradient(105deg, transparent 0 56%, rgba(246,215,179,.022) 56.2% 56.6%, transparent 56.8%),
    radial-gradient(circle at 84% 34%, rgba(246,215,179,.065) 0 1px, transparent 1.55px);
}

/* Typography and controls closer to the sticker palette. */
.navbar-yummy__brand,
.navbar-yummy__link,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.navbar-yummy .cart .navbar-yummy__utility,
h1, h2, h3, h4, h5, h6,
.card-title,
.modal-title,
.products .card .card-title,
.status-card h3,
label,
strong,
.btn,
.nav-link {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link,
.announcement__text,
p,
small,
.text-muted,
.hero .content p,
.products .card .text-muted {
  color: var(--vanilla-muted) !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible,
.navbar-yummy__link.is-active,
a:hover,
a:focus-visible,
.btn:hover,
.btn:focus-visible,
.dropdown-item:hover,
.dropdown-item:focus-visible {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link::after,
.navbar-yummy::after,
.announcement::after {
  background: linear-gradient(90deg, rgba(210,154,103,.55), rgba(246,215,179,.92)) !important;
  box-shadow: 0 0 14px rgba(239,193,142,.18) !important;
}

.navbar-yummy__social,
.navbar-yummy__utility,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.btn,
.badge,
.choices__list--single .choices__item--selectable {
  background: rgba(246,215,179,.04) !important;
  border-color: rgba(239,193,142,.16) !important;
}

.navbar-yummy__social:hover,
.navbar-yummy__utility:hover,
.navbar-yummy__account:hover,
.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner,
.btn:hover,
.badge:hover {
  background: rgba(246,215,179,.07) !important;
  border-color: rgba(239,193,142,.28) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16), 0 0 18px rgba(239,193,142,.10) !important;
}

input::placeholder,
textarea::placeholder {
  color: #b79e88 !important;
}

::selection {
  color: #1b140f;
  background: rgba(246,215,179,.82);
}

/* ========================================================================== 
   NAVBAR / ANNOUNCEMENT CLEANUP + REVEAL BRAND
   ========================================================================== */

/* Remove the decorative separator lines below the announcement and navbar. */
.announcement,
.navbar-yummy {
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

.announcement::after,
.navbar-yummy::after {
  display: none !important;
  content: none !important;
}

/* Logo-first brand: only the avatar is visible at rest. */
.navbar-yummy__brand--reveal {
  display: inline-flex !important;
  align-items: center;
  gap: 0;
  min-width: 42px;
  margin-right: 1.65rem !important;
  padding: .18rem 0 !important;
  overflow: visible;
  text-decoration: none !important;
  white-space: nowrap;
  transition: gap 260ms cubic-bezier(.2,.8,.2,1);
}

.navbar-yummy__brand-logo-wrap {
  position: relative;
  z-index: 2;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  background: rgba(246, 215, 179, .035);
  border: 1px solid rgba(239, 193, 142, .12);
  box-shadow: 0 5px 18px rgba(0,0,0,.12);
  transition:
    transform 260ms cubic-bezier(.2,.8,.2,1),
    background-color 260ms ease,
    border-color 260ms ease,
    box-shadow 260ms ease;
}

.navbar-yummy__brand-logo {
  width: 34px !important;
  height: 34px !important;
  max-height: none !important;
  object-fit: contain;
  filter: saturate(.92) brightness(1.04);
  transition: transform 300ms cubic-bezier(.2,.8,.2,1), filter 260ms ease;
}

.navbar-yummy__brand-name {
  display: inline-block;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateX(-7px);
  color: #f3cfaa !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(239,193,142,.08);
  transition:
    max-width 320ms cubic-bezier(.2,.8,.2,1),
    margin-left 320ms cubic-bezier(.2,.8,.2,1),
    opacity 180ms ease 40ms,
    transform 320ms cubic-bezier(.2,.8,.2,1),
    color 180ms ease;
}

.navbar-yummy__brand--reveal:hover,
.navbar-yummy__brand--reveal:focus-visible {
  gap: 0;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-logo-wrap,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-logo-wrap {
  transform: translateY(-1px) scale(1.035);
  background: rgba(246, 215, 179, .065);
  border-color: rgba(239, 193, 142, .24);
  box-shadow: 0 8px 24px rgba(0,0,0,.14), 0 0 18px rgba(239,193,142,.08);
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-logo,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-logo {
  transform: scale(1.045);
  filter: saturate(1) brightness(1.08);
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-name,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-name {
  max-width: 7.6rem;
  margin-left: .7rem;
  opacity: 1;
  transform: translateX(0);
  color: #f8dcc0 !important;
}

@media (max-width: 991.98px) {
  .navbar-yummy__brand--reveal {
    margin-right: .75rem !important;
  }

  .navbar-yummy__brand-name {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__brand--reveal,
  .navbar-yummy__brand-logo-wrap,
  .navbar-yummy__brand-logo,
  .navbar-yummy__brand-name {
    transition: none !important;
  }
}

/* ========================================================================== 
   Navbar brand v5 — slower reveal + roomier logo tile
   ========================================================================== */
.navbar-yummy__brand--reveal {
  min-width: 50px !important;
  margin-right: 1.8rem !important;
  padding: .2rem 0 !important;
  transition: gap 520ms cubic-bezier(.22,.8,.2,1) !important;
}

.navbar-yummy__brand-logo-wrap {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  border-radius: 15px !important;
  padding: 7px !important;
  transition:
    transform 460ms cubic-bezier(.22,.8,.2,1),
    background-color 420ms ease,
    border-color 420ms ease,
    box-shadow 460ms ease !important;
}

.navbar-yummy__brand-logo {
  width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  transition:
    transform 520ms cubic-bezier(.22,.8,.2,1),
    filter 420ms ease !important;
}

.navbar-yummy__brand-name {
  transform: translateX(-10px) !important;
  transition:
    max-width 560ms cubic-bezier(.22,.8,.2,1),
    margin-left 560ms cubic-bezier(.22,.8,.2,1),
    opacity 360ms ease 90ms,
    transform 560ms cubic-bezier(.22,.8,.2,1),
    color 300ms ease !important;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-logo-wrap,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-logo-wrap {
  transform: translateY(-1px) scale(1.02) !important;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-logo,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-logo {
  transform: scale(1.025) !important;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-name,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-name {
  margin-left: .85rem !important;
  transform: translateX(0) !important;
}

@media (max-width: 991.98px) {
  .navbar-yummy__brand--reveal {
    min-width: 46px !important;
  }

  .navbar-yummy__brand-logo-wrap {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    padding: 7px !important;
  }

  .navbar-yummy__brand-logo {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
  }
}


/* ==========================================================================
   Navbar v6 — sharper logo tile + clean currency button
   ========================================================================== */

/* Less rounded logo tile. */
.navbar-yummy__brand-logo-wrap {
  border-radius: 8px !important;
}

/* Remove the stray inner rectangle from the selected currency value.
   Choices applies generic selectable-item styles to the single selected item,
   so we reset those only inside the closed selector button. */
.navbar-yummy__currency .choices__inner .choices__list--single,
.navbar-yummy__currency .choices__inner .choices__list--single .choices__item,
.navbar-yummy__currency .choices__inner .choices__item--selectable,
.navbar-yummy__currency .choices__inner .choices__item.is-selected {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  min-height: 0 !important;
}

/* Keep the selected currency compact and aligned without a colored box. */
.navbar-yummy__currency .choices__inner .choices__item {
  display: flex !important;
  align-items: center !important;
  gap: .28rem !important;
  line-height: 1 !important;
}

.navbar-yummy__currency .choices__inner .choices__item::after,
.navbar-yummy__currency .choices__inner .choices__item--selectable::after {
  display: none !important;
}

/* ========================================================================== 
   SAGE CHARACTER PALETTE v7 — green palette sampled from the new mascot
   Dark overall, but softer and more pastel-green than the vanilla version.
   ========================================================================== */

:root {
  --vanilla-bg: #151b12;
  --vanilla-bg-deep: #0f140d;
  --vanilla-surface: #1d2619;
  --vanilla-surface-raised: #243020;
  --vanilla-surface-soft: #3a2a2b;
  --vanilla-border: #533f40;
  --vanilla-border-soft: rgba(227, 177, 180, .18);
  --vanilla-cream: #e7eedc;
  --vanilla-cream-strong: #f4f8ec;
  --vanilla-muted: #be898c;
  --vanilla-accent: #dfacaf;
  --vanilla-accent-strong: #f0c8cb;
  --vanilla-caramel: #af7679;
  --vanilla-cocoa: #7f5356;

  --cl-accent: var(--vanilla-accent) !important;
  --cl-accent-rgb: 197, 223, 152 !important;
  --cl-background-primary: var(--vanilla-bg) !important;
  --cl-background-primary-rgb: 21, 27, 18 !important;
  --cl-background-secondary: var(--vanilla-surface) !important;
  --cl-background-secondary-rgb: 29, 38, 25 !important;
  --cl-border: var(--vanilla-border) !important;
  --cl-border-rgb: 67, 83, 58 !important;

  --bs-body-color: var(--vanilla-cream) !important;
  --bs-emphasis-color: var(--vanilla-cream-strong) !important;
  --bs-secondary-color: var(--vanilla-muted) !important;
  --bs-tertiary-color: #9d7174 !important;
}

html,
body {
  background-color: var(--vanilla-bg-deep) !important;
}

body {
  color: var(--vanilla-cream) !important;
  background-image:
    radial-gradient(1100px 760px at 84% 10%, rgba(240, 200, 203, .10), transparent 63%),
    radial-gradient(900px 660px at 12% 26%, rgba(223, 172, 175, .08), transparent 68%),
    radial-gradient(860px 640px at 68% 82%, rgba(175, 118, 121, .08), transparent 72%),
    linear-gradient(180deg, rgba(33, 42, 28, .34), rgba(13, 18, 11, .74)) !important;
}

body::before {
  opacity: .86;
  background:
    conic-gradient(from 205deg at 79% 23%, transparent 0 39%, rgba(240, 200, 203, .08) 43%, rgba(223, 172, 175, .025) 47%, transparent 52% 100%),
    conic-gradient(from 18deg at 12% 78%, transparent 0 45%, rgba(175, 118, 121, .07) 49%, rgba(223, 172, 175, .023) 53%, transparent 58% 100%),
    radial-gradient(ellipse at 78% 24%, transparent 0 25%, rgba(240, 200, 203, .065) 25.5% 26.1%, transparent 26.5% 100%),
    radial-gradient(ellipse at 16% 75%, transparent 0 18%, rgba(223, 172, 175, .052) 18.4% 19.1%, transparent 19.4% 100%),
    radial-gradient(580px 300px at 48% 8%, rgba(244,248,236,.03), transparent 70%);
}

body::after {
  opacity: .42;
  background-image:
    radial-gradient(circle at 12% 18%, rgba(244,248,236,.38) 0 1px, transparent 1.5px),
    radial-gradient(circle at 69% 31%, rgba(240, 200, 203, .25) 0 1px, transparent 1.45px),
    radial-gradient(circle at 35% 73%, rgba(223, 172, 175, .24) 0 1px, transparent 1.45px),
    radial-gradient(circle at 91% 81%, rgba(244,248,236,.20) 0 1px, transparent 1.45px),
    radial-gradient(340px 220px at 88% 12%, rgba(240, 200, 203, .05), transparent 72%),
    radial-gradient(260px 180px at 14% 76%, rgba(223, 172, 175, .04), transparent 70%),
    linear-gradient(115deg, transparent 0 49.65%, rgba(223, 172, 175, .028) 49.8% 50.2%, transparent 50.35% 100%);
  background-size: 300px 300px, 390px 390px, 350px 350px, 470px 470px, 100% 100%, 100% 100%, 180px 180px;
}

.navbar-yummy {
  border-color: rgba(223, 172, 175, .12) !important;
}

.announcement {
  background:
    linear-gradient(110deg, rgba(223, 172, 175, .028), rgba(175, 118, 121, .075), rgba(240, 200, 203, .028)),
    rgba(19, 25, 16, .93) !important;
  border-color: rgba(223, 172, 175, .11) !important;
}

.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu,
.form-control,
.form-select,
.alert,
.table,
.list-group-item {
  background-color: rgba(31, 40, 27, .92) ;
  border-color: rgba(223, 172, 175, .14) ;
  box-shadow: 0 10px 26px rgba(0,0,0,.15), 0 0 0 1px rgba(240, 200, 203, .015) ;
}

.products .card {
  background: rgba(35, 45, 30, .88) !important;
  border-color: rgba(223, 172, 175, .14) !important;
}

.hero {
  background:
    radial-gradient(820px 420px at 18% 36%, rgba(240, 200, 203, .07), transparent 72%),
    radial-gradient(680px 360px at 82% 18%, rgba(223, 172, 175, .05), transparent 72%) !important;
}

.hero::after {
  opacity: .54;
  background:
    linear-gradient(105deg, transparent 0 56%, rgba(240, 200, 203, .022) 56.2% 56.6%, transparent 56.8%),
    radial-gradient(circle at 84% 34%, rgba(240, 200, 203, .06) 0 1px, transparent 1.55px);
}

.navbar-yummy__brand,
.navbar-yummy__link,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.navbar-yummy .cart .navbar-yummy__utility,
h1, h2, h3, h4, h5, h6,
.card-title,
.modal-title,
.products .card .card-title,
.status-card h3,
label,
strong,
.btn,
.nav-link,
.navbar-yummy__brand-name {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link,
.announcement__text,
p,
small,
.text-muted,
.hero .content p,
.products .card .text-muted {
  color: var(--vanilla-muted) !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible,
.navbar-yummy__link.is-active,
a:hover,
a:focus-visible,
.btn:hover,
.btn:focus-visible,
.dropdown-item:hover,
.dropdown-item:focus-visible {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link::after,
.navbar-yummy::after,
.announcement::after {
  background: linear-gradient(90deg, rgba(175, 118, 121, .55), rgba(240, 200, 203, .90)) !important;
  box-shadow: 0 0 14px rgba(223, 172, 175, .18) !important;
}

.navbar-yummy__social,
.navbar-yummy__utility,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.btn,
.badge,
.choices__list--single .choices__item--selectable {
  background: rgba(244,248,236,.04) !important;
  border-color: rgba(223, 172, 175, .16) !important;
}

.navbar-yummy__social:hover,
.navbar-yummy__utility:hover,
.navbar-yummy__account:hover,
.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner,
.btn:hover,
.badge:hover {
  background: rgba(244,248,236,.075) !important;
  border-color: rgba(223, 172, 175, .30) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.16), 0 0 18px rgba(223, 172, 175, .10) !important;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-logo-wrap,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-logo-wrap {
  background: rgba(244,248,236,.07) !important;
  border-color: rgba(223, 172, 175, .24) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.14), 0 0 18px rgba(223, 172, 175, .09) !important;
}

.navbar-yummy__brand--reveal:hover .navbar-yummy__brand-name,
.navbar-yummy__brand--reveal:focus-visible .navbar-yummy__brand-name {
  color: #eef7df !important;
}

input::placeholder,
textarea::placeholder {
  color: #ac7c7f !important;
}

::selection {
  color: #172012;
  background: rgba(240, 200, 203, .82);
}

/* ========================================================================== 
   HERO side image integration — featured HSR illustration
   ========================================================================== */
.hero.hero--featured-side {
  overflow: hidden;
}

.hero.hero--featured-side .container {
  position: relative;
  z-index: 1;
  gap: clamp(2rem, 4vw, 4.75rem);
  align-items: center;
}

.hero.hero--featured-side .content {
  position: relative;
  z-index: 2;
  max-width: min(620px, 100%);
}

.hero.hero--featured-side .content h1,
.hero.hero--featured-side .content p {
  position: relative;
  z-index: 2;
}

.hero.hero--featured-side .image.hero-featured-image {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex: 0 1 clamp(420px, 42vw, 760px);
  width: min(100%, clamp(420px, 42vw, 760px));
  min-height: clamp(320px, 34vw, 560px);
  margin-inline: auto;
  pointer-events: none;
}

.hero.hero--featured-side .hero-featured-image__backdrop {
  position: absolute;
  inset: auto 2% 3% 2%;
  height: 84%;
  border-radius: 36px;
  background:
    radial-gradient(ellipse at 52% 48%, rgba(223, 172, 175, .18) 0, rgba(223, 172, 175, .10) 33%, rgba(223, 172, 175, 0) 70%),
    radial-gradient(ellipse at 82% 36%, rgba(113,178,255,.16) 0, rgba(113,178,255,.06) 26%, rgba(113,178,255,0) 62%),
    radial-gradient(ellipse at 34% 58%, rgba(174,125,255,.14) 0, rgba(174,125,255,.05) 26%, rgba(174,125,255,0) 62%),
    linear-gradient(180deg, rgba(244,248,236,.04), rgba(255,255,255,0));
  filter: blur(10px);
  opacity: .95;
}

.hero.hero--featured-side .hero-featured-image::before {
  content: "";
  position: absolute;
  inset: 12% 10% 0 10%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.10) 0, rgba(255,255,255,0) 72%);
  filter: blur(14px);
  opacity: .52;
}

.hero.hero--featured-side .hero-featured-image__img {
  position: relative;
  z-index: 1;
  display: block;
  width: clamp(460px, 44vw, 780px);
  max-width: 100%;
  max-height: clamp(360px, 48vw, 700px);
  height: auto;
  object-fit: contain;
  object-position: center bottom;
  margin-left: auto;
  filter:
    drop-shadow(0 24px 34px rgba(0,0,0,.22))
    drop-shadow(0 0 24px rgba(223, 172, 175, .10))
    saturate(.96)
    contrast(.98);
  transform: translateY(10px);
}

.hero.hero--featured-side .content .stats {
  position: relative;
  z-index: 2;
}

@media (min-width: 992px) {
  .hero.hero--featured-side.alignment-left .container,
  .hero.hero--featured-side.alignment-right .container {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
    align-items: center;
  }

  .hero.hero--featured-side.alignment-right .container {
    grid-template-columns: minmax(380px, .98fr) minmax(0, 1.02fr);
  }

  .hero.hero--featured-side.alignment-right .content {
    order: 2;
    text-align: right;
    margin-left: auto;
  }

  .hero.hero--featured-side.alignment-right .image.hero-featured-image {
    order: 1;
  }

  .hero.hero--featured-side.alignment-left .image.hero-featured-image {
    justify-content: flex-end;
  }

  .hero.hero--featured-side.alignment-left .hero-featured-image__img,
  .hero.hero--featured-side.alignment-right .hero-featured-image__img {
    margin-inline: auto 0;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .container {
    display: flex !important;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
  }

  .hero.hero--featured-side .content {
    min-width: 0 !important;
    max-width: 100%;
    text-align: center !important;
  }

  .hero.hero--featured-side .fake-searchbar {
    margin-inline: auto !important;
  }

  .hero.hero--featured-side .image.hero-featured-image {
    width: min(100%, 760px);
    min-height: unset;
    padding-inline: .25rem;
  }

  .hero.hero--featured-side .hero-featured-image__backdrop {
    inset: auto 4% 4% 4%;
    height: 78%;
    border-radius: 28px;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    width: min(100%, 760px);
    max-height: 420px;
    transform: none;
  }
}

@media (max-width: 575.98px) {
  .hero.hero--featured-side .content h1 {
    font-size: clamp(2rem, 8vw, 2.6rem);
  }

  .hero.hero--featured-side .content p {
    max-width: 34rem;
    margin-inline: auto;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    max-height: 300px;
  }
}

/* ========================================================================== 
   HERO side image v9 — larger, bottom-anchored, darker/tinted composition
   ========================================================================== */

.hero.hero--featured-side {
  position: relative;
}

.hero.hero--featured-side .hero-featured-image__backdrop {
  inset: auto -2% 0 -2% !important;
  height: 72% !important;
  border-radius: 220px 220px 0 0 !important;
  background:
    radial-gradient(ellipse at 54% 94%, rgba(223, 172, 175, .12) 0, rgba(223, 172, 175, .065) 34%, rgba(223, 172, 175, 0) 70%),
    radial-gradient(ellipse at 84% 54%, rgba(113,178,255,.09) 0, rgba(113,178,255,.035) 26%, rgba(113,178,255,0) 62%),
    radial-gradient(ellipse at 30% 60%, rgba(174,125,255,.08) 0, rgba(174,125,255,.03) 26%, rgba(174,125,255,0) 62%),
    linear-gradient(180deg, rgba(244,248,236,.02), rgba(255,255,255,0)) !important;
  filter: blur(18px) !important;
  opacity: .72 !important;
}

.hero.hero--featured-side .hero-featured-image::before {
  inset: auto 6% 0 6% !important;
  height: 58% !important;
  border-radius: 50% 50% 0 0 !important;
  background: radial-gradient(ellipse at 50% 100%, rgba(244,248,236,.08) 0, rgba(244,248,236,0) 72%) !important;
  filter: blur(18px) !important;
  opacity: .42 !important;
}

.hero.hero--featured-side .hero-featured-image__img {
  filter:
    brightness(.72)
    saturate(.74)
    contrast(.98)
    sepia(.10)
    hue-rotate(8deg)
    drop-shadow(0 28px 42px rgba(0,0,0,.34))
    drop-shadow(0 0 22px rgba(223, 172, 175, .07)) !important;
}

@media (min-width: 992px) {
  .hero.hero--featured-side {
    min-height: clamp(620px, 78vh, 820px);
  }

  .hero.hero--featured-side .container {
    position: relative !important;
    display: block !important;
    min-height: clamp(620px, 78vh, 820px);
    padding-top: clamp(4.75rem, 8vw, 7rem) !important;
    padding-bottom: 0 !important;
  }

  .hero.hero--featured-side .content {
    position: relative;
    z-index: 3;
    width: min(48%, 620px) !important;
    max-width: min(48%, 620px) !important;
    min-width: 0 !important;
    padding-bottom: clamp(5rem, 8vw, 8rem);
  }

  .hero.hero--featured-side.alignment-right .content {
    margin-left: auto;
    text-align: right;
  }

  .hero.hero--featured-side .image.hero-featured-image {
    position: absolute !important;
    right: clamp(-2rem, -1vw, -.5rem);
    bottom: 0;
    width: min(62vw, 980px) !important;
    max-width: 980px;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    overflow: visible;
  }

  .hero.hero--featured-side.alignment-right .image.hero-featured-image {
    right: auto;
    left: clamp(-2rem, -1vw, -.5rem);
    justify-content: flex-start !important;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    object-fit: contain;
    object-position: center bottom;
    margin: 0 !important;
    transform: translateY(0) !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .container {
    padding-bottom: 0 !important;
  }

  .hero.hero--featured-side .image.hero-featured-image {
    width: min(108%, 860px) !important;
    margin-bottom: 0 !important;
  }

  .hero.hero--featured-side .hero-featured-image__backdrop {
    inset: auto 2% 0 2% !important;
    height: 72% !important;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    width: min(108%, 860px) !important;
    max-height: 470px !important;
    filter:
      brightness(.76)
      saturate(.80)
      contrast(.98)
      sepia(.08)
      hue-rotate(6deg)
      drop-shadow(0 20px 28px rgba(0,0,0,.26))
      drop-shadow(0 0 18px rgba(223, 172, 175, .06)) !important;
  }
}

@media (max-width: 575.98px) {
  .hero.hero--featured-side .hero-featured-image__img {
    width: min(112%, 640px) !important;
    max-height: 340px !important;
  }
}

/* ========================================================================== 
   HERO side image v10 — shifted right + greener tint
   ========================================================================== */

.hero.hero--featured-side .hero-featured-image__backdrop {
  background:
    radial-gradient(ellipse at 54% 94%, rgba(223, 172, 175, .16) 0, rgba(223, 172, 175, .085) 34%, rgba(223, 172, 175, 0) 70%),
    radial-gradient(ellipse at 84% 54%, rgba(113,178,255,.06) 0, rgba(113,178,255,.02) 26%, rgba(113,178,255,0) 62%),
    radial-gradient(ellipse at 30% 60%, rgba(174,125,255,.04) 0, rgba(174,125,255,.015) 26%, rgba(174,125,255,0) 62%),
    linear-gradient(180deg, rgba(244,248,236,.018), rgba(255,255,255,0)) !important;
}

.hero.hero--featured-side .hero-featured-image__img {
  filter:
    brightness(.69)
    saturate(.76)
    contrast(.97)
    sepia(.12)
    hue-rotate(18deg)
    drop-shadow(0 28px 42px rgba(0,0,0,.34))
    drop-shadow(0 0 24px rgba(223, 172, 175, .09)) !important;
}

@media (min-width: 992px) {
  .hero.hero--featured-side .image.hero-featured-image {
    right: clamp(-6.5rem, -4vw, -2.5rem) !important;
    width: min(65vw, 1040px) !important;
    max-width: 1040px !important;
  }

  .hero.hero--featured-side.alignment-right .image.hero-featured-image {
    left: clamp(-6.5rem, -4vw, -2.5rem) !important;
    right: auto !important;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.67)
      saturate(.74)
      contrast(.97)
      sepia(.13)
      hue-rotate(20deg)
      drop-shadow(0 30px 44px rgba(0,0,0,.35))
      drop-shadow(0 0 24px rgba(223, 172, 175, .10)) !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .image.hero-featured-image {
    transform: translateX(4%);
  }

  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.73)
      saturate(.80)
      contrast(.98)
      sepia(.10)
      hue-rotate(14deg)
      drop-shadow(0 20px 28px rgba(0,0,0,.26))
      drop-shadow(0 0 18px rgba(223, 172, 175, .07)) !important;
  }
}

/* ========================================================================== 
   SAGE PALETTE v11 — brighter overall site palette
   ========================================================================== */

:root {
  --vanilla-bg: #1a2416;
  --vanilla-bg-deep: #0f0a0d;
  --vanilla-surface: #181014;
  --vanilla-surface-raised: #3a2a2b;
  --vanilla-surface-soft: #463233;
  --vanilla-border: #5b3035;
  --vanilla-border-soft: rgba(240, 188, 192, .24);
  --vanilla-cream: #eaf3dd;
  --vanilla-cream-strong: #f6faef;
  --vanilla-muted: #d2979b;
  --vanilla-accent: #d9867f;
  --vanilla-accent-strong: #f9d1d4;
  --vanilla-caramel: #cb868b;
  --vanilla-cocoa: #995e62;

  --cl-accent: var(--vanilla-accent) !important;
  --cl-accent-rgb: 210, 238, 157 !important;
  --cl-background-primary: var(--vanilla-bg) !important;
  --cl-background-primary-rgb: 26, 36, 22 !important;
  --cl-background-secondary: var(--vanilla-surface) !important;
  --cl-background-secondary-rgb: 36, 49, 31 !important;
  --cl-border: var(--vanilla-border) !important;
  --cl-border-rgb: 93, 117, 80 !important;

  --bs-body-color: var(--vanilla-cream) !important;
  --bs-emphasis-color: var(--vanilla-cream-strong) !important;
  --bs-secondary-color: var(--vanilla-muted) !important;
  --bs-tertiary-color: #ba8689 !important;
}

html,
body {
  background-color: var(--vanilla-bg-deep) !important;
}

body {
  color: var(--vanilla-cream) !important;
  background-image:
    radial-gradient(1150px 780px at 84% 10%, rgba(249, 209, 212, .14), transparent 63%),
    radial-gradient(980px 720px at 12% 24%, rgba(238, 180, 184, .12), transparent 68%),
    radial-gradient(920px 700px at 68% 82%, rgba(203, 134, 139, .12), transparent 72%),
    linear-gradient(180deg, rgba(57, 39, 40, .34), rgba(18, 25, 14, .72)) !important;
}

body::before {
  opacity: .92;
}

body::after {
  opacity: .50;
}

.navbar-yummy {
  border-color: rgba(238, 180, 184, .16) !important;
}

.announcement {
  background:
    linear-gradient(110deg, rgba(238, 180, 184, .04), rgba(203, 134, 139, .085), rgba(249, 209, 212, .04)),
    rgba(26, 35, 21, .94) !important;
  border-color: rgba(238, 180, 184, .14) !important;
}

.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.features .list .feature,
.status-card,
.hero .content .stats,
.hero .fake-searchbar input,
.hero .search-modal .searchbar input,
.navbar-yummy__currency .choices__list--dropdown,
.navbar-yummy__products-menu,
.form-control,
.form-select,
.alert,
.table,
.list-group-item {
  background-color: rgba(54, 38, 39, .92) ;
  border-color: rgba(238, 180, 184, .17) ;
  box-shadow: 0 10px 26px rgba(0,0,0,.14), 0 0 0 1px rgba(249, 209, 212, .02) ;
}

.products .card {
  background: rgba(60, 41, 42, .89) !important;
  border-color: rgba(238, 180, 184, .17) !important;
}

.hero {
  background:
    radial-gradient(820px 420px at 18% 36%, rgba(249, 209, 212, .09), transparent 72%),
    radial-gradient(680px 360px at 82% 18%, rgba(238, 180, 184, .07), transparent 72%) !important;
}

.hero::after {
  opacity: .60;
}

.navbar-yummy__brand,
.navbar-yummy__link,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.navbar-yummy .cart .navbar-yummy__utility,
h1, h2, h3, h4, h5, h6,
.card-title,
.modal-title,
.products .card .card-title,
.status-card h3,
label,
strong,
.btn,
.nav-link,
.navbar-yummy__brand-name {
  color: var(--vanilla-cream-strong) !important;
}

.navbar-yummy__link,
.announcement__text,
p,
small,
.text-muted,
.hero .content p,
.products .card .text-muted {
  color: var(--vanilla-muted) !important;
}

.navbar-yummy__link::after,
.navbar-yummy::after,
.announcement::after {
  background: linear-gradient(90deg, rgba(203, 134, 139, .62), rgba(249, 209, 212, .96)) !important;
  box-shadow: 0 0 16px rgba(238, 180, 184, .24) !important;
}

.navbar-yummy__social,
.navbar-yummy__utility,
.navbar-yummy__account,
.navbar-yummy__currency .choices__inner,
.btn,
.badge,
.choices__list--single .choices__item--selectable {
  background: rgba(246,250,239,.055) !important;
  border-color: rgba(238, 180, 184, .20) !important;
}

.navbar-yummy__social:hover,
.navbar-yummy__utility:hover,
.navbar-yummy__account:hover,
.navbar-yummy__currency .choices:hover .choices__inner,
.navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar-yummy__currency .choices.is-open .choices__inner,
.btn:hover,
.badge:hover {
  background: rgba(246,250,239,.09) !important;
  border-color: rgba(238, 180, 184, .34) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.15), 0 0 20px rgba(238, 180, 184, .14) !important;
}

.btn-primary,
button.btn-primary,
a.btn-primary {
  color: #162012 !important;
  background: linear-gradient(180deg, rgba(249, 209, 212, .96), rgba(238, 180, 184, .92)) !important;
  border-color: rgba(249, 209, 212, .40) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16), 0 0 22px rgba(238, 180, 184, .16) !important;
}

input::placeholder,
textarea::placeholder {
  color: #c68f92 !important;
}

::selection {
  color: #182113;
  background: rgba(249, 209, 212, .88);
}

/* ========================================================================== 
   HERO side image v12 — stronger green filter for current bright sage palette
   ========================================================================== */

.hero.hero--featured-side .hero-featured-image__backdrop {
  background:
    radial-gradient(ellipse at 54% 94%, rgba(238, 180, 184, .20) 0, rgba(238, 180, 184, .10) 34%, rgba(238, 180, 184, 0) 70%),
    radial-gradient(ellipse at 84% 54%, rgba(214, 142, 147, .08) 0, rgba(214, 142, 147, .03) 26%, rgba(214, 142, 147, 0) 62%),
    radial-gradient(ellipse at 30% 60%, rgba(199, 124, 129, .10) 0, rgba(199, 124, 129, .03) 26%, rgba(199, 124, 129, 0) 62%),
    linear-gradient(180deg, rgba(246,250,239,.02), rgba(255,255,255,0)) !important;
  opacity: .82 !important;
}

.hero.hero--featured-side .hero-featured-image__img {
  filter:
    brightness(.68)
    saturate(.78)
    contrast(.96)
    sepia(.16)
    hue-rotate(34deg)
    drop-shadow(0 30px 44px rgba(0,0,0,.36))
    drop-shadow(0 0 26px rgba(238, 180, 184, .14)) !important;
}

.hero.hero--featured-side .hero-featured-image::after {
  content: "";
  position: absolute;
  inset: 6% 4% 0 4%;
  border-radius: 32px;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(238, 180, 184, .06), rgba(203, 134, 139, .10)),
    radial-gradient(circle at 58% 42%, rgba(238, 180, 184, .08) 0, rgba(238, 180, 184, 0) 58%);
  mix-blend-mode: color;
  opacity: .55;
  filter: blur(6px);
}

@media (min-width: 992px) {
  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.66)
      saturate(.80)
      contrast(.96)
      sepia(.18)
      hue-rotate(38deg)
      drop-shadow(0 32px 46px rgba(0,0,0,.36))
      drop-shadow(0 0 28px rgba(238, 180, 184, .16)) !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .hero-featured-image::after {
    inset: 7% 5% 0 5%;
    opacity: .48;
  }

  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.71)
      saturate(.82)
      contrast(.97)
      sepia(.14)
      hue-rotate(30deg)
      drop-shadow(0 22px 30px rgba(0,0,0,.28))
      drop-shadow(0 0 20px rgba(238, 180, 184, .12)) !important;
  }
}

/* ========================================================================== 
   HERO side image v13 — remove rectangular green overlay artifact
   ========================================================================== */

/* The blend overlay created a visible green rectangle behind the side image.
   Remove that layer and keep the greener tint through filters/backdrop only. */
.hero.hero--featured-side .hero-featured-image::after {
  display: none !important;
  content: none !important;
}

.hero.hero--featured-side .hero-featured-image__backdrop {
  background:
    radial-gradient(ellipse at 54% 94%, rgba(238, 180, 184, .18) 0, rgba(238, 180, 184, .09) 34%, rgba(238, 180, 184, 0) 70%),
    radial-gradient(ellipse at 84% 54%, rgba(214, 142, 147, .05) 0, rgba(214, 142, 147, .02) 26%, rgba(214, 142, 147, 0) 62%),
    radial-gradient(ellipse at 30% 60%, rgba(199, 124, 129, .08) 0, rgba(199, 124, 129, .025) 26%, rgba(199, 124, 129, 0) 62%),
    linear-gradient(180deg, rgba(246,250,239,.015), rgba(255,255,255,0)) !important;
  opacity: .72 !important;
}

.hero.hero--featured-side .hero-featured-image__img {
  filter:
    brightness(.68)
    saturate(.80)
    contrast(.96)
    sepia(.14)
    hue-rotate(32deg)
    drop-shadow(0 30px 44px rgba(0,0,0,.36))
    drop-shadow(0 0 24px rgba(238, 180, 184, .12)) !important;
}

@media (min-width: 992px) {
  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.66)
      saturate(.82)
      contrast(.96)
      sepia(.15)
      hue-rotate(35deg)
      drop-shadow(0 32px 46px rgba(0,0,0,.36))
      drop-shadow(0 0 26px rgba(238, 180, 184, .14)) !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .hero-featured-image__img {
    filter:
      brightness(.71)
      saturate(.84)
      contrast(.97)
      sepia(.12)
      hue-rotate(28deg)
      drop-shadow(0 22px 30px rgba(0,0,0,.28))
      drop-shadow(0 0 18px rgba(238, 180, 184, .10)) !important;
  }
}

/* ========================================================================== 
   Navbar cart v14 — force sage green instead of leftover warm/yellow tint
   ========================================================================== */
.navbar-yummy .cart .navbar-yummy__utility,
.navbar-yummy .cart > a,
.navbar-yummy .cart button,
.navbar-yummy__cart,
.navbar-yummy__cart .navbar-yummy__utility {
  color: #eaf6dc !important;
  background: rgba(238, 180, 184, .055) !important;
  border-color: rgba(238, 180, 184, .20) !important;
  box-shadow: none !important;
}

.navbar-yummy .cart .navbar-yummy__utility:hover,
.navbar-yummy .cart .navbar-yummy__utility:focus-visible,
.navbar-yummy .cart > a:hover,
.navbar-yummy .cart > a:focus-visible,
.navbar-yummy .cart button:hover,
.navbar-yummy .cart button:focus-visible,
.navbar-yummy__cart:hover,
.navbar-yummy__cart:focus-visible {
  color: #f4faeb !important;
  background: rgba(238, 180, 184, .10) !important;
  border-color: rgba(238, 180, 184, .36) !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.14),
    0 0 18px rgba(238, 180, 184, .12) !important;
}

.navbar-yummy .cart svg,
.navbar-yummy__cart svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}

/* ========================================================================== 
   Products dropdown v15 — lock group icons perfectly in the center
   ========================================================================== */

/* Do not move the entire group row on hover; this was visually nudging the
   icon tile after the opening animation had finished. */
.navbar-yummy__products-menu-item,
.navbar-yummy__products-menu-item:hover,
.navbar-yummy__products-menu-item:focus-visible {
  grid-template-columns: 32px minmax(0, 1fr) 16px !important;
}

.navbar-yummy__products-menu-item:hover,
.navbar-yummy__products-menu-item:focus-visible {
  transform: translateY(0) !important;
}

/* Make the square itself the fixed positioning context. */
.navbar-yummy__products-menu-icon {
  position: relative !important;
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  box-sizing: border-box !important;
  transform: none !important;
}

/* Pin the cube SVG to the mathematical center so no inherited SVG/layout
   transition can shift it once the dropdown animation completes. */
.navbar-yummy__products-menu-icon > svg,
.navbar-yummy__products-menu-icon svg {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px !important;
  min-height: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  animation: none !important;
  transition: color 160ms ease, opacity 160ms ease !important;
}

.navbar-yummy__products-menu-item:hover .navbar-yummy__products-menu-icon,
.navbar-yummy__products-menu-item:focus-visible .navbar-yummy__products-menu-icon,
.navbar-yummy__products-menu-item:hover .navbar-yummy__products-menu-icon svg,
.navbar-yummy__products-menu-item:focus-visible .navbar-yummy__products-menu-icon svg {
  transform: none !important;
}

.navbar-yummy__products-menu-item:hover .navbar-yummy__products-menu-icon svg,
.navbar-yummy__products-menu-item:focus-visible .navbar-yummy__products-menu-icon svg {
  transform: translate(-50%, -50%) !important;
}


/* ==========================================================================\n   Login modal — ADWIN burgundy redesign + reliable closing\n   ========================================================================== */\n\n/* Bootstrap appends the backdrop under <body>. Do not let #app create a\n   competing stacking context. */\n#app {\n  z-index: auto !important;\n}\n\n/* Neutral/burgundy overlay. The old #071006 was the source of the green cast. */\n.modal-backdrop {\n  z-index: 1050 !important;\n  background: #090609 !important;\n  background-color: #090609 !important;\n}\n\n.modal-backdrop.show {\n  opacity: .78 !important;\n}\n\n.modal {\n  z-index: 1055 !important;\n  pointer-events: none;\n}\n\n.modal.show {\n  pointer-events: auto;\n}\n\n.modal .modal-dialog {\n  position: relative;\n  z-index: 1;\n  pointer-events: auto;\n}\n\n#customer-login-modal .modal-dialog {\n  width: min(470px, calc(100vw - 28px)) !important;\n  max-width: 470px !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n\n#customer-login-modal .modal-content {\n  position: relative !important;\n  overflow: hidden !important;\n  color: #f8eee7 !important;\n  background:\n    radial-gradient(520px 220px at 92% -4%, rgba(201,106,103,.12), transparent 68%),\n    linear-gradient(180deg, #181014 0%, #130d11 100%) !important;\n  border: 1px solid #4b2b33 !important;\n  border-radius: 16px !important;\n  box-shadow:\n    0 26px 80px rgba(0,0,0,.56),\n    0 0 0 1px rgba(201,106,103,.035),\n    0 0 44px rgba(201,106,103,.07) !important;\n}\n\n#customer-login-modal .modal-content::before {\n  content: "" !important;\n  position: absolute !important;\n  inset: 0 0 auto !important;\n  height: 2px !important;\n  pointer-events: none !important;\n  background: linear-gradient(90deg, transparent, #c96a67 22%, #df8d86 50%, #c96a67 78%, transparent) !important;\n  opacity: .9 !important;\n}\n\n#customer-login-modal .modal-header {\n  align-items: flex-start !important;\n  gap: 18px !important;\n  padding: 22px 22px 18px !important;\n  border-bottom: 1px solid #342129 !important;\n  background: rgba(255,255,255,.012) !important;\n}\n\n#customer-login-modal .adwin-login-modal__heading {\n  min-width: 0 !important;\n}\n\n#customer-login-modal .adwin-login-modal__eyebrow {\n  display: block !important;\n  margin-bottom: 6px !important;\n  color: #c96a67 !important;\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  line-height: 1.2 !important;\n  letter-spacing: .16em !important;\n}\n\n#customer-login-modal .modal-title {\n  margin: 0 !important;\n  color: #f8eee7 !important;\n  font-size: 20px !important;\n  line-height: 1.2 !important;\n  font-weight: 700 !important;\n}\n\n#customer-login-modal .modal-body {\n  padding: 20px 22px 22px !important;\n  background: transparent !important;\n}\n\n#customer-login-modal .form-label {\n  margin-bottom: 4px !important;\n  color: #e6d8d6 !important;\n  font-size: 12px !important;\n  font-weight: 700 !important;\n}\n\n#customer-login-modal .form-text {\n  color: #9f8c91 !important;\n  font-size: 11px !important;\n  line-height: 1.5 !important;\n}\n\n#customer-login-modal .form-control {\n  min-height: 44px !important;\n  color: #f8eee7 !important;\n  background: #100b0e !important;\n  border: 1px solid #3c272d !important;\n  border-radius: 10px !important;\n  box-shadow: none !important;\n}\n\n#customer-login-modal .form-control::placeholder {\n  color: #75656a !important;\n  opacity: 1 !important;\n}\n\n#customer-login-modal .form-control:hover {\n  border-color: #533039 !important;\n}\n\n#customer-login-modal .form-control:focus {\n  color: #f8eee7 !important;\n  background: #120c10 !important;\n  border-color: #c96a67 !important;\n  box-shadow: 0 0 0 3px rgba(201,106,103,.10) !important;\n}\n\n#customer-login-modal .btn-primary {\n  min-height: 44px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  gap: 8px !important;\n  color: #2a0c10 !important;\n  background: #c96a67 !important;\n  border: 1px solid #c96a67 !important;\n  border-radius: 10px !important;\n  box-shadow: none !important;\n  font-weight: 700 !important;\n}\n\n#customer-login-modal .btn-primary:hover,\n#customer-login-modal .btn-primary:focus-visible {\n  color: #2a0c10 !important;\n  background: #df8d86 !important;\n  border-color: #df8d86 !important;\n  box-shadow: 0 0 0 3px rgba(201,106,103,.10) !important;\n}\n\n#customer-login-modal .btn-primary:disabled {\n  color: #5e4549 !important;\n  background: #6f4b4e !important;\n  border-color: #6f4b4e !important;\n  opacity: .72 !important;\n}\n\n#customer-login-modal .btn-link {\n  color: #bda8ab !important;\n  text-decoration: none !important;\n}\n\n#customer-login-modal .btn-link:hover,\n#customer-login-modal .btn-link:focus-visible {\n  color: #df8d86 !important;\n}\n\n#customer-login-modal hr {\n  border-color: #3c272d !important;\n  opacity: 1 !important;\n}\n\n#customer-login-modal .btn-outline-primary {\n  min-height: 42px !important;\n  color: #e9dcda !important;\n  background: #171014 !important;\n  border: 1px solid #493039 !important;\n  border-radius: 10px !important;\n}\n\n#customer-login-modal .btn-outline-primary:hover,\n#customer-login-modal .btn-outline-primary:focus-visible {\n  color: #f8eee7 !important;\n  background: #21151a !important;\n  border-color: #6b343a !important;\n}\n\n/* Explicitly interactive close control. Bootstrap dismisses the modal, while\n   the Alpine click handler in the template resets login state as a fallback. */\n#customer-login-modal .btn-close {\n  position: relative !important;\n  z-index: 10 !important;\n  flex: 0 0 34px !important;\n  width: 34px !important;\n  height: 34px !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  pointer-events: auto !important;\n  border: 1px solid #493039 !important;\n  border-radius: 9px !important;\n  background-color: #171014 !important;\n  opacity: 1 !important;\n  box-shadow: none !important;\n  filter: invert(91%) sepia(8%) saturate(363%) hue-rotate(310deg) brightness(108%) !important;\n  cursor: pointer !important;\n  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease !important;\n}\n\n#customer-login-modal .btn-close:hover,\n#customer-login-modal .btn-close:focus-visible {\n  background-color: #2a191f !important;\n  border-color: #6b343a !important;\n  transform: scale(1.04) !important;\n}\n\n@media (max-width: 575.98px) {\n  #customer-login-modal .modal-dialog {\n    width: calc(100vw - 20px) !important;\n    margin: 10px auto !important;\n  }\n\n  #customer-login-modal .modal-header {\n    padding: 18px 18px 15px !important;\n  }\n\n  #customer-login-modal .modal-body {\n    padding: 17px 18px 19px !important;\n  }\n}\n\n/* ========================================================================== 
   Navbar mobile v17 — match current bright sage palette
   ========================================================================== */
@media (max-width: 991.98px) {
  .navbar-yummy .navbar-collapse {
    margin-top: .75rem !important;
    padding: .72rem !important;
    background:
      radial-gradient(520px 220px at 100% 0%, rgba(238, 180, 184, .07), transparent 72%),
      rgba(31, 43, 26, .97) !important;
    border: 1px solid rgba(238, 180, 184, .17) !important;
    border-radius: 12px !important;
    box-shadow:
      0 16px 38px rgba(0,0,0,.24),
      0 0 0 1px rgba(249, 209, 212, .018) !important;
    backdrop-filter: blur(18px) saturate(118%);
    -webkit-backdrop-filter: blur(18px) saturate(118%);
  }

  .navbar-yummy__links {
    gap: .12rem !important;
  }

  .navbar-yummy__link {
    color: var(--vanilla-cream) !important;
    background: transparent !important;
    border-radius: 8px !important;
  }

  .navbar-yummy__link:hover,
  .navbar-yummy__link:focus-visible,
  .navbar-yummy__link.is-active {
    color: var(--vanilla-cream-strong) !important;
    background: rgba(249, 209, 212, .055) !important;
  }

  .navbar-yummy__link-icon {
    color: #bd888c !important;
  }

  .navbar-yummy__link:hover .navbar-yummy__link-icon,
  .navbar-yummy__link:focus-visible .navbar-yummy__link-icon,
  .navbar-yummy__link.is-active .navbar-yummy__link-icon {
    color: var(--vanilla-accent) !important;
  }

  .navbar-yummy__right {
    padding-top: .72rem !important;
    margin-top: .55rem !important;
    border-top: 1px solid rgba(238, 180, 184, .12) !important;
  }

  .navbar-yummy__social,
  .navbar-yummy__utility,
  .navbar-yummy__account,
  .navbar-yummy__currency .choices__inner,
  .navbar-yummy .cart .navbar-yummy__utility,
  .navbar-yummy .cart > a,
  .navbar-yummy .cart button,
  .navbar-yummy__cart {
    background: rgba(246,250,239,.055) !important;
    border-color: rgba(238, 180, 184, .20) !important;
    color: var(--vanilla-cream-strong) !important;
    box-shadow: none !important;
  }

  .navbar-yummy__social:hover,
  .navbar-yummy__utility:hover,
  .navbar-yummy__account:hover,
  .navbar-yummy__currency .choices:hover .choices__inner,
  .navbar-yummy__currency .choices.is-focused .choices__inner,
  .navbar-yummy__currency .choices.is-open .choices__inner,
  .navbar-yummy .cart .navbar-yummy__utility:hover,
  .navbar-yummy .cart > a:hover,
  .navbar-yummy .cart button:hover,
  .navbar-yummy__cart:hover {
    background: rgba(249, 209, 212, .09) !important;
    border-color: rgba(238, 180, 184, .34) !important;
    color: var(--vanilla-cream-strong) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.12), 0 0 16px rgba(238, 180, 184, .10) !important;
  }

  .navbar-yummy__toggler {
    background: rgba(246,250,239,.055) !important;
    border-color: rgba(238, 180, 184, .18) !important;
    color: var(--vanilla-cream-strong) !important;
  }

  .navbar-yummy__toggler:hover,
  .navbar-yummy__toggler:focus-visible {
    background: rgba(249, 209, 212, .09) !important;
    border-color: rgba(238, 180, 184, .30) !important;
  }

  .navbar-yummy__currency .choices__list--dropdown {
    background: rgba(34, 47, 29, .985) ;
    border-color: rgba(238, 180, 184, .17) ;
  }
}

/* ========================================================================== 
   Navbar language switcher v18 — EN / RU / ZH only
   ========================================================================== */
.navbar-yummy__language {
  position: relative;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px;
  flex: 0 0 42px;
  z-index: 35;
}

.navbar-yummy__language > select {
  width: 42px !important;
  height: 42px !important;
}

.navbar-yummy__language-globe {
  position: absolute;
  z-index: 5;
  inset: 0;
  display: grid;
  place-items: center;
  pointer-events: none;
  color: var(--vanilla-cream-strong);
  transition: color 180ms ease, transform 220ms cubic-bezier(.22,.8,.2,1);
}

.navbar-yummy__language-globe svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.navbar-yummy__language .choices {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  overflow: visible !important;
}

.navbar-yummy__language .choices__inner {
  position: relative;
  display: block !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(238, 180, 184, .20) !important;
  border-radius: 9px !important;
  background: rgba(246,250,239,.055) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

/* Selected language text stays visually hidden: the navbar control is a
   clean globe icon. The actual select remains accessible to screen readers. */
.navbar-yummy__language .choices__inner .choices__list--single,
.navbar-yummy__language .choices__inner .choices__item {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  background: transparent !important;
}

.navbar-yummy__language .choices::after {
  display: none !important;
}

.navbar-yummy__language:hover .choices__inner,
.navbar-yummy__language .choices.is-focused .choices__inner,
.navbar-yummy__language .choices.is-open .choices__inner {
  background: rgba(249, 209, 212, .09) !important;
  border-color: rgba(238, 180, 184, .34) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.13), 0 0 16px rgba(238, 180, 184, .10) !important;
}

.navbar-yummy__language:hover .navbar-yummy__language-globe,
.navbar-yummy__language:focus-within .navbar-yummy__language-globe {
  color: var(--vanilla-accent-strong);
  transform: scale(1.045);
}

.navbar-yummy__language .choices__list--dropdown {
  position: absolute ;
  top: calc(100% + 8px) ;
  right: 0 ;
  left: auto ;
  width: 190px ;
  min-width: 190px ;
  margin: 0 ;
  padding: 7px ;
  border: 1px solid rgba(238, 180, 184, .17) ;
  border-radius: 11px ;
  background:
    radial-gradient(260px 120px at 100% 0%, rgba(238, 180, 184, .07), transparent 70%),
    rgba(34,47,29,.985) ;
  box-shadow: 0 18px 44px rgba(0,0,0,.28), 0 0 0 1px rgba(249, 209, 212, .018) ;
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  transform: translateY(-7px) scale(.985);
  transform-origin: top right;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 180ms ease,
    transform 220ms cubic-bezier(.22,.8,.2,1),
    visibility 180ms ease ;
}

.navbar-yummy__language .choices.is-open .choices__list--dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.navbar-yummy__language .choices__list--dropdown .choices__list {
  max-height: none ;
  overflow: visible ;
}

.navbar-yummy__language .choices__list--dropdown .choices__item {
  position: relative ;
  display: flex ;
  align-items: center ;
  width: 100% ;
  height: auto ;
  min-height: 40px ;
  padding: 9px 11px ;
  margin: 0 ;
  clip: auto ;
  clip-path: none ;
  overflow: visible ;
  white-space: nowrap ;
  color: var(--vanilla-muted) ;
  font-size: .82rem ;
  font-weight: 600 ;
  line-height: 1.2 ;
  border: 0 ;
  border-radius: 7px ;
  background: transparent ;
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease ;
}

.navbar-yummy__language .choices__list--dropdown .choices__item.is-highlighted,
.navbar-yummy__language .choices__list--dropdown .choices__item.is-selected {
  color: var(--vanilla-cream-strong) ;
  background: rgba(238, 180, 184, .085) ;
}

.navbar-yummy__language .choices__list--dropdown .choices__item::after {
  display: none ;
}

@media (max-width: 991.98px) {
  .navbar-yummy__right {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .5rem !important;
  }

  .navbar-yummy__language,
  .navbar-yummy__language .choices,
  .navbar-yummy__language .choices__inner {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
  }

  .navbar-yummy__language .choices__list--dropdown {
    right: auto ;
    left: 0 ;
    transform-origin: top left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__language-globe,
  .navbar-yummy__language .choices__inner,
  .navbar-yummy__language .choices__list--dropdown,
  .navbar-yummy__language .choices__list--dropdown .choices__item {
    transition: none ;
  }
}

/* ========================================================================== 
   Navbar language switcher v19 — full-page Google translation
   ========================================================================== */
.navbar-yummy__language {
  position: relative;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px;
  flex: 0 0 42px;
  z-index: 60;
}

.navbar-yummy__language-button {
  position: relative;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(238, 180, 184, .20);
  border-radius: 9px;
  background: rgba(246,250,239,.055);
  color: var(--vanilla-cream-strong);
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.navbar-yummy__language-button:hover,
.navbar-yummy__language-button:focus-visible,
.navbar-yummy__language.is-open .navbar-yummy__language-button {
  background: rgba(249, 209, 212, .09);
  border-color: rgba(238, 180, 184, .34);
  box-shadow: 0 8px 20px rgba(0,0,0,.13), 0 0 16px rgba(238, 180, 184, .10);
  outline: 0;
}

.navbar-yummy__language-button .navbar-yummy__language-globe {
  position: static;
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  pointer-events: none;
}

.navbar-yummy__language-button:hover .navbar-yummy__language-globe,
.navbar-yummy__language.is-open .navbar-yummy__language-globe {
  color: var(--vanilla-accent-strong);
  transform: scale(1.045);
}

.navbar-yummy__language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 196px;
  padding: 7px;
  border: 1px solid rgba(238, 180, 184, .17);
  border-radius: 11px;
  background:
    radial-gradient(260px 120px at 100% 0%, rgba(238, 180, 184, .07), transparent 70%),
    rgba(34,47,29,.985);
  box-shadow: 0 18px 44px rgba(0,0,0,.28), 0 0 0 1px rgba(249, 209, 212, .018);
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  transform: translateY(-7px) scale(.985);
  transform-origin: top right;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.22,.8,.2,1), visibility 180ms ease;
}

.navbar-yummy__language.is-open .navbar-yummy__language-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.navbar-yummy__language-title {
  padding: 4px 10px 7px;
  color: rgba(210, 151, 155, .58);
  font-size: .62rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
}

.navbar-yummy__language-option {
  display: grid;
  grid-template-columns: 24px 1fr 18px;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--vanilla-muted);
  text-align: left;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 150ms ease, background-color 150ms ease;
}

.navbar-yummy__language-option:hover,
.navbar-yummy__language-option:focus-visible,
.navbar-yummy__language-option.is-active {
  color: var(--vanilla-cream-strong);
  background: rgba(238, 180, 184, .085);
  outline: 0;
}

.navbar-yummy__language-flag {
  font-size: 1rem;
  line-height: 1;
}

.navbar-yummy__language-check {
  opacity: 0;
  color: var(--vanilla-accent-strong);
  font-size: .76rem;
  text-align: right;
  transform: scale(.8);
  transition: opacity 150ms ease, transform 150ms ease;
}

.navbar-yummy__language-option.is-active .navbar-yummy__language-check {
  opacity: 1;
  transform: scale(1);
}

.adwin-google-translate-host,
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-menu-value,
.goog-te-gadget {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body {
  top: 0 !important;
}

@media (max-width: 991.98px) {
  .navbar-yummy__language-menu {
    right: auto;
    left: 0;
    transform-origin: top left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .navbar-yummy__language-button,
  .navbar-yummy__language-globe,
  .navbar-yummy__language-menu,
  .navbar-yummy__language-option,
  .navbar-yummy__language-check {
    transition: none ;
  }
}

/* ========================================================================== 
   Translator v20 — completely hide Google Translate chrome / popup UI
   Keep only our custom navbar language picker visible.
   ========================================================================== */

/* Old Google Translate UI */
.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame,
.goog-te-menu-frame,
.goog-te-ftab,
.goog-te-gadget,
.goog-te-gadget-simple,
.goog-tooltip,
.goog-tooltip:hover,
#goog-gt-tt,
#goog-gt-vt,
iframe.goog-te-banner-frame,
iframe.goog-te-menu-frame,
iframe.skiptranslate,

/* Current Google Translate UI class names */
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
.VIpgJd-ZVi9od-l4eHX-hSRGPd,
.VIpgJd-yAWNEb-L7lbkb,
.VIpgJd-ZVi9od-SmfZ-OEVmcd,
.VIpgJd-ZVi9od-vH1Gmf,
.VIpgJd-ZVi9od-xl07Ob-OEVmcd,
.VIpgJd-ZVi9od-xl07Ob-lTBxed,
.VIpgJd-ZVi9od-ORHb,
.adwin-google-translate-host {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Google sometimes highlights translated text on hover. */
.goog-text-highlight,
font[style*="background-color: rgb(255, 255, 255)"],
font[style*="box-shadow"] {
  background: transparent !important;
  box-shadow: none !important;
}

html,
body,
body.translated-ltr,
body.translated-rtl {
  top: 0 !important;
  margin-top: 0 !important;
}

/* v21 — keep merchant names and currency UI out of automatic translation */
.notranslate[translate="no"],
.navbar-yummy__currency[translate="no"] {
  unicode-bidi: isolate;
}


/* ==========================================================================
   Hero v22 — KPI refresh
   ========================================================================== */

.hero.hero--featured-side .hero-kpis {
  margin-top: 1.35rem;
}

.hero.hero--featured-side .hero-kpis .stats {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .72rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero.hero--featured-side .hero-kpis .hero-kpi {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: .72rem;
  min-width: 160px;
  padding: .78rem .92rem !important;
  border: 1px solid rgba(238, 180, 184, .15) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(249, 209, 212, .055), rgba(203, 134, 139, .018)),
    rgba(52, 36, 37, .70) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(246,250,239,.035) !important;
  overflow: hidden;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease;
}

.hero.hero--featured-side .hero-kpis .hero-kpi::after {
  content: "";
  position: absolute;
  width: 72px;
  height: 72px;
  right: -28px;
  top: -34px;
  border-radius: 999px;
  background: rgba(238, 180, 184, .08);
  filter: blur(10px);
  pointer-events: none;
}

.hero.hero--featured-side .hero-kpis .hero-kpi:hover {
  transform: translateY(-2px);
  border-color: rgba(238, 180, 184, .26) !important;
  background:
    linear-gradient(135deg, rgba(249, 209, 212, .075), rgba(203, 134, 139, .025)),
    rgba(57, 39, 40, .78) !important;
  box-shadow:
    0 15px 34px rgba(0,0,0,.19),
    0 0 24px rgba(238, 180, 184, .045),
    inset 0 1px 0 rgba(246,250,239,.05) !important;
}

.hero.hero--featured-side .hero-kpi__icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(238, 180, 184, .17);
  border-radius: 11px;
  color: var(--vanilla-accent-strong, #f9d1d4);
  background: rgba(238, 180, 184, .07);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.05);
}

.hero.hero--featured-side .hero-kpi__icon svg {
  width: 19px !important;
  height: 19px !important;
}

.hero.hero--featured-side .hero-kpi__copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.05;
}

.hero.hero--featured-side .hero-kpi .value {
  display: block !important;
  margin: 0 0 .26rem !important;
  color: var(--vanilla-cream-strong, #f6faef) !important;
  font-size: 1.12rem !important;
  font-weight: 760 !important;
  letter-spacing: -.02em;
}

.hero.hero--featured-side .hero-kpi .label {
  display: block !important;
  color: var(--vanilla-muted, #d2979b) !important;
  font-size: .74rem !important;
  font-weight: 520 !important;
  letter-spacing: .01em;
  opacity: .88;
}

@media (max-width: 575.98px) {
  .hero.hero--featured-side .hero-kpis {
    width: 100%;
    margin-top: 1.05rem;
  }

  .hero.hero--featured-side .hero-kpis .stats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: .55rem !important;
  }

  .hero.hero--featured-side .hero-kpis .hero-kpi {
    min-width: 0;
    padding: .7rem .68rem !important;
    gap: .56rem;
    border-radius: 12px !important;
  }

  .hero.hero--featured-side .hero-kpi__icon {
    flex-basis: 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .hero.hero--featured-side .hero-kpi__icon svg {
    width: 17px !important;
    height: 17px !important;
  }

  .hero.hero--featured-side .hero-kpi .value {
    font-size: 1rem !important;
  }

  .hero.hero--featured-side .hero-kpi .label {
    font-size: .67rem !important;
  }
}

/* ========================================================================== 
   Hero v23 — cleaner KPI layout + align content with brand edge
   ========================================================================== */

.hero.hero--featured-side .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hero.hero--featured-side.alignment-right .content {
  align-items: flex-end;
}

.hero.hero--featured-side .content > h1,
.hero.hero--featured-side .content > p,
.hero.hero--featured-side .hero-kpis {
  width: 100%;
}

.hero.hero--featured-side .content > p {
  max-width: 42rem;
}

.hero.hero--featured-side.alignment-right .content > p {
  margin-left: auto;
}

.hero.hero--featured-side .hero-kpis {
  margin-top: 1.1rem;
}

.hero.hero--featured-side .hero-kpis .stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(168px, 186px));
  justify-content: flex-start !important;
  align-items: stretch;
  width: max-content !important;
  max-width: 100%;
  margin: 0 !important;
  gap: .88rem !important;
}

.hero.hero--featured-side.alignment-right .hero-kpis .stats {
  margin-left: auto !important;
}

.hero.hero--featured-side .hero-kpis .hero-kpi {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  min-height: 112px;
  padding: .95rem 1rem .9rem !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(249, 209, 212, .065), rgba(203, 134, 139, .022)),
    rgba(52, 36, 37, .62) !important;
  border: 1px solid rgba(238, 180, 184, .16) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(246,250,239,.04) !important;
}

.hero.hero--featured-side .hero-kpis .hero-kpi::after {
  width: 82px;
  height: 82px;
  right: -34px;
  top: -38px;
  background: rgba(238, 180, 184, .065);
}

.hero.hero--featured-side .hero-kpis .hero-kpi:hover {
  transform: translateY(-2px);
  background:
    linear-gradient(135deg, rgba(249, 209, 212, .082), rgba(203, 134, 139, .03)),
    rgba(57, 39, 40, .72) !important;
}

.hero.hero--featured-side .hero-kpi__icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 12px;
  margin-bottom: .82rem;
  color: var(--vanilla-cream-strong, #f6faef);
  background: rgba(238, 180, 184, .075);
  border: 1px solid rgba(238, 180, 184, .18);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.05);
}

.hero.hero--featured-side .hero-kpi__icon svg {
  width: 18px !important;
  height: 18px !important;
}

.hero.hero--featured-side .hero-kpi__copy {
  gap: .2rem;
}

.hero.hero--featured-side .hero-kpi .value {
  margin: 0 !important;
  font-size: 1.65rem !important;
  font-weight: 780 !important;
  line-height: 1;
}

.hero.hero--featured-side .hero-kpi .label {
  margin-top: .22rem;
  font-size: .84rem !important;
  font-weight: 560 !important;
  line-height: 1.25;
  opacity: .94;
}

/* Keep the hero content edge visually lined up on smaller desktop widths. */
@media (min-width: 992px) {
  .hero.hero--featured-side .content {
    padding-left: .15rem;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--featured-side .content {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero.hero--featured-side .content > p {
    max-width: 32rem;
  }

  .hero.hero--featured-side .hero-kpis .stats {
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem !important;
  }

  .hero.hero--featured-side .hero-kpis .hero-kpi {
    min-height: 108px;
  }
}

@media (max-width: 575.98px) {
  .hero.hero--featured-side .content {
    text-align: left !important;
  }

  .hero.hero--featured-side .hero-kpis {
    margin-top: .92rem;
  }

  .hero.hero--featured-side .hero-kpis .stats {
    gap: .62rem !important;
  }

  .hero.hero--featured-side .hero-kpis .hero-kpi {
    min-height: 98px;
    padding: .82rem .78rem .76rem !important;
    border-radius: 14px !important;
  }

  .hero.hero--featured-side .hero-kpi__icon {
    width: 36px;
    height: 36px;
    margin-bottom: .66rem;
  }

  .hero.hero--featured-side .hero-kpi__icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .hero.hero--featured-side .hero-kpi .value {
    font-size: 1.3rem !important;
  }

  .hero.hero--featured-side .hero-kpi .label {
    font-size: .74rem !important;
  }
}

/* ========================================================================== 
   Hero v24 — ADWIN featured layout
   ========================================================================== */
.hero.hero--adwin-showcase {
  position: relative;
  overflow: hidden;
}

.hero.hero--adwin-showcase .container {
  position: relative;
  z-index: 1;
}

.hero.hero--adwin-showcase .content.hero-showcase {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.hero.hero--adwin-showcase .hero-showcase__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1rem;
  padding: .45rem .78rem;
  border-radius: 999px;
  background: rgba(238, 180, 184, .065);
  border: 1px solid rgba(238, 180, 184, .14);
  color: var(--vanilla-cream-strong);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .01em;
}

.hero.hero--adwin-showcase .hero-showcase__eyebrow-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--vanilla-accent, #d9867f);
  box-shadow: 0 0 14px rgba(238, 180, 184, .45);
}

.hero.hero--adwin-showcase .content h1 {
  margin-bottom: 1rem !important;
  max-width: 11ch;
  line-height: .98;
}

.hero.hero--adwin-showcase .content > p {
  max-width: 38rem;
  margin-bottom: 1.15rem !important;
  color: var(--vanilla-muted);
  font-size: 1.02rem;
  line-height: 1.5;
}

.hero.hero--adwin-showcase .hero-showcase__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin-bottom: 1.15rem;
}

.hero.hero--adwin-showcase .hero-showcase__meta-item {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  min-width: 112px;
  padding: .72rem .85rem;
  border-radius: 14px;
  background: rgba(33,46,28,.64);
  border: 1px solid rgba(238, 180, 184, .13);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.03);
}

.hero.hero--adwin-showcase .hero-showcase__meta-label {
  color: var(--vanilla-muted);
  font-size: .73rem;
  line-height: 1.15;
}

.hero.hero--adwin-showcase .hero-showcase__meta-value {
  color: var(--vanilla-cream-strong);
  font-size: .98rem;
  font-weight: 700;
}

.hero.hero--adwin-showcase .hero-showcase__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem;
  margin-bottom: 1.1rem;
}

.hero.hero--adwin-showcase .hero-showcase__primary-btn,
.hero.hero--adwin-showcase .hero-showcase__secondary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 48px;
  padding: .8rem 1.15rem;
  border-radius: 13px;
}

.hero.hero--adwin-showcase .hero-showcase__secondary-btn {
  color: var(--vanilla-cream-strong) !important;
  background: rgba(246,250,239,.045) !important;
  border: 1px solid rgba(238, 180, 184, .17) !important;
}

.hero.hero--adwin-showcase .hero-showcase__secondary-btn:hover {
  background: rgba(246,250,239,.08) !important;
  border-color: rgba(238, 180, 184, .28) !important;
}

.hero.hero--adwin-showcase .hero-showcase__price-pill {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  min-height: 48px;
  padding: .7rem 1rem;
  border-radius: 13px;
  background: rgba(33,46,28,.64);
  border: 1px solid rgba(238, 180, 184, .14);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.03);
}

.hero.hero--adwin-showcase .hero-showcase__price-label {
  color: var(--vanilla-muted);
  font-size: .78rem;
}

.hero.hero--adwin-showcase .hero-showcase__price-value {
  color: var(--vanilla-cream-strong);
  font-size: 1rem;
  font-weight: 700;
}

.hero.hero--adwin-showcase .hero-showcase__searchbar {
  width: min(100%, 34rem) !important;
  margin-bottom: 1.05rem;
}

.hero.hero--adwin-showcase .hero-showcase__chips {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-bottom: 1rem;
}

.hero.hero--adwin-showcase .hero-showcase__chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: .45rem .8rem;
  border-radius: 999px;
  background: rgba(246,250,239,.04);
  border: 1px solid rgba(238, 180, 184, .12);
  color: var(--vanilla-muted);
  font-size: .75rem;
  font-weight: 550;
}

.hero.hero--adwin-showcase .hero-showcase__groups {
  display: flex;
  flex-direction: column;
  gap: .65rem;
  width: 100%;
}

.hero.hero--adwin-showcase .hero-showcase__groups-label {
  color: var(--vanilla-cream-strong);
  font-size: .86rem;
  font-weight: 650;
}

.hero.hero--adwin-showcase .hero-showcase__groups-list {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.hero.hero--adwin-showcase .hero-showcase__group-pill {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .9rem;
  border-radius: 12px;
  background: rgba(246,250,239,.042);
  border: 1px solid rgba(238, 180, 184, .13);
  color: var(--vanilla-cream) !important;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.hero.hero--adwin-showcase .hero-showcase__group-pill:hover {
  transform: translateY(-2px);
  background: rgba(246,250,239,.07);
  border-color: rgba(238, 180, 184, .24);
}

.hero.hero--adwin-showcase .image.hero-featured-image {
  min-height: clamp(420px, 39vw, 620px);
}

.hero.hero--adwin-showcase .hero-featured-image__img {
  filter:
    brightness(.66)
    saturate(.82)
    contrast(.96)
    sepia(.15)
    hue-rotate(35deg)
    drop-shadow(0 30px 46px rgba(0,0,0,.36))
    drop-shadow(0 0 26px rgba(238, 180, 184, .12)) !important;
}

.hero.hero--adwin-showcase .hero-spotlight-card {
  position: absolute;
  left: clamp(.5rem, 2vw, 1.5rem);
  bottom: clamp(1rem, 2vw, 1.5rem);
  z-index: 2;
  width: min(360px, 56%);
  padding: 1rem;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(246,250,239,.055), rgba(246,250,239,.02)),
    rgba(28, 39, 24, .82);
  border: 1px solid rgba(238, 180, 184, .16);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 48px rgba(0,0,0,.26), inset 0 1px 0 rgba(246,250,239,.04);
}

.hero.hero--adwin-showcase .hero-spotlight-card__head {
  margin-bottom: .8rem;
}

.hero.hero--adwin-showcase .hero-spotlight-card__eyebrow {
  display: inline-block;
  margin-bottom: .4rem;
  color: var(--vanilla-muted);
  font-size: .76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.hero.hero--adwin-showcase .hero-spotlight-card__title {
  margin: 0;
  color: var(--vanilla-cream-strong);
  font-size: 1.18rem;
  font-weight: 700;
}

.hero.hero--adwin-showcase .hero-spotlight-card__list {
  display: flex;
  flex-direction: column;
  gap: .6rem;
}

.hero.hero--adwin-showcase .hero-spotlight-card__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .82rem .9rem;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(246,250,239,.036);
  border: 1px solid rgba(238, 180, 184, .11);
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.hero.hero--adwin-showcase .hero-spotlight-card__item:hover {
  transform: translateY(-2px);
  background: rgba(246,250,239,.058);
  border-color: rgba(238, 180, 184, .21);
}

.hero.hero--adwin-showcase .hero-spotlight-card__item-copy {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.hero.hero--adwin-showcase .hero-spotlight-card__item-name {
  color: var(--vanilla-cream-strong);
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.25;
}

.hero.hero--adwin-showcase .hero-spotlight-card__item-status {
  color: var(--vanilla-muted);
  font-size: .72rem;
}

.hero.hero--adwin-showcase .hero-spotlight-card__item-price {
  flex: 0 0 auto;
  color: var(--vanilla-accent-strong);
  font-size: .92rem;
  font-weight: 700;
  white-space: nowrap;
}

.hero.hero--adwin-showcase .hero-spotlight-card__empty {
  padding: .9rem;
  border-radius: 14px;
  background: rgba(246,250,239,.03);
  color: var(--vanilla-muted);
}

.hero.hero--adwin-showcase .hero-spotlight-card__footer {
  margin-top: .8rem;
  padding-top: .8rem;
  border-top: 1px solid rgba(238, 180, 184, .10);
}

.hero.hero--adwin-showcase .hero-spotlight-card__all {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--vanilla-cream-strong) !important;
  text-decoration: none;
  font-weight: 600;
}

.hero.hero--adwin-showcase .hero-spotlight-card__all svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8;
}

@media (min-width: 992px) {
  .hero.hero--adwin-showcase {
    min-height: clamp(720px, 86vh, 900px);
  }

  .hero.hero--adwin-showcase .container {
    min-height: clamp(720px, 86vh, 900px);
  }

  .hero.hero--adwin-showcase .content.hero-showcase {
    width: min(50%, 670px) !important;
    max-width: min(50%, 670px) !important;
    padding-bottom: clamp(7.5rem, 10vw, 9.5rem);
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    right: clamp(-7rem, -5vw, -2.8rem) !important;
    width: min(64vw, 1050px) !important;
    max-width: 1050px !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--adwin-showcase .container {
    padding-bottom: 0 !important;
  }

  .hero.hero--adwin-showcase .content.hero-showcase {
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero.hero--adwin-showcase .content h1 {
    max-width: 100%;
  }

  .hero.hero--adwin-showcase .content > p {
    max-width: 32rem;
  }

  .hero.hero--adwin-showcase .hero-showcase__searchbar {
    width: 100% !important;
  }

  .hero.hero--adwin-showcase .hero-showcase__meta {
    width: 100%;
  }

  .hero.hero--adwin-showcase .hero-showcase__meta-item {
    flex: 1 1 140px;
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    width: min(112%, 920px) !important;
    transform: translateX(6%);
    min-height: 470px;
  }

  .hero.hero--adwin-showcase .hero-featured-image__img {
    max-height: 470px !important;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    left: .75rem;
    bottom: .6rem;
    width: min(370px, 70%);
    padding: .9rem;
  }
}

@media (max-width: 575.98px) {
  .hero.hero--adwin-showcase .content h1 {
    font-size: clamp(2.15rem, 9vw, 3rem);
  }

  .hero.hero--adwin-showcase .content > p {
    font-size: .95rem;
  }

  .hero.hero--adwin-showcase .hero-showcase__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero.hero--adwin-showcase .hero-showcase__meta-item:last-child {
    grid-column: 1 / -1;
  }

  .hero.hero--adwin-showcase .hero-showcase__actions {
    width: 100%;
  }

  .hero.hero--adwin-showcase .hero-showcase__primary-btn,
  .hero.hero--adwin-showcase .hero-showcase__secondary-btn,
  .hero.hero--adwin-showcase .hero-showcase__price-pill {
    width: 100%;
    justify-content: center;
  }

  .hero.hero--adwin-showcase .hero-showcase__groups-list {
    gap: .45rem;
  }

  .hero.hero--adwin-showcase .hero-showcase__group-pill {
    min-height: 34px;
    padding: .45rem .72rem;
    font-size: .8rem;
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    min-height: 365px;
    transform: translateX(9%);
  }

  .hero.hero--adwin-showcase .hero-featured-image__img {
    max-height: 340px !important;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    margin-top: -1rem;
  }
}

/* ========================================================================== 
   Hero v25 — fix overlaps and rebalance adwin-inspired layout
   ========================================================================== */

@media (min-width: 992px) {
  .hero.hero--adwin-showcase {
    min-height: clamp(760px, 88vh, 940px);
  }

  .hero.hero--adwin-showcase .container {
    min-height: clamp(760px, 88vh, 940px);
  }

  .hero.hero--adwin-showcase .content.hero-showcase {
    width: min(44%, 600px) !important;
    max-width: min(44%, 600px) !important;
    padding-bottom: clamp(8.5rem, 11vw, 11rem);
  }

  .hero.hero--adwin-showcase .content > p {
    max-width: 34rem;
  }

  .hero.hero--adwin-showcase .hero-showcase__groups {
    max-width: 34rem;
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    right: clamp(-4rem, -2vw, -1rem) !important;
    width: min(58vw, 960px) !important;
    max-width: 960px !important;
    min-height: clamp(470px, 42vw, 660px);
  }

  .hero.hero--adwin-showcase .hero-featured-image__img {
    width: 100% !important;
    object-position: center bottom;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    left: auto !important;
    right: clamp(1rem, 2.8vw, 2rem) !important;
    bottom: clamp(1.25rem, 2.4vw, 2rem) !important;
    width: min(340px, 34vw) !important;
    max-width: 340px;
    padding: 1rem 1rem .95rem;
  }
}

@media (min-width: 1200px) {
  .hero.hero--adwin-showcase .content.hero-showcase {
    width: min(43%, 590px) !important;
    max-width: min(43%, 590px) !important;
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    width: min(56vw, 930px) !important;
    max-width: 930px !important;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    width: min(330px, 30vw) !important;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--adwin-showcase .image.hero-featured-image {
    width: min(108%, 860px) !important;
    transform: translateX(2%);
    min-height: 430px;
  }

  .hero.hero--adwin-showcase .hero-featured-image__img {
    max-height: 430px !important;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    left: auto;
    right: .75rem;
    bottom: .75rem;
    width: min(320px, 62%);
  }
}

@media (max-width: 575.98px) {
  .hero.hero--adwin-showcase .hero-showcase__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero.hero--adwin-showcase .hero-showcase__chips,
  .hero.hero--adwin-showcase .hero-showcase__groups-list {
    gap: .5rem;
  }

  .hero.hero--adwin-showcase .image.hero-featured-image {
    min-height: 350px;
    transform: translateX(4%);
  }

  .hero.hero--adwin-showcase .hero-featured-image__img {
    max-height: 320px !important;
  }

  .hero.hero--adwin-showcase .hero-spotlight-card {
    position: relative;
    right: auto;
    width: 100%;
    margin-top: 0.25rem;
  }
}

/* ========================================================================== 
   Hero v26 — premium minimal redesign
   ========================================================================== */
.hero.hero--premium-minimal {
  position: relative;
  overflow: hidden;
}

.hero.hero--premium-minimal .container {
  position: relative;
  z-index: 1;
}

.hero.hero--premium-minimal .hero-premium {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.hero.hero--premium-minimal .hero-premium__badge {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  margin-bottom: 1.15rem;
  padding: .52rem .88rem;
  border-radius: 999px;
  background: rgba(238, 180, 184, .07);
  border: 1px solid rgba(238, 180, 184, .16);
  color: var(--vanilla-cream-strong);
  font-size: .82rem;
  font-weight: 650;
}

.hero.hero--premium-minimal .hero-premium__badge-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--vanilla-accent, #d9867f);
  box-shadow: 0 0 14px rgba(238, 180, 184, .38);
}

.hero.hero--premium-minimal .content h1 {
  max-width: 10.5ch;
  margin-bottom: 1rem !important;
  line-height: .97;
}

.hero.hero--premium-minimal .content > p {
  max-width: 34rem;
  margin-bottom: 1.35rem !important;
  color: var(--vanilla-muted);
  font-size: 1.02rem;
  line-height: 1.5;
}

.hero.hero--premium-minimal .hero-premium__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .78rem;
  margin-bottom: 1.2rem;
}

.hero.hero--premium-minimal .hero-premium__btn-primary,
.hero.hero--premium-minimal .hero-premium__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  min-height: 50px;
  padding: .82rem 1.15rem;
  border-radius: 14px;
}

.hero.hero--premium-minimal .hero-premium__btn-primary svg {
  width: 16px;
  height: 16px;
}

.hero.hero--premium-minimal .hero-premium__btn-secondary {
  background: rgba(246,250,239,.048) !important;
  border: 1px solid rgba(238, 180, 184, .18) !important;
  color: var(--vanilla-cream-strong) !important;
}

.hero.hero--premium-minimal .hero-premium__btn-secondary:hover {
  background: rgba(246,250,239,.08) !important;
  border-color: rgba(238, 180, 184, .28) !important;
}

.hero.hero--premium-minimal .hero-premium__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .85rem;
  width: min(100%, 34rem);
  margin-bottom: 1.2rem;
}

.hero.hero--premium-minimal .hero-premium__stat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 94px;
  padding: .95rem 1rem;
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(249, 209, 212, .055), rgba(203, 134, 139, .02)),
    rgba(52, 36, 37, .58);
  border: 1px solid rgba(238, 180, 184, .15);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.04), 0 12px 30px rgba(0,0,0,.14);
}

.hero.hero--premium-minimal .hero-premium__stat-value {
  color: var(--vanilla-cream-strong);
  font-size: 1.45rem;
  font-weight: 780;
  line-height: 1;
}

.hero.hero--premium-minimal .hero-premium__stat-label {
  margin-top: .35rem;
  color: var(--vanilla-muted);
  font-size: .8rem;
  font-weight: 560;
}

.hero.hero--premium-minimal .hero-premium__searchbar {
  width: min(100%, 34rem) !important;
  margin-bottom: 1.1rem;
}

.hero.hero--premium-minimal .hero-premium__groups {
  width: min(100%, 35rem);
}

.hero.hero--premium-minimal .hero-premium__groups-title {
  display: block;
  margin-bottom: .65rem;
  color: var(--vanilla-cream-strong);
  font-size: .88rem;
  font-weight: 700;
}

.hero.hero--premium-minimal .hero-premium__groups-list {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
}

.hero.hero--premium-minimal .hero-premium__group-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .95rem;
  border-radius: 12px;
  background: rgba(246,250,239,.042);
  border: 1px solid rgba(238, 180, 184, .14);
  color: var(--vanilla-cream) !important;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.hero.hero--premium-minimal .hero-premium__group-link:hover {
  transform: translateY(-2px);
  background: rgba(246,250,239,.072);
  border-color: rgba(238, 180, 184, .25);
}

.hero.hero--premium-minimal .hero-premium__visual-wrap {
  position: relative;
}

.hero.hero--premium-minimal .hero-premium__visual {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  min-height: clamp(460px, 43vw, 680px);
  padding: 2rem 1.6rem 0;
  border-radius: 34px 34px 0 0;
  background:
    linear-gradient(180deg, rgba(246,250,239,.04), rgba(246,250,239,.015)),
    radial-gradient(circle at 50% 24%, rgba(238, 180, 184, .08), rgba(238, 180, 184, 0) 58%),
    rgba(27, 37, 23, .38);
  border: 1px solid rgba(238, 180, 184, .12);
  border-bottom: 0;
  overflow: hidden;
}

.hero.hero--premium-minimal .hero-premium__visual::after {
  content: "";
  position: absolute;
  inset: auto 10% -8% 10%;
  height: 38%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(238, 180, 184, .15), rgba(238, 180, 184, 0) 72%);
  filter: blur(18px);
  pointer-events: none;
}

.hero.hero--premium-minimal .hero-premium__visual-glow {
  position: absolute;
  inset: 8% 12% auto 12%;
  height: 58%;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 40%, rgba(238, 180, 184, .14), rgba(238, 180, 184, 0) 56%),
    radial-gradient(circle at 70% 52%, rgba(214, 142, 147, .08), rgba(214, 142, 147, 0) 40%);
  filter: blur(16px);
  pointer-events: none;
}

.hero.hero--premium-minimal .hero-premium__image {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 820px);
  max-height: clamp(420px, 47vw, 760px);
  height: auto;
  object-fit: contain;
  object-position: center bottom;
  filter:
    brightness(.68)
    saturate(.82)
    contrast(.97)
    sepia(.14)
    hue-rotate(32deg)
    drop-shadow(0 28px 44px rgba(0,0,0,.34))
    drop-shadow(0 0 24px rgba(238, 180, 184, .12));
}

.hero.hero--premium-minimal .hero-premium__visual-footer {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: .9rem 1rem;
  border-radius: 18px;
  background: rgba(15, 22, 13, .56);
  border: 1px solid rgba(238, 180, 184, .14);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 36px rgba(0,0,0,.18);
}

.hero.hero--premium-minimal .hero-premium__footer-item {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  text-align: center;
}

.hero.hero--premium-minimal .hero-premium__footer-label {
  color: var(--vanilla-muted);
  font-size: .73rem;
}

.hero.hero--premium-minimal .hero-premium__footer-value {
  color: var(--vanilla-cream-strong);
  font-size: .96rem;
  font-weight: 700;
}

.hero.hero--premium-minimal .hero-premium__footer-divider {
  width: 1px;
  height: 28px;
  background: rgba(238, 180, 184, .14);
}

@media (min-width: 992px) {
  .hero.hero--premium-minimal {
    min-height: clamp(740px, 88vh, 920px);
  }

  .hero.hero--premium-minimal .container {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 520px) minmax(480px, 1fr);
    gap: clamp(2rem, 4vw, 4rem);
    align-items: center;
    min-height: clamp(740px, 88vh, 920px);
    padding-top: clamp(4.5rem, 8vw, 6.4rem);
    padding-bottom: 0 !important;
  }

  .hero.hero--premium-minimal .hero-premium {
    padding-bottom: clamp(4rem, 8vw, 6rem);
  }

  .hero.hero--premium-minimal .hero-premium__visual-wrap {
    align-self: end;
  }
}

@media (max-width: 991.98px) {
  .hero.hero--premium-minimal .container {
    display: flex !important;
    flex-direction: column;
    gap: 1.25rem;
    padding-top: 4rem;
    padding-bottom: 0 !important;
  }

  .hero.hero--premium-minimal .hero-premium {
    width: 100%;
    align-items: flex-start !important;
    text-align: left !important;
  }

  .hero.hero--premium-minimal .content h1 {
    max-width: 100%;
  }

  .hero.hero--premium-minimal .content > p,
  .hero.hero--premium-minimal .hero-premium__stats,
  .hero.hero--premium-minimal .hero-premium__searchbar,
  .hero.hero--premium-minimal .hero-premium__groups {
    width: 100%;
    max-width: 100%;
  }

  .hero.hero--premium-minimal .hero-premium__visual {
    min-height: 440px;
    border-radius: 28px 28px 0 0;
  }

  .hero.hero--premium-minimal .hero-premium__image {
    width: min(100%, 760px);
    max-height: 430px;
  }
}

@media (max-width: 575.98px) {
  .hero.hero--premium-minimal .content h1 {
    font-size: clamp(2.2rem, 9vw, 3rem);
  }

  .hero.hero--premium-minimal .content > p {
    font-size: .95rem;
  }

  .hero.hero--premium-minimal .hero-premium__actions {
    width: 100%;
  }

  .hero.hero--premium-minimal .hero-premium__btn-primary,
  .hero.hero--premium-minimal .hero-premium__btn-secondary {
    width: 100%;
  }

  .hero.hero--premium-minimal .hero-premium__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero.hero--premium-minimal .hero-premium__stat:last-child {
    grid-column: 1 / -1;
  }

  .hero.hero--premium-minimal .hero-premium__stat {
    min-height: 88px;
    padding: .85rem .9rem;
  }

  .hero.hero--premium-minimal .hero-premium__stat-value {
    font-size: 1.25rem;
  }

  .hero.hero--premium-minimal .hero-premium__groups-list {
    gap: .5rem;
  }

  .hero.hero--premium-minimal .hero-premium__group-link {
    min-height: 35px;
    padding: .45rem .75rem;
    font-size: .8rem;
  }

  .hero.hero--premium-minimal .hero-premium__visual {
    min-height: 360px;
    padding: 1.25rem .85rem 0;
  }

  .hero.hero--premium-minimal .hero-premium__image {
    max-height: 320px;
  }

  .hero.hero--premium-minimal .hero-premium__visual-footer {
    gap: .65rem;
    padding: .75rem .8rem;
    border-radius: 15px;
  }

  .hero.hero--premium-minimal .hero-premium__footer-label {
    font-size: .66rem;
  }

  .hero.hero--premium-minimal .hero-premium__footer-value {
    font-size: .82rem;
  }
}

/* ========================================================================== 
   V27 Full redesign — adwin-inspired storefront
   ========================================================================== */
:root {
  --cs-bg: #090d17;
  --cs-bg-elev: #101625;
  --cs-bg-elev-2: #131a2b;
  --cs-card: rgba(36,49,31,.90);
  --cs-card-2: rgba(58, 42, 43, .90);
  --cs-border: rgba(255,255,255,.08);
  --cs-border-strong: rgba(238, 180, 184, .28);
  --cs-text: #f4f7ff;
  --cs-muted: #cb9296;
  --cs-accent: #d9867f;
  --cs-accent-2: #cb868b;
  --cs-shadow: 0 20px 60px rgba(0,0,0,.35);
}

html, body {
  background:
    radial-gradient(circle at top left, rgba(238, 180, 184, .12), transparent 28%),
    radial-gradient(circle at top right, rgba(203, 134, 139, .08), transparent 22%),
    linear-gradient(180deg, #090d17 0%, #0a1020 42%, #090d17 100%) !important;
  color: var(--cs-text);
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(circle at center, black 40%, transparent 92%);
  opacity: .45;
  z-index: 0;
}

#app, .flex-wrapper, .container, .component {
  position: relative;
  z-index: 1;
}

.bg-image { opacity: .05 !important; filter: blur(8px) saturate(.8); }

.announcement {
  background: rgba(24,33,20,.88) !important;
  border-bottom: 1px solid var(--cs-border);
  backdrop-filter: blur(16px);
}

.announcement__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: .65rem 1.1rem !important;
}

.navbar.navbar-yummy {
  border-bottom: 1px solid var(--cs-border) !important;
}

.navbar.navbar-yummy > .container {
  max-width: 1320px;
  min-height: 78px;
}

.navbar-yummy__brand-logo-wrap,
.navbar-yummy__social,
.navbar-yummy__utility,
.navbar-yummy__account,
.navbar-yummy__cart,
.currency-selector .choices__inner,
.navbar-yummy__toggler {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid var(--cs-border) !important;
  box-shadow: none !important;
}

.navbar-yummy__brand-logo-wrap {
  border-radius: 14px !important;
}

.navbar-yummy__brand-name,
.navbar-yummy__link,
.navbar-yummy__account,
.navbar-yummy__products-menu-name,
.navbar-yummy__products-menu-all,
.navbar-yummy__products-menu-head,
.navbar-yummy__social,
.navbar-yummy__utility {
  color: var(--cs-text) !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus,
.navbar-yummy__products-menu-item:hover,
.navbar-yummy__products-menu-all:hover,
.navbar-yummy__social:hover,
.navbar-yummy__utility:hover,
.navbar-yummy__account:hover {
  color: #fff !important;
}

.navbar-yummy__products-menu,
.navbar-yummy__mobile-panel,
.currency-selector .choices__list--dropdown,
.language-selector .choices__list--dropdown,
.modal-content {
  background: rgba(31,43,26,.96) ;
  border: 1px solid var(--cs-border) ;
  box-shadow: var(--cs-shadow) ;
}

.hero.hero--adwin-featured {
  min-height: clamp(780px, 95vh, 980px);
  background: transparent !important;
  padding: 0 !important;
}

.hero.hero--adwin-featured .bg-overlay {
  background:
    radial-gradient(circle at 22% 24%, rgba(238, 180, 184, .12), transparent 24%),
    radial-gradient(circle at 76% 32%, rgba(203, 134, 139, .10), transparent 28%),
    linear-gradient(180deg, rgba(20,28,17,.25), rgba(20,28,17,.60));
}

.hero-adwin__noise {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .12;
  background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
  background-size: 24px 24px;
}

.hero-adwin__container {
  max-width: 1320px;
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(0, 1fr);
  align-items: center;
  gap: 2.5rem;
  min-height: clamp(780px, 95vh, 980px);
  padding-top: 4.2rem;
  padding-bottom: 2rem;
}

.hero-adwin__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
  color: #d2979b;
  font-size: .9rem;
  font-weight: 600;
}

.hero-adwin__content h1 {
  max-width: 10ch;
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08;
  margin-bottom: 1rem !important;
  color: #fff;
}

.hero-adwin__content > p {
  max-width: 42rem;
  color: var(--cs-muted);
  font-size: 1.04rem;
  line-height: 1.65;
  margin-bottom: 1.4rem !important;
}

.hero-adwin__cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: .95rem;
  margin-bottom: 1.2rem;
}

.hero-adwin__primary-btn,
.btn.btn-primary,
button.btn.btn-primary,
a.btn.btn-primary {
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--cs-accent), #f9d1d4) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: 0 14px 32px rgba(238, 180, 184, .22) !important;
}

.btn.btn-outline-primary,
.hero-adwin__searchbar,
.form-control,
select,
textarea,
.bg-gray,
.card,
.testimonial {
  background-color: rgba(36,49,31,.78) !important;
  border-color: var(--cs-border) !important;
}

.hero-adwin__price-pill {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 52px;
  padding: .85rem 1rem;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--cs-border);
}

.hero-adwin__price-label {
  color: var(--cs-muted);
  font-size: .92rem;
}

.hero-adwin__price-pill strong {
  color: #fff;
  font-size: 1.05rem;
}

.hero-adwin__searchbar {
  width: min(100%, 34rem);
  border-radius: 18px !important;
  margin-bottom: 1.25rem;
}

.hero-adwin__popular-products {
  width: min(100%, 33rem);
  margin-bottom: 1.15rem;
}

.hero-adwin__popular-title {
  margin-bottom: .8rem;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.hero-adwin__popular-list {
  display: flex;
  flex-direction: column;
  gap: .7rem;
}

.hero-adwin__popular-item,
.hero-adwin__popular-empty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.05rem;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(58, 42, 43, .90), rgba(31,43,26,.95));
  border: 1px solid rgba(255,255,255,.06);
  text-decoration: none;
  color: var(--cs-text);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.hero-adwin__popular-item:hover {
  transform: translateY(-2px);
  border-color: var(--cs-border-strong);
}

.hero-adwin__popular-name {
  color: #fff;
  font-weight: 700;
  margin-bottom: .15rem;
}

.hero-adwin__popular-status {
  color: #efb0b5;
  font-size: .85rem;
}

.hero-adwin__popular-price {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.hero-adwin__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
  width: min(100%, 34rem);
}

.hero-adwin__stat {
  padding: 1rem 1.05rem;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--cs-border);
}

.hero-adwin__stat strong {
  display: block;
  color: #fff;
  font-size: 1.35rem;
  line-height: 1;
  margin-bottom: .3rem;
}

.hero-adwin__stat span {
  color: var(--cs-muted);
  font-size: .84rem;
}

.hero-adwin__visual {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  min-height: 100%;
}

.hero-adwin__art-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: clamp(560px, 62vw, 760px);
  padding: 2rem 2rem 0;
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at center, rgba(238, 180, 184, .12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    rgba(34,46,29,.78);
  border: 1px solid var(--cs-border);
  box-shadow: var(--cs-shadow);
}

.hero-adwin__image-glow {
  position: absolute;
  inset: auto 10% 12% 10%;
  height: 50%;
  border-radius: 50%;
  background: radial-gradient(circle at center, rgba(238, 180, 184, .24), rgba(238, 180, 184, 0) 62%);
  filter: blur(42px);
}

.hero-adwin__image {
  position: relative;
  z-index: 1;
  display: block;
  width: min(100%, 840px);
  max-height: clamp(520px, 72vh, 760px);
  object-fit: contain;
  object-position: center bottom;
  filter: brightness(.92) contrast(1.02) saturate(.98) drop-shadow(0 34px 50px rgba(0,0,0,.35));
}

.hero-adwin__games-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.15rem;
}

.hero-adwin__game-chip {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: .7rem 1rem;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--cs-border);
  text-decoration: none;
  color: var(--cs-text) !important;
}

.adwin-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.2rem;
  margin-bottom: 1.8rem;
}

.adwin-section-head__eyebrow {
  display: inline-block;
  margin-bottom: .5rem;
  color: #d2979b;
  font-size: .85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.adwin-section-head h2 {
  margin-bottom: .45rem;
  color: #fff;
}

.adwin-section-head p {
  max-width: 44rem;
  color: var(--cs-muted);
  margin-bottom: 0;
}

.adwin-mini-stats {
  display: flex;
  gap: .8rem;
  flex-wrap: wrap;
}

.adwin-mini-stats > div {
  min-width: 100px;
  padding: .9rem 1rem;
  border-radius: 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid var(--cs-border);
}

.adwin-mini-stats strong {
  display: block;
  color: #fff;
  margin-bottom: .2rem;
}

.adwin-mini-stats span {
  color: var(--cs-muted);
  font-size: .8rem;
}

.adwin-product-card {
  overflow: hidden;
  border-radius: 24px !important;
  border: 1px solid var(--cs-border) !important;
  background: linear-gradient(180deg, rgba(54, 38, 39, .94), rgba(30,42,25,.97)) !important;
  box-shadow: var(--cs-shadow);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.adwin-product-card:hover {
  transform: translateY(-5px);
  border-color: rgba(238, 180, 184, .25) !important;
  box-shadow: 0 28px 56px rgba(0,0,0,.42);
}

.adwin-product-card__media {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--cs-border);
}

.adwin-product-card__media img,
.adwin-product-card__media .product-img-placeholder {
  display: block;
  width: 100%;
  height: 100%;
}

.adwin-product-card__overlay {
  position: absolute;
  inset: auto 0 0;
  height: 45%;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(20,28,17,.70));
}

.adwin-product-card__body {
  padding: 1.15rem 1.2rem 1.2rem !important;
}

.adwin-product-card__meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .9rem;
}

.adwin-product-card__pill {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .28rem .62rem;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--cs-border);
  color: #d9e8ca;
  font-size: .76rem;
  font-weight: 600;
}

.adwin-product-card__title {
  color: #fff !important;
  font-size: 1.28rem;
  margin-bottom: .8rem !important;
}

.adwin-product-card__desc {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  min-height: 52px;
  margin-bottom: 1rem;
}

.adwin-product-card__desc span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: .28rem .62rem;
  border-radius: 10px;
  background: rgba(255,255,255,.03);
  color: var(--cs-muted);
  font-size: .78rem;
}

.adwin-product-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.adwin-product-card__price-wrap { display: flex; flex-direction: column; gap: .18rem; }
.adwin-product-card__price-label { color: var(--cs-muted); font-size: .74rem; text-transform: uppercase; letter-spacing: .08em; }
.adwin-product-card__price { color: #fff; font-size: 1.15rem; }

.adwin-product-card__cta {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #eaf3dd;
  font-weight: 600;
}

.adwin-product-card__cta svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adwin-feedbacks .testimonial {
  border-radius: 22px !important;
  border: 1px solid var(--cs-border) !important;
  background: linear-gradient(180deg, rgba(54, 38, 39, .92), rgba(30,42,25,.97)) !important;
  box-shadow: var(--cs-shadow);
}

.adwin-footer {
  margin-top: 3rem;
  background:transparent;
  border-top:1px solid var(--cs-border);
  backdrop-filter: blur(16px);
}

.adwin-footer .container { max-width: 1320px; }

.adwin-footer__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.adwin-footer__logo-row {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.adwin-footer__logo {
  width: 54px;
  height: 54px;
  object-fit: cover;
  border-radius: 16px;
  border:1px solid var(--cs-border);
}

.adwin-footer__brand h4,
.adwin-footer h5 { color:var(--color-text-primary); }
.adwin-footer__brand p { color:var(--color-text-muted); max-width: 28rem; }

.adwin-footer__socials { display: flex; gap: .7rem; flex-wrap: wrap; margin-top: 1rem; }
.adwin-footer__socials a,
.adwin-footer__list a {
  color:var(--color-text-muted);
  text-decoration: none;
  transition: color .2s ease;
}
.adwin-footer__socials a:hover,
.adwin-footer__list a:hover { color:var(--color-primary-default); }
.adwin-footer__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .75rem; }
.adwin-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 0 1.25rem;
  border-top:1px solid var(--cs-border);
  color:var(--color-text-muted);
  font-size: .9rem;
}

.section-title h1, .section-title h2, .section-title h3, h1, h2, h3, h4, h5, h6 { color: #fff; }
p, .text-muted, .section-subtitle p { color: var(--cs-muted) !important; }

.form-control, .btn, .card, .modal-content, .dropdown-menu {
  border-radius: 16px !important;
}

.form-control, textarea, select {
  color: var(--cs-text) !important;
  background-color: rgba(36,49,31,.78) !important;
  border: 1px solid var(--cs-border) !important;
}

.form-control::placeholder { color: #a7787b !important; }

.btn-outline-primary {
  color: #eaf3dd !important;
  border: 1px solid var(--cs-border) !important;
  background: rgba(255,255,255,.03) !important;
}

.btn-outline-primary:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; }

.products-page-yummy .bg-gray {
  background: rgba(31,43,26,.86) !important;
  border: 1px solid var(--cs-border);
}

@media (max-width: 1199.98px) {
  .hero-adwin__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.6rem;
    padding-top: 3rem;
  }
  .hero-adwin__content h1 { max-width: 100%; }
  .hero-adwin__visual { order: 2; }
  .adwin-section-head,
  .adwin-footer__grid,
  .adwin-footer__bottom {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767.98px) {
  .navbar.navbar-yummy > .container { min-height: 72px; }
  .hero.hero--adwin-featured { min-height: auto; }
  .hero-adwin__container { min-height: auto; padding-top: 2rem; padding-bottom: 1.5rem; }
  .hero-adwin__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-adwin__stat:last-child { grid-column: 1 / -1; }
  .hero-adwin__art-card { min-height: 420px; padding: 1rem 1rem 0; border-radius: 24px; }
  .hero-adwin__image { max-height: 380px; }
  .adwin-product-card__bottom { flex-direction: column; align-items: flex-start; }
  .adwin-mini-stats { width: 100%; }
}


/* V29 unified sage cleanup */
:root{
  --cs-bg:#0f0a0d;--cs-bg-elev:#1a2416;--cs-bg-elev-2:#181014;
  --cs-card:rgba(36,49,31,.92);--cs-card-2:rgba(58, 42, 43, .94);
  --cs-border:rgba(238, 180, 184, .16);--cs-border-strong:rgba(238, 180, 184, .30);
  --cs-text:#f6faef;--cs-muted:#d2979b;--cs-accent:#d9867f;--cs-accent-2:#cb868b;
  --cl-accent:#d9867f!important;--cl-accent-rgb:210,238,157!important;
  --cl-background-primary:#0f0a0d!important;--cl-background-primary-rgb:19,27,16!important;
  --cl-background-secondary:#181014!important;--cl-background-secondary-rgb:36,49,31!important;
  --cl-border:#5b3035!important;--cl-border-rgb:93,117,80!important
}
html,body{
  background:
    radial-gradient(1100px 760px at 82% 7%,rgba(249, 209, 212, .11),transparent 62%),
    radial-gradient(900px 680px at 10% 24%,rgba(238, 180, 184, .09),transparent 66%),
    linear-gradient(180deg,#182214 0%,#0f0a0d 54%,#10170d 100%)!important;
  color:var(--cs-text)!important
}
.announcement,.navbar.navbar-yummy,.navbar-yummy__products-menu,
.currency-selector .choices__list--dropdown,.language-selector .choices__list--dropdown,
.modal-content,.dropdown-menu,.offcanvas,.products-page-yummy .bg-gray{
  background-color:rgba(31,43,26,.96);
  border-color:rgba(238, 180, 184, .16)
}
.navbar-yummy__products-menu-item:hover,.navbar-yummy__products-menu-all:hover,
.currency-selector .choices__list--dropdown .choices__item.is-highlighted,
.language-selector .choices__list--dropdown .choices__item.is-highlighted{
  background:rgba(238, 180, 184, .075)
}
.hero-adwin__popular-item,.hero-adwin__popular-empty,.adwin-product-card,
.adwin-feedbacks .testimonial,.card{
  background:linear-gradient(180deg,rgba(70, 50, 51, .64),rgba(31,43,26,.90))!important;
  border-color:rgba(238, 180, 184, .15)!important
}
.hero-adwin__popular-item:hover,.adwin-product-card:hover{
  border-color:rgba(238, 180, 184, .29)!important
}
.hero-adwin__art-card{
  background:transparent!important;border:0!important;box-shadow:none!important
}
.hero-adwin__games-strip{display:none!important}
.hero-adwin__popular-group{
  margin-top:.15rem;color:var(--cs-muted);font-size:.76rem;line-height:1.2
}

/* Compact product cards */
.adwin-catalog{max-width:1320px!important}
.adwin-catalog__grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(270px,340px));
  justify-content:start;align-items:stretch;
  gap:1.15rem!important;margin:0!important
}
.adwin-catalog__grid>*{min-width:0}
.adwin-product-card{
  width:100%;max-width:340px;min-height:0!important;
  border-radius:18px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.20)!important
}
.adwin-product-card__media{
  height:175px!important;min-height:175px!important;aspect-ratio:auto!important
}
.adwin-product-card__media img,.adwin-product-card__media .product-img-placeholder{
  width:100%!important;height:175px!important;min-height:175px!important;
  aspect-ratio:auto!important;object-fit:cover!important
}
.adwin-product-card__body{padding:.9rem 1rem 1rem!important}
.adwin-product-card__meta-row{margin-bottom:.65rem!important}
.adwin-product-card__pill{min-height:25px;padding:.22rem .52rem;font-size:.70rem}
.adwin-product-card__title{margin-bottom:.6rem!important;font-size:1.05rem!important}
.adwin-product-card__desc{
  min-height:42px!important;margin-bottom:.75rem!important;gap:.38rem!important
}
.adwin-product-card__desc span,.adwin-product-card__desc-link{
  display:inline-flex;align-items:center;min-height:25px;
  padding:.2rem .5rem;border-radius:8px;
  background:rgba(255,255,255,.03);
  color:var(--cs-muted);font-size:.72rem;text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .18s ease
}
.adwin-product-card__desc-link:hover{
  background:rgba(238, 180, 184, .09);color:#f6faef;transform:translateY(-1px)
}
.adwin-product-card__desc-link--more{
  border:1px dashed rgba(238, 180, 184, .16)
}
.adwin-product-card__price{font-size:1rem}
.adwin-product-card__cta{font-size:.88rem;text-decoration:none}

@media(max-width:767.98px){
  .adwin-catalog__grid{grid-template-columns:1fr}
  .adwin-product-card{max-width:100%}
  .adwin-product-card__media,
  .adwin-product-card__media img,
  .adwin-product-card__media .product-img-placeholder{
    height:190px!important;min-height:190px!important
  }
}



/* ========================================================================== 
   V32 — polished mobile hero + directional category transition
   ========================================================================== */
.hero.hero--adwin-featured {
  min-height: clamp(560px, 72vh, 700px) !important;
}

.hero-adwin__container {
  min-height: clamp(560px, 72vh, 700px) !important;
  grid-template-columns: minmax(0, 500px) minmax(0, 1fr) !important;
  gap: clamp(.9rem, 1.8vw, 1.6rem) !important;
  padding-top: 1.35rem !important;
  padding-bottom: .25rem !important;
}

.hero-adwin__content {
  align-self: center !important;
  min-width: 0;
}

.hero-adwin__category-stage,
.hero-adwin__popular-stage {
  display: grid;
  min-width: 0;
}

.hero-adwin__category-slide,
.hero-adwin__popular-slide {
  grid-area: 1 / 1;
  min-width: 0;
}

.hero-category-enter,
.hero-category-leave {
  transition: opacity 420ms ease, transform 520ms cubic-bezier(.16,1,.3,1), filter 420ms ease;
}
.hero-category-enter-start {
  opacity: 0;
  transform: translate3d(-44px,0,0);
  filter: blur(5px);
}
.hero-category-enter-end,
.hero-category-leave-start {
  opacity: 1;
  transform: translate3d(0,0,0);
  filter: blur(0);
}
.hero-category-leave-end {
  opacity: 0;
  transform: translate3d(28px,0,0);
  filter: blur(3px);
}

.hero-popular-enter,
.hero-popular-leave {
  transition: opacity 320ms ease, transform 360ms ease;
}
.hero-popular-enter-start {
  opacity: 0;
  transform: translateY(5px) scale(.99);
}
.hero-popular-enter-end,
.hero-popular-leave-start {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.hero-popular-leave-end {
  opacity: 0;
  transform: translateY(-4px) scale(.995);
}

.hero-adwin__eyebrow {
  margin-bottom: .35rem !important;
  font-size: .86rem !important;
}

.hero-adwin__content h1 {
  max-width: 8ch;
  margin-bottom: .52rem !important;
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08!important;
  letter-spacing: -.045em !important;
}

.hero-adwin__category-slide > p {
  max-width: 33rem;
  margin-bottom: .62rem !important;
  font-size: .94rem !important;
  line-height: 1.42 !important;
}

.hero-adwin__cta-row {
  margin-bottom: .62rem !important;
}

.hero-adwin__price-pill {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: .32rem .65rem !important;
  gap: .42rem !important;
  border-radius: 11px !important;
  background: linear-gradient(180deg, rgba(63, 44, 45, .82), rgba(31,43,26,.92)) !important;
  border: 1px solid rgba(238, 180, 184, .14) !important;
  box-shadow: 0 9px 24px rgba(0,0,0,.14) !important;
}

.hero-adwin__price-label {
  font-size: .69rem !important;
  line-height: 1 !important;
}

.hero-adwin__price-pill strong {
  font-size: .91rem !important;
  line-height: 1 !important;
}

.hero-adwin__searchbar {
  margin-bottom: .7rem !important;
}

.hero-adwin__popular-products {
  width: min(100%, 500px) !important;
  margin-bottom: .24rem !important;
}

.hero-adwin__popular-title {
  margin-bottom: .38rem !important;
  font-size: .94rem !important;
}

.hero-adwin__popular-item,
.hero-adwin__popular-empty {
  min-height: 82px;
  padding: .92rem 1.05rem !important;
  border-radius: 15px !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: center;
  gap: .8rem;
}

.hero-adwin__popular-name {
  margin-bottom: .1rem;
  font-size: .96rem !important;
  font-weight: 730 !important;
}

.hero-adwin__popular-group {
  margin: 0 0 .12rem !important;
  font-size: .74rem !important;
}

.hero-adwin__popular-status {
  font-size: .76rem !important;
  line-height: 1.2;
}

.hero-adwin__popular-price {
  font-size: .98rem !important;
  font-weight: 760 !important;
  white-space: nowrap;
}

.hero-adwin__stats {
  width: min(100%, 440px) !important;
  margin-top: .1rem !important;
  gap: .48rem !important;
}

.hero-adwin__stat {
  min-height: 72px;
  padding: .62rem .72rem !important;
  border-radius: 13px !important;
}

.hero-adwin__stat strong {
  margin-bottom: .12rem !important;
  font-size: 1.12rem !important;
}

.hero-adwin__stat span {
  font-size: .72rem !important;
}

.hero-adwin__visual {
  justify-content: center !important;
  align-items: end !important;
  overflow: visible !important;
}

.hero-adwin__art-card {
  min-height: clamp(425px, 48vw, 590px) !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  animation: heroMascotIdle 6.8s ease-in-out infinite;
  transform-origin: 52% 86%;
  will-change: transform;
}

.hero-adwin__image-glow {
  inset: auto 12% 7% 18% !important;
  height: 42% !important;
  opacity: .5;
  background: radial-gradient(circle at center, rgba(238, 180, 184, .22), rgba(238, 180, 184, 0) 69%) !important;
  filter: blur(44px);
  transition: opacity 260ms ease, transform 320ms ease;
}

.hero-adwin__image {
  width: min(100%, 560px) !important;
  max-height: clamp(405px, 59vh, 570px) !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: brightness(.88) contrast(1.02) saturate(.94) drop-shadow(0 28px 42px rgba(0,0,0,.34)) !important;
  transform-origin: 50% 88%;
  transition: transform 420ms cubic-bezier(.16,1,.3,1), filter 300ms ease !important;
}

.hero-adwin__art-card:hover .hero-adwin__image {
  transform: translate3d(-5px,-7px,0) scale(1.045) rotate(-.6deg);
  filter: brightness(.95) contrast(1.03) saturate(.98) drop-shadow(0 34px 50px rgba(0,0,0,.38)) drop-shadow(0 0 26px rgba(238, 180, 184, .13)) !important;
}

.hero-adwin__art-card:hover .hero-adwin__image-glow {
  opacity: .8;
  transform: scale(1.08);
}

@keyframes heroMascotIdle {
  0%,100% { transform: translate3d(0,0,0) rotate(0deg); }
  50% { transform: translate3d(0,-8px,0) rotate(.35deg); }
}

/* Tablet */
@media (max-width: 1199.98px) {
  .hero.hero--adwin-featured,
  .hero-adwin__container {
    min-height: auto !important;
  }

  .hero-adwin__container {
    grid-template-columns: 1fr !important;
    gap: .65rem !important;
    padding-top: 1rem !important;
  }

  .hero-adwin__content {
    width: 100%;
  }

  .hero-adwin__content h1 {
    max-width: none;
  }

  .hero-adwin__popular-products,
  .hero-adwin__stats {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-adwin__visual {
    margin-top: -.3rem;
  }

  .hero-adwin__art-card {
    min-height: 350px !important;
  }

  .hero-adwin__image {
    max-height: 345px !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  .hero.hero--adwin-featured {
    overflow: hidden !important;
  }

  .hero-adwin__container {
    gap: .45rem !important;
    padding: .8rem .95rem .2rem !important;
  }

  .hero-adwin__content {
    text-align: left !important;
  }

  .hero-adwin__eyebrow {
    font-size: .76rem !important;
  }

  .hero-adwin__content h1 {
    max-width: 9ch;
    margin-bottom: .4rem !important;
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
    line-height: 1.08!important;
  }

  .hero-adwin__category-slide > p {
    margin-bottom: .48rem !important;
    font-size: .86rem !important;
    line-height: 1.4 !important;
  }

  .hero-adwin__cta-row {
    margin-bottom: .5rem !important;
  }

  .hero-adwin__price-pill {
    width: fit-content !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: .28rem .58rem !important;
  }

  .hero-adwin__popular-title {
    margin-bottom: .32rem !important;
  }

  .hero-adwin__popular-item,
  .hero-adwin__popular-empty {
    min-height: 76px;
    padding: .75rem .82rem !important;
    border-radius: 13px !important;
  }

  .hero-adwin__popular-name {
    font-size: .9rem !important;
  }

  .hero-adwin__popular-group,
  .hero-adwin__popular-status {
    font-size: .7rem !important;
  }

  .hero-adwin__popular-price {
    font-size: .9rem !important;
  }

  .hero-adwin__stats {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: .35rem !important;
    margin-top: .05rem !important;
  }

  .hero-adwin__stat,
  .hero-adwin__stat:last-child {
    grid-column: auto !important;
    min-height: 62px;
    padding: .5rem .5rem !important;
  }

  .hero-adwin__stat strong {
    font-size: .98rem !important;
  }

  .hero-adwin__stat span {
    font-size: .63rem !important;
  }

  .hero-adwin__visual {
    margin-top: -.7rem;
  }

  .hero-adwin__art-card {
    min-height: 280px !important;
    animation-duration: 7.4s;
  }

  .hero-adwin__image {
    width: min(92vw, 335px) !important;
    max-height: 290px !important;
  }

  .hero-adwin__image-glow {
    inset: auto 16% 3% 16% !important;
    height: 34% !important;
  }
}

@media (max-width: 420px) {
  .hero-adwin__container {
    padding-inline: .8rem !important;
  }

  .hero-adwin__content h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }

  .hero-adwin__popular-item {
    grid-template-columns: minmax(0,1fr) auto;
    gap: .55rem;
  }

  .hero-adwin__stats {
    gap: .28rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-category-enter,
  .hero-category-leave,
  .hero-popular-enter,
  .hero-popular-leave,
  .hero-adwin__art-card {
    transition: none !important;
    animation: none !important;
  }
}


/* ========================================================================== 
   V33 — mobile polish + reliable hero rotation
   ========================================================================== */
.hero.hero--adwin-featured {
  min-height: clamp(520px, 68vh, 660px) !important;
}

.hero-adwin__container {
  min-height: clamp(520px, 68vh, 660px) !important;
  gap: clamp(.7rem, 1.5vw, 1.25rem) !important;
  padding-top: 1rem !important;
  padding-bottom: .1rem !important;
}

.hero-adwin__category-stage,
.hero-adwin__popular-stage {
  position: relative;
}

.hero-adwin__category-slide,
.hero-adwin__popular-slide {
  width: 100%;
}

.hero-category-enter,
.hero-category-leave {
  transition: opacity 460ms ease, transform 560ms cubic-bezier(.22,1,.36,1), filter 460ms ease;
  will-change: opacity, transform, filter;
}

.hero-category-enter-start {
  opacity: 0;
  transform: translate3d(-54px, 0, 0);
  filter: blur(6px);
}

.hero-category-enter-end,
.hero-category-leave-start {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.hero-category-leave-end {
  opacity: 0;
  transform: translate3d(22px, 0, 0);
  filter: blur(4px);
}

.hero-popular-enter,
.hero-popular-leave {
  transition: opacity 320ms ease, transform 340ms ease;
  will-change: opacity, transform;
}

.hero-popular-enter-start {
  opacity: 0;
  transform: translateY(7px);
}

.hero-popular-enter-end,
.hero-popular-leave-start {
  opacity: 1;
  transform: translateY(0);
}

.hero-popular-leave-end {
  opacity: 0;
  transform: translateY(-5px);
}

.hero-adwin__slides {
  min-height: 286px !important;
}

.hero-adwin__eyebrow {
  margin-bottom: .26rem !important;
}

.hero-adwin__content h1 {
  max-width: none !important;
  white-space:normal;
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  margin-bottom: .45rem !important;
}

.hero-adwin__category-slide > p {
  margin-bottom: .4rem !important;
  font-size: .95rem !important;
}

.hero-adwin__cta-row {
  margin-bottom: .42rem !important;
}

.hero-adwin__price-pill {
  height: 34px !important;
  min-height: 34px !important;
  padding: .25rem .58rem !important;
  border-radius: 10px !important;
}

.hero-adwin__price-label {
  font-size: .65rem !important;
}

.hero-adwin__price-pill strong {
  font-size: .88rem !important;
}

.hero-adwin__popular-products {
  width: min(100%, 500px) !important;
  margin-bottom: .08rem !important;
}

.hero-adwin__popular-title {
  margin-bottom: .28rem !important;
  font-size: .96rem !important;
}

.hero-adwin__popular-item,
.hero-adwin__popular-empty {
  min-height: 78px !important;
  padding: .88rem 1.08rem !important;
  border-radius: 14px !important;
}

.hero-adwin__popular-name {
  margin-bottom: .06rem !important;
}

.hero-adwin__popular-group {
  margin-bottom: .1rem !important;
}

.hero-adwin__stats {
  margin-top: 0 !important;
  gap: .38rem !important;
  width: min(100%, 470px) !important;
}

.hero-adwin__stat {
  min-height: 66px !important;
  padding: .56rem .7rem !important;
}

.hero-adwin__stat strong {
  font-size: 1.06rem !important;
}

.hero-adwin__visual {
  justify-content: center !important;
  align-items: center !important;
}

.hero-adwin__art-card {
  min-height: clamp(320px, 40vw, 500px) !important;
  width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform-origin: center center !important;
}

.hero-adwin__image-glow {
  inset: auto 22% 14% 22% !important;
  height: 28% !important;
}

.hero-adwin__image {
  width: min(100%, 450px) !important;
  max-height: clamp(300px, 47vh, 470px) !important;
  margin-inline: auto;
  object-position: center center !important;
}

.hero-adwin__art-card:hover .hero-adwin__image {
  transform: translate3d(0,-6px,0) scale(1.035) rotate(-.45deg);
}

@media (max-width: 1199.98px) {
  .hero-adwin__container {
    padding-top: .8rem !important;
    gap: .4rem !important;
  }

  .hero-adwin__slides {
    min-height: 0 !important;
  }

  .hero-adwin__content h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }

  .hero-adwin__category-slide > p {
    margin-bottom: .35rem !important;
  }

  .hero-adwin__popular-products {
    margin-bottom: .02rem !important;
  }

  .hero-adwin__stats {
    gap: .32rem !important;
  }

  .hero-adwin__art-card {
    min-height: 250px !important;
  }

  .hero-adwin__image {
    width: min(100%, 330px) !important;
    max-height: 250px !important;
  }
}

@media (max-width: 767.98px) {
  .hero-adwin__container {
    padding: .68rem .82rem 0 !important;
    gap: .28rem !important;
  }

  .hero-adwin__eyebrow {
    font-size: .74rem !important;
  }

  .hero-adwin__content h1 {
    white-space:normal;
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
    line-height: 1.08!important;
    margin-bottom: .28rem !important;
  }

  .hero-adwin__category-slide > p {
    font-size: .82rem !important;
    line-height: 1.35 !important;
    margin-bottom: .28rem !important;
  }

  .hero-adwin__cta-row {
    margin-bottom: .3rem !important;
  }

  .hero-adwin__price-pill {
    height: 32px !important;
    min-height: 32px !important;
    padding: .22rem .52rem !important;
  }

  .hero-adwin__popular-products {
    margin-bottom: 0 !important;
  }

  .hero-adwin__popular-title {
    margin-bottom: .22rem !important;
  }

  .hero-adwin__popular-item,
  .hero-adwin__popular-empty {
    min-height: 72px !important;
    padding: .72rem .86rem !important;
    gap: .56rem !important;
  }

  .hero-adwin__popular-name {
    font-size: .88rem !important;
  }

  .hero-adwin__popular-group,
  .hero-adwin__popular-status {
    font-size: .68rem !important;
  }

  .hero-adwin__popular-price {
    font-size: .88rem !important;
  }

  .hero-adwin__stats {
    margin-top: 0 !important;
    gap: .28rem !important;
  }

  .hero-adwin__stat {
    min-height: 58px !important;
    padding: .42rem .46rem !important;
  }

  .hero-adwin__stat strong {
    font-size: .93rem !important;
    margin-bottom: .05rem !important;
  }

  .hero-adwin__stat span {
    font-size: .61rem !important;
  }

  .hero-adwin__visual {
    margin-top: -.2rem !important;
  }

  .hero-adwin__art-card {
    min-height: 214px !important;
    animation-duration: 7.4s;
  }

  .hero-adwin__image {
    width: min(72vw, 238px) !important;
    max-height: 210px !important;
  }

  .hero-adwin__image-glow {
    inset: auto 26% 10% 26% !important;
    height: 24% !important;
  }
}

@media (max-width: 420px) {
  .hero-adwin__container {
    padding-inline: .72rem !important;
  }

  .hero-adwin__content h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }

  .hero-adwin__popular-item {
    padding: .68rem .78rem !important;
  }

  .hero-adwin__stats {
    gap: .22rem !important;
  }
}


/* ========================================================================== 
   V34 — manual category switcher + roomier hero spacing
   ========================================================================== */
.hero.hero--adwin-featured {
  min-height: clamp(610px, 76vh, 740px) !important;
}

.hero-adwin__container {
  min-height: clamp(610px, 76vh, 740px) !important;
  grid-template-columns: minmax(0, 520px) minmax(0, 1fr) !important;
  gap: clamp(1.5rem, 3vw, 2.6rem) !important;
  padding-top: 2rem !important;
  padding-bottom: 1.15rem !important;
}

.hero-adwin__content {
  align-self: center !important;
}

.hero-adwin__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: min(100%, 500px);
  margin-bottom: .8rem;
}

.hero-adwin__eyebrow {
  margin: 0 !important;
  color: var(--cs-muted);
  font-size: .9rem !important;
  font-weight: 650 !important;
}

.hero-adwin__switcher {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  flex: 0 0 auto;
}

.hero-adwin__switch-btn {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border-radius: 12px;
  border: 1px solid rgba(238, 180, 184, .17);
  background: rgba(63, 44, 45, .62);
  color: var(--cs-text);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.03);
  cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.hero-adwin__switch-btn:hover {
  transform: translateY(-1px);
  background: rgba(238, 180, 184, .09);
  border-color: rgba(238, 180, 184, .28);
}

.hero-adwin__switch-btn:active {
  transform: translateY(0) scale(.96);
}

.hero-adwin__switch-btn svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-adwin__switch-count {
  min-width: 36px;
  text-align: center;
  color: var(--cs-muted);
  font-size: .74rem;
  font-weight: 650;
}

.hero-adwin__category-stage,
.hero-adwin__popular-stage {
  display: block !important;
  position: relative;
}

.hero-adwin__category-slide,
.hero-adwin__popular-slide {
  width: 100%;
}

.hero-adwin__category-slide h1 {
  white-space:normal;
  max-width: none !important;
  margin-bottom: .9rem !important;
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08!important;
  letter-spacing: -.045em !important;
}

.hero-adwin__category-slide > p {
  max-width: 34rem;
  margin-bottom: 1rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.hero-adwin__cta-row {
  margin-bottom: 1.15rem !important;
}

.hero-adwin__price-pill {
  height: 38px !important;
  min-height: 38px !important;
  padding: .32rem .66rem !important;
  border-radius: 11px !important;
}

.hero-adwin__price-label {
  font-size: .7rem !important;
}

.hero-adwin__price-pill strong {
  font-size: .94rem !important;
}

.hero-adwin__searchbar {
  margin-bottom: 1.15rem !important;
}

.hero-adwin__popular-products {
  width: min(100%, 500px) !important;
  margin-bottom: .9rem !important;
}

.hero-adwin__popular-title {
  margin-bottom: .55rem !important;
  font-size: 1rem !important;
}

.hero-adwin__popular-item,
.hero-adwin__popular-empty {
  min-height: 84px !important;
  padding: 1rem 1.1rem !important;
  border-radius: 15px !important;
}

.hero-adwin__popular-name {
  margin-bottom: .12rem !important;
  font-size: .98rem !important;
}

.hero-adwin__popular-group {
  margin-bottom: .16rem !important;
  font-size: .75rem !important;
}

.hero-adwin__popular-status {
  font-size: .78rem !important;
}

.hero-adwin__stats {
  width: min(100%, 470px) !important;
  margin-top: 0 !important;
  gap: .65rem !important;
}

.hero-adwin__stat {
  min-height: 74px !important;
  padding: .68rem .78rem !important;
  border-radius: 14px !important;
}

.hero-adwin__stat strong {
  margin-bottom: .16rem !important;
  font-size: 1.15rem !important;
}

.hero-adwin__stat span {
  font-size: .74rem !important;
}

.hero-adwin__art-card {
  min-height: clamp(330px, 42vw, 510px) !important;
}

.hero-adwin__image {
  width: min(100%, 440px) !important;
  max-height: clamp(310px, 49vh, 480px) !important;
}

@media (max-width: 1199.98px) {
  .hero.hero--adwin-featured,
  .hero-adwin__container {
    min-height: auto !important;
  }

  .hero-adwin__container {
    padding-top: 1.4rem !important;
    padding-bottom: .8rem !important;
    gap: 1.1rem !important;
  }

  .hero-adwin__topline,
  .hero-adwin__popular-products,
  .hero-adwin__stats {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero-adwin__art-card {
    min-height: 270px !important;
  }

  .hero-adwin__image {
    width: min(100%, 320px) !important;
    max-height: 260px !important;
  }
}

@media (max-width: 767.98px) {
  .hero-adwin__container {
    padding: 1.1rem .9rem .5rem !important;
    gap: .9rem !important;
  }

  .hero-adwin__topline {
    margin-bottom: .65rem;
  }

  .hero-adwin__eyebrow {
    font-size: .76rem !important;
  }

  .hero-adwin__switch-btn {
    width: 34px;
    height: 34px;
    border-radius: 10px;
  }

  .hero-adwin__switch-btn svg {
    width: 16px;
    height: 16px;
  }

  .hero-adwin__switch-count {
    min-width: 30px;
    font-size: .68rem;
  }

  .hero-adwin__category-slide h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
    margin-bottom: .65rem !important;
  }

  .hero-adwin__category-slide > p {
    margin-bottom: .75rem !important;
    font-size: .84rem !important;
    line-height: 1.42 !important;
  }

  .hero-adwin__cta-row {
    margin-bottom: .85rem !important;
  }

  .hero-adwin__price-pill {
    height: 34px !important;
    min-height: 34px !important;
    padding: .26rem .56rem !important;
  }

  .hero-adwin__popular-products {
    margin-bottom: .72rem !important;
  }

  .hero-adwin__popular-title {
    margin-bottom: .42rem !important;
  }

  .hero-adwin__popular-item,
  .hero-adwin__popular-empty {
    min-height: 76px !important;
    padding: .78rem .88rem !important;
  }

  .hero-adwin__stats {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: .42rem !important;
  }

  .hero-adwin__stat,
  .hero-adwin__stat:last-child {
    grid-column: auto !important;
    min-height: 62px !important;
    padding: .5rem .5rem !important;
  }

  .hero-adwin__stat strong {
    font-size: .98rem !important;
  }

  .hero-adwin__stat span {
    font-size: .63rem !important;
  }

  .hero-adwin__art-card {
    min-height: 225px !important;
  }

  .hero-adwin__image {
    width: min(70vw, 230px) !important;
    max-height: 215px !important;
  }
}


/* ========================================================================== 
   V35 — restore transitions for manual category arrows
   ========================================================================== */
.hero-adwin__category-stage,
.hero-adwin__popular-stage {
  display: grid !important;
  position: relative;
  overflow: hidden;
}

.hero-adwin__category-slide,
.hero-adwin__popular-slide {
  grid-area: 1 / 1;
  width: 100%;
}

.hero-manual-category-enter,
.hero-manual-category-leave {
  transition:
    opacity 360ms ease,
    transform 480ms cubic-bezier(.16,1,.3,1),
    filter 360ms ease;
  will-change: opacity, transform, filter;
}

/* Next: new category travels from left to right, as requested earlier. */
.hero-adwin__category-stage.is-next .hero-manual-category-enter-start {
  opacity: 0;
  transform: translate3d(-46px,0,0);
  filter: blur(4px);
}
.hero-adwin__category-stage.is-next .hero-manual-category-leave-end {
  opacity: 0;
  transform: translate3d(28px,0,0);
  filter: blur(3px);
}

/* Previous: mirrored movement so the left arrow feels natural. */
.hero-adwin__category-stage.is-prev .hero-manual-category-enter-start {
  opacity: 0;
  transform: translate3d(46px,0,0);
  filter: blur(4px);
}
.hero-adwin__category-stage.is-prev .hero-manual-category-leave-end {
  opacity: 0;
  transform: translate3d(-28px,0,0);
  filter: blur(3px);
}

.hero-manual-category-enter-end,
.hero-manual-category-leave-start {
  opacity: 1;
  transform: translate3d(0,0,0);
  filter: blur(0);
}

/* Popular Products does not slide with the title; it softly fades/reveals. */
.hero-manual-popular-enter,
.hero-manual-popular-leave {
  transition: opacity 260ms ease, transform 320ms cubic-bezier(.16,1,.3,1);
  will-change: opacity, transform;
}
.hero-manual-popular-enter-start {
  opacity: 0;
  transform: translate3d(0,6px,0) scale(.992);
}
.hero-manual-popular-enter-end,
.hero-manual-popular-leave-start {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
}
.hero-manual-popular-leave-end {
  opacity: 0;
  transform: translate3d(0,-4px,0) scale(.996);
}

/* Small tactile feedback on the arrows. */
.hero-adwin__switch-btn svg {
  transition: transform 180ms cubic-bezier(.16,1,.3,1);
}
.hero-adwin__switch-btn:first-child:hover svg {
  transform: translateX(-2px);
}
.hero-adwin__switch-btn:last-child:hover svg {
  transform: translateX(2px);
}

@media (prefers-reduced-motion: reduce) {
  .hero-manual-category-enter,
  .hero-manual-category-leave,
  .hero-manual-popular-enter,
  .hero-manual-popular-leave {
    transition: none !important;
  }
}




/* ========================================================================== 
   V37 — Hero categories filtered by group badge "Popular"
   ========================================================================== */
.hero-adwin__category-empty {
  display: flex;
  align-items: center;
  min-height: 160px;
  padding: 1rem 1.1rem;
  border: 1px dashed rgba(238, 180, 184, .18);
  border-radius: 14px;
  color: var(--cs-muted);
  background: rgba(238, 180, 184, .025);
}

.hero-adwin__category-empty strong,
.hero-adwin__popular-empty strong {
  color: var(--cs-text);
}


/* ========================================================================== 
   V38 — premium Text & Image block
   ========================================================================== */
.adwin-text-image {
  position: relative;
  padding: clamp(3rem, 6vw, 5.5rem) 0 !important;
  overflow: hidden;
}

.adwin-text-image .container {
  max-width: 1320px;
}

.adwin-text-image__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 4.5rem);
  padding: clamp(1.3rem, 2vw, 2rem);
  border-radius: 28px;
  background:
    radial-gradient(600px 320px at 90% 10%, rgba(238, 180, 184, .075), transparent 68%),
    linear-gradient(135deg, rgba(70, 50, 51, .48), rgba(31,43,26,.76));
  border: 1px solid rgba(238, 180, 184, .14);
  box-shadow:
    0 24px 70px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(246,250,239,.03);
}

.adwin-text-image__panel::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.5rem;
  bottom: 1.5rem;
  width: 2px;
  border-radius: 999px;
  background: linear-gradient(180deg, transparent, rgba(238, 180, 184, .44), transparent);
  opacity: .8;
}

.adwin-text-image__content {
  position: relative;
  z-index: 2;
  padding: clamp(.7rem, 1.7vw, 1.25rem);
}

.adwin-text-image__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .52rem;
  margin-bottom: .9rem;
  color: var(--cs-muted, #d2979b);
  font-size: .79rem;
  font-weight: 650;
  letter-spacing: .02em;
}

.adwin-text-image__eyebrow-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--cs-accent, #d9867f);
  box-shadow: 0 0 14px rgba(238, 180, 184, .34);
}

.adwin-text-image__title {
  margin-bottom: .85rem !important;
}

.adwin-text-image__title h2 {
  max-width: 13ch;
  margin: 0;
  color: var(--cs-text, #f6faef) !important;
  font-size: clamp(2rem, 3.4vw, 3.45rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.adwin-text-image__body {
  max-width: 42rem;
  color: var(--cs-muted, #d2979b);
  font-size: .98rem;
  line-height: 1.72;
}

.adwin-text-image__body p:last-child {
  margin-bottom: 0;
}

.adwin-text-image__actions {
  margin-top: 1.35rem;
}

.adwin-text-image__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .58rem;
  min-height: 46px;
  padding: .72rem 1.05rem !important;
  border-radius: 13px !important;
}

.adwin-text-image__cta svg {
  width: 16px;
  height: 16px;
  transition: transform 180ms ease;
}

.adwin-text-image__cta:hover svg {
  transform: translateX(3px);
}

.adwin-text-image__media-wrap {
  position: relative;
  min-width: 0;
}

.adwin-text-image__media {
  position: relative;
  display: grid;
  place-items: center;
  min-height: clamp(320px, 32vw, 500px);
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(circle at 55% 45%, rgba(238, 180, 184, .10), transparent 48%),
    linear-gradient(180deg, rgba(19,27,16,.38), rgba(19,27,16,.12));
  border: 1px solid rgba(238, 180, 184, .11);
  box-shadow: inset 0 1px 0 rgba(246,250,239,.025);
  isolation: isolate;
}

.adwin-text-image__media-glow {
  position: absolute;
  width: 68%;
  height: 68%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(238, 180, 184, .15), rgba(238, 180, 184, 0) 68%);
  filter: blur(26px);
  transition: transform 420ms cubic-bezier(.16,1,.3,1), opacity 300ms ease;
  opacity: .68;
  pointer-events: none;
}

.adwin-text-image__image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  transition:
    transform 520ms cubic-bezier(.16,1,.3,1),
    filter 360ms ease;
  will-change: transform;
}

.adwin-text-image__media-shine {
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, transparent 22%, rgba(246,250,239,.045) 48%, transparent 74%);
  transform: translateX(-115%);
  transition: transform 700ms cubic-bezier(.16,1,.3,1);
}

.adwin-text-image__media:hover .adwin-text-image__image {
  transform: scale(1.035);
  filter: brightness(1.04) saturate(1.02);
}

.adwin-text-image__media:hover .adwin-text-image__media-glow {
  transform: translate(-50%,-50%) scale(1.12);
  opacity: .95;
}

.adwin-text-image__media:hover .adwin-text-image__media-shine {
  transform: translateX(115%);
}

.adwin-text-image.alignment-right .adwin-text-image__content {
  order: 2;
}

.adwin-text-image.alignment-right .adwin-text-image__media-wrap {
  order: 1;
}

.adwin-text-image.alignment-right .adwin-text-image__panel::before {
  left: auto;
  right: 0;
}

.adwin-text-image.alignment-right .adwin-text-image__content {
  text-align: left;
}

.adwin-text-image__panel--center {
  grid-template-columns: 1fr;
  max-width: 960px;
  margin-inline: auto;
}

.adwin-text-image__panel--center .adwin-text-image__content {
  text-align: center;
  max-width: 760px;
  margin-inline: auto;
}

.adwin-text-image__panel--center .adwin-text-image__title h2,
.adwin-text-image__panel--center .adwin-text-image__body {
  max-width: 100%;
  margin-inline: auto;
}

.adwin-text-image__panel--center::before {
  display: none;
}

@media (max-width: 991.98px) {
  .adwin-text-image {
    padding: 2.7rem 0 !important;
  }

  .adwin-text-image__panel {
    grid-template-columns: 1fr;
    gap: 1.15rem;
    padding: 1rem;
    border-radius: 22px;
  }

  .adwin-text-image.alignment-right .adwin-text-image__content,
  .adwin-text-image.alignment-right .adwin-text-image__media-wrap {
    order: initial;
  }

  .adwin-text-image__panel::before {
    left: 1rem;
    right: 1rem;
    top: 0;
    bottom: auto;
    width: auto;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(238, 180, 184, .38), transparent);
  }

  .adwin-text-image__content {
    padding: 1rem .75rem .3rem;
  }

  .adwin-text-image__title h2 {
    max-width: 100%;
    font-size: clamp(2rem, 7vw, 3rem);
  }

  .adwin-text-image__media {
    min-height: 340px;
    border-radius: 18px;
  }
}

@media (max-width: 575.98px) {
  .adwin-text-image {
    padding: 2rem 0 !important;
  }

  .adwin-text-image__panel {
    padding: .72rem;
    gap: .75rem;
    border-radius: 18px;
  }

  .adwin-text-image__content {
    padding: .85rem .55rem .2rem;
  }

  .adwin-text-image__eyebrow {
    margin-bottom: .65rem;
    font-size: .72rem;
  }

  .adwin-text-image__title {
    margin-bottom: .65rem !important;
  }

  .adwin-text-image__title h2 {
    font-size: clamp(1.75rem, 8.5vw, 2.45rem);
  }

  .adwin-text-image__body {
    font-size: .9rem;
    line-height: 1.58;
  }

  .adwin-text-image__actions {
    margin-top: 1rem;
  }

  .adwin-text-image__cta {
    min-height: 42px;
    padding: .62rem .9rem !important;
  }

  .adwin-text-image__media {
    min-height: 250px;
    border-radius: 15px;
  }
}


/* ==========================================================================
   V39 — interactive product menu showcase in Text & Image
   ========================================================================== */
.product-menu-showcase {
  overflow: visible;
}

.product-menu-showcase__panel {
  grid-template-columns: minmax(260px, .72fr) minmax(620px, 1.7fr) !important;
  gap: clamp(1.2rem, 2vw, 2rem) !important;
  align-items: center !important;
  padding: clamp(1.15rem, 2.5vw, 2rem) !important;
}

.product-menu-showcase__copy {
  max-width: 430px;
}

.product-menu-showcase__selector {
  display: flex;
  flex-wrap: wrap;
  gap: .48rem;
  margin-top: 1.15rem;
}

.product-menu-showcase__selector button {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-height: 38px;
  padding: .48rem .75rem;
  border: 1px solid rgba(238, 180, 184, .13);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
  color: var(--cs-muted);
  font-size: .78rem;
  font-weight: 670;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.product-menu-showcase__selector button:hover {
  transform: translateY(-1px);
  background: rgba(238, 180, 184, .06);
  color: var(--cs-text);
}

.product-menu-showcase__selector button.is-active {
  background: rgba(238, 180, 184, .10);
  border-color: rgba(238, 180, 184, .29);
  color: var(--cs-text);
  box-shadow: inset 0 0 0 1px rgba(238, 180, 184, .035), 0 8px 22px rgba(0,0,0,.16);
}

.product-menu-showcase__selector-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 12px currentColor;
}

.product-menu-showcase__selector-dot--lumen { color: #6d8cff; background: currentColor; }
.product-menu-showcase__selector-dot--unicore { color: #2f7dff; background: currentColor; }
.product-menu-showcase__selector-dot--minty { color: #eaa7ac; background: currentColor; }

.product-menu-showcase__stage {
  position: relative;
  min-width: 0;
  width: 100%;
  perspective: 1200px;
}

.product-ui {
  width: 100%;
  min-height: 510px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  background: #131927;
  box-shadow: 0 30px 80px rgba(0,0,0,.38);
  color: #e8edf9;
  font-family: inherit;
  transform-origin: center;
}

.product-ui--lumen {
  background:
    radial-gradient(circle at 50% 20%, rgba(83,112,201,.08), transparent 34%),
    #151b2a;
}

.product-ui--unicore {
  background:
    radial-gradient(circle at 54% 18%, rgba(47,125,255,.08), transparent 34%),
    #0e1220;
}

.product-ui--minty {
  background:
    radial-gradient(circle at 60% 16%, rgba(234, 167, 172, .08), transparent 32%),
    #101811;
}

.product-ui__topbar {
  min-height: 57px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
  padding: .7rem .9rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(15,21,34,.86);
}

.product-ui__topbar--unicore {
  min-height: 62px;
  justify-content: flex-start;
  background: rgba(12,16,29,.92);
}

.product-ui__topbar--minty {
  background: rgba(18,28,19,.92);
}

.product-ui__brand {
  display: flex;
  align-items: center;
  gap: .65rem;
  min-width: 0;
}

.product-ui__brand > div:last-child {
  display: grid;
  gap: .05rem;
}

.product-ui__brand strong {
  font-size: .83rem;
  letter-spacing: .16em;
}

.product-ui__brand small {
  color: #8290aa;
  font-size: .42rem;
  letter-spacing: .45em;
}

.product-ui__brandmark {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  font-weight: 800;
}

.product-ui__brandmark--lumen {
  background: linear-gradient(135deg,#315bc5,#1d2e67);
  color: #9eb6ff;
}

.product-ui__brandmark--unicore {
  background: linear-gradient(180deg,#2f7dff,#1657c3);
  color: white;
  border-radius: 5px 5px 12px 12px;
  font-size: 1rem;
}

.product-ui__brandmark--minty {
  background: linear-gradient(135deg,#efbabe,#986064);
  color: #152113;
}

.product-ui__brand--unicore {
  min-width: 176px;
}

.product-ui__brand--unicore strong {
  font-size: 1rem;
  letter-spacing: .02em;
}

.product-ui__top-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .45rem;
}

.product-ui__preset,
.product-ui__status-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  height: 30px;
  padding: 0 .65rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.025);
  color: #d6dbea;
  font-size: .65rem;
}

.product-ui__preset span {
  color: #69758f;
  font-size: .52rem;
  letter-spacing: .12em;
}

.product-ui__status-pill {
  color: #e7b0b4;
}

.product-ui__icon-button {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  background: rgba(255,255,255,.03);
  color: #b8c1d7;
  cursor: pointer;
}

.product-ui__top-tabs {
  display: flex;
  align-self: stretch;
  gap: .45rem;
}

.product-ui__top-tabs button {
  min-width: 92px;
  border: 0;
  background: transparent;
  color: #666e88;
  font-size: .79rem;
  font-weight: 680;
  cursor: pointer;
}

.product-ui__top-tabs button.is-active {
  color: #3c82ff;
  background: linear-gradient(180deg, rgba(56,79,137,.20), rgba(56,79,137,.09));
}

.product-ui__top-tabs--minty button.is-active {
  color: #efb5b9;
  background: rgba(234, 167, 172, .06);
}

.product-ui__shell {
  display: grid;
  grid-template-columns: 150px minmax(0,1fr);
  min-height: 453px;
}

.product-ui__sidebar {
  padding: .85rem .55rem;
  border-right: 1px solid rgba(255,255,255,.075);
  background: rgba(17,23,36,.88);
}

.product-ui__sidebar--unicore {
  background: rgba(11,15,27,.91);
}

.product-ui__sidebar--minty {
  background: rgba(14,22,15,.92);
}

.product-ui__sidebar-label {
  display: block;
  padding: 0 .55rem .42rem;
  color: #62708a;
  font-size: .49rem;
  font-weight: 760;
  letter-spacing: .12em;
}

.product-ui__sidebar-label--spaced {
  margin-top: .55rem;
}

.product-ui__sidebar > button,
.product-ui__subnav button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 34px;
  padding: .45rem .55rem;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #aab3c7;
  text-align: left;
  font-size: .65rem;
  font-weight: 630;
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.product-ui__sidebar > button span {
  width: 14px;
  text-align: center;
  color: #78839d;
}

.product-ui__sidebar > button:hover,
.product-ui__subnav button:hover {
  background: rgba(255,255,255,.035);
  color: white;
}

.product-ui__sidebar > button.is-active {
  color: #e6ebfb;
  background: rgba(61,106,229,.16);
  border-color: rgba(72,119,255,.38);
  box-shadow: inset 3px 0 0 #3f72ff;
}

.product-ui__sidebar--unicore > button.is-active {
  color: #3b83ff;
  background: rgba(47,125,255,.11);
  border-color: transparent;
  box-shadow: none;
}

.product-ui__sidebar--minty > button.is-active {
  color: #efb5b9;
  background: rgba(234, 167, 172, .08);
  border-color: rgba(234, 167, 172, .14);
  box-shadow: inset 3px 0 0 #eaa7ac;
}

.product-ui__subnav {
  display: grid;
  gap: .1rem;
  padding-left: .5rem;
  margin-bottom: .2rem;
}

.product-ui__subnav button {
  min-height: 28px;
  padding-left: 1.05rem;
  font-size: .57rem;
}

.product-ui__subnav button.is-active {
  color: white;
  background: rgba(50,86,181,.30);
  border-color: rgba(71,116,242,.54);
}

.product-ui__main {
  min-width: 0;
  padding: .85rem .9rem;
  background:
    radial-gradient(circle at 58% 40%, rgba(56,81,149,.07), transparent 38%),
    rgba(23,29,43,.82);
}

.product-ui__main--unicore {
  background:
    radial-gradient(circle at 50% 42%, rgba(47,125,255,.055), transparent 42%),
    rgba(14,18,32,.88);
}

.product-ui__main--minty {
  background:
    radial-gradient(circle at 50% 42%, rgba(234, 167, 172, .045), transparent 42%),
    rgba(17,26,18,.90);
}

.product-ui__toolbar {
  display: flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: .75rem;
}

.product-ui__search {
  flex: 1;
  min-width: 0;
  height: 34px;
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: 0 .65rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #7a859e;
}

.product-ui__search input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: #d9dfef;
  font-size: .62rem;
}

.product-ui__toolbar-actions {
  display: flex;
  gap: .45rem;
}

.product-ui__toolbar-actions button,
.product-ui__changed {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  padding: .35rem .6rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(255,255,255,.025);
  color: #c8cedd;
  font-size: .57rem;
}

.product-ui__changed {
  color: #e6e9f1;
}

.product-ui__changed::first-letter {
  color: #f3b446;
}

.product-ui__columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: .8rem;
}

.product-ui__column {
  min-width: 0;
}

.product-ui__section-title {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: 0 0 .35rem .15rem;
  color: #8591ab;
  font-size: .52rem;
  font-weight: 760;
  letter-spacing: .15em;
}

.product-ui__section-title span {
  color: #4f78e8;
  font-size: .76rem;
}

.product-ui__section-title--blue {
  color: #3d82ff;
  font-size: .72rem;
  letter-spacing: 0;
  text-transform: none;
}

.product-ui__section-title--minty {
  color: #eaa7ac;
}

.product-ui__card {
  overflow: hidden;
  margin-bottom: .48rem;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 10px;
  background: rgba(255,255,255,.025);
}

.product-ui__card-head {
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .55rem .65rem;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.product-ui__card-head strong {
  min-width: 0;
  color: #eef1f8;
  font-size: .67rem;
  line-height: 1.2;
}

.product-ui__card--compact .product-ui__card-head {
  border-bottom: 0;
}

.product-ui__card--unicore-large .product-ui__card-head {
  min-height: 48px;
}

.product-ui__toggle {
  position: relative;
  flex: 0 0 auto;
  width: 34px;
  height: 19px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #394052;
  cursor: pointer;
  transition: background .18s ease;
}

.product-ui__toggle i {
  position: absolute;
  top: 2.5px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #f3f4f7;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  transition: transform .2s ease;
}

.product-ui__toggle.is-on {
  background: #5679df;
}

.product-ui__toggle.is-on i {
  transform: translateX(14px);
}

.product-ui__toggle--blue.is-on {
  background: #2f7dff;
}

.product-ui__toggle--minty.is-on {
  background: #cb8388;
}

.product-ui__control-row,
.product-ui__key-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  padding: .48rem .65rem .28rem;
  color: #cbd1df;
  font-size: .57rem;
}

.product-ui__control-row b {
  min-width: 31px;
  padding: .17rem .28rem;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  color: #98aaf0;
  text-align: center;
  font-size: .53rem;
}

.product-ui__range {
  width: calc(100% - 1.3rem);
  height: 4px;
  display: block;
  margin: .32rem .65rem .7rem;
  accent-color: #567dff;
  cursor: pointer;
}

.product-ui__range--blue { accent-color: #2f7dff; }
.product-ui__range--minty { accent-color: #eaa7ac; }

.product-ui__key-row {
  padding-top: .1rem;
  padding-bottom: .55rem;
}

.product-ui__key-row kbd {
  padding: .16rem .35rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 6px;
  background: rgba(255,255,255,.035);
  color: #bdc5d7;
  font-size: .46rem;
}

.product-ui__list-lines {
  display: grid;
  gap: .45rem;
  padding: .7rem .72rem .82rem;
  color: #c0c6d4;
  font-size: .65rem;
}

.product-ui__primary-action,
.product-ui__minty-action,
.product-ui__placeholder button {
  width: calc(100% - 1.3rem);
  min-height: 38px;
  margin: .65rem;
  border: 0;
  border-radius: 7px;
  background: linear-gradient(135deg,#2f7dff,#367cf3);
  color: white;
  font-size: .7rem;
  cursor: pointer;
}

.product-ui__minty-action {
  width: 100%;
  margin: .55rem 0 0;
  background: linear-gradient(135deg,#eaa7ac,#b87176);
  color: #142012;
  font-weight: 700;
}

.product-ui__session-card {
  padding: .7rem;
}

.product-ui__session-card > div {
  display: flex;
  justify-content: space-between;
  gap: .65rem;
  padding: .32rem 0;
  color: #9cad9a;
  font-size: .59rem;
}

.product-ui__session-card > div strong {
  color: #f6cfd1;
}

.product-ui__chev {
  color: #aeb7c9;
}

.product-ui__placeholder {
  min-height: 365px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: .65rem;
  text-align: center;
  color: #8590a7;
}

.product-ui__placeholder-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  color: #6e8be5;
  font-size: 1.35rem;
  font-weight: 800;
}

.product-ui__placeholder strong {
  color: #e8edf7;
}

.product-ui__placeholder span {
  max-width: 280px;
  font-size: .68rem;
}

.product-ui__placeholder button {
  width: auto;
  min-width: 128px;
  margin: .1rem 0 0;
  padding: 0 .85rem;
}

.product-ui input,
.product-ui button {
  font-family: inherit;
}

@media (max-width: 1199.98px) {
  .product-menu-showcase__panel {
    grid-template-columns: 1fr !important;
  }

  .product-menu-showcase__copy {
    max-width: 680px;
  }

  .product-ui {
    min-height: 500px;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__panel {
    padding: .8rem !important;
  }

  .product-menu-showcase__selector {
    margin-top: .85rem;
  }

  .product-menu-showcase__stage {
    overflow-x: auto;
    padding-bottom: .25rem;
    scrollbar-width: thin;
  }

  .product-ui {
    min-width: 690px;
    min-height: 470px;
    border-radius: 14px;
    transform-origin: left top;
  }

  .product-ui__shell {
    grid-template-columns: 135px minmax(0,1fr);
  }
}


/* V40 — only Unicore menu in Text & Image */
.product-menu-showcase__selector button[aria-current="true"]{pointer-events:none;}
.product-menu-showcase__selector{margin-top:1rem;margin-bottom:.1rem;}


/* ==========================================================================
   V41 — Text & Image uses static menu screenshots per selected product
   ========================================================================== */
.product-menu-showcase__panel--static {
  grid-template-columns: minmax(280px, .74fr) minmax(0, 1.18fr) !important;
  gap: clamp(1.15rem, 2.2vw, 2rem) !important;
  align-items: center !important;
}

.product-menu-showcase__copy--static {
  max-width: 430px;
}

.product-menu-showcase__content-stage {
  position: relative;
  min-height: 265px;
  margin-top: 1rem;
}

.product-menu-showcase__content-card {
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.product-menu-showcase__title h2 {
  margin-bottom: 0 !important;
}

.product-menu-showcase__body {
  margin: 0 !important;
  color: rgba(239, 246, 229, .78);
  line-height: 1.75;
}

.product-menu-showcase__points {
  display: grid;
  gap: .55rem;
  padding: 0;
  margin: .1rem 0 0;
  list-style: none;
}

.product-menu-showcase__points li {
  position: relative;
  padding-left: 1rem;
  color: rgba(239, 246, 229, .9);
  font-size: .93rem;
  line-height: 1.5;
}

.product-menu-showcase__points li::before {
  content: '';
  position: absolute;
  top: .55rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(234, 167, 172, .95);
  box-shadow: 0 0 16px rgba(234, 167, 172, .35);
}

.product-menu-showcase__stage--static {
  position: relative;
  min-width: 0;
}

.product-menu-showcase__image-wrap {
  position: relative;
  width: 100%;
}

.product-menu-showcase__image-wrap::before {
  content: '';
  position: absolute;
  inset: -6% 4% auto 4%;
  height: 48%;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(234, 167, 172, .12), transparent 70%);
  filter: blur(24px);
  pointer-events: none;
}

.product-menu-showcase__image {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  border: 1px solid rgba(238, 180, 184, .11);
  background: rgba(10, 15, 9, .45);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
}

.product-menu-showcase__selector {
  display: flex;
  flex-wrap: wrap;
  gap: .48rem;
  margin-top: .95rem;
}

.product-menu-showcase__selector button {
  display: inline-flex;
  align-items: center;
  gap: .48rem;
  min-height: 38px;
  padding: .48rem .8rem;
  border: 1px solid rgba(238, 180, 184, .13);
  border-radius: 11px;
  background: rgba(255,255,255,.025);
  color: var(--cs-muted);
  font-size: .78rem;
  font-weight: 670;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.product-menu-showcase__selector button:hover {
  transform: translateY(-1px);
  background: rgba(238, 180, 184, .06);
  color: var(--cs-text);
}

.product-menu-showcase__selector button.is-active {
  background: rgba(238, 180, 184, .10);
  border-color: rgba(238, 180, 184, .29);
  color: var(--cs-text);
  box-shadow: inset 0 0 0 1px rgba(238, 180, 184, .035), 0 8px 22px rgba(0,0,0,.16);
}

.product-menu-showcase__selector-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 12px currentColor;
}

.product-menu-showcase__selector-dot--lumen { color: #6d8cff; background: currentColor; }
.product-menu-showcase__selector-dot--unicore { color: #2f7dff; background: currentColor; }

@media (max-width: 1199.98px) {
  .product-menu-showcase__panel--static {
    grid-template-columns: 1fr !important;
  }

  .product-menu-showcase__copy--static {
    max-width: 680px;
  }

  .product-menu-showcase__content-stage {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__panel--static {
    gap: .95rem !important;
  }

  .product-menu-showcase__content-stage {
    margin-top: .75rem;
  }

  .product-menu-showcase__body {
    font-size: .9rem;
    line-height: 1.65;
  }

  .product-menu-showcase__points {
    gap: .45rem;
  }

  .product-menu-showcase__points li {
    font-size: .84rem;
  }

  .product-menu-showcase__image {
    border-radius: 14px;
  }
}


/* ==========================================================================
   V42 — smoother switching animations for Text & Image static showcase
   ========================================================================== */
.product-menu-showcase__content-stage,
.product-menu-showcase__stage--static {
  isolation: isolate;
}

.product-menu-showcase__content-stage {
  min-height: 250px;
}

.product-menu-showcase__content-card {
  position: absolute;
  inset: 0;
  width: 100%;
}

.product-menu-showcase__stage--static {
  min-height: 420px;
}

.product-menu-showcase__image-wrap {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-menu-fade-enter,
.product-menu-fade-leave {
  transition: opacity 340ms cubic-bezier(.22,1,.36,1), transform 340ms cubic-bezier(.22,1,.36,1), filter 340ms ease;
}

.product-menu-fade-enter-start,
.product-menu-fade-leave-end {
  opacity: 0;
  transform: translateY(8px) translateX(14px);
  filter: blur(4px);
}

.product-menu-fade-enter-end,
.product-menu-fade-leave-start {
  opacity: 1;
  transform: translateY(0) translateX(0);
  filter: blur(0);
}

.product-menu-showcase__image {
  transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
}

.product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .34);
}

@media (max-width: 1199.98px) {
  .product-menu-showcase__content-card,
  .product-menu-showcase__image-wrap {
    position: relative;
    inset: auto;
  }

  .product-menu-showcase__stage--static {
    min-height: 0;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__content-stage {
    min-height: 220px;
  }
}


/* ==========================================================================
   V43 — fixed Text & Image layout: stable dimensions during transitions
   ========================================================================== */
.product-menu-showcase__panel--static {
  align-items: center !important;
  overflow: hidden;
}

/* Both text states occupy the same grid cell. Unlike absolute positioning,
   the content still participates in sizing, so the panel cannot collapse or
   crop the final list item. */
.product-menu-showcase__content-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  min-height: 285px !important;
  margin-top: 1rem;
}

.product-menu-showcase__content-card {
  grid-area: 1 / 1 !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0;
}

/* A fixed preview viewport keeps Unicore and Lumen in exactly the same place,
   despite the source screenshots having different aspect ratios. */
.product-menu-showcase__stage--static {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  width: 100%;
  min-width: 0;
  min-height: 0 !important;
  aspect-ratio: 1.5 / 1;
  overflow: hidden !important;
  border-radius: 18px;
}

.product-menu-showcase__image-wrap {
  grid-area: 1 / 1 !important;
  position: relative !important;
  inset: auto !important;
  display: grid;
  place-items: center;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  min-height: 0;
  padding: 0;
}

.product-menu-showcase__image-wrap::before {
  inset: 7% 8% auto 8% !important;
  height: 52% !important;
}

.product-menu-showcase__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto;
  border-radius: 16px !important;
}

.product-menu-fade-enter,
.product-menu-fade-leave {
  transition: opacity 300ms cubic-bezier(.22,1,.36,1), transform 340ms cubic-bezier(.22,1,.36,1), filter 300ms ease !important;
}

.product-menu-fade-enter-start {
  opacity: 0;
  transform: translate3d(-12px, 5px, 0);
  filter: blur(3px);
}

.product-menu-fade-enter-end,
.product-menu-fade-leave-start {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  filter: blur(0);
}

.product-menu-fade-leave-end {
  opacity: 0;
  transform: translate3d(10px, -3px, 0);
  filter: blur(2px);
}

/* Keep hover entirely inside the fixed preview frame. */
.product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  transform: scale(1.008) !important;
}

@media (max-width: 1199.98px) {
  .product-menu-showcase__content-stage {
    min-height: 265px !important;
  }

  .product-menu-showcase__stage--static {
    aspect-ratio: 1.5 / 1;
    min-height: 0 !important;
  }

  .product-menu-showcase__image-wrap {
    position: relative !important;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__panel--static {
    overflow: hidden;
  }

  .product-menu-showcase__content-stage {
    min-height: 250px !important;
    margin-top: .75rem;
  }

  .product-menu-showcase__stage--static {
    width: 100%;
    aspect-ratio: 1.44 / 1;
    border-radius: 14px;
  }

  .product-menu-showcase__image {
    border-radius: 12px !important;
  }
}


/* ==========================================================================
   V44 — fix menu screenshot state switching
   ========================================================================== */
/* Do not force a display mode with !important here: Alpine x-show relies on
   inline display:none. This rule guarantees hidden menu screenshots cannot
   reappear after Alpine finishes a transition/re-render. */
.product-menu-showcase__stage--static > .product-menu-showcase__image-wrap[style*="display: none"],
.product-menu-showcase__content-stage > .product-menu-showcase__content-card[style*="display: none"] {
  display: none !important;
}

.product-menu-showcase__stage--static > .product-menu-showcase__image-wrap {
  grid-area: 1 / 1;
}


/* ==========================================================================
   V45 — lock text block position during Unicore/Lumen switching
   ========================================================================== */
/* Keep the text cards in exactly the same place so the content does not jump
   when switching between menu showcases. */
.product-menu-showcase__content-stage {
  position: relative !important;
  display: block !important;
  min-height: 330px !important;
  margin-top: 1rem;
}

.product-menu-showcase__content-card {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: .8rem;
}

/* Reserve stable internal zones so heading/body/list keep the same rhythm. */
.product-menu-showcase__title {
  min-height: 80px;
}

.product-menu-showcase__body {
  min-height: 132px;
}

.product-menu-showcase__points {
  min-height: 92px;
}

@media (max-width: 1199.98px) {
  .product-menu-showcase__content-stage {
    min-height: 315px !important;
  }

  .product-menu-showcase__title {
    min-height: 72px;
  }

  .product-menu-showcase__body {
    min-height: 118px;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__content-stage {
    min-height: 300px !important;
    margin-top: .75rem;
  }

  .product-menu-showcase__title {
    min-height: 66px;
  }

  .product-menu-showcase__body {
    min-height: 106px;
  }

  .product-menu-showcase__points {
    min-height: 82px;
  }
}

/* Let the Lumen description size naturally before its benefits list. */
.product-menu-showcase__content-card[x-show="activeMenu === 'lumen'"] .product-menu-showcase__body {
  min-height: 0;
}

/* Product logos share a stable title row across both menu tabs. */
.product-menu-showcase__title h2 {
  display: flex;
  align-items: center;
  gap: 4px;
}
.text-image-block .product-menu-showcase__title .product-menu-showcase__logo {
  display: block;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  object-fit: contain;
  margin: -12px 0 -12px -12px;
  border-radius: 0;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .text-image-block .product-menu-showcase__title .product-menu-showcase__logo {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
    margin: -10px 0 -10px -10px;
  }
}

/* ========================================================================== 
   Catalog group filters — Popular / New / All
   ========================================================================== */
.adwin-catalog__head {
  align-items:flex-start!important;
}

.adwin-catalog__filters {
  display: inline-flex;
  align-items: center;
  gap: .42rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: .28rem;
  border: 1px solid var(--cs-border);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

.adwin-catalog__filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  min-height: 38px;
  padding: .56rem .82rem;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--cs-muted);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition:
    color .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

.adwin-catalog__filter i {
  font-size: .72rem;
  color: currentColor;
}

.adwin-catalog__filter:hover {
  color: #f7fbf2;
  background: rgba(255,255,255,.045);
  transform: translateY(-1px);
}

.adwin-catalog__filter.is-active {
  color: #11170e;
  background: var(--cs-accent);
  border-color: rgba(255,255,255,.12);
  box-shadow: 0 8px 22px rgba(238, 180, 184, .12);
}

.adwin-catalog__filter.is-active[data-catalog-filter="popular"] {
  color: #1b1608;
  background: #e8c96d;
  box-shadow: 0 8px 22px rgba(232,201,109,.12);
}

.adwin-catalog__filter.is-active[data-catalog-filter="new"] {
  color: #11170e;
  background: #e6aaae;
}

.adwin-product-card__badge-stack {
  position: absolute;
  top: .72rem;
  left: .72rem;
  z-index: 4;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .4rem;
  max-width: calc(100% - 1.44rem);
  pointer-events: none;
}

.adwin-product-card__group-badge {
  display: inline-flex;
  align-items: center;
  gap: .36rem;
  min-height: 27px;
  padding: .3rem .56rem;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 7px 18px rgba(0,0,0,.22);
  font-size: .67rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.adwin-product-card__group-badge i {
  font-size: .64rem;
}

.adwin-product-card__group-badge--popular {
  color: #ffe8a1;
  background: rgba(98,73,18,.82);
  border-color: rgba(232,201,109,.34);
}

.adwin-product-card__group-badge--new {
  color: #ffd6d9;
  background: rgba(79, 43, 45, .84);
  border-color: rgba(230, 170, 174, .32);
}

.adwin-catalog__grid {
  transition: min-height .18s ease;
}

.adwin-catalog__grid [data-catalog-card].is-catalog-entering {
  animation: adwinCatalogCardFadeIn .24s cubic-bezier(.16,1,.3,1) both;
  animation-delay: var(--catalog-enter-delay, 0ms);
}

.adwin-catalog__grid [data-catalog-card].is-catalog-leaving {
  opacity: 0 !important;
  filter: blur(3px) !important;
  pointer-events: none !important;
  transition: opacity .14s ease, filter .14s ease !important;
}

@keyframes adwinCatalogCardFadeIn {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: scale(.992);
  }
  to {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@media (max-width: 767.98px) {
  .adwin-catalog__head {
    align-items:flex-start!important;
    flex-direction: column;
  }

  .adwin-catalog__filters {
    width: 100%;
    justify-content: stretch;
  }

  .adwin-catalog__filter {
    flex: 1 1 0;
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adwin-catalog__grid [data-catalog-card].is-catalog-entering {
    animation: none !important;
  }

  .adwin-catalog__grid [data-catalog-card].is-catalog-leaving {
    transition: none !important;
  }
}

/* ==========================================================================
   Catalog filter: keep cards at natural height while grid height is locked
   during All -> Popular/New transitions.
   ========================================================================== */
.adwin-catalog__grid {
  align-content: start !important;
  align-items: start !important;
  grid-auto-rows: max-content !important;
}

.adwin-catalog__grid > [data-catalog-card] {
  align-self: start !important;
  height: auto !important;
  min-height: 0 !important;
}

/* ========================================================================== 
   Product-group preview buttons: color by product status
   ========================================================================== */
.adwin-product-card__desc .adwin-product-card__desc-link--status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 29px !important;
  padding: .28rem .62rem !important;
  border: 1px solid currentColor !important;
  border-radius: 8px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--recommended {
  color: #db5c64 !important;
  border-color: rgba(219, 92, 100, .58) !important;
  background: rgba(219, 92, 100, .10) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--risky {
  color: #f1c40f !important;
  border-color: rgba(241, 196, 15, .62) !important;
  background: rgba(241, 196, 15, .09) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--update {
  color: #e67e22 !important;
  border-color: rgba(230, 126, 34, .62) !important;
  background: rgba(230, 126, 34, .10) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--unknown {
  color: #aeb6c7 !important;
  border-color: rgba(174, 182, 199, .30) !important;
  background: rgba(174, 182, 199, .07) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.12) !important;
}

/* ========================================================================== 
   V2 status buttons — force semantic colors + shared icons
   ========================================================================== */
.adwin-product-card__desc .adwin-product-card__desc-link--status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  padding: .30rem .64rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 8px !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status > i {
  display: inline-flex !important;
  width: 12px !important;
  min-width: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status > span {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
}

.adwin-product-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-height: 31px !important;
  padding: .38rem .68rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 999px !important;
  font-size: .73rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.adwin-product-status > i {
  display: inline-flex !important;
  width: 13px !important;
  min-width: 13px !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  font-size: .70rem !important;
  line-height: 1 !important;
}

.adwin-product-status > span {
  color: inherit !important;
}

/* ==========================================================================
   HERO FINAL — plain logo side image + featured product below Starting from
   ========================================================================== */

.hero--adwin-featured .hero-adwin__visual.hero-adwin__visual--logo {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.hero--adwin-featured .hero-adwin__visual--logo::before,
.hero--adwin-featured .hero-adwin__visual--logo::after {
  content: none !important;
  display: none !important;
}

.hero--adwin-featured .hero-adwin__logo-image {
  display: block !important;
  width: min(100%, 420px) !important;
  max-width: 420px !important;
  height: auto !important;
  max-height: 500px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .18)) !important;
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg) !important;
  transform-origin: 50% 70% !important;
  transition:
    transform 420ms cubic-bezier(.16, 1, .3, 1),
    filter 320ms ease !important;
  will-change: transform !important;
}

.hero--adwin-featured .hero-adwin__visual--logo:hover .hero-adwin__logo-image {
  transform: translate3d(0, -10px, 0) scale(1.055) rotate(-1.25deg) !important;
  filter:
    drop-shadow(0 26px 38px rgba(0, 0, 0, .26))
    drop-shadow(0 0 18px rgba(230, 152, 157, .11)) !important;
}

.hero--adwin-featured .hero-featured-product {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: min(100%, 470px) !important;
  min-height: 60px !important;
  gap: 16px !important;
  margin: 10px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(222, 180, 182, .16) !important;
  border-radius: 15px !important;
  background: rgba(24, 23, 33, .92) !important;
  box-shadow: none !important;
  color: inherit !important;
  text-decoration: none !important;
  transition:
    transform 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease !important;
}

.hero--adwin-featured .hero-featured-product:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(230, 152, 157, .34) !important;
  background: rgba(29, 28, 40, .98) !important;
}

.hero-featured-product__copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.hero-featured-product__name {
  display: block !important;
  margin: 0 0 2px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hero-featured-product__group {
  display: block !important;
  margin: 0 !important;
  color: #cb878b !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hero-featured-product__right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  gap: 13px !important;
}

.hero-featured-product__status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  gap: 6px !important;
  padding: 0 12px !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.hero-featured-product__status i {
  color: currentColor !important;
  font-size: 9px !important;
}

.hero-featured-product__status--recommended {
  color: #db5c64 !important;
  background: rgba(219, 92, 100, .08) !important;
}

.hero-featured-product__status--risky {
  color: #f1c40f !important;
  background: rgba(241, 196, 15, .08) !important;
}

.hero-featured-product__status--update {
  color: #e67e22 !important;
  background: rgba(230, 126, 34, .08) !important;
}

.hero-featured-product__status--unknown {
  color: #aeb6c7 !important;
  background: rgba(174, 182, 199, .07) !important;
}

.hero-featured-product__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #e8999e !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transition: transform 180ms ease !important;
}

.hero-featured-product:hover .hero-featured-product__arrow {
  transform: translate(2px, -2px) !important;
}

/* Even if stale art-card markup survives in browser cache, it cannot draw a background. */
.hero--adwin-featured .hero-adwin__art-card,
.hero--adwin-featured .hero-adwin__image-glow {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1199.98px) {
  .hero--adwin-featured .hero-adwin__logo-image {
    width: min(78vw, 360px) !important;
    max-width: 360px !important;
    max-height: 430px !important;
  }
}

@media (max-width: 767.98px) {
  .hero--adwin-featured .hero-adwin__visual--logo {
    margin-top: 12px !important;
  }

  .hero--adwin-featured .hero-adwin__logo-image {
    width: min(72vw, 290px) !important;
    max-width: 290px !important;
    max-height: 340px !important;
  }

  .hero--adwin-featured .hero-featured-product {
    width: 100% !important;
    min-height: 56px !important;
    gap: 10px !important;
    margin-top: 9px !important;
    padding: 9px 11px !important;
  }

  .hero-featured-product__right {
    gap: 8px !important;
  }

  .hero-featured-product__status {
    min-height: 26px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
  }

  .hero-featured-product__arrow {
    font-size: 13px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero--adwin-featured .hero-adwin__logo-image,
  .hero--adwin-featured .hero-featured-product,
  .hero-featured-product__arrow {
    transition: none !important;
  }
}

/* ==========================================================================
   ADWIN V10 — unified interaction polish
   Statuses keep semantic colors while matching the compact Browse Games CTA.
   ========================================================================== */

:root {
  --adwin-good-bg: #addb94;
  --adwin-good-hover: #df8d86;
  --adwin-good-ink: #14200f;

  --adwin-risk-bg: #d9b060;
  --adwin-risk-hover: #f1d77c;
  --adwin-risk-ink: #261e08;

  --adwin-update-bg: #e67e22;
  --adwin-update-hover: #f08d33;
  --adwin-update-ink: #211207;

  --adwin-unknown-bg: #aeb6c7;
  --adwin-unknown-hover: #c1c8d5;
  --adwin-unknown-ink: #171a20;

  --adwin-ui-hover-bg: rgba(255,255,255,.065);
  --adwin-ui-hover-border: rgba(255,255,255,.16);
  --adwin-ui-hover-shadow: 0 8px 22px rgba(0,0,0,.22);
}

/* ---------- 1. Statuses: filled CTA style, semantic colors preserved ---------- */

.adwin-product-card__desc .adwin-product-card__desc-link--status,
.adwin-product-status,
.hero-featured-product__status,
.status-card .adwin-status-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  min-height: 30px !important;
  padding: .38rem .68rem !important;

  border: 1px solid rgba(20,32,15,.14) !important;
  border-radius: 6px !important;
  box-shadow: none !important;

  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  transition:
    transform 180ms cubic-bezier(.2,.8,.2,1),
    filter 180ms ease,
    background-color 180ms ease,
    box-shadow 180ms ease !important;
}

.adwin-product-status,
.hero-featured-product__status,
.status-card .adwin-status-button {
  text-transform: uppercase !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status > i,
.adwin-product-status > i,
.hero-featured-product__status > i,
.status-card .adwin-status-button > i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  min-width: 12px !important;
  color: inherit !important;
  font-size: .68rem !important;
  line-height: 1 !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status > span,
.adwin-product-status > span,
.hero-featured-product__status > span,
.status-card .adwin-status-button .label {
  color: inherit !important;
}

/* Recommended for use — same palette as Browse games */
.adwin-product-card__desc .adwin-product-card__desc-link--recommended,
.adwin-product-status--recommended,
.hero-featured-product__status--recommended,
.status-card .adwin-status-button--recommended {
  color: var(--adwin-good-ink) !important;
  background: var(--adwin-good-bg) !important;
  border-color: rgba(20,32,15,.14) !important;
}

/* Use at your own risk — warm yellow */
.adwin-product-card__desc .adwin-product-card__desc-link--risky,
.adwin-product-status--risky,
.hero-featured-product__status--risky,
.status-card .adwin-status-button--risky {
  color: var(--adwin-risk-ink) !important;
  background: var(--adwin-risk-bg) !important;
  border-color: rgba(38,30,8,.16) !important;
}

/* On Update — orange */
.adwin-product-card__desc .adwin-product-card__desc-link--update,
.adwin-product-status--update,
.hero-featured-product__status--update,
.status-card .adwin-status-button--update {
  color: var(--adwin-update-ink) !important;
  background: var(--adwin-update-bg) !important;
  border-color: rgba(33,18,7,.16) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--unknown,
.adwin-product-status--unknown,
.hero-featured-product__status--unknown,
.status-card .adwin-status-button--unknown {
  color: var(--adwin-unknown-ink) !important;
  background: var(--adwin-unknown-bg) !important;
  border-color: rgba(23,26,32,.15) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status:hover,
.status-card:hover .adwin-status-button {
  transform: translateY(-1px) !important;
  filter: brightness(1.035) !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.16) !important;
}

/* ---------- Badges: same geometry as the CTA family ---------- */

.adwin-product-card__group-badge {
  min-height: 29px !important;
  padding: .36rem .62rem !important;
  gap: 6px !important;

  border-radius: 6px !important;
  border: 1px solid rgba(24,24,18,.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.16) !important;

  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.adwin-product-card__group-badge--popular {
  color: var(--adwin-risk-ink) !important;
  background: var(--adwin-risk-bg) !important;
  border-color: rgba(38,30,8,.16) !important;
}

.adwin-product-card__group-badge--new {
  color: var(--adwin-good-ink) !important;
  background: var(--adwin-good-bg) !important;
  border-color: rgba(20,32,15,.14) !important;
}

.adwin-product-card__group-badge i {
  color: inherit !important;
}

/* User-created product badges keep their configured color,
   but now share the same compact Browse-games geometry. */
.badges > div {
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: .38rem .68rem !important;
  border: 1px solid rgba(20,20,20,.13) !important;
  border-radius: 6px !important;
  color: #17150d !important;
  box-shadow: none !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.badges > div i {
  color: inherit !important;
}

/* ---------- 2 + 6. Navbar utilities: one neutral hover language ---------- */

.navbar.navbar-yummy .navbar-yummy__currency .choices:hover .choices__inner,
.navbar.navbar-yummy .navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar.navbar-yummy .navbar-yummy__currency .choices.is-open .choices__inner,
.navbar.navbar-yummy .navbar-yummy__language-button:hover,
.navbar.navbar-yummy .navbar-yummy__language-button:focus-visible,
.navbar.navbar-yummy .navbar-yummy__language.is-open .navbar-yummy__language-button,
.navbar.navbar-yummy button.navbar-yummy__account:hover,
.navbar.navbar-yummy button.navbar-yummy__account:focus-visible,
.navbar.navbar-yummy a.navbar-yummy__account:hover,
.navbar.navbar-yummy a.navbar-yummy__account:focus-visible,
.navbar.navbar-yummy .cart .navbar-yummy__utility:hover,
.navbar.navbar-yummy .cart .navbar-yummy__utility:focus-visible,
.navbar.navbar-yummy .navbar-yummy__social:hover,
.navbar.navbar-yummy .navbar-yummy__social:focus-visible {
  color: #f6faef !important;
  background: var(--adwin-ui-hover-bg) !important;
  border-color: var(--adwin-ui-hover-border) !important;
  box-shadow: var(--adwin-ui-hover-shadow) !important;
  transform: translateY(-1px) !important;
}

/* Currency dropdown items: no green hover/selection flash. */
.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted,
.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected {
  color: #f6faef ;
  background: rgba(255,255,255,.065) ;
  transform: translateX(2px) ;
}

.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted .symbol,
.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected .symbol {
  color: #f6faef ;
}

/* Language menu follows the same navbar hover instead of green highlight. */
.navbar.navbar-yummy .navbar-yummy__language-option:hover,
.navbar.navbar-yummy .navbar-yummy__language-option:focus-visible,
.navbar.navbar-yummy .navbar-yummy__language-option.is-active {
  color: #f6faef ;
  background: rgba(255,255,255,.065) ;
}

/* ---------- 3. Reliable built-in flag artwork (no external images needed) ---------- */

.navbar-yummy__flag {
  position: relative !important;
  display: inline-block !important;
  width: 20px !important;
  height: 14px !important;
  min-width: 20px !important;
  overflow: hidden !important;

  border-radius: 3px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.20) !important;
  vertical-align: middle !important;
}

.navbar-yummy__flag--us {
  background:
    repeating-linear-gradient(
      to bottom,
      #b22234 0,
      #b22234 1.08px,
      #ffffff 1.08px,
      #ffffff 2.16px
    ) !important;
}
.navbar-yummy__flag--us::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 9px !important;
  height: 7.6px !important;
  background: #3c3b6e !important;
}

.navbar-yummy__flag--ru {
  background:
    linear-gradient(
      to bottom,
      #ffffff 0 33.333%,
      #1f57a4 33.333% 66.666%,
      #d52b1e 66.666% 100%
    ) !important;
}

.navbar-yummy__flag--cn {
  background: #de2910 !important;
}
.navbar-yummy__flag--cn::before {
  content: "★" !important;
  position: absolute !important;
  top: -2px !important;
  left: 2px !important;
  color: #ffde00 !important;
  font-size: 8px !important;
  line-height: 1 !important;
}

.navbar-yummy__language-current,
.navbar-yummy__language-flag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------- 4. Hero buttons: animate, but primary text stays dark ---------- */

.hero--adwin-featured .adwin-button {
  transition:
    transform 200ms cubic-bezier(.2,.8,.2,1),
    background-color 180ms ease,
    box-shadow 200ms ease,
    filter 180ms ease !important;
  will-change: transform !important;
}

.hero--adwin-featured .adwin-button--primary,
.hero--adwin-featured .adwin-button--primary:hover,
.hero--adwin-featured .adwin-button--primary:focus-visible {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
}

.hero--adwin-featured .adwin-button--primary:hover,
.hero--adwin-featured .adwin-button--primary:focus-visible {
  background: #df8d86 !important;
  transform: translateY(-2px) scale(1.015) !important;
  box-shadow: 0 10px 24px rgba(201,106,103,.18) !important;
}

.hero--adwin-featured .adwin-button--secondary:hover,
.hero--adwin-featured .adwin-button--secondary:focus-visible {
  transform: translateY(-2px) scale(1.015) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
}

.hero--adwin-featured .adwin-button--primary span {
  display: inline-block !important;
  color: inherit !important;
  transition: transform 200ms cubic-bezier(.2,.8,.2,1) !important;
}
.hero--adwin-featured .adwin-button--primary:hover span,
.hero--adwin-featured .adwin-button--primary:focus-visible span {
  transform: translate(2px,-2px) !important;
}

.hero--adwin-featured .adwin-button:active {
  transform: translateY(0) scale(.985) !important;
}

/* ---------- 5. Text & Image selector buttons = Browse-games button family ---------- */

.product-menu-showcase__selector button {
  min-height: 40px !important;
  padding: .50rem .86rem !important;

  border: 1px solid rgba(20,32,15,.14) !important;
  border-radius: 6px !important;

  color: #2a0c10 !important;
  background: #c96a67 !important;
  opacity: .80 !important;

  font-weight: 800 !important;

  box-shadow: none !important;
  transition:
    transform 180ms cubic-bezier(.2,.8,.2,1),
    background-color 180ms ease,
    opacity 180ms ease,
    box-shadow 180ms ease !important;
}

.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible {
  color: #2a0c10 !important;
  background: #df8d86 !important;
  opacity: 1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 9px 20px rgba(201,106,103,.14) !important;
  outline: none !important;
}

.product-menu-showcase__selector button.is-active {
  color: #2a0c10 !important;
  background: #df8d86 !important;
  opacity: 1 !important;
  border-color: rgba(20,32,15,.18) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.16),
    0 9px 20px rgba(201,106,103,.12) !important;
}

.product-menu-showcase__selector-dot {
  box-shadow: none !important;
}

/* ---------- General polish: consistent focus and motion ---------- */

.navbar-yummy__social,
.navbar-yummy__account,
.navbar-yummy__utility,
.navbar-yummy__language-button,
.navbar-yummy__currency .choices__inner,
.adwin-product-card__group-badge,
.adwin-product-card__desc-link--status,
.adwin-product-status,
.hero-featured-product__status,
.adwin-status-button {
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    transform 180ms cubic-bezier(.2,.8,.2,1),
    box-shadow 180ms ease !important;
}

.navbar-yummy__social:focus-visible,
.navbar-yummy__account:focus-visible,
.navbar-yummy__utility:focus-visible,
.navbar-yummy__language-button:focus-visible,
.product-menu-showcase__selector button:focus-visible,
.hero--adwin-featured .adwin-button:focus-visible {
  outline: 2px solid rgba(201,106,103,.45) !important;
  outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero--adwin-featured .adwin-button,
  .hero--adwin-featured .adwin-button span,
  .product-menu-showcase__selector button,
  .navbar-yummy__social,
  .navbar-yummy__account,
  .navbar-yummy__utility,
  .navbar-yummy__language-button,
  .navbar-yummy__currency .choices__inner,
  .adwin-product-card__desc-link--status,
  .adwin-product-status,
  .hero-featured-product__status,
  .adwin-status-button {
    transition: none !important;
  }
}

/* ==========================================================================
   ADWIN V10.1 — selector cleanup + softer update + unified group product chips
   ========================================================================== */

/* 1) Text & Image selector:
   no button background / no glow; only text color indicates selected state. */
.product-menu-showcase__selector {
  gap: .9rem !important;
}

.product-menu-showcase__selector button,
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active {
  min-height: auto !important;
  padding: .18rem 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;

  transform: none !important;

  color: #a4ac9c !important;
  -webkit-text-fill-color: #a4ac9c !important;

  font-weight: 800 !important;

  transition:
    color 170ms ease,
    opacity 170ms ease,
    transform 170ms cubic-bezier(.2,.8,.2,1) !important;
}

.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible {
  color: #d6e8c8 !important;
  -webkit-text-fill-color: #d6e8c8 !important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #c96a67 !important;
  -webkit-text-fill-color: #c96a67 !important;

  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover {
  color: #df8d86 !important;
  -webkit-text-fill-color: #df8d86 !important;
}

/* Remove selector dot/glow so the selected state is text-only. */
.product-menu-showcase__selector-dot {
  display: none !important;
  box-shadow: none !important;
}

/* 2) Softer On Update palette — same visual family as green/yellow. */
:root {
  --adwin-update-bg: #c97a55;
  --adwin-update-hover: #e4ae76;
  --adwin-update-ink: #2a190b;
}

/* Ensure update states pick up the softer palette everywhere. */
.adwin-product-card__desc .adwin-product-card__desc-link--update,
.adwin-product-status--update,
.hero-featured-product__status--update,
.status-card .adwin-status-button--update {
  color: var(--adwin-update-ink) !important;
  background: var(--adwin-update-bg) !important;
  border-color: rgba(42,25,11,.15) !important;
}

/* 3) Product buttons inside group cards:
   same visual language as group badges — solid fill, compact, same radius/weight. */
.adwin-product-card__desc.adwin-product-card__desc--links {
  gap: .45rem !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status {
  min-height: 29px !important;
  padding: .36rem .62rem !important;
  gap: 6px !important;

  border-radius: 6px !important;
  border-width: 1px !important;
  border-style: solid !important;

  box-shadow: 0 5px 14px rgba(0,0,0,.11) !important;

  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  text-transform: none !important;
}

/* Recommended = same pale-green family used across the site. */
.adwin-product-card__desc .adwin-product-card__desc-link--recommended {
  color: var(--adwin-good-ink) !important;
  background: var(--adwin-good-bg) !important;
  border-color: rgba(20,32,15,.14) !important;
}

/* Risky = same warm yellow family as Popular badge. */
.adwin-product-card__desc .adwin-product-card__desc-link--risky {
  color: var(--adwin-risk-ink) !important;
  background: var(--adwin-risk-bg) !important;
  border-color: rgba(38,30,8,.16) !important;
}

/* Update = muted warm orange, not saturated orange. */
.adwin-product-card__desc .adwin-product-card__desc-link--update {
  color: var(--adwin-update-ink) !important;
  background: var(--adwin-update-bg) !important;
  border-color: rgba(42,25,11,.15) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--unknown {
  color: var(--adwin-unknown-ink) !important;
  background: var(--adwin-unknown-bg) !important;
  border-color: rgba(23,26,32,.15) !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status > i,
.adwin-product-card__desc .adwin-product-card__desc-link--status > span {
  color: inherit !important;
}

.adwin-product-card__desc .adwin-product-card__desc-link--status:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.035) !important;
  box-shadow: 0 7px 16px rgba(0,0,0,.15) !important;
}

/* Keep group badges and product chips visually aligned in height/radius. */
.adwin-product-card__group-badge {
  min-height: 29px !important;
  padding: .36rem .62rem !important;
  border-radius: 6px !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

@media (max-width: 575.98px) {
  .product-menu-showcase__selector {
    gap: .72rem !important;
  }

  .adwin-product-card__desc .adwin-product-card__desc-link--status,
  .adwin-product-card__group-badge {
    min-height: 28px !important;
    padding: .34rem .56rem !important;
  }
}

/* ==========================================================================
   ADWIN V10.2 — Hero + Text & Image interaction refinement
   ========================================================================== */

/* 1) Browse games: no glow at all, only subtle motion / fill shift. */
.hero--adwin-featured .adwin-button--primary:hover,
.hero--adwin-featured .adwin-button--primary:focus-visible {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #df8d86 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-2px) scale(1.012) !important;
}

/* 2) Text & Image: remove the rectangular glow around the preview. */
.product-menu-showcase__image-wrap::before {
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
  box-shadow: none !important;
}

.product-menu-showcase__image,
.product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  box-shadow: none !important;
  filter: none !important;
}

/* Text & Image selector:
   default/selected state remains text-only;
   hover temporarily adopts the Browse Games button styling. */
.product-menu-showcase__selector button {
  min-height: 38px !important;
  padding: .48rem .80rem !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a4ac9c !important;
  -webkit-text-fill-color: #a4ac9c !important;
  transform: none !important;
}

.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #c96a67 !important;
  -webkit-text-fill-color: #c96a67 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #c96a67 !important;
  border-color: rgba(20,32,15,.14) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

/* 3) Hero popular-game arrows:
   no translate/scale animation; hover only changes color. */
.hero-adwin__switch-btn,
.hero-adwin__switch-btn:hover,
.hero-adwin__switch-btn:focus-visible,
.hero-adwin__switch-btn:active {
  transform: none !important;
  transition:
    color 150ms ease,
    background-color 150ms ease,
    border-color 150ms ease !important;
}

.hero-adwin__switch-btn svg,
.hero-adwin__switch-btn:first-child:hover svg,
.hero-adwin__switch-btn:last-child:hover svg {
  transform: none !important;
  transition: none !important;
}

.hero-adwin__switch-btn:hover,
.hero-adwin__switch-btn:focus-visible {
  color: #c96a67 !important;
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* 4) Compact full product card in Hero. */
.hero--adwin-featured .hero-product-card {
  display: grid !important;
  grid-template-columns: 132px minmax(0, 1fr) !important;
  width: min(100%, 470px) !important;
  min-height: 138px !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: #f6faef !important;
  text-decoration: none !important;

  background: rgba(23, 21, 32, .94) !important;
  border: 1px solid rgba(222, 180, 182, .16) !important;
  border-radius: 14px !important;

  box-shadow: none !important;

  transition:
    transform 180ms cubic-bezier(.2,.8,.2,1),
    border-color 180ms ease,
    background-color 180ms ease !important;
}

.hero--adwin-featured .hero-product-card:hover,
.hero--adwin-featured .hero-product-card:focus-visible {
  color: #f6faef !important;
  background: rgba(28, 26, 38, .98) !important;
  border-color: rgba(201, 106, 103, .32) !important;
  box-shadow: none !important;
  transform: translateY(-2px) !important;
  outline: none !important;
}

.hero-product-card__media {
  position: relative !important;
  display: block !important;
  min-width: 0 !important;
  min-height: 138px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.025) !important;
  border-right: 1px solid rgba(255,255,255,.055) !important;
}

.hero-product-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 138px !important;
  object-fit: cover !important;
  object-position: center center !important;
  transition: transform 260ms cubic-bezier(.2,.8,.2,1) !important;
}

.hero-product-card:hover .hero-product-card__media img {
  transform: scale(1.025) !important;
}

.hero-product-card__placeholder {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 138px !important;
  color: #a5777a !important;
  font-size: 1.45rem !important;
}

.hero-product-card__body {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  padding: 12px 14px 11px !important;
}

.hero-product-card__meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 7px !important;

  color: #9ba59a !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.hero-product-card__available {
  color: #c96a67 !important;
}

.hero-product-card__name {
  display: block !important;
  margin: 0 0 8px !important;

  color: #ffffff !important;
  font-size: 1.05rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.hero-product-card__status {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  min-height: 27px !important;
  padding: .34rem .56rem !important;

  border: 1px solid rgba(20,32,15,.14) !important;
  border-radius: 6px !important;

  font-size: .62rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.hero-product-card__status i,
.hero-product-card__status span {
  color: inherit !important;
}

.hero-product-card__status--recommended {
  color: var(--adwin-good-ink, #14200f) !important;
  background: var(--adwin-good-bg, #addb94) !important;
}

.hero-product-card__status--risky {
  color: var(--adwin-risk-ink, #261e08) !important;
  background: var(--adwin-risk-bg, #d9b060) !important;
}

.hero-product-card__status--update {
  color: var(--adwin-update-ink, #2a190b) !important;
  background: var(--adwin-update-bg, #c97a55) !important;
}

.hero-product-card__status--unknown {
  color: var(--adwin-unknown-ink, #171a20) !important;
  background: var(--adwin-unknown-bg, #aeb6c7) !important;
}

.hero-product-card__footer {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;

  margin-top: auto !important;
  padding-top: 10px !important;
}

.hero-product-card__price {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.hero-product-card__price small {
  color: #9ba59a !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.hero-product-card__price strong {
  color: #ffffff !important;
  font-size: .92rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.hero-product-card__open {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  color: #c96a67 !important;
  font-size: .72rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.hero-product-card__open > span {
  display: inline-block !important;
  transition: transform 180ms ease !important;
}

.hero-product-card:hover .hero-product-card__open > span {
  transform: translateX(2px) !important;
}

@media (max-width: 575.98px) {
  .hero--adwin-featured .hero-product-card {
    grid-template-columns: 108px minmax(0, 1fr) !important;
    min-height: 120px !important;
    width: 100% !important;
  }

  .hero-product-card__media,
  .hero-product-card__media img,
  .hero-product-card__placeholder {
    min-height: 120px !important;
  }

  .hero-product-card__body {
    padding: 10px 11px !important;
  }

  .hero-product-card__name {
    font-size: .95rem !important;
  }

  .hero-product-card__meta {
    margin-bottom: 6px !important;
  }

  .hero-product-card__status {
    min-height: 25px !important;
    padding: .31rem .48rem !important;
    font-size: .58rem !important;
  }

  .hero-product-card__footer {
    padding-top: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero--adwin-featured .hero-product-card,
  .hero-product-card__media img,
  .hero-product-card__open > span {
    transition: none !important;
  }
}

/* ==========================================================================
   ADWIN V10.3 — full product card replaces Hero Side Image
   ========================================================================== */

/* The product card now lives only in the right visual column. */
.hero-adwin__visual--product {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  min-height: 440px !important;
  overflow: visible !important;
}

/* Full-size vertical card based on the storefront product card proportions. */
.hero--adwin-featured .hero-product-card.hero-product-card--side {
  grid-area: 1 / 1 !important;

  display: flex !important;
  flex-direction: column !important;

  width: min(100%, 360px) !important;
  min-height: 430px !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  color: #f6faef !important;
  text-decoration: none !important;

  background: rgba(24, 22, 34, .96) !important;
  border: 1px solid rgba(201, 106, 103, .27) !important;
  border-radius: 12px !important;

  box-shadow: none !important;

  transition:
    transform 180ms cubic-bezier(.2,.8,.2,1),
    border-color 180ms ease,
    background-color 180ms ease !important;
}

.hero--adwin-featured .hero-product-card.hero-product-card--side:hover,
.hero--adwin-featured .hero-product-card.hero-product-card--side:focus-visible {
  color: #f6faef !important;
  background: rgba(28, 26, 39, .99) !important;
  border-color: rgba(201, 106, 103, .46) !important;
  box-shadow: none !important;
  transform: translateY(-3px) !important;
  outline: none !important;
}

.hero-product-card--side .hero-product-card__media {
  position: relative !important;
  display: block !important;

  width: 100% !important;
  height: 202px !important;
  min-height: 202px !important;

  overflow: hidden !important;

  background: rgba(255,255,255,.025) !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.055) !important;
}

.hero-product-card--side .hero-product-card__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  object-fit: cover !important;
  object-position: center center !important;

  transition: transform 260ms cubic-bezier(.2,.8,.2,1) !important;
}

.hero-product-card--side:hover .hero-product-card__media img {
  transform: scale(1.025) !important;
}

.hero-product-card--side .hero-product-card__placeholder {
  min-height: 202px !important;
}

.hero-product-card--side .hero-product-card__body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;

  min-width: 0 !important;
  min-height: 226px !important;

  padding: 20px 22px 18px !important;
}

.hero-product-card--side .hero-product-card__meta {
  margin-bottom: 14px !important;

  color: #a7a6bd !important;

  font-size: .66rem !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
}

.hero-product-card--side .hero-product-card__available {
  color: #aeb0c2 !important;
}

.hero-product-card--side .hero-product-card__name {
  margin: 0 0 12px !important;

  color: #ffffff !important;

  font-size: 1.55rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

.hero-product-card--side .hero-product-card__status {
  min-height: 34px !important;
  padding: .48rem .68rem !important;

  font-size: .68rem !important;

  border-radius: 7px !important;
}

.hero-product-card--side .hero-product-card__footer {
  margin-top: auto !important;
  padding-top: 19px !important;

  align-items: flex-end !important;
}

.hero-product-card--side .hero-product-card__price {
  gap: 6px !important;
}

.hero-product-card--side .hero-product-card__price small {
  color: #a6a5bb !important;

  font-size: .66rem !important;
  letter-spacing: .04em !important;
}

.hero-product-card--side .hero-product-card__price strong {
  font-size: 1.05rem !important;
}

.hero-product-card--side .hero-product-card__open {
  gap: 10px !important;

  color: #c96a67 !important;

  font-size: .80rem !important;
  font-weight: 850 !important;
}

.hero-product-card--side .hero-product-card__open > span {
  font-size: 1rem !important;
}

/* The old mascot Side Image is no longer rendered. */
.hero-adwin__visual--logo,
.hero-adwin__logo-image {
  display: none !important;
}

@media (max-width: 1199.98px) {
  .hero-adwin__visual--product {
    min-height: 405px !important;
  }

  .hero--adwin-featured .hero-product-card.hero-product-card--side {
    width: min(100%, 340px) !important;
    min-height: 400px !important;
  }

  .hero-product-card--side .hero-product-card__media {
    height: 186px !important;
    min-height: 186px !important;
  }

  .hero-product-card--side .hero-product-card__body {
    min-height: 212px !important;
    padding: 18px 20px 17px !important;
  }
}

@media (max-width: 767.98px) {
  .hero-adwin__visual--product {
    width: 100% !important;
    min-height: auto !important;
    margin-top: 1rem !important;
  }

  .hero--adwin-featured .hero-product-card.hero-product-card--side {
    width: min(100%, 360px) !important;
    min-height: 390px !important;
  }

  .hero-product-card--side .hero-product-card__media {
    height: 178px !important;
    min-height: 178px !important;
  }

  .hero-product-card--side .hero-product-card__body {
    min-height: 210px !important;
    padding: 17px 18px 16px !important;
  }

  .hero-product-card--side .hero-product-card__name {
    font-size: 1.35rem !important;
  }
}

@media (max-width: 420px) {
  .hero--adwin-featured .hero-product-card.hero-product-card--side {
    width: 100% !important;
  }
}

/* ==========================================================================
   HERO PRODUCT SWITCH — fix Alpine x-show being overridden by !important CSS
   ========================================================================== */

/* Alpine hides inactive product cards with inline `display: none`.
   The previous Hero CSS forced `display: flex !important`, so every product
   card stayed rendered in the same grid cell and the last one covered the rest.
   Force inactive cards to actually disappear. */
.hero-adwin__visual--product
.hero-product-card.hero-product-card--side[style*="display: none"] {
  display: none !important;
}

/* Keep only the active card interactive/visible during transitions. */
.hero-adwin__visual--product .hero-product-card.hero-product-card--side {
  pointer-events: auto !important;
}

.hero-adwin__visual--product
.hero-product-card.hero-product-card--side[style*="display: none"] {
  pointer-events: none !important;
}

/* ==========================================================================
   HERO PRODUCT SWITCH — directional card transition
   ========================================================================== */

.hero-product-switch-enter,
.hero-product-switch-leave {
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(.2,.8,.2,1),
    filter 260ms ease !important;
  will-change: opacity, transform, filter !important;
}

.hero-product-switch-enter-end,
.hero-product-switch-leave-start {
  opacity: 1 !important;
  transform: translate3d(0,0,0) scale(1) !important;
  filter: blur(0) !important;
}

/* Next popular game: new card comes from the right. */
.hero-adwin__visual--product.is-next
.hero-product-switch-enter-start {
  opacity: 0 !important;
  transform: translate3d(26px,0,0) scale(.985) !important;
  filter: blur(2px) !important;
}

.hero-adwin__visual--product.is-next
.hero-product-switch-leave-end {
  opacity: 0 !important;
  transform: translate3d(-20px,0,0) scale(.985) !important;
  filter: blur(2px) !important;
}

/* Previous popular game: reverse the direction. */
.hero-adwin__visual--product.is-prev
.hero-product-switch-enter-start {
  opacity: 0 !important;
  transform: translate3d(-26px,0,0) scale(.985) !important;
  filter: blur(2px) !important;
}

.hero-adwin__visual--product.is-prev
.hero-product-switch-leave-end {
  opacity: 0 !important;
  transform: translate3d(20px,0,0) scale(.985) !important;
  filter: blur(2px) !important;
}

/* Keep transition movement separate from the card's hover state. */
.hero-adwin__visual--product
.hero-product-card.hero-product-card--side.hero-product-switch-enter-start:hover,
.hero-adwin__visual--product
.hero-product-card.hero-product-card--side.hero-product-switch-leave-end:hover {
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-product-switch-enter,
  .hero-product-switch-leave {
    transition: opacity 120ms linear !important;
  }

  .hero-product-switch-enter-start,
  .hero-product-switch-leave-end {
    transform: none !important;
    filter: none !important;
  }
}

/* ==========================================================================
   Navbar primary links — remove rectangular hover/active background
   Keep the underline accent and text/icon color changes.
   ========================================================================== */

.navbar-yummy__link,
.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible,
.navbar-yummy__link.is-active {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.navbar-yummy__link:hover,
.navbar-yummy__link:focus-visible {
  transform: none !important;
}

/* Preserve the underline animation/accent. */
.navbar-yummy__link:hover::after,
.navbar-yummy__link:focus-visible::after,
.navbar-yummy__link.is-active::after {
  transform: scaleX(1) !important;
}

/* ==========================================================================
   FINAL Text & Image selector fix
   Selected = text color only.
   Hover = Browse games button style.
   No rectangular glow around the preview.
   ========================================================================== */

.product-menu-showcase__selector {
  gap: .75rem !important;
}

/* Base state: no button box at all. */
.product-menu-showcase__selector button,
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  min-height: 34px !important;
  padding: .38rem .58rem !important;

  border: 1px solid transparent !important;
  border-radius: 6px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;
  filter: none !important;

  color: #9da69a !important;
  -webkit-text-fill-color: #9da69a !important;

  opacity: 1 !important;
  transform: none !important;
}

/* Selected state: ONLY the text changes color. */
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #c96a67 !important;
  -webkit-text-fill-color: #c96a67 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border-color: transparent !important;
  box-shadow: none !important;
}

/* Kill any generic button pseudo backgrounds / glows. */
.product-menu-showcase__selector button::before,
.product-menu-showcase__selector button::after,
.product-menu-showcase__selector button.is-active::before,
.product-menu-showcase__selector button.is-active::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Hover state = Browse games family. */
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;

  background: #c96a67 !important;
  background-color: #c96a67 !important;
  background-image: none !important;

  border-color: rgba(20,32,15,.14) !important;

  box-shadow: none !important;
  filter: none !important;

  transform: translateY(-1px) !important;
  outline: none !important;
}

/* Remove the old dot completely. */
.product-menu-showcase__selector-dot {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* Remove all square/rectangular glow around the Text & Image preview. */
.product-menu-showcase__image-wrap,
.product-menu-showcase__image-wrap:hover,
.product-menu-showcase__image-wrap:focus-within {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-menu-showcase__image-wrap::before,
.product-menu-showcase__image-wrap::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-menu-showcase__image,
.product-menu-showcase__image:hover,
.product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  box-shadow: none !important;
  filter: none !important;
}

/* ==========================================================================
   FINAL FIX — Text & Image selector
   No rectangle, no glow, no movement. Selected/hover = text color only.
   ========================================================================== */

.product-menu-showcase__selector {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

/* Lock button geometry so hover cannot move the layout. */
.product-menu-showcase__selector button,
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"],
.product-menu-showcase__selector button[aria-current="true"]:hover {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 0 !important;
  height: 32px !important;
  min-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;
  filter: none !important;
  outline: none !important;

  transform: none !important;

  font-weight: 800 !important;
  line-height: 32px !important;

  transition: color 160ms ease !important;
}

/* Normal */
.product-menu-showcase__selector button {
  color: #9da69a !important;
  -webkit-text-fill-color: #9da69a !important;
}

/* Selected = green text only */
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #c96a67 !important;
  -webkit-text-fill-color: #c96a67 !important;
}

/* Hover = slightly brighter text only */
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover {
  color: #df8d86 !important;
  -webkit-text-fill-color: #df8d86 !important;
}

/* Kill any old button layers that create a rectangle/glow. */
.product-menu-showcase__selector button::before,
.product-menu-showcase__selector button::after,
.product-menu-showcase__selector button.is-active::before,
.product-menu-showcase__selector button.is-active::after,
.product-menu-showcase__selector button:hover::before,
.product-menu-showcase__selector button:hover::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* Dot is not needed. */
.product-menu-showcase__selector-dot {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Also make sure the preview itself never gets a square glow. */
.product-menu-showcase__image-wrap,
.product-menu-showcase__image-wrap:hover,
.product-menu-showcase__image-wrap:focus-within,
.product-menu-showcase__image {
  box-shadow: none !important;
  filter: none !important;
}

.product-menu-showcase__image-wrap::before,
.product-menu-showcase__image-wrap::after {
  content: none !important;
  display: none !important;
}

/* ==========================================================================
   Text & Image — buttons styled like Hero "Browse games"
   ========================================================================== */

.product-menu-showcase__selector {
  display: flex !important;
  align-items: center !important;
  gap: .85rem !important;
  flex-wrap: wrap !important;
}

/* Base button shape = Browse games family */
.product-menu-showcase__selector button,
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"],
.product-menu-showcase__selector button[aria-current="true"]:hover {
  appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .5rem !important;

  width: auto !important;
  min-width: 112px !important;
  height: 44px !important;
  min-height: 44px !important;

  margin: 0 !important;
  padding: 0 1rem !important;

  border-radius: 6px !important;
  border: 1px solid transparent !important;

  box-shadow: none !important;
  filter: none !important;
  outline: none !important;
  transform: none !important;

  font-weight: 800 !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  text-decoration: none !important;

  transition:
    background-color 170ms ease,
    color 170ms ease,
    border-color 170ms ease,
    transform 170ms cubic-bezier(.2,.8,.2,1) !important;
}

/* Inactive button = dark companion style */
.product-menu-showcase__selector button {
  color: #f6faef !important;
  -webkit-text-fill-color: #f6faef !important;
  background: rgba(42, 38, 59, .92) !important;
  background-color: rgba(42, 38, 59, .92) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.06) !important;
}

/* Active button = exact Browse games direction */
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #c96a67 !important;
  background-color: #c96a67 !important;
  background-image: none !important;
  border-color: rgba(20,32,15,.14) !important;
}

/* Hover/focus — no glow, just subtle lift, matching Hero button behavior */
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus-visible {
  transform: translateY(-2px) scale(1.012) !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #df8d86 !important;
  background-color: #df8d86 !important;
  border-color: rgba(20,32,15,.14) !important;
}

.product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):hover,
.product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):focus-visible {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #c96a67 !important;
  background-color: #c96a67 !important;
  border-color: rgba(20,32,15,.14) !important;
}

/* Remove any legacy dot/layers */
.product-menu-showcase__selector button::before,
.product-menu-showcase__selector button::after,
.product-menu-showcase__selector-dot {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Keep preview clean */
.product-menu-showcase__image-wrap,
.product-menu-showcase__image-wrap:hover,
.product-menu-showcase__image-wrap:focus-within,
.product-menu-showcase__image {
  box-shadow: none !important;
  filter: none !important;
}

.product-menu-showcase__image-wrap::before,
.product-menu-showcase__image-wrap::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 575.98px) {
  .product-menu-showcase__selector {
    gap: .65rem !important;
  }

  .product-menu-showcase__selector button,
  .product-menu-showcase__selector button:hover,
  .product-menu-showcase__selector button:focus-visible,
  .product-menu-showcase__selector button.is-active,
  .product-menu-showcase__selector button[aria-current="true"] {
    min-width: 96px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 .85rem !important;
    font-size: .9rem !important;
  }
}

/* ==========================================================================
   Text & Image — final tuning
   1) smoother hover animation
   2) active button = Browse games green
   3) hovered inactive button = Product status dark purple
   ========================================================================== */

.product-menu-showcase__selector button,
.product-menu-showcase__selector button:hover,
.product-menu-showcase__selector button:focus,
.product-menu-showcase__selector button:focus-visible,
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"],
.product-menu-showcase__selector button[aria-current="true"]:hover {
  transition:
    background-color 260ms cubic-bezier(.22,.61,.36,1) !important,
    color 260ms cubic-bezier(.22,.61,.36,1) !important,
    border-color 260ms cubic-bezier(.22,.61,.36,1) !important,
    transform 260ms cubic-bezier(.22,.61,.36,1) !important,
    opacity 260ms cubic-bezier(.22,.61,.36,1) !important;
}

/* Inactive buttons */
.product-menu-showcase__selector button {
  color: #f6faef !important;
  -webkit-text-fill-color: #f6faef !important;
  background: rgba(42, 38, 59, .86) !important;
  background-color: rgba(42, 38, 59, .86) !important;
  border-color: rgba(255,255,255,.055) !important;
}

/* Active/selected = same family as Browse games */
.product-menu-showcase__selector button.is-active,
.product-menu-showcase__selector button[aria-current="true"] {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #c96a67 !important;
  background-color: #c96a67 !important;
  border-color: rgba(20,32,15,.14) !important;
}

/* Hover on an inactive button = Product status style (dark purple) */
.product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):hover,
.product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #3a3349 !important;
  background-color: #3a3349 !important;
  border-color: rgba(255,255,255,.065) !important;
  transform: translateY(-1px) !important;
}

/* Hover on selected button = keep the Browse games green family */
.product-menu-showcase__selector button.is-active:hover,
.product-menu-showcase__selector button[aria-current="true"]:hover,
.product-menu-showcase__selector button.is-active:focus-visible,
.product-menu-showcase__selector button[aria-current="true"]:focus-visible {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;
  background: #d8847d !important;
  background-color: #d8847d !important;
  border-color: rgba(20,32,15,.14) !important;
  transform: translateY(-1px) !important;
}

/* ==========================================================================
   Text & Image — force selected button to match Browse games exactly.
   adwin-editorial.css loads after custom.css and was overriding this state,
   so these selectors intentionally use higher specificity.
   ========================================================================== */

.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active,

.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button[aria-current="true"] {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;

  background: #c96a67 !important;
  background-color: #c96a67 !important;
  background-image: none !important;

  border-color: rgba(20,32,15,.14) !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Selected hover = the same hover shade as Browse games. */
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active:hover,

.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active:focus-visible,

.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button[aria-current="true"]:hover,

.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button[aria-current="true"]:focus-visible {
  color: #2a0c10 !important;
  -webkit-text-fill-color: #2a0c10 !important;

  background: #df8d86 !important;
  background-color: #df8d86 !important;

  border-color: rgba(20,32,15,.14) !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ==========================================================================
   Text & Image — hover fill flash fix
   Remove delayed/empty intermediate state on non-active button hover.
   ========================================================================== */

/* Kill any inherited animations / delayed pseudo fills from later stylesheets. */
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:hover,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:focus-visible,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button[aria-current="true"] {
  animation: none !important;
  transition:
    background-color 180ms cubic-bezier(.22,.61,.36,1),
    color 180ms cubic-bezier(.22,.61,.36,1),
    border-color 180ms cubic-bezier(.22,.61,.36,1),
    transform 180ms cubic-bezier(.22,.61,.36,1) !important;
}

/* Make sure no pseudo element is used as the hover fill layer. */
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button::before,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button::after,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:hover::before,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:hover::after,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active::before,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button.is-active::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  animation: none !important;
  transition: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Non-active button base = already filled, so there is no empty flash. */
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:not(.is-active):not([aria-current="true"]) {
  color: #f6faef !important;
  -webkit-text-fill-color: #f6faef !important;
  background: #2f2a3e !important;
  background-color: #2f2a3e !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.06) !important;
}

/* Hovered non-active button = immediate dark fill like Product status. */
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:not(.is-active):not([aria-current="true"]):hover,
.text-image-block.product-menu-showcase
.product-menu-showcase__selector
button:not(.is-active):not([aria-current="true"]):focus-visible {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #3a3349 !important;
  background-color: #3a3349 !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.065) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

/* ========================================================================== 
   Hero arrows refresh — closer to the reference style
   ========================================================================== */
.hero-adwin__switcher {
  gap: .9rem !important;
}

.hero-adwin__switch-btn {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  padding: 0 !important;
  background: rgba(8, 10, 20, .24) !important;
  border: 1px solid rgba(243, 246, 252, .12) !important;
  color: rgba(245, 247, 252, .92) !important;
  box-shadow: none !important;
}

.hero-adwin__switch-btn svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 2.15 !important;
}

.hero-adwin__switch-btn:hover,
.hero-adwin__switch-btn:focus-visible {
  background: rgba(255, 255, 255, .04) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.hero-adwin__switch-btn:active {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(255, 255, 255, .22) !important;
}

.hero-adwin__switch-count {
  min-width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(244, 246, 252, .96) !important;
  font-size: .98rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
}

.hero-adwin__switch-count-separator {
  opacity: .68 !important;
}

@media (max-width: 767.98px) {
  .hero-adwin__switcher {
    gap: .72rem !important;
  }

  .hero-adwin__switch-btn {
    width: 38px !important;
    height: 38px !important;
  }

  .hero-adwin__switch-btn svg {
    width: 18px !important;
    height: 18px !important;
  }

  .hero-adwin__switch-count {
    font-size: .88rem !important;
  }
}


/* ========================================================================== 
   Hero size tuning — make title and switcher a bit smaller
   ========================================================================== */
.hero-adwin__content h1 {
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08!important;
}

.hero-adwin__switcher {
  gap: 0.72rem !important;
}

.hero-adwin__switch-btn {
  width: 36px !important;
  height: 36px !important;
}

.hero-adwin__switch-btn svg {
  width: 17px !important;
  height: 17px !important;
}

.hero-adwin__switch-count {
  font-size: 0.9rem !important;
  letter-spacing: 0.14em !important;
}

@media (max-width: 767.98px) {
  .hero-adwin__content h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }

  .hero-adwin__switcher {
    gap: 0.62rem !important;
  }

  .hero-adwin__switch-btn {
    width: 34px !important;
    height: 34px !important;
  }

  .hero-adwin__switch-btn svg {
    width: 16px !important;
    height: 16px !important;
  }

  .hero-adwin__switch-count {
    font-size: 0.82rem !important;
  }
}

/* ========================================================================== 
   Hero size tuning v2 — reduce title and slide switcher more
   ========================================================================== */
.hero-adwin__topline {
  width: min(100%, 460px) !important;
  margin-bottom: .65rem !important;
}

.hero-adwin__switcher {
  gap: .46rem !important;
}

.hero-adwin__switch-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
}

.hero-adwin__switch-btn svg {
  width: 15px !important;
  height: 15px !important;
}

.hero-adwin__switch-count {
  min-width: 34px !important;
  font-size: .68rem !important;
  letter-spacing: .12em !important;
}

.hero-adwin__category-slide h1 {
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08!important;
  margin-bottom: .75rem !important;
}

@media (max-width: 1199.98px) {
  .hero-adwin__category-slide h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }
}

@media (max-width: 767.98px) {
  .hero-adwin__topline {
    width: 100% !important;
  }

  .hero-adwin__switch-btn {
    width: 32px !important;
    height: 32px !important;
  }

  .hero-adwin__switch-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

  .hero-adwin__switch-count {
    font-size: .64rem !important;
  }

  .hero-adwin__category-slide h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
    white-space:normal!important;
  }
}

/* ========================================================================== 
   Hero size tuning v3 — only smaller title + no product movement
   ========================================================================== */
.hero-adwin__category-slide h1 {
  font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  line-height: 1.08!important;
  margin-bottom: .78rem !important;
}

@media (max-width: 1199.98px) {
  .hero-adwin__category-slide h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
  }
}

@media (max-width: 767.98px) {
  .hero-adwin__category-slide h1 {
    font-size:clamp(1.8rem, 3.5vw, 3.55rem)!important;
    white-space:normal!important;
  }
}

/* Keep the hero product card fixed in place while switching games. */
.hero-adwin__visual--product {
  justify-self: end !important;
  width: min(100%, 360px) !important;
}

.hero-adwin__visual--product .hero-product-card.hero-product-card--side {
  width: 100% !important;
}

.hero-product-switch-enter,
.hero-product-switch-leave {
  transition: opacity 180ms ease !important;
  will-change: opacity !important;
}

.hero-product-switch-enter-start,
.hero-product-switch-enter-end,
.hero-product-switch-leave-start,
.hero-product-switch-leave-end,
.hero-adwin__visual--product.is-next .hero-product-switch-enter-start,
.hero-adwin__visual--product.is-next .hero-product-switch-leave-end,
.hero-adwin__visual--product.is-prev .hero-product-switch-enter-start,
.hero-adwin__visual--product.is-prev .hero-product-switch-leave-end {
  transform: none !important;
  filter: none !important;
}

.hero-product-switch-enter-start,
.hero-product-switch-leave-end {
  opacity: 0 !important;
}

.hero-product-switch-enter-end,
.hero-product-switch-leave-start {
  opacity: 1 !important;
}

/* ========================================================================== 
   Hero product fixed-size lock — stop resize between slides
   ========================================================================== */
.hero-adwin__content {
  min-width: 0 !important;
}

@media (min-width: 768px) {
  .hero-adwin__container {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    column-gap: clamp(28px, 3.2vw, 54px) !important;
  }

  .hero-adwin__visual--product {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    justify-self: end !important;
    align-self: center !important;
  }

  .hero-adwin__visual--product .hero-product-card.hero-product-card--side {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    flex: 0 0 430px !important;
  }

  .hero-product-card--side .hero-product-card__name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 1.7rem !important;
    max-height: 1.7rem !important;
  }
}

/* ==========================================================================
   Text & Image — stable switch fix
   - prevent Unicore/Lumen from overlapping
   - keep both text and preview in the same fixed positions
   - restore a complete border around the preview
   - remove unused empty preview space
   ========================================================================== */

.text-image-block.product-menu-showcase .product-menu-showcase__panel--static {
  align-items: center !important;
}

/* Buttons keep identical dimensions and never move on hover. */
.text-image-block.product-menu-showcase .product-menu-showcase__selector {
  min-height: 44px !important;
  align-items: center !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button:hover,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button:focus-visible,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active {
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  transform: none !important;
}

/* Text cards occupy one fixed viewport and are layered in the same place. */
.text-image-block.product-menu-showcase .product-menu-showcase__content-stage {
  position: relative !important;
  display: block !important;
  min-height: 330px !important;
  height: 330px !important;
  max-height: 330px !important;
  margin-top: 1rem !important;
  overflow: hidden !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__content-card {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
}

/* IMPORTANT: keep Alpine x-show authoritative so only one card is visible. */
.text-image-block.product-menu-showcase
.product-menu-showcase__content-card[style*="display: none"] {
  display: none !important;
}

/* Preview viewport follows the source image ratio for the active product. */
.text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;

  padding: 1px !important;
  border: 1px solid rgba(201, 106, 103, .20) !important;
  border-radius: 18px !important;
  background: rgba(16, 15, 24, .72) !important;
  box-sizing: border-box !important;
}

.text-image-block.product-menu-showcase.product-menu-showcase--unicore .product-menu-showcase__stage--static { aspect-ratio: 1475 / 995 !important; }
.text-image-block.product-menu-showcase.product-menu-showcase--lumen .product-menu-showcase__stage--static { aspect-ratio: 1510 / 1041 !important; }
.text-image-block.product-menu-showcase.product-menu-showcase--shika .product-menu-showcase__stage--static { aspect-ratio: 1497 / 876 !important; }
.text-image-block.product-menu-showcase.product-menu-showcase--minty .product-menu-showcase__stage--static { aspect-ratio: 949 / 670 !important; }

.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap {
  position: absolute !important;
  inset: 1px !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: transparent !important;
}

/* IMPORTANT: keep Alpine x-show authoritative for images too. */
.text-image-block.product-menu-showcase
.product-menu-showcase__image-wrap[style*="display: none"] {
  display: none !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;

  object-fit: contain !important;
  object-position: center center !important;

  border: 0 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Cross-fade menu previews with a restrained scale transition. */
.text-image-block.product-menu-showcase .product-menu-fade-enter,
.text-image-block.product-menu-showcase .product-menu-fade-leave,
.text-image-block.product-menu-showcase .product-menu-image-enter,
.text-image-block.product-menu-showcase .product-menu-image-leave {
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out !important;
}

.text-image-block.product-menu-showcase .product-menu-fade-enter-start,
.text-image-block.product-menu-showcase .product-menu-fade-enter-end,
.text-image-block.product-menu-showcase .product-menu-fade-leave-start,
.text-image-block.product-menu-showcase .product-menu-fade-leave-end,
.text-image-block.product-menu-showcase .product-menu-image-enter-start,
.text-image-block.product-menu-showcase .product-menu-image-enter-end,
.text-image-block.product-menu-showcase .product-menu-image-leave-start,
.text-image-block.product-menu-showcase .product-menu-image-leave-end {
  transform: scale(.985) !important;
  filter: none !important;
}

.text-image-block.product-menu-showcase .product-menu-fade-enter-start,
.text-image-block.product-menu-showcase .product-menu-fade-leave-end,
.text-image-block.product-menu-showcase .product-menu-image-enter-start,
.text-image-block.product-menu-showcase .product-menu-image-leave-end {
  opacity: 0 !important;
}

.text-image-block.product-menu-showcase .product-menu-fade-enter-end,
.text-image-block.product-menu-showcase .product-menu-fade-leave-start,
.text-image-block.product-menu-showcase .product-menu-image-enter-end,
.text-image-block.product-menu-showcase .product-menu-image-leave-start {
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
}

/* Remove old decorative layers that could visually cut the border. */
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap::before,
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1199.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__content-stage {
    min-height: 315px !important;
    height: 315px !important;
    max-height: 315px !important;
  }

  .text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
}

@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__selector {
    min-height: 40px !important;
  }

  .text-image-block.product-menu-showcase .product-menu-showcase__selector button,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button:hover,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button:focus-visible,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  .text-image-block.product-menu-showcase .product-menu-showcase__content-stage {
    min-height: 285px !important;
    height: 285px !important;
    max-height: 285px !important;
  }

  .text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: 14px !important;
  }

  .text-image-block.product-menu-showcase .product-menu-showcase__image-wrap,
  .text-image-block.product-menu-showcase .product-menu-showcase__image {
    border-radius: 12px !important;
  }
}


/* ========================================================================== 
   Text & Image — border follows the actual image
   Keep the preview viewport fixed, but draw the border on the image itself.
   ========================================================================== */
.text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap {
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__image {
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: calc(100% - 2px) !important;
  max-height: calc(100% - 2px) !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(201, 106, 103, .20) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;

  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Hover must not resize or move the preview. */
.text-image-block.product-menu-showcase
.product-menu-showcase__image-wrap:hover .product-menu-showcase__image,
.text-image-block.product-menu-showcase
.product-menu-showcase__image:hover {
  width: auto !important;
  height: auto !important;
  max-width: calc(100% - 2px) !important;
  max-height: calc(100% - 2px) !important;
  transform: none !important;
  border: 1px solid rgba(201, 106, 103, .20) !important;
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__image {
    border-radius: 12px !important;
  }
}

/* ==========================================================================
   Navbar Products dropdown — Popular groups only, 4 rows per column
   ========================================================================== */
@media (min-width: 992px) {
  .navbar-yummy__products-menu {
    width: max-content !important;
    min-width: 270px !important;
    max-width: calc(100vw - 32px) !important;
  }

  .navbar-yummy__products-menu-list {
    display: grid !important;
    grid-template-rows: repeat(4, minmax(48px, auto)) !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 270px !important;
    column-gap: 6px !important;
    row-gap: 2px !important;
    width: max-content !important;
    max-width: calc(100vw - 48px) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: thin !important;
  }

  /* Old theme rule hid every group after #5. Popular groups can now continue
     into the next column, four items per column. */
  .navbar-yummy__products-menu-item:nth-child(n+6) {
    display: grid !important;
  }

  .navbar-yummy__products-menu-item {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
  }

  .navbar-yummy__products-menu-head,
  .navbar-yummy__products-menu-all {
    width: 100% !important;
  }
}


/* ========================================================================== 
   Navbar currency selector — prevent native green flash before Choices loads
   ========================================================================== */
.navbar.navbar-yummy .navbar-yummy__currency > select[data-navbar-currency] {
  -webkit-appearance: none !important;
  appearance: none !important;

  display: block !important;
  width: 108px !important;
  min-width: 108px !important;
  max-width: 108px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;

  margin: 0 !important;
  padding: 0 30px 0 12px !important;

  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;

  background-color: rgba(244, 229, 210, .025) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2 3.5 5 6.5 8 3.5' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  background-size: 10px 10px !important;

  border: 1px solid rgba(232, 184, 120, .105) !important;
  border-radius: 11px !important;
  box-shadow: none !important;

  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;

  outline: none !important;
  transition: none !important;
}

/* The native select exists only for the brief moment before Choices replaces it.
   Keep focus/hover neutral too, so no green surface can flash during page load. */
.navbar.navbar-yummy .navbar-yummy__currency > select[data-navbar-currency]:hover,
.navbar.navbar-yummy .navbar-yummy__currency > select[data-navbar-currency]:focus,
.navbar.navbar-yummy .navbar-yummy__currency > select[data-navbar-currency]:focus-visible {
  color: rgba(255,255,255,.82) !important;
  -webkit-text-fill-color: rgba(255,255,255,.82) !important;
  background-color: rgba(244, 229, 210, .025) !important;
  border-color: rgba(232, 184, 120, .105) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ==========================================================================
   Footer links — Navbar-style hover animation
   ========================================================================== */

.adwin-footer__list a,
.adwin-footer__socials a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;

  padding: .16rem 0 .34rem !important;

  color:var(--color-text-muted)!important;
  background:transparent!important;

  transition:
    color 180ms ease,
    transform 180ms cubic-bezier(.2,.8,.2,1) !important;
}

.adwin-footer__list a::after,
.adwin-footer__socials a::after {
  content: "" !important;
  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: .05rem !important;

  height: 1.5px !important;
  border-radius: 999px !important;

  background:transparent!important;

  box-shadow: 0 0 10px rgba(var(--cl-accent-rgb), .22) !important;

  opacity: .95 !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;

  transition: transform 260ms cubic-bezier(.22,.8,.2,1) !important;
}

.adwin-footer__list a:hover,
.adwin-footer__list a:focus-visible,
.adwin-footer__socials a:hover,
.adwin-footer__socials a:focus-visible {
  color:var(--color-primary-default)!important;
  transform: translateY(-1px) !important;
  outline: none !important;
}

.adwin-footer__list a:hover::after,
.adwin-footer__list a:focus-visible::after,
.adwin-footer__socials a:hover::after,
.adwin-footer__socials a:focus-visible::after {
  transform: scaleX(1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .adwin-footer__list a,
  .adwin-footer__socials a,
  .adwin-footer__list a::after,
  .adwin-footer__socials a::after {
    transition: none !important;
  }
}

/* ==========================================================================
   ADWIN burgundy cleanup pass
   Remove remaining legacy green/purple surfaces.
   ========================================================================== */
:root {
  --adwin-red: #c96a67 !important;
  --adwin-red-hover: #df8d86 !important;
  --adwin-red-dark: #7d292f !important;
  --adwin-red-surface: #24161b !important;
  --adwin-red-surface-hover: #321e25 !important;
  --adwin-red-border: #4a2a31 !important;
}

/* Assets are now recolored physically, so do not hue-shift them again. */
.text-image-block .product-menu-showcase__logo,
.text-image-block .product-menu-showcase__image {
  filter: none !important;
}

/* Common legacy secondary surfaces that still looked purple/green. */
.adwin-button--secondary,
.navbar-yummy__utility,
.navbar-yummy__social,
.navbar-yummy .btn:not(.btn-primary),
.adwin-gallery-switcher__btn,
.adwin-image-lightbox__close,
.adwin-product-form-shell .adwin-quantity-control,
.adwin-product-form-shell .adwin-quantity-control .form-control {
  background-color: #24161b !important;
  border-color: #3f252c !important;
}

.adwin-button--secondary:hover,
.navbar-yummy__utility:hover,
.navbar-yummy__social:hover,
.navbar-yummy .btn:not(.btn-primary):hover,
.adwin-gallery-switcher__btn:hover,
.adwin-gallery-switcher__btn:focus-visible {
  background-color: #321e25 !important;
  border-color: #694047 !important;
}

/* FAQ / Calendar / icons: force the ADWIN accent over legacy green styles. */
.adwinFaq__eyebrow,
.adwinFaq__toggle::before,
.adwinFaq__toggle::after,
.adwin-calendar__eyebrow,
.adwin-calendar__footnote a {
  color: #c96a67 !important;
  background-color: #c96a67 !important;
}

.adwinFaq__icon {
  background: #c96a67 !important;
  color: #2a0c10 !important;
}

/* Keep semantic warning/update colors, but Recommended follows the site identity. */
.adwin-product-card__desc-link--recommended,
.hero-product-card__status--recommended,
.adwin-product-status--recommended,
.adwin-status-product__badge--recommended,
.adwin-product-card__status--recommended,
.products-page-yummy .adwin-product-card__status-chip--recommended {
  background: #c96a67 !important;
  border-color: #c96a67 !important;
  color: #2a0c10 !important;
}

/* Remove green-ish shadows/glows from legacy controls. */
.product-menu-showcase__selector button,
.adwin-product-card,
.adwin-product-hero-card,
.adwin-status-group-card,
.adwin-product-info,
.adwin-feature-collapsible {
  box-shadow: none !important;
}

/* ==========================================================================
   ADWIN — final burgundy color polish
   COLOR ONLY: Hero product, Text & Image, FAQ, Cart, Product Page, Navbar hover
   ========================================================================== */
:root {
  --adwin-bg: #0f0a0d !important;
  --adwin-surface: #181014 !important;
  --adwin-surface-2: #21151a !important;
  --adwin-surface-3: #2a191f !important;
  --adwin-border: #3c272d !important;
  --adwin-border-hover: #6b343a !important;
  --adwin-accent: #c96a67 !important;
  --adwin-accent-hover: #df8d86 !important;
  --adwin-accent-soft: rgba(201,106,103,.12) !important;
  --adwin-text: #f8eee7 !important;
  --adwin-muted: #aa989d !important;
  --adwin-muted-2: #88777c !important;
}

/* --------------------------------------------------------------------------
   1. HERO — product card: remove leftover purple/green cast.
   -------------------------------------------------------------------------- */
.hero--adwin-featured .hero-product-card,
.hero--adwin-featured .hero-product-card.hero-product-card--side {
  background: #181014 !important;
  background-color: #181014 !important;
  border-color: #4a2a31 !important;
}

.hero--adwin-featured .hero-product-card:hover,
.hero--adwin-featured .hero-product-card:focus-visible,
.hero--adwin-featured .hero-product-card.hero-product-card--side:hover,
.hero--adwin-featured .hero-product-card.hero-product-card--side:focus-visible {
  background: #21151a !important;
  background-color: #21151a !important;
  border-color: #6b343a !important;
}

.hero-product-card__body {
  background: #181014 !important;
}

.hero-product-card__meta,
.hero-product-card--side .hero-product-card__meta,
.hero-product-card__price small {
  color: #aa989d !important;
}

.hero-product-card__media {
  background: #140d11 !important;
  border-color: #3c272d !important;
}

.hero-product-card__available,
.hero-product-card__open {
  color: #c96a67 !important;
}

/* --------------------------------------------------------------------------
   3. FAQ — harmonize dark surface and remove greenish muted text.
   Component-local styles are also updated in components/faq.njk.
   -------------------------------------------------------------------------- */
.adwinFaq__eyebrow {
  color: #c96a67 !important;
}

.adwinFaq__header p,
.adwinFaq__answer p {
  color: #aa989d !important;
}

.adwinFaq__card {
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwinFaq__card:hover,
.adwinFaq__card:focus-within,
.adwinFaq__card.is-open {
  background: #21151a !important;
  border-color: #6b343a !important;
}

.adwinFaq__icon {
  color: #2a0c10 !important;
  background: #c96a67 !important;
}

.adwinFaq__toggle {
  background: #140d11 !important;
  border-color: #3c272d !important;
}

.adwinFaq__toggle::before,
.adwinFaq__toggle::after {
  background: #c96a67 !important;
}

/* --------------------------------------------------------------------------
   4. CART — remove dark green from quantity, checkout and bundle controls.
   -------------------------------------------------------------------------- */
.cart .cart-item-bg,
.cart .form,
.cart .border.rounded,
.cart .rounded.border,
.cart .rounded-3.border {
  background-color: #181014 !important;
  border-color: #3c272d !important;
}

.cart .cart-quantity-controls {
  background: #140d11 !important;
  border-color: #3c272d !important;
}

.cart .cart-qty-btn {
  color: #aa989d !important;
  background: #181014 !important;
  border-color: #3c272d !important;
}

.cart .cart-qty-btn:hover:not(:disabled) {
  color: #2a0c10 !important;
  background: #c96a67 !important;
}

.cart .cart-qty-input,
.cart .cart-qty-input:focus {
  color: #f8eee7 !important;
  background: #2a191f !important;
  border-color: #c96a67 !important;
  box-shadow: none !important;
}

.cart .btn-outline-primary,
.cart button.btn-outline-primary,
.cart a.btn-outline-primary {
  color: #2a0c10 !important;
  background: #c96a67 !important;
  border-color: #c96a67 !important;
}

.cart .btn-outline-primary:hover,
.cart .btn-outline-primary:focus-visible {
  color: #2a0c10 !important;
  background: #df8d86 !important;
  border-color: #df8d86 !important;
}

.cart .badge.bg-primary {
  color: #2a0c10 !important;
  background: #c96a67 !important;
}

.cart .text-accent-500 {
  color: #d97975 !important;
}

.cart .cart-addon-badge {
  color: #aa989d !important;
  background: #21151a !important;
  border-color: #3c272d !important;
}

.cart .text-muted,
.cart .cart-variant-text,
.cart .cart-discount-text {
  color: #aa989d !important;
}

/* --------------------------------------------------------------------------
   5. PRODUCT PAGE — replace remaining violet surfaces with burgundy.
   Semantic status colors (On Update / Risk) are intentionally preserved.
   -------------------------------------------------------------------------- */
.adwin-product-page-v2 .adwin-product-hero-card,
.adwin-product-page-v2 .adwin-product-info,
.adwin-product-page-v2 .adwin-product-upsells {
  background: #181014 !important;
  background-color: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-product-spec-card {
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-product-spec-card__copy > span,
.adwin-product-page-v2 .adwin-product-price__label,
.adwin-product-page-v2 .adwin-product-form-shell .form-label,
.adwin-product-page-v2 .adwin-product-tab-panel .editor {
  color: #aa989d !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .variant:not(.active) {
  color: #b7a6aa !important;
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .variant:not(.active):hover,
.adwin-product-page-v2 .adwin-product-form-shell .variant:not(.active):focus-visible {
  color: #f8eee7 !important;
  background: #21151a !important;
  border-color: #6b343a !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .adwin-quantity-control {
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .adwin-quantity-control:focus-within {
  background: #181014 !important;
  border-color: #6b343a !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .adwin-quantity-control .form-control,
.adwin-product-page-v2 .adwin-product-form-shell .adwin-quantity-control .form-control:focus {
  color: #ffffff !important;
  background: #24161b !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .adwin-quantity-control .input-group-btn {
  color: #aa989d !important;
  background: transparent !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .buy-buttons .btn-outline-primary,
.adwin-product-page-v2 .adwin-purchase-actionbar__buttons .btn-outline-primary {
  color: #f8eee7 !important;
  background: #2a191f !important;
  border-color: #4a2a31 !important;
}

.adwin-product-page-v2 .adwin-product-form-shell .buy-buttons .btn-outline-primary:hover,
.adwin-product-page-v2 .adwin-product-form-shell .buy-buttons .btn-outline-primary:focus-visible,
.adwin-product-page-v2 .adwin-purchase-actionbar__buttons .btn-outline-primary:hover,
.adwin-product-page-v2 .adwin-purchase-actionbar__buttons .btn-outline-primary:focus-visible {
  color: #ffffff !important;
  background: #352027 !important;
  border-color: #7a3b43 !important;
}

.adwin-product-page-v2 .adwin-product-info__tabs button:not(.is-active) {
  color: #b7a6aa !important;
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-product-info__tabs button:not(.is-active):hover {
  color: #ffffff !important;
  background: #21151a !important;
  border-color: #6b343a !important;
}

.adwin-product-page-v2 .adwin-feature-collapsible {
  background: #181014 !important;
  border-color: #3c272d !important;
}

.adwin-product-page-v2 .adwin-feature-collapsible[open] {
  border-color: #6b343a !important;
}

.adwin-product-page-v2 .adwin-gallery-switcher__btn,
.adwin-product-page-v2 .adwin-image-lightbox__close {
  color: #f8eee7 !important;
  background: #24161b !important;
  border-color: #4a2a31 !important;
}

/* --------------------------------------------------------------------------
   6. NAVBAR — hover uses red-tinted surface instead of purple/green.
   -------------------------------------------------------------------------- */
.navbar.navbar-yummy .navbar-yummy__currency .choices:hover .choices__inner,
.navbar.navbar-yummy .navbar-yummy__currency .choices.is-focused .choices__inner,
.navbar.navbar-yummy .navbar-yummy__currency .choices.is-open .choices__inner,
.navbar.navbar-yummy .navbar-yummy__language-button:hover,
.navbar.navbar-yummy .navbar-yummy__language-button:focus-visible,
.navbar.navbar-yummy .navbar-yummy__language.is-open .navbar-yummy__language-button,
.navbar.navbar-yummy button.navbar-yummy__account:hover,
.navbar.navbar-yummy button.navbar-yummy__account:focus-visible,
.navbar.navbar-yummy a.navbar-yummy__account:hover,
.navbar.navbar-yummy a.navbar-yummy__account:focus-visible,
.navbar.navbar-yummy .cart .navbar-yummy__utility:hover,
.navbar.navbar-yummy .cart .navbar-yummy__utility:focus-visible,
.navbar.navbar-yummy .navbar-yummy__social:hover,
.navbar.navbar-yummy .navbar-yummy__social:focus-visible,
.navbar.navbar-yummy .navbar-yummy__utility:hover,
.navbar.navbar-yummy .navbar-yummy__utility:focus-visible {
  color: #f8eee7 !important;
  background: rgba(201,106,103,.11) !important;
  background-color: rgba(201,106,103,.11) !important;
  border-color: rgba(201,106,103,.38) !important;
  box-shadow: none !important;
}

.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-highlighted,
.navbar.navbar-yummy .navbar-yummy__currency .choices__list--dropdown .choices__item.is-selected,
.navbar.navbar-yummy .navbar-yummy__language-option:hover,
.navbar.navbar-yummy .navbar-yummy__language-option:focus-visible,
.navbar.navbar-yummy .navbar-yummy__language-option.is-active {
  color: #f8eee7 ;
  background: rgba(201,106,103,.12) ;
}

.navbar.navbar-yummy .navbar-yummy__social:hover svg,
.navbar.navbar-yummy .navbar-yummy__utility:hover svg,
.navbar.navbar-yummy .navbar-yummy__account:hover svg,
.navbar.navbar-yummy .navbar-yummy__language-button:hover svg {
  color: #df8d86 !important;
}

/* ==========================================================================
   Requested color fixes
   - Restore Recommended for use to the previous green
   - FAQ eyebrow text without a filled background
   ========================================================================== */

/* Recommended for use — restore original green status palette. */
.adwin-product-card__desc-link--recommended,
.hero-product-card__status--recommended,
.adwin-product-status--recommended,
.adwin-status-product__badge--recommended,
.adwin-product-card__status--recommended,
.products-page-yummy .adwin-product-card__status-chip--recommended {
  color: #14200f !important;
  background: #addb94 !important;
  background-color: #addb94 !important;
  border-color: rgba(20, 32, 15, .14) !important;
}

/* Keep hover in the same green family. */
.adwin-product-card__desc-link--recommended:hover,
.adwin-product-card__desc-link--recommended:focus-visible,
.hero-product-card__status--recommended:hover,
.adwin-product-status--recommended:hover,
.adwin-status-product__badge--recommended:hover,
.adwin-product-card__status--recommended:hover,
.products-page-yummy .adwin-product-card__status-chip--recommended:hover,
.products-page-yummy .adwin-product-card__status-chip--recommended:focus-visible {
  color: #14200f !important;
  background: #c1ecaa !important;
  background-color: #c1ecaa !important;
  border-color: rgba(20, 32, 15, .18) !important;
}

/* FAQ eyebrow — text only, no red fill. */
.adwinFaq__eyebrow {
  display: inline-block !important;
  color: #c96a67 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ==========================================================================
   FINAL — Recommended for use uses the original green everywhere
   ========================================================================== */
:root {
  --adwin-good-bg: #addb94 !important;
  --adwin-good-ink: #14200f !important;
}

.adwin-product-card__desc-link--recommended,
.adwin-product-card__desc-link--status.is-recommended,
.hero-product-card__status--recommended,
.hero-featured-product__status--recommended,
.adwin-product-status--recommended,
.adwin-product-card__status--recommended,
.adwin-status-product__badge--recommended,
.adwin-status-button--recommended,
.adwin-status-group-card .adwin-status-button--recommended,
.status-card .adwin-status-button--recommended,
.products-page-yummy .adwin-product-card__status-chip--recommended {
  color: #14200f !important;
  -webkit-text-fill-color: #14200f !important;
  background: #addb94 !important;
  background-color: #addb94 !important;
  border-color: rgba(20,32,15,.14) !important;
}

.adwin-product-card__desc-link--recommended:hover,
.adwin-product-card__desc-link--recommended:focus-visible,
.adwin-product-card__desc-link--status.is-recommended:hover,
.adwin-product-card__desc-link--status.is-recommended:focus-visible,
.hero-product-card__status--recommended:hover,
.hero-featured-product__status--recommended:hover,
.adwin-product-status--recommended:hover,
.adwin-product-card__status--recommended:hover,
.adwin-status-product__badge--recommended:hover,
.adwin-status-button--recommended:hover,
.adwin-status-group-card .adwin-status-button--recommended:hover,
.status-card .adwin-status-button--recommended:hover,
.products-page-yummy .adwin-product-card__status-chip--recommended:hover {
  color: #14200f !important;
  -webkit-text-fill-color: #14200f !important;
  background: #c1ecaa !important;
  background-color: #c1ecaa !important;
  border-color: rgba(20,32,15,.18) !important;
}

/* ========================================================================== 
   Catalog provider filters — Unicore / Lumen / Shika (changelog style)
   ========================================================================== */
.adwin-catalog__filter--provider {
  padding-inline: .68rem !important;
}

.adwin-catalog__provider-filter-logo {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.24)) !important;
}

.adwin-catalog__provider-filter-logo--unicore,
.adwin-catalog__provider-filter-logo--lumen {
  width: 18px !important;
  height: 18px !important;
  flex-basis: 18px !important;
}

.adwin-catalog__provider-filter-logo--shika {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}

.adwin-catalog__filter-divider {
  display: block !important;
  width: 1px !important;
  height: 24px !important;
  margin: 0 .08rem !important;
  flex: 0 0 1px !important;
  background: var(--cs-border) !important;
  opacity: .8 !important;
}

.adwin-catalog__filter--provider.is-active {
  color: #11170e !important;
  background: var(--cs-accent) !important;
  border-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 8px 22px rgba(238,180,184,.12) !important;
}

.adwin-catalog__filter--provider.is-active .adwin-catalog__provider-filter-logo {
  filter: none !important;
}

@media (max-width: 991.98px) {
  .adwin-catalog__filters {
    max-width: 100% !important;
  }
}

@media (max-width: 767.98px) {
  .adwin-catalog__filter--provider {
    flex: 1 1 calc(33.333% - .42rem) !important;
    min-width: 96px !important;
  }

  .adwin-catalog__filter-divider {
    width: 100% !important;
    height: 1px !important;
    flex: 1 0 100% !important;
    margin: .1rem 0 !important;
  }
}

/* ==========================================================================
   Provider filters (Unicore / Lumen / Shika) — status colors
   These product copies are rendered inside the main catalog, not inside
   .products-page-yummy, so they need the same semantic status palette here.
   ========================================================================== */

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip {
  border-style: solid !important;
  border-width: 1px !important;
}

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip--recommended {
  color: var(--adwin-good-ink) !important;
  -webkit-text-fill-color: var(--adwin-good-ink) !important;
  background: var(--adwin-good-bg) !important;
  background-color: var(--adwin-good-bg) !important;
  border-color: rgba(20, 32, 15, .14) !important;
}

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip--risky {
  color: var(--adwin-risk-ink) !important;
  -webkit-text-fill-color: var(--adwin-risk-ink) !important;
  background: var(--adwin-risk-bg) !important;
  background-color: var(--adwin-risk-bg) !important;
  border-color: rgba(38, 30, 8, .16) !important;
}

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip--update {
  color: var(--adwin-update-ink) !important;
  -webkit-text-fill-color: var(--adwin-update-ink) !important;
  background: var(--adwin-update-bg) !important;
  background-color: var(--adwin-update-bg) !important;
  border-color: rgba(42, 25, 11, .15) !important;
}

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip--unknown {
  color: var(--adwin-unknown-ink) !important;
  -webkit-text-fill-color: var(--adwin-unknown-ink) !important;
  background: var(--adwin-unknown-bg) !important;
  background-color: var(--adwin-unknown-bg) !important;
  border-color: rgba(23, 26, 32, .15) !important;
}

.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip > i,
.adwin-catalog__grid
.adwin-product-card[data-catalog-provider]:not([data-catalog-provider=""])
.adwin-product-card__status-chip > span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ==========================================================================
   FINAL — Customer Login Modal v2
   Fixes stacking/interactivity, updates the visual design and darkens only
   the page background artwork instead of dimming the whole storefront.
   ========================================================================== */

/* The Halloween stylesheet gives #app z-index:1 later in the cascade.
   Since Bootstrap appends .modal-backdrop to <body>, that trapped the modal
   underneath the backdrop and made the window look visible but unclickable. */
#app.flex-wrapper {
  position: relative !important;
  z-index: auto !important;
  isolation: auto !important;
}

/* Keep the Bootstrap backdrop functional for outside-click handling,
   but make it visually transparent so UI/content is not dimmed. */
.modal-backdrop,
.modal-backdrop.show {
  z-index: 1090 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
}

/* Only the decorative/background layers become darker while login is open. */
body.modal-open::before {
  opacity: .22 !important;
  filter: brightness(.52) saturate(.72) contrast(1.02) !important;
}

body.modal-open::after {
  background:
    linear-gradient(180deg, rgba(7,3,6,.42) 0%, rgba(7,3,6,.58) 48%, rgba(7,3,6,.66) 100%),
    radial-gradient(circle at 50% 20%, rgba(90,20,32,.06), transparent 50%) !important;
}

body.modal-open .adwin-halloween-scene {
  opacity: .48 !important;
}

body.modal-open .hero.hero--adwin-featured > .bg-overlay {
  background:
    linear-gradient(90deg, rgba(8,4,7,.96) 0%, rgba(8,4,7,.80) 42%, rgba(8,4,7,.58) 100%),
    linear-gradient(180deg, rgba(8,4,7,.38), rgba(8,4,7,.70)) !important;
}

/* Modal must live above the transparent backdrop and accept interaction. */
/* ==========================================================================
   FINAL — Smooth Login background dimming
   Keeps the UI untouched and animates only the seasonal/background layers.
   ========================================================================== */

body::before {
  transition:
    opacity 320ms cubic-bezier(.22,.61,.36,1),
    filter 320ms cubic-bezier(.22,.61,.36,1) !important;
}

/* Keep the normal Halloween readability veil unchanged and animate an extra
   dark tint through background-color, which is reliably interpolated. */
body::after {
  background:
    linear-gradient(180deg, rgba(10,5,8,.22) 0%, rgba(10,5,8,.56) 48%, rgba(10,5,8,.72) 100%),
    radial-gradient(circle at 50% 20%, rgba(120,31,45,.08), transparent 50%) !important;
  background-color: rgba(7,3,6,0) !important;
  transition: background-color 320ms cubic-bezier(.22,.61,.36,1) !important;
}

body.modal-open::after {
  background:
    linear-gradient(180deg, rgba(10,5,8,.22) 0%, rgba(10,5,8,.56) 48%, rgba(10,5,8,.72) 100%),
    radial-gradient(circle at 50% 20%, rgba(120,31,45,.08), transparent 50%) !important;
  background-color: rgba(7,3,6,.42) !important;
}

.adwin-halloween-scene {
  transition: opacity 320ms cubic-bezier(.22,.61,.36,1) !important;
}

/* Do not swap Hero gradients instantly. Add a smoothly animated inset tint. */
.hero.hero--adwin-featured > .bg-overlay {
  background:
    linear-gradient(90deg, rgba(11,6,9,.92) 0%, rgba(11,6,9,.72) 42%, rgba(11,6,9,.40) 100%),
    linear-gradient(180deg, rgba(11,6,9,.22), rgba(11,6,9,.58)) !important;
  box-shadow: inset 0 0 0 9999px rgba(7,3,6,0) !important;
  transition: box-shadow 320ms cubic-bezier(.22,.61,.36,1) !important;
}

body.modal-open .hero.hero--adwin-featured > .bg-overlay {
  background:
    linear-gradient(90deg, rgba(11,6,9,.92) 0%, rgba(11,6,9,.72) 42%, rgba(11,6,9,.40) 100%),
    linear-gradient(180deg, rgba(11,6,9,.22), rgba(11,6,9,.58)) !important;
  box-shadow: inset 0 0 0 9999px rgba(7,3,6,.30) !important;
}


/* ==========================================================================
   ADWIN Daily Reward — centered promo + compact bottom-left launcher
   ========================================================================== */
.adwin-daily-reward {
  --reward-layer: 12040;
  position: relative;
  z-index: var(--reward-layer);
}

.adwin-daily-reward__backdrop {
  position: fixed;
  inset: 0;
  z-index: var(--reward-layer);
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: rgba(5, 3, 5, .64);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  cursor: default;
  transition: opacity 260ms ease, visibility 260ms ease;
}

.adwin-daily-reward__panel {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: calc(var(--reward-layer) + 1);
  width: min(440px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  padding: 29px 28px 24px;
  color: #f8eee7;
  background:
    radial-gradient(360px 190px at 50% -10%, rgba(var(--cl-accent-rgb), .22), transparent 70%),
    linear-gradient(180deg, rgba(27, 16, 21, .985), rgba(15, 10, 14, .985));
  border: 1px solid rgba(var(--cl-accent-rgb), .34);
  border-radius: 18px;
  box-shadow:
    0 32px 90px rgba(0, 0, 0, .62),
    0 0 0 1px rgba(255, 255, 255, .018) inset,
    0 1px 0 rgba(255, 255, 255, .04) inset;
  transform: translate(-50%, -48%) scale(.955);
  transform-origin: center center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  text-align: center;
  transition:
    opacity 260ms ease,
    transform 320ms cubic-bezier(.2,.72,.2,1),
    visibility 260ms ease;
}

.adwin-daily-reward.is-open .adwin-daily-reward__backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.adwin-daily-reward.is-open .adwin-daily-reward__panel {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.adwin-daily-reward.is-flying .adwin-daily-reward__backdrop {
  opacity: 0;
  pointer-events: none;
}

.adwin-daily-reward.is-flying .adwin-daily-reward__panel {
  transition: none;
}

.adwin-daily-reward__close {
  position: absolute;
  top: 13px;
  right: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #bfaeb0;
  background: rgba(255, 255, 255, .035);
  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 10px;
  box-shadow: none;
  font-size: 13px;
  cursor: pointer;
  transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.adwin-daily-reward__close:hover,
.adwin-daily-reward__close:focus-visible {
  color: #fff5f2;
  background: rgba(var(--cl-accent-rgb), .10);
  border-color: rgba(var(--cl-accent-rgb), .26);
  outline: none;
  transform: rotate(4deg);
}

.adwin-daily-reward__hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 15px;
  color: var(--cl-accent);
  background:
    radial-gradient(circle at 50% 30%, rgba(var(--cl-accent-rgb), .20), rgba(var(--cl-accent-rgb), .08));
  border: 1px solid rgba(var(--cl-accent-rgb), .30);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(var(--cl-accent-rgb), .10);
  font-size: 23px;
}

.adwin-daily-reward__eyebrow {
  margin-bottom: 7px;
  color: var(--cl-accent);
  font-size: 9px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .16em;
}

.adwin-daily-reward__title {
  margin: 0;
  color: #fff6ef;
  font-size: clamp(21px, 4vw, 26px);
  font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.02em;
}

.adwin-daily-reward__description {
  max-width: 340px;
  margin: 11px auto 18px;
  color: #bca9ad;
  font-size: 12px;
  line-height: 1.55;
}

.adwin-daily-reward__code-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 54px;
  margin-bottom: 11px;
  padding: 10px 13px;
  text-align: left;
  background: rgba(0, 0, 0, .22);
  border: 1px dashed rgba(var(--cl-accent-rgb), .32);
  border-radius: 11px;
}

.adwin-daily-reward__code-label {
  flex: 0 0 auto;
  color: #866f74;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .13em;
}

.adwin-daily-reward__code {
  min-width: 0;
  overflow: hidden;
  color: #fff4ee;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .055em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adwin-daily-reward__claim {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 0 15px;
  color: #260d12;
  background: var(--cl-accent);
  border: 1px solid var(--cl-accent);
  border-radius: 10px;
  box-shadow: 0 9px 26px rgba(var(--cl-accent-rgb), .12);
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
  transition: filter 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.adwin-daily-reward__claim:hover,
.adwin-daily-reward__claim:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: 0 12px 30px rgba(var(--cl-accent-rgb), .18);
  outline: none;
}

.adwin-daily-reward__claim.is-claimed {
  filter: brightness(1.08);
}

.adwin-daily-reward__preference {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 15px;
  color: #8f7f83;
  font-size: 10px;
  line-height: 1.3;
  cursor: pointer;
  user-select: none;
}

.adwin-daily-reward__preference-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.adwin-daily-reward__preference-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  color: transparent;
  background: rgba(255, 255, 255, .025);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 5px;
  font-size: 8px;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.adwin-daily-reward__preference-input:checked + .adwin-daily-reward__preference-box {
  color: #260d12;
  background: var(--cl-accent);
  border-color: var(--cl-accent);
}

.adwin-daily-reward__preference-input:focus-visible + .adwin-daily-reward__preference-box {
  outline: 2px solid rgba(var(--cl-accent-rgb), .34);
  outline-offset: 2px;
}

.adwin-daily-reward__launcher {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: calc(var(--reward-layer) + 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  color: var(--cl-accent);
  background:
    radial-gradient(circle at 45% 30%, rgba(var(--cl-accent-rgb), .18), transparent 72%),
    rgba(18, 12, 16, .97);
  border: 1px solid rgba(var(--cl-accent-rgb), .38);
  border-radius: 13px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .03);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(.94);
  cursor: pointer;
  transition:
    opacity 190ms ease,
    visibility 190ms ease,
    transform 220ms cubic-bezier(.2,.72,.2,1),
    border-color 160ms ease,
    background-color 160ms ease;
}

.adwin-daily-reward__launcher > i {
  font-size: 17px;
}

.adwin-daily-reward__launcher.is-visible,
.adwin-daily-reward.is-collapsed .adwin-daily-reward__launcher {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.adwin-daily-reward__launcher:hover,
.adwin-daily-reward__launcher:focus-visible {
  transform: translateY(-2px) scale(1.03);
  border-color: rgba(var(--cl-accent-rgb), .58);
  outline: none;
}

.adwin-daily-reward__launcher.is-target {
  opacity: 0;
  visibility: visible;
  pointer-events: none;
}

.adwin-daily-reward__launcher-dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 6px;
  height: 6px;
  background: var(--cl-accent);
  border: 2px solid rgba(18, 12, 16, .97);
  border-radius: 999px;
  box-sizing: content-box;
}

@media (max-width: 575.98px) {
  .adwin-daily-reward__panel {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    padding: 25px 18px 20px;
    border-radius: 15px;
  }

  .adwin-daily-reward__close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .adwin-daily-reward__hero-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 13px;
    border-radius: 14px;
    font-size: 20px;
  }

  .adwin-daily-reward__description {
    margin-bottom: 16px;
  }

  .adwin-daily-reward__code-box {
    min-height: 50px;
    gap: 10px;
  }

  .adwin-daily-reward__code-label {
    display: none;
  }

  .adwin-daily-reward__code {
    width: 100%;
    text-align: center;
  }

  .adwin-daily-reward__launcher {
    left: 12px;
    bottom: 12px;
    width: 46px;
    height: 46px;
    border-radius: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .adwin-daily-reward__backdrop,
  .adwin-daily-reward__panel,
  .adwin-daily-reward__close,
  .adwin-daily-reward__claim,
  .adwin-daily-reward__preference-box,
  .adwin-daily-reward__launcher {
    transition: none !important;
    animation: none !important;
  }
}


/* Text & Image: fourth provider (Minty). Keep all tabs evenly aligned. */
.text-image-block.product-menu-showcase .product-menu-showcase__copy--static {
  container-type: inline-size;
}
.text-image-block.product-menu-showcase .product-menu-showcase__selector {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: .5rem !important;
  width: 100% !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__selector button,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button:hover,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button:focus-visible,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 .25rem !important;
  font-size: .84rem !important;
  white-space: nowrap !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo--minty {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  flex: 0 0 38px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__content-card[x-show="activeMenu === 'minty'"] .product-menu-showcase__title {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__content-card[x-show="activeMenu === 'minty'"] .product-menu-showcase__title h2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 30px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
  margin: 0 !important;
  /* Use the same font size and tracking as Unicore, Lumen and Shika. */
}
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__logo--minty {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
    flex-basis: 34px !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__content-card[x-show="activeMenu === 'minty'"] .product-menu-showcase__title h2 {
    gap: 22px !important;
  }
}
/* Minty screenshot has a slightly different ratio: never crop its corners. */
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap--minty {
  background: #1e1214 !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__image--minty {
  object-fit: contain !important;
  background: #1e1214 !important;
}
@container (max-width: 390px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__selector {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button {
    font-size: .94rem !important;
  }
}
@media (max-width: 575.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__selector {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button:hover,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button:focus-visible,
  .text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active {
    font-size: .94rem !important;
  }
}


/* Catalog provider Minty: same style as other provider tabs, four responsive buttons. */
.adwin-catalog__provider-filter-logo--minty {
  width: 18px !important;
  height: 18px !important;
  flex-basis: 18px !important;
}
.adwin-catalog__filter--provider[hidden],
.adwin-catalog__filter-divider[hidden] {
  display: none !important;
}

/* ======================================================================
   ADWIN Text & Image — design-system color pass
   Colors only; geometry, imagery and transitions remain unchanged.
   ====================================================================== */
.text-image-block.product-menu-showcase {
  --adwin-ti-background: #0f0a0d;
  --adwin-ti-surface: #181014;
  --adwin-ti-surface-raised: #21151a;
  --adwin-ti-border: #2a191f;
  --adwin-ti-border-strong: #c96a67;
  --adwin-ti-accent: #c96a67;
  --adwin-ti-accent-hover: #df8d86;
  --adwin-ti-accent-pressed: #b95858;
  --adwin-ti-accent-ink: #0c0b0d;
  --adwin-ti-text: #f8eee7;
  --adwin-ti-muted: #d3c8cd;
}

.text-image-block.product-menu-showcase .adwin-text-image__panel {
  background: linear-gradient(135deg, var(--adwin-ti-surface), var(--adwin-ti-background)) !important;
  border-color: var(--adwin-ti-border) !important;
}

.text-image-block.product-menu-showcase .adwin-text-image__panel::before {
  background: linear-gradient(180deg, transparent, var(--adwin-ti-accent), transparent) !important;
}

.text-image-block.product-menu-showcase .adwin-text-image__eyebrow,
.text-image-block.product-menu-showcase .adwin-text-image__body,
.text-image-block.product-menu-showcase .product-menu-showcase__body,
.text-image-block.product-menu-showcase .product-menu-showcase__points,
.text-image-block.product-menu-showcase .product-menu-showcase__points li {
  color: var(--adwin-ti-muted) !important;
}

.text-image-block.product-menu-showcase .adwin-text-image__title h2,
.text-image-block.product-menu-showcase .product-menu-showcase__title h2 {
  color: var(--adwin-ti-text) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button {
  color: var(--adwin-ti-text) !important;
  -webkit-text-fill-color: var(--adwin-ti-text) !important;
  background: var(--adwin-ti-surface) !important;
  background-color: var(--adwin-ti-surface) !important;
  border-color: var(--adwin-ti-border) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):hover,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):focus-visible {
  color: var(--adwin-ti-text) !important;
  -webkit-text-fill-color: var(--adwin-ti-text) !important;
  background: var(--adwin-ti-surface-raised) !important;
  background-color: var(--adwin-ti-surface-raised) !important;
  border-color: var(--adwin-ti-border) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):focus-visible {
  border-color: var(--adwin-ti-border-strong) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button:active {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent-pressed) !important;
  background-color: var(--adwin-ti-accent-pressed) !important;
  border-color: var(--adwin-ti-accent-pressed) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button[aria-current="true"] {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent) !important;
  background-color: var(--adwin-ti-accent) !important;
  border-color: var(--adwin-ti-accent) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active:hover,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button.is-active:focus-visible,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button[aria-current="true"]:hover,
.text-image-block.product-menu-showcase .product-menu-showcase__selector button[aria-current="true"]:focus-visible {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent-hover) !important;
  background-color: var(--adwin-ti-accent-hover) !important;
  border-color: var(--adwin-ti-accent-hover) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__image,
.text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
  background-color: var(--adwin-ti-surface) !important;
  border-color: var(--adwin-ti-border) !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap--minty,
.text-image-block.product-menu-showcase .product-menu-showcase__image--minty {
  background-color: var(--adwin-ti-surface) !important;
}

/* adwin-refined.css loads after custom.css; keep its generic button rules
   from overriding the design-system colors in this component. */
body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]) {
  color: var(--adwin-ti-text) !important;
  -webkit-text-fill-color: var(--adwin-ti-text) !important;
  background: var(--adwin-ti-surface) !important;
  background-color: var(--adwin-ti-surface) !important;
  border-color: var(--adwin-ti-border) !important;
}

body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):hover,
body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:not(.is-active):not([aria-current="true"]):focus-visible {
  color: var(--adwin-ti-text) !important;
  -webkit-text-fill-color: var(--adwin-ti-text) !important;
  background: var(--adwin-ti-surface-raised) !important;
  background-color: var(--adwin-ti-surface-raised) !important;
  border-color: var(--adwin-ti-border-strong) !important;
}

body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:is(.is-active, [aria-current="true"]) {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent) !important;
  background-color: var(--adwin-ti-accent) !important;
  border-color: var(--adwin-ti-accent) !important;
}

body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:is(.is-active, [aria-current="true"]):is(:hover, :focus-visible) {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent-hover) !important;
  background-color: var(--adwin-ti-accent-hover) !important;
  border-color: var(--adwin-ti-accent-hover) !important;
}

body.adwin-refined #app .text-image-block.adwin-text-image.product-menu-showcase .product-menu-showcase__selector button:active {
  color: var(--adwin-ti-accent-ink) !important;
  -webkit-text-fill-color: var(--adwin-ti-accent-ink) !important;
  background: var(--adwin-ti-accent-pressed) !important;
  background-color: var(--adwin-ti-accent-pressed) !important;
  border-color: var(--adwin-ti-accent-pressed) !important;
}

/* Keep the entire catalog filter on one line. A smaller desktop moves
   the complete filter below the title instead of wrapping only "All". */
.adwin-catalog__filters {
  flex-wrap:wrap !important;
  white-space: nowrap;
  min-width: 0;
}
.adwin-catalog__filter,
.adwin-catalog__filter--provider {
  flex: 0 0 auto !important;
  white-space: nowrap;
}
.adwin-catalog__filter-divider:not([hidden]) {
  flex: 0 0 1px !important;
  width: 1px !important;
  height: 24px !important;
  margin: 0 .08rem !important;
}
@media (min-width: 768px) and (max-width: 1399.98px) {
  .adwin-catalog__head {
    flex-direction: column !important;
    align-items:flex-start!important;
    gap: 1rem !important;
  }
  .adwin-catalog__filters {
    align-self:flex-start!important;
    width: max-content;
    max-width: 100% !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media (max-width: 767.98px) {
  .adwin-catalog__filters {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .adwin-catalog__filter,
  .adwin-catalog__filter--provider {
    min-width: max-content !important;
    flex: 0 0 auto !important;
  }
  .adwin-catalog__filter-divider:not([hidden]) {
    width: 1px !important;
    height: 24px !important;
    margin: 0 .08rem !important;
  }
}


/* Catalog heading: keep copy and all seven filters readable without wrapping. */
.adwin-catalog .adwin-catalog__head > div:first-child {
  min-width: 0;
}
.adwin-catalog .adwin-catalog__filters {
  flex-wrap:wrap !important;
  gap: .25rem !important;
  white-space: nowrap;
}
.adwin-catalog .adwin-catalog__filter {
  flex: 0 0 auto !important;
  padding-left: .65rem !important;
  padding-right: .65rem !important;
}
@media (min-width: 1200px) {
  .adwin-catalog .adwin-catalog__head {
    flex-direction:column !important;
    align-items:flex-start!important;
    justify-content: space-between !important;
    gap: 1rem !important;
  }
  .adwin-catalog .adwin-catalog__head > div:first-child {
    flex: 1 1 auto;
  }
  .adwin-catalog .adwin-catalog__head h2 {
    white-space: nowrap;
  }
  .adwin-catalog .adwin-catalog__filters {
    width: max-content !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    align-self:flex-start!important;
    overflow: visible !important;
  }
}
@media (max-width: 1199.98px) {
  .adwin-catalog .adwin-catalog__head {
    flex-direction: column !important;
    align-items:flex-start!important;
    gap: .9rem !important;
  }
  .adwin-catalog .adwin-catalog__filters {
    align-self:flex-start!important;
    width: max-content !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .adwin-catalog .adwin-catalog__filters {
    width: 100% !important;
  }
}

/* ADWIN: sequential opacity-only text switching for the static product showcase. */
.product-menu-showcase__content-stage {
  min-height: clamp(285px, 27vw, 320px) !important;
}

.product-menu-showcase__content-card {
  will-change: opacity;
}

.product-menu-fade-enter,
.product-menu-fade-leave {
  transform: none !important;
  filter: none !important;
}

/* Fade the current copy out first, then bring the next copy in. */
.product-menu-fade-leave {
  opacity: 1;
  transition: opacity 140ms ease !important;
}

.product-menu-fade-leave-end {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
}

.product-menu-fade-enter {
  opacity: 0;
  transition: opacity 140ms ease 140ms !important;
}

.product-menu-fade-enter-start {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
}

.product-menu-fade-enter-end {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

@media (max-width: 1199.98px) {
  .product-menu-showcase__content-stage {
    min-height: 300px !important;
  }
}

@media (max-width: 767.98px) {
  .product-menu-showcase__content-stage {
    min-height: 300px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .product-menu-showcase__content-card,
  .product-menu-fade-enter,
  .product-menu-fade-leave {
    transition: none !important;
    animation: none !important;
  }
}


/* ADWIN V46: stable grid geometry and opacity-only switching for Text & Image. */
.text-image-block.product-menu-showcase .product-menu-showcase__content-stage {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  position: relative !important;
  min-height: 335px !important;
  overflow: visible !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__content-card {
  grid-area: 1 / 1 !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 335px !important;
  transform: none !important;
  filter: none !important;
  will-change: opacity;
}

/* The content zones reserve the maximum measured state, so switching never changes section height. */
.text-image-block.product-menu-showcase .product-menu-showcase__title { min-height: 80px !important; }
.text-image-block.product-menu-showcase .product-menu-showcase__body { min-height: 132px !important; }
.text-image-block.product-menu-showcase .product-menu-showcase__points { min-height: 92px !important; }

/* Sequential fade: 150ms out, then 150ms in; no transform, blur, or scale. */
.text-image-block.product-menu-showcase .product-menu-fade-leave {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
  transition: opacity 150ms linear !important;
}
.text-image-block.product-menu-showcase .product-menu-fade-leave-end {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
}
.text-image-block.product-menu-showcase .product-menu-fade-enter {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
  transition: opacity 150ms linear 150ms !important;
}
.text-image-block.product-menu-showcase .product-menu-fade-enter-start {
  opacity: 0 !important;
  transform: none !important;
  filter: none !important;
}
.text-image-block.product-menu-showcase .product-menu-fade-enter-end {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

/* Image states share one fixed aspect-ratio grid cell and retain natural proportions. */
.text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  place-items: center !important;
  position: relative !important;
  min-height: 0 !important;
  aspect-ratio: 1.5 / 1 !important;
  overflow: hidden !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap {
  grid-area: 1 / 1 !important;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: grid !important;
  place-items: center !important;
  transform: none !important;
  filter: none !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  transform: none !important;
}

@media (max-width: 1199.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__content-stage,
  .text-image-block.product-menu-showcase .product-menu-showcase__content-card {
    min-height: 335px !important;
  }
}
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__content-stage,
  .text-image-block.product-menu-showcase .product-menu-showcase__content-card {
    min-height: 335px !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__stage--static {
    aspect-ratio: 1.44 / 1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .text-image-block.product-menu-showcase .product-menu-fade-enter,
  .text-image-block.product-menu-showcase .product-menu-fade-leave,
  .text-image-block.product-menu-showcase .product-menu-image-enter,
  .text-image-block.product-menu-showcase .product-menu-image-leave {
    transition: none !important;
    animation: none !important;
  }
}


/* ADWIN V47: align product headings, compact copy spacing, and gap-free image crossfade. */
.text-image-block.product-menu-showcase .product-menu-showcase__content-card {
  gap: .45rem !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__title {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 80px !important;
  height: 80px !important;
  min-height: 80px !important;
  margin: 0 !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__title h2 {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__body {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

.text-image-block.product-menu-showcase .product-menu-showcase__points {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  gap: .45rem !important;
}

@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__title {
    flex-basis: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
}


/* ADWIN V48: keep the displayed image until the replacement has finished fading in. */
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap {
  will-change: opacity;
}

@media (prefers-reduced-motion: reduce) {
}



/* Image visibility is controlled only by displayedMenu; geometry stays unchanged. */
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap,
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap .product-menu-showcase__image,
.text-image-block.product-menu-showcase .product-menu-showcase__image-wrap:hover .product-menu-showcase__image {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  filter: none !important;
}


/* ADWIN: equal visible logo bounds inside a fixed title slot. */
.text-image-block.product-menu-showcase .product-menu-showcase__title h2,
.text-image-block.product-menu-showcase .product-menu-showcase__content-card[x-show="activeMenu === 'minty'"] .product-menu-showcase__title h2 {
  gap: 4px !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot {
  position: relative;
  display: inline-grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  flex: 0 0 38px !important;
  margin: -12px 0 -12px -12px !important;
  overflow: visible !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot .product-menu-showcase__logo {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  max-height: none !important;
  flex: none !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo { width: 64px !important; height: 64px !important; }
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo { width: 61px !important; height: 61px !important; }
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--shika .product-menu-showcase__logo { width: 41px !important; height: 41px !important; }
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--minty .product-menu-showcase__logo { width: 38px !important; height: 38px !important; }
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot {
    width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; flex-basis: 34px !important; margin: -10px 0 -10px -10px !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo { width: 57px !important; height: 57px !important; }
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo { width: 55px !important; height: 55px !important; }
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--shika .product-menu-showcase__logo { width: 37px !important; height: 37px !important; }
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--minty .product-menu-showcase__logo { width: 34px !important; height: 34px !important; }
}


/* ADWIN: align all brand title rows with a shared logo slot and gap. */
.text-image-block.product-menu-showcase .product-menu-showcase__title h2,
.text-image-block.product-menu-showcase .product-menu-showcase__content-card[x-show="activeMenu === 'minty'"] .product-menu-showcase__title h2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  transform: none !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot {
  position: static !important;
  margin: 0 !important;
  align-self: center !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot .product-menu-showcase__logo {
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}


/* Center the visible PNG bounds of Unicore and Shika in the existing slot. */
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo {
  transform: translateY(-8px) !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--shika .product-menu-showcase__logo {
  transform: translateY(-1px) !important;
}
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo {
    transform: translateY(-7px) !important;
  }
}


/* Optical correction for Lumen and Unicore only; shared title geometry is unchanged. */
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo {
  transform: translateY(-11px) !important;
}
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo {
  transform: translate(-7px, -9px) !important;
}
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo {
    transform: translateY(-10px) !important;
  }
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--unicore .product-menu-showcase__logo {
    transform: translate(-6px, -8px) !important;
  }
}


/* Lumen artwork has transparent canvas asymmetry; keep its visible edge clear of the title. */
.text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo {
  transform: translate(-13px, -11px) !important;
}
@media (max-width: 767.98px) {
  .text-image-block.product-menu-showcase .product-menu-showcase__logo-slot--lumen .product-menu-showcase__logo {
    transform: translate(-12px, -10px) !important;
  }
}