/* PASHA BABY — soft brand atmosphere
   CSS-only background. No image assets. */

:root{
  --pb-bg-sky:228,241,246;
  --pb-bg-peach:248,229,218;
  --pb-bg-butter:248,239,207;
  --pb-bg-lilac:238,233,247;
  --pb-bg-mint:220,239,233;
}

html{
  background:#fffaf7 !important;
}

body{
  min-height:100svh;
  background:
    radial-gradient(ellipse 72% 34% at 4% 3%, rgba(var(--pb-bg-sky),.72) 0%, rgba(var(--pb-bg-sky),.28) 42%, transparent 72%),
    radial-gradient(ellipse 64% 31% at 96% 12%, rgba(var(--pb-bg-peach),.68) 0%, rgba(var(--pb-bg-peach),.24) 43%, transparent 73%),
    radial-gradient(ellipse 70% 35% at 12% 47%, rgba(var(--pb-bg-lilac),.48) 0%, rgba(var(--pb-bg-lilac),.18) 44%, transparent 74%),
    radial-gradient(ellipse 64% 34% at 92% 63%, rgba(var(--pb-bg-mint),.55) 0%, rgba(var(--pb-bg-mint),.19) 44%, transparent 74%),
    radial-gradient(ellipse 64% 30% at 18% 92%, rgba(var(--pb-bg-butter),.48) 0%, rgba(var(--pb-bg-butter),.16) 43%, transparent 73%),
    linear-gradient(180deg,#fffdfb 0%,#fff9f6 34%,#fbfcfb 69%,#fffaf7 100%) !important;
  background-repeat:no-repeat !important;
  color:var(--pb4-ink,#26363b) !important;
}

/* Remove the older dotted texture so the result stays clean and premium. */
body::before{
  content:none !important;
  display:none !important;
  background:none !important;
}

.sm-app,
.sm-header,
.sm-menu,
.sm-section{
  background:transparent !important;
}

/* Keep header controls on the PHYSICAL right side in every document direction.
   Do not use inset-inline-* here: in RTL it maps back onto right/left and can
   cancel the physical right value. */
.sm-header{
  position:relative !important;
}

#smHeaderTools.sm-header-tools,
.sm-header-tools,
.sm-header .sm-tools,
.sm-header .sm-toolbar{
  position:absolute !important;
  left:auto !important;
  right:max(10px,env(safe-area-inset-right)) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  justify-content:flex-start !important;
  direction:ltr !important;
}

@media (max-width:650px){
  #smHeaderTools.sm-header-tools,
  .sm-header-tools,
  .sm-header .sm-tools,
  .sm-header .sm-toolbar{
    left:auto !important;
    right:max(8px,env(safe-area-inset-right)) !important;
  }
}

/* Let a hint of the page gradient breathe through the sticky category rail. */
.sm-cats-wrap,
.sm-cats-wrap.fixed{
  background:rgba(255,250,247,.84) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
}

/* Announcement: clearer urgent label + stronger readable copy. */
#smAnnouncement.sm-news-ticker,
.sm-news-ticker{
  border:1px solid rgba(199,152,148,.34) !important;
  background:rgba(255,255,255,.94) !important;
  color:#33474d !important;
  box-shadow:0 8px 22px rgba(72,58,47,.075) !important;
  opacity:1 !important;
}

#smAnnouncement .sm-news-label,
.sm-news-ticker .sm-news-label{
  min-width:52px !important;
  padding-inline:10px !important;
  background:linear-gradient(135deg,#ee9c96,#df7f83) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-weight:950 !important;
  opacity:1 !important;
  text-shadow:none !important;
  box-shadow:none !important;
}

#smAnnouncement .sm-news-copy,
.sm-news-ticker .sm-news-copy{
  color:#31464c !important;
  -webkit-text-fill-color:#31464c !important;
  font-weight:850 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* Keep the bottom area visually continuous instead of ending in a flat block. */
.sm-footer{
  background:transparent !important;
}

@media (prefers-reduced-transparency: reduce){
  .sm-cats-wrap,
  .sm-cats-wrap.fixed{
    background:rgba(255,250,247,.96) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}