/* PASHA BABY — public storefront theme
   Code-only brand layer. No generated image assets. */

:root{
  --pb-bg:#fffaf5;
  --pb-surface:#ffffff;
  --pb-surface-soft:#fff6f0;
  --pb-ink:#2f3b42;
  --pb-muted:#6e7b81;
  --pb-border:#eadfd7;
  --pb-mint:#8fcdbd;
  --pb-mint-deep:#2f8b73;
  --pb-peach:#f4c3aa;
  --pb-sky:#b7dff0;
  --pb-lavender:#d0c4ef;
  --pb-butter:#f7dfa0;
  --pb-danger:#d96d71;
  --pb-shadow:0 12px 34px rgba(72,58,47,.10);
  --pb-shadow-soft:0 7px 22px rgba(72,58,47,.08);
}

html,
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(183,223,240,.32),transparent 28%),
    radial-gradient(circle at 92% 8%,rgba(244,195,170,.27),transparent 26%),
    linear-gradient(180deg,#fffdfb 0%,var(--pb-bg) 100%) !important;
  color:var(--pb-ink) !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Tahoma,sans-serif !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:radial-gradient(rgba(47,139,115,.055) 1px,transparent 1px);
  background-size:20px 20px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 72%);
}

.sm-bg-video,
.sm-bg-overlay{
  display:none !important;
}

.sm-app{
  background:transparent !important;
  color:var(--pb-ink) !important;
}

.sm-header{
  padding-top:18px !important;
  padding-bottom:12px !important;
  background:transparent !important;
}

.sm-header .sm-logo-wrap,
.sm-intro .sm-intro-logo-wrap{
  display:none !important;
}

.pb-brand{
  width:min(100%,430px);
  margin:0 auto 14px;
  padding:0 16px;
  display:grid;
  justify-items:center;
  text-align:center;
}

.pb-brand-mark{
  position:relative;
  width:78px;
  height:78px;
  display:grid;
  place-items:center;
  border-radius:25px;
  background:linear-gradient(145deg,#ffffff,#fff7f1);
  border:1px solid rgba(47,139,115,.18);
  box-shadow:var(--pb-shadow-soft);
  color:var(--pb-mint-deep);
  font-size:26px;
  line-height:1;
  font-weight:950;
  letter-spacing:-1.5px;
  isolation:isolate;
}

.pb-brand-mark::before,
.pb-brand-mark::after{
  content:"";
  position:absolute;
  border-radius:999px;
  z-index:-1;
}

.pb-brand-mark::before{
  width:22px;
  height:22px;
  top:-7px;
  left:-6px;
  background:var(--pb-sky);
  box-shadow:56px 48px 0 -3px var(--pb-peach);
}

.pb-brand-mark::after{
  width:12px;
  height:12px;
  right:8px;
  top:10px;
  background:var(--pb-butter);
}

.pb-brand-mark small{
  position:absolute;
  right:8px;
  bottom:7px;
  width:17px;
  height:10px;
  border-bottom:3px solid var(--pb-mint-deep);
  border-radius:0 0 14px 14px;
  opacity:.72;
}

.pb-brand-name{
  margin-top:10px;
  color:var(--pb-ink);
  font-size:27px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.6px;
}

.pb-brand-tagline{
  margin-top:6px;
  max-width:310px;
  color:var(--pb-muted);
  font-size:13px;
  line-height:1.55;
  font-weight:750;
}

.sm-header h1{
  width:max-content;
  max-width:calc(100% - 32px);
  margin:8px auto 10px !important;
  padding:9px 16px !important;
  border:1px solid var(--pb-border) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 6px 18px rgba(80,67,55,.06) !important;
  color:var(--pb-ink) !important;
  font-size:14px !important;
  line-height:1.1 !important;
  letter-spacing:0 !important;
  font-weight:900 !important;
}

#smSubtitle{
  width:min(88%,360px);
  margin:0 auto 12px !important;
  color:var(--pb-muted) !important;
  font-size:12px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}

.sm-header-tools,
.sm-header .sm-tools,
.sm-header .sm-toolbar{
  gap:8px !important;
}

.sm-header-icon-btn,
#smLangToggle,
#smSearchBtn,
#smRefreshBtn{
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
  border:1px solid var(--pb-border) !important;
  background:rgba(255,255,255,.94) !important;
  color:var(--pb-ink) !important;
  box-shadow:0 5px 15px rgba(72,58,47,.07) !important;
}

.sm-lang-code{
  color:var(--pb-mint-deep) !important;
  background:#fff !important;
  border-color:rgba(47,139,115,.2) !important;
}

.sm-quick-actions,
.sm-actions{
  width:min(100%,430px) !important;
  gap:8px !important;
  padding-inline:14px !important;
}

.sm-quick-actions a,
.sm-actions a{
  min-height:50px !important;
  padding:8px 7px !important;
  border:1px solid var(--pb-border) !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--pb-ink) !important;
  box-shadow:0 6px 16px rgba(72,58,47,.06) !important;
}

.sm-quick-actions a span,
.sm-actions a span{
  font-size:18px !important;
}

.sm-quick-actions a b,
.sm-actions a b{
  font-size:10.5px !important;
  font-weight:850 !important;
}

.sm-cats-wrap{
  top:0 !important;
  padding:8px 0 7px !important;
  background:rgba(255,250,245,.92) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

.sm-cats{
  gap:8px !important;
  padding-inline:12px !important;
  scrollbar-width:none;
}

.sm-cats::-webkit-scrollbar{display:none}

.sm-cat{
  min-height:49px !important;
  padding:7px 13px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  border:1px solid var(--pb-border) !important;
  border-radius:16px !important;
  background:#fff !important;
  color:var(--pb-ink) !important;
  box-shadow:0 5px 14px rgba(72,58,47,.055) !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:850 !important;
  white-space:nowrap !important;
}

.sm-cat::before{
  content:attr(data-pb-icon);
  display:inline-grid;
  place-items:center;
  min-width:24px;
  font-size:18px;
  line-height:1;
}

.sm-cat.active{
  background:linear-gradient(135deg,#b9e3d8,#94cdbf) !important;
  border-color:rgba(47,139,115,.32) !important;
  color:#213932 !important;
  box-shadow:0 8px 18px rgba(47,139,115,.16) !important;
  transform:none !important;
}

.sm-progress{
  height:2px !important;
  margin-top:7px !important;
  background:rgba(47,139,115,.09) !important;
}

.sm-progress span{
  background:var(--pb-mint-deep) !important;
}

.sm-menu{
  padding:9px 12px 32px !important;
}

.sm-section{
  margin-top:10px !important;
}

.sm-section-head{
  margin:0 2px 11px !important;
  min-height:38px !important;
}

.sm-section-title{
  color:var(--pb-ink) !important;
  font-size:20px !important;
  line-height:1.25 !important;
  font-weight:950 !important;
  letter-spacing:-.25px !important;
}

.sm-share-category,
.sm-share-product{
  border:1px solid var(--pb-border) !important;
  background:rgba(255,255,255,.96) !important;
  color:var(--pb-mint-deep) !important;
  box-shadow:0 5px 14px rgba(72,58,47,.07) !important;
}

.sm-grid{
  gap:12px !important;
}

.sm-card,
html[dir="rtl"] .sm-card,
html[dir="ltr"] .sm-card{
  min-height:176px !important;
  border:1px solid var(--pb-border) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:var(--pb-shadow) !important;
  color:var(--pb-ink) !important;
  overflow:hidden !important;
  animation:none !important;
  filter:none !important;
}

.sm-card::before,
.sm-card::after{
  display:none !important;
}

.sm-card .sm-img{
  margin:8px !important;
  border-radius:19px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.92),transparent 35%),
    linear-gradient(145deg,#f7fbfb,#fff4ed) !important;
  border:1px solid rgba(47,139,115,.08) !important;
  isolation:isolate;
}

.sm-card .sm-product-image{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:7px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:16px !important;
  box-shadow:none !important;
  animation:none !important;
  transform:none !important;
  filter:none !important;
}

.sm-img.pb-placeholder{
  position:relative;
}

.sm-img.pb-placeholder .sm-product-image{
  opacity:0 !important;
}

.sm-img.pb-placeholder::after{
  content:attr(data-pb-icon);
  position:absolute;
  inset:0;
  z-index:2;
  display:grid;
  place-items:center;
  font-size:52px;
  line-height:1;
  filter:saturate(.78);
}

.sm-info{
  color:var(--pb-ink) !important;
}

.sm-name{
  color:var(--pb-ink) !important;
  font-size:16.5px !important;
  line-height:1.35 !important;
  font-weight:950 !important;
  letter-spacing:-.15px !important;
}

.sm-search-category{
  color:var(--pb-muted) !important;
  font-size:10px !important;
  font-weight:750 !important;
}

.sm-options-scroll{
  gap:5px !important;
}

.sm-option{
  min-height:31px !important;
  padding:5px 8px !important;
  border:1px solid rgba(234,223,215,.9) !important;
  border-radius:11px !important;
  background:#fdfbf9 !important;
  color:var(--pb-muted) !important;
}

.sm-option span{
  font-size:10px !important;
  font-weight:760 !important;
}

.sm-price{
  color:#2d7965 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

.sm-direct-add,
.sm-choose-options,
.sm-add-cart{
  min-height:37px !important;
  border:0 !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#3b9a82,#2f826f) !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(47,139,115,.20) !important;
  font-weight:900 !important;
  transform:none !important;
}

.sm-direct-add b,
.sm-choose-options b{
  color:#fff !important;
  font-size:10.5px !important;
}

.sm-display-badge,
.sm-display-badge.gold,
.sm-display-badge.red,
.sm-display-badge.offer{
  border:1px solid rgba(255,255,255,.8) !important;
  border-radius:999px !important;
  color:#334047 !important;
  background:#fff0dc !important;
  box-shadow:0 4px 10px rgba(72,58,47,.08) !important;
}

.sm-display-badge.gold{background:#fff1bc !important}
.sm-display-badge.red{background:#ffd8d8 !important}
.sm-display-badge.offer{background:#dff3ec !important}

.sm-off{
  background:rgba(217,109,113,.92) !important;
  color:#fff !important;
  border-radius:999px !important;
}

.sm-news-ticker{
  margin:7px 12px 5px !important;
  border:1px solid var(--pb-border) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--pb-ink) !important;
  box-shadow:0 6px 16px rgba(72,58,47,.06) !important;
}

.sm-news-label{
  background:var(--pb-peach) !important;
  color:#5b4032 !important;
}

#smCartFab,
.sm-cart-fab{
  border:0 !important;
  background:linear-gradient(135deg,#3b9a82,#2f826f) !important;
  color:#fff !important;
  box-shadow:0 13px 30px rgba(47,139,115,.27) !important;
}

.sm-cart-drawer,
.sm-checkout-sheet,
.sm-choice-sheet{
  background:#fffdfb !important;
  color:var(--pb-ink) !important;
  border-color:var(--pb-border) !important;
}

.sm-cart-drawer h3,
.sm-checkout-sheet h3,
.sm-choice-sheet h3{
  color:var(--pb-ink) !important;
}

.sm-cart-item,
.sm-checkout-review,
.sm-choice-option{
  background:#fff !important;
  border-color:var(--pb-border) !important;
  color:var(--pb-ink) !important;
}

.sm-cart-continue,
#smSendWhatsApp,
.sm-location-btn{
  background:linear-gradient(135deg,#3b9a82,#2f826f) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:15px !important;
}

.sm-cart-qty button,
.sm-cart-remove,
.sm-cart-close,
.sm-checkout-head button,
.sm-choice-head button,
#smImageClose{
  border-color:var(--pb-border) !important;
  background:#fff !important;
  color:var(--pb-ink) !important;
}

.sm-checkout-body input,
.sm-checkout-body textarea{
  border:1px solid var(--pb-border) !important;
  background:#fff !important;
  color:var(--pb-ink) !important;
  border-radius:13px !important;
}

.sm-order-types button{
  border-color:var(--pb-border) !important;
  background:#fff !important;
  color:var(--pb-ink) !important;
}

.sm-order-types button.active{
  background:#dff3ec !important;
  color:#235f50 !important;
  border-color:rgba(47,139,115,.32) !important;
}

.sm-footer{
  padding:22px 12px 92px !important;
  background:transparent !important;
}

.sm-footer-card{
  border:1px solid var(--pb-border) !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--pb-ink) !important;
  box-shadow:var(--pb-shadow-soft) !important;
}

.sm-footer-line{
  background:linear-gradient(90deg,transparent,var(--pb-mint),transparent) !important;
}

.sm-footer h2,
.sm-footer-phone{
  color:var(--pb-ink) !important;
}

.sm-footer-location,
.sm-footer-copy{
  color:var(--pb-muted) !important;
}

.sm-footer-main-actions a,
.sm-footer-socials a{
  border:1px solid var(--pb-border) !important;
  background:#fff !important;
  color:var(--pb-ink) !important;
}

#smTopBtn,
.sm-top-btn{
  border:1px solid var(--pb-border) !important;
  background:#fff !important;
  color:var(--pb-mint-deep) !important;
  box-shadow:0 8px 20px rgba(72,58,47,.10) !important;
}

.sm-intro{
  background:
    radial-gradient(circle at 22% 16%,rgba(183,223,240,.42),transparent 28%),
    radial-gradient(circle at 76% 10%,rgba(244,195,170,.36),transparent 26%),
    linear-gradient(180deg,#fffdfb,#fff8f3) !important;
  color:var(--pb-ink) !important;
}

.sm-intro-brand{
  color:var(--pb-ink) !important;
  font-size:31px !important;
  font-weight:950 !important;
  letter-spacing:-.7px !important;
}

.sm-intro-sub{
  color:var(--pb-mint-deep) !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:1.3px !important;
}

.pb-intro-mark{
  width:90px;
  height:90px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  border-radius:29px;
  background:#fff;
  border:1px solid rgba(47,139,115,.18);
  box-shadow:var(--pb-shadow);
  color:var(--pb-mint-deep);
  font-size:30px;
  font-weight:950;
  letter-spacing:-1px;
}

@media(max-width:768px){
  .sm-app{width:100% !important;max-width:100% !important}
  .sm-header{padding-inline:4px !important}
  .sm-grid{grid-template-columns:1fr !important}
  .sm-card{width:100% !important}
  .pb-brand-name{font-size:26px}
}

@media(min-width:769px){
  .sm-app{max-width:620px !important}
  .sm-menu{padding-inline:18px !important}
  .pb-brand{margin-top:8px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto !important;
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
}