/* Mamacitta baby-shop polish (v1) — keeps brand colors, upgrades cards/shadows/hover/dividers.
   Hero/logo untouched: selectors target only category links, product links, section h2s, and .below-fold sections (none present in the hero). */
:root{ --mc-pri:hsl(199 100% 43%); --mc-sec:hsl(86 54% 51%); --mc-ink:16 42 67; }

/* smoother feel on interactive cards */
a[href*="/shop?category"], a[href*="/product/"]{
  transition: transform .38s cubic-bezier(.2,.8,.2,1), box-shadow .38s ease !important;
  will-change: transform;
}

/* ---- Category tiles (homepage star) ---- */
a[href*="/shop?category"]{
  border-radius: 1.4rem !important;
  overflow: hidden;
  box-shadow: 0 8px 24px -10px rgba(var(--mc-ink)/.20), 0 2px 6px -2px rgba(var(--mc-ink)/.10);
}
a[href*="/shop?category"]:hover{
  transform: translateY(-7px);
  box-shadow: 0 22px 44px -14px rgba(var(--mc-ink)/.30), 0 8px 18px -8px rgba(var(--mc-ink)/.18);
}
a[href*="/shop?category"] img{ transition: transform .6s cubic-bezier(.2,.8,.2,1); }
a[href*="/shop?category"]:hover img{ transform: scale(1.08); }

/* ---- Product cards ---- */
a[href*="/product/"]{ border-radius: 1.1rem !important; }
a[href*="/product/"]:hover{
  transform: translateY(-5px);
  box-shadow: 0 18px 36px -16px rgba(var(--mc-ink)/.28) !important;
}

/* ---- Section heading accent (hero has no h2) ---- */
section h2{ position: relative; }
section h2::after{
  content:""; display:block; height:4px; width:56px; margin:.65rem auto 0;
  border-radius:999px; opacity:.92;
  background:linear-gradient(90deg,var(--mc-pri),var(--mc-sec));
}

/* ---- Soft divider + rhythm on content sections (hero lacks .below-fold) ---- */
section.below-fold{ position: relative; }
section.below-fold::before{
  content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
  width:min(88%,1080px); height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--mc-ink)/.12),transparent);
}

/* gentle hover on content buttons (not hero) */
section.below-fold button, section.below-fold a[class*="rounded-full"]{
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
section.below-fold button:hover, section.below-fold a[class*="rounded-full"]:hover{
  transform: translateY(-2px); filter: saturate(1.05);
}

/* ---- Product page: visible back button ---- */
.mc-back{ display:inline-flex !important; align-items:center; gap:.5rem; background:#eef2f6; border-radius:999px; padding:.55rem 1.15rem; box-shadow:0 1px 3px rgba(16,42,67,.10); }
.mc-back:hover{ background:hsl(199 100% 43% / .12); color:hsl(199 100% 43%); }
.mc-back:active{ transform:scale(.97); }

/* ---- Product page: friendlier option pills ---- */
.mc-opts{ gap:.6rem !important; }
.mc-opts button{ border-radius:999px !important; padding:.58rem 1.2rem !important; }
.mc-opts button:hover{ transform:translateY(-1px); box-shadow:0 4px 12px -6px rgba(16,42,67,.2); }
.mc-opts button[class*="bg-primary"]{ box-shadow:0 6px 16px -6px hsl(199 100% 43% / .55) !important; }

/* Product shipping badge */
.mc-ship{ background:#eff6ff; color:#1d4ed8; }

/* ---- Product page: baby-store beauty ---- */
.mc-gal{ border-radius:1.6rem !important; border:1px solid #e8eef4;
  box-shadow:0 22px 48px -20px rgba(16,42,67,.28), 0 6px 16px -8px rgba(16,42,67,.12); }
.mc-thumb{ border-radius:1rem !important; transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease !important; }
.mc-thumb:hover{ transform:translateY(-3px); box-shadow:0 8px 16px -8px rgba(16,42,67,.25); }
.mc-title{ letter-spacing:-.015em; }
.mc-title>span:first-child::after{ content:""; display:block; height:4px; width:64px; margin-top:.55rem;
  border-radius:999px; background:linear-gradient(90deg,hsl(199 100% 43%),hsl(86 54% 51%)); opacity:.9; }
.mc-cart{ border-radius:999px !important; box-shadow:0 12px 26px -12px hsl(199 100% 43% / .55);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; }
.mc-cart:hover{ transform:translateY(-2px); filter:brightness(1.06) saturate(1.05); box-shadow:0 18px 34px -14px hsl(199 100% 43% / .6); }
.mc-cart:active{ transform:scale(.97); }
.mc-cart2{ border-radius:999px !important; transition:transform .22s ease, box-shadow .22s ease; }
.mc-cart2:hover{ transform:translateY(-2px); box-shadow:0 14px 28px -14px rgba(17,24,39,.5); }
.mc-desc{ background:linear-gradient(135deg,#f8fafc,#f0f7fb); border:1px solid #e8eef4; border-radius:1.1rem; padding:1rem 1.15rem !important; }
.mc-back{ box-shadow:0 2px 6px rgba(16,42,67,.12); }
/* ---- Shop page: baby-store beauty ---- */
.mc-shoph1{ position:relative; display:inline-block; }
.mc-shoph1::after{ content:""; display:block; height:3px; width:42px; margin-top:.35rem;
  border-radius:999px; background:linear-gradient(90deg,hsl(199 100% 43%),hsl(86 54% 51%)); opacity:.9; }
.mc-search{ border-radius:999px !important; transition:box-shadow .25s ease, border-color .25s ease; }
.mc-search:focus{ border-color:hsl(199 100% 43% / .6) !important; box-shadow:0 0 0 4px hsl(199 100% 43% / .12), 0 6px 16px -8px rgba(16,42,67,.15); }
.mc-card{ border-radius:1.3rem !important; }
.mc-card img{ transition:transform .55s cubic-bezier(.2,.8,.2,1); }
.mc-card:hover img{ transform:scale(1.07); }
button.mc-chip{ border-radius:999px !important; transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important; }
button.mc-chip:hover{ transform:translateY(-1px); }
button.mc-chip[class*="bg-primary"]{ box-shadow:0 6px 14px -6px hsl(199 100% 43% / .55); }
button.mc-chip:active{ transform:scale(.96); }
/* ---- Checkout page: professional polish ---- */
.mc-cocard{ border-radius:1.4rem !important; border-color:#e8eef4 !important;
  box-shadow:0 16px 36px -20px rgba(16,42,67,.18), 0 2px 8px -4px rgba(16,42,67,.08) !important; }
.mc-cocard>h2{ position:relative; padding-bottom:.5rem; }
.mc-cocard>h2::after{ content:""; position:absolute; left:0; bottom:0; height:3px; width:38px;
  border-radius:999px; background:linear-gradient(90deg,hsl(199 100% 43%),hsl(86 54% 51%)); opacity:.85; }
.mc-coinput{ background:#fbfdfe !important; transition:box-shadow .25s ease, border-color .25s ease, background .25s ease !important; }
.mc-coinput:focus{ background:#fff !important; box-shadow:0 0 0 4px hsl(199 100% 43% / .12); }
.mc-cobtn{ border-radius:999px !important; box-shadow:0 14px 30px -12px hsl(199 100% 43% / .55);
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease; }
.mc-cobtn:hover:not(:disabled){ transform:translateY(-2px); filter:brightness(1.07) saturate(1.05); box-shadow:0 20px 38px -14px hsl(199 100% 43% / .6); }
.mc-cobtn:active{ transform:scale(.98); }
.mc-applybtn{ border-radius:999px !important; }
.mc-paylab{ border-radius:1.1rem !important; transition:transform .2s ease, box-shadow .2s ease !important; }
.mc-paylab:hover{ transform:translateY(-1px); box-shadow:0 8px 18px -10px rgba(16,42,67,.22); }
/* ---- Hero logo blend (pure white media on white section) ---- */
section video, section img[src*="logo-static"]{ background:#fff; }

/* ---- Category tile icon redesign: brand gradient badge ---- */
.mc-catic{ background:linear-gradient(135deg,hsl(199 100% 43%),hsl(86 54% 51%)) !important;
  color:#ffffff !important; border:2px solid rgba(255,255,255,.6) !important;
  box-shadow:0 10px 24px -8px hsl(199 100% 43% / .6), inset 0 1px 0 rgba(255,255,255,.35) !important;
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease !important; }
.group:hover .mc-catic{ transform:scale(1.14) rotate(-6deg) !important;
  box-shadow:0 16px 32px -10px hsl(199 100% 43% / .7), inset 0 1px 0 rgba(255,255,255,.4) !important; }
/* ---- Product page buttons: professional upgrade ---- */
.mc-optlb{ text-transform:uppercase !important; font-size:11px !important; letter-spacing:.09em !important; color:#64748b !important; }
.mc-opts button{ background:#fff; border-color:#e2e8f0 !important; box-shadow:0 1px 3px rgba(16,42,67,.07); }
.mc-opts button:hover{ border-color:hsl(199 100% 43% / .55) !important; background:hsl(199 100% 43% / .05); }
.mc-opts button[class*="bg-primary"]{ background:linear-gradient(135deg,hsl(199 100% 47%),hsl(199 92% 37%)) !important;
  border-color:transparent !important; box-shadow:0 8px 18px -6px hsl(199 100% 43% / .55) !important; transform:scale(1.05); }
.mc-opts button[class*="bg-primary"]::after{ content:"✓"; margin-left:7px; font-weight:900; }
.mc-qty{ background:#fff !important; border:1.5px solid #e2e8f0 !important; border-radius:999px !important; padding:4px !important;
  box-shadow:0 2px 10px -3px rgba(16,42,67,.10); }
.mc-qty button{ border-radius:999px !important; width:2.4rem !important; height:2.4rem !important; transition:all .2s ease !important; }
.mc-qty button:hover:not(:disabled){ background:hsl(199 100% 43%) !important; color:#fff !important; transform:scale(1.08); }
.mc-qty span{ font-size:1.05rem !important; }
.mc-cart{ position:relative; overflow:hidden; }
.mc-cart[class*="bg-primary"]{ background:linear-gradient(135deg,hsl(199 100% 47%),hsl(199 92% 36%)) !important; }
.mc-cart::before{ content:""; position:absolute; top:0; left:-80%; width:50%; height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent); transform:skewX(-20deg); transition:left .55s ease; }
.mc-cart:hover::before{ left:130%; }
.mc-cart2{ background:linear-gradient(135deg,#1f2937,#0b1220) !important; }