/* کارت محصول فروشگاه — مشترک بین /shop و صفحه‌ی اصلی (views/partials/shop_card.ejs) */
.sh{--sh-bg:#070c18;--sh-card:#0d1528;--sh-card2:#111b33;--sh-line:rgba(148,178,255,.12);--sh-line2:rgba(148,178,255,.24);--sh-text:#e8eefa;--sh-muted:#94a3c3;--sh-faint:#64718f;--sh-blue:#3da4ff;--sh-gold:#f6c453;--sh-green:#2fca7a;
  color:var(--sh-text);font-family:'Vazirmatn','Vazir',Tahoma,sans-serif;}
.sh *{box-sizing:border-box;}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:16px;}
.sh-card{--c:#3da4ff;position:relative;display:flex;flex-direction:column;border-radius:18px;background:var(--sh-card);border:1px solid var(--sh-line);overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:right;font-family:inherit;color:inherit;padding:0;}
.sh-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 50%,transparent);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--c) 60%,transparent);}
.sh-card:focus-visible{outline:2px solid var(--c);outline-offset:2px;}
.sh-stage{position:relative;aspect-ratio:1/1;max-width:100%;display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 45%,color-mix(in srgb,var(--c) 26%,transparent),transparent 72%),linear-gradient(180deg,var(--sh-card2),var(--sh-card));overflow:hidden;}
.sh-stage img{width:100%;height:100%;object-fit:contain;transition:transform .35s;filter:drop-shadow(0 12px 18px rgba(0,0,0,.45));}
.sh-card:hover .sh-stage img{transform:scale(1.06);}
.sh-stage .sh-noimg{font-size:44px;color:color-mix(in srgb,var(--c) 70%,#fff);opacity:.7;}
.sh-tags{position:absolute;top:10px;right:10px;left:10px;display:flex;gap:5px;flex-wrap:wrap;}
.sh-tag{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:rgba(7,12,24,.78);border:1px solid color-mix(in srgb,var(--tc,#7cb7ff) 45%,transparent);color:color-mix(in srgb,var(--tc,#7cb7ff) 80%,#fff);backdrop-filter:blur(4px);}
.sh-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.sh-name{font-size:16px;font-weight:900;line-height:1.5;margin:0;}
.sh-desc{font-size:12.5px;color:var(--sh-muted);line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em;}
.sh-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid var(--sh-line);}
.sh-price{display:flex;flex-direction:column;line-height:1.3;}
.sh-price b{font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;}
.sh-price small{font-size:11px;color:var(--sh-faint);}
.sh-buy{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:11px;background:color-mix(in srgb,var(--c) 18%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);color:color-mix(in srgb,var(--c) 75%,#fff);font-weight:800;font-size:13px;transition:background .15s;}
.sh-card:hover .sh-buy{background:var(--c);color:#06101e;border-color:var(--c);}
.sh-feat{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(340px,calc((100% - 32px)/3));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(148,178,255,.25) transparent;}
.sh-feat .sh-card{scroll-snap-align:start;}
.sh-feat .sh-card{flex-direction:row;}
.sh-feat .sh-stage{width:44%;aspect-ratio:1/1;align-self:flex-start;flex-shrink:0;}
.sh-feat .sh-desc{-webkit-line-clamp:3;min-height:0;}
.sh-feat .sh-ribbon{position:absolute;top:12px;left:12px;font-size:11px;font-weight:900;padding:3px 10px;border-radius:8px;background:var(--sh-gold);color:#241900;}
@media(max-width:520px){.sh-feat{grid-auto-columns:86%;}.sh-feat .sh-card{flex-direction:column;}.sh-feat .sh-stage{width:100%;aspect-ratio:1/1;}}
.sh-card{text-decoration:none;}
@media(prefers-reduced-motion:reduce){.sh-card,.sh-stage img{transition:none;}}
.sh-card[hidden]{display:none;}