.cc_o1uio72a_NUIuAS48Rx .flip { background: var(--denge-paper); color: var(--denge-ink); padding-bottom: 4rem; overflow: hidden; }
.cc_o1uio72a_NUIuAS48Rx .flip__arrows { display: flex; gap: 0.4rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__arrows button { width: 2.75rem; height: 2.75rem; border: 0; border-radius: 50%; background: var(--denge-mist); color: var(--denge-ink); cursor: pointer; font-size: 1rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__arrows button:hover { background: var(--denge-night); color: var(--denge-white); }

.cc_o1uio72a_NUIuAS48Rx .flip__row {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 0.5rem max(1rem, calc((100vw - var(--denge-max-width)) / 2 + 2.5rem)) 1.5rem;
  scroll-padding-inline: max(1rem, calc((100vw - var(--denge-max-width)) / 2 + 2.5rem));
}
.cc_o1uio72a_NUIuAS48Rx .flip__row::-webkit-scrollbar { display: none; }

.cc_o1uio72a_NUIuAS48Rx .flip__card { flex: 0 0 clamp(15rem, 22vw, 19rem); scroll-snap-align: start; perspective: 1400px; container-type: inline-size; }
.cc_o1uio72a_NUIuAS48Rx .flip__inner { position: relative; height: 100%; min-height: 28rem; transform-style: preserve-3d; transition: transform 0.9s var(--denge-ease); }
.cc_o1uio72a_NUIuAS48Rx .flip__card.is-flipped .flip__inner { transform: rotateY(180deg); }
.cc_o1uio72a_NUIuAS48Rx .flip__face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: var(--denge-radius); overflow: hidden; background: var(--denge-mist); }
.cc_o1uio72a_NUIuAS48Rx .flip__front { display: grid; grid-template-rows: auto 1fr; }
.cc_o1uio72a_NUIuAS48Rx .flip__back { transform: rotateY(180deg); background: var(--c); padding: 1.4rem; display: grid; align-content: start; gap: 0.35rem; }

.cc_o1uio72a_NUIuAS48Rx .flip__ph { position: relative; display: block; aspect-ratio: 1 / 0.95; overflow: hidden; background: color-mix(in srgb, var(--c) 28%, white); }
.cc_o1uio72a_NUIuAS48Rx .flip__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--denge-ease); }
.cc_o1uio72a_NUIuAS48Rx .flip__card:hover .flip__ph img { transform: scale(1.05); }
.cc_o1uio72a_NUIuAS48Rx .flip__off { position: absolute; left: 0.75rem; top: 0.75rem; padding: 0.25rem 0.55rem; border-radius: 999px; background: var(--goal-immune); color: var(--denge-white); }
.cc_o1uio72a_NUIuAS48Rx .flip__flip { position: absolute; right: 0.75rem; top: 0.75rem; z-index: 2; padding: 0.35rem 0.7rem; border: 0; border-radius: 999px; background: var(--denge-white); color: var(--denge-ink); cursor: pointer; }
.cc_o1uio72a_NUIuAS48Rx .flip__flip--back { top: auto; bottom: 1rem; right: 1rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__add { position: absolute; right: 0.75rem; top: calc(95cqw - 3.1rem); z-index: 2; width: 2.4rem; height: 2.4rem; border: 0; border-radius: 50%; background: var(--denge-night); color: var(--denge-white); font-size: 1.2rem; cursor: pointer; transition: transform 0.3s var(--denge-ease); }
.cc_o1uio72a_NUIuAS48Rx .flip__add:hover { transform: scale(1.1); }

.cc_o1uio72a_NUIuAS48Rx .flip__meta { display: grid; align-content: start; gap: 0.25rem; padding: 0.9rem 1rem 1rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__rate { display: inline-flex; gap: 0.35rem; align-items: center; color: var(--denge-gray-500); }
.cc_o1uio72a_NUIuAS48Rx .flip__rate i { font-style: normal; color: var(--goal-energy); letter-spacing: 0.05em; }
.cc_o1uio72a_NUIuAS48Rx .flip__name { display: block; font-family: var(--denge-font-soft); font-weight: 700; color: inherit; text-decoration: none; }
.cc_o1uio72a_NUIuAS48Rx .flip__meta > small { display: block; color: var(--denge-gray-500); }
.cc_o1uio72a_NUIuAS48Rx .flip__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.5rem; margin-top: 0.5rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__price s { color: var(--denge-gray-500); }
.cc_o1uio72a_NUIuAS48Rx .flip__price em { margin-left: auto; font-style: normal; padding: 0.2rem 0.55rem; border-radius: 999px; background: color-mix(in srgb, var(--c) 30%, white); }

.cc_o1uio72a_NUIuAS48Rx .flip__bname { display: block; font-family: var(--denge-font-soft); font-weight: 800; font-size: 1.25rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__back > small { display: block; opacity: 0.75; margin-bottom: 0.75rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.8rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__facts li { display: grid; grid-template-columns: 1fr auto; gap: 0.3rem 0.5rem; padding: 0.7rem 0.8rem; border-radius: 16px; background: rgba(255, 255, 255, 0.7); }
.cc_o1uio72a_NUIuAS48Rx .flip__facts em { font-style: normal; }
.cc_o1uio72a_NUIuAS48Rx .flip__bar { grid-column: 1 / -1; position: relative; display: block; height: 0.6rem; border-radius: 1rem; background: rgba(27, 31, 59, 0.1); }
.cc_o1uio72a_NUIuAS48Rx .flip__bar::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--w); border-radius: 1rem; background: var(--denge-night); transition: width 1.2s var(--denge-ease); }
.cc_o1uio72a_NUIuAS48Rx .flip__card:not(.is-flipped) .flip__bar::before { width: 0; }
.cc_o1uio72a_NUIuAS48Rx .flip__bar small { position: absolute; right: 0; top: -1.35rem; }
.cc_o1uio72a_NUIuAS48Rx .flip__rda { opacity: 0.7; margin-top: 0.5rem; }