/** Shopify CDN: Minification failed

Line 1845:13 Expected identifier but found whitespace
Line 1845:22 Unexpected "!"
Line 4115:0 Unexpected "}"

**/
/* ==========================================================================
   YUMI KIDS — Revamped Shopify Theme Design System & Global Styles
   ========================================================================== */

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap');

/* ── CSS Custom Properties / Design Tokens ── */
:root {
  /* Brand Colors */
  --yumi-peach: #F1A37C;
  --yumi-peach-hover: #E28C62;
  --yumi-peach-light: #F8CDB4;
  --yumi-peach-pale: #FFF4ED;
  --yumi-teal: #0D8AAD;
  --yumi-teal-dark: #0A7090;
  --yumi-teal-light: #E6F5FA;
  --yumi-terracotta: #C7785D;
  --yumi-terracotta-light: #E8B9A6;

  /* Neutrals */
  --yumi-cream: #FFFDF9;
  --yumi-white: #FFFFFF;
  --yumi-dark: #2D2A26;
  --yumi-text: #3D3832;
  --yumi-muted: #7A7067;
  --yumi-border: #E8E2DC;
  --yumi-border-light: #F0EAE3;
  --yumi-bg-soft: #FAF7F4;

  /* Status / Accents */
  --yumi-sale: #E85D4A;
  --yumi-success: #4CAF50;
  --yumi-star: #F5A623;

  /* Typography */
  --yumi-font-heading: 'Fredoka', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --yumi-font-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Override Theme Global Variables */
  --font-body-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-heading-family: 'Fredoka', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* ==========================================================================
   CRITICAL HEADER ANTI-FOUC GUARD (Zero-Glitch Page Navigation)
   ========================================================================== */
.offcanvas-header:not(.open) {
  display: none !important;
  visibility: hidden !important;
  transform: translateX(-100%) !important;
}

@media only screen and (min-width: 992px) {
  .mobile__menu_bar,
  .header__actions_btn--menu,
  .offcanvas-header {
    display: none !important;
  }
  .header__menu {
    display: flex !important;
  }
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY OVERRIDES
   ========================================================================== */
body,
html,
.page-wrapper,
.main-content {
  font-family: var(--font-body-family) !important;
  color: var(--yumi-text);
  --font-body-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  --font-heading-family: 'Fredoka', 'Quicksand', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title,
.heading,
.section-header__title,
.collection-hero__title {
  font-family: var(--yumi-font-heading) !important;
}

/* ==========================================================================
   HERO SECTION STYLES (CALIBRATED EXACT PIXEL DIMENSIONS)
   ========================================================================== */
.yumi-hero-section {
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: linear-gradient(135deg, #FFF4ED 0%, #FFFDF9 40%, #E6F5FA 100%) !important;
  padding: 70px 0 !important;
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  box-sizing: border-box;
  width: 100%;
}

.yumi-hero-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* Decorative Background Shapes */
.yumi-hero__bg-shapes {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

.yumi-hero__shape {
  position: absolute;
  border-radius: 50%;
  opacity: 0.15;
}

.yumi-hero__shape--1 {
  width: 320px;
  height: 320px;
  background: #F1A37C;
  top: -60px;
  right: 15%;
  animation: yumiFloat 8s ease-in-out infinite;
}

.yumi-hero__shape--2 {
  width: 200px;
  height: 200px;
  background: #0D8AAD;
  bottom: 10%;
  left: 5%;
  animation: yumiFloat 10s ease-in-out infinite reverse;
}

.yumi-hero__shape--3 {
  width: 140px;
  height: 140px;
  background: #C7785D;
  top: 30%;
  left: 25%;
  animation: yumiFloat 7s ease-in-out infinite 1s;
}

@keyframes yumiFloat {

  0%,
  100% {
    transform: translateY(0) rotate(0deg);
  }

  50% {
    transform: translateY(-24px) rotate(4deg);
  }
}

/* Hero Inner Grid */
.yumi-hero__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
}

/* Left Content Column */
.yumi-hero__content {
  max-width: 580px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Eyebrow Pill */
.yumi-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: #FFFFFF;
  border: 1px solid #E8E2DC;
  border-radius: 9999px;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #0D8AAD !important;
  margin-bottom: 24px !important;
  box-shadow: 0 2px 10px rgba(45, 42, 38, 0.06);
}

.yumi-hero__eyebrow svg {
  width: 15px;
  height: 15px;
  stroke: #0D8AAD;
}

/* Hero Heading */
.yumi-hero__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 54px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  color: #2D2A26 !important;
  margin: 0 0 22px 0 !important;
  letter-spacing: -0.5px;
}

.yumi-hero__title span {
  display: inline;
  position: relative;
}

.yumi-hero__title .yumi-highlight--teal {
  color: #0D8AAD !important;
}

.yumi-hero__title .yumi-highlight--peach {
  color: #F1A37C !important;
}

/* Subtle Doodle Underline */
.yumi-hero__title .yumi-underline-doodle {
  position: relative;
  display: inline-block;
}

.yumi-hero__title .yumi-underline-doodle::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8c30-6 60 2 90-2s60-6 90 0 18 4 18 4' fill='none' stroke='%23F1A37C' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}

/* Description */
.yumi-hero__description {
  font-family: 'Nunito', sans-serif !important;
  font-size: 20px !important;
  line-height: 1.7 !important;
  color: #7A7067 !important;
  max-width: 530px;
  margin: 0 0 36px 0 !important;
}

/* CTA Group */
.yumi-hero__ctas {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.yumi-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 9999px !important;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  white-space: nowrap;
  line-height: 1 !important;
  box-sizing: border-box;
}

.yumi-btn--lg {
  padding: 16px 36px !important;
  font-size: 15px !important;
}

.yumi-btn--primary {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border: 2px solid #F1A37C !important;
  box-shadow: 0 6px 22px rgba(241, 163, 124, 0.4) !important;
}

.yumi-btn--primary:hover {
  background: #E28C62 !important;
  border-color: #E28C62 !important;
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(241, 163, 124, 0.5) !important;
}

.yumi-btn--outline {
  background: transparent !important;
  color: #2D2A26 !important;
  border: 2px solid #E8E2DC !important;
}

.yumi-btn--outline:hover {
  border-color: #2D2A26 !important;
  background: rgba(45, 42, 38, 0.04) !important;
  transform: translateY(-3px);
}

/* Stats Row */
.yumi-hero__stats {
  display: flex;
  align-items: center;
  gap: 48px;
  padding-top: 28px;
  border-top: 1px solid #E8E2DC;
  width: 100%;
}

.yumi-hero__stat-item {
  display: flex;
  flex-direction: column;
}

.yumi-hero__stat-number {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  line-height: 1 !important;
  margin-bottom: 6px !important;
}

.yumi-hero__stat-label {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #7A7067 !important;
  line-height: 1 !important;
}

/* Right Media Collage Grid */
.yumi-hero__media {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.yumi-hero__image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px;
  max-width: 560px;
  width: 100%;
}

/* Media Cards */
.yumi-hero__image-card {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 12px 36px rgba(45, 42, 38, 0.12);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.yumi-hero__image-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px rgba(45, 42, 38, 0.16);
}

.yumi-hero__image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.yumi-hero__image-card:hover img {
  transform: scale(1.03);
}

/* Card 1: Left tall card spanning 2 rows */
.yumi-hero__image-card--main {
  grid-row: span 2;
  aspect-ratio: 3 / 4;
  border-radius: 28px;
}

/* Card 2 & 3: Right side stacked cards */
.yumi-hero__image-card--sub {
  aspect-ratio: 4 / 3;
  border-radius: 24px;
}

/* Floating Badges */
.yumi-floating-badge {
  position: absolute;
  bottom: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 9999px;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.85);
  pointer-events: none;
  z-index: 2;
  line-height: 1;
}

/* Clickable card wrapper */
.yumi-hero__card-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  text-indent: -9999px;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES
   ========================================================================== */
@media (max-width: 1200px) {
  .yumi-hero__title {
    font-size: 46px !important;
  }

  .yumi-hero__inner {
    gap: 40px;
  }
}

@media (max-width: 991px) {
  .yumi-hero-section {
    padding: 50px 0 !important;
    min-height: auto;
  }

  .yumi-hero__inner {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .yumi-hero__content {
    max-width: 100%;
  }

  .yumi-hero__image-grid {
    max-width: 520px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .yumi-hero-section {
    padding: 35px 0 !important;
  }

  .yumi-hero__title {
    font-size: 34px !important;
  }

  .yumi-hero__description {
    font-size: 16px !important;
    margin-bottom: 24px !important;
  }

  .yumi-hero__ctas {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 28px;
  }

  .yumi-btn--lg {
    width: 100%;
    text-align: center;
  }

  .yumi-hero__stats {
    gap: 20px;
    justify-content: space-between;
  }

  .yumi-hero__stat-number {
    font-size: 24px !important;
  }

  .yumi-hero__stat-label {
    font-size: 11px !important;
  }

  .yumi-hero__image-grid {
    gap: 12px;
  }

  .yumi-hero__image-card {
    border-radius: 18px;
  }

  .yumi-floating-badge {
    bottom: 8px;
    left: 8px;
    padding: 6px 12px;
    font-size: 11px !important;
  }
}

/* ==========================================================================
   SHOP BY CATEGORY SECTION
   ========================================================================== */
.yumi-categories-section {
  position: relative;
  background: var(--yumi-white);
  padding: 60px 0;
  width: 100%;
  box-sizing: border-box;
}

.yumi-categories-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.yumi-categories__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
}

.yumi-categories__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #2D2A26 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.3px;
}

.yumi-categories__subtitle {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #7A7067 !important;
  margin: 0 !important;
}

.yumi-categories__grid {
  display: grid;
  grid-template-columns: repeat(var(--yumi-cat-cols, 5), 1fr);
  gap: 24px;
  align-items: stretch;
}

.yumi-category-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.yumi-category-card:hover {
  transform: translateY(-8px);
}

.yumi-category-card__image-wrap {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 14px;
  background: #FFF4ED;
  position: relative;
  box-shadow: 0 6px 20px rgba(45, 42, 38, 0.06);
  transition: box-shadow 0.3s ease;
}

.yumi-category-card:hover .yumi-category-card__image-wrap {
  box-shadow: 0 12px 30px rgba(241, 163, 124, 0.28);
}

.yumi-category-card__image-wrap::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 3px solid transparent;
  border-radius: 24px;
  transition: border-color 0.25s ease;
  pointer-events: none;
}

.yumi-category-card:hover .yumi-category-card__image-wrap::after {
  border-color: #F1A37C;
}

.yumi-category-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.yumi-category-card:hover .yumi-category-card__image {
  transform: scale(1.08);
}

.yumi-category-card__name {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  transition: color 0.2s ease;
}

.yumi-category-card:hover .yumi-category-card__name {
  color: #F1A37C !important;
}

.yumi-category-card__count {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #7A7067 !important;
  line-height: 1.2 !important;
}

/* Categories Responsive */
@media (max-width: 1024px) {
  .yumi-categories__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .yumi-categories-section {
    padding: 40px 0 !important;
  }

  .yumi-categories__title {
    font-size: 28px !important;
  }

  .yumi-categories__subtitle {
    font-size: 14px !important;
    margin-bottom: 24px !important;
  }

  .yumi-categories__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px;
  }

  .yumi-category-card__image-wrap {
    border-radius: 18px;
    margin-bottom: 10px;
  }

  .yumi-category-card__image-wrap::after {
    border-radius: 18px;
  }

  .yumi-category-card__name {
    font-size: 15px !important;
  }

  .yumi-category-card__count {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   EDITORIAL MASONRY SECTION (EXPLORE THE WORLD OF YUMI)
   ========================================================================== */
.yumi-editorial-section {
  position: relative;
  background: var(--yumi-bg-soft, #FAF7F4);
  padding: 70px 0;
  width: 100%;
  box-sizing: border-box;
}

.yumi-editorial-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.yumi-editorial__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 40px;
}

.yumi-editorial__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #2D2A26 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.3px;
}

.yumi-editorial__subtitle {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #7A7067 !important;
  margin: 0 !important;
}

.yumi-editorial__grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.yumi-editorial__card {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(45, 42, 38, 0.08);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
  text-decoration: none !important;
  background: #FFF4ED;
}

.yumi-editorial__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(45, 42, 38, 0.14);
}

.yumi-editorial__card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.yumi-editorial__card:hover img {
  transform: scale(1.06);
}

.yumi-editorial__card-overlay {
  position: absolute;
  inset: 0;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(to top, rgba(20, 18, 16, 0.72) 0%, rgba(20, 18, 16, 0.2) 50%, transparent 100%);
  color: #FFFFFF !important;
  transition: background 0.3s ease;
}

.yumi-editorial__card:hover .yumi-editorial__card-overlay {
  background: linear-gradient(to top, rgba(20, 18, 16, 0.85) 0%, rgba(20, 18, 16, 0.3) 60%, transparent 100%);
}

.yumi-editorial__card-title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #FFFFFF !important;
  margin-bottom: 8px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.yumi-editorial__card-cta {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #F8CDB4 !important;
  transition: gap 0.2s ease, color 0.2s ease;
}

.yumi-editorial__card:hover .yumi-editorial__card-cta {
  gap: 12px;
  color: #FFFFFF !important;
}

.yumi-editorial__card-cta svg {
  width: 16px;
  height: 16px;
  transition: transform 0.2s ease;
}

.yumi-editorial__card:hover .yumi-editorial__card-cta svg {
  transform: translateX(4px);
}

/* Bento Card Grid Placements */
.yumi-editorial__card--wide {
  grid-column: span 8;
  aspect-ratio: 16 / 7.5;
}

.yumi-editorial__card--square {
  grid-column: span 4;
  aspect-ratio: 1 / 1;
}

.yumi-editorial__card--medium {
  grid-column: span 6;
  aspect-ratio: 16 / 10;
}

@media (max-width: 991px) {
  .yumi-editorial__card--wide {
    grid-column: span 12;
    aspect-ratio: 16 / 9;
  }

  .yumi-editorial__card--square {
    grid-column: span 12;
    aspect-ratio: 16 / 9;
  }

  .yumi-editorial__card--medium {
    grid-column: span 6;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  .yumi-editorial-section {
    padding: 45px 0 !important;
  }

  .yumi-editorial__title {
    font-size: 28px !important;
  }

  .yumi-editorial__grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }

  .yumi-editorial__card--wide,
  .yumi-editorial__card--square,
  .yumi-editorial__card--medium {
    grid-column: span 1 !important;
    aspect-ratio: 4 / 3 !important;
    border-radius: 20px !important;
  }

  .yumi-editorial__card-title {
    font-size: 20px !important;
  }
}

/* ==========================================================================
   FEATURED COLLECTION & BEST SELLERS CAROUSEL
   ========================================================================== */
.yumi-collection-section {
  position: relative;
  background: var(--yumi-white, #FFFFFF);
  padding: 70px 0;
  width: 100%;
  box-sizing: border-box;
}

.yumi-collection-section--alt {
  background: var(--yumi-bg-soft, #FAF7F4);
}

.yumi-collection-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.yumi-collection__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 36px;
  gap: 20px;
}

.yumi-collection__header-left {
  flex: 1;
}

.yumi-collection__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #2D2A26 !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -0.3px;
}

.yumi-collection__subtitle {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #7A7067 !important;
  margin: 0 !important;
}

/* Carousel Navigation Arrows */
.yumi-carousel-nav {
  display: flex;
  gap: 12px;
}

.yumi-carousel-nav__btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #E8E2DC;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2D2A26;
  cursor: pointer;
  transition: all 0.25s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.yumi-carousel-nav__btn:hover {
  border-color: #F1A37C;
  background: #F1A37C;
  color: #FFFFFF;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(241, 163, 124, 0.4);
}

.yumi-carousel-nav__btn svg {
  width: 18px;
  height: 18px;
}

/* Scroll Container */
.yumi-collection__scroll {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 30px;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 8px 4px 20px 4px;
  margin: -8px -4px -20px -4px;
}

.yumi-collection__scroll::-webkit-scrollbar {
  display: none;
}

.yumi-collection__scroll .yumi-product-card {
  scroll-snap-align: start;
  flex: 0 0 calc(25% - 18px);
  min-width: 260px;
  max-width: 320px;
}

/* ==========================================================================
   PRODUCT CARD COMPONENT
   ========================================================================== */
.yumi-product-card {
  background: #FFFFFF;
  border-radius: 24px;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
  position: relative;
  border: 1px solid #E8E2DC;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.yumi-product-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 36px rgba(45, 42, 38, 0.12);
  border-color: #F8CDB4;
}

.yumi-product-card__image-wrap {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #FFF4ED;
}

.yumi-product-card__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.yumi-product-card:hover .yumi-product-card__image {
  transform: scale(1.08);
}

/* Badge Pills */
.yumi-product-card__badges {
  position: absolute;
  top: 12px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 2;
}

.yumi-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 9999px;
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  line-height: 1 !important;
}

.yumi-badge--sale {
  background: #F1A37C;
  color: #FFFFFF;
}

.yumi-badge--new {
  background: #0D8AAD;
  color: #FFFFFF;
}

/* Wishlist Heart Button */
.yumi-product-card__wishlist {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7A7067;
  transition: all 0.2s ease;
  z-index: 5;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.yumi-product-card__wishlist:hover,
.yumi-product-card__wishlist.is-active {
  background: #F1A37C;
  color: #FFFFFF;
  transform: scale(1.1);
}

.yumi-product-card__wishlist svg {
  width: 17px;
  height: 17px;
}

/* Quick Add Button Slide-up */
.yumi-product-card__quick-add {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 4;
}

.yumi-product-card:hover .yumi-product-card__quick-add {
  transform: translateY(0);
}

.yumi-product-card__quick-add-btn {
  width: 100%;
  padding: 11px 16px;
  background: #0D8AAD;
  color: #FFFFFF !important;
  border: none;
  border-radius: 9999px;
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: 0 4px 14px rgba(13, 138, 173, 0.35);
}

.yumi-product-card__quick-add-btn:hover {
  background: #0A7090;
  transform: scale(1.02);
}

.yumi-product-card__quick-add-btn svg {
  width: 15px;
  height: 15px;
}

/* Product Info */
.yumi-product-card__info {
  padding: 16px 18px 20px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.yumi-product-card__title {
  font-family: 'Nunito', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.yumi-product-card__title:hover {
  color: #F1A37C !important;
}

.yumi-product-card__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: auto;
}

.yumi-product-card__price-current {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-product-card__price-original {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #7A7067 !important;
  text-decoration: line-through;
}

.yumi-product-card__price-discount {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #F1A37C !important;
}

.yumi-product-card__rating {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-top: 8px;
}

.yumi-product-card__rating svg {
  width: 13px;
  height: 13px;
  fill: #F5A623;
}

.yumi-product-card__rating span {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #7A7067 !important;
  margin-left: 4px;
}

@media (max-width: 767px) {
  .yumi-collection-section {
    padding: 45px 0 !important;
  }

  .yumi-collection__title {
    font-size: 28px !important;
  }

  .yumi-collection__scroll .yumi-product-card {
    flex: 0 0 240px;
    min-width: 240px;
  }
}

/* ==========================================================================
   TRUST & VALUE STRIP (USP BAR)
   ========================================================================== */
.yumi-trust-section {
  position: relative;
  background: #FFFFFF;
  padding: 50px 0;
  border-top: 1px solid #E8E2DC;
  border-bottom: 1px solid #E8E2DC;
  width: 100%;
  box-sizing: border-box;
}

.yumi-trust-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.yumi-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.yumi-trust-item {
  text-align: center;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yumi-trust-item__icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #FFF4ED;
  color: #F1A37C;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.yumi-trust-item:hover .yumi-trust-item__icon {
  transform: scale(1.12) rotate(-6deg);
}

.yumi-trust-item__icon svg {
  width: 28px;
  height: 28px;
}

.yumi-trust-item__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin: 0 0 6px 0 !important;
}

.yumi-trust-item__desc {
  font-family: 'Nunito', sans-serif !important;
  font-size: 14px !important;
  color: #7A7067 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .yumi-trust__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 575px) {
  .yumi-trust-section {
    padding: 35px 0 !important;
  }

  .yumi-trust__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .yumi-trust-item__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    margin-bottom: 10px;
  }

  .yumi-trust-item__icon svg {
    width: 22px;
    height: 22px;
  }

  .yumi-trust-item__title {
    font-size: 15px !important;
  }

  .yumi-trust-item__desc {
    font-size: 12px !important;
  }
}

/* ==========================================================================
   CUSTOMER REVIEWS / TESTIMONIALS SECTION
   ========================================================================== */
.yumi-testimonials-section {
  position: relative;
  background: #FFFFFF;
  padding: 75px 0;
  width: 100%;
  box-sizing: border-box;
}

.yumi-testimonials-section .yumi-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

.yumi-testimonials__header {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 45px;
}

.yumi-testimonials__title {
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #2D2A26 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.3px;
}

.yumi-testimonials__subtitle {
  font-family: 'Nunito', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: #7A7067 !important;
  margin: 0 !important;
}

.yumi-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.yumi-testimonial-card {
  background: #FFFFFF;
  border-radius: 24px;
  padding: 32px;
  border: 1px solid #E8E2DC;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease, border-color 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 16px rgba(45, 42, 38, 0.04);
}

.yumi-testimonial-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 36px rgba(45, 42, 38, 0.1);
  border-color: #F8CDB4;
}

.yumi-testimonial-card__quote-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 16px;
  color: #F1A37C;
  opacity: 0.45;
}

.yumi-testimonial-card__stars {
  display: flex;
  gap: 3px;
  margin-bottom: 16px;
}

.yumi-testimonial-card__stars svg {
  width: 16px;
  height: 16px;
  fill: #F5A623;
}

.yumi-testimonial-card__text {
  font-family: 'Nunito', sans-serif !important;
  font-size: 15px !important;
  color: #3D3832 !important;
  line-height: 1.7 !important;
  margin: 0 0 24px 0 !important;
  font-style: italic;
  flex: 1;
}

.yumi-testimonial-card__author {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
}

.yumi-testimonial-card__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #FFF4ED;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Fredoka', 'Quicksand', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  color: #F1A37C !important;
  border: 2px solid #F8CDB4;
}

.yumi-testimonial-card__name {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #2D2A26 !important;
  line-height: 1.2 !important;
}

.yumi-testimonial-card__meta {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #7A7067 !important;
  margin-top: 3px !important;
}

@media (max-width: 991px) {
  .yumi-testimonials__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .yumi-testimonials-section {
    padding: 45px 0 !important;
  }

  .yumi-testimonials__title {
    font-size: 28px !important;
  }

  .yumi-testimonial-card {
    padding: 24px;
  }
}



/* ==========================================================================
   YUMI REVAMP - PRODUCT PAGE & PERSONALISATION ENGINE STYLES
   ========================================================================== */

/* Breadcrumb */
.yumi-breadcrumb {
  padding: 14px 0 !important;
  background: #FAF7F4 !important;
  border-bottom: 1px solid #F0EAE1 !important;
  margin-bottom: 24px !important;
}

.yumi-breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #7A7269 !important;
  flex-wrap: wrap !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yumi-breadcrumb__list li:not(:last-child)::after {
  content: '/' !important;
  margin-left: 8px !important;
  color: #E2D9CE !important;
}

.yumi-breadcrumb__list a {
  color: #7A7269 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.yumi-breadcrumb__list a:hover {
  color: #F1A37C !important;
}

.yumi-breadcrumb__current {
  color: #2D2A26 !important;
  font-weight: 600 !important;
}

/* Product Page Layout */
.yumi-product-page {
  padding: 10px 0 60px !important;
}

.yumi-product-layout {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 48px !important;
  align-items: start !important;
}

@media (max-width: 991px) {
  .yumi-product-layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

/* Product Gallery - Sticky on Desktop Only */
@media (min-width: 990px) {
  .yumi-product-gallery {
    position: sticky !important;
    top: 100px !important;
  }
}

@media (max-width: 989px) {
  .yumi-product-gallery {
    position: static !important;
    top: auto !important;
    height: auto !important;
  }
}

.yumi-product-gallery__main {
  position: relative !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  background: #FDF3ED !important;
  aspect-ratio: 1 / 1 !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}

.yumi-product-gallery__main-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__main:hover .yumi-product-gallery__main-img {
  transform: scale(1.06) !important;
}

.yumi-product-gallery__badges {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  z-index: 2 !important;
}

.yumi-product-gallery__zoom-btn {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2D2A26 !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 2 !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.yumi-product-gallery__zoom-btn:hover {
  background: #F1A37C !important;
  color: #FFF !important;
}

.yumi-product-gallery__zoom-btn svg {
  width: 20px !important;
  height: 20px !important;
}

/* Cleaned obsolete gallery thumbs */

.yumi-product-gallery__thumb {
  width: 80px !important;
  height: 80px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  background: #FDF3ED !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  transition: all 0.2s ease !important;
}

.yumi-product-gallery__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.yumi-product-gallery__thumb:hover {
  border-color: #F8CBB6 !important;
}

.yumi-product-gallery__thumb.active {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.3) !important;
}

/* Product Info */
.yumi-product-info__tags {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}

.yumi-product-tag {
  padding: 5px 14px !important;
  border-radius: 100px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.yumi-product-tag--blue {
  background: #E0F2F7 !important;
  color: #0D8AAD !important;
}

.yumi-product-tag--green {
  background: #E8F8E8 !important;
  color: #2E7D32 !important;
}

.yumi-product-tag--peach {
  background: #FDF3ED !important;
  color: #D4714E !important;
}

.yumi-product-info__title {
  font-family: "Fredoka", sans-serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.25 !important;
}

@media (max-width: 767px) {
  .yumi-product-info__title {
    font-size: 26px !important;
  }
}

.yumi-product-info__rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

.yumi-product-info__rating .stars {
  display: flex !important;
  gap: 3px !important;
}

.yumi-product-info__rating .stars svg {
  width: 16px !important;
  height: 16px !important;
  fill: #F5A623 !important;
}

.yumi-product-info__rating-count {
  font-size: 13px !important;
  color: #7A7269 !important;
}

.yumi-product-info__price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 6px !important;
}

.yumi-price-current {
  font-family: "Fredoka", sans-serif !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-price-original {
  font-size: 18px !important;
  color: #7A7269 !important;
  text-decoration: line-through !important;
}

.yumi-price-saved {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #E74C3C !important;
  background: #FEE8E5 !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
}

.yumi-product-info__tax {
  font-size: 12px !important;
  color: #7A7269 !important;
  margin-bottom: 0 !important;
}

.yumi-product-info__tax a {
  color: #0D8AAD !important;
  text-decoration: underline !important;
}

/* Size / Option Pills */
.yumi-product-option {
  margin-bottom: 24px !important;
}

.yumi-product-option__label {
  display: block !important;
  font-size: 14px !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
}

.yumi-product-option__label strong {
  color: #2D2A26 !important;
}

.yumi-product-option__pills {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

border-color: #F1A37C !important;
color: #F1A37C !important;
}

.yumi-pill-btn.active,
.yumi-pill-btn--active {
  border-color: #F1A37C !important;
  background: #F1A37C !important;
  color: #FFF !important;
}

/* ==========================================================================
   PERSONALISATION ENGINE & ADD-ON BUILDER
   ========================================================================== */
.yumi-personalise-section {
  background: #FAF7F4 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 24px !important;
  border: 1px solid #F0EAE1 !important;
}

.yumi-personalise-section__header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 18px !important;
}

.yumi-personalise-section__icon {
  font-size: 22px !important;
}

.yumi-personalise-section__title {
  font-family: "Fredoka", sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin: 0 !important;
}

/* Addon Toggle Card */
.yumi-addon-toggle {
  margin-bottom: 14px !important;
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1.5px solid #F0EAE1 !important;
  overflow: hidden !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-addon-toggle:last-child {
  margin-bottom: 0 !important;
}

.yumi-addon-toggle.active {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.15) !important;
}

.yumi-addon-toggle__row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 0px 0px !important;
  cursor: pointer !important;
}

.yumi-addon-toggle__info {
  flex: 1 !important;
}

.yumi-addon-toggle__name {
  display: block !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #2D2A26 !important;
}

.yumi-addon-toggle__desc {
  font-size: 12px !important;
  color: #7A7269 !important;
}

.yumi-addon-toggle__price {
  font-family: "Fredoka", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0D8AAD !important;
  white-space: nowrap !important;
}

/* Styled Toggle Switch */
.yumi-toggle-switch {
  position: relative !important;
  width: 48px !important;
  height: 26px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

.yumi-toggle-switch input {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

.yumi-toggle-switch__slider {
  position: absolute !important;
  inset: 0 !important;
  background: #E2D9CE !important;
  border-radius: 26px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.yumi-toggle-switch__slider::before {
  content: "" !important;
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  left: 3px !important;
  bottom: 3px !important;
  background: #FFFFFF !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

.yumi-toggle-switch input:checked+.yumi-toggle-switch__slider {
  background: #F1A37C !important;
}

.yumi-toggle-switch input:checked+.yumi-toggle-switch__slider::before {
  transform: translateX(22px) !important;
}

/* Addon Panel (expandable) */
.yumi-addon-toggle__panel {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.4s cubic-bezier(0.16, 1, 0.3, 1), padding 0.3s ease !important;
  padding: 0 20px !important;
}

.yumi-addon-toggle.active .yumi-addon-toggle__panel {
  max-height: 1200px !important;
  padding: 0 20px 20px !important;
}

/* Name Patch Input Field & Preview */
.yumi-name-input-wrap {
  display: flex !important;
  gap: 16px !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
}

.yumi-name-input-field {
  flex: 1 !important;
  min-width: 200px !important;
  position: relative !important;
}

.yumi-name-input-field input {
  width: 100% !important;
  padding: 16px 16px 8px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: #FFFFFF !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.yumi-name-input-field input:focus {
  border-color: #F1A37C !important;
}

.yumi-name-input-field label {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 13px !important;
  color: #7A7269 !important;
  pointer-events: none !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
}

.yumi-name-input-field input:focus+label,
.yumi-name-input-field input:not(:placeholder-shown)+label {
  top: 6px !important;
  transform: translateY(0) !important;
  font-size: 10px !important;
  color: #F1A37C !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.yumi-char-count {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 11px !important;
  color: #7A7269 !important;
}

.yumi-name-preview {
  text-align: center !important;
  min-width: 120px !important;
}

.yumi-name-preview__label {
  display: block !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #7A7269 !important;
  margin-bottom: 6px !important;
}

.yumi-name-preview__badge {
  display: inline-block !important;
  padding: 8px 20px !important;
  background: linear-gradient(135deg, #F1A37C, #D4714E) !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  font-family: "Fredoka", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(241, 163, 124, 0.4) !important;
  letter-spacing: 1px !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

/* Bag Tag Steps */
.yumi-tag-step__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 12px !important;
}

.yumi-tag-step__subtitle {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #7A7269 !important;
}

.yumi-btn-back {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0D8AAD !important;
  background: transparent !important;
  border: none !important;
  padding: 4px 8px !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.yumi-btn-back:hover {
  background: #E0F2F7 !important;
}

.yumi-tag-collections-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px !important;
}

.yumi-tag-col-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 14px !important;
  border-radius: 14px !important;
  border: 2px solid #F0EAE1 !important;
  background: #FAF7F4 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-tag-col-card:hover {
  border-color: #F1A37C !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.yumi-tag-col-card.active {
  border-color: #F1A37C !important;
  background: #FDF3ED !important;
}

.yumi-tag-col-card__img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.yumi-tag-col-card__name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  text-align: center !important;
}

.yumi-tag-col-card__count {
  font-size: 10px !important;
  color: #7A7269 !important;
}

/* Swatch Grid */
.yumi-swatch-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

@media (max-width: 480px) {
  .yumi-swatch-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.yumi-swatch-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px !important;
  border-radius: 14px !important;
  border: 2px solid transparent !important;
  background: #FAF7F4 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.yumi-swatch-card:hover {
  border-color: #F8CBB6 !important;
  transform: translateY(-2px) !important;
}

.yumi-swatch-card.active,
.yumi-swatch-card--active {
  border-color: #0D8AAD !important;
  background: #E0F2F7 !important;
  box-shadow: 0 0 0 3px rgba(13, 138, 173, 0.15) !important;
}

.yumi-swatch-card__img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  object-fit: cover !important;
}

.yumi-swatch-card__label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  text-align: center !important;
}

.yumi-swatch-card__price {
  font-size: 10px !important;
  color: #7A7269 !important;
}

/* Print Option Pills */
.yumi-print-option-section {
  margin-top: 16px !important;
  border-top: 1px dashed #E2D9CE !important;
  padding-top: 16px !important;
}

.yumi-print-option__label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
}

.yumi-print-option__pills {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-bottom: 14px !important;
}

@media (max-width: 480px) {
  .yumi-print-option__pills {
    grid-template-columns: 1fr !important;
  }
}

.yumi-print-pill {
  cursor: pointer !important;
  margin: 0 !important;
}

.yumi-print-pill input {
  display: none !important;
}

.yumi-print-pill__box {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  border: 2px solid #E2D9CE !important;
  background: #FFFFFF !important;
  transition: all 0.2s ease !important;
}

.yumi-print-pill input:checked+.yumi-print-pill__box {
  border-color: #0D8AAD !important;
  background: #E0F2F7 !important;
  box-shadow: 0 0 0 3px rgba(13, 138, 173, 0.15) !important;
}

.yumi-print-pill__title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-print-pill__desc {
  display: block !important;
  font-size: 11px !important;
  color: #7A7269 !important;
}

/* Print Details Card */
.yumi-print-details-card {
  background: #E8F5E9 !important;
  border: 1.5px solid #81C784 !important;
  border-radius: 12px !important;
  padding: 14px !important;
  margin-top: 12px !important;
  animation: yumiFadeIn 0.3s ease !important;
}

.yumi-print-details-card__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}

.yumi-print-details-card__title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2E7D32 !important;
}

.yumi-print-details-card__content {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
  font-size: 12px !important;
  color: #2D2A26 !important;
  margin-bottom: 10px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
}

.yumi-print-detail-item span {
  color: #7A7269 !important;
}

.yumi-print-details-card__actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
}

.yumi-btn-text {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0D8AAD !important;
  background: transparent !important;
  border: none !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.yumi-btn-text:hover {
  text-decoration: underline !important;
}

.yumi-btn-text--danger {
  color: #E74C3C !important;
}

/* Swatch Selection / Remove Bar */
.yumi-swatch-selection {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 12px !important;
  border-top: 1px solid #F0EAE1 !important;
  margin-top: 12px !important;
}

.yumi-swatch-selection__info {
  font-size: 13px !important;
  color: #7A7269 !important;
}

.yumi-swatch-selection__info strong {
  color: #2D2A26 !important;
}

.yumi-btn-clear-tag {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #E74C3C !important;
  background: #FEE8E5 !important;
  border: none !important;
  padding: 6px 12px !important;
  border-radius: 100px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-btn-clear-tag:hover {
  background: #E74C3C !important;
  color: #FFF !important;
}

/* Modal Backdrop & Custom Print Modal */
.yumi-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  backdrop-filter: blur(4px) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.25s ease !important;
}

.yumi-modal-backdrop.active {
  opacity: 1 !important;
  visibility: visible !important;
}

.yumi-print-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.95) !important;
  width: 90% !important;
  max-width: 480px !important;
  background: #FFFFFF !important;
  border-radius: 24px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2) !important;
  z-index: 999999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  padding: 28px !important;
}

.yumi-print-modal.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.yumi-print-modal__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}

.yumi-print-modal__title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.yumi-print-modal__icon {
  font-size: 28px !important;
}

.yumi-print-modal__title {
  font-family: "Fredoka", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 !important;
}

.yumi-print-modal__subtitle {
  font-size: 12px !important;
  color: #7A7269 !important;
}

.yumi-print-modal__close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  color: #7A7269 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-print-modal__close:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

.yumi-print-modal__form .form-group {
  margin-bottom: 16px !important;
}

.yumi-print-modal__form label {
  display: block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin-bottom: 6px !important;
}

.yumi-print-modal__form label .required {
  color: #E74C3C !important;
}

.yumi-form-control {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  color: #2D2A26 !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.yumi-form-control:focus {
  border-color: #F1A37C !important;
}

.yumi-form-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.yumi-print-modal__footer {
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-end !important;
  margin-top: 20px !important;
  padding-top: 16px !important;
  border-top: 1px solid #F0EAE1 !important;
}

/* ==========================================================================
   LIVE PRICE SUMMARY CARD
   ========================================================================== */
.yumi-price-summary {
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 20px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

.yumi-price-summary__row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 14px !important;
  color: #7A7269 !important;
  padding: 6px 0 !important;
}

.yumi-price-summary__row--addon {
  color: #0D8AAD !important;
  font-weight: 600 !important;
  animation: yumiFadeIn 0.3s ease !important;
}

.yumi-price-summary__divider {
  height: 1px !important;
  background: #F0EAE1 !important;
  margin: 10px 0 !important;
}

.yumi-price-summary__total {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-price-summary__total span:last-child {
  font-family: "Fredoka", sans-serif !important;
  font-size: 22px !important;
  color: #2D2A26 !important;
}

/* ==========================================================================
   QUANTITY & ADD TO CART CTA
   ========================================================================== */
.yumi-product-actions {
  display: flex !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.yumi-quantity-selector {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #FFF !important;
}

.yumi-quantity-btn {
  width: 44px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2D2A26 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-quantity-btn:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

.yumi-quantity-btn svg {
  width: 16px !important;
  height: 16px !important;
}

.yumi-quantity-input {
  width: 44px !important;
  text-align: center !important;
  border: none !important;
  font-family: "Fredoka", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  outline: none !important;
  -moz-appearance: textfield !important;
}

.yumi-quantity-input::-webkit-outer-spin-button,
.yumi-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.yumi-add-to-cart-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  background: #0D8AAD !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  border: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  box-shadow: 0 4px 18px rgba(13, 138, 173, 0.35) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.yumi-add-to-cart-btn:hover {
  background: #096D8A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(13, 138, 173, 0.45) !important;
}

.yumi-add-to-cart-btn svg {
  width: 20px !important;
  height: 20px !important;
}

/* Secondary Actions */
.yumi-secondary-actions {
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}

.yumi-wishlist-btn,
.yumi-share-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-wishlist-btn:not(.active):not(.is-active):hover {
  border-color: #E74C3C !important;
  color: #E74C3C !important;
  background: #FFF8F4 !important;
}

.yumi-wishlist-btn.active,
.yumi-wishlist-btn.is-active,
.yumi-wishlist-btn.active:hover,
.yumi-wishlist-btn.is-active:hover {
  border-color: #D45D4B !important;
  background: #D45D4B !important;
  color: #FFFFFF !important;
}

.yumi-wishlist-btn svg,
.yumi-share-btn svg {
  width: 18px !important;
  height: 18px !important;
}

.yumi-share-btn:hover {
  border-color: #0D8AAD !important;
  color: #0D8AAD !important;
}

/* Customer Message Box */
.yumi-customer-message {
  margin-bottom: 24px !important;
}

.yumi-customer-message__label {
  display: block !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin-bottom: 8px !important;
}

.yumi-customer-message__input {
  width: 100% !important;
  padding: 14px 16px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 16px !important;
  resize: vertical !important;
  font-size: 14px !important;
  color: #2D2A26 !important;
  outline: none !important;
  min-height: 80px !important;
  background: #FFFFFF !important;
  transition: border-color 0.2s ease !important;
}

.yumi-customer-message__input:focus {
  border-color: #0D8AAD !important;
}

/* Accordions */
.yumi-product-accordions {
  border-top: 1px solid #F0EAE1 !important;
}

.yumi-accordion {
  border-bottom: 1px solid #F0EAE1 !important;
}

.yumi-accordion__trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  text-align: left !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.yumi-accordion__trigger:hover {
  color: #F1A37C !important;
}

.yumi-accordion__trigger svg:first-child {
  width: 20px !important;
  height: 20px !important;
  color: #0D8AAD !important;
  flex-shrink: 0 !important;
}

.yumi-accordion__icon {
  margin-left: auto !important;
  transition: transform 0.3s ease !important;
}

.yumi-accordion__icon svg {
  width: 18px !important;
  height: 18px !important;
  color: #7A7269 !important;
}

.yumi-accordion.active .yumi-accordion__icon {
  transform: rotate(180deg) !important;
}

.yumi-accordion__content {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s cubic-bezier(0.16, 1, 0.3, 1), padding 0.25s ease !important;
  padding: 0 !important;
}

.yumi-accordion.active .yumi-accordion__content {
  max-height: 500px !important;
  padding-bottom: 16px !important;
}

.yumi-accordion__content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.yumi-accordion__content li {
  font-size: 13px !important;
  color: #7A7269 !important;
  padding: 4px 0 !important;
  line-height: 1.6 !important;
}

.yumi-accordion__content li strong {
  color: #2D2A26 !important;
}

@keyframes yumiFadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

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


/* ==========================================================================
   YUMI REVAMP - NATIVE THEME PRODUCT INTEGRATION OVERRIDES
   ========================================================================== */

.product__title h1,
h1.product__title,
.product__title {
  font-family: "Fredoka", sans-serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 8px !important;
}

@media (max-width: 767px) {

  .product__title h1,
  h1.product__title,
  .product__title {
    font-size: 26px !important;
  }
}

/* Product Media & Gallery Container */
.product__media_container .product__media-list {
  border-radius: 24px !important;
  overflow: hidden !important;
}

.product__media-item .media {
  border-radius: 24px !important;
  background: #FDF3ED !important;
}

.thumbnail-list__item .thumbnail {
  border-radius: 12px !important;
  border: 2px solid transparent !important;
  transition: all 0.2s ease !important;
}

.thumbnail-list__item .thumbnail[aria-current="true"],
.thumbnail-list__item .thumbnail.is-active {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.3) !important;
}

/* Variant Pill Radios */
fieldset.product-form__input {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}

fieldset.product-form__input .form__label {
  font-size: 14px !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

fieldset.product-form__input .form__label strong,
fieldset.product-form__input .form__label b {
  color: #2D2A26 !important;
}

fieldset.product-form__input input[type="radio"] {
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
}

fieldset.product-form__input input[type="radio"]+label {
  border: 2px solid #E2D9CE !important;
  background-color: #FFFFFF !important;
  color: #2D2A26 !important;
  border-radius: 100px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
}

fieldset.product-form__input input[type="radio"]:checked+label {
  background-color: #F1A37C !important;
  border-color: #F1A37C !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.35) !important;
}

fieldset.product-form__input input[type="radio"]+label:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
}

fieldset.product-form__input input[type="radio"]:checked+label:hover {
  color: #FFFFFF !important;
}

/* Quantity Field */
.product-form__quantity .quantity,
.quantity {
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  background: #FFFFFF !important;
  min-height: 48px !important;
  overflow: hidden !important;
}

.quantity__button {
  width: 44px !important;
  color: #2D2A26 !important;
  transition: all 0.2s ease !important;
}

.quantity__button:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

.quantity__input {
  font-family: "Fredoka", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
}

/* Primary Add to Cart Button */
.product-form__submit,
button.product-form__submit {
  background-color: #0D8AAD !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  border: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 16px 32px !important;
  min-height: 52px !important;
  box-shadow: 0 4px 18px rgba(13, 138, 173, 0.35) !important;
  transition: all 0.25s ease !important;
}

.product-form__submit:hover,
button.product-form__submit:hover {
  background-color: #096D8A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(13, 138, 173, 0.45) !important;
}

/* Customer Message Box */
.yumi-customer-message {
  margin: 18px 0 !important;
}

.yumi-customer-message .yumi-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin-bottom: 6px !important;
}

.yumi-customer-message .yumi-textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  color: #2D2A26 !important;
  outline: none !important;
  background: #FFFFFF !important;
  min-height: 70px !important;
  transition: border-color 0.2s ease !important;
}

.yumi-customer-message .yumi-textarea:focus {
  border-color: #0D8AAD !important;
}

/* ==========================================================================
   YUMI PRODUCT PAGE COMPLETE REDESIGN (MATCHING PRODUCT.HTML)
   ========================================================================== */

.yumi-product-page-section {
  padding: 0 0 60px !important;
  background: #FFFDF9 !important;
}

body.template-product,
.template-product,
.template-product main#MainContent,
.template-product .content-for-layout,
.section-main-product,
.main-product-section {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background-color: #FFFDF9 !important;
}

.yumi-product-container {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 18px 24px 60px 24px !important;
  box-sizing: border-box !important;
}

.yumi-product-layout {
  display: grid !important;
  grid-template-columns: 1fr 1.05fr !important;
  gap: 36px !important;
  align-items: start !important;
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .yumi-product-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
}

/* Gallery Column Sticky Behavior */
.yumi-product-container::before,
.yumi-product-container::after,
.yumi-product-layout::before,
.yumi-product-layout::after {
  display: none !important;
  content: none !important;
}

.yumi-product-gallery-col .skip-to-content-link {
  display: none !important;
}

@media (min-width: 990px) {
  .yumi-product-gallery-col {
    position: sticky !important;
    top: 100px !important;
    align-self: start !important;
    height: fit-content !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: 10 !important;
  }
}

@media (max-width: 989px) {
  .yumi-product-gallery-col {
    position: static !important;
    top: auto !important;
    align-self: auto !important;
    height: auto !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    z-index: auto !important;
  }
}

.product__media_container.yumi-product-gallery-container,
.yumi-product-gallery-container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.yumi-product-gallery-col>* {
  margin-top: 0 !important;
}

.yumi-product-info-col {
  position: relative !important;
  z-index: 20 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Main Gallery Image Container (Peach Box) */
@media screen and (min-width: 990px) {
  .yumi-product-gallery {
    position: sticky !important;
    top: 100px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;
    margin: 0 !important;
  }

  .yumi-product-gallery__thumbs {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 76px !important;
    width: 76px !important;
    max-width: 76px !important;
    gap: 10px !important;
    max-height: 560px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 2px !important;
    scrollbar-width: none !important;
  }

  .yumi-product-gallery__main {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: calc(100% - 92px) !important;
    max-width: calc(100% - 92px) !important;
    aspect-ratio: 1 / 1 !important;
    background: #FDF3ED !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    cursor: zoom-in !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
}

.yumi-product-gallery__slides-track {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.yumi-product-gallery__slide {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  background: transparent !important;
}

.yumi-product-gallery__slide.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

.yumi-product-gallery__main-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__main:hover .yumi-product-gallery__slide.is-active img.yumi-product-gallery__main-img {
  transform: scale(1.06) !important;
}

.yumi-product-gallery__main:hover .yumi-product-gallery__slide.is-active video.yumi-product-gallery__main-img,
.yumi-product-gallery__main:hover .yumi-product-gallery__slide.is-active .yumi-video-slide-inner {
  transform: none !important;
}

/* Gallery Badges */
.yumi-product-gallery__badges {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  pointer-events: none !important;
}

.yumi-badge {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.yumi-badge--sale {
  background: #E74C3C !important;
  color: #FFFFFF !important;
}

.yumi-badge--new {
  background: #0D8AAD !important;
  color: #FFFFFF !important;
}

/* Gallery Zoom Button */
.yumi-product-gallery__zoom-btn {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 10 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #2D2A26 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__zoom-btn:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  transform: scale(1.08) !important;
}

.yumi-product-gallery__zoom-btn svg {
  width: 18px !important;
  height: 18px !important;
}

/* Horizontal Thumbnails Strip (Directly Below Main Image) */
.yumi-product-gallery__thumbs {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 2px !important;
  margin: 0 auto !important;
  max-width: 470px !important;
  width: 100% !important;
  scrollbar-width: thin !important;
}

.yumi-product-gallery__thumbs::-webkit-scrollbar {
  height: 4px !important;
}

.yumi-product-gallery__thumbs::-webkit-scrollbar-thumb {
  background: #E2D9CE !important;
  border-radius: 4px !important;
}

.yumi-product-gallery__thumb {
  flex: 0 0 72px !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  background: #FDF3ED !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
}

.yumi-product-gallery__thumb:hover {
  border-color: #F8CDB4 !important;
  transform: translateY(-2px) !important;
}

.yumi-product-gallery__thumb.is-active,
.yumi-product-gallery__thumb[aria-current="true"] {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.35) !important;
  transform: translateY(-2px) !important;
}

/* Lightbox Zoom Modal */
.yumi-zoom-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease !important;
}

.yumi-zoom-modal-backdrop.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

.yumi-zoom-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.95) !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
  background: #FDF3ED !important;
  border-radius: 24px !important;
  padding: 20px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  z-index: 999999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.yumi-zoom-modal.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.yumi-zoom-modal__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: all 0.2s ease !important;
}

.yumi-zoom-modal__close:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
}

.yumi-zoom-modal__body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.yumi-zoom-modal__img {
  max-width: 80vw !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  display: block !important;
}

/* ==========================================================================
   SORT BY DROPDOWN (Collection & Search Pages)
   ========================================================================== */
.facet-filters__field {
  position: relative !important;
}

.sortby__button {
  background: var(--yumi-white) !important;
  border: 1px solid var(--yumi-border-light) !important;
  border-radius: 12px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--yumi-text) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

.sortby__button:hover {
  border-color: var(--yumi-peach) !important;
}

.sortby__button .sortby__current_text {
  font-weight: 700 !important;
  color: var(--yumi-primary) !important;
}

.sortby__button .sortby__arrow {
  transition: transform 0.2s ease !important;
}

.facet-filters__field.active .sortby__arrow {
  transform: rotate(180deg) !important;
}

.filter__sort--by-conatiner {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  background: var(--yumi-white) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
  padding: 8px !important;
  min-width: 200px !important;
  list-style: none !important;
  margin: 0 !important;
  z-index: 100 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) !important;
  transition: all 0.2s ease !important;
}

.facet-filters__field.active .filter__sort--by-conatiner {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.filter__sort--by-conatiner .sortlist__Item {
  margin: 0 !important;
}

.filter__sort--by-conatiner .sortlist__Item label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  color: var(--yumi-text) !important;
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: background 0.2s ease !important;
  margin: 0 !important;
}

.filter__sort--by-conatiner .sortlist__Item:hover label {
  background: var(--yumi-bg) !important;
}

.filter__sort--by-conatiner .sortlist__Item.is-selected label {
  color: var(--yumi-primary) !important;
  font-weight: 600 !important;
  background: rgba(13, 138, 173, 0.05) !important;
}

.sort-check-icon {
  color: var(--yumi-primary) !important;
}

.yumi-product-gallery__main-img {
  transform: scale(1.06) !important;
}

/* Gallery Badges */
.yumi-product-gallery__badges {
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
  z-index: 10 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  pointer-events: none !important;
}

.yumi-badge {
  display: inline-block !important;
  padding: 5px 12px !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.yumi-badge--sale {
  background: #E74C3C !important;
  color: #FFFFFF !important;
}

.yumi-badge--new {
  background: #0D8AAD !important;
  color: #FFFFFF !important;
}

/* Gallery Zoom Button */
.yumi-product-gallery__zoom-btn {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10 !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.88) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #2D2A26 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__zoom-btn:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  transform: scale(1.08) !important;
}

.yumi-product-gallery__zoom-btn svg {
  width: 20px !important;
  height: 20px !important;
}

/* Horizontal Thumbnails Below Main Image */
/* Cleaned obsolete gallery thumbs */

.yumi-product-gallery__thumbs::-webkit-scrollbar {
  height: 4px !important;
}

.yumi-product-gallery__thumbs::-webkit-scrollbar-thumb {
  background: #E2D9CE !important;
  border-radius: 4px !important;
}

.yumi-product-gallery__thumb {
  flex: 0 0 80px !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 2px solid transparent !important;
  background: #FDF3ED !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 14px !important;
}

.yumi-product-gallery__thumb:hover {
  border-color: #F8CDB4 !important;
  transform: translateY(-2px) !important;
}

.yumi-product-gallery__thumb.is-active,
.yumi-product-gallery__thumb[aria-current="true"] {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.35) !important;
  transform: translateY(-2px) !important;
}

/* Lightbox Zoom Modal */
.yumi-zoom-modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.75) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s ease !important;
}

.yumi-zoom-modal-backdrop.is-active {
  opacity: 1 !important;
  visibility: visible !important;
}

.yumi-zoom-modal {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0.95) !important;
  max-width: 90vw !important;
  max-height: 90vh !important;
  background: #FDF3ED !important;
  border-radius: 24px !important;
  padding: 20px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important;
  z-index: 999999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.yumi-zoom-modal.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.yumi-zoom-modal__close {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  transition: all 0.2s ease !important;
}

.yumi-zoom-modal__close:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
}

.yumi-zoom-modal__body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
  max-height: 100% !important;
}

.yumi-zoom-modal__img {
  max-width: 80vw !important;
  max-height: 80vh !important;
  object-fit: contain !important;
  border-radius: 16px !important;
  display: block !important;
}

/* ==========================================================================
   PRODUCT INFO (RIGHT COLUMN)
   ========================================================================== */

.yumi-product-info-wrap {
  display: flex !important;
  flex-direction: column !important;
}

/* Tags above Title */
.yumi-product-info__tags {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}

.yumi-product-tag {
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.yumi-product-tag--blue {
  background: #E8F4F8 !important;
  color: #0D8AAD !important;
}

.yumi-product-tag--green {
  background: #EAF7EE !important;
  color: #27AE60 !important;
}

.yumi-product-tag--peach {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

/* Title */
.yumi-product-info__title,
h1.product__title.yumi-product-info__title {
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -0.5px !important;
}

@media (max-width: 767px) {

  .yumi-product-info__title,
  h1.product__title.yumi-product-info__title {
    font-size: 26px !important;
  }
}

/* Rating Stars */
.yumi-product-info__rating {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

.yumi-product-info__rating .stars {
  display: flex !important;
  gap: 2px !important;
  color: #F5A623 !important;
}

.yumi-product-info__rating .stars svg {
  width: 16px !important;
  height: 16px !important;
  fill: #F5A623 !important;
}

.yumi-product-info__rating .rating-count {
  font-size: 13px !important;
  color: #7A7269 !important;
  font-weight: 500 !important;
}

/* Price Block (Matching HTML Design) */
.price__box_wrapper.yumi-product-info__price-wrap,
.yumi-product-info__price-wrap,
.price__box_wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}

.yumi-product-info__price {
  display: flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  width: auto !important;
}

.yumi-price-current,
.price-current,
#displayPrice {
  font-family: "Fredoka", "Quicksand", -apple-system, sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  line-height: 1 !important;
  letter-spacing: -0.5px !important;
  display: inline-block !important;
}

.yumi-price-original,
.price-original {
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #7A7067 !important;
  text-decoration: line-through !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.yumi-price-saved,
.price-saved {
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #C7785D !important;
  background: #FFF4ED !important;
  border: 1px solid #F8CDB4 !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
  margin-left: 2px !important;
}

.yumi-product-info__tax,
p.yumi-product-info__tax {
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #7A7067 !important;
  margin: 4px 0 0 0 !important;
  line-height: 1.5 !important;
  display: block !important;
  width: 100% !important;
}

.yumi-product-info__tax a {
  color: #0D8AAD !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

/* Variant Option Pills */
.yumi-product-option,
fieldset.yumi-product-option {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 20px 0 !important;
}

.yumi-product-option__label {
  display: block !important;
  font-size: 14px !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
}

.yumi-product-option__label strong,
.yumi-product-option__label .yumi-selected-option-val {
  color: #2D2A26 !important;
  font-weight: 700 !important;
}

.yumi-product-option__pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.yumi-product-option input[type="radio"] {
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
}

.yumi-product-option input[type="radio"]+label {
  border: 2px solid #E2D9CE !important;
  background-color: #FFFFFF !important;
  color: #2D2A26 !important;
  border-radius: 100px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
}

.yumi-product-option input[type="radio"]:checked+label {
  background-color: #F1A37C !important;
  border-color: #F1A37C !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.35) !important;
}

.yumi-product-option input[type="radio"]+label:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
}

.yumi-product-option input[type="radio"]:checked+label:hover {
  color: #FFFFFF !important;
}

/* Quantity & CTA Button Form Buttons */
.yumi-product-form-buttons {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

.yumi-product-actions {
  display: flex !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.yumi-quantity-selector {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
  height: 52px !important;
}

.yumi-quantity-btn {
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2D2A26 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-quantity-btn:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

.yumi-quantity-btn svg {
  width: 16px !important;
  height: 16px !important;
}

.yumi-quantity-input {
  width: 44px !important;
  text-align: center !important;
  border: none !important;
  font-family: "Fredoka", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  outline: none !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.yumi-quantity-input::-webkit-outer-spin-button,
.yumi-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.yumi-add-to-cart-btn,
button.yumi-add-to-cart-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  background: #0D8AAD !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  border: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  min-height: 52px !important;
  box-shadow: 0 4px 18px rgba(13, 138, 173, 0.35) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.yumi-add-to-cart-btn:hover,
button.yumi-add-to-cart-btn:hover {
  background: #096D8A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(13, 138, 173, 0.45) !important;
}

.yumi-add-to-cart-btn svg {
  width: 20px !important;
  height: 20px !important;
}

/* Secondary Actions */
.yumi-secondary-actions {
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.yumi-wishlist-btn,
.yumi-share-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-wishlist-btn:hover {
  border-color: #E74C3C !important;
  color: #E74C3C !important;
}

}

.yumi-product-option__label {
  display: block !important;
  font-size: 14px !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
}

.yumi-product-option__label strong,
.yumi-product-option__label .yumi-selected-option-val {
  color: #2D2A26 !important;
  font-weight: 700 !important;
}

.yumi-product-option__pills {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.yumi-product-option input[type="radio"] {
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden !important;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
}

.yumi-product-option input[type="radio"]+label {
  border: 2px solid #E2D9CE !important;
  background-color: #FFFFFF !important;
  color: #2D2A26 !important;
  border-radius: 100px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
}

.yumi-product-option input[type="radio"]:checked+label {
  background-color: #F1A37C !important;
  border-color: #F1A37C !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.35) !important;
}

.yumi-product-option input[type="radio"]+label:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
}

.yumi-product-option input[type="radio"]:checked+label:hover {
  color: #FFFFFF !important;
}

/* Quantity & CTA Button Form Buttons */
.yumi-product-form-buttons {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

.yumi-product-actions {
  display: flex !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

.yumi-quantity-selector {
  display: flex !important;
  align-items: center !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
  height: 52px !important;
}

.yumi-quantity-btn {
  width: 44px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2D2A26 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-quantity-btn:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
}

.yumi-quantity-btn svg {
  width: 16px !important;
  height: 16px !important;
}

.yumi-quantity-input {
  width: 44px !important;
  text-align: center !important;
  border: none !important;
  font-family: "Fredoka", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  outline: none !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.yumi-quantity-input::-webkit-outer-spin-button,
.yumi-quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.yumi-add-to-cart-btn,
button.yumi-add-to-cart-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 16px 32px !important;
  background: #0D8AAD !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  border: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  min-height: 52px !important;
  box-shadow: 0 4px 18px rgba(13, 138, 173, 0.35) !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

.yumi-add-to-cart-btn:hover,
button.yumi-add-to-cart-btn:hover {
  background: #096D8A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(13, 138, 173, 0.45) !important;
}

.yumi-add-to-cart-btn svg {
  width: 20px !important;
  height: 20px !important;
}

/* Secondary Actions */
.yumi-secondary-actions {
  display: flex !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.yumi-wishlist-btn,
.yumi-share-btn {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.yumi-wishlist-btn:hover {
  border-color: #E74C3C !important;
  color: #E74C3C !important;
}

.yumi-wishlist-btn svg,
.yumi-share-btn svg {
  width: 18px !important;
  height: 18px !important;
}

.yumi-share-btn:hover {
  border-color: #0D8AAD !important;
  color: #0D8AAD !important;
}

/* ─── Customer Message / Special Instructions ─── */
.yumi-customer-message {
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

.yumi-customer-message label,
.yumi-customer-message .yumi-label {
  display: block !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #7A7269 !important;
  margin-bottom: 8px !important;
}

.yumi-customer-message textarea,
.yumi-customer-message .yumi-textarea {
  width: 100% !important;
  padding: 14px 18px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 16px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  color: #2D2A26 !important;
  background: #FAFAFA !important;
  resize: vertical !important;
  min-height: 80px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}



.yumi-customer-message textarea:focus,
.yumi-customer-message .yumi-textarea:focus {
  border-color: #F1A37C !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.2) !important;
}

/* ─── Product Accordions ─── */
.product__accordion,
.product__accordion.accordion,
.yumi-product-accordions {
  display: block !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.product__accordion details,
.yumi-accordion-item {
  border: 1px solid #E2D9CE !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  margin: 0 !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: none !important;
}

.product__accordion details summary,
.yumi-accordion-item summary,
.accordion__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 20px !important;
  cursor: pointer !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  list-style: none !important;
  user-select: none !important;
}

.product__accordion details summary::-webkit-details-marker {
  display: none !important;
}

.product__accordion details[open] summary,
.yumi-accordion-item[open] summary {
  border-bottom: 1px solid #F0EAE1 !important;
}

.product__accordion .accordion__content,
.yumi-accordion-item .accordion__content {
  padding: 16px 20px !important;
  font-size: 14px !important;
  color: #7A7269 !important;
  line-height: 1.6 !important;
  background: #FAF8F5 !important;
}

.product__accordion .accordion__content ul,
.yumi-accordion-item .accordion__content ul {
  padding-left: 20px !important;
  margin: 0 !important;
}

.product__accordion .accordion__content li,
.yumi-accordion-item .accordion__content li {
  margin-bottom: 6px !important;
}

/* ==========================================================================
   YUMI REVAMP — PRODUCT DESCRIPTION TABS REDESIGN
   ========================================================================== */

/* ─── Section Wrapper ─── */
.nrb_p_d_t,
.nrb_p_d_t.section {
  background: #FFFDF9 !important;
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  margin-top: 48px !important;
}

.nrb_p_d_t .bg_p_d_tab {
  background: #FFFFFF !important;
  border-radius: 24px !important;
  border: 1.5px solid #F0EAE1 !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 24px rgba(45, 42, 38, 0.04) !important;
}

/* ─── Tab Navigation ─── */
.nrb_p_d_t .product_tab_list {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border-bottom: 2px solid #F0EAE1 !important;
  background: #FAF8F5 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.nrb_p_d_t .product_tab_list::-webkit-scrollbar {
  display: none !important;
}

.nrb_p_d_t .product_tab_list li,
.nrb_p_d_t .product_tab_list .product_tab_list__li {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #7A7269 !important;
  padding: 18px 28px !important;
  margin: 0 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  letter-spacing: 0.2px !important;
  line-height: 1.4 !important;
}

.nrb_p_d_t .product_tab_list li:hover,
.nrb_p_d_t .product_tab_list .product_tab_list__li:hover {
  color: #F1A37C !important;
  background: rgba(241, 163, 124, 0.04) !important;
}

.nrb_p_d_t .product_tab_list li.active,
.nrb_p_d_t .product_tab_list .product_tab_list__li.active {
  color: #F1A37C !important;
  border-bottom-color: #F1A37C !important;
  font-weight: 700 !important;
  background: #FFFFFF !important;
}

/* ─── Tab Content Area ─── */
.nrb_p_d_t .tab_content,
.nrb_p_d_t .nrb_p_d_t_content {
  padding: 36px 40px 40px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {

  .nrb_p_d_t .tab_content,
  .nrb_p_d_t .nrb_p_d_t_content {
    padding: 24px 20px 28px !important;
  }
}

.nrb_p_d_t .tab_pane {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #4A4540 !important;
  letter-spacing: 0.1px !important;
}

/* ─── Description Content Typography ─── */
.nrb_p_d_t .tab_pane p {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #4A4540 !important;
  margin: 0 0 16px 0 !important;
}

.nrb_p_d_t .tab_pane p:last-child {
  margin-bottom: 0 !important;
}

/* Feature bullet points — the bold label + description format */
.nrb_p_d_t .tab_pane p strong,
.nrb_p_d_t .tab_pane p b {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  font-size: 15px !important;
}

/* Headings inside tab content */
.nrb_p_d_t .tab_pane h1,
.nrb_p_d_t .tab_pane h2,
.nrb_p_d_t .tab_pane h3,
.nrb_p_d_t .tab_pane h4,
.nrb_p_d_t .tab_pane h5,
.nrb_p_d_t .tab_pane h6 {
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  color: #2D2A26 !important;
  margin: 28px 0 14px 0 !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
}

.nrb_p_d_t .tab_pane h2 {
  font-size: 26px !important;
}

.nrb_p_d_t .tab_pane h3 {
  font-size: 22px !important;
}

.nrb_p_d_t .tab_pane h4 {
  font-size: 18px !important;
}

.nrb_p_d_t .tab_pane h5 {
  font-size: 16px !important;
}

.nrb_p_d_t .tab_pane h1:first-child,
.nrb_p_d_t .tab_pane h2:first-child,
.nrb_p_d_t .tab_pane h3:first-child,
.nrb_p_d_t .tab_pane h4:first-child {
  margin-top: 0 !important;
}

/* Unordered & Ordered Lists */
.nrb_p_d_t .tab_pane ul,
.nrb_p_d_t .tab_pane ol {
  padding-left: 0 !important;
  margin: 0 0 20px 0 !important;
  list-style: none !important;
}

.nrb_p_d_t .tab_pane ul li,
.nrb_p_d_t .tab_pane ol li {
  position: relative !important;
  padding: 10px 0 10px 28px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4A4540 !important;
  border-bottom: 1px solid #F5F0EA !important;
}

.nrb_p_d_t .tab_pane ul li:last-child,
.nrb_p_d_t .tab_pane ol li:last-child {
  border-bottom: none !important;
}

.nrb_p_d_t .tab_pane ul li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 17px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #F1A37C, #D4714E) !important;
  box-shadow: 0 2px 6px rgba(241, 163, 124, 0.3) !important;
}

.nrb_p_d_t .tab_pane ul li strong,
.nrb_p_d_t .tab_pane ol li strong {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

/* Links inside description */
.nrb_p_d_t .tab_pane a {
  color: #0D8AAD !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.nrb_p_d_t .tab_pane a:hover {
  color: #F1A37C !important;
}

/* Images inside description */
.nrb_p_d_t .tab_pane img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  margin: 16px 0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

/* Tables inside description */
.nrb_p_d_t .tab_pane table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #F0EAE1 !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  margin: 16px 0 !important;
  font-size: 14px !important;
}

.nrb_p_d_t .tab_pane table th {
  background: #FAF7F4 !important;
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  padding: 12px 16px !important;
  text-align: left !important;
  border-bottom: 2px solid #F0EAE1 !important;
}

.nrb_p_d_t .tab_pane table td {
  padding: 11px 16px !important;
  color: #4A4540 !important;
  border-bottom: 1px solid #F5F0EA !important;
}

.nrb_p_d_t .tab_pane table tr:last-child td {
  border-bottom: none !important;
}

.nrb_p_d_t .tab_pane table tr:hover td {
  background: #FFFDF9 !important;
}

/* Blockquotes */
.nrb_p_d_t .tab_pane blockquote {
  border-left: 4px solid #F1A37C !important;
  background: #FDF3ED !important;
  padding: 16px 20px !important;
  margin: 20px 0 !important;
  border-radius: 0 12px 12px 0 !important;
  font-style: italic !important;
  color: #5A534C !important;
}

/* Size / dimension info — e.g., (30 × 22 × 9 cm) */
.nrb_p_d_t .tab_pane p:has(em),
.nrb_p_d_t .tab_pane em {
  font-style: italic !important;
  color: #7A7269 !important;
  font-size: 14px !important;
}

/* ─── Responsive adjustments ─── */
@media (max-width: 767px) {

  .nrb_p_d_t .product_tab_list li,
  .nrb_p_d_t .product_tab_list .product_tab_list__li {
    font-size: 14px !important;
    padding: 14px 18px !important;
  }

  .nrb_p_d_t .tab_pane {
    font-size: 14px !important;
  }

  .nrb_p_d_t .tab_pane p {
    font-size: 14px !important;
  }

  .nrb_p_d_t .tab_pane ul li,
  .nrb_p_d_t .tab_pane ol li {
    font-size: 14px !important;
    padding: 8px 0 8px 24px !important;
  }

  .nrb_p_d_t .tab_pane ul li::before {
    width: 6px !important;
    height: 6px !important;
    top: 15px !important;
  }

  .nrb_p_d_t .bg_p_d_tab {
    border-radius: 18px !important;
  }
}

/* ==========================================================================
   YUMI REVAMP — COLLECTION PAGE REDESIGN (MATCHING collection.html & HTML Benchmark)
   ========================================================================== */

/* ─── Collection Page Body & Main Container ─── */
body.template-collection,
.template-collection,
.template-search,
body.template-search,
.template-collection #MainContent,
.template-search #MainContent {
  background-color: #FFFDF9 !important;
}

/* ─── Breadcrumb & Collection Hero Banner Area ─── */
.breadcrumbs,
.breadcrumbs-section,
body.template-collection .breadcrumbs,
body.template-collection .breadcrumbs-section,
section.collection-hero-section,
.collection-hero {
  background: linear-gradient(135deg, #FDF3ED 0%, #FFFDF9 50%, #EDF8FA 100%) !important;
  border-bottom: 1px solid #F0EAE1 !important;
  padding: 36px 0 28px 0 !important;
  margin-bottom: 0 !important;
}

.breadcrumbs .container,
.breadcrumbs-section .container,
.collection-hero .container {
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.breadcrumbs .page-header__content,
.breadcrumbs-section .page-header__content {
  text-align: center !important;
}

/* Page Title (School Bags / Collection Title) */
.breadcrumbs h1.page_header__title_label,
.breadcrumbs .page_header__title_label,
.collection-hero__title,
.collection-hero h1,
.collection-hero__title.h2 {
  font-family: "Fredoka", "Quicksand", -apple-system, sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
}

/* Breadcrumbs Navigation Links */
.breadcrumbs-list,
.breadcrumbs-list__content,
.breadcrumbs__list,
nav.breadcrumbs-list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.breadcrumbs-list__item,
.breadcrumbs__list {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.breadcrumbs-list__item li,
.breadcrumbs__list li {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 13px !important;
  color: #7A7269 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.breadcrumbs-list__item li a,
.breadcrumbs__list li a {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 13px !important;
  color: #7A7269 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.breadcrumbs-list__item li a:hover,
.breadcrumbs__list li a:hover {
  color: #F1A37C !important;
}

.breadcrumbs-list__item li:last-child,
.breadcrumbs__list li:last-child,
.breadcrumbs__current {
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.breadcrumbs-list__item li:not(:last-child)::after,
.breadcrumbs__list li:not(:last-child)::after {
  content: "/" !important;
  margin-left: 8px !important;
  color: #D6CEC5 !important;
  font-weight: 400 !important;
}

/* Collection description */
.collection-hero__description,
.collection-hero .rte {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 15px !important;
  color: #7A7269 !important;
  line-height: 1.65 !important;
  max-width: 540px !important;
  margin: 10px auto 0 auto !important;
  text-align: center !important;
}

/* ─── Top Filter / Sorting Toolbar ─── */
.filter__toolbox,
.facets-vertical-sort,
.template-search .filter__toolbox,
.facets-container .sorting {
  background: rgba(255, 253, 249, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #F0EAE1 !important;
  padding: 12px 0 !important;
  margin-bottom: 28px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.filter__toolbox .container,
.facets-vertical-sort .container {
  max-width: 1320px !important;
  margin: 0 auto !important;
}

.facets-vertical-form {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.facet-filters {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* ─── Collection Toolbar & Sorting ─── */
.filter__toolbox {
  margin-bottom: 24px !important;
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: visible !important;
}

.facets-vertical-sort {
  margin-left: auto !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: visible !important;
}

.facets-vertical-form {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: visible !important;
}

.facet-filters.sorting {
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: visible !important;
}

.facet-filters__field {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  z-index: 999 !important;
  overflow: visible !important;
}

/* Sort By Pill Button */
.sortby__button,
.facet-filters .sortby__button,
button.sortby__button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 18px !important;
  border-radius: 100px !important;
  border: 1.5px solid #E2D9CE !important;
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 6px rgba(45, 42, 38, 0.03) !important;
  outline: none !important;
}

.sortby__button:hover,
.sortby__button:focus,
.facet-filters__field.active .sortby__button {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.2) !important;
}

.sortby__button svg {
  width: 14px !important;
  height: 14px !important;
  stroke: currentColor !important;
  transition: transform 0.2s ease !important;
}

.facet-filters__field.active .sortby__arrow {
  transform: rotate(180deg) !important;
}

.sortby__button-text strong,
.sortby__current_text {
  color: #F1A37C !important;
  font-weight: 700 !important;
}

/* Sort By Floating Dropdown Menu (Positioned to the Right, Layered ON TOP) */
.filter__sort--by-conatiner,
.facet-filters .filter__sort--by-conatiner,
ul.filter__sort--by-conatiner {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  left: auto !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 48px rgba(45, 42, 38, 0.18) !important;
  padding: 8px !important;
  overflow: hidden !important;
  z-index: 9999999 !important;
  min-width: 220px !important;
  display: none !important;
  margin: 0 !important;
  list-style: none !important;
}

.facet-filters__field.active .filter__sort--by-conatiner,
.facet-filters__field.active ul.filter__sort--by-conatiner {
  display: block !important;
  animation: yumiSortMenuFade 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes yumiSortMenuFade {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

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

.sortlist__Item {
  list-style: none !important;
  margin: 0 0 2px 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.sortlist__Item:last-child {
  margin-bottom: 0 !important;
}

/* Hide theme radio inputs & remove radio circle pseudoelements completely */
.sortlist__Item input[type="radio"],
.sortlist__Item [type="radio"] {
  display: none !important;
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

.sortlist__Item label::before,
.sortlist__Item label::after,
.sortlist__Item [type="radio"]+label::before,
.sortlist__Item [type="radio"]+label::after,
.sortlist__Item [type="radio"].checked+label::before,
.sortlist__Item [type="radio"].checked+label::after,
.sortlist__Item [type="radio"]:not(.checked)+label::before,
.sortlist__Item [type="radio"]:not(.checked)+label::after {
  display: none !important;
  content: none !important;
  border: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

.sortlist__Item label,
.sortlist__Item [type="radio"]+label,
.sortlist__Item [type="radio"].checked+label,
.sortlist__Item [type="radio"]:not(.checked)+label {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #4A4540 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  margin: 0 !important;
  position: relative !important;
  line-height: 1.4 !important;
  text-indent: 0 !important;
}

.sortlist__Item label:hover,
.sortlist__Item [type="radio"]+label:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
  text-decoration: none !important;
}

.sortlist__Item.is-selected label,
.sortlist__Item [type="radio"].checked+label {
  background: #FDF3ED !important;
  color: #D4714E !important;
  font-weight: 700 !important;
}

.sort-check-icon {
  width: 14px !important;
  height: 14px !important;
  stroke: #D4714E !important;
  color: #D4714E !important;
  flex-shrink: 0 !important;
  margin-left: 12px !important;
}

/* Product count text */
.product-count-vertical,
.product-count__text,
#ProductCountDesktop {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #7A7269 !important;
  letter-spacing: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Column View Switcher Buttons */
.product__grid_column_buttons {
  display: inline-flex !important;
  border: 1.5px solid #E2D9CE !important;
  border-radius: 100px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
}

.gird__column_icon {
  width: 36px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #7A7269 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.gird__column_icon:hover {
  color: #2D2A26 !important;
}

.gird__column_icon.active {
  background: #F1A37C !important;
  color: #FFFFFF !important;
}

/* ─── Main Collection Grid Section Layout ─── */
.facets-vertical,
.template-search .facets-vertical {
  display: grid !important;
  grid-template-columns: 270px 1fr !important;
  gap: 32px !important;
  align-items: start !important;
  max-width: 1320px !important;
  margin: 0 auto 60px auto !important;
  padding: 0 20px !important;
}

@media (max-width: 991px) {

  .facets-vertical,
  .template-search .facets-vertical {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding: 0 20px !important;
    margin: 0 auto 40px auto !important;
    box-sizing: border-box !important;
  }
}

/* ─── Left Filter Sidebar Container - Desktop Sticky & Card ─── */
@media screen and (min-width: 990px) {

  .facets-wrapper,
  aside#main-search-filters {
    /* position: sticky !important; */
    top: 100px !important;
    z-index: 10 !important;
    align-self: start !important;
  }

  .facets-container,
  .facets-vertical aside .facets-container,
  .facets-container.filter--inner-spacing-true {
    background: #FFFFFF !important;
    border-radius: 24px !important;
    border: 1.5px solid #F0EAE1 !important;
    padding: 24px 20px !important;
    box-shadow: 0 4px 24px rgba(45, 42, 38, 0.04) !important;
  }
}

/* ─── Mobile Filter Bar (Clean, Non-Sticky, No Giant White Box) ─── */
@media screen and (max-width: 989px) {

  .facets-wrapper,
  aside#main-search-filters,
  .facets-vertical aside,
  #main-collection-filters,
  .mobile-facets__wrapper,
  .facets-container,
  .facets-container-drawer,
  .facets-vertical .facets-container,
  .facets-vertical .facets-wrapper,
  .facets-container.filter--inner-spacing-true,
  .facets-container.filter--radius-true,
  .facets-container[class*="color-background-"],
  .facets-container[class*="gradient"] {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
  }

  .mobile-facets__open-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #FFF8F4 !important;
    border: 1px solid #FCE5D8 !important;
    border-radius: 25px !important;
    padding: 8px 14px !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .mobile-facets__open {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #FFFFFF !important;
    border: 1px solid #E8E2DC !important;
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2B231D !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  }

  .mobile-facets__open svg {
    width: 14px !important;
    height: 14px !important;
    stroke: #F1A37C !important;
    fill: none !important;
  }

  .mobile-facets__count,
  .product-count {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Outfit', sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #7A7067 !important;
  }
}

/* "Filter by" Sidebar Heading */
.facets__heading,
.facets__heading--vertical {
  font-family: "Fredoka", "Quicksand", -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  padding-bottom: 14px !important;
  margin-bottom: 8px !important;
  border-bottom: 1.5px solid #F0EAE1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Active filter tags in sidebar */
.active-facets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

.active-facets-vertical-filter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  margin-bottom: 10px !important;
}

.active-facets__button-inner {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 5px 12px !important;
  background: #FDF3ED !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: #C7785D !important;
  border: 1px solid #F8CDB4 !important;
  white-space: nowrap !important;
  transition: all 0.2s ease !important;
}

.active-facets__button-inner:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-color: #F1A37C !important;
}

.active-facets__button-remove {
  font-family: "Outfit", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #F1A37C !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

.active-facets__button-remove:hover {
  color: #D4714E !important;
}

/* Filter Accordion Group */
.facets__disclosure-vertical {
  border-bottom: 1px solid #F0EAE1 !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

.facets__disclosure-vertical:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.facets__summary {
  padding: 6px 0 !important;
  cursor: pointer !important;
  list-style: none !important;
}

.facets__summary::-webkit-details-marker {
  display: none !important;
}

.facets__summary>div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.facets__summary>div>span,
.facets__summary .facets__summary-title {
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  transition: color 0.2s ease !important;
}

.facets__summary:hover>div>span {
  color: #F1A37C !important;
}

.facets__summary .icon-caret {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  flex-shrink: 0 !important;
  color: #7A7269 !important;
}

details[open]>.facets__summary .icon-caret {
  transform: rotate(180deg) !important;
}

.facets__selected {
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #F1A37C !important;
  background: #FDF3ED !important;
  padding: 2px 7px !important;
  border-radius: 100px !important;
  margin-left: 6px !important;
}

/* ─── Checkbox Facet Items ─── */
.facets__display-vertical {
  padding-top: 6px !important;
}

.facets-wrap-vertical {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.facets-wrap-vertical ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.facets__item {
  margin-bottom: 2px !important;
  list-style: none !important;
}

.facet-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #4A4540 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  position: relative !important;
}

.facet-checkbox:hover {
  color: #F1A37C !important;
}

/* Custom checkbox box */
.checkbox-facet-check {
  width: 19px !important;
  height: 19px !important;
  border: 2px solid #E2D9CE !important;
  border-radius: 5px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: all 0.2s ease !important;
  background: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.facet-checkbox input:checked~.checkbox-facet-check {
  background: #F1A37C !important;
  border-color: #F1A37C !important;
}

.facet-checkbox .icon-checkmark {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #FFFFFF !important;
  opacity: 0 !important;
  transition: opacity 0.15s ease !important;
  z-index: 1 !important;
  width: 10px !important;
  height: 10px !important;
}

.facet-checkbox input:checked~.checkbox-facet-check .icon-checkmark,
.facet-checkbox input:checked~.icon-checkmark {
  opacity: 1 !important;
}

.facet-checkbox input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

.facet__checkbox-count {
  margin-left: auto !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  color: #B5AFA8 !important;
  font-weight: 600 !important;
}

/* ─── Price Range Filter Widget ─── */
.price__widget,
.facets__price {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 0 !important;
}

.price__filter_group,
.facets__price .field {
  flex: 1 !important;
  min-width: 0 !important;
}

.price__filter_group .price__field__label,
.facets__price .field__label {
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #7A7269 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

.input__field_form {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 7px 10px !important;
  border: 1.5px solid #E2D9CE !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  transition: all 0.2s ease !important;
}

.input__field_form:focus-within {
  border-color: #F1A37C !important;
  box-shadow: 0 0 0 3px rgba(241, 163, 124, 0.15) !important;
}

.field-currency {
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #7A7269 !important;
}

.price__filter_input,
input.input__field.price__filter_input,
.facets__price input[type="number"] {
  width: 100% !important;
  border: none !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  outline: none !important;
  -moz-appearance: textfield !important;
  padding: 0 !important;
}

.price__filter_input::-webkit-outer-spin-button,
.price__filter_input::-webkit-inner-spin-button,
.facets__price input::-webkit-outer-spin-button,
.facets__price input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

.price__divider {
  color: #B5AFA8 !important;
  font-size: 13px !important;
  padding: 0 2px !important;
}

/* Price Range Slider */
.Desktop--price__with--slider input[type="range"],
.facets__price-range-slider input[type="range"],
input[type="range"].field__input {
  -webkit-appearance: none !important;
  appearance: none !important;
  height: 5px !important;
  background: #E2D9CE !important;
  border-radius: 5px !important;
  outline: none !important;
  border: none !important;
  width: 100% !important;
  cursor: pointer !important;
  margin: 10px 0 6px 0 !important;
  padding: 0 !important;
}

.Desktop--price__with--slider input[type="range"]::-webkit-slider-thumb,
.facets__price-range-slider input[type="range"]::-webkit-slider-thumb,
input[type="range"].field__input::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #F1A37C !important;
  box-shadow: 0 2px 6px rgba(241, 163, 124, 0.4) !important;
  cursor: pointer !important;
  border: 2.5px solid #FFFFFF !important;
}

.Desktop--price__with--slider input[type="range"]::-moz-range-thumb,
.facets__price-range-slider input[type="range"]::-moz-range-thumb,
input[type="range"].field__input::-moz-range-thumb {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #F1A37C !important;
  box-shadow: 0 2px 6px rgba(241, 163, 124, 0.4) !important;
  cursor: pointer !important;
  border: 2.5px solid #FFFFFF !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   PRODUCT CARD GRID & PRODUCT CARDS (MATCHING collection.html BENCHMARK)
   ══════════════════════════════════════════════════════════════════════════ */

.product-grid-container {
  width: 100% !important;
  min-width: 0 !important;
}

#product-grid .row,
.template-search__results .row {
  margin-left: -10px !important;
  margin-right: -10px !important;
  row-gap: 24px !important;
}

#product-grid .col,
.template-search__results .col {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

/* ─── Product Card Outer Shell ─── */
.product__card,
.product-card,
.template-search .product__card,
#product-grid .product__card {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  border: 1.5px solid #F0EAE1 !important;
  box-shadow: 0 2px 10px rgba(45, 42, 38, 0.03) !important;
  overflow: hidden !important;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.product__card:hover,
.product-card:hover,
.template-search .product__card:hover,
#product-grid .product__card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 36px rgba(45, 42, 38, 0.09) !important;
  border-color: #F8CDB4 !important;
}

/* ─── Product Card Thumbnail Image Box ─── */
.product__card__thumbnail,
.product-card__image-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  background: #FAF7F4 !important;
  border-radius: 18px 18px 0 0 !important;
  overflow: hidden !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.product__card__thumbnail .product__media_thumbnail,
.product__card__thumbnail .product__card--link,
.product__card__thumbnail a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.product__card__thumbnail .media,
.product__card .media {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
  padding-bottom: 0 !important;
  /* Overrides 100% padding-bottom collapse */
  overflow: hidden !important;
  background: transparent !important;
}

.product__card__thumbnail .media>img,
.product__card__thumbnail img,
.product-card__image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease !important;
}

/* Secondary image transition on card hover */
.product__card .media>img.secondary__img,
.product__card__thumbnail .secondary__img {
  opacity: 0 !important;
  z-index: 1 !important;
}

.product__card:hover .media>img.secondary__img,
.product__card:hover .secondary__img {
  opacity: 1 !important;
}

.product__card:hover .media>img:first-child:not(:only-child) {
  opacity: 0 !important;
}

.product__card:hover .product__card__thumbnail img,
.product__card:hover .product-card__image {
  transform: scale(1.06) !important;
}

/* ─── Badges (Sale / New) Top-Left ─── */
.product__card__badges,
.product-card__badges,
.product-badges {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 7 !important;
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  pointer-events: none !important;
}

.product__card__badges .badge,
.premium-sale-badge,
.badge--sale,
.badge-sale {
  background: #E74C3C !important;
  color: #FFFFFF !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  box-shadow: 0 2px 8px rgba(231, 76, 60, 0.3) !important;
  border: none !important;
  line-height: 1.2 !important;
}

.premium-sale-badge .sale-percent {
  font-weight: 800 !important;
}

.premium-sale-badge .sale-text {
  font-size: 10px !important;
  font-weight: 700 !important;
  opacity: 0.95 !important;
}

.badge--new,
.badge-new {
  background: #0D8AAD !important;
  color: #FFFFFF !important;
  padding: 4px 10px !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(13, 138, 173, 0.3) !important;
}

/* ─── Wishlist Heart Button Top-Right ─── */
.product-card__wishlist-wrap,
.product__card .product-card__wishlist-wrap {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 7 !important;
  display: block !important;
}

.product__card--wishlist-btn,
.product__card .wishlist__button,
.product-card__wishlist,
.product__card-style2--action-btn,
.product__card button-wishlist button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 7 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(45, 42, 38, 0.1) !important;
  border: 1px solid rgba(226, 217, 206, 0.7) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #4A4540 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  padding: 0 !important;
  outline: none !important;
}

.product-card__wishlist-wrap .product__card--wishlist-btn {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}

.product__card--wishlist-btn:hover,
.product__card .wishlist__button:hover,
.product-card__wishlist:hover,
.product__card-style2--action-btn:hover {
  background: #FFFFFF !important;
  color: #E74C3C !important;
  border-color: #F8CDB4 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 6px 16px rgba(231, 76, 60, 0.2) !important;
}

.product__card--wishlist-btn svg,
.product__card .wishlist__button svg,
.product-card__wishlist svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
  stroke: none !important;
}

/* ─── QUICK ADD Button (HTML Design Parity) ─── */
.product-card__quick-add,
.product__cart--wrapper.product__card--style2,
.product__card__thumbnail .product__cart--wrapper {
  position: absolute !important;
  bottom: 12px !important;
  left: 12px !important;
  right: 12px !important;
  z-index: 6 !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  pointer-events: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product__card:hover .product-card__quick-add,
.product__card:hover .product__cart--wrapper.product__card--style2,
.product__card:hover .product__card__thumbnail .product__cart--wrapper {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* The Teal Pill Button */
.product-card__quick-add-btn,
.product__card--cart-btn.button.product__card--style2,
.product__card__thumbnail .product__card--action-btn,
.product__card__thumbnail button[type="submit"],
.product__card__thumbnail .product__quick_view {
  width: 100% !important;
  padding: 11px 18px !important;
  background: #35819D !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(53, 129, 157, 0.35) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

.product-card__quick-add-btn:hover,
.product__card--cart-btn.button.product__card--style2:hover,
.product__card__thumbnail .product__card--action-btn:hover,
.product__card__thumbnail button[type="submit"]:hover,
.product__card__thumbnail .product__quick_view:hover {
  background: #27647B !important;
  transform: scale(1.02) !important;
  box-shadow: 0 6px 18px rgba(53, 129, 157, 0.45) !important;
}

.product-card__quick-add-btn .action__btn--svg,
.product__card__thumbnail .action__btn--svg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.product-card__quick-add-btn svg,
.product__card__thumbnail .action__btn--svg svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #FFFFFF !important;
  color: #FFFFFF !important;
}

.product-card__quick-add-btn .cart__buton--label,
.product__card__thumbnail .cart__buton--label {
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  color: #FFFFFF !important;
}

/* Always show Quick Add on Mobile / Touch screens */
@media (max-width: 991px) {

  .product-card__quick-add,
  .product__cart--wrapper.product__card--style2,
  .product__card__thumbnail .product__cart--wrapper {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    bottom: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }

  .product-card__quick-add-btn,
  .product__card--cart-btn.button.product__card--style2,
  .product__card__thumbnail .product__card--action-btn {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
}

/* ─── Card Content / Body Area ─── */
.product__card__content,
.product-card__info {
  padding: 12px 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  text-align: left !important;
  gap: 3px !important;
  justify-content: flex-start !important;
}

/* Product Card Title */
.product__card__title,
.product-card__title,
.product__card-title--link {
  font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  line-height: 1.3 !important;
  margin: 0 0 2px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
  min-height: unset !important;
  height: auto !important;
}

.product__card__title a,
.product-card__title a {
  color: #2D2A26 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.product__card__title a:hover,
.product-card__title a:hover,
.product__card-title--link:hover {
  color: #F1A37C !important;
}

/* Hide rating stars on collection product cards */
.trustshop-collection-rating--item,
.product__card .rating,
.product__card__content .rating,
.product-card__rating {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Price Row in Card (Single Clean Row with Sale, Original, and Discount %) */
.product__card__price,
.product__card .price,
.product__card__content .price,
.product-card__price,
.price,
.product__card .price.justify-content-center,
.product__card__content .price.justify-content-center {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin-top: 4px !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.product__card .price dl,
.product__card__content .price dl,
.price dl {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
}

.product__card .price__regular,
.product__card__content .price__regular,
.price__regular {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  text-align: left !important;
  margin: 0 !important;
}

.product__card .price__sale,
.product__card__content .price__sale,
.price__sale {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 8px !important;
  margin: 0 !important;
}

/* Hide regular price when on sale */
.product__card .price--on-sale .price__regular,
.product__card__content .price--on-sale .price__regular,
.price--on-sale .price__regular,
.price--on-sale>dl>.price__regular {
  display: none !important;
}

/* Hide sale price block when not on sale */
.product__card .price:not(.price--on-sale) .price__sale,
.product__card__content .price:not(.price--on-sale) .price__sale,
.price:not(.price--on-sale) .price__sale,
.price:not(.price--on-sale)>dl>.price__sale {
  display: none !important;
}

/* Order the dd children inside .price__sale */
.price__sale dd.price__last {
  order: 1 !important;
  margin: 0 !important;
}

.price__sale dd.price__compare {
  order: 2 !important;
  margin: 0 !important;
}

/* Current Sale Price & Strikethrough (Desktop View) */
@media screen and (min-width: 750px) {

  .product__card .price-item--sale,
  .product__card .price-item--last,
  .product-card__price-current,
  .product__card .price__sale .price-item--sale,
  .product__card .price__regular .price-item--regular,
  .product__card__content .price-item,
  .price-item--sale,
  .price__last .price-item {
    font-family: "Fredoka", "Quicksand", "Nunito", -apple-system, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
  }

  .product__card .price__sale .price-item--regular,
  .product__card .price__compare,
  .product__card .price__compare .price-item--regular,
  .product__card s.price-item,
  .product__card .price__compare s,
  .product-card__price-original,
  .price__compare .price-item,
  .price__compare s {
    font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #8E8378 !important;
    text-decoration: line-through !important;
    display: inline-block !important;
    margin: 0 !important;
  }
}

/* Save Discount Percentage Tag (Desktop Only) */
@media screen and (min-width: 750px) {

  .product__card .price__save-percent,
  .product__card__content .price__save-percent,
  .product-card__price-discount,
  .product__card .save__disoucnt,
  .price__save-percent {
    font-family: "Nunito", "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #E74C3C !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    order: 3 !important;
    margin-left: 2px !important;
  }
}

@media screen and (max-width: 749px) {

  .product__card .price__save-percent,
  .product__card__content .price__save-percent,
  .product-card__price-discount,
  .product__card .save__disoucnt,
  .price__save-percent {
    display: none !important;
    visibility: hidden !important;
  }
}

/* Hide fallback action buttons when rendered inside body */
.product-card-action-buttons {
  margin-top: 10px !important;
  width: 100% !important;
}


/* ─── Pagination ─── */
.pagination,
.pagination__list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 40px 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pagination__item a,
.pagination__item span,
.pagination-item {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #4A4540 !important;
  border: 1.5px solid #E2D9CE !important;
  background: #FFFFFF !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(45, 42, 38, 0.02) !important;
}

.pagination__item a:hover,
.pagination-item:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
}

.pagination__item--current span,
.pagination__item--current a,
.pagination-item.active {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-color: #F1A37C !important;
  box-shadow: 0 2px 8px rgba(241, 163, 124, 0.3) !important;
}

/* ─── Mobile Filters Drawer ─── */
@media (max-width: 991px) {
  .facets-container {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .mobile-facets__open {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 18px !important;
    border-radius: 100px !important;
    border: 1.5px solid #E2D9CE !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
  }

  .mobile-facets__open:hover {
    border-color: #F1A37C !important;
    color: #F1A37C !important;
  }

  .mobile-facets__wrapper {
    background: #FFFFFF !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
  }

  .mobile-facets__header {
    padding: 18px 20px !important;
    border-bottom: 1px solid #F0EAE1 !important;
  }

  .mobile-facets__heading {
    font-family: "Fredoka", "Quicksand", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
  }
}

/* ─── Modal & Pop-up Overrides (Ensures Forms / Modals are in Front of Sticky Images) ─── */
.product-popup-modal,
.product-media-modal,
.modal,
.quick-view-modal,
.modal-dialog,
.modal-backdrop,
.offcanvas {
  z-index: 99999 !important;
}

.product-popup-modal[open],
.product-media-modal[open] {
  z-index: 99999 !important;
}

.product-popup-modal__content {
  border-radius: 20px !important;
  border: 1.5px solid #F0EAE1 !important;
  box-shadow: 0 20px 60px rgba(45, 42, 38, 0.2) !important;
  background: #FFFFFF !important;
}

/* ==========================================================================
   YUMI KIDS BENTO GRID COLLECTIONS HUB (ULTRA PREMIUM & RESPONSIVE)
   ========================================================================== */

/* ─── 1. Hero Section ─── */
.collections-hero {
  position: relative !important;
  background: linear-gradient(135deg, #FFF6F0 0%, #FFFDF9 50%, #F0F9FB 100%) !important;
  padding: 50px 0 40px 0 !important;
  text-align: center !important;
  overflow: hidden !important;
  border-bottom: 1px solid #F0EAE1 !important;
}

.collections-hero__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}

.collections-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 18px !important;
  background: #FFFFFF !important;
  border-radius: 9999px !important;
  font-family: "Outfit", -apple-system, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #0D8AAD !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 14px rgba(13, 138, 173, 0.1) !important;
  border: 1px solid #E1F2F7 !important;
}

.collections-hero__title {
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: clamp(28px, 4.5vw, 46px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
  color: #2D2A26 !important;
}

.collections-hero__title .highlight--peach {
  color: #F1A37C !important;
}

.collections-hero__desc {
  font-family: "Nunito", "Outfit", sans-serif !important;
  font-size: 15.5px !important;
  color: #7A7269 !important;
  line-height: 1.6 !important;
  margin: 0 auto !important;
}

.collections-hero__shapes {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.collections-hero__shape {
  position: absolute !important;
  border-radius: 50% !important;
  filter: blur(40px) !important;
  opacity: 0.25 !important;
}

.collections-hero__shape--1 {
  width: 320px !important;
  height: 320px !important;
  background: #F1A37C !important;
  top: -80px !important;
  right: 5% !important;
}

.collections-hero__shape--2 {
  width: 260px !important;
  height: 260px !important;
  background: #75C6DC !important;
  bottom: -60px !important;
  left: 4% !important;
}

.collections-hero__shape--3 {
  width: 180px !important;
  height: 180px !important;
  background: #E5D4F5 !important;
  top: 20% !important;
  left: 40% !important;
}

/* ─── 2. Curated Theme Strip ─── */
.curated-theme-strip {
  background: #FFFFFF !important;
  border-bottom: 1px solid #F0EAE1 !important;
  padding: 14px 0 !important;
  top: var(--header-height, 70px) !important;
  z-index: 9 !important;
  box-shadow: 0 4px 16px rgba(45, 42, 38, 0.03) !important;
}

.curated-theme-strip__inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  overflow: hidden !important;
}

.curated-theme-strip__header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

.curated-theme-strip__badge {
  font-family: "Outfit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #C7785D !important;
  background: #FFF4ED !important;
  border: 1px solid #F8CDB4 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  white-space: nowrap !important;
}

.curated-theme-strip__scroll {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 4px 0 !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.curated-theme-strip__scroll::-webkit-scrollbar {
  display: none !important;
}

.curated-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  border-radius: 9999px !important;
  background: #FAF7F4 !important;
  border: 1.5px solid #F0EAE1 !important;
  color: #2D2A26 !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(45, 42, 38, 0.02) !important;
}

.curated-pill:hover {
  background: #FFF4ED !important;
  border-color: #F1A37C !important;
  color: #C7785D !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.15) !important;
}

.curated-pill--all {
  background: #FFF4ED !important;
  border-color: #F8CDB4 !important;
  color: #C7785D !important;
}

/* ─── 3. Collections Grid Architecture (Mockup Exact Match) ─── */
.collections-grid-section {
  background: #FFFDF9 !important;
  padding: 50px 0 80px 0 !important;
}

/* Boxed Grid Container so cards never stretch excessively */
.collections-grid-container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.collections-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: 320px !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Card Base - All cards have exact equal height */
.collection-hub-card {
  position: relative !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  height: 100% !important;
  min-height: 320px !important;
  cursor: pointer !important;
  display: block !important;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(45, 42, 38, 0.08) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: #FAF7F4 !important;
  box-sizing: border-box !important;
}

.collection-hub-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: 0 20px 45px rgba(45, 42, 38, 0.16) !important;
}

/* Featured / Wide Card - Same equal height, spanning 2 columns */
.collection-hub-card--featured {
  grid-column: span 2 !important;
  height: 100% !important;
  min-height: 320px !important;
}

/* Card Background Image */
.collection-hub-card__image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.collection-hub-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.collection-hub-card:hover .collection-hub-card__image img {
  transform: scale(1.08) !important;
}

/* Fallback Card Placeholder when no image is uploaded */
.collection-hub-card__placeholder {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #FFF4ED 0%, #FAF7F4 100%) !important;
}

.collection-hub-card__placeholder-icon {
  font-size: 54px !important;
}

/* Card Overlay with Gradient Scrim */
.collection-hub-card__overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.40) 45%, rgba(0, 0, 0, 0.08) 80%, transparent 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 28px 24px !important;
  color: #FFFFFF !important;
  box-sizing: border-box !important;
  z-index: 2 !important;
  transition: background 0.35s ease !important;
}

.collection-hub-card:hover .collection-hub-card__overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.50) 45%, rgba(0, 0, 0, 0.12) 80%, transparent 100%) !important;
}

/* Card Count */
.collection-hub-card__count {
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  font-weight: 700 !important;
  opacity: 0.85 !important;
  margin-bottom: 4px !important;
  color: #FFFFFF !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Card Title */
.collection-hub-card__title {
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin: 0 0 6px 0 !important;
  color: #FFFFFF !important;
  line-height: 1.2 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
  transition: transform 0.3s ease !important;
}

.collection-hub-card--featured .collection-hub-card__title {
  font-size: 28px !important;
}

/* Card Description */
.collection-hub-card__desc {
  font-family: "Nunito", "Outfit", sans-serif !important;
  font-size: 13px !important;
  opacity: 0.9 !important;
  line-height: 1.45 !important;
  margin: 0 0 12px 0 !important;
  max-width: 420px !important;
  color: rgba(255, 255, 255, 0.95) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

/* Card CTA Action */
.collection-hub-card__cta {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  color: #FFFFFF !important;
  opacity: 0 !important;
  transform: translateY(10px) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.collection-hub-card__cta svg {
  width: 18px !important;
  height: 18px !important;
  transition: transform 0.3s ease !important;
  stroke-width: 2 !important;
}

.collection-hub-card:hover .collection-hub-card__cta {
  opacity: 1 !important;
  transform: translateY(0) !important;
  color: #F1A37C !important;
}

.collection-hub-card:hover .collection-hub-card__cta svg {
  transform: translateX(4px) !important;
}

/* Fallback Card text styling */
.collection-hub-card--no-image .collection-hub-card__overlay {
  background: linear-gradient(to top, rgba(45, 42, 38, 0.88) 0%, rgba(45, 42, 38, 0.45) 55%, transparent 100%) !important;
}

/* ─── 4. Responsive Breakpoints ─── */
@media (max-width: 992px) {
  .collections-grid-section {
    padding: 40px 0 60px 0 !important;
  }

  .collections-grid-container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .collections-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-auto-rows: 280px !important;
    gap: 18px !important;
  }

  .collection-hub-card--featured {
    grid-column: span 2 !important;
    height: 100% !important;
    min-height: 280px !important;
  }

  .collection-hub-card {
    height: 100% !important;
    min-height: 280px !important;
  }

  .collection-hub-card__cta {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .collections-hero {
    padding: 36px 0 28px 0 !important;
  }

  .collections-grid-section {
    padding: 24px 0 50px 0 !important;
  }

  .collections-grid-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .collections-grid {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
  }

  .collection-hub-card--featured,
  .collection-hub-card {
    grid-column: span 1 !important;
    height: 220px !important;
    min-height: 220px !important;
    border-radius: 20px !important;
  }

  .collection-hub-card__overlay {
    padding: 20px 18px !important;
  }

  .collection-hub-card__title,
  .collection-hub-card--featured .collection-hub-card__title {
    font-size: 20px !important;
  }

  .collection-hub-card__desc {
    font-size: 12.5px !important;
    -webkit-line-clamp: 2 !important;
    margin-bottom: 8px !important;
  }

  .collection-hub-card__cta {
    opacity: 1 !important;
    transform: none !important;
  }

  .curated-theme-strip {
    top: var(--header-height, 60px) !important;
    padding: 10px 0 !important;
  }

  .curated-pill {
    padding: 6px 13px !important;
    font-size: 12px !important;
  }
}

/* Hide fallback action buttons when rendered inside body */
.product-card-action-buttons {
  margin-top: 10px !important;
  width: 100% !important;
}


/* ─── Pagination ─── */
.pagination,
.pagination__list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 40px 0 20px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pagination__item a,
.pagination__item span,
.pagination-item {
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #4A4540 !important;
  border: 1.5px solid #E2D9CE !important;
  background: #FFFFFF !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(45, 42, 38, 0.02) !important;
}

.pagination__item a:hover,
.pagination-item:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
}

.pagination__item--current span,
.pagination__item--current a,
.pagination-item.active {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-color: #F1A37C !important;
  box-shadow: 0 2px 8px rgba(241, 163, 124, 0.3) !important;
}

/* ─── Mobile Filters Drawer ─── */
@media (max-width: 991px) {
  .facets-container {
    border-radius: 0 !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .mobile-facets__open {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 18px !important;
    border-radius: 100px !important;
    border: 1.5px solid #E2D9CE !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    background: #FFFFFF !important;
    transition: all 0.2s ease !important;
  }

  .mobile-facets__open:hover {
    border-color: #F1A37C !important;
    color: #F1A37C !important;
  }

  .mobile-facets__wrapper {
    background: #FFFFFF !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
  }

  .mobile-facets__header {
    padding: 18px 20px !important;
    border-bottom: 1px solid #F0EAE1 !important;
  }

  .mobile-facets__heading {
    font-family: "Fredoka", "Quicksand", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
  }
}

/* ─── Modal & Pop-up Overrides (Ensures Forms / Modals are in Front of Sticky Images) ─── */
.product-popup-modal,
.product-media-modal,
.modal,
.quick-view-modal,
.modal-dialog,
.modal-backdrop,
.offcanvas {
  z-index: 99999 !important;
}

.product-popup-modal[open],
.product-media-modal[open] {
  z-index: 99999 !important;
}

.product-popup-modal__content {
  border-radius: 20px !important;
  border: 1.5px solid #F0EAE1 !important;
  box-shadow: 0 20px 60px rgba(45, 42, 38, 0.2) !important;
  background: #FFFFFF !important;
}

/* ═══════════════════════════════════════════════════════════
   COLLECTIONS HUB PAGE (collections.html Parity)
   ═══════════════════════════════════════════════════════════ */

/* Collections Hero */
.collections-hero {
  position: relative !important;
  background: linear-gradient(135deg, #FDF3ED 0%, #FFFDF9 50%, #E8F4F8 100%) !important;
  padding: 60px 0 !important;
  overflow: hidden !important;
  text-align: center !important;
}

.collections-hero__content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.collections-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 20px !important;
  background: #FFFFFF !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #35819D !important;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 12px rgba(53, 129, 157, 0.08) !important;
}

.collections-hero__title {
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  margin-bottom: 14px !important;
  color: #2D2A26 !important;
}

.collections-hero__title .highlight--peach {
  color: #F1A37C !important;
}

.collections-hero__desc {
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  color: #7A7570 !important;
  line-height: 1.65 !important;
  margin: 0 auto !important;
}

.collections-hero__shapes {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
}

.collections-hero__shape {
  position: absolute !important;
  border-radius: 50% !important;
  opacity: 0.15 !important;
}

.collections-hero__shape--1 {
  width: 260px !important;
  height: 260px !important;
  background: #F1A37C !important;
  top: -60px !important;
  right: 8% !important;
}

.collections-hero__shape--2 {
  width: 190px !important;
  height: 190px !important;
  background: #35819D !important;
  bottom: -40px !important;
  left: 6% !important;
}


.yumi-product-gallery__main-img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}

/* ==========================================================================
   PRODUCT ACCORDION REDESIGN (SINGLE CLEAN BORDER)
   ========================================================================== */
.product__accordion.accordion,
.product__accordion {
  border: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.product__accordion.accordion details,
.product__accordion details {
  border: 1px solid #E2D9CE !important;
  border-radius: 16px !important;
  background: #FFFFFF !important;
  overflow: hidden !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
}

.product__accordion.accordion summary,
.product__accordion details summary,
.accordion summary {
  padding: 16px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border: none !important;
  outline: none !important;
  background: transparent !important;
}

.product__accordion.accordion .summary__title,
.accordion .summary__title {
  display: flex !important;
  align-items: center !important;
  flex: 1 !important;
}

.product__accordion.accordion .accordion__title,
.accordion .accordion__title {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--yumi-text) !important;
  font-family: var(--yumi-font-heading) !important;
}

/* Hide the left icon */
.product__accordion.accordion .icon-accordion,
.accordion .icon-accordion {
  display: none !important;
}

.product__accordion.accordion .accordion__content,
.accordion .accordion__content {
  padding: 0 20px 20px !important;
  margin: 0 !important;
}


/* Curated Strip Scroll */
.curated-strip {
  padding: 40px 0 60px 0 !important;
  background: #FFFDF9 !important;
}

.curated-strip .section-title {
  font-family: "Fredoka", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin-bottom: 6px !important;
}

.curated-strip .section-subtitle {
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  color: #7A7570 !important;
  margin-bottom: 24px !important;
}

.curated-strip__scroll {
  display: flex !important;
  gap: 12px !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  padding-bottom: 12px !important;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

.curated-strip__scroll::-webkit-scrollbar {
  display: none !important;
}

.curated-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 22px !important;
  border-radius: 100px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #E2D9CE !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(45, 42, 38, 0.03) !important;
}

.curated-pill:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(241, 163, 124, 0.18) !important;
}

.curated-pill__emoji {
  font-size: 1.2rem !important;
}

.curated-pill--sale {
  border-color: #E24A4A !important;
  color: #E24A4A !important;
  background: #FFF2F2 !important;
}

/* ═══════════════════════════════════════════════════════════
   CART DRAWER & FREE SHIPPING BAR POLISH
   ═══════════════════════════════════════════════════════════ */

.cart__shipping--threshold {
  padding: 16px 32px !important;
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: 1px solid #E8E2DC !important;
}

.shipping--bar-message {
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4A4540 !important;
  margin-bottom: 8px !important;
  display: block !important;
  text-align: center !important;
}

.shipping--bar-message strong,
.shipping--bar-message b {
  color: #D4714E !important;
  font-weight: 700 !important;
}

.percent_shipping_bar_wrapper {
  border-radius: 6px !important;
  height: 6px !important;
  background: #FAF7F4 !important;
  overflow: hidden !important;
  position: relative !important;
  border: none !important;
  margin-bottom: 8px !important;
}

.percent_shipping_bar {
  border-radius: 100px !important;
  background: linear-gradient(90deg, #F1A37C 0%, #35819D 100%) !important;
  height: 100% !important;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Custom Personalisation Line Item Badges in Cart */
.yumi-custom-badge,
.cart-notification-product__option,
.product-option {
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  color: #5A5550 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 8px !important;
  background: #FAF7F4 !important;
  border-radius: 6px !important;
  margin-top: 4px !important;
  border: 1px solid #F0EAE1 !important;
}

/* Cart Checkout Pill CTA */
.mini--cart-drawer-footer .button--primary,
.cart-notification__links .button--primary,
.cart__checkout-button {
  background: #35819D !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 14px 28px !important;
  box-shadow: 0 4px 14px rgba(53, 129, 157, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: none !important;
}

.mini--cart-drawer-footer .button--primary:hover,
.cart-notification__links .button--primary:hover,
.cart__checkout-button:hover {
  background: #27647B !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(53, 129, 157, 0.35) !important;
}

/* ═══════════════════════════════════════════════════════════
   SEARCH PAGE POLISH
   ═══════════════════════════════════════════════════════════ */
.template-search .filter__toolbox {
  margin-bottom: 24px !important;
  position: relative !important;
  z-index: 999 !important;
  overflow: visible !important;
}



/* ═══════════════════════════════════════════════════════════
   QUICK ADD BUTTON ICON & ALIGNMENT FIX
   ═══════════════════════════════════════════════════════════ */
.product__card--action-btn,
.product__card--cart-btn,
.product__quick_view,
.product-card__quick-add-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.product__card--action-btn svg,
.product__card--cart-btn svg,
.product__quick_view svg,
.action__btn--svg svg,
.quick-add__icon-svg {
  fill: none !important;
  stroke: #FFFFFF !important;
  stroke-width: 2 !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ═══════════════════════════════════════════════════════════
   SEARCH OVERLAY FLOATING MODAL (EXACT HTML PROTOTYPE DESIGN)
   ═══════════════════════════════════════════════════════════ */
#predictive__search_overlay,
.search-overlay,
#predictive__search_overlay.predictive--search-drawer,
#predictive__search_overlay:not(.predictive--search-drawer) {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: 100vw !important;
  background: rgba(45, 42, 38, 0.45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  z-index: 99999999 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 15vh !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: none !important;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
  box-shadow: none !important;
  border: none !important;
}

#predictive__search_overlay.active,
.search-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Modal Card Box */
.search-overlay__box,
.search__content_inner,
.search__content_inner:not(.predictive--search-drawer-inner),
.predictive--search-drawer-inner {
  background: #FFFFFF !important;
  border-radius: 28px !important;
  padding: 32px !important;
  width: 90% !important;
  max-width: 640px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18) !important;
  transform: translateY(-20px) scale(0.95) !important;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  position: relative !important;
  margin: 0 auto !important;
  height: auto !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  display: block !important;
  border: none !important;
}

#predictive__search_overlay.active .search-overlay__box,
#predictive__search_overlay.active .search__content_inner,
.search-overlay.active .search-overlay__box {
  transform: translateY(0) scale(1) !important;
}

/* Search Form */
.search-overlay__box form,
.search-modal__form,
.search.search-modal__form {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

/* Input Wrap */
.search-overlay__input-wrap,
.search__input_field.input__field_form {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 22px !important;
  border: 2px solid #35819D !important;
  border-radius: 100px !important;
  background: #FFFFFF !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.search-overlay__input-wrap:focus-within,
.search__input_field.input__field_form:focus-within {
  border-color: #0D8AAD !important;
  box-shadow: 0 0 0 4px rgba(13, 138, 173, 0.15) !important;
}

.search-overlay__input-wrap svg,
.search__input_field svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #35819D !important;
  fill: none !important;
  stroke-width: 2 !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.search-overlay__input,
.search__input.input__field,
#Search-In-Modal {
  flex: 1 !important;
  border: none !important;
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  outline: none !important;
  padding: 0 !important;
  width: 100% !important;
  box-shadow: none !important;
}

.search-overlay__input::placeholder,
.search__input.input__field::placeholder,
#Search-In-Modal::placeholder {
  color: #9C9589 !important;
  font-family: "Fredoka", "Quicksand", sans-serif !important;
  font-size: 16px !important;
}

/* Tag Chips */
.search-overlay__tags {
  padding: 18px 0 0 0 !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

.badge--tag,
.badge.badge--tag,
.search-suggestion-tag {
  display: inline-flex !important;
  align-items: center !important;
  background: #FFF4ED !important;
  color: #D4714E !important;
  border: 1.5px solid #F8CBB6 !important;
  border-radius: 100px !important;
  padding: 7px 18px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
}

.badge--tag:hover,
.badge.badge--tag:hover,
.search-suggestion-tag:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-color: #F1A37C !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.35) !important;
}

/* Close Button at top-right of screen */
.search-overlay__close,
#search__close_btn,
button#search__close_btn {
  position: fixed !important;
  top: 24px !important;
  right: 28px !important;
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  color: #2D2A26 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 10000000 !important;
  transition: all 0.2s ease !important;
  padding: 0 !important;
  margin: 0 !important;
}

.search-overlay__close:hover,
#search__close_btn:hover {
  background: #FDF3ED !important;
  color: #F1A37C !important;
  transform: scale(1.08) !important;
}

.search-overlay__close svg,
#search__close_btn svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  fill: none !important;
}

/* Predictive Search Results Dropdown inside Modal */
.predictive-search-drawer-result,
.predictive-search--header {
  position: static !important;
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  margin-top: 16px !important;
  max-height: 380px !important;
  overflow-y: auto !important;
}

.predictive-search__results-list {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.predictive-search__list-item {
  border-radius: 14px !important;
  background: #FAF7F4 !important;
  margin-bottom: 8px !important;
  border: 1px solid #F0EAE1 !important;
  transition: all 0.2s ease !important;
  overflow: hidden !important;
}

.predictive-search__list-item:hover {
  border-color: #F8CBB6 !important;
  background: #FFFDFB !important;
  transform: translateY(-2px) !important;
}

.predictive-search__item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 16px !important;
  text-decoration: none !important;
}

.predictive-search__image {
  width: 60px !important;
  height: 60px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
}

.predictive-search__item-heading {
  font-family: "Fredoka", sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin: 0 0 4px 0 !important;
}

.predictive-search__item .price {
  font-family: "Fredoka", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0D8AAD !important;
}

@media (max-width: 767px) {

  #predictive__search_overlay,
  .search-overlay {
    padding-top: 8vh !important;
  }

  .search-overlay__box,
  .search__content_inner {
    padding: 20px 16px !important;
    border-radius: 20px !important;
  }

  .search-overlay__close,
  #search__close_btn {
    top: 14px !important;
    right: 14px !important;
    width: 40px !important;
    height: 40px !important;
  }
}

.filter__toolbox,
.facets-vertical-sort,
.template-search .filter__toolbox {
  background: transparent !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 8px 0 !important;
  margin-bottom: 20px !important;
  position: relative !important;
  z-index: 10 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ═══════════════════════════════════════════════════════════
   ELIMINATE PDP TOP GAP
   ═══════════════════════════════════════════════════════════ */
.yumi-product-page-section,
.section-main-product,
.main-product-section {
  padding-top: 15px !important;
  padding-bottom: 60px !important;
  margin-top: 0 !important;
}

.yumi-product-container,
.yumi-product-gallery,
.yumi-product-info-wrap {
  margin-top: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   CART SLIDE DRAWER POLISH (#mini-cart-drawer / .cart-notification)
   ═══════════════════════════════════════════════════════════ */
#mini-cart-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #FFFFFF !important;
  box-shadow: -10px 0 40px rgba(45, 42, 38, 0.15) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  max-width: 440px !important;
  width: 100% !important;
  z-index: 9999999 !important;
  font-family: 'Nunito', sans-serif !important;
  transform: translateX(105%) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
}

#mini-cart-drawer.active,
#mini-cart-drawer.animate.active {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.cart_notification_topbar {
  padding: 20px 24px 16px 24px !important;
  border-bottom: 1px solid #F0EAE1 !important;
}

.cart-notification__header h2,
.cart-notification__heading,
.item__success_message {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin: 0 !important;
}

.cart-notification__close {
  background: #FAF7F4 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2D2A26 !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.cart-notification__close:hover {
  background: #F1A37C !important;
  color: #FFFFFF !important;
}

/* Cart Items in Drawer */
.cart-notification .cart__items {
  padding: 16px 24px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.cart-notification-product {
  padding: 14px !important;
  background: #FAF7F4 !important;
  border-radius: 16px !important;
  margin-bottom: 12px !important;
  border: 1px solid #F0EAE1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  transition: all 0.2s ease !important;
}

.cart-notification-product:hover {
  border-color: #F8CBB6 !important;
}

.cart-notification-product__image {
  width: 74px !important;
  height: 74px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  border: 1px solid #E2D9CE !important;
  margin: 0 !important;
}

.cart-notification-product__info {
  flex: 1 !important;
}

.cart-notification-product__name,
.cart-notification-product__name a {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  text-decoration: none !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
}

.cart-notification-product__name a:hover {
  color: #F1A37C !important;
}

.cart-notification-product__info .price {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0D8AAD !important;
  margin-top: 4px !important;
  display: inline-block !important;
}

.cart-notification-product__info .quantity {
  height: 36px !important;
  border-radius: 100px !important;
  border: 1.5px solid #E2D9CE !important;
  background: #FFFFFF !important;
  width: 110px !important;
  display: flex !important;
  align-items: center !important;
}

.cart-notification-product__info .quantity__input {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.cart-close-icon a,
cart-remove-button-2 a,
.cart-item__remove-wrapper a,
.bundle-remove-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: #FEE8E5 !important;
  color: #E74C3C !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
}

.cart-close-icon a:hover,
cart-remove-button-2 a:hover,
.cart-item__remove-wrapper a:hover,
.bundle-remove-btn:hover {
  background: #E74C3C !important;
  color: #FFFFFF !important;
}

/* Cart Addons Styling */
.cart-item__addons {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-top: 10px !important;
  margin-bottom: 12px !important;
}

.cart-item__addon {
  font-family: 'Nunito', sans-serif !important;
  font-size: 13px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  line-height: 1.4 !important;
  color: #2D2A26 !important;
  background: #F8F8F8 !important;
  border: 1px solid #EAEAEA !important;
}

.cart-item__addon--patch {
  background: #FDECEB !important;
  border-color: #F5D6D2 !important;
  color: #9C3F35 !important;
}

.cart-item__addon--tag {
  background: #EEF5FA !important;
  border-color: #CFE2F3 !important;
  color: #35678B !important;
}

.cart-item__addon--print {
  background: #E8F5E9 !important;
  border-color: #C8E6C9 !important;
  color: #2E7D32 !important;
}

.addon-price-tag {
  color: inherit !important;
  font-weight: 700 !important;
  opacity: 0.8 !important;
}

/* Drawer Footer */
.mini--cart-drawer-footer {
  background: #FFFFFF !important;
  border-top: 1px solid #F0EAE1 !important;
  padding: 16px 24px 24px !important;
}

.mini--cart-drawer-footer .totals__subtotal {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
}

#cart-notification-subtotal {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.cart_notification--footer {
  display: flex !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.cart_notification--footer .button--secondary {
  flex: 1 !important;
  border: 2px solid #E2D9CE !important;
  background: #FFFFFF !important;
  color: #2D2A26 !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 14px 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin-bottom: 0 !important;
}

.cart_notification--footer .button--secondary:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
  background: #FDF3ED !important;
}

.cart_notification--footer .cart--checkout__button {
  flex: 1 !important;
  width: auto !important;
}

.cart_notification--footer .button--primary {
  width: 100% !important;
  background: #0D8AAD !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 14px 24px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(13, 138, 173, 0.35) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.cart_notification--footer .button--primary:hover {
  background: #096D8A !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(13, 138, 173, 0.45) !important;
}




/* =========================================
   YUMI CART DRAWER — REVAMPED DESIGN
   All values hardcoded for Shopify compatibility
   ========================================= */

/* Cart Drawer Panel Override */
#cart-notification {
  background: #FFFFFF !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.1) !important;
}

/* Cart Header */
.cart-drawer__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1.5rem 2rem !important;
  border-bottom: 1px solid #E8E2DC !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
}

.cart-drawer__title {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  color: #2D2A26 !important;
}

.cart-drawer__title svg {
  flex-shrink: 0;
}

.cart-drawer__count {
  font-size: 14px !important;
  color: #7A7067 !important;
  font-weight: 400 !important;
}

.cart-drawer__close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  color: #2D2A26 !important;
}

.cart-drawer__close:hover {
  background: #FFF4ED !important;
  color: #F1A37C !important;
}

.cart-drawer__close svg {
  width: 22px !important;
  height: 22px !important;
}

/* Cart Items Container */
.cart-drawer__items,
.cart__items.cart-drawer__items {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 1.5rem 2rem !important;
}

/* Empty Cart */
.cart-empty {
  text-align: center !important;
  padding: 4rem 2rem !important;
}

.cart-empty__icon {
  font-size: 4rem !important;
  margin-bottom: 1rem !important;
  opacity: 0.5 !important;
}

.cart-empty__title,
.cart-empty h4 {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 24px !important;
  margin-bottom: 0.5rem !important;
  color: #2D2A26 !important;
  font-weight: 600 !important;
}

.cart-empty__desc,
.cart-empty p {
  font-family: 'Nunito', sans-serif !important;
  color: #7A7067 !important;
  font-size: 14px !important;
  margin-bottom: 2rem !important;
}

.cart-empty .btn--primary {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 100px !important;
  padding: 12px 32px !important;
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 600 !important;
  font-size: clamp(0.9rem, 0.85rem + 0.25vw, 1rem) !important;
  cursor: pointer !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 350ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.cart-empty .btn--primary:hover {
  background: #C7785D !important;
  transform: translateY(-2px) !important;
}

/* Cart Line Item */
.cart-item.yumi-bundle-item,
.cart-notification-product.cart-item {
  display: flex !important;
  gap: 1rem !important;
  padding: 1rem 0 !important;
  border-bottom: 1px solid #E8E2DC !important;
  position: relative !important;
  align-items: flex-start !important;
}

/* Cart Item Image */
.cart-item__image {
  width: 80px !important;
  height: 80px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #FFF4ED !important;
  flex-shrink: 0 !important;
}

.cart-item__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

/* Cart Item Details */
.cart-item__details {
  flex: 1 !important;
  min-width: 0 !important;
  padding-right: 20px !important;
}

.cart-item__title {
  font-family: 'Fredoka', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  margin-bottom: 4px !important;
  line-height: 1.3 !important;
}

.cart-item__title a {
  color: inherit !important;
  text-decoration: none !important;
}

.cart-item__meta {
  font-size: 15px !important;
  color: #7A7067 !important;
  margin-bottom: 4px !important;
}

/* (The addon styles block was removed because they are defined correctly at line 6800+) */

/* Bottom Row: Quantity + Price */
.cart-item__bottom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 6px !important;
}

/* Pill Quantity Selector */
.cart-item__qty {
  display: flex !important;
  align-items: center !important;
  border: 1px solid #E8E2DC !important;
  border-radius: 100px !important;
  overflow: hidden !important;
}

.cart-item__qty .quantity {
  display: flex !important;
  align-items: center !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.cart-item__qty .quantity__button,
.cart-item__qty button {
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #2D2A26 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.cart-item__qty .quantity__input {
  width: 32px !important;
  padding: 0 4px !important;
  font-size: 16px !important;
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 700 !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.cart-item__qty .quantity__input::-webkit-outer-spin-button,
.cart-item__qty .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Item Price */
.cart-item__price {
  font-family: 'Fredoka', sans-serif !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  color: #2D2A26 !important;
}

/* Remove Button (✕) */
.cart-item__remove-wrapper {
  position: absolute !important;
  top: 1rem !important;
  right: 0 !important;
}

.cart-item__remove {
  color: #7A7067 !important;
  font-size: clamp(0.7rem, 0.65rem + 0.25vw, 0.75rem) !important;
  transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  line-height: 1 !important;
}

.cart-item__remove:hover {
  color: #E85D4A !important;
}

/* Cart Footer */
.cart-drawer__footer {
  padding: 1.5rem 2rem !important;
  border-top: 1px solid #E8E2DC !important;
  background: #FAF7F4 !important;
  flex-shrink: 0 !important;
}

/* Summary Rows */
.cart-summary {
  margin-bottom: 0.5rem !important;
}

.cart-summary__row {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 15px !important;
  color: #2D2A26 !important;
  padding: 4px 0 !important;
  font-family: 'Nunito', sans-serif !important;
}

.cart-summary__row--muted {
  color: #7A7067 !important;
}

.cart-summary__divider {
  height: 1px !important;
  background: #E8E2DC !important;
  margin: 0.5rem 0 !important;
}

.cart-summary__total {
  font-size: 22px !important;
  font-weight: 700 !important;
  font-family: 'Fredoka', sans-serif !important;
  align-items: center !important;
}

.cart-summary__total span:last-child {
  font-family: 'Fredoka', sans-serif !important;
}

/* Checkout Button */
.checkout-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  padding: 16px !important;
  margin-top: 1rem !important;
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-radius: 100px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  box-shadow: 0 4px 20px rgba(241, 163, 124, 0.3) !important;
  transition: all 350ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: none !important;
  cursor: pointer !important;
  font-family: 'Fredoka', sans-serif !important;
}

.checkout-btn:hover {
  background: #C7785D !important;
  transform: translateY(-2px) !important;
}

/* Continue Shopping Link */
.continue-shopping {
  display: block !important;
  text-align: center !important;
  margin-top: 1rem !important;
  font-size: 14px !important;
  color: #7A7067 !important;
  transition: color 200ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  font-family: 'Nunito', sans-serif !important;
}

.continue-shopping:hover {
  color: #0D8AAD !important;
}

/* Hide legacy theme cart elements we don't need */
.cart_notification_topbar,
.mini--cart-drawer-footer,
.cart__notification--attribute,
.cart-notification__links:not(.cart-drawer__footer),
.add__gift--wrap-in--mini-cart {
  display: none !important;
}

/* Override theme defaults on the cart notification panel */
#cart-notification .cart_notification_links_inner {
  display: none !important;
}

/* ========================================================
   FOOTER REDESIGN (HTML MOCKUP MATCH)
   ======================================================== */
.yumi-html-footer {
  background: #2D2A26 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 60px 0 0 !important;
  /* var(--space-4xl) */
  border-top: none !important;
  position: relative;
}

/* Hide the banner image if it exists to match the clean dark look */
.yumi-html-footer .footer--banner__media {
  display: none !important;
}

.yumi-html-footer .footer__content--inner {
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 0 !important;
}

/* Ensure the grid container is the row, and cols take grid widths */
.yumi-html-footer .footer__top>.row,
.yumi-html-footer .footer__blocks-wrapper {
  display: grid !important;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr !important;
  gap: 32px !important;
  padding-bottom: 32px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-bottom: 24px !important;
}

.yumi-html-footer .footer__top>.row>.col,
.yumi-html-footer .footer__blocks-wrapper>* {
  width: 100% !important;
  max-width: 100% !important;
  flex: unset !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media screen and (max-width: 990px) {

  .yumi-html-footer .footer__top>.row,
  .yumi-html-footer .footer__blocks-wrapper {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 750px) {

  .yumi-html-footer .footer__top>.row,
  .yumi-html-footer .footer__blocks-wrapper {
    grid-template-columns: 1fr !important;
  }
}

.yumi-html-footer .footer__widget_title,
.yumi-html-footer .footer-block__heading {
  font-family: "Fredoka", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #FFFFFF !important;
  margin-bottom: 24px !important;
  border: none !important;
  padding: 0 !important;
}

.yumi-html-footer .footer__widget--text,
.yumi-html-footer .footer-block__details-content p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin-top: 16px !important;
  margin-bottom: 24px !important;
}

/* Footer Links */
.yumi-html-footer .list-menu__item,
.yumi-html-footer .footer-block__details-content li a,
.yumi-html-footer .footer__widget_inner .footer__menu a {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 4px 0 !important;
  text-decoration: none !important;
}

.yumi-html-footer .list-menu__item:hover,
.yumi-html-footer .footer-block__details-content li a:hover,
.yumi-html-footer .footer__widget_inner .footer__menu a:hover {
  color: #F1A37C !important;
  transform: translateX(4px) !important;
  background: transparent !important;
}

/* Social Icons */
.yumi-html-footer .list-social {
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
}

.yumi-html-footer .list-social__link {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255, 255, 255, 0.6) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  background: transparent !important;
  text-decoration: none !important;
}

.yumi-html-footer .list-social__link:hover {
  background: #F1A37C !important;
  border-color: #F1A37C !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}

.yumi-html-footer .list-social__link svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

.yumi-html-footer .list-social__link .icon {
  width: 18px !important;
  height: 18px !important;
}

/* Copyright area */
.yumi-html-footer .footer__content-bottom {
  border-top: none !important;
  padding: 24px 0 !important;
}

.yumi-html-footer .copyright__content {
  font-size: 13px !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

.yumi-html-footer .copyright__content a {
  color: rgba(255, 255, 255, 0.5) !important;
}

.yumi-html-footer .footer__localization:empty {
  display: none !important;
}

/* ========================================================
   HEADER REDESIGN (HTML MOCKUP MATCH)
   ======================================================== */
/* Header Section Wrapper & Stacking Context */
.shopify-section:has(.header_bottom),
.shopify-section:has(.header__sticky),
[id*="shopify-section-"][id*="header"],
#shopify-section-header,
.shopify-section-header,
.shopify-section-group-header-group,
.shopify-section-group-header-group>* {
  position: relative !important;
  z-index: 999999 !important;
}

/* Header Container */
.header_bottom,
.header__sticky {
  position: relative !important;
  z-index: 999999 !important;
  background: rgba(255, 253, 249, 0.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(232, 226, 220, 0.5) !important;
  transition: all 0.3s ease-out !important;
}

@media only screen and (min-width: 992px) {
  .header_bottom:not(.logo__left--menu-center) {
    padding: 0 !important;
    /* override default padding */
  }
}

.header__inner {
  height: 80px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Remove default borders and backgrounds from sticky header so our blur applies */
.header__sticky.sticky,
.header__sticky:not(.not--sticky-on-desktop).sticky {
  background: rgba(255, 253, 249, 0.92) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}



/* Navigation Menu Positioning */
.header__menu_ul {
  gap: 1px !important;
  /* reduced gap */
  justify-content: center !important;
}

/* Override existing margins for li */
@media only screen and (min-width: 992px) {
  .header__menu_li+.header__menu_li {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1200px) {
  .header__menu_li+.header__menu_li {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media only screen and (min-width: 1500px) {
  .logo__menu--two-lines .header__menu_li+.header__menu_li {
    margin-left: 0 !important;
  }
}

/* Navigation Links */
.header__menu_item,
.sticky a.header__menu_item {
  font-family: "Nunito", sans-serif !important;
  font-size: 15px !important;
  /* reduced to fit on one line */
  font-weight: 700 !important;
  color: #2D2A26 !important;
  padding: 8px 12px !important;
  /* reduced padding */
  border-radius: 50px !important;
  transition: all 0.2s ease-out !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-block !important;
  /* allow padding to work */
  background: transparent !important;
}

/* Hide Shopify's default underline hover */
.header__menu_li:hover .header__menu_item::before,
.header__menu_item::before {
  display: none !important;
}

.header__menu_li:hover .header__menu_item {
  color: #F1A37C !important;
  background: #FFF2EC !important;
}

/* Dropdown Menu (Submenu) & Mega Menu */
.header__sub_menu,
.header__mega_menu {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
  padding: 16px !important;
  min-width: 220px !important;
  border: 1px solid rgba(232, 226, 220, 0.5) !important;
  margin-top: 8px !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out !important;
  transform: translateY(8px);
  z-index: 999999 !important;
}

.header__menu_li:hover .header__sub_menu,
.header__menu_li:hover .header__mega_menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}

.header__sub_menu_item,
.mega_menu__item {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2D2A26 !important;
  border-radius: 8px !important;
  transition: all 0.2s ease-out !important;
  text-transform: none !important;
}

.header__sub_menu_item:hover,
.mega_menu__item:hover {
  background: #FFF2EC !important;
  color: #F1A37C !important;
  transform: translateX(4px) !important;
}

/* Remove default borders and backgrounds from mega menu inner elements */
.header__mega_menu--inner {
  padding: 0 !important;
  background: transparent !important;
}

.mega_menu__column {
  padding: 0 !important;
  border: none !important;
}

/* Header Actions (Right Side Icons) */
.header__actions {
  gap: 2px !important;
}

.header__actions_btn {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: all 0.2s ease-out !important;
  color: #2D2A26 !important;
  padding: 0 !important;
  background: transparent !important;
}

.header__actions_btn:hover {
  background: #FFF2EC !important;
  color: #F1A37C !important;
}

.header__actions_btn svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}

.header__actions_btn>svg,
.header__actions_btn .icon {
  width: 20px !important;
  height: 20px !important;
}

/* Cart Button padding fix */
.header__actions_btn--cart {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Badges (Wishlist & Cart) */
.header__actions_btn_cart_num,
.header__actions_btn_wishlist_num {
  font-size: 11px !important;
  font-weight: 700 !important;
  position: absolute !important;
  top: 0 !important;
  right: -2px !important;
  /* override the left/right rtl logic just stick it to top right */
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  color: #FFFFFF !important;
  border-radius: 50px !important;
  background-color: #F1A37C !important;
  letter-spacing: 0 !important;
  box-shadow: 0 0 0 2px rgba(255, 253, 249, 1) !important;
  z-index: 2 !important;
}

/* ========================================================
   COLLECTION FILTER & LAYOUT REDESIGN (100% HTML MOCKUP MATCH)
   ======================================================== */

/* Page Background & Container */
body.body_class,
main#MainContent,
.template-search,
.template-collection {
  background-color: #FFFDF9 !important;
}

/* 2-Column Collection Layout */
@media screen and (min-width: 990px) {
  .facets-vertical {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 36px !important;
    align-items: start !important;
  }
}

/* Sidebar Wrapper - Clean & Transparent */
.facets-container,
.facets-container.filter--radius-true,
.facets-container.filter--inner-spacing-true,
.facets-container[class*="color-background-"],
.facets-container[class*="gradient"],
.facets-vertical .facets-container,
.facets-vertical .facets-wrapper {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media screen and (min-width: 990px) {
  .facets-vertical .facets-wrapper {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    position: sticky !important;
    top: calc(var(--header-height, 80px) + 30px) !important;
    max-height: calc(100vh - var(--header-height, 80px) - 60px) !important;
    overflow-y: auto !important;
    padding-right: 12px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #E8E2DC transparent !important;
  }
}

.facets-vertical .facets-wrapper::-webkit-scrollbar {
  width: 4px;
}

.facets-vertical .facets-wrapper::-webkit-scrollbar-thumb {
  background: #E8E2DC;
  border-radius: 4px;
}

.facets__form-vertical {
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#FacetsWrapperDesktop {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide legacy bulky heading and decorative lines */
.facets__heading,
.facets__heading--vertical,
.facets-container.filter--radius-true>.facets__heading,
.active-facets-vertical-filter .facets__heading {
  display: none !important;
}

/* Accordion Filter Groups */
.facets__disclosure-vertical {
  border: none !important;
  border-bottom: 1px solid #E8E2DC !important;
  padding-bottom: 16px !important;
  margin-bottom: 16px !important;
  margin-right: 0 !important;
}

.facets__disclosure-vertical:last-of-type,
.facets__disclosure-vertical.facets__vertical--widget-last {
  border-bottom: 1px solid #E8E2DC !important;
  margin-bottom: 16px !important;
}

.facets-vertical .facets__summary {
  padding: 8px 0 !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.facets-vertical .facets__summary>div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.facets-vertical .facets__summary span {
  font-family: "Nunito", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  transition: color 0.2s ease-out !important;
}

.facets-vertical .facets__summary:hover span {
  color: #F1A37C !important;
}

.facets-vertical .facets__summary .icon-caret {
  width: 16px !important;
  height: 16px !important;
  color: #2D2A26 !important;
  transition: transform 0.3s ease-out !important;
  position: static !important;
  transform: rotate(0deg) !important;
  flex-shrink: 0 !important;
}

.facets__disclosure-vertical[open] .facets__summary .icon-caret {
  transform: rotate(180deg) !important;
}

/* Checkboxes List & Scrollable Areas */
.facets-wrap-vertical {
  border: none !important;
  padding: 8px 0 0 0 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E8E2DC transparent !important;
}

.facets-wrap-vertical::-webkit-scrollbar {
  width: 4px;
}

.facets-wrap-vertical::-webkit-scrollbar-thumb {
  background: #E8E2DC;
  border-radius: 4px;
}

.facets__item {
  margin-bottom: 2px !important;
}

.facet-checkbox {
  display: flex !important;
  align-items: center !important;
  padding: 6px 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #2D2A26 !important;
  cursor: pointer !important;
  transition: color 0.2s ease-out !important;
  position: relative !important;
}

.facet-checkbox:hover {
  color: #F1A37C !important;
}

/* Hide native checkbox input */
.facet-checkbox input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

/* Custom Checkbox Box */
.checkbox-facet-check {
  width: 20px !important;
  height: 20px !important;
  border: 2px solid #E8E2DC !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  position: relative !important;
  margin-right: 12px !important;
  transition: all 0.2s ease-out !important;
  display: inline-block !important;
  background: #FFFFFF !important;
}

.facet-checkbox:hover .checkbox-facet-check {
  border-color: #F1A37C !important;
}

/* Hide old default checkmark SVG */
.facet-checkbox .icon-checkmark {
  display: none !important;
}

/* Checked State with Peach Box & Checkmark */
.facet-checkbox input[type="checkbox"]:checked~.checkbox-facet-check {
  background: #F1A37C !important;
  border-color: #F1A37C !important;
}

.facet-checkbox input[type="checkbox"]:checked~.checkbox-facet-check::after {
  content: '✓' !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

/* Count Tag */
.facet__checkbox-count {
  margin-left: auto !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #7A7067 !important;
  padding-left: 8px !important;
}

/* ========================================================
   PRICE FILTER FIX (PERFECT SIDE-BY-SIDE + PRESETS STACK)
   ======================================================== */

.facets__header--price-max,
.facets__header--label.facets__header--price-max {
  display: none !important;
}

/* Override theme flex so presets sit BELOW inputs, not side-by-side */
.price__widget,
.facets-vertical .price__widget,
.price__widget--wrapper .price__widget,
.price__widget--wrapper {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: stretch !important;
}

.price__widget>div,
.price__widget--wrapper>div {
  width: 100% !important;
  flex-grow: unset !important;
}

/* Inputs row: [ ₹ 0 ] — [ ₹ 1200 ] */
.price-range__inputs {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

.price-range__field {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px 10px !important;
  border: 2px solid #E8E2DC !important;
  border-radius: 10px !important;
  background: #FFFFFF !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: border-color 0.2s ease-out !important;
}

.price-range__field:focus-within {
  border-color: #F1A37C !important;
}

/* Reset all legacy absolute positioning on currency symbol */
.price__widget .field-currency,
.price-range__field .field-currency,
.price-range__field span.field-currency,
.price-range__field span {
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  color: #7A7067 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.price-range__field input.price__filter_input,
.price-range__field input {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  background: transparent !important;
  padding: 0 0 0 2px !important;
  height: auto !important;
  min-height: unset !important;
  box-shadow: none !important;
  -moz-appearance: textfield !important;
}

.price-range__field input.price__filter_input::-webkit-outer-spin-button,
.price-range__field input.price__filter_input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.price-range__sep {
  color: #7A7067 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  flex-shrink: 0 !important;
  padding: 0 2px !important;
}

/* Price Range Preset Pills (Wrapped cleanly below inputs) */
.price-range__presets {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  margin-top: 4px !important;
}

.price-preset {
  padding: 6px 12px !important;
  border-radius: 50px !important;
  border: 1px solid #E8E2DC !important;
  background: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #7A7067 !important;
  cursor: pointer !important;
  transition: all 0.2s ease-out !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

.price-preset:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
  background: #FFF2EC !important;
}

.price-preset.active {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  border-color: #F1A37C !important;
}

/* Filter Sidebar Bottom Actions (Stacked: Apply on Top, Clear on Bottom) */
.filter-sidebar__actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-top: 16px !important;
  margin-top: 8px !important;
  width: 100% !important;
}

.filter-sidebar__actions .btn,
.filter-sidebar__actions button,
.filter-sidebar__actions a {
  width: 100% !important;
  text-align: center !important;
  padding: 12px 18px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease-out !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}

.filter-sidebar__actions .btn--primary,
.filter-sidebar__actions #applyFilters {
  background: #F1A37C !important;
  border: 2px solid #F1A37C !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(241, 163, 124, 0.3) !important;
}

.filter-sidebar__actions .btn--primary:hover,
.filter-sidebar__actions #applyFilters:hover {
  background: #E89165 !important;
  border-color: #E89165 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(241, 163, 124, 0.4) !important;
}

.filter-sidebar__actions .btn--outline,
.filter-sidebar__actions #clearFilters {
  border: 2px solid #E8E2DC !important;
  background: #FFFFFF !important;
  color: #7A7067 !important;
}

.filter-sidebar__actions .btn--outline:hover,
.filter-sidebar__actions #clearFilters:hover {
  border-color: #F1A37C !important;
  color: #F1A37C !important;
  background: #FFF2EC !important;
}

/* Active Selected Filter Pills (Only at Top of Sidebar) */
.active-facets-desktop {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.active-facets__button {
  margin: 0 !important;
  display: inline-flex !important;
}

span.active-facets__button-inner {
  background: #FFF2EC !important;
  color: #F1A37C !important;
  border: 1px solid #F1A37C !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  line-height: 1.2 !important;
}

span.active-facets__button-inner svg {
  width: 10px !important;
  height: 10px !important;
}

/* Hide the "Remove all" link and redundant wrappers */
.active-facets__button-wrapper,
.active-facets__button-remove,
.active-facets-vertical-filter .active-facets__button-wrapper,
.active-facets-vertical-filter {
  display: none !important;
}

/* Hide duplicate bottom active facets on desktop */
@media screen and (min-width: 750px) {

  .active-facets-mobile,
  .facets-vertical~.active-facets-mobile,
  #main-search-filters+.active-facets-mobile {
    display: none !important;
  }
}

/* Product Grid & Card Styling */
.product-grid-container .product-grid,
.product-grid-container ul#product-grid {
  gap: 24px !important;
}

.product-card,
.product-grid-item,
.card-wrapper {
  background: #FFFFFF !important;
  border-radius: 20px !important;
  border: 1px solid rgba(232, 226, 220, 0.6) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.product-card:hover,
.product-grid-item:hover,
.card-wrapper:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Mobile Offcanvas Filter Drawer */
.mobile-facets__inner {
  background: #FFFFFF !important;
  border-radius: 0 !important;
  max-width: 360px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

.mobile-facets__header {
  padding: 18px 20px !important;
  border-bottom: 1px solid #E8E2DC !important;
  background: #FFFFFF !important;
}

.mobile-facets__heading {
  font-family: "Fredoka", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.mobile-facets__summary {
  padding: 14px 20px !important;
  border-bottom: 1px solid #E8E2DC !important;
}

.mobile-facets__summary span {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.mobile-facets__footer {
  padding: 16px 20px !important;
  border-top: 1px solid #E8E2DC !important;
  background: #FFFFFF !important;
  display: flex !important;
  gap: 10px !important;
}

.mobile-facets__footer .button--primary {
  background: #F1A37C !important;
  border: 1px solid #F1A37C !important;
  border-radius: 50px !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  flex: 1 !important;
}

.mobile-facets__footer .mobile-facets__clear {
  padding: 10px 18px !important;
  color: #7A7067 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
}

/* ========================================================
   WISHLIST SLIDER DRAWER (100% HTML MOCKUP MATCH)
   ======================================================== */

/* Backdrop */
.wishlist-backdrop {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.45) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.35s ease-out !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

.wishlist-backdrop.active {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Sliding Offcanvas Drawer */
.wishlist-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 440px !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #FFFFFF !important;
  z-index: 999999 !important;
  display: flex !important;
  flex-direction: column !important;
  transform: translateX(100%) !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12) !important;
}

.wishlist-drawer.active {
  transform: translateX(0) !important;
}

/* Drawer Header */
.wishlist-drawer__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 20px 24px !important;
  border-bottom: 1px solid #E8E2DC !important;
  flex-shrink: 0 !important;
  background: #FFFFFF !important;
}

.wishlist-drawer__title {
  font-family: "Fredoka", "Nunito", sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}

.wishlist-drawer__count {
  font-size: 15px !important;
  color: #7A7067 !important;
  font-weight: 500 !important;
}

.wishlist-drawer__close {
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #7A7067 !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  transition: all 0.2s ease-out !important;
}

.wishlist-drawer__close:hover {
  background: #FFF2EC !important;
  color: #F1A37C !important;
}

/* Drawer Items List */
.wishlist-drawer__items {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 16px 24px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E8E2DC transparent !important;
}

.wishlist-drawer__items::-webkit-scrollbar {
  width: 4px;
}

.wishlist-drawer__items::-webkit-scrollbar-thumb {
  background: #E8E2DC;
  border-radius: 4px;
}

/* Empty State */
.wishlist-empty {
  text-align: center !important;
  padding: 48px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 320px !important;
}

.wishlist-empty__icon {
  font-size: 48px !important;
  margin-bottom: 16px !important;
  animation: wishlistHeartbeat 1.5s infinite ease-in-out !important;
}

@keyframes wishlistHeartbeat {
  0% {
    transform: scale(1);
  }

  14% {
    transform: scale(1.18);
  }

  28% {
    transform: scale(1);
  }

  42% {
    transform: scale(1.18);
  }

  70% {
    transform: scale(1);
  }
}

.wishlist-empty__title {
  font-family: "Fredoka", "Nunito", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 0 8px 0 !important;
}

.wishlist-empty__desc {
  color: #7A7067 !important;
  font-size: 14px !important;
  margin: 0 0 24px 0 !important;
}

.btn-wishlist-explore {
  display: inline-block !important;
  padding: 12px 28px !important;
  background: #F1A37C !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(241, 163, 124, 0.35) !important;
  transition: all 0.2s ease-out !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.btn-wishlist-explore:hover {
  background: #E89165 !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
}

/* Wishlist Single Item */
.wishlist-item {
  display: flex !important;
  gap: 16px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid #E8E2DC !important;
  position: relative !important;
  align-items: center !important;
  animation: wishlistFadeIn 0.3s ease-out !important;
}

@keyframes wishlistFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

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

.wishlist-item:last-child {
  border-bottom: none !important;
}

.wishlist-item__image {
  width: 76px !important;
  height: 76px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #FFF2EC !important;
  flex-shrink: 0 !important;
}

.wishlist-item__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.wishlist-item__details {
  flex: 1 !important;
  min-width: 0 !important;
}

.wishlist-item__title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin-bottom: 4px !important;
  text-decoration: none !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  transition: color 0.2s ease-out !important;
}

.wishlist-item__title:hover {
  color: #F1A37C !important;
}

.wishlist-item__price {
  font-family: "Fredoka", "Nunito", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin-bottom: 8px !important;
}

.wishlist-item__actions {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.btn-wishlist-remove {
  font-size: 11px !important;
  color: #E74C3C !important;
  padding: 5px 12px !important;
  border-radius: 50px !important;
  font-weight: 700 !important;
  background: #FEE8E5 !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: all 0.2s ease-out !important;
}

.btn-wishlist-remove:hover {
  background: #E74C3C !important;
  color: #FFFFFF !important;
}

/* Drawer Footer */
.wishlist-drawer__footer {
  padding: 20px 24px !important;
  border-top: 1px solid #E8E2DC !important;
  background: #FFFDF9 !important;
  flex-shrink: 0 !important;
}

.btn-wishlist-continue {
  width: 100% !important;
  padding: 14px 24px !important;
  background: #F1A37C !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  border: none !important;
  cursor: pointer !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(241, 163, 124, 0.35) !important;
  transition: all 0.2s ease-out !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: block !important;
}

.btn-wishlist-continue:hover {
  background: #E89165 !important;
  transform: translateY(-1px) !important;
}

/* Wishlist Toast Notification */
.wishlist-toast {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  background: #2D2A26 !important;
  color: #FFFFFF !important;
  padding: 12px 20px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
  z-index: 1000000 !important;
  opacity: 0 !important;
  transform: translateY(20px) !important;
  transition: all 0.3s ease-out !important;
  pointer-events: none !important;
}

.wishlist-toast.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Loading Spinner */
.wishlist-drawer__loading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 60px 0 !important;
}

.wishlist-spinner {
  width: 36px !important;
  height: 36px !important;
  border: 3px solid #E8E2DC !important;
  border-top-color: #F1A37C !important;
  border-radius: 50% !important;
  animation: wishlistSpin 0.8s linear infinite !important;
}

@keyframes wishlistSpin {
  to {
    transform: rotate(360deg);
  }
}

/* ========================================================
   SEARCH INPUT STYLING (REMOVE 'X' RESET BUTTON)
   ======================================================== */
.template-search .reset__button,
.main-search .reset__button,
.search__input-wrapper .reset__button,
.search__input-wrapper button[type="reset"],
.search__input_field button[type="reset"],
button.reset__button {
  display: none !important;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none !important;
  display: none !important;
}

/* ==========================================================================
   YUMI KIDS - COMPLETE MOBILE RESPONSIVENESS SYSTEM (@media max-width: 768px)
   ========================================================================== */

@media screen and (max-width: 768px) {

  /* --- 1. GLOBAL LAYOUT & CONTAINER FIXES --- */
  body,
  html {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }

  .container,
  .container-fluid,
  .page-width {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  /* --- 2. HEADER & TOP NAVIGATION ON MOBILE --- */
  .header__actions_btn {
    padding: 6px !important;
    margin: 0 !important;
  }

  .header__actions {
    gap: 6px !important;
    display: flex !important;
    align-items: center !important;
  }

  .header__actions_btn svg {
    width: 20px !important;
    height: 20px !important;
  }

  .header__actions_btn_cart_num,
  .wishlist__count,
  .cart__count {
    width: 16px !important;
    height: 16px !important;
    font-size: 9px !important;
    line-height: 16px !important;
    top: -2px !important;
    right: -2px !important;
  }

  .header__logo_link img,
  .offcanvas__logo_link img {
    max-width: 110px !important;
    height: auto !important;
    transition: all 0.3s ease;
  }

  /* --- MOBILE HEADER ALIGNMENT FIXES --- */
  @media only screen and (max-width: 767px) {
    .header__logo_link img {
      max-width: 90px !important;
      /* Slightly increased for readability, but kept small to save space */
      margin: 0 auto;
    }

    .header__inner.row {
      display: flex !important;
      align-items: center !important;
      flex-wrap: nowrap !important;
      justify-content: space-between !important;
      padding: 5px 15px !important;
      /* Ensure tight vertical padding but keep side padding */
    }

    /* Ensure all columns vertically center their contents */
    .header__inner.row>div {
      display: flex !important;
      align-items: center !important;
    }

    .header__logo {
      flex: 1 1 auto;
      justify-content: center;
    }

    a.header__logo_link {
      padding: 0 !important;
      margin: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
      line-height: 0;
      /* Remove baseline gap */
    }

    .header__actions {
      justify-content: flex-end !important;
      gap: 5px;
      margin: 0 !important;
    }

    .header__actions_btn {
      padding: 0 4px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      margin: 0 !important;
    }

    .mobile__menu_bar {
      display: flex !important;
      align-items: center !important;
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  /* --- 3. MOBILE OFFCANVAS MENU DRAWER (PREMIUM REDESIGN) --- */
  .offcanvas-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: min(340px, 86vw) !important;
    max-width: 340px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    background: #FFFDF9 !important;
    box-shadow: 10px 0 40px rgba(43, 35, 29, 0.18) !important;
    z-index: 999999 !important;
    transform: translateX(-100%) !important;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
    visibility: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .offcanvas-header.open {
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  .offcanvas-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(43, 35, 29, 0.45) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 999998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s ease !important;
  }

  .offcanvas-header.open~.offcanvas-overlay {
    opacity: 1 !important;
    visibility: visible !important;
  }

  .offcanvas__logo {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 20px !important;
    background: #FFFDF9 !important;
    border-bottom: 1px solid #F0ECE6 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
  }

  .offcanvas__logo_img,
  .offcanvas__logo .header__heading-logo {
    max-height: 38px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  .offcanvas__close_btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #F8F4EE !important;
    border: 1px solid #EAE3DC !important;
    color: #2D2A26 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .offcanvas__close_btn:hover {
    background: #FFF4ED !important;
    border-color: #F8CDB4 !important;
    color: #F1A37C !important;
  }

  .offcanvas__menu {
    flex: 1 1 auto !important;
    padding: 12px 14px !important;
    overflow-y: auto !important;
  }

  .offcanvas__menu_ul {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .offcanvas__menu_li {
    border: none !important;
    margin: 0 !important;
    border-radius: 12px !important;
  }

  .offcanvas__menu_item {
    font-family: 'Fredoka', 'Nunito', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #2D2A26 !important;
    padding: 12px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
  }

  .offcanvas__menu_item:hover,
  .offcanvas__menu_li.active>.offcanvas__menu_item {
    background: #FFF4ED !important;
    color: #F1A37C !important;
    padding-left: 18px !important;
  }

  .offcanvas__menu_wishlist {
    background: #FFF8F4 !important;
    border: 1.5px solid #F8CDB4 !important;
    border-radius: 12px !important;
    padding: 11px 14px !important;
    margin-top: 6px !important;
  }

  .offcanvas__sub_menu {
    background: #FAF6F0 !important;
    border-radius: 14px !important;
    margin: 4px 6px 8px 6px !important;
    padding: 6px 8px !important;
    border: 1px solid #F0ECE6 !important;
  }

  .offcanvas__sub_menu_item {
    display: flex !important;
    align-items: center !important;
    padding: 9px 12px !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #5E554D !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
  }

  .offcanvas__sub_menu_item:hover {
    background: #FFFFFF !important;
    color: #F1A37C !important;
    padding-left: 16px !important;
  }

  /* Mobile Drawer Login & Register Buttons (Safe WhatsApp Spacing) */
  .offcanvas__footer {
    margin-top: auto !important;
    padding: 16px 18px 50px 18px !important;
    border-top: 1px solid #F0ECE6 !important;
    background: #FFFDF9 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .offcanvas__footer .button {
    margin: 0 !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 12px 20px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .offcanvas__footer .button--primary {
    background: #F1A37C !important;
    color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(241, 163, 124, 0.35) !important;
  }

  .offcanvas__footer .button--secondary {
    background: #FFF4ED !important;
    color: #F1A37C !important;
    border: 1.5px solid #F8CDB4 !important;
  }

  /* --- 4. HOMEPAGE MOBILE REDESIGN --- */
  /* Hero section */
  .yumi-hero {
    padding: 16px 0 24px 0 !important;
  }

  .yumi-hero__title {
    font-size: 28px !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important;
  }

  .yumi-hero__desc {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
    color: #7A7067 !important;
  }

  .yumi-hero__cta-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .yumi-hero__btn {
    width: 100% !important;
    padding: 13px 20px !important;
    font-size: 13px !important;
    border-radius: 25px !important;
    text-align: center !important;
    justify-content: center !important;
  }

  /* Stats strip */
  .yumi-hero__stats,
  .hero-stats-strip {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 14px 8px !important;
    background: #FFF8F4 !important;
    border-radius: 18px !important;
    margin: 20px 0 !important;
    border: 1px solid #FCE5D8 !important;
  }

  .yumi-stat-item {
    text-align: center !important;
  }

  .yumi-stat-item__number {
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #2B231D !important;
    line-height: 1.1 !important;
  }

  .yumi-stat-item__label {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #7A7067 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 3px !important;
  }

  /* Bento / Category Promo Cards on Mobile */
  .yumi-bento-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 4px 2px 16px 2px !important;
    scrollbar-width: none !important;
  }

  .yumi-bento-grid::-webkit-scrollbar {
    display: none !important;
  }

  .yumi-bento-card {
    flex: 0 0 78vw !important;
    max-width: 300px !important;
    scroll-snap-align: start !important;
    border-radius: 18px !important;
    min-height: 200px !important;
  }

  /* Featured Collection Carousel */
  .yumi-featured-collection__grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    padding: 4px 2px 16px 2px !important;
    scrollbar-width: none !important;
  }

  .yumi-featured-collection__grid::-webkit-scrollbar {
    display: none !important;
  }

  .yumi-featured-collection__grid .yumi-product-card {
    flex: 0 0 58vw !important;
    max-width: 220px !important;
    scroll-snap-align: start !important;
    margin-bottom: 0 !important;
  }

  /* Testimonials */
  .yumi-testimonials-carousel {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    gap: 12px !important;
    padding: 4px 2px 16px 2px !important;
    scrollbar-width: none !important;
  }

  .yumi-testimonials-carousel::-webkit-scrollbar {
    display: none !important;
  }

  .yumi-testimonial-card {
    flex: 0 0 85vw !important;
    max-width: 320px !important;
    scroll-snap-align: start !important;
    padding: 16px !important;
    border-radius: 18px !important;
  }

  /* --- 5. 2-COLUMN PRODUCT GRID ON MOBILE (COLLECTIONS & SEARCH) --- */
  #ProductGridContainer .row,
  .template-search__results .row,
  .collection .row,
  .product-grid-container .row,
  .row[data-product-column] {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

  #ProductGridContainer .row>.col,
  .template-search__results .row>.col,
  .collection .row>.col,
  .product-grid-container .row>.col,
  .row[data-product-column]>.col,
  .row-cols-1>*,
  .row-cols-2>* {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    margin-bottom: 12px !important;
  }

  /* Mobile Unified Product Card Sizing & Compact Spacing */
  .product__card,
  .yumi-product-card,
  .product-grid-item {
    border-radius: 16px !important;
    padding: 6px 6px 6px 6px !important;
    background: #FFFFFF !important;
    border: 1px solid #E8E2DC !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .product__card__content,
  .product-card__info {
    padding: 8px 4px 2px 4px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    text-align: left !important;
    gap: 2px !important;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  .product__card__thumbnail,
  .yumi-product-card__image-wrap {
    border-radius: 12px !important;
    overflow: hidden !important;
    aspect-ratio: 1/1 !important;
    background: #FFF4ED !important;
    position: relative !important;
    width: 100% !important;
  }

  .product__card__thumbnail img,
  .yumi-product-card__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* Badges on mobile */
  .product__card__badges,
  .yumi-product-card__badges {
    top: 6px !important;
    left: 6px !important;
    gap: 4px !important;
  }

  .premium-sale-badge,
  .yumi-badge--sale,
  .yumi-badge--new,
  .product__card__badges .badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
  }

  /* Wishlist button on mobile */
  .product__card--wishlist,
  .yumi-product-card__wishlist,
  .wishlist__button {
    width: 28px !important;
    height: 28px !important;
    top: 6px !important;
    right: 6px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.9) !important;
  }

  .product__card--wishlist svg,
  .yumi-product-card__wishlist svg,
  .wishlist__button svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* Card Title on mobile */
  .product__card__title,
  .yumi-product-card__title,
  .product__card-title--link {
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #2B231D !important;
    margin: 4px 0 2px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: unset !important;
    height: auto !important;
    text-align: left !important;
  }

  /* Price styling on mobile - Left-aligned single clean line */
  .product__card__price,
  .yumi-product-card__price,
  .product__card .price,
  .product__card__content .price,
  .price,
  .product__card .price.justify-content-center,
  .product__card__content .price.justify-content-center {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 6px !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  .product__card .price dl,
  .product__card__content .price dl,
  .price dl {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .product__card .price__sale,
  .product__card__content .price__sale,
  .price__sale {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  /* Mobile Product Card Selling Price */
  .product__card .price-item--sale,
  .product__card .price-item--last,
  .product-card__price-current,
  .product__card .price__sale .price-item--sale,
  .product__card .price__regular .price-item--regular,
  .product__card__content .price-item,
  .product__card .price__current,
  .price__current,
  .yumi-product-card__price-current,
  .price--on-sale .price-item--sale,
  .price:not(.price--on-sale) .price-item--regular,
  .price-item--sale,
  .price__last .price-item {
    font-family: "Fredoka", "Quicksand", "Nunito", -apple-system, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    text-decoration: none !important;
    order: 1 !important;
    white-space: nowrap !important;
  }

  /* Mobile Product Card Strikethrough Price */
  .product__card .price__sale .price-item--regular,
  .product__card .price__compare,
  .product__card .price__compare .price-item--regular,
  .product__card s.price-item,
  .product__card .price__compare s,
  .product-card__price-original,
  .price__was,
  .yumi-product-card__price-original,
  .price--on-sale .price-item--regular,
  .price__sale .price-item--regular,
  .price__compare,
  .price__compare s,
  .price__compare .price-item,
  s.price-item {
    font-family: "Nunito", "Outfit", -apple-system, sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #8E8378 !important;
    text-decoration: line-through !important;
    order: 2 !important;
    display: inline-block !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Completely remove discount % text from mobile product card */
  .price__save-percent,
  .product__card .price__save-percent,
  .product__card__content .price__save-percent,
  .yumi-product-card__price-discount,
  .product-card__price-discount {
    display: none !important;
    visibility: hidden !important;
  }

  /* Quick Add button on mobile - Direct tap visible */
  .product-card__quick-add,
  .yumi-product-card__quick-add,
  .product__card .product__cart--wrapper {
    position: static !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  .product-card__quick-add-btn,
  .yumi-product-card__quick-add-btn,
  .product__card .product__card--action-btn {
    width: 100% !important;
    padding: 6px 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    border-radius: 20px !important;
    background: #35819D !important;
    color: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 32px !important;
    box-shadow: 0 2px 6px rgba(53, 129, 157, 0.25) !important;
  }

  .product-card__quick-add-btn svg,
  .yumi-product-card__quick-add-btn svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* --- 6. FILTER & SORT ON MOBILE --- */
  .product-filter-sort-bar,
  .product-view-mode {
    border-radius: 16px !important;
    padding: 8px 12px !important;
    margin-bottom: 14px !important;
    background: #FFF8F4 !important;
    border: 1px solid #FCE5D8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .product-view-mode .product__filter_btn {
    border-radius: 20px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    background: #FFFFFF !important;
    border: 1px solid #E8E2DC !important;
    color: #2B231D !important;
  }

  .product__filter_btn svg {
    width: 13px !important;
    height: 13px !important;
  }

  .product-view-mode .product__column_title {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #7A7067 !important;
  }

  /* Mobile Filter Offcanvas Drawer */
  .offcanvas-filter-sidebar {
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 20px 16px 90px 16px !important;
    border-radius: 0 !important;
  }

  .offcanvas-filter-sidebar .facets-mobile__footer {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #FFFFFF !important;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)) 16px !important;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    gap: 10px !important;
    z-index: 1000 !important;
  }

  .facets-mobile__footer button,
  .facets-mobile__footer .button {
    flex: 1 !important;
    border-radius: 25px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 12px !important;
  }

  /* --- 7. PRODUCT DETAIL PAGE (PDP) MOBILE EXPERIENCE --- */
  .yumi-product-info__title,
  .product__title h1 {
    font-size: 20px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    margin-bottom: 6px !important;
  }

  .product__price .price,
  .yumi-product-info__price {
    font-size: 20px !important;
    margin-bottom: 12px !important;
  }

  .yumi-addons-container {
    padding: 14px 12px !important;
    border-radius: 18px !important;
    margin: 16px 0 !important;
  }

  .yumi-addons-title {
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }

  .yumi-addon-card {
    padding: 0 !important;
    border-radius: 14px !important;
    margin-bottom: 10px !important;
  }

  .yumi-addon-header__title {
    font-size: 14px !important;
  }

  .yumi-addon-header__price {
    font-size: 13px !important;
  }

  .yumi-addon-input,
  .yumi-addon-select {
    font-size: 13px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
  }

  .yumi-pricing-summary {
    padding: 12px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  .yumi-pricing-row--total {
    font-size: 15px !important;
  }

  .product-form__buttons {
    margin-top: 14px !important;
  }

  .product-form__submit {
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    padding: 14px 20px !important;
    height: auto !important;
  }

  /* --- 8. CART & WISHLIST DRAWERS ON MOBILE --- */
  #mini-cart-drawer {
    width: 100% !important;
    max-width: 100% !important;
    right: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .cart-drawer,
  .wishlist-drawer,
  .mini-cart-drawer,
  .cart-notification-wrapper,
  #cart-notification,
  .cart-notification {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .wishlist-drawer__header,
  .cart-drawer__header {
    width: 100% !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
  }

  .wishlist-drawer__title,
  .cart-drawer__title {
    font-size: 18px !important;
  }

  .cart-drawer__items,
  .cart__items.cart-drawer__items,
  .wishlist-drawer__body,
  .cart-drawer__body {
    width: 100% !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .wishlist-item,
  .cart-item,
  .cart-item.yumi-bundle-item,
  .cart-notification-product.cart-item {
    width: 100% !important;
    padding: 10px 0 !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }

  .wishlist-item__img,
  .cart-item__image {
    width: 65px !important;
    height: 65px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
  }

  .wishlist-item__title,
  .cart-item__title {
    font-size: 14px !important;
  }

  .wishlist-drawer__footer,
  .cart-drawer__footer {
    width: 100% !important;
    padding: 16px 18px calc(16px + env(safe-area-inset-bottom, 0px)) 18px !important;
    box-sizing: border-box !important;
  }

  /* --- 9. FLOATING WHATSAPP BUTTON --- */
  .whatsapp-chat-button,
  .quickview__whatsapp,
  #whatsapp-btn,
  .whatsapp-float {
    bottom: 72px !important;
    right: 14px !important;
    width: 46px !important;
    height: 46px !important;
    z-index: 999 !important;
  }
}

/* ==========================================================================
   MOBILE CRITICAL OVERRIDES (NON-STICKY PRODUCT IMAGE & FILTER FIX)
   ========================================================================== */
@media screen and (max-width: 989px) {

  /* 1. Main Product Page: Remove image sticky & overlapping */
  .product__media-wrapper,
  .product__media-gallery,
  .product__media_container,
  .yumi-product-gallery,
  .yumi-product-gallery-col,
  .yumi-product-gallery-container,
  .product__media-list,
  .product__info-container--sticky,
  .product--stacked .product__info-container--sticky {
    position: static !important;
    top: auto !important;
    align-self: auto !important;
    height: auto !important;
    z-index: 1 !important;
    transform: none !important;
  }

  .product,
  .product-single-container,
  .yumi-product-layout {
    display: flex !important;
    flex-direction: column !important;
  }

  .yumi-product-info,
  .product__info-wrapper,
  .product__info-container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    margin-top: 10px !important;
  }

}

/* ==========================================================================
   MOBILE PRODUCT PAGE SIZING & OVERFLOW FIX (@media max-width: 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {

  /* Prevent any horizontal overflow on mobile */
  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  .yumi-product-page-section,
  .yumi-product-container,
  .yumi-product-layout,
  .yumi-product-gallery-col,
  .yumi-product-info-col,
  .product-single-container,
  .product {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Compact Product Main Image on Mobile (Centered, Scaled Down, No Overflow) */
  .yumi-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin: 0 auto 16px auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .yumi-product-gallery__main {
    width: 100% !important;
    max-width: 280px !important;
    aspect-ratio: 1 / 1 !important;
    background: #FDF3ED !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    margin: 0 auto 12px auto !important;
    padding: 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
    position: relative !important;
  }

  .yumi-product-gallery__main-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  /* Zoom button & badges scale down on mobile */
  .yumi-product-gallery__zoom-btn {
    width: 32px !important;
    height: 32px !important;
    top: 10px !important;
    right: 10px !important;
  }

  .yumi-product-gallery__zoom-btn svg {
    width: 14px !important;
    height: 14px !important;
  }

  .yumi-product-gallery__badges {
    top: 10px !important;
    left: 10px !important;
    gap: 4px !important;
  }

  .yumi-badge {
    padding: 3px 8px !important;
    font-size: 9px !important;
    border-radius: 8px !important;
  }

  /* Thumbnails strip centered and compact */
  .yumi-product-gallery__thumbs {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding: 4px 0 !important;
    box-sizing: border-box !important;
  }

  .yumi-product-gallery__thumb {
    width: 52px !important;
    height: 52px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
  }

  /* Product details & personalization padding */
  .yumi-product-info-col,
  .yumi-product-info-wrap {
    padding: 0 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .yumi-product-info__title,
  .product__title h1 {
    font-size: 20px !important;
    line-height: 1.25 !important;
  }

  .yumi-product-info__tags {
    flex-wrap: wrap !important;
    gap: 6px !important;
  }

  .yumi-product-tag {
    padding: 4px 10px !important;
    font-size: 10px !important;
  }

  .yumi-addons-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 16px 0 !important;
    padding: 14px 12px !important;
  }

  .yumi-addon-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .yumi-name-input-field {
    min-width: 0 !important;
    width: 100% !important;
  }

  .yumi-name-preview {
    min-width: 0 !important;
  }
}

/* ========================================================
   YUMI PRODUCT GALLERY SQUARE THUMBNAILS & FULL IMAGE VISIBLE
   ======================================================== */
.yumi-product-gallery__thumbs {
  display: flex !important;
  flex-direction: row !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 6px 16px 10px 16px !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

.yumi-product-gallery__thumbs::-webkit-scrollbar {
  height: 4px !important;
}

.yumi-product-gallery__thumbs::-webkit-scrollbar-thumb {
  background: #E2D9CE !important;
  border-radius: 4px !important;
}

.yumi-product-gallery__thumb {
  flex: 0 0 62px !important;
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  max-width: 62px !important;
  max-height: 62px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 2px solid #EAE3DC !important;
  background: #FFF8F4 !important;
  cursor: pointer !important;
  padding: 4px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  scroll-snap-align: start !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-product-gallery__thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 8px !important;
}

.yumi-product-gallery__thumb:hover {
  border-color: #F8CDB4 !important;
  transform: translateY(-2px) !important;
}

.yumi-product-gallery__thumb.is-active,
.yumi-product-gallery__thumb.active,
.yumi-product-gallery__thumb[aria-current="true"] {
  border-color: #F1A37C !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 2px rgba(241, 163, 124, 0.35) !important;
  transform: translateY(-2px) !important;
}

@media screen and (max-width: 768px) {
  .yumi-product-gallery__thumbs {
    padding: 6px 12px 10px 12px !important;
    gap: 8px !important;
    justify-content: flex-start !important;
  }

  .yumi-product-gallery__thumb {
    flex: 0 0 56px !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    border-radius: 10px !important;
    padding: 3px !important;
  }
}

/* ========================================================
   YUMI PDP ACTIONS (STACKED QUANTITY & FULL-WIDTH ATC BUTTON)
   ======================================================== */
.yumi-product-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  margin-bottom: 12px !important;
}

.yumi-quantity-selector {
  width: 140px !important;
  height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #FFF8F4 !important;
  border: 1.5px solid #FCE5D8 !important;
  border-radius: 50px !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
}

.yumi-quantity-btn {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2B231D !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.yumi-quantity-input {
  width: 50px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #2B231D !important;
  padding: 0 !important;
}

/* Full Width Single-Line Add to Cart Button */
.yumi-add-to-cart-btn,
.product-form__submit.yumi-add-to-cart-btn {
  width: 100% !important;
  min-height: 52px !important;
  height: auto !important;
  border-radius: 50px !important;
  padding: 14px 20px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  background: #35819D !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(53, 129, 157, 0.35) !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-transform: uppercase !important;
}

.yumi-add-to-cart-btn span {
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.yumi-add-to-cart-btn:hover {
  background: #2a6980 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(53, 129, 157, 0.45) !important;
}

/* Secondary Actions: Wishlist & Share */
.yumi-secondary-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.yumi-wishlist-btn,
.yumi-share-btn {
  width: 100% !important;
  height: 48px !important;
  border-radius: 50px !important;
  border: 1.5px solid #EAE3DC !important;
  background: #FFFFFF !important;
  color: #2B231D !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

/* PDP Wishlist Idle Hover */
.yumi-wishlist-btn:not(.active):not(.is-active):hover,
#wishlistBtn:not(.active):not(.is-active):hover {
  border-color: #F8CDB4 !important;
  background: #FFF8F4 !important;
  color: #E74C3C !important;
}

.yumi-wishlist-btn:not(.active):not(.is-active):hover svg path,
#wishlistBtn:not(.active):not(.is-active):hover svg path {
  stroke: #E74C3C !important;
  fill: none !important;
}

/* PDP Wishlist Active & Active Hover State (Solid Coral Red + Solid White Text) */
.yumi-wishlist-btn.is-active,
.yumi-wishlist-btn.active,
.yumi-wishlist-btn.is-active:hover,
.yumi-wishlist-btn.active:hover,
#wishlistBtn.is-active,
#wishlistBtn.active,
#wishlistBtn.is-active:hover,
#wishlistBtn.active:hover {
  border-color: #D45D4B !important;
  background: #D45D4B !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(212, 93, 75, 0.25) !important;
}

.yumi-wishlist-btn.is-active span,
.yumi-wishlist-btn.active span,
.yumi-wishlist-btn.is-active:hover span,
.yumi-wishlist-btn.active:hover span,
#wishlistBtn.is-active span,
#wishlistBtn.active span,
#wishlistBtn.is-active:hover span,
#wishlistBtn.active:hover span {
  display: inline !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.yumi-wishlist-btn.is-active svg,
.yumi-wishlist-btn.active svg,
.yumi-wishlist-btn.is-active:hover svg,
.yumi-wishlist-btn.active:hover svg,
#wishlistBtn.is-active svg,
#wishlistBtn.active svg,
#wishlistBtn.is-active:hover svg,
#wishlistBtn.active:hover svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.yumi-wishlist-btn.is-active svg path,
.yumi-wishlist-btn.active svg path,
.yumi-wishlist-btn.is-active:hover svg path,
.yumi-wishlist-btn.active:hover svg path,
#wishlistBtn.is-active svg path,
#wishlistBtn.active svg path,
#wishlistBtn.is-active:hover svg path,
#wishlistBtn.active:hover svg path {
  fill: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Hide duplicate plain text wishlist links */
.product-form .text-button-wishlist,
.product-form .product__wishlist,
.product-form .button__wishlist,
.text-button-wishlist {
  display: none !important;
}

/* ========================================================
   TIGHT SPACING FIX BETWEEN PDP AND DESCRIPTION TABS
   ======================================================== */
.yumi-product-page,
.yumi-product-page-section,
.section-main-product-padding {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.yumi-product-info-col,
.product__info-container,
.yumi-product-info-wrap {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.product__accordion:last-of-type,
.social__share_box {
  margin-bottom: 8px !important;
  padding-bottom: 0px !important;
}

.complementary-products--wrapper:empty,
.complementary-products:empty,
product-recommendations[data-intent="complementary"]:empty,
.complementary-products--wrapper:not(:has(.swiper-slide)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.nrb_p_d_t,
.nrb_p_d_t.section,
.product-tab-section,
[data-section-type="product-tab"] {
  margin-top: 16px !important;
  padding-top: 0px !important;
}

@media screen and (max-width: 768px) {
  .yumi-product-page-section {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
  }

  .nrb_p_d_t,
  .nrb_p_d_t.section,
  .product-tab-section,
  [data-section-type="product-tab"] {
    margin-top: 12px !important;
    padding-top: 0px !important;
  }
}

/* ==========================================================================
   AUTHORITATIVE YUMI PRODUCT PAGE & GALLERY: DESKTOP LEFT / MOBILE BOTTOM
   ========================================================================== */

/* ─── Desktop (min-width: 990px): Vertical Left Thumbnails + Right Main Image ─── */
@media screen and (min-width: 990px) {
  .yumi-product-layout {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: start !important;
  }

  .yumi-product-gallery-col {
    position: sticky !important;
    top: 100px !important;
    width: 100% !important;
    align-self: start !important;
  }

  html body .yumi-product-gallery,
  html body [id^="yumiProductGallery-"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 100px !important;
    box-sizing: border-box !important;
  }

  /* Left Vertical Thumbnail Column Wrapper (stretches to match main image) */
  html body .yumi-product-gallery__thumbs-wrap {
    order: 1 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex: 0 0 76px !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    align-self: stretch !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  .yumi-thumb-nav-btn {
    display: none;
    flex: 0 0 22px !important;
    width: 32px !important;
    height: 22px !important;
    background: #FFFFFF !important;
    border: 1px solid #EAE3DC !important;
    border-radius: 6px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    color: #8C827A !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
    z-index: 3 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .yumi-thumb-nav-btn svg {
    width: 14px !important;
    height: 14px !important;
    stroke: currentColor !important;
    display: block !important;
  }
  .yumi-thumb-nav-btn:hover {
    background: #FFF0E8 !important;
    color: #F1A37C !important;
    border-color: #F1A37C !important;
    transform: scale(1.05) !important;
  }
  .yumi-thumb-nav-btn--up {
    order: 1 !important;
    margin-bottom: 6px !important;
  }
  .yumi-thumb-nav-btn--down {
    order: 3 !important;
    margin-top: 6px !important;
  }

  /* Left Vertical Thumbnail Column (fills full vertical space matching main image) */
  html body .yumi-product-gallery__thumbs,
  html body #thumbStrip {
    order: 2 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex: 1 1 0 !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    gap: 10px !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior-y: contain !important;
    overflow-anchor: none !important;
    scroll-padding-top: 4px !important;
    scroll-padding-bottom: 4px !important;
    margin: 0 !important;
    padding: 4px 2px 4px 2px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    box-sizing: border-box !important;
  }

  html body .yumi-product-gallery__thumbs::-webkit-scrollbar,
  html body #thumbStrip::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body .yumi-product-gallery__thumb:first-child {
    scroll-margin-top: 4px !important;
    margin-top: 0 !important;
  }

  html body .yumi-product-gallery__thumb {
    flex: 0 0 72px !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 2px solid #EAE3DC !important;
    background: #FFF8F4 !important;
    cursor: pointer !important;
    padding: 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease !important;
  }

  html body .yumi-product-gallery__thumb img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 10px !important;
  }

  html body .yumi-product-gallery__thumb:hover {
    border-color: #F8CDB4 !important;
    transform: scale(1.02) !important;
  }

  html body .yumi-product-gallery__thumb.is-active,
  html body .yumi-product-gallery__thumb.active,
  html body .yumi-product-gallery__thumb[aria-current="true"] {
    border-color: #F1A37C !important;
    background: #FFFFFF !important;
    box-shadow: 0 0 0 2px rgba(241, 163, 124, 0.45) !important;
    transform: scale(1.02) !important;
  }

  /* Right Main Image Viewer */
  html body .yumi-product-gallery__main,
  html body #mainImageWrap {
    order: 2 !important;
    flex: 1 1 auto !important;
    width: calc(100% - 92px) !important;
    max-width: calc(100% - 92px) !important;
    aspect-ratio: 1 / 1 !important;
    background: #FDF3ED !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    cursor: zoom-in !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    top: auto !important;
  }
}



/* ==========================================================================
   UNIFIED CONSISTENT PRODUCT CARD WISHLIST BUTTON (HOMEPAGE & COLLECTION PAGES)
   ========================================================================== */
.yumi-product-card__wishlist,
.product__card--wishlist-btn,
.product-card__wishlist-wrap .wishlist__button,
wishlist-item button.wishlist__button,
wishlist-item .wishlist__button {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #7A7067 !important;
  transition: all 0.2s ease !important;
  z-index: 5 !important;
  cursor: pointer !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.yumi-product-card__wishlist:hover,
.product__card--wishlist-btn:hover,
.product-card__wishlist-wrap .wishlist__button:hover,
wishlist-item button.wishlist__button:hover,
.yumi-product-card__wishlist.is-active,
.yumi-product-card__wishlist.active,
.product__card--wishlist-btn.active,
.product__card--wishlist-btn.is-active,
wishlist-item button.wishlist__button.active,
wishlist-item button.wishlist__button.is-active,
wishlist-item .wishlist__button.active,
wishlist-item .wishlist__button.is-active {
  background: #F1A37C !important;
  color: #FFFFFF !important;
  transform: scale(1.1) !important;
  border-color: #F1A37C !important;
}

.yumi-product-card__wishlist svg,
.product__card--wishlist-btn svg,
.product-card__wishlist-wrap .wishlist__button svg,
wishlist-item button.wishlist__button svg,
wishlist-item .wishlist__button svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hide any legacy sub-spans or slash SVGs */
wishlist-item .remove__wishlist,
wishlist-item .loading__wishlist,
wishlist-item .product--tooltip-label {
  display: none !important;
}

/* ==========================================================================
   YUMI KIDS KEY FEATURES / PRODUCT USP PILLS (PREMIUM REDESIGN)
   ========================================================================== */
.product-usp-wrapper,
.yumi-key-features,
.product__info-container>.product-usp-wrapper,
.product__info-container>.yumi-key-features {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
  align-items: center !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.product-usp-item,
.yumi-key-feature-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: "Nunito", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 2px 8px rgba(45, 42, 38, 0.04) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  white-space: nowrap !important;
  cursor: default !important;
  text-decoration: none !important;
  border: 1.5px solid transparent !important;
}

.product-usp-item:hover,
.yumi-key-feature-pill:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(45, 42, 38, 0.08) !important;
}

/* 1st Pill: Warm Peach (Playful Looks) */
.product-usp-item:nth-child(1),
.product-usp-item:nth-child(4n+1),
.yumi-key-feature-pill--1 {
  background: #FFF4ED !important;
  border-color: #F8CDB4 !important;
  color: #C7785D !important;
}

/* 2nd Pill: Ocean Teal (Thoughtful Design) */
.product-usp-item:nth-child(2),
.product-usp-item:nth-child(4n+2),
.yumi-key-feature-pill--2 {
  background: #E6F5FA !important;
  border-color: #B8E4F0 !important;
  color: #0D8AAD !important;
}

/* 3rd Pill: Pastel Lilac (Personalise It) */
.product-usp-item:nth-child(3),
.product-usp-item:nth-child(4n+3),
.yumi-key-feature-pill--3 {
  background: #F5EFFB !important;
  border-color: #E2D0F7 !important;
  color: #7D3C98 !important;
}

/* 4th Pill: Fresh Mint / Sage */
.product-usp-item:nth-child(4),
.product-usp-item:nth-child(4n+4),
.yumi-key-feature-pill--0 {
  background: #EAF7EE !important;
  border-color: #C3E6CB !important;
  color: #27AE60 !important;
}

/* ==========================================================================
   YUMI KIDS - BEAUTIFIED MOBILE FILTER & SORT DUAL DROPDOWN LAYOUT
   ========================================================================== */

@media screen and (max-width: 989px) {

  /* Hide legacy drawer wrapper */
  .mobile-facets__wrapper {
    display: none !important;
  }

  /* ─── Mobile Dropdown Wrapper Container ─── */
  .mobile-facets-dropdown-wrapper {
    position: relative !important;
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 0 16px 0 !important;
    z-index: 40 !important;
    display: block !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    box-sizing: border-box !important;
  }

  /* ─── 1. Dual Pill Toolbar (Buttons + Product Count) ─── */
  .mobile-facets-toolbar {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
  }

  .mobile-facets-toolbar__buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 1 auto !important;
  }

  /* When only Sort By is present (filtering disabled) */
  .mobile-facets-toolbar--no-filters .mobile-facets-toolbar__buttons {
    flex: 0 0 auto !important;
  }

  .mobile-facets-toolbar--no-filters .mobile-facets-toolbar__btn--sort {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 220px !important;
    padding: 8px 16px !important;
    min-height: 38px !important;
  }

  /* When filters are enabled, both buttons share space cleanly */
  .mobile-facets-toolbar:not(.mobile-facets-toolbar--no-filters) .mobile-facets-toolbar__buttons {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .mobile-facets-toolbar__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    background: #FFFFFF !important;
    border: 1.5px solid #F0EAE1 !important;
    border-radius: 50px !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2B231D !important;
    box-shadow: 0 2px 8px rgba(45, 42, 38, 0.05) !important;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
    cursor: pointer !important;
    min-height: 38px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .mobile-facets-toolbar:not(.mobile-facets-toolbar--no-filters) .mobile-facets-toolbar__btn {
    flex: 1 1 auto !important;
  }

  .mobile-facets-toolbar__btn:active {
    transform: scale(0.98) !important;
  }

  .mobile-facets-toolbar__btn[aria-expanded="true"],
  .mobile-facets-toolbar__btn.has-active-filters {
    background: #FFF4ED !important;
    border-color: #F1A37C !important;
    color: #D86A38 !important;
    box-shadow: 0 4px 12px rgba(241, 163, 124, 0.2) !important;
  }

  .mobile-facets-btn__icon {
    stroke: currentColor !important;
    flex-shrink: 0 !important;
  }

  .mobile-facets-btn__label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mobile-facets-btn__label strong {
    font-weight: 800 !important;
    color: #2B231D !important;
  }

  .mobile-facets-toolbar__btn[aria-expanded="true"] .mobile-facets-btn__label strong {
    color: #D86A38 !important;
  }

  .mobile-facets-btn__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    background: #F1A37C !important;
    color: #FFFFFF !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }

  .mobile-facets-btn__chevron {
    stroke: currentColor !important;
    transition: transform 0.25s ease !important;
    flex-shrink: 0 !important;
    margin-left: 2px !important;
  }

  .mobile-facets-toolbar__btn[aria-expanded="true"] .mobile-facets-btn__chevron {
    transform: rotate(180deg) !important;
  }

  /* Product Count text in toolbar (aligned on the same line to the right) */
  .mobile-facets-toolbar .product-count {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  .mobile-facets-toolbar .product-count__text {
    font-family: "Outfit", -apple-system, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #7A7269 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
  }

  /* ─── 2. Dropdown Panels ─── */
  .mobile-facets-dropdown-panel {
    position: relative !important;
    width: 100% !important;
    background: #FFFFFF !important;
    border: 1.5px solid #F0EAE1 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(45, 42, 38, 0.12) !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    animation: mobileDropdownSlide 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  @keyframes mobileDropdownSlide {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }

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

  .mobile-facets-panel__header {
    background: linear-gradient(135deg, #FFF6F0 0%, #FFFDF9 100%) !important;
    padding: 14px 18px !important;
    border-bottom: 1.5px solid #F3ECE3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .mobile-facets-panel__title {
    font-family: "Outfit", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #2B231D !important;
  }

  .mobile-facets-panel__count {
    font-family: "Nunito", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #9C9189 !important;
    margin-left: 6px !important;
  }

  .mobile-facets-panel__clear-link {
    font-family: "Outfit", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #E74C3C !important;
    text-decoration: underline !important;
  }

  /* ─── Accordion Filter Sections ─── */
  .mobile-facets-panel__body {
    max-height: 52vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .mobile-facet-accordion {
    border-bottom: 1px solid #F3ECE3 !important;
  }

  .mobile-facet-accordion:last-child {
    border-bottom: none !important;
  }

  .mobile-facet-accordion__summary {
    width: 100% !important;
    padding: 13px 18px !important;
    background: #FAF8F5 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2B231D !important;
    cursor: pointer !important;
    text-align: left !important;
    transition: background 0.15s ease !important;
  }

  .mobile-facet-accordion__summary:hover {
    background: #FFF5EE !important;
  }

  .mobile-facet-accordion__badge {
    margin-left: auto !important;
    margin-right: 8px !important;
    background: #F1A37C !important;
    color: #FFFFFF !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    padding: 1px 7px !important;
    border-radius: 999px !important;
  }

  .mobile-facet-accordion__chevron {
    stroke: #8E8378 !important;
    transition: transform 0.2s ease !important;
  }

  .mobile-facet-accordion__summary[aria-expanded="false"] .mobile-facet-accordion__chevron {
    transform: rotate(-90deg) !important;
  }

  .mobile-facet-accordion__content {
    background: #FFFFFF !important;
    padding: 12px 16px !important;
  }

  /* ─── Filter Option Chips ─── */
  .mobile-facet-options-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .mobile-facet-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 13px !important;
    border-radius: 50px !important;
    background: #FAF8F5 !important;
    border: 1.5px solid #EAE3DA !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #2B231D !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
  }

  .mobile-facet-chip.is-active,
  .mobile-facet-chip:has(input:checked) {
    background: #FFF0E6 !important;
    border-color: #F1A37C !important;
    color: #D86A38 !important;
    font-weight: 700 !important;
  }

  .mobile-facet-chip.is-disabled {
    opacity: 0.45 !important;
    pointer-events: none !important;
  }

  .mobile-facet-chip__input {
    display: none !important;
  }

  .mobile-facet-chip__checkbox {
    width: 14px !important;
    height: 14px !important;
    border-radius: 4px !important;
    border: 1.5px solid #C4BAB0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
  }

  .mobile-facet-chip__checkbox svg {
    display: none !important;
  }

  .mobile-facet-chip:has(input:checked) .mobile-facet-chip__checkbox {
    background: #F1A37C !important;
    border-color: #F1A37C !important;
    color: #FFFFFF !important;
  }

  .mobile-facet-chip:has(input:checked) .mobile-facet-chip__checkbox svg {
    display: block !important;
    stroke: #FFFFFF !important;
  }

  .mobile-facet-chip__count {
    font-size: 11px !important;
    color: #9C9189 !important;
    font-weight: 700 !important;
  }

  /* ─── Price Range Inputs ─── */
  .mobile-facet-price-inputs {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 0 !important;
  }

  .mobile-price-input-group {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  .mobile-price-input-group label {
    font-family: "Outfit", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #7A7067 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
  }

  .mobile-price-field {
    display: flex !important;
    align-items: center !important;
    background: #FAF8F5 !important;
    border: 1.5px solid #E8E2DC !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
  }

  .mobile-price-currency {
    font-weight: 800 !important;
    color: #2B231D !important;
    margin-right: 4px !important;
    font-size: 13px !important;
  }

  .mobile-price-input {
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2B231D !important;
    padding: 0 !important;
    outline: none !important;
  }

  .mobile-price-divider {
    font-weight: 800 !important;
    color: #9C9189 !important;
    margin-top: 16px !important;
  }

  /* ─── Panel Footer ─── */
  .mobile-facets-panel__footer {
    display: flex !important;
    gap: 10px !important;
    padding: 12px 16px !important;
    background: #FFFFFF !important;
    border-top: 1.5px solid #F3ECE3 !important;
    box-sizing: border-box !important;
  }

  .mobile-facets-panel__footer-clear {
    flex: 1 !important;
    display: block !important;
  }

  .mobile-facets-btn-clear {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    text-align: center !important;
    border-radius: 50px !important;
    border: 1.5px solid #E8E2DC !important;
    color: #7A7067 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    background: #FAF8F5 !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
  }

  .mobile-facets-btn-clear:hover {
    background: #FEE8E5 !important;
    color: #E74C3C !important;
  }

  .mobile-facets-btn-apply {
    flex: 1.2 !important;
    padding: 11px 18px !important;
    text-align: center !important;
    border-radius: 50px !important;
    border: none !important;
    background: #F1A37C !important;
    color: #FFFFFF !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(241, 163, 124, 0.3) !important;
    transition: all 0.2s ease !important;
  }

  .mobile-facets-btn-apply:hover {
    background: #E08C65 !important;
    transform: scale(1.02) !important;
  }

  /* ─── Sort Dropdown Panel ─── */
  .mobile-facets-dropdown-panel--sort {
    max-width: 100% !important;
  }

  .mobile-sort-options-list {
    padding: 6px 0 !important;
  }

  .mobile-sort-option {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid #FAF8F5 !important;
    cursor: pointer !important;
    transition: background 0.15s ease !important;
    font-family: "Nunito", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2B231D !important;
  }

  .mobile-sort-option:last-child {
    border-bottom: none !important;
  }

  .mobile-sort-option:hover {
    background: #FFF8F4 !important;
  }

  .mobile-sort-option.is-selected,
  .mobile-sort-option:has(input:checked) {
    background: #FFF5EE !important;
    color: #D86A38 !important;
    font-weight: 800 !important;
  }

  .mobile-sort-radio {
    display: none !important;
  }

  .mobile-sort-option__indicator {
    width: 20px !important;
    height: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: transparent !important;
  }

  .mobile-sort-option.is-selected .mobile-sort-option__indicator,
  .mobile-sort-option:has(input:checked) .mobile-sort-option__indicator {
    color: #F1A37C !important;
  }
}

/* ==========================================================================
   SINGLE PRODUCT PAGE — MOBILE MEDIA GALLERY OUTER PADDING & WIDTH
   ========================================================================== */
@media screen and (max-width: 989px) {

  .yumi-product-gallery-col,
  .yumi-product-gallery-container {
    padding: 0 18px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .yumi-product-gallery,
  html body [id^="yumiProductGallery-"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 18px !important;
    margin: 0 auto 16px auto !important;
    box-sizing: border-box !important;
  }

  html body .yumi-product-gallery__main,
  html body #mainImageWrap {
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    background: #FDF3ED !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    margin: 0 auto 14px auto !important;
    padding: 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
  }

  html body .yumi-product-gallery__thumbs,
  html body #thumbStrip {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 2px 2px 10px 2px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
  }


}

/* ==========================================================================
   MOBILE FULL CART DRAWER SLIDER FIX (NO RIGHT CUTOFF)
   ========================================================================== */
@media screen and (max-width: 989px) {
  #mini-cart-drawer {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .cart-drawer,
  .cart-notification-wrapper,
  #cart-notification,
  .cart-notification {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .cart-drawer__header {
    width: 100% !important;
    padding: 16px 18px !important;
    box-sizing: border-box !important;
  }

  .cart-drawer__items,
  .cart__items.cart-drawer__items {
    width: 100% !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .cart-item,
  .cart-item.yumi-bundle-item,
  .cart-notification-product.cart-item {
    width: 100% !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
  }

  .cart-drawer__footer {
    width: 100% !important;
    padding: 16px 18px calc(16px + env(safe-area-inset-bottom, 0px)) 18px !important;
    box-sizing: border-box !important;
  }

  .checkout-btn {
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Tight Spacing: Price Tax/Shipping line to Key Feature Pills */
.price__box_wrapper.yumi-product-info__price-wrap,
.yumi-product-info__price-wrap,
.price__box_wrapper {
  margin-bottom: 8px !important;
}

.yumi-product-info__tax,
p.yumi-product-info__tax {
  margin: 4px 0 0 0 !important;
}

.product__info-container>.product-usp-wrapper,
.product__info-container>.yumi-key-features,
.product-usp-wrapper,
.yumi-key-features {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding-top: 0 !important;
}

/* ==========================================================================
   MOBILE PERSONALISE SECTION / ADDONS CLEAN SPACIOUS LAYOUT
   ========================================================================== */
@media screen and (max-width: 767px) {
  .yumi-personalise-section {
    padding: 16px 14px !important;
    border-radius: 18px !important;
    margin-bottom: 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .yumi-personalise-section__header {
    margin-bottom: 14px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .yumi-personalise-section__title {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  .yumi-addon-toggle,
  .yumi-addon-card {
    padding: 0 !important;
    border-radius: 14px !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .yumi-addon-toggle__row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .yumi-toggle-switch {
    width: 44px !important;
    height: 24px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  .yumi-toggle-switch__slider::before {
    width: 18px !important;
    height: 18px !important;
    left: 3px !important;
    bottom: 3px !important;
  }

  .yumi-addon-toggle__info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .yumi-addon-toggle__name {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #2D2A26 !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: normal !important;
  }

  .yumi-addon-toggle__desc {
    font-size: 11.5px !important;
    color: #7A7269 !important;
    line-height: 1.35 !important;
    margin-top: 1px !important;
    word-break: normal !important;
  }

  .yumi-addon-toggle__price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0D8AAD !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    text-align: right !important;
    margin-left: auto !important;
  }

  .yumi-addon-toggle__panel.addon-body {
    padding: 12px 14px 14px 14px !important;
    box-sizing: border-box !important;
  }

  .yumi-name-input-wrap {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .yumi-name-input-field {
    width: 100% !important;
    min-width: 0 !important;
  }

  .yumi-name-preview {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   COMPLIMENTARY PACKAGING (YELLOW DRAWSTRING BAG) STYLING
   ═══════════════════════════════════════════════════════════ */
.cart-item--complimentary {
  background: linear-gradient(135deg, #FFFDF8 0%, #FFF9EB 100%) !important;
  border: 1.5px dashed #FCEEC7 !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
  position: relative !important;
  box-shadow: 0 4px 12px rgba(224, 178, 82, 0.08) !important;
}

.cart-item__complimentary-badge {
  margin-bottom: 3px !important;
}

.complimentary-gift-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 3px 9px !important;
  background: #FFF4ED !important;
  border: 1px solid #F8CDB4 !important;
  border-radius: 20px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #D4714E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  box-shadow: 0 2px 6px rgba(241, 163, 124, 0.12) !important;
}

.complimentary-gift-note {
  font-size: 11.5px !important;
  color: #8C827A !important;
  line-height: 1.35 !important;
  margin-top: 2px !important;
}

.complimentary-price-display {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.complimentary-strikethrough {
  font-family: "Outfit", sans-serif !important;
  font-size: 13.5px !important;
  color: #9E9893 !important;
  text-decoration: line-through !important;
  font-weight: 600 !important;
}

.complimentary-free-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 9px !important;
  background: #E8F5E9 !important;
  border: 1.2px solid #81C784 !important;
  border-radius: 6px !important;
  color: #2E7D32 !important;
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 2px 6px rgba(46, 125, 50, 0.1) !important;
}

.complimentary-gift-qty-wrap {
  display: inline-flex !important;
  align-items: center !important;
}

.complimentary-gift-qty-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  background: #FFFFFF !important;
  border: 1px solid #E8E2DC !important;
  border-radius: 20px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #4A4540 !important;
  white-space: nowrap !important;
}

.complimentary-lock-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  opacity: 0.8 !important;
  cursor: default !important;
}

.complimentary-gift-tag-icon {
  font-size: 15px !important;
}

/* ═══════════════════════════════════════════════════════════
   YUMI KIDS - REVAMPED CART PAGE STYLES (DESKTOP & MOBILE)
   ═══════════════════════════════════════════════════════════ */

.yumi-cart-page-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 24px 20px 60px 20px !important;
  font-family: "Outfit", "Nunito", sans-serif !important;
  color: #2D2A26 !important;
}

/* Empty State */
.yumi-cart-empty-state {
  text-align: center !important;
  padding: 60px 24px !important;
  background: #FFFFFF !important;
  border-radius: 24px !important;
  border: 1.5px dashed #F0EAE1 !important;
  margin: 30px auto !important;
  max-width: 580px !important;
  box-shadow: 0 4px 20px rgba(45, 42, 38, 0.04) !important;
}

.yumi-cart-empty-icon {
  font-size: 56px !important;
  margin-bottom: 14px !important;
  animation: yumiBounce 2s infinite ease-in-out !important;
}

@keyframes yumiBounce {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

.yumi-cart-empty-title {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 0 8px 0 !important;
}

.yumi-cart-empty-desc {
  font-size: 15px !important;
  color: #7A7570 !important;
  margin: 0 0 24px 0 !important;
  line-height: 1.4 !important;
}

.yumi-cart-empty-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 14px 30px !important;
  background: linear-gradient(135deg, #D4714E 0%, #C85A32 100%) !important;
  color: #FFFFFF !important;
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  box-shadow: 0 6px 18px rgba(212, 113, 78, 0.35) !important;
  transition: all 0.25s ease !important;
}

.yumi-cart-empty-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(212, 113, 78, 0.45) !important;
  color: #FFFFFF !important;
}

.yumi-cart-login-prompt {
  margin-top: 24px !important;
  font-size: 13px !important;
  color: #8C827A !important;
}

.yumi-cart-login-prompt a {
  color: #D4714E !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.yumi-cart-login-prompt a:hover {
  text-decoration: underline !important;
}

/* Header Banner */
.yumi-cart-header-banner {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  padding-bottom: 18px !important;
  margin-bottom: 24px !important;
  border-bottom: 1.5px solid #F0EAE1 !important;
}

.yumi-cart-page-title {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

.yumi-cart-count-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 12px !important;
  background: #FFF4ED !important;
  border: 1px solid #FBDCCE !important;
  border-radius: 50px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #D4714E !important;
}

.yumi-cart-page-subtitle {
  font-size: 13.5px !important;
  color: #7A7570 !important;
  margin: 6px 0 0 0 !important;
  line-height: 1.35 !important;
}

.yumi-cart-continue-top {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #D4714E !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.yumi-cart-continue-top:hover {
  text-decoration: underline !important;
}

/* Grid Layout */
.yumi-cart-grid {
  display: grid !important;
  grid-template-columns: 1fr 380px !important;
  gap: 32px !important;
  align-items: start !important;
}

/* Shipping Progress Bar Card */
.yumi-cart-shipping-card {
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(45, 42, 38, 0.03) !important;
}

.yumi-cart-shipping-info {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
  font-size: 13.5px !important;
  color: #4A4540 !important;
  line-height: 1.35 !important;
}

.yumi-cart-shipping-badge {
  padding: 3px 9px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: #FFF4ED !important;
  color: #D4714E !important;
  border: 1px solid #FBDCCE !important;
  white-space: nowrap !important;
}

.yumi-cart-shipping-badge.success {
  background: #E8F5E9 !important;
  color: #2E7D32 !important;
  border-color: #A5D6A7 !important;
}

.yumi-cart-shipping-track {
  height: 8px !important;
  border-radius: 50px !important;
  background: #F0EAE1 !important;
  overflow: hidden !important;
  position: relative !important;
}

.yumi-cart-shipping-fill {
  height: 100% !important;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #F9C369 0%, #D4714E 100%) !important;
  transition: width 0.4s ease !important;
}

/* Items List */
.yumi-cart-items-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  margin-bottom: 24px !important;
}

/* Item Card */
.yumi-cart-item-card {
  display: flex !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 14px rgba(45, 42, 38, 0.04) !important;
  position: relative !important;
  transition: all 0.2s ease !important;
}

.yumi-cart-item-card:hover {
  border-color: #E2D9CC !important;
  box-shadow: 0 6px 20px rgba(45, 42, 38, 0.07) !important;
}

.yumi-cart-item__media {
  flex-shrink: 0 !important;
}

.yumi-cart-item__media img {
  width: 105px !important;
  height: 105px !important;
  object-fit: cover !important;
  border-radius: 14px !important;
  background: #FFF9F5 !important;
  border: 1px solid #F2ECE4 !important;
  display: block !important;
}

.yumi-cart-item__content {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}

.yumi-cart-item__top-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.yumi-cart-item__vendor {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #D4714E !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 2px !important;
  display: block !important;
}

.yumi-cart-item__title {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.35 !important;
}

.yumi-cart-item__title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.yumi-cart-item__title a:hover {
  color: #D4714E !important;
}

.yumi-cart-item__variants {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
}

.yumi-cart-variant-tag {
  font-size: 12px !important;
  color: #7A7570 !important;
  background: #FAF7F2 !important;
  border: 1px solid #EDE7DF !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
}

.yumi-cart-item__addons-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 8px 0 !important;
}

.yumi-cart-addon-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  background: #FFF5EE !important;
  border: 1px solid #FBDCCE !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #9E4525 !important;
  line-height: 1.3 !important;
}

.yumi-addon-price-pill {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #0D8AAD !important;
  margin-left: 2px !important;
}

.yumi-cart-item__bottom-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #F0EAE1 !important;
}

.yumi-pill-quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 110px !important;
  height: 38px !important;
  background: #FFF8F4 !important;
  border: 1.5px solid #FCE5D8 !important;
  border-radius: 50px !important;
  padding: 2px 6px !important;
  box-sizing: border-box !important;
}

.yumi-pill-qty-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: transparent !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #D4714E !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s ease !important;
}

.yumi-pill-qty-btn:hover {
  background: #FFE8DB !important;
}

.yumi-pill-qty-input {
  width: 32px !important;
  text-align: center !important;
  border: none !important;
  background: transparent !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  -moz-appearance: textfield !important;
  outline: none !important;
}

.yumi-cart-remove-btn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #FAF7F2 !important;
  border: 1px solid #EDE7DF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #9E9893 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.yumi-cart-remove-btn:hover {
  background: #FFEBE5 !important;
  border-color: #FBDCCE !important;
  color: #D4714E !important;
  transform: scale(1.08) !important;
}

.yumi-cart-item__total-price {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

/* Complimentary Gift Card */
.yumi-cart-item-card--complimentary {
  background: linear-gradient(135deg, #FFFDF8 0%, #FFF9EB 100%) !important;
  border: 1.5px dashed #FCEEC7 !important;
  box-shadow: 0 4px 14px rgba(224, 178, 82, 0.08) !important;
}

.yumi-complimentary-badge-wrap {
  margin-bottom: 4px !important;
}

/* Note Card */
.yumi-cart-note-card {
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 10px rgba(45, 42, 38, 0.03) !important;
}

.yumi-cart-note-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

.yumi-cart-note-header h4 {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 !important;
}

.yumi-cart-note-icon {
  font-size: 17px !important;
}

.yumi-cart-note-textarea {
  width: 100% !important;
  min-height: 75px !important;
  border-radius: 12px !important;
  border: 1.5px solid #E8E2DC !important;
  padding: 12px 14px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13.5px !important;
  color: #2D2A26 !important;
  background: #FAF7F2 !important;
  resize: vertical !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.yumi-cart-note-textarea:focus {
  border-color: #D4714E !important;
  background: #FFFFFF !important;
}

/* Trust Badges Strip */
.yumi-cart-trust-strip {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 20px !important;
}

.yumi-trust-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 14px !important;
  background: #FFFFFF !important;
  border: 1px solid #F0EAE1 !important;
  border-radius: 14px !important;
}

.yumi-trust-icon {
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.yumi-trust-item strong {
  display: block !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  line-height: 1.2 !important;
}

.yumi-trust-item span {
  display: block !important;
  font-size: 11px !important;
  color: #7A7570 !important;
  line-height: 1.2 !important;
}

/* Order Summary Sidebar */
.yumi-cart-sidebar-col {
  position: sticky !important;
  top: 90px !important;
}

.yumi-cart-summary-card {
  background: #FFFFFF !important;
  border: 1.5px solid #F0EAE1 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  box-shadow: 0 8px 30px rgba(45, 42, 38, 0.05) !important;
}

.yumi-cart-summary-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  padding-bottom: 14px !important;
  border-bottom: 1.5px solid #F0EAE1 !important;
}

.yumi-cart-summary-title {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
  margin: 0 !important;
}

.yumi-summary-count-badge {
  padding: 3px 10px !important;
  background: #FAF7F2 !important;
  border: 1px solid #EDE7DF !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #7A7570 !important;
}

/* Promo Box */
.yumi-cart-promo-box {
  display: flex !important;
  gap: 8px !important;
  margin-bottom: 18px !important;
}

.yumi-cart-promo-box input {
  flex: 1 !important;
  border-radius: 10px !important;
  border: 1.5px solid #E8E2DC !important;
  padding: 10px 14px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13.5px !important;
  background: #FAF7F2 !important;
  outline: none !important;
  transition: border-color 0.2s ease !important;
}

.yumi-cart-promo-box input:focus {
  border-color: #D4714E !important;
  background: #FFFFFF !important;
}

.yumi-cart-promo-apply-btn {
  padding: 0 16px !important;
  background: #2D2A26 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
}

.yumi-cart-promo-apply-btn:hover {
  background: #D4714E !important;
}

/* Summary Rows */
.yumi-cart-summary-breakdown {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.yumi-summary-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #6E6862 !important;
}

.yumi-summary-value {
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-summary-row--discount {
  color: #D4714E !important;
  font-weight: 600 !important;
}

.yumi-summary-row--complimentary .yumi-free-savings {
  font-weight: 700 !important;
  color: #2E7D32 !important;
}

.yumi-summary-muted {
  font-size: 13px !important;
  color: #7A7570 !important;
}

.yumi-summary-divider {
  height: 1.5px !important;
  background: #F0EAE1 !important;
  margin: 14px 0 16px 0 !important;
}

.yumi-summary-total-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 18px !important;
}

.yumi-total-label {
  display: block !important;
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-total-tax-note {
  display: block !important;
  font-size: 11.5px !important;
  color: #9E9893 !important;
  margin-top: 1px !important;
}

.yumi-total-amount {
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #2D2A26 !important;
}

.yumi-cart-checkout-btn {
  width: 100% !important;
  height: 52px !important;
  border-radius: 50px !important;
  background: linear-gradient(135deg, #D4714E 0%, #C85A32 100%) !important;
  color: #FFFFFF !important;
  font-family: "Fredoka", "Outfit", sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 6px 20px rgba(212, 113, 78, 0.35) !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.yumi-cart-checkout-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(212, 113, 78, 0.45) !important;
  filter: brightness(1.03) !important;
  color: #FFFFFF !important;
}

.yumi-cart-secure-footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid #F0EAE1 !important;
}

.yumi-secure-lock {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #5C5650 !important;
}

.yumi-payment-pill-icons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 5px !important;
  margin-top: 2px !important;
}

.yumi-pay-pill {
  padding: 2px 7px !important;
  background: #FAF7F2 !important;
  border: 1px solid #EDE7DF !important;
  border-radius: 4px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: #7A7570 !important;
  letter-spacing: 0.3px !important;
}

.yumi-cart-continue-bottom {
  margin-top: 14px !important;
  text-align: center !important;
}

.yumi-cart-continue-bottom a {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #D4714E !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.yumi-cart-continue-bottom a:hover {
  text-decoration: underline !important;
}

/* Hide legacy empty footer */
.yumi-cart-footer-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   RESPONSIVE CART PAGE (MOBILE & TABLET BREAKPOINTS)
   ═══════════════════════════════════════════════════════════ */

@media screen and (max-width: 991px) {
  .yumi-cart-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .yumi-cart-sidebar-col {
    position: static !important;
  }

  .yumi-cart-header-banner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .yumi-cart-continue-top {
    display: none !important;
  }

  .yumi-cart-page-title {
    font-size: 24px !important;
  }

  .yumi-cart-trust-strip {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .yumi-cart-item-card {
    padding: 14px 16px !important;
    gap: 14px !important;
  }

  .yumi-cart-item__media img {
    width: 85px !important;
    height: 85px !important;
  }

  .yumi-cart-item__title {
    font-size: 15px !important;
  }
}

@media screen and (max-width: 480px) {
  .yumi-cart-page-wrapper {
    padding: 16px 14px 50px 14px !important;
  }

  .yumi-cart-item-card {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .yumi-cart-item__media {
    display: flex !important;
    justify-content: center !important;
  }

  .yumi-cart-item__media img {
    width: 100% !important;
    max-width: 140px !important;
    height: 140px !important;
  }

  .yumi-cart-summary-card {
    padding: 18px 16px !important;
  }

  .yumi-cart-checkout-btn {
    height: 48px !important;
    font-size: 14.5px !important;
  }
}

/* Hide breadcrumb banner specifically on cart template */
.template-cart .breadcrumbs,
.template-cart-json .breadcrumbs {
  display: none !important;
}

/* Prevent any legacy cart table overflow */
.template-cart .cart_template_wrapper>.row>.col-12 {
  padding: 0 !important;
}
/* ═════════════════════════════════════════════════════════════════════════════
   PRODUCT DESCRIPTION & ACCORDION — CONSISTENT TYPOGRAPHY
   Desktop: 18px
   Mobile: 14px
   ═════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────
   BASE TYPOGRAPHY
   ───────────────────────────────────────────────────────────────────────────── */

.product__description,
.product__description *,
.product__accordion .accordion__content,
.product__accordion .accordion__content *,
.yumi-accordion__content,
.yumi-accordion__content *,
.product-details-tabs .tab-content,
.product-details-tabs .tab-content *,
.product-info-details .rte,
.product-info-details .rte *,
.product-description-area,
.product-description-area * {
  font-family: "Outfit", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   DESCRIPTION / ACCORDION BASE
   ───────────────────────────────────────────────────────────────────────────── */

.product__description,
.product__accordion .accordion__content,
.yumi-accordion__content,
.product-details-tabs .tab-content,
.product-info-details .rte,
.product-description-area {
  font-size: 16px !important;
  line-height: 1.7 !important;
  color: #55504A !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   PARAGRAPHS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description p,
.product__accordion .accordion__content p,
.yumi-accordion__content p,
.product-details-tabs .tab-content p,
.product-info-details .rte p,
.product-description-area p {
  font-family: "Outfit", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  color: #55504A !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   HEADINGS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description h1,
.product__description h2,
.product__description h3,
.product__description h4,
.product__description h5,
.product__description h6,

.product__accordion .accordion__content h1,
.product__accordion .accordion__content h2,
.product__accordion .accordion__content h3,
.product__accordion .accordion__content h4,
.product__accordion .accordion__content h5,
.product__accordion .accordion__content h6,

.yumi-accordion__content h1,
.yumi-accordion__content h2,
.yumi-accordion__content h3,
.yumi-accordion__content h4,
.yumi-accordion__content h5,
.yumi-accordion__content h6,

.product-details-tabs .tab-content h1,
.product-details-tabs .tab-content h2,
.product-details-tabs .tab-content h3,
.product-details-tabs .tab-content h4,
.product-details-tabs .tab-content h5,
.product-details-tabs .tab-content h6,

.product-info-details .rte h1,
.product-info-details .rte h2,
.product-info-details .rte h3,
.product-info-details .rte h4,
.product-info-details .rte h5,
.product-info-details .rte h6,

.product-description-area h1,
.product-description-area h2,
.product-description-area h3,
.product-description-area h4,
.product-description-area h5,
.product-description-area h6,

.product-desc-heading {
  font-family: "Fredoka", "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1A1816 !important;
  letter-spacing: -0.01em !important;
  margin-top: 24px !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  text-transform: none !important;
}


/* First heading should sit closer to the top */

.product__description h1:first-child,
.product__description h2:first-child,
.product__description h3:first-child,
.product__description h4:first-child,
.product__description h5:first-child,
.product__description h6:first-child,

.product__accordion .accordion__content h1:first-child,
.product__accordion .accordion__content h2:first-child,
.product__accordion .accordion__content h3:first-child,
.product__accordion .accordion__content h4:first-child,
.product__accordion .accordion__content h5:first-child,
.product__accordion .accordion__content h6:first-child,

.yumi-accordion__content h1:first-child,
.yumi-accordion__content h2:first-child,
.yumi-accordion__content h3:first-child,
.yumi-accordion__content h4:first-child,
.yumi-accordion__content h5:first-child,
.yumi-accordion__content h6:first-child,

.product-desc-heading:first-child {
  margin-top: 4px !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   BOLD PARAGRAPH HEADINGS
   Example:
   <p><strong>Key Features</strong></p>
   ───────────────────────────────────────────────────────────────────────────── */

.product__description p > strong:only-child,
.product__description p > b:only-child,

.product__accordion .accordion__content p > strong:only-child,
.product__accordion .accordion__content p > b:only-child,

.yumi-accordion__content p > strong:only-child,
.yumi-accordion__content p > b:only-child {
  font-family: "Fredoka", "Quicksand", -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #1A1816 !important;
  display: block !important;
  margin-top: 22px !important;
  margin-bottom: 10px !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   UNORDERED LISTS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description ul,
.product__accordion .accordion__content ul,
.yumi-accordion__content ul,
.product-details-tabs .tab-content ul,
.product-info-details .rte ul,
.product-description-area ul {
  list-style-type: disc !important;
  padding-left: 24px !important;
  margin: 10px 0 18px 0 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   ORDERED LISTS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description ol,
.product__accordion .accordion__content ol,
.yumi-accordion__content ol,
.product-details-tabs .tab-content ol,
.product-info-details .rte ol,
.product-description-area ol {
  list-style-type: decimal !important;
  padding-left: 24px !important;
  margin: 10px 0 18px 0 !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   LIST ITEMS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description li,
.product__accordion .accordion__content li,
.yumi-accordion__content li,
.product-details-tabs .tab-content li,
.product-info-details .rte li,
.product-description-area li {
  font-family: "Outfit", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #55504A !important;
  margin-bottom: 8px !important;
  padding-left: 4px !important;
}


/* Bullet color */

.product__description li::marker,
.product__accordion .accordion__content li::marker,
.yumi-accordion__content li::marker,
.product-details-tabs .tab-content li::marker,
.product-info-details .rte li::marker,
.product-description-area li::marker {
  color: #9C948B !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   LINKS
   ───────────────────────────────────────────────────────────────────────────── */

.product__description a,
.product__accordion .accordion__content a,
.yumi-accordion__content a,
.product-details-tabs .tab-content a,
.product-info-details .rte a,
.product-description-area a {
  font-family: "Outfit", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: inherit !important;
  color: inherit !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   STRONG / BOLD TEXT
   Keep normal body size unless it is a heading-only paragraph
   ───────────────────────────────────────────────────────────────────────────── */

.product__description strong,
.product__description b,
.product__accordion .accordion__content strong,
.product__accordion .accordion__content b,
.yumi-accordion__content strong,
.yumi-accordion__content b,
.product-details-tabs .tab-content strong,
.product-details-tabs .tab-content b,
.product-info-details .rte strong,
.product-info-details .rte b,
.product-description-area strong,
.product-description-area b {
  font-family: inherit !important;
}


/* ─────────────────────────────────────────────────────────────────────────────
   INLINE ELEMENTS
   Prevent theme/product HTML from changing the font
   ───────────────────────────────────────────────────────────────────────────── */

.product__description span,
.product__description div,
.product__description em,
.product__description small,

.product__accordion .accordion__content span,
.product__accordion .accordion__content div,
.product__accordion .accordion__content em,
.product__accordion .accordion__content small,

.yumi-accordion__content span,
.yumi-accordion__content div,
.yumi-accordion__content em,
.yumi-accordion__content small,

.product-details-tabs .tab-content span,
.product-info-details .rte span,
.product-description-area span {
  font-family: inherit !important;
}


/* ═════════════════════════════════════════════════════════════════════════════
   MOBILE
   ═════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width: 767px) {

  /* Base body text */

  .product__description,
  .product__accordion .accordion__content,
  .yumi-accordion__content,
  .product-details-tabs .tab-content,
  .product-info-details .rte,
  .product-description-area {
    font-size: 14px !important;
    line-height: 1.65 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }


  /* Paragraphs */

  .product__description p,
  .product__accordion .accordion__content p,
  .yumi-accordion__content p,
  .product-details-tabs .tab-content p,
  .product-info-details .rte p,
  .product-description-area p {
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin-bottom: 10px !important;
  }


  /* Headings */

  .product__description h1,
  .product__description h2,
  .product__description h3,
  .product__description h4,
  .product__description h5,
  .product__description h6,

  .product__accordion .accordion__content h1,
  .product__accordion .accordion__content h2,
  .product__accordion .accordion__content h3,
  .product__accordion .accordion__content h4,
  .product__accordion .accordion__content h5,
  .product__accordion .accordion__content h6,

  .yumi-accordion__content h1,
  .yumi-accordion__content h2,
  .yumi-accordion__content h3,
  .yumi-accordion__content h4,
  .yumi-accordion__content h5,
  .yumi-accordion__content h6,

  .product-desc-heading {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin-top: 18px !important;
    margin-bottom: 8px !important;
  }


  /* Bold paragraph headings */

  .product__description p > strong:only-child,
  .product__description p > b:only-child,
  .product__accordion .accordion__content p > strong:only-child,
  .product__accordion .accordion__content p > b:only-child,
  .yumi-accordion__content p > strong:only-child,
  .yumi-accordion__content p > b:only-child {
    font-size: 17px !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;
  }


  /* Lists */

  .product__description ul,
  .product__accordion .accordion__content ul,
  .yumi-accordion__content ul,
  .product__description ol,
  .product__accordion .accordion__content ol,
  .yumi-accordion__content ol {
    padding-left: 20px !important;
    margin: 8px 0 14px 0 !important;
  }


  /* List items */

  .product__description li,
  .product__accordion .accordion__content li,
  .yumi-accordion__content li {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
    padding-left: 2px !important;
  }
}

/* ==========================================================================
   YUMI KIDS - HAMPER BULK PROMPT STYLES
   ========================================================================== */
.yumi-hamper-bulk-prompt {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px 14px !important;
  width: 100% !important;
  max-width: 540px !important;
  margin: 8px 0 6px 0 !important;
  padding: 10px 14px !important;
  background: linear-gradient(135deg, #FFFDF9 0%, #FFF5ED 100%) !important;
  border: 1.5px solid #FCD9C4 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(241, 163, 124, 0.12) !important;
  box-sizing: border-box !important;
  position: relative !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.yumi-hamper-bulk-prompt:hover {
  border-color: #F1A37C !important;
  box-shadow: 0 4px 14px rgba(241, 163, 124, 0.22) !important;
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF2E8 100%) !important;
}

.yumi-hamper-bulk-prompt__content {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 250px !important;
  min-width: 0 !important;
}

.yumi-hamper-bulk-prompt__icon {
  font-size: 22px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  animation: yumiHamperGiftPulse 2.8s infinite ease-in-out !important;
}

@keyframes yumiHamperGiftPulse {
  0%, 100% {
    transform: scale(1) rotate(0deg);
  }
  15% {
    transform: scale(1.15) rotate(-6deg);
  }
  30% {
    transform: scale(1.1) rotate(6deg);
  }
  45% {
    transform: scale(1) rotate(0deg);
  }
}

.yumi-hamper-bulk-prompt__text-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
}

.yumi-hamper-bulk-prompt__headline {
  font-family: "Fredoka", "Quicksand", -apple-system, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2D2A26 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px !important;
}

.yumi-hamper-bulk-prompt__subtext {
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #7A4D3B !important;
  line-height: 1.3 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.yumi-hamper-bulk-prompt__tag {
  display: inline-block !important;
  background: #E85D04 !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  padding: 2px 7px !important;
  border-radius: 9999px !important;
  line-height: 1.2 !important;
  flex-shrink: 0 !important;
}

.yumi-hamper-bulk-prompt__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 8px 14px !important;
  background: #25D366 !important;
  color: #FFFFFF !important;
  font-family: "Nunito", -apple-system, sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-radius: 9999px !important;
  box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
}

.yumi-hamper-bulk-prompt__btn:hover {
  background: #1EBE5D !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.45) !important;
}

.yumi-hamper-bulk-prompt__wa-icon {
  width: 15px !important;
  height: 15px !important;
  flex-shrink: 0 !important;
  fill: #FFFFFF !important;
}

/* Mobile Optimization */
@media screen and (max-width: 600px) {
  .yumi-hamper-bulk-prompt {
    padding: 10px 12px !important;
    gap: 10px !important;
    margin: 8px 0 6px 0 !important;
    border-radius: 12px !important;
  }

  .yumi-hamper-bulk-prompt__content {
    flex: 1 1 100% !important;
    gap: 8px !important;
  }

  .yumi-hamper-bulk-prompt__icon {
    font-size: 20px !important;
  }

  .yumi-hamper-bulk-prompt__headline {
    font-size: 13.5px !important;
  }

  .yumi-hamper-bulk-prompt__subtext {
    font-size: 12px !important;
  }

  .yumi-hamper-bulk-prompt__btn {
    width: 100% !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    justify-content: center !important;
    min-height: 40px !important;
  }
}