/* ══════════════════════════════════════════
   ویجت شگفت‌انگیز — داروخانه دکتر فاطمه کریمی
   ══════════════════════════════════════════ */
.dkpd-root{
  --p:#A24FB5; --pd:#7C3691; --pdd:#4A1A57; --pl:#C77FD6;
  --pk:#F6CADC; --pkl:#FCEAF2; --pkx:#FDF4F8;
  --acc:#E0559B; --tx:#2B2432; --gr:#7B7385; --ln:#EFE7F2;
  --cr:28px;
  font-family:'YekanBakh','Yekan Bakh',Tahoma,sans-serif;
  direction:rtl;position:relative;
}
.dkpd-root *{box-sizing:border-box;}
.dkpd-root a{text-decoration:none;color:inherit;}
.dkpd-i{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round;display:block;flex:none;}
.dkpd-wrap{max-width:1240px;margin-inline:auto;padding-inline:20px;}

/* ═══ جعبه اصلی ═══ */
.dkpd-box{position:relative;border-radius:var(--cr);overflow:hidden;
  padding:26px 26px 22px;color:#fff;
  background:linear-gradient(135deg,var(--pdd) 0%,var(--pd) 45%,var(--p) 100%);
  box-shadow:0 28px 60px -24px rgba(74,26,87,.65);}

/* شبکه کاغذ نسخه */
.dkpd-grid-bg{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.13;
  background-image:
    linear-gradient(rgba(255,255,255,.55) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(ellipse 90% 70% at 60% 40%,#000 30%,transparent 78%);
  mask-image:radial-gradient(ellipse 90% 70% at 60% 40%,#000 30%,transparent 78%);}

.dkpd-orb{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;}
.dkpd-orb1{width:340px;height:340px;top:-140px;left:-90px;
  background:radial-gradient(circle,rgba(246,202,220,.5),transparent 70%);}
.dkpd-orb2{width:300px;height:300px;bottom:-130px;right:-70px;
  background:radial-gradient(circle,rgba(224,85,155,.4),transparent 70%);}

/* ═══ سربرگ ═══ */
.dkpd-head{position:relative;z-index:3;display:flex;align-items:flex-start;
  justify-content:space-between;gap:20px;margin-bottom:6px;}
.dkpd-eyebrow{display:inline-flex;align-items:center;gap:8px;
  padding:6px 15px 6px 8px;border-radius:999px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);
  font-size:12px;font-weight:700;margin-bottom:11px;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.dkpd-flame{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(140deg,#FFB648,var(--acc));font-size:14px;flex:none;
  animation:dkpdFlick 2.4s ease-in-out infinite;}
@keyframes dkpdFlick{
  0%,100%{transform:scale(1) rotate(0);box-shadow:0 0 0 0 rgba(224,85,155,.5);}
  50%{transform:scale(1.1) rotate(-6deg);box-shadow:0 0 0 7px rgba(224,85,155,0);}}
.dkpd-title{margin:0;font-size:30px;font-weight:400;line-height:1.35;color:#fff;}
.dkpd-title b{font-weight:800;
  background:linear-gradient(100deg,#fff,var(--pk) 60%,#FFD9E8);
  -webkit-background-clip:text;background-clip:text;color:transparent;}

.dkpd-navs{display:flex;align-items:center;gap:9px;flex:none;}
.dkpd-nav{width:40px;height:40px;display:grid;place-items:center;cursor:pointer;
  border-radius:13px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:18px;
  background:rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:.26s cubic-bezier(.34,1.4,.64,1);}
.dkpd-nav:hover{background:#fff;color:var(--pd);transform:translateY(-3px);
  box-shadow:0 10px 20px -6px rgba(0,0,0,.35);}
.dkpd-count{font-size:12.5px;opacity:.75;display:flex;align-items:center;gap:3px;}
.dkpd-count b{font-size:15px;font-weight:800;opacity:1;}
.dkpd-count i{font-style:normal;opacity:.5;}

/* ═══ اسلایدها ═══ */
.dkpd-stage-wrap{position:relative;z-index:3;}
.dkpd-slide{display:none;grid-template-columns:1fr 1fr;gap:26px;align-items:center;
  min-height:400px;}
.dkpd-slide.is-on{display:grid;}

/* ── اطلاعات ── */
.dkpd-info{display:flex;flex-direction:column;gap:12px;padding:14px 6px;}
.dkpd-slide.is-on .dkpd-info>*{opacity:0;transform:translateY(16px);
  animation:dkpdIn .55s cubic-bezier(.22,1,.36,1) forwards;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(1){animation-delay:.05s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(2){animation-delay:.11s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(3){animation-delay:.17s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(4){animation-delay:.23s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(5){animation-delay:.29s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(6){animation-delay:.35s;}
.dkpd-slide.is-on .dkpd-info>*:nth-child(7){animation-delay:.41s;}
@keyframes dkpdIn{to{opacity:1;transform:none;}}

.dkpd-cat{align-self:flex-start;padding:5px 13px;border-radius:999px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);
  font-size:11.5px;font-weight:700;}
.dkpd-root .dkpd-name{margin:0!important;font-size:26px!important;
  font-weight:800!important;line-height:1.55!important;color:#fff!important;
  font-family:inherit!important;}
.dkpd-name a{color:#fff;transition:opacity .2s;}
.dkpd-name a:hover{opacity:.8;}
.dkpd-desc{margin:0;font-size:13.5px;line-height:1.95;opacity:.78;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ── شمارشگر ── */
.dkpd-timer{display:flex;flex-direction:column;gap:9px;}
.dkpd-timer-lb{display:flex;align-items:center;gap:7px;font-size:11.5px;
  font-weight:700;opacity:.8;}
.dkpd-timer-lb .dkpd-i{font-size:15px;}
.dkpd-pills{display:flex;align-items:center;gap:5px;direction:ltr;
  align-self:flex-start;}
.dkpd-pill{display:flex;flex-direction:column;align-items:center;gap:2px;
  min-width:56px;padding:9px 8px 7px;border-radius:16px;position:relative;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  overflow:hidden;}
.dkpd-pill::before{content:'';position:absolute;top:0;right:0;left:0;height:45%;
  background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);
  pointer-events:none;}
.dkpd-pill b{font-size:22px;font-weight:800;line-height:1;
  font-variant-numeric:tabular-nums;position:relative;}
.dkpd-pill i{font-style:normal;font-size:9.5px;opacity:.7;position:relative;}
.dkpd-pill.is-sec{background:linear-gradient(160deg,var(--acc),#B4589A);
  border-color:rgba(255,255,255,.3);}
.dkpd-pill.is-sec b{animation:dkpdTick 1s ease-in-out infinite;}
@keyframes dkpdTick{0%,70%{transform:none;}82%{transform:scale(1.12);}100%{transform:none;}}
.dkpd-colon{font-size:18px;font-weight:800;opacity:.4;margin-top:-8px;}

/* ── قیمت ── */
.dkpd-price{display:flex;flex-direction:column-reverse;gap:2px;line-height:1.4;}
.dkpd-price ins{text-decoration:none;}
.dkpd-price .woocommerce-Price-amount{font-size:27px;font-weight:800;color:#fff;
  white-space:nowrap;}
.dkpd-price del{opacity:.55;}
.dkpd-price del .woocommerce-Price-amount{font-size:14px;font-weight:400;
  text-decoration:line-through;}
.dkpd-price .woocommerce-Price-currencySymbol{font-size:.6em;font-weight:400;
  opacity:.75;margin-right:3px;}

/* ── موجودی ── */
.dkpd-stock{display:flex;flex-direction:column;gap:7px;max-width:340px;}
.dkpd-stock-tx{display:flex;justify-content:space-between;font-size:11.5px;opacity:.8;}
.dkpd-stock-tx b{font-weight:800;}
.dkpd-left{color:#FFD9E8;}
.dkpd-stock-bar{height:7px;border-radius:99px;overflow:hidden;
  background:rgba(255,255,255,.16);}
.dkpd-stock-bar span{display:block;height:100%;border-radius:99px;width:0;
  background:linear-gradient(90deg,#FFB648,var(--acc));
  box-shadow:0 0 12px rgba(224,85,155,.7);
  animation:dkpdFill 1.1s .35s cubic-bezier(.22,1,.36,1) forwards;}
@keyframes dkpdFill{to{width:var(--w);}}

/* ── دکمه‌ها ── */
.dkpd-acts{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:4px;}
.dkpd-buy{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  height:50px;padding-inline:26px;border-radius:16px;
  font-size:14.5px;font-weight:800;color:var(--pd)!important;background:#fff;
  box-shadow:0 12px 26px -8px rgba(0,0,0,.42);position:relative;overflow:hidden;
  transition:.28s cubic-bezier(.34,1.4,.64,1);}
.dkpd-buy::before{content:'';position:absolute;inset:0;transform:translateX(-130%);
  background:linear-gradient(90deg,transparent,rgba(162,79,181,.16),transparent);}
.dkpd-buy:hover{transform:translateY(-3px);color:var(--pdd)!important;
  box-shadow:0 18px 34px -8px rgba(0,0,0,.55);}
.dkpd-buy:hover::before{transform:translateX(130%);transition:transform .75s;}
.dkpd-buy-ic{position:relative;width:20px;height:20px;flex:none;}
.dkpd-buy-ic .dkpd-i{position:absolute;inset:0;width:20px;height:20px;
  transition:.32s cubic-bezier(.34,1.5,.64,1);}
.dkpd-ic-k{opacity:0;transform:scale(.4) rotate(-30deg);}
.dkpd-buy.added .dkpd-ic-c{opacity:0;transform:scale(.4);}
.dkpd-buy.added .dkpd-ic-k{opacity:1;transform:none;}
.dkpd-buy.added{background:#2FA37E;color:#fff!important;}
.dkpd-buy.loading{pointer-events:none;opacity:.8;}
.dkpd-buy.loading .dkpd-buy-ic::after{content:'';position:absolute;inset:0;
  border-radius:50%;border:2px solid rgba(124,54,145,.25);
  border-top-color:var(--pd);animation:dkpdSpin .7s linear infinite;}
.dkpd-buy.loading .dkpd-i{opacity:0;}
@keyframes dkpdSpin{to{transform:rotate(360deg);}}
.dkpd-buy .added_to_cart{display:none!important;}

.dkpd-more{display:inline-flex;align-items:center;gap:7px;height:50px;
  padding-inline:20px;border-radius:16px;font-size:13.5px;font-weight:700;
  color:#fff;border:1.5px solid rgba(255,255,255,.32);transition:.26s;}
.dkpd-more .dkpd-i{font-size:16px;transition:transform .26s;}
.dkpd-more:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.55);}
.dkpd-more:hover .dkpd-i{transform:translateX(-4px);}

/* ═══ صحنه نمایش ═══ */
.dkpd-stage{position:relative;display:grid;place-items:center;
  min-height:400px;padding:20px;}

/* ═══ مخروط نور واقعی ═══ */
.dkpd-beam{position:absolute;top:-70px;left:50%;transform:translateX(-50%);
  width:400px;height:440px;pointer-events:none;z-index:1;
  clip-path:polygon(43% 0,57% 0,104% 100%,-4% 100%);
  background:
    /* هسته داغ نزدیک منبع */
    radial-gradient(90px 130px at 50% 0%,
      rgba(255,252,240,.85) 0%,
      rgba(255,246,220,.5) 40%,
      transparent 78%),
    /* بدنه مخروط با افت تدریجی */
    linear-gradient(180deg,
      rgba(255,250,235,.42) 0%,
      rgba(255,244,225,.26) 26%,
      rgba(252,235,220,.13) 55%,
      rgba(250,230,215,.04) 80%,
      transparent 100%);
  filter:blur(9px);
  mix-blend-mode:screen;}

/* لبه‌های تیزتر مخروط */
.dkpd-beam::before{content:'';position:absolute;inset:0;
  clip-path:polygon(46% 0,54% 0,90% 100%,10% 100%);
  background:linear-gradient(180deg,
    rgba(255,255,250,.5) 0%,
    rgba(255,250,235,.2) 35%,
    transparent 75%);
  filter:blur(14px);}

/* منبع نور */
.dkpd-beam::after{content:'';position:absolute;top:52px;left:50%;
  transform:translateX(-50%);
  width:120px;height:56px;border-radius:50%;
  background:radial-gradient(ellipse,
    rgba(255,253,245,.95) 0%,
    rgba(255,240,205,.55) 45%,
    transparent 75%);
  filter:blur(11px);}

.dkpd-slide.is-on .dkpd-beam{animation:dkpdBeam 1.3s cubic-bezier(.22,1,.36,1);}
@keyframes dkpdBeam{
  0%{opacity:0;transform:translateX(-50%) scaleY(.5) scaleX(.75);}
  55%{opacity:1;}
  100%{opacity:1;transform:translateX(-50%) scaleY(1) scaleX(1);}}

/* لکه نور روی زمین */
.dkpd-stage::after{content:'';position:absolute;
  bottom:44px;left:50%;transform:translateX(-50%);
  width:62%;height:70px;border-radius:50%;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse,
    rgba(255,248,230,.3) 0%,
    rgba(255,244,220,.12) 45%,
    transparent 72%);
  filter:blur(18px);mix-blend-mode:screen;}
/* جاروی نور */
.dkpd-sweep{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);
  transform:translateX(-130%);}
.dkpd-slide.is-on .dkpd-sweep{animation:dkpdSweep 1.1s .25s ease-out;}
@keyframes dkpdSweep{to{transform:translateX(130%);}}

/* برچسب تخفیف */
.dkpd-off{position:absolute;top:14px;right:6px;z-index:6;
  display:flex;flex-direction:column;align-items:center;line-height:1;
  width:74px;height:74px;justify-content:center;border-radius:50%;
  background:linear-gradient(150deg,#FFB648,var(--acc));
  box-shadow:0 12px 26px -6px rgba(224,85,155,.8);
  transform:rotate(-10deg);}
.dkpd-slide.is-on .dkpd-off{animation:dkpdPop .6s .3s cubic-bezier(.34,1.6,.64,1) backwards;}
@keyframes dkpdPop{from{opacity:0;transform:rotate(-40deg) scale(.4);}}
.dkpd-off::after{content:'';position:absolute;inset:-5px;border-radius:50%;
  border:1.5px dashed rgba(255,255,255,.55);animation:dkpdRot 12s linear infinite;}
@keyframes dkpdRot{to{transform:rotate(360deg);}}
.dkpd-off b{font-size:20px;font-weight:800;}
.dkpd-off i{font-style:normal;font-size:10px;opacity:.9;margin-top:3px;}

/* تصویر محصول */
.dkpd-img{position:relative;z-index:3;display:grid;place-items:center;
  width:100%;max-width:300px;aspect-ratio:1/1;padding:18px;
  border-radius:26px;overflow:hidden;
  background:
    radial-gradient(ellipse 130% 85% at 50% -12%,
      rgba(255,252,242,1) 0%,
      rgba(255,255,255,1) 45%,
      rgba(246,242,248,1) 100%);
  box-shadow:0 26px 50px -18px rgba(0,0,0,.55),
             inset 0 14px 30px -14px rgba(255,250,235,.9),
             inset 0 0 0 1px rgba(162,79,181,.08);}
.dkpd-img img{width:100%;height:100%;object-fit:contain;display:block;}
.dkpd-slide.is-on .dkpd-img{animation:dkpdDrop .8s cubic-bezier(.22,1.15,.36,1);}
@keyframes dkpdDrop{
  0%{opacity:0;transform:translateY(-46px) scale(.9) rotate(-5deg);}
  100%{opacity:1;transform:none;}}
.dkpd-img img{transition:transform .5s cubic-bezier(.34,1.4,.64,1);}
.dkpd-img:hover img{transform:scale(1.05);}

/* انعکاس */
.dkpd-reflect{position:absolute;bottom:36px;left:50%;transform:translateX(-50%) scaleY(-1);
  width:min(58%,190px);z-index:2;opacity:.22;pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 15%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 15%,#000 100%);
  filter:blur(1.5px);}
.dkpd-reflect img{width:100%;height:auto;display:block;}

/* قفسه */
.dkpd-shelf{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);
  width:64%;height:30px;border-radius:50%;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse,
    rgba(0,0,0,.55) 0%,
    rgba(0,0,0,.28) 40%,
    transparent 72%);
  filter:blur(13px);}

/* ═══ بندانگشتی ═══ */
.dkpd-thumbs{position:relative;z-index:3;display:flex;gap:11px;
  margin-top:18px;padding-top:18px;overflow-x:auto;
  border-top:1px solid rgba(255,255,255,.16);
  scrollbar-width:none;-ms-overflow-style:none;}
.dkpd-thumbs::-webkit-scrollbar{display:none;}
.dkpd-thumb{position:relative;width:62px;height:62px;flex:none;cursor:pointer;
  border:0;border-radius:16px;padding:6px;background:rgba(255,255,255,.12);
  transition:.28s cubic-bezier(.34,1.4,.64,1);}
.dkpd-thumb img{width:100%;height:100%;object-fit:contain;display:block;
  border-radius:11px;opacity:.65;transition:opacity .28s;}
.dkpd-thumb:hover{background:rgba(255,255,255,.22);transform:translateY(-3px);}
.dkpd-thumb:hover img{opacity:1;}
.dkpd-thumb.is-on{background:#fff;}
.dkpd-thumb.is-on img{opacity:1;}
.dkpd-thumb em{position:absolute;bottom:-4px;left:-4px;
  padding:2px 6px;border-radius:999px;font-style:normal;
  font-size:9.5px;font-weight:800;color:#fff;
  background:linear-gradient(140deg,#FFB648,var(--acc));
  box-shadow:0 3px 8px rgba(224,85,155,.6);}

/* حلقه پیشرفت */
.dkpd-thumb-ring{position:absolute;inset:-3px;pointer-events:none;opacity:0;
  transition:opacity .3s;}
.dkpd-thumb.is-on .dkpd-thumb-ring{opacity:1;}
.dkpd-thumb-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.dkpd-thumb-ring circle{fill:none;stroke:var(--pk);stroke-width:2.5;
  stroke-linecap:round;stroke-dasharray:126;stroke-dashoffset:126;}
.dkpd-thumb.is-on .dkpd-thumb-ring circle{
  animation:dkpdRing var(--dur,7s) linear forwards;}
.dkpd-root.is-paused .dkpd-thumb-ring circle{animation-play-state:paused;}
@keyframes dkpdRing{to{stroke-dashoffset:0;}}

/* ══════════ ریسپانسیو ══════════ */
@media (max-width:991px){
  .dkpd-slide{grid-template-columns:1fr;gap:8px;min-height:0;}
  .dkpd-stage{min-height:300px;order:-1;padding:10px;}
  .dkpd-img{max-width:230px;padding:14px;border-radius:22px;}
  .dkpd-beam{width:260px;height:260px;}
  .dkpd-reflect{bottom:22px;}
  .dkpd-shelf{bottom:34px;}
  .dkpd-title{font-size:25px;}
  .dkpd-root .dkpd-name{font-size:21px!important;}
}
@media (max-width:767px){
  .dkpd-wrap{padding-inline:14px;}
  .dkpd-box{padding:18px 16px 16px;border-radius:22px;}
  .dkpd-head{flex-direction:column;gap:12px;}
  .dkpd-navs{align-self:flex-end;}
  .dkpd-title{font-size:18px;}
  .dkpd-root .dkpd-name{font-size:18px!important;}
  .dkpd-desc{font-size:12.5px;}
  .dkpd-info{padding:6px 2px;gap:10px;}
  .dkpd-pill{min-width:48px;padding:7px 6px 5px;border-radius:13px;}
  .dkpd-pill b{font-size:18px;}
  .dkpd-pill i{font-size:8.5px;}
  .dkpd-price .woocommerce-Price-amount{font-size:22px;}
  .dkpd-acts{gap:8px;}
  .dkpd-buy,.dkpd-more{height:45px;flex:1;justify-content:center;padding-inline:14px;}
  .dkpd-buy{font-size:13px;}
  .dkpd-more{font-size:12px;}
  .dkpd-off{width:60px;height:60px;top:6px;right:0;}
  .dkpd-off b{font-size:16px;}
  .dkpd-thumb{width:54px;height:54px;}
  .dkpd-stage{min-height:250px;}
  .dkpd-img{max-width:185px;padding:12px;border-radius:18px;}
}
@media (prefers-reduced-motion:reduce){
  .dkpd-root *{animation:none!important;transition-duration:.01ms!important;}
  .dkpd-stock-bar span{width:var(--w);}
}