.ve-shop{
  --ve-pink:#F571A0;
  --ve-purple:#633695;
  --ve-purple-d:#4d2a74;
  --ve-beige:#FAF4EC;
  --ve-beige-2:#F4EADE;
  --ve-line:#EADFD2;
  --ve-ink:#2E2A33;
  --ve-muted:#6D6473;
  position:relative;
  background:linear-gradient(180deg,#FFFDFB 0%,var(--ve-beige) 46%,#FFFDFB 100%);
  padding:64px 20px 72px;
  direction:rtl;
  font-family:"Cairo","Almarai",system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow:hidden;
}
.ve-shop *{box-sizing:border-box}
@keyframes veRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.ve-shop::before,.ve-shop::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(245,113,160,.10) 0%,rgba(245,113,160,0) 70%);
  width:420px;height:420px;
}
.ve-shop::before{top:-190px;inset-inline-start:-130px}
.ve-shop::after{bottom:-210px;inset-inline-end:-140px;background:radial-gradient(circle,rgba(99,54,149,.08) 0%,rgba(99,54,149,0) 70%)}
.ve-shop__inner{position:relative;max-width:1180px;margin:0 auto;z-index:1}

/* ===== Header ===== */
.ve-shop__head{text-align:center;max-width:660px;margin:0 auto 40px}
.ve-shop__eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--ve-line);
  color:var(--ve-purple);font-size:12.5px;font-weight:700;letter-spacing:.3px;
  padding:7px 16px;border-radius:999px;margin-bottom:16px;
  box-shadow:0 2px 10px rgba(99,54,149,.05);
}
.ve-shop__eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--ve-pink);display:block}
.ve-shop__title{
  font-size:clamp(26px,3.4vw,40px);line-height:1.35;font-weight:800;
  color:var(--ve-purple);margin:0 0 12px;letter-spacing:-.2px;
}
.ve-shop__title em{font-style:normal;color:var(--ve-pink)}
.ve-shop__desc{font-size:15.5px;line-height:1.9;color:var(--ve-muted);margin:0}
.ve-shop__rule{
  width:64px;height:3px;border-radius:3px;margin:20px auto 0;
  background:linear-gradient(90deg,var(--ve-pink),var(--ve-purple));
}

/* ===== Grid / slider shell ===== */
.ve-shop__track{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  list-style:none;margin:0;padding:0;
}

/* ===== Card ===== */
.ve-card{
  position:relative;background:#fff;border:1px solid var(--ve-line);
  border-radius:20px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 4px 18px rgba(99,54,149,.055);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.ve-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(99,54,149,.13);border-color:#E5D3E8}
.ve-card__media{
  position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background:var(--ve-beige-2);
}
.ve-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.ve-card:hover .ve-card__media img{transform:scale(1.05)}
.ve-card__badge{
  position:absolute;top:14px;inset-inline-start:14px;z-index:2;
  background:var(--ve-pink);color:#fff;font-size:11.5px;font-weight:700;
  padding:5px 11px;border-radius:999px;box-shadow:0 4px 12px rgba(245,113,160,.32);
}
.ve-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.ve-card__name{
  font-size:15.5px;line-height:1.65;font-weight:700;color:var(--ve-ink);
  margin:0;min-height:51px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.ve-card__name a{color:inherit;text-decoration:none;transition:color .25s}
.ve-card__name a:hover{color:var(--ve-purple)}
.ve-card__price{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font-size:19px;font-weight:800;color:var(--ve-purple);margin:2px 0 4px;
}
.ve-card__price del{font-size:13.5px;font-weight:600;color:#A79EAC}
.ve-card__price ins{text-decoration:none}
.ve-card__cta{
  margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:12px 16px;border:0;border-radius:12px;cursor:pointer;
  background:var(--ve-pink);color:#fff;font-family:inherit;font-size:14.5px;font-weight:700;
  text-decoration:none;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;
  box-shadow:0 6px 16px rgba(245,113,160,.26);
}
.ve-card__cta:hover{background:var(--ve-purple);color:#fff;box-shadow:0 10px 22px rgba(99,54,149,.26);transform:translateY(-1px)}
.ve-card__cta.is-loading{opacity:.75;pointer-events:none}
.ve-card__cta svg{width:17px;height:17px;flex:none}
.ve-card__cta.is-added{background:#2E9E62;box-shadow:0 6px 16px rgba(46,158,98,.26)}

/* ===== CTA under section ===== */
.ve-shop__foot{display:flex;justify-content:center;margin-top:44px}
.ve-shop__more{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--ve-purple);color:#fff;text-decoration:none;
  padding:15px 34px;border-radius:14px;font-size:16px;font-weight:700;
  box-shadow:0 10px 24px rgba(99,54,149,.22);
  transition:background .25s,transform .25s,box-shadow .25s;
}
.ve-shop__more:hover{background:var(--ve-pink);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(245,113,160,.28)}
.ve-shop__more svg{width:18px;height:18px;transition:transform .25s}
.ve-shop__more:hover svg{transform:translateX(-4px)}

/* ===== Dots (mobile slider) ===== */
.ve-shop__dots{display:none;justify-content:center;gap:8px;margin-top:22px}
.ve-shop__dots button{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;cursor:pointer;
  background:#DCCFC1;transition:width .3s ease,background .3s ease;
}
.ve-shop__dots button.is-active{width:24px;background:var(--ve-purple)}

/* ===== Tablet ===== */
@media (max-width:1024px){
  .ve-shop__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .ve-shop{padding:52px 18px 60px}
}

/* ===== Mobile: horizontal swipe slider ===== */
@media (max-width:767px){
  .ve-shop{padding:44px 0 52px}
  .ve-shop__inner{padding:0 18px}
  .ve-shop__head{margin-bottom:26px}
  .ve-shop__title{font-size:25px}
  .ve-shop__desc{font-size:14px;line-height:1.8}
  .ve-shop__track{
    display:flex;flex-wrap:nowrap;gap:14px;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;-ms-overflow-style:none;
    padding:4px 0 14px;
    margin:0 -18px;padding-inline:18px;
    scroll-padding-inline:18px;
  }
  .ve-shop__track::-webkit-scrollbar{display:none}
  .ve-card{
    flex:0 0 78%;max-width:78%;scroll-snap-align:start;
  }
  .ve-card__name{font-size:14.5px;min-height:47px}
  .ve-card__price{font-size:17.5px}
  .ve-card__cta{padding:11px 14px;font-size:14px}
  .ve-shop__dots{display:flex}
  .ve-shop__foot{margin-top:30px}
  .ve-shop__more{width:100%;justify-content:center;padding:14px 22px;font-size:15px}
}
@media (max-width:400px){
  .ve-card{flex:0 0 84%;max-width:84%}
}
@media (prefers-reduced-motion:reduce){
  .ve-card,.ve-card__media img,.ve-shop__more,.ve-card__cta{transition:none}
}