/* ============================================================
   pay.clinicparvaz.ir — shop.css — نسخهٔ ۱.۰
   ارتقای بصری فروشگاه — روی style.css اصلی سوار می‌شود
   · hero: هالهٔ نور + گرادیان نازک‌تر + انیمیشن ورود پلکانی
   · قیمت: کهربایی (زبان «پول و اقدام» سایت)
   · کارت: سایهٔ رنگی هاور + فلش دکمه
   · trust: هاور نرم
   · فیکس زوم iOS: input جستجو ۱۶px
   نصب: بعد از glam2.css:
   <link rel="stylesheet" href="shop.css?v=1">
   ============================================================ */

/* ————— Hero ————— */
/* گرادیان تیرهٔ یکنواخت قبلی: عکس را دفن می‌کرد —
   حالا تیرگی فقط پشت متن و هالهٔ آبی پشت کارت تصویر */
.shop-hero.hero-img .hero-ov{
  background:linear-gradient(90deg,rgba(30,58,95,.18) 0%,rgba(30,58,95,.52) 46%,rgba(30,58,95,.86) 100%)
}
.shop-hero.hero-img::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 280px at 80% 28%,rgba(41,168,216,.28),transparent 66%)
}
.shop-hero:not(.hero-img){
  background:
    radial-gradient(520px 260px at 82% 20%,rgba(41,168,216,.35),transparent 62%),
    linear-gradient(135deg,#1E3A5F 0%,#2A5A8F 55%,#1E88B8 100%)
}
.shop-hero h2{
  font-size:clamp(21px,2.7vw,31px);letter-spacing:-.01em;
  text-shadow:0 2px 14px rgba(15,27,45,.35)
}
.shop-hero p{font-size:13.5px;opacity:.92;max-width:540px}
.shop-hero .hk{
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)
}
/* ورود پلکانی محتوای hero — یک‌بار، هنگام لود */
.shop-hero .hero-in > *{
  opacity:0;transform:translateY(14px);
  animation:shIn .65s cubic-bezier(.22,.8,.35,1) forwards
}
.shop-hero .hero-in .hk{animation-delay:.05s}
.shop-hero .hero-in h2{animation-delay:.16s}
.shop-hero .hero-in p{animation-delay:.27s}
.shop-hero .hero-in .hero-cta{animation-delay:.38s}
@keyframes shIn{to{opacity:1;transform:none}}
.shop-hero .hero-cta a{
  transition:transform .2s ease,box-shadow .2s ease
}
.shop-hero .hero-cta a:hover{
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)
}

/* ————— قیمت — کهربایی: تنها عنصر گرم کارت ————— */
.shop-grid .price{
  color:#B45309;font-weight:900;font-size:15.5px;letter-spacing:-.2px
}
.shop-grid .price small{color:#8a97a6;font-weight:600}
.shop-grid .price .from-tag{color:#b08968}
.pcard:hover .price{color:#92400E}

/* ————— کارت محصول ————— */
.pcard:hover{
  box-shadow:0 16px 40px rgba(41,168,216,.20)
}
.pimg::after{ /* پردهٔ نوری پایین عکس — عمق بدون تغییر عکس */
  content:'';position:absolute;inset:auto 0 0 0;height:38%;
  background:linear-gradient(180deg,transparent,rgba(30,58,95,.06));
  pointer-events:none
}
.pmore{letter-spacing:.2px}
.pcard:hover .pmore{letter-spacing:.6px}

/* ————— چیپ دستهٔ فعال — هاله ————— */
.cat.on{box-shadow:0 6px 16px rgba(30,58,95,.28)}

/* ————— trust bar ————— */
.trust .t{transition:transform .2s ease,box-shadow .2s ease}
.trust .t:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,58,95,.10)}

/* ————— badge سبد شناور — پالس نرم ————— */
.cart-fab .cnt{animation:cntPop 2.2s ease-in-out infinite}
@keyframes cntPop{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.12)}
}

/* ————— فیکس زوم iOS — input جستجو ————— */
@supports (-webkit-touch-callout:none){
  .shop-search input{font-size:16px}
  input,select,textarea{font-size:16px !important}
}

/* ————— حرکت کمتر ————— */
@media(prefers-reduced-motion:reduce){
  .shop-hero .hero-in > *{animation:none;opacity:1;transform:none}
  .cart-fab .cnt{animation:none}
}