@charset "UTF-8";
/* =========================================================
   REBEL HOUSE — PEACHES & CREAM THEME (MODERN REFRESH)
   ========================================================= */
/* ---------- Design tokens ---------- */
:root {
  --rh-cream-2:#FFF9F6;
  --rh-white:#FFFFFF;
  --rh-peach-50:#FFF0E9;
  --rh-peach-100:#FFE7DD;
  --rh-peach-200:#FFDACC;
  --rh-peach-300:#F6CBB2;
  --rh-accent:#D46B2D;
  /* Darker "Rebel" orange */
  --rh-ink:#4B4037;
  /* Deep brown */
  --rh-warm:#6A3C1C;
  /* High-contrast body text */
  --rh-stroke:#E08E73;
  /* Defined borders to match stickers */
  --rh-easter:#E8A2AF;
  /* Seasonal Easter Pink */ }

/* ===========================
   GLOBAL & HEADER
   =========================== */
body {
  background: linear-gradient(180deg, var(--rh-cream-2) 0%, #fff 90%);
  color: var(--rh-warm);
  font-family: 'Poppins',system-ui,sans-serif;
  zoom: 1.0001; }

h1, h2, h3, h4, h5, h6 {
  color: var(--rh-ink);
  font-weight: 700; }

em, i, .italic, .is-italic,
.card-title, .card-brand, .productView-title, .productView-brand,
.price-section, .button, .quickview,
p, span, a, small, strong, label {
  font-style: normal !important;
  font-family: 'Poppins',system-ui,sans-serif; }

.header {
  background-color: var(--rh-white) !important;
  border-bottom: 1px solid var(--rh-peach-100) !important;
  padding: 10px 0 !important; }

/* ===========================
   MOBILE MENU & NAVIGATION
   =========================== */
/* 1) Drawer Panel & Padding */
.mobileMenu, .navPages-container {
  background: linear-gradient(180deg, var(--rh-cream-2) 0%, #ffffff 80%) !important; }

.mobileMenu .navPages {
  padding: 18px 24px !important; }

/* 2) Star Icons - Force Render using Unicode */
.mobileMenu-list .navPages-item a[href*="/baby" i]::before,
.mobileMenu-list .navPages-item a[href*="/boys" i]::before,
.mobileMenu-list .navPages-item a[href*="/girls" i]::before,
.mobileMenu-list .navPages-item a[href*="/ladies" i]::before,
.mobileMenu-list .navPages-item a[href*="/accessories" i]::before,
.mobileMenu-list .navPages-item a[href*="/made-to-order" i]::before,
.mobileMenu-list .navPages-item a[href*="/mom-me" i]::before {
  content: '★' !important;
  display: inline-block !important;
  margin-right: 10px !important;
  color: var(--rh-accent) !important;
  font-size: 14px !important;
  vertical-align: middle !important; }

/* 3) Clean List Categories (Boxless) */
.mobileMenu a[href*="/baby" i],
.mobileMenu a[href*="/boys" i],
.mobileMenu a[href*="/girls" i],
.mobileMenu a[href*="/ladies" i],
.mobileMenu a[href*="/accessories" i],
.mobileMenu a[href*="/made-to-order" i],
.mobileMenu a[href*="/mom-me" i],
.navPages a[href*="/baby" i],
.navPages a[href*="/boys" i],
.navPages a[href*="/girls" i],
.navPages a[href*="/ladies" i],
.navPages a[href*="/accessories" i],
.navPages a[href*="/mom-me" i],
.navPages a[href*="/made-to-order" i] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
  color: var(--rh-accent) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 16px !important;
  /* Sea Glass bump applied */ }

/* 4) Easter Specialty Link */
.mobileMenu a[href*="/easter" i], .navPages a[href*="/easter" i] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
  color: var(--rh-easter) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  /* Sea Glass bump applied */ }

.mobileMenu a[href*="/easter" i]::before {
  content: '✿' !important;
  margin-right: 10px !important;
  font-size: 14px !important;
  color: var(--rh-easter) !important; }

/* 5) Navigation Section with Scalloped Divider */
.navPages-list:not(.navPages-list--categories) {
  margin-top: 25px !important;
  padding-top: 20px !important;
  border-top: 2px dotted var(--rh-peach-200) !important;
  position: relative !important; }

/* Adding the scalloped "dots" feel above the Nav header */
.navPages-list:not(.navPages-list--categories)::before {
  content: '◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦ ◦' !important;
  position: absolute !important;
  top: -15px !important;
  left: 0 !important;
  color: var(--rh-peach-200) !important;
  font-size: 20px !important;
  width: 100% !important;
  white-space: nowrap !important;
  opacity: 0.6 !important; }

.navPages-list:not(.navPages-list--categories) .navPages-item a {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 !important;
  color: var(--rh-ink) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  /* Noir/Sea Glass style bump */
  justify-content: flex-start !important; }

/* ===========================
   CARDS & ALIGNMENT
   =========================== */
.card {
  border: 1px solid var(--rh-peach-200);
  border-radius: 20px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(245, 180, 157, 0.12); }

.card-title {
  min-height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important; }

.card-title a {
  color: var(--rh-ink);
  font-weight: 700;
  font-size: 14px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-decoration: none !important; }

.card .button {
  width: 100% !important;
  border-radius: 9999px !important;
  background: var(--rh-ink) !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 10px !important; }

/* ===========================
   UI CLEANUP
   =========================== */
.breadcrumbs, .breadcrumb, .page-heading, .category-title {
  display: none !important; }

.navPages-item .icon, .navPages-item svg, .navPages-title, .navPages-heading {
  display: none !important; }

/* Hide Brands */
.navPages .navPages-list--brands, .navPages .brands, [data-menu-section="brands"], .mobileMenu-list a[href*="/brands" i] {
  display: none !important; }