/* ==================================================================
   Stores page (/stores/) only.
   ================================================================== */
/* ---------- stores landing hero ---------- */
.sh{padding:150px 0 90px;position:relative;overflow:hidden}
.sh-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.sh h1{margin:0;max-width:none;text-align:start;font-size:clamp(2.4rem,5.4vw,4.1rem)}
html[lang="ar"] .sh h1{font-weight:800;line-height:1.3}
.sh h1 .accent-line{display:inline-block}
.sh-sub{color:var(--muted);font-size:clamp(1.02rem,1.6vw,1.18rem);line-height:1.8;margin-top:22px;max-width:540px}
.sh-ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.sh-ctas .btn{padding:15px 30px;font-size:1.02rem;border-radius:14px}
.sh-trust{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:30px;color:var(--faint);font-size:.9rem}
.sh-trust span{display:inline-flex;align-items:center;gap:8px}
.sh-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grad-accent)}
.sh-text > *{opacity:0;animation:rise-in .9s cubic-bezier(.2,.8,.2,1) forwards}
.sh-text > *:nth-child(2){animation-delay:.12s}
.sh-text > *:nth-child(3){animation-delay:.24s}
.sh-text > *:nth-child(4){animation-delay:.36s}
.sh-text > *:nth-child(5){animation-delay:.48s}
.sh-fan{position:relative;height:560px}
.sh-card{position:absolute;top:50%;left:50%;width:250px;aspect-ratio:9/17;border-radius:30px;overflow:hidden;
  background:#fff;border:6px solid var(--bezel-a);box-shadow:0 40px 80px -30px var(--sh-3),0 0 0 1px var(--line);
  opacity:0;animation:shIn 1.1s cubic-bezier(.2,.8,.2,1) forwards}
.sh-card img{width:100%;height:100%;object-fit:cover;object-position:28% top;display:block}
.sh-card.c1{--r:-11deg;--x:-118%;--y:-46%;animation-delay:.25s;z-index:1}
.sh-card.c2{--r:0deg;--x:-50%;--y:-54%;animation-delay:.1s;z-index:3;width:270px}
.sh-card.c3{--r:11deg;--x:18%;--y:-46%;animation-delay:.4s;z-index:2}
.sh-card{transform:translate(var(--x),var(--y)) rotate(var(--r))}
@keyframes shIn{from{opacity:0;transform:translate(var(--x),calc(var(--y) + 60px)) rotate(0deg) scale(.92)}
  to{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
.sh-glow{position:absolute;inset:10% 5%;border-radius:50%;filter:blur(90px);opacity:.45;
  background:conic-gradient(from 90deg,#1668bd,#b8892f,#a0674a,#2d79fd,#1668bd);animation:shSpin 18s linear infinite}
@keyframes shSpin{to{transform:rotate(360deg)}}
@media (max-width:900px){
  .sh{padding:120px 0 40px}
  .sh-inner{grid-template-columns:1fr;gap:10px}
  .sh h1,.sh-sub{text-align:center;margin-inline:auto}
  .sh-ctas,.sh-trust{justify-content:center}
  .sh-fan{height:440px}
  .sh-card{width:190px;border-width:5px;border-radius:24px}
  .sh-card.c2{width:206px}
}
@media (max-width:560px){
  .sh-ctas .btn{width:100%}
  .sh-fan{height:380px}
  .sh-card{width:158px}.sh-card.c2{width:172px}
}