/* =========================================================
   صدى المتاجر — الصفحة الرئيسية الجديدة / مرحلة الصقل البصري
   الهوية اللونية تُقرأ من css/color-theme.php:
   Modern  : أزرق صدى
   Classic : بنفسجي + وردي
   نفس التخطيط في الهويتين، والألوان فقط تتبدل مركزياً.
   ========================================================= */

.sadaa-home-new,
.sadaa-home-new *{box-sizing:border-box}

.sadaa-home-new{
  --home-primary:var(--sadaa-primary);
  --home-primary-dark:var(--sadaa-primary-dark);
  --home-accent:var(--sadaa-accent);
  --home-primary-rgb:var(--sadaa-primary-rgb);
  --home-accent-rgb:var(--sadaa-accent-rgb);
  --home-shadow-rgb:var(--sadaa-shadow-rgb,22,50,71);
  --home-page-bg:#f1f3f6;
  --home-surface:var(--sadaa-surface,#fff);
  --home-surface-alt:var(--sadaa-surface-alt,#fbfdfe);
  --home-text:var(--sadaa-text,#163247);
  --home-text-2:var(--sadaa-text-2,#29475a);
  --home-muted:var(--sadaa-muted,#6d7f8b);
  --home-line:var(--sadaa-line,#dce8ed);
  --home-line-2:var(--sadaa-line-2,#cfe4ec);
  --home-line-3:var(--sadaa-line-3,#a6cfde);
  --home-tint:var(--sadaa-tint,#eef8fb);
  --home-tint-2:var(--sadaa-tint-2,#eaf6fa);
  --home-tint-3:var(--sadaa-tint-3,#f2f9fb);
  --home-focus:var(--sadaa-focus,rgba(var(--sadaa-primary-rgb),.13));
  --home-brand-surface:var(--sadaa-header-bg);
  --home-cta-dark:var(--sadaa-auth-dark);
  --home-cta-dark-hover:var(--sadaa-auth-dark-hover);
  --home-radius:4px;
  --home-radius-sm:3px;
  --home-shadow:0 10px 28px rgba(var(--home-shadow-rgb),.07);
  --home-shadow-hover:none;
  --home-unified-shadow:none;

  direction:rtl;
  color:var(--home-text);
  background:#fff;
  font-family:var(--site-font-family);
  font-weight:400;
  overflow:hidden;
}

.sadaa-home-new a{color:inherit}
.home-new-shell{width:min(1440px,calc(100% - 34px));margin-inline:auto}
.home-new-section{position:relative;padding:52px 0 0}

/* ---------- عناوين الأقسام ---------- */
.home-new-section-head{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:26px;
  margin-bottom:20px;
  padding:18px 24px 18px 28px;
  background:var(--home-surface);
  border:1px solid var(--home-line);
  border-radius:16px;
  box-shadow:none;
}
.home-new-section-head::before{
  content:"";
  position:absolute;
  inset-inline-start:14px;
  top:16px;
  width:3px;
  height:43px;
  background:var(--home-primary);
  border-radius:3px;
}
.home-new-section-head h2,
.home-new-cta h2{
  margin:1px 0 4px;
  color:var(--home-text);
  font-size:clamp(22px,2vw,29px);
  line-height:1.55;
  font-weight:400;
}
.home-new-section-head p,
.home-new-cta p{
  margin:0;
  color:var(--home-muted);
  font-size:12.5px;
  line-height:1.9;
}

/* ---------- حدود موحّدة على جميع الأجزاء ---------- */
.home-new-hero,
.home-new-section-head,
.home-live-grid,
.home-live-card,
.home-promoted-scroll,
.home-promoted-ad,
.home-promoted-empty-link,
.home-showcase-box,
.home-showcase-intro,
.home-store-card,
.home-showcase-pending-card,
.home-new-empty-state,
.home-metric-pending,
.home-discover-card,
.home-discover-logo,
.home-discover-logo img,
.home-new-newsletter-wrap .newsletter-inner,
.home-new-cta-box{
  border:1px solid var(--home-line) !important;
}

/* ---------- ظل موحّد على الأجزاء الرئيسية ---------- */
.home-new-hero,
.home-new-section-head,
.home-live-grid,
.home-live-card,
.home-promoted-scroll,
.home-showcase-box,
.home-store-card,
.home-showcase-pending-card,
.home-new-empty-state,
.home-metric-pending,
.home-discover-card,
.home-new-newsletter-wrap .newsletter-inner,
.home-new-cta-box{
  box-shadow:none;
}

.home-store-card:hover,
.home-live-card:hover,
.home-store-showcase .home-store-card:hover{
  box-shadow:none;
}
.home-new-section-eyebrow{
  display:block;
  margin-bottom:1px;
  color:var(--home-primary);
  font-size:10.5px;
  line-height:1.7;
}
.home-new-section-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  min-height:34px;
  padding:5px 2px 5px 10px;
  color:var(--home-primary);
  border-bottom:1px solid rgba(var(--home-primary-rgb),.24);
  font-size:11.5px;
  text-decoration:none;
  transition:color .18s ease,border-color .18s ease,gap .18s ease;
}
.home-new-section-link:hover{
  color:var(--home-primary-dark);
  border-color:var(--home-primary-dark);
  gap:10px;
}

/* ---------- Hero ---------- */
.home-new-hero{
  position:relative;
  width:100%;
  min-height:640px;
  margin:0;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--home-brand-surface);
  color:#fff;
}
.home-new-hero::before{
  content:"";
  position:absolute;
  width:560px;
  height:560px;
  inset-inline-end:-210px;
  bottom:-300px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:50%;
  box-shadow:none;
  pointer-events:none;
}
.home-new-hero::after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  inset-inline-start:-155px;
  top:118px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.09),rgba(255,255,255,0) 67%);
  pointer-events:none;
}
.home-new-hero-shell{
  position:relative;
  z-index:1;
  min-height:640px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(540px,.96fr);
  align-items:center;
  gap:72px;
  padding:34px 0 46px;
}
.home-new-hero-copy{
  position:relative;
  z-index:3;
  min-width:0;
  text-align:right;
}
.home-new-kicker{
  width:max-content;
  max-width:100%;
  min-height:31px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 16px;
  padding:5px 12px;
  color:#fff;
  border:1px solid rgba(255,255,255,.40);
  background:rgba(255,255,255,.08);
  border-radius:999px;
  font-size:11px;
  line-height:1.5;
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.home-new-kicker-dot{
  width:7px;
  height:7px;
  flex:0 0 auto;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
}
.home-new-hero h1{
  max-width:760px;
  margin:0 0 17px;
  color:#fff;
  font-family:var(--home-hero-font-family,var(--site-font-family));
  font-size:clamp(39px,3.25vw,56px);
  line-height:1.48;
  font-weight:700;
  letter-spacing:0;
}
.home-new-hero p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.92);
  font-size:clamp(16px,1.1vw,19px);
  line-height:2;
  font-weight:400;
}
.home-new-hero-actions{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:11px;
  flex-wrap:wrap;
  margin-top:25px;
}
.home-new-btn{
  min-height:43px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:9px 17px;
  border:1px solid transparent;
  border-radius:var(--home-radius-sm);
  font-family:var(--site-font-family);
  font-size:11.5px;
  font-weight:400;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.sadaa-home-new .home-new-btn-primary{
  background:var(--home-cta-dark);
  border-color:var(--home-cta-dark);
  color:#fff !important;
  box-shadow:none;
}
.sadaa-home-new .home-new-btn-primary i,
.sadaa-home-new .home-new-btn-primary span{
  color:#fff !important;
}
.sadaa-home-new .home-new-btn-primary:hover{
  background:var(--home-cta-dark-hover);
  border-color:var(--home-cta-dark-hover);
  color:#fff !important;
  box-shadow:none;
}
.home-new-btn-secondary{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.48);
  color:#fff;
}
.home-new-btn-secondary:hover{
  background:rgba(255,255,255,.15);
  border-color:rgba(255,255,255,.72);
  color:#fff;
}
.home-new-btn-light{background:#fff;border-color:var(--home-line);color:var(--home-text-2)}
.home-new-btn-light:hover{border-color:var(--home-line-3);color:var(--home-primary);background:var(--home-surface-alt)}
.home-new-hero .home-new-btn{
  min-height:48px;
  padding:10px 21px;
  font-size:13.5px;
  line-height:1.4;
}
.home-new-hero .home-new-btn-primary{
  min-width:132px;
}
.home-new-hero .home-new-btn-secondary{
  min-width:184px;
}
.home-new-hero-points{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:15px;
  color:rgba(255,255,255,.88);
  font-size:12px;
  line-height:1.7;
}
.home-new-hero-points span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.home-new-hero-points i{font-size:10px;color:#fff}

/* المشهد البصري — محافظ على روح الهيرو الحالي داخل الواجهة الجديدة */
.home-new-hero-visual{
  position:relative;
  z-index:2;
  min-width:0;
  width:100%;
  max-width:690px;
  justify-self:end;
  padding-bottom:30px;
}
.home-new-device-combo{
  position:relative;
  z-index:2;
  width:100%;
  aspect-ratio:1/1;
  isolation:isolate;
}
.home-new-device-stage{
  position:absolute;
  inset:-1% -9% 1% -8%;
  z-index:1;
  pointer-events:none;
}
.home-new-device-stage::before{
  content:"";
  position:absolute;
  inset:8% 7% 12%;
  border-radius:42% 58% 48% 52% / 44% 38% 62% 56%;
  background:
    radial-gradient(circle at 24% 22%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.18) 16%,rgba(255,255,255,0) 39%),
    radial-gradient(circle at 78% 72%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10) 40%,rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.19);
  box-shadow:none;
  backdrop-filter:blur(2px);
  transform:rotate(-4deg);
}
.home-new-device-stage::after{
  content:"";
  position:absolute;
  width:72%;
  height:62%;
  left:5%;
  top:11%;
  border-radius:50%;
  background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.44),rgba(255,255,255,.20) 23%,rgba(255,255,255,0) 72%);
  filter:blur(18px);
  opacity:.88;
  transform:rotate(-7deg);
}
.home-new-stage-ribbon,
.home-new-stage-ribbon::before,
.home-new-stage-ribbon::after{
  position:absolute;
  display:block;
  content:"";
  box-sizing:border-box;
  border-radius:50%;
}
.home-new-stage-ribbon{
  width:83%;
  height:67%;
  left:2%;
  top:11%;
  border:1px solid rgba(255,255,255,.19);
  transform:rotate(-12deg);
  opacity:.70;
}
.home-new-stage-ribbon::before{inset:10%;border:1px solid rgba(255,255,255,.14)}
.home-new-stage-ribbon::after{inset:21%;border:1px solid rgba(255,255,255,.10)}
.home-new-stage-ribbon.is-alt{
  width:42%;
  height:52%;
  left:auto;
  right:1%;
  top:23%;
  border-color:rgba(255,255,255,.14);
  transform:rotate(18deg);
  opacity:.48;
}
.home-new-stage-ribbon.is-alt::before{inset:14%;border-color:rgba(255,255,255,.11)}
.home-new-stage-ribbon.is-alt::after{inset:30%;border-color:rgba(255,255,255,.08)}
.home-new-stage-orb{
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.76),rgba(255,255,255,.30) 23%,rgba(255,255,255,.08) 52%,rgba(255,255,255,0) 74%);
  box-shadow:none;
}
.home-new-stage-orb.is-left{width:94px;height:94px;top:5%;left:5%;opacity:.50}
.home-new-stage-orb.is-right{width:52px;height:52px;top:20%;right:10%;opacity:.34}
.home-new-stage-dots{
  position:absolute;
  left:8%;
  bottom:24%;
  width:104px;
  height:68px;
  opacity:.18;
  background-image:radial-gradient(circle,rgba(255,255,255,.95) 1.3px,transparent 1.3px);
  background-size:13px 13px;
}
.home-new-stage-lines{
  position:absolute;
  left:5%;
  right:8%;
  bottom:5%;
  height:22%;
  border-radius:999px;
  opacity:.22;
  background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,255,255,.22) 8px 9px,transparent 9px 15px);
  clip-path:ellipse(61% 55% at 50% 100%);
}
.home-new-stage-wave,
.home-new-stage-wave::before,
.home-new-stage-wave::after{
  position:absolute;
  display:block;
  content:"";
  box-sizing:border-box;
  border-radius:999px;
}
.home-new-stage-wave{
  left:10%;
  right:11%;
  bottom:5%;
  height:22%;
  border-bottom:2px solid rgba(255,255,255,.22);
  opacity:.80;
}
.home-new-stage-wave::before{left:7%;right:7%;bottom:12%;height:72%;border-bottom:1px solid rgba(255,255,255,.16)}
.home-new-stage-wave::after{left:16%;right:16%;bottom:27%;height:48%;border-bottom:1px solid rgba(255,255,255,.10)}
.home-new-stage-sparkles{position:absolute;inset:0;z-index:2}
.home-new-stage-sparkles::before,
.home-new-stage-sparkles::after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  opacity:.86;
}
.home-new-stage-sparkles::before{left:17%;top:19%}
.home-new-stage-sparkles::after{right:17%;top:33%;width:5px;height:5px;opacity:.68}
.home-new-stage-glint{position:absolute;left:26%;top:11%;width:46px;height:46px;opacity:.70}
.home-new-stage-glint::before,
.home-new-stage-glint::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.85),rgba(255,255,255,0));
  transform:translate(-50%,-50%);
  border-radius:999px;
}
.home-new-stage-glint::before{width:46px;height:2px}
.home-new-stage-glint::after{width:2px;height:46px}
.home-new-device-frame{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  pointer-events:none;
  z-index:4;
  filter:drop-shadow(0 18px 20px rgba(var(--home-shadow-rgb),.14));
}
.home-new-device-desktop-screen,
.home-new-device-phone-screen{
  position:absolute;
  overflow:hidden;
  background:#fff;
  z-index:3;
  border-radius:2px;
}
.home-new-device-desktop-screen{
  left:13.90%;
  top:28%;
  width:66.90%;
  height:42.30%;
  box-shadow:none;
}
.home-new-device-phone-screen{
  left:85.14%;
  top:43%;
  width:10.86%;
  height:19.05%;
  box-shadow:none;
}
.home-new-device-desktop-screen img,
.home-new-device-phone-screen img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#fff;
  transform-origin:center;
}
.home-new-device-desktop-screen img{transform:scale(1.18)}
.home-new-device-phone-screen img{transform:scale(1.32)}

/* ---------- يحدث الآن ---------- */
.home-new-live{padding-top:28px}
.home-new-live .home-new-section-head{margin-bottom:13px}
.home-live-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  background:var(--home-surface);
  border:1px solid var(--home-line);
  border-radius:var(--home-radius);
  box-shadow:none;
}
.home-live-card{
  position:relative;
  min-height:94px;
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:12px;
  padding:15px 17px;
  background:var(--home-surface);
}
.home-live-card:not(:last-child)::after{
  content:"";
  position:absolute;
  top:18px;bottom:18px;
  inset-inline-end:0;
  width:1px;
  background:var(--home-line);
}
.home-live-card:hover{background:var(--home-tint-3)}
.home-live-icon{
  width:46px;height:46px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--home-tint);
  border:1px solid var(--home-line-2);
  color:var(--home-primary);
  border-radius:2px;
}
.home-live-card strong{
  display:block;
  margin-bottom:2px;
  color:var(--home-text);
  font-size:14px;
  font-weight:400;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.home-live-card span:not(.home-live-icon){display:block;color:var(--home-muted);font-size:9.8px;line-height:1.75}

/* ---------- المجموعات الإعلانية ---------- */
.home-promoted-section{padding-top:54px}
.home-promoted-section .home-new-section-head::before{background:var(--home-accent)}
.home-promoted-section .home-new-section-eyebrow{color:var(--home-accent)}
.home-promoted-scroll{
  position:relative;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0;
  background:transparent;
  border:none;
  border-radius:var(--home-radius-sm);
  box-shadow:none;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:var(--home-line-3) transparent;
}
.home-promoted-scroll::-webkit-scrollbar{height:7px}
.home-promoted-scroll::-webkit-scrollbar-thumb{background:var(--home-line-3);border-radius:10px}
.home-promoted-canvas{position:relative;min-width:1430px;background:transparent}
.home-promoted-ad{
  position:absolute;
  overflow:hidden;
  box-sizing:border-box;
  background:#ffffff;
  border:none;
  color:var(--home-text-2);
  font-size:11px;
  text-align:center;
  box-shadow:none;
}
.home-promoted-ad.is-active{background:#ffffff}
.home-promoted-ad.is-empty{background:#ffffff}
.home-promoted-ad-link,.home-promoted-empty-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;color:inherit}
.home-promoted-ad-link img,.home-promoted-ad-link video{display:block;width:100%;height:100%;object-fit:cover;background:#ffffff}
.home-promoted-empty-link{
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;
  border:1px dashed rgba(124,136,143,.34);
  background:#ffffff;
  color:var(--home-muted);
  transition:background .16s ease,border-color .16s ease,color .16s ease;
}
.home-promoted-empty-link:hover{border-color:var(--home-primary);background:var(--home-tint);color:var(--home-primary)}
.home-promoted-position{font-size:9.5px;color:var(--home-muted)}
.home-promoted-empty-copy{display:inline-flex;align-items:center;gap:5px;font-size:10.5px}

.home-ad-coupon{
  --coupon-hue:190;
  position:absolute;right:5px;top:5px;z-index:8;
  display:flex;align-items:center;gap:5px;
  max-width:calc(100% - 40px);min-height:27px;padding:4px 6px;
  background:linear-gradient(135deg,hsla(var(--coupon-hue),78%,96%,.80),hsla(var(--coupon-hue),78%,90%,.62));
  backdrop-filter:blur(3px);
  box-shadow:none;
  border-radius:0 0 0 6px;
  color:#111827;
}
.home-ad-coupon-discount{display:inline-flex;align-items:center;gap:3px;font-size:9px;white-space:nowrap}
.home-ad-coupon-discount img{width:12px;height:12px;object-fit:contain}
.home-coupon-code-copy{border:1px dashed rgba(74,94,103,.60);background:#fff;color:#26383f;padding:2px 5px;font-family:var(--site-font-family);font-size:10px;cursor:pointer}
.home-coupon-code-copy.is-copied{border-color:#b7dfc3;background:#f2fbf5;color:#166534}

.home-report-wrap{position:absolute;left:6px;top:6px;z-index:10}
.home-report-trigger{
  width:20px;height:20px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.92);border-radius:50%;
  background:rgba(0,0,0,.14);color:#fff;cursor:pointer;font-size:9px;opacity:0;
  transition:opacity .16s ease,background .16s ease;
}
.home-promoted-ad:hover .home-report-trigger,.home-promoted-ad:focus-within .home-report-trigger{opacity:1}
.home-report-trigger:hover{background:rgba(0,0,0,.24)}
.home-report-menu{
  --home-report-accent-rgb:var(--sadaa-primary-rgb);
  position:fixed;z-index:12000;display:none;
  width:240px;max-width:calc(100vw - 24px);max-height:min(68vh,520px);overflow:auto;
  background:#fff;border:1px solid var(--home-line);border-radius:8px;
  box-shadow:0 14px 34px rgba(15,23,42,.14);padding:7px;text-align:right;direction:rtl;
}
.home-report-menu.open{display:block}
.home-report-menu-title{
  position:sticky;top:-7px;z-index:1;margin:0 0 5px;padding:10px 10px 11px;
  background:#fff;border-bottom:1px solid var(--home-line);font-size:13px;font-weight:500;
  line-height:1.6;color:var(--home-text)
}
.home-report-option{
  width:100%;min-height:38px;display:flex;align-items:center;gap:9px;padding:8px 9px;
  border:0;border-radius:6px;background:transparent;color:var(--home-text-2);
  font-family:var(--site-font-family);font-size:12px;line-height:1.7;text-align:right;cursor:pointer;
  transition:background .15s ease,color .15s ease
}
.home-report-option:hover,.home-report-option:focus-visible{background:rgba(var(--home-report-accent-rgb),.075);color:var(--home-text);outline:none}
.home-report-option[aria-checked="true"]{background:rgba(var(--home-report-accent-rgb),.08);color:var(--home-text)}
.home-report-option>span{
  width:15px;height:15px;flex:0 0 15px;border:1.5px solid var(--home-muted);border-radius:50%;
  position:relative;background:#fff;transition:border-color .15s ease,box-shadow .15s ease
}
.home-report-option[aria-checked="true"]>span{border-color:var(--home-primary);box-shadow:0 0 0 2px rgba(var(--home-report-accent-rgb),.10)}
.home-report-option[aria-checked="true"]>span:after{content:"";position:absolute;inset:3px;background:var(--home-primary);border-radius:50%}
.home-report-actions{display:flex;padding:8px 2px 1px;margin-top:6px;border-top:1px solid var(--home-line)}
.home-report-submit{
  width:100%;min-height:38px;border:1px solid var(--home-primary);border-radius:7px;
  background:var(--home-primary);color:#fff;font-family:var(--site-font-family);font-size:12px;
  font-weight:400;line-height:1.4;cursor:pointer;box-shadow:none;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease
}
.home-report-submit:hover,.home-report-submit:focus-visible{
  background:var(--home-primary-dark)!important;border-color:var(--home-primary-dark)!important;color:#fff!important;
  box-shadow:0 5px 14px rgba(var(--home-report-accent-rgb),.18);outline:none
}
.home-report-submit:focus-visible{outline:2px solid rgba(var(--home-report-accent-rgb),.24);outline-offset:2px}
.home-report-submit:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
/* إشعار نتيجة البلاغ — Toast غير حاجب للواجهة */
.home-report-feedback-overlay{
  position:fixed;
  inset:0;
  z-index:20000;
  display:none;
  align-items:flex-start;
  justify-content:center;
  padding:clamp(18px,4vh,42px) 14px 0;
  background:transparent;
  pointer-events:none;
}
.home-report-feedback-overlay.show{display:flex}
.home-report-feedback-card{
  --feedback-accent:#188a46;
  --feedback-soft:#edf9f1;
  width:min(430px,100%);
  min-height:72px;
  display:grid;
  grid-template-columns:40px minmax(0,1fr) 32px;
  align-items:start;
  gap:12px;
  padding:14px 14px 14px 16px;
  direction:rtl;
  text-align:right;
  background:rgba(255,255,255,.98);
  color:var(--home-text);
  border:1px solid var(--home-line);
  border-inline-start:3px solid var(--feedback-accent);
  border-radius:10px;
  box-shadow:0 14px 36px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.05);
  pointer-events:auto;
  animation:homeReportToastIn .22s cubic-bezier(.2,.8,.2,1) both;
}
.home-report-feedback-card.is-info{
  --feedback-accent:var(--home-primary);
  --feedback-soft:var(--home-tint-3);
}
.home-report-feedback-card.is-error{
  --feedback-accent:#c53636;
  --feedback-soft:#fff0f0;
}
.home-report-feedback-icon{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--feedback-soft);
  color:var(--feedback-accent);
  font-size:16px;
}
.home-report-feedback-content{min-width:0;padding-top:1px}
.home-report-feedback-card h3{
  margin:0 0 3px;
  color:var(--home-text);
  font-size:14.5px;
  line-height:1.55;
  font-weight:500;
}
.home-report-feedback-card p{
  margin:0;
  color:var(--home-muted);
  font-size:12.5px;
  line-height:1.75;
}
.home-report-feedback-close{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--home-muted);
  cursor:pointer;
  font-family:var(--site-font-family);
  font-size:13px;
  transition:background .15s ease,color .15s ease;
}
.home-report-feedback-close:hover{background:var(--home-tint-3);color:var(--home-text)}
.home-report-feedback-close:focus-visible{outline:2px solid var(--feedback-accent);outline-offset:2px}
@keyframes homeReportToastIn{
  from{opacity:0;transform:translateY(-10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media (max-width:520px){
  .home-report-feedback-overlay{padding-top:12px;padding-inline:10px}
  .home-report-feedback-card{grid-template-columns:38px minmax(0,1fr) 30px;gap:10px;padding:12px;border-radius:8px}
  .home-report-feedback-icon{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){
  .home-report-feedback-card{animation:none}
}

/* ---------- بطاقات المتاجر ---------- */
.home-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-store-card{
  position:relative;
  overflow:hidden;
  background:var(--home-surface);
  border:1px solid var(--home-line);
  border-radius:var(--home-radius-sm);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.home-store-card::before{
  content:"";
  position:absolute;
  top:0;right:0;left:0;
  height:2px;
  background:var(--home-primary);
  opacity:.72;
  z-index:2;
}
.home-store-card:hover{
  transform:translateY(-3px);
  border-color:var(--home-line-3);
  box-shadow:none;
}
.home-store-media{
  position:relative;
  height:128px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%,rgba(var(--home-accent-rgb),.08) 0 2px,transparent 2.5px),
    linear-gradient(135deg,var(--home-surface-alt),var(--home-tint-2));
  border-bottom:1px solid var(--home-line);
}
.home-store-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:10px 14px;
  background:#fff;
  border:0;
  box-shadow:none;
  display:block;
}
.home-store-badge{
  position:absolute;inset-inline-start:10px;top:10px;
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 8px;
  border:1px solid rgba(var(--home-primary-rgb),.20);
  background:var(--home-surface);
  color:var(--home-primary);
  font-size:9px;
  box-shadow:none;
}
.home-store-badge i{font-size:8px;color:var(--home-accent)}
.home-store-content{padding:15px}
.home-store-category{display:block;margin-bottom:3px;color:var(--home-primary);font-size:9px}
.home-store-content h3,.home-discover-copy h3{margin:0 0 4px;color:var(--home-text);font-size:16px;font-weight:400}
.home-store-content p{min-height:43px;margin:0 0 12px;color:var(--home-muted);font-size:10.8px;line-height:1.95}
.home-store-visit{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding-top:10px;border-top:1px solid var(--home-line);
  color:var(--home-primary);font-size:10px;text-decoration:none;
}
.home-store-visit i{transition:transform .18s ease}
.home-store-visit:hover{color:var(--home-primary-dark)}
.home-store-visit:hover i{transform:translate(-2px,-2px)}


/* ---------- مناطق عرض المتاجر الأفقية ----------
   مستوحاة من فكرة: بطاقة تعريف بالقسم + بطاقات المتاجر داخل حاوية واحدة.
   التخطيط واحد في الهويتين؛ الألوان تتبع محرك الهوية المركزي.
*/
.home-store-showcase{padding-top:46px}
.home-showcase-box{
  position:relative;
  display:flex;
  align-items:stretch;
  width:100%;
  min-height:322px;
  overflow:hidden;
  background:var(--home-surface-alt);
  border:1px solid var(--home-line);
  border-top:2px solid var(--home-primary);
  border-radius:var(--home-radius-sm);
  box-shadow:none;
}
#most-visited .home-showcase-box,
#rising-stores .home-showcase-box{border-top-color:var(--home-accent)}

.home-showcase-intro{
  position:relative;
  flex:0 0 252px;
  min-width:252px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:28px 24px;
  background:
    radial-gradient(circle at 18% 20%,rgba(var(--home-primary-rgb),.055) 0 2px,transparent 2.6px),
    linear-gradient(145deg,var(--home-tint-3),var(--home-surface));
  border-inline-end:1px solid var(--home-line);
  text-align:start;
}
.home-showcase-intro::after{
  content:"";
  position:absolute;
  width:112px;
  height:112px;
  inset-inline-end:-68px;
  bottom:-72px;
  border:1px solid rgba(var(--home-primary-rgb),.10);
  border-radius:50%;
  box-shadow:none;
  pointer-events:none;
}
.home-showcase-intro .home-new-section-eyebrow{
  margin-bottom:5px;
  font-size:10px;
}
.home-showcase-intro h2{
  position:relative;
  z-index:1;
  margin:0 0 8px;
  color:var(--home-text);
  font-size:22px;
  line-height:1.65;
  font-weight:400;
}
.home-showcase-intro p{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--home-muted);
  font-size:10.8px;
  line-height:2;
}
.home-showcase-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:37px;
  margin-top:20px;
  padding:7px 13px;
  border:1px solid var(--home-line-2);
  background:var(--home-surface);
  color:var(--home-primary);
  font-size:10.5px;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,gap .18s ease;
}
.home-showcase-link:hover{
  background:var(--home-tint);
  border-color:var(--home-primary);
  color:var(--home-primary-dark);
  gap:10px;
}

.home-showcase-body{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  align-items:stretch;
  padding:11px;
}
.home-store-showcase .home-store-grid,
.home-showcase-pending-grid{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.home-store-showcase .home-store-card{
  min-width:0;
  height:100%;
  border-radius:2px;
  box-shadow:none;
  background:var(--home-surface);
}
.home-store-showcase .home-store-card::before{display:none}
.home-store-showcase .home-store-card:hover{
  transform:translateY(-2px);
  box-shadow:none;
}
.home-store-showcase .home-store-media{
  height:145px;
  background:linear-gradient(135deg,var(--home-surface-alt),var(--home-tint-2));
}
.home-store-showcase .home-store-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  padding:10px 14px;
  border:0;
  background:#fff;
  box-shadow:none;
}
.home-store-showcase .home-store-content{padding:13px 13px 12px}
.home-store-showcase .home-store-content h3{font-size:14px}
.home-store-showcase .home-store-content p{
  min-height:39px;
  margin-bottom:8px;
  font-size:9.7px;
  line-height:1.85;
}
.home-store-showcase .home-store-visit{font-size:9.5px;padding-top:8px}

.home-store-card-placeholder{pointer-events:none}
.home-store-card-placeholder .home-store-media{
  border-bottom:1px dashed var(--home-line-2);
  background:
    linear-gradient(135deg,var(--home-surface),var(--home-tint-3));
}
.home-store-placeholder-icon{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px dashed var(--home-line-3);
  color:var(--home-primary);
  background:var(--home-surface);
  font-size:17px;
}
.home-store-placeholder-footer{
  display:block;
  padding-top:8px;
  border-top:1px solid var(--home-line);
  color:var(--home-muted);
  font-size:8.7px;
}

/* بطاقات تمهيدية للأقسام التي تنتظر نظام الزيارات الحقيقي */
.home-showcase-pending-card{
  min-width:0;
  overflow:hidden;
  background:var(--home-surface);
  border:1px solid var(--home-line);
  border-radius:2px;
}
.home-showcase-pending-media{
  height:145px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px dashed var(--home-line-2);
  background:linear-gradient(135deg,var(--home-surface),var(--home-tint-3));
}
.home-showcase-pending-media span{
  width:56px;
  height:56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--home-line-2);
  background:var(--home-tint);
  color:var(--home-primary);
  font-size:17px;
}
#most-visited .home-showcase-pending-media span,
#rising-stores .home-showcase-pending-media span{color:var(--home-accent)}
.home-showcase-pending-content{padding:13px}
.home-showcase-pending-label{
  display:block;
  margin-bottom:4px;
  color:var(--home-primary);
  font-size:8.8px;
}
.home-showcase-pending-content h3{
  margin:0 0 5px;
  color:var(--home-text);
  font-size:13px;
  font-weight:400;
  line-height:1.65;
}
.home-showcase-pending-content p{
  margin:0;
  color:var(--home-muted);
  font-size:9.4px;
  line-height:1.85;
}


/* ---------- لمسات مرحلة 1.7 على مناطق عرض المتاجر ---------- */
.home-store-showcase{padding-top:42px}
.home-showcase-box{
  min-height:306px;
  padding:9px;
  gap:9px;
  background:var(--home-page-bg);
  border:1px solid var(--home-line);
  border-top:2px solid var(--home-primary);
  box-shadow:none;
}
.home-showcase-intro{
  flex-basis:246px;
  min-width:246px;
  padding:24px 22px 21px;
  justify-content:flex-start;
  border:1px solid var(--home-line);
  border-inline-end:1px solid var(--home-line);
  background:
    radial-gradient(circle at 18% 18%,rgba(var(--home-primary-rgb),.08) 0 3px,transparent 3.7px),
    linear-gradient(150deg,var(--home-surface),var(--home-tint-3));
  overflow:hidden;
}
.home-showcase-intro::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--home-primary);
  opacity:.82;
}
#most-visited .home-showcase-intro::before,
#rising-stores .home-showcase-intro::before{background:var(--home-accent)}
.home-showcase-intro::after{
  width:132px;
  height:132px;
  inset-inline-end:-82px;
  bottom:-78px;
  border-color:rgba(var(--home-primary-rgb),.085);
  box-shadow:none;
}
.home-showcase-symbol{
  position:relative;
  z-index:1;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:19px;
  border:1px solid var(--home-line-2);
  background:var(--home-surface);
  color:var(--home-primary);
  font-size:15px;
  box-shadow:none;
}
#most-visited .home-showcase-symbol,
#rising-stores .home-showcase-symbol{color:var(--home-accent)}
.home-showcase-intro .home-new-section-eyebrow{font-size:9.7px;margin-bottom:4px}
.home-showcase-intro h2{font-size:21px;line-height:1.58;margin-bottom:6px}
.home-showcase-intro p{font-size:10.2px;line-height:1.9}
.home-showcase-meta{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:4px 8px;
  border:1px solid var(--home-line);
  background:rgba(var(--home-primary-rgb),.035);
  color:var(--home-muted);
  font-size:8.8px;
  line-height:1.5;
}
.home-showcase-meta i{color:var(--home-primary);font-size:8px}
#most-visited .home-showcase-meta i,
#rising-stores .home-showcase-meta i{color:var(--home-accent)}
.home-showcase-link{
  margin-top:auto;
  min-height:34px;
  padding:6px 11px;
  border-color:var(--home-line-2);
  background:var(--home-surface);
  font-size:9.8px;
}
.home-showcase-body{
  padding:0;
  background:transparent;
}
.home-store-showcase .home-store-grid,
.home-showcase-pending-grid{gap:9px}
.home-store-showcase .home-store-card,
.home-showcase-pending-card{
  border:1px solid var(--home-line);
  background:var(--home-surface);
  box-shadow:none;
}
.home-store-showcase .home-store-card:hover{
  transform:translateY(-2px);
  border-color:var(--home-line-3);
  box-shadow:none;
}
.home-store-showcase .home-store-media,
.home-showcase-pending-media{
  height:132px;
  position:relative;
  background:
    linear-gradient(135deg,rgba(var(--home-primary-rgb),.025),transparent 60%),
    linear-gradient(135deg,var(--home-surface-alt),var(--home-tint-2));
}
.home-store-showcase .home-store-media img{
  width:72px;
  height:72px;
  padding:7px;
  border:1px solid var(--home-line);
  background:#fff;
  object-fit:contain;
}
.home-store-badge{
  inset-block-start:8px;
  inset-inline-start:8px;
  min-height:23px;
  padding:3px 7px;
  background:rgba(255,255,255,.94);
  border-color:var(--home-line-2);
  font-size:8px;
}
.home-store-showcase .home-store-content{padding:11px 12px 10px}
.home-store-showcase .home-store-category{font-size:8.3px;margin-bottom:2px}
.home-store-showcase .home-store-content h3{font-size:13.5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-store-showcase .home-store-content p{min-height:34px;font-size:9.2px;line-height:1.75;margin-bottom:7px}
.home-store-showcase .home-store-visit{font-size:9px;padding-top:7px}

.home-showcase-pending-media{
  border-bottom:1px solid var(--home-line);
}
.home-showcase-pending-mark{
  width:52px!important;
  height:52px!important;
  border:1px solid var(--home-line-2)!important;
  background:var(--home-surface)!important;
  color:var(--home-primary)!important;
  box-shadow:none;
}
#most-visited .home-showcase-pending-mark,
#rising-stores .home-showcase-pending-mark{color:var(--home-accent)!important}
.home-showcase-preview-badge{
  position:absolute;
  top:8px;
  inset-inline-start:8px;
  width:auto!important;
  height:auto!important;
  padding:3px 6px;
  border:1px solid var(--home-line)!important;
  background:rgba(255,255,255,.92)!important;
  color:var(--home-muted)!important;
  font-size:7.7px!important;
  line-height:1.4;
}
.home-showcase-pending-content{padding:11px 12px 10px}
.home-showcase-pending-label{font-size:8px;margin-bottom:2px}
.home-showcase-pending-content h3{
  margin-bottom:7px;
  font-size:12.4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-showcase-skeleton{display:grid;gap:5px;margin:0 0 10px}
.home-showcase-skeleton span{
  display:block;
  height:5px;
  background:linear-gradient(90deg,var(--home-tint-2),var(--home-tint),var(--home-tint-2));
  border-radius:1px;
}
.home-showcase-skeleton span:last-child{width:63%}
.home-showcase-pending-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-top:7px;
  border-top:1px solid var(--home-line);
  color:var(--home-muted);
  font-size:8.2px;
}
.home-showcase-pending-footer i{color:var(--home-primary);font-size:8px}
#most-visited .home-showcase-pending-footer i,
#rising-stores .home-showcase-pending-footer i{color:var(--home-accent)}

/* ---------- حالات التجهيز/الفراغ ---------- */
.home-new-empty-state,.home-metric-pending{
  position:relative;
  display:flex;align-items:center;gap:15px;
  min-height:108px;padding:19px 21px;
  border:1px solid var(--home-line);
  border-inline-start:3px solid var(--home-primary);
  background:linear-gradient(90deg,var(--home-tint-3),var(--home-surface) 58%);
  border-radius:var(--home-radius-sm);
}
.home-new-empty-icon,.home-metric-pending-icon{
  width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:var(--home-tint);border:1px solid var(--home-line-2);color:var(--home-primary);
}
.home-new-empty-state h3,.home-metric-pending h3{margin:0 0 3px;color:var(--home-text);font-size:14px;font-weight:400}
.home-new-empty-state p,.home-metric-pending p{margin:0;color:var(--home-muted);font-size:10.8px;line-height:1.9}
.home-metric-pending{padding-inline-end:170px}
.home-metric-pending-label{
  position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);
  padding:5px 9px;border:1px solid var(--home-line-2);background:#fff;color:var(--home-muted);font-size:9px;
}

/* ---------- اكتشف متجراً ---------- */
#discover-store .home-new-section-head::before{background:var(--home-accent)}
.home-discover-card{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:19px;
  overflow:hidden;
  border:1px solid var(--home-line);
  border-top:2px solid var(--home-accent);
  background:var(--home-surface);
  border-radius:var(--home-radius-sm);
  box-shadow:none;
}
.home-discover-card::after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  inset-inline-end:-115px;bottom:-125px;
  border:1px solid rgba(var(--home-accent-rgb),.12);
  border-radius:50%;
  pointer-events:none;
}
.home-discover-logo{
  height:120px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--home-tint-3),var(--home-tint-2));
  border:1px solid var(--home-line);
}
.home-discover-logo img{width:76px;height:76px;object-fit:contain;padding:6px;background:#fff;border:1px solid var(--home-line);box-shadow:none;z-index:1}
.home-discover-copy p{margin:0;color:var(--home-muted);font-size:10.8px;line-height:1.95}
.home-discover-note{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--home-primary);font-size:9px}
.home-discover-card>.home-new-btn-primary{position:relative;z-index:1;background:var(--home-primary);border-color:var(--home-primary);color:#fff;box-shadow:none;border-color:var(--home-primary-dark);color:#fff}

/* ---------- الشريط البريدي ---------- */
.home-new-newsletter-wrap{padding-top:54px}
.home-new-newsletter-wrap .newsletter-strip{margin-top:0}
.home-new-newsletter-wrap .newsletter-inner{box-shadow:none;
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  overflow:hidden;
  padding:30px 32px;
  background:linear-gradient(90deg,var(--home-tint-3),var(--home-surface) 62%);
  border:1px solid var(--home-line);
  border-top:2px solid var(--home-primary);
  border-radius:var(--home-radius-sm);
}
.home-new-cta-box::after{
  content:"";
  position:absolute;
  width:165px;height:165px;
  inset-inline-start:-105px;bottom:-118px;
  border:1px solid rgba(var(--home-primary-rgb),.13);
  border-radius:50%;
  box-shadow:none;
  pointer-events:none;
}
.home-new-cta-copy{position:relative;z-index:1;max-width:850px}
.home-new-cta-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.home-new-cta .home-new-btn-primary{background:var(--home-primary);border-color:var(--home-primary);color:#fff;box-shadow:none;border-color:var(--home-primary-dark);color:#fff}
.home-new-cta .home-new-btn-light{color:var(--home-text-2)}

/* ---------- تمييز بصري خفيف للأقسام العضوية ---------- */
#most-visited .home-new-section-eyebrow,
#rising-stores .home-new-section-eyebrow{color:var(--home-accent)}
#most-visited .home-new-section-head::before,
#rising-stores .home-new-section-head::before{background:var(--home-accent)}

/* ---------- تجاوب ---------- */
@media(max-width:1180px){
  .home-showcase-box{display:block;min-height:0}
  .home-showcase-intro{
    min-width:0;
    width:100%;
    min-height:150px;
    padding:22px 24px;
    border-inline-end:0;
    border-bottom:1px solid var(--home-line);
  }
  .home-showcase-intro h2{font-size:20px}
  .home-showcase-link{margin-top:13px}
  .home-store-showcase .home-store-grid,
  .home-showcase-pending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (hover:none){.home-report-trigger{opacity:.85}}

@media(max-width:1100px){
  .home-new-hero{min-height:600px}
  .home-new-hero-shell{min-height:600px;grid-template-columns:minmax(0,1fr) minmax(430px,.92fr);gap:38px;padding:30px 0 40px}
  .home-new-hero-visual{max-width:600px;margin-inline:auto;width:100%}
  .home-new-hero h1{font-size:clamp(35px,4vw,48px)}
  .home-new-hero p{font-size:16px}
  .home-live-grid{grid-template-columns:repeat(2,1fr)}
  .home-live-card:nth-child(2)::after{display:none}
  .home-live-card:nth-child(-n+2){border-bottom:1px solid var(--home-line)}
  .home-store-grid{grid-template-columns:repeat(2,1fr)}
  .home-discover-card{grid-template-columns:132px 1fr}
  .home-discover-card>.home-new-btn{grid-column:1/-1;justify-self:start}
  .home-new-cta-box{align-items:flex-start;flex-direction:column}
}

@media(max-width:768px){
  .home-new-shell{width:calc(100% - 20px)}
  .home-new-section{padding-top:42px}
  .home-new-section-head{
    padding:15px 16px 15px 18px;
    margin-bottom:16px;
    border-radius:14px;
  }
  .home-new-section-head::before{
    inset-inline-start:9px;
    top:14px;
    height:36px;
  }
  .home-new-hero{min-height:0}
  .home-new-hero-shell{min-height:0;grid-template-columns:1fr;gap:20px;padding:28px 0 42px}
  .home-new-hero-copy{text-align:center;justify-items:center}
  .home-new-kicker{margin-inline:auto}
  .home-new-hero h1{font-size:clamp(28px,7.5vw,36px);margin-inline:auto}
  .home-new-hero p{font-size:14px;line-height:1.9;margin-inline:auto}
  .home-new-hero-actions{justify-content:center}
  .home-new-hero-points{justify-content:center;font-size:11px}
  .home-new-hero-visual{max-width:520px;justify-self:center;padding-bottom:10px}
  .home-new-stage-orb.is-left{width:62px;height:62px}
  .home-new-stage-orb.is-right{width:34px;height:34px}
  .home-live-grid{grid-template-columns:1fr}
  .home-live-card:not(:last-child){border-bottom:1px solid var(--home-line)}
  .home-live-card::after{display:none!important}
  .home-store-grid{grid-template-columns:1fr}
  .home-store-showcase{padding-top:36px}
  .home-showcase-body{padding:8px}
  .home-showcase-intro{padding:20px 18px}
  .home-store-showcase .home-store-grid,
  .home-showcase-pending-grid{grid-template-columns:1fr 1fr;gap:8px}
  .home-store-showcase .home-store-media,
  .home-showcase-pending-media{height:120px}
  .home-metric-pending{padding:17px;display:grid;grid-template-columns:48px 1fr}
  .home-metric-pending-label{position:static;transform:none;grid-column:1/-1;justify-self:start}
  .home-discover-card{grid-template-columns:1fr;padding:17px}
  .home-discover-logo{height:105px}
  .home-discover-card>.home-new-btn{grid-column:auto;justify-self:stretch}
  .home-new-cta-box{padding:23px}
  .home-promoted-scroll{padding:6px}
  .home-promoted-canvas{min-width:1430px}
  .home-report-trigger{opacity:.85}
}

@media(max-width:480px){
  .home-new-section-head{display:block}
  .home-new-section-link{
    margin-top:10px;
    display:inline-flex;
  }
  .home-new-hero-shell{padding-top:23px;gap:14px}
  .home-new-kicker{font-size:9.5px;min-height:28px;padding:4px 9px}
  .home-new-hero h1{font-size:27px;line-height:1.55}
  .home-new-hero p{font-size:13px}
  .home-new-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .home-new-hero .home-new-btn{min-height:44px;padding-inline:9px;font-size:12px}
  .home-new-btn{padding-inline:10px}
  .home-new-hero-points{gap:9px;font-size:10px}
  .home-new-hero-points span:nth-child(3){display:none}
  .home-new-hero-visual{max-width:430px}
  .home-live-card{grid-template-columns:41px 1fr;padding:13px}
  .home-live-icon{width:41px;height:41px}
  .home-store-showcase .home-store-grid,
  .home-showcase-pending-grid{grid-template-columns:1fr}
  .home-showcase-intro h2{font-size:19px}
  .home-new-cta-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
}


/* =========================================================
   صدى المتاجر — المرحلة 2.0
   تمريرة تصميم احترافية موحّدة
   الهدف: بساطة + وضوح + إيقاع بصري ثابت، بدون ظلال أو تكلف.
   هذه الطبقة هي المرجع البصري النهائي وتأتي بعد جميع قواعد المرحلة السابقة.
   ========================================================= */

/* ---------- نظام بصري موحّد ---------- */
.sadaa-home-new{
  --home-ui-radius:10px;
  --home-ui-radius-sm:7px;
  --home-ui-gap:36px;
  background:var(--home-page-bg);
  color:var(--home-text);
}

/* لا ظلال داخل الصفحة الرئيسية الجديدة */
.sadaa-home-new *,
.sadaa-home-new *::before,
.sadaa-home-new *::after{
  box-shadow:none !important;
}
.sadaa-home-new .home-new-device-frame{
  filter:none !important;
}

.home-new-shell{
  width:min(1440px,calc(100% - 34px));
  margin-inline:auto;
}
.home-new-section{
  padding-top:var(--home-ui-gap);
}

/* ---------- عناوين الأقسام ---------- */
.home-new-section-head{
  min-height:88px;
  align-items:center;
  gap:22px;
  margin-bottom:14px;
  padding:16px 22px 16px 28px;
  background:#fff;
  border:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
}
.home-new-section-head::before{
  inset-inline-start:13px;
  top:50%;
  width:3px;
  height:36px;
  transform:translateY(-50%);
  border:0;
  border-radius:3px;
  background:var(--home-primary);
}
.home-new-section-head h2,
.home-new-cta h2{
  margin:1px 0 3px;
  font-size:clamp(21px,1.65vw,26px);
  line-height:1.55;
  font-weight:500;
}
.home-new-section-head p,
.home-new-cta p{
  font-size:12px;
  line-height:1.8;
}
.home-new-section-eyebrow{
  margin-bottom:2px;
  font-size:10px;
  line-height:1.6;
}
.home-new-section-link{
  min-height:36px;
  gap:7px;
  padding:7px 11px;
  border:1px solid var(--home-line-2);
  border-radius:7px;
  background:#fff;
  color:var(--home-primary);
  font-size:11px;
}
.home-new-section-link:hover{
  gap:8px;
  border-color:var(--home-primary);
  background:var(--home-tint-3);
}

/* ---------- Hero: هادئ وواضح ---------- */
.home-new-hero{
  min-height:570px;
  border:0 !important;
  border-bottom:1px solid rgba(0,0,0,.06) !important;
  border-radius:0 !important;
  background:var(--home-brand-surface);
}
.home-new-hero::before{
  width:470px;
  height:470px;
  inset-inline-end:-250px;
  bottom:-285px;
  border-color:rgba(255,255,255,.10);
}
.home-new-hero::after{
  width:330px;
  height:330px;
  inset-inline-start:-165px;
  top:155px;
  background:radial-gradient(circle,rgba(255,255,255,.07),rgba(255,255,255,0) 68%);
}
.home-new-hero-shell{
  min-height:570px;
  grid-template-columns:minmax(0,1fr) minmax(500px,.88fr);
  gap:54px;
  padding:38px 0 42px;
}
.home-new-hero-copy{
  max-width:690px;
}
.home-new-kicker{
  min-height:30px;
  margin-bottom:14px;
  padding:5px 11px;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.07);
  font-size:10.5px;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.home-new-hero h1{
  max-width:690px;
  margin-bottom:14px;
  font-size:clamp(40px,3vw,52px);
  line-height:1.52;
  font-weight:600;
}
.home-new-hero p{
  max-width:660px;
  font-size:clamp(14px,1vw,17px);
  line-height:1.95;
  color:rgba(255,255,255,.88);
}
.home-new-hero-actions{
  gap:9px;
  margin-top:22px;
}
.home-new-btn{
  border-radius:7px;
}
.home-new-hero .home-new-btn{
  min-height:47px;
  padding:9px 19px;
  font-size:12.5px;
}
.home-new-hero .home-new-btn-primary{
  min-width:132px;
}
.home-new-hero .home-new-btn-secondary{
  min-width:174px;
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.38);
}
.home-new-hero .home-new-btn-secondary:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.55);
}
.home-new-hero-points{
  gap:14px;
  margin-top:14px;
  font-size:11px;
  color:rgba(255,255,255,.82);
}

/* نقلّل الزخارف ونُبقي الجهاز هو العنصر البصري الأساسي */
.home-new-stage-ribbon,
.home-new-stage-orb,
.home-new-stage-dots,
.home-new-stage-lines,
.home-new-stage-wave,
.home-new-stage-sparkles,
.home-new-stage-glint{
  display:none !important;
}
.home-new-device-stage{
  inset:2% -4% 3% -3%;
}
.home-new-device-stage::before{
  inset:12% 10% 15%;
  border:0 !important;
  background:
    radial-gradient(circle at 35% 35%,rgba(255,255,255,.20),rgba(255,255,255,0) 52%),
    rgba(255,255,255,.04);
  opacity:.72;
}
.home-new-device-stage::after{
  width:64%;
  height:56%;
  left:10%;
  top:17%;
  opacity:.52;
  filter:blur(24px);
}
.home-new-hero-visual{
  max-width:650px;
  padding-bottom:14px;
}

/* ---------- يحدث الآن ---------- */
.home-new-live{
  padding-top:28px;
}
.home-new-live .home-new-section-head{
  margin-bottom:14px;
}
.home-live-grid{
  border:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
  background:#fff;
}
.home-live-card{
  min-height:88px;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  padding:14px 16px;
  border:0 !important;
  background:#fff;
}
.home-live-card:not(:last-child)::after{
  top:17px;
  bottom:17px;
  background:var(--home-line);
}
.home-live-card:hover{
  background:var(--home-tint-3);
}
.home-live-icon{
  width:42px;
  height:42px;
  border:1px solid var(--home-line-2);
  border-radius:7px;
  background:var(--home-tint-3);
}
.home-live-card strong{
  margin-bottom:2px;
  font-size:13.5px;
}
.home-live-card span:not(.home-live-icon){
  font-size:9.8px;
  line-height:1.7;
}

/* ---------- المجموعات الإعلانية ---------- */
.home-promoted-section{
  padding-top:var(--home-ui-gap);
}
.home-promoted-scroll{
  padding:0 !important;
  overflow-x:hidden;
  overflow-y:hidden;
  border:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius-sm);
  background:transparent !important;
}
.home-promoted-canvas{
  min-width:1430px;
  background:transparent !important;
}
.home-promoted-ad{
  background:#fff !important;
  border:1px solid var(--home-line) !important;
  border-radius:4px;
}
.home-promoted-ad.is-active,
.home-promoted-ad.is-empty{
  background:#fff !important;
}
.home-promoted-empty-link{
  border:0 !important;
  background:#fff !important;
}
.home-promoted-empty-link:hover{
  background:var(--home-tint-3) !important;
}
.home-promoted-ad-link img,
.home-promoted-ad-link video{
  background:#fff !important;
}

/* ---------- أقسام عرض المتاجر ---------- */
.home-store-showcase{
  padding-top:var(--home-ui-gap);
}
.home-showcase-box{
  min-height:292px;
  display:flex;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--home-line) !important;
  border-top:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
  background:#fff;
}
.home-showcase-intro{
  flex:0 0 258px;
  min-width:258px;
  padding:23px 22px;
  justify-content:center;
  background:var(--home-surface-alt);
  border:0 !important;
  border-inline-end:1px solid var(--home-line) !important;
}
.home-showcase-intro::before,
.home-showcase-intro::after{
  display:none !important;
}
.home-showcase-symbol{
  width:40px;
  height:40px;
  margin-bottom:14px;
  border:1px solid var(--home-line-2);
  border-radius:8px;
  background:#fff;
  color:var(--home-primary);
  font-size:15px;
}
.home-showcase-intro .home-new-section-eyebrow{
  margin-bottom:4px;
  font-size:9.8px;
}
.home-showcase-intro h2{
  margin-bottom:6px;
  font-size:20px;
  line-height:1.65;
  font-weight:500;
}
.home-showcase-intro p{
  font-size:10.5px;
  line-height:1.9;
}
.home-showcase-meta{
  margin-top:12px;
  font-size:9px;
}
.home-showcase-link{
  min-height:35px;
  margin-top:15px;
  padding:6px 11px;
  border:1px solid var(--home-line-2);
  border-radius:7px;
  background:#fff;
  font-size:10px;
}
.home-showcase-link:hover{
  gap:8px;
  border-color:var(--home-primary);
  background:var(--home-tint-3);
}
.home-showcase-body{
  padding:12px;
  background:#fff;
}
.home-store-showcase .home-store-grid,
.home-showcase-pending-grid{
  gap:10px;
}
.home-store-showcase .home-store-card,
.home-showcase-pending-card{
  border:1px solid var(--home-line) !important;
  border-radius:7px;
  background:#fff;
}
.home-store-showcase .home-store-card:hover{
  transform:translateY(-1px);
  border-color:var(--home-line-3) !important;
}
.home-store-showcase .home-store-media,
.home-showcase-pending-media{
  height:136px;
  background:var(--home-surface-alt);
}
.home-store-showcase .home-store-content{
  padding:12px;
}
.home-store-showcase .home-store-content h3{
  font-size:13.5px;
  font-weight:500;
}
.home-store-showcase .home-store-content p{
  font-size:9.7px;
}
.home-showcase-preview-badge{
  border-radius:4px;
}

/* ---------- حالات الانتظار والفراغ ---------- */
.home-new-empty-state,
.home-metric-pending{
  min-height:100px;
  padding:17px 19px;
  border:1px solid var(--home-line) !important;
  border-inline-start:3px solid var(--home-primary) !important;
  border-radius:var(--home-ui-radius-sm);
  background:#fff;
}
.home-new-empty-icon,
.home-metric-pending-icon{
  width:46px;
  height:46px;
  border-radius:7px;
  background:var(--home-tint-3);
}
.home-metric-pending-label{
  border-radius:5px;
}

/* ---------- اكتشف متجراً ---------- */
.home-discover-card{
  grid-template-columns:138px minmax(0,1fr) auto;
  gap:20px;
  padding:18px;
  border:1px solid var(--home-line) !important;
  border-top:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
  background:#fff;
}
.home-discover-card::after{
  display:none;
}
.home-discover-logo{
  height:112px;
  border:1px solid var(--home-line) !important;
  border-radius:7px;
  background:var(--home-surface-alt);
}
.home-discover-logo img{
  width:72px;
  height:72px;
  border:1px solid var(--home-line) !important;
  border-radius:6px;
}
.home-discover-copy h3{
  font-weight:500;
}
.home-discover-card>.home-new-btn-primary{
  min-width:130px;
}

/* ---------- الرسائل البريدية: تحافظ على شخصيتها بدون مبالغة ---------- */
.home-new-newsletter-wrap{
  padding-top:var(--home-ui-gap);
}
.home-new-newsletter-wrap .newsletter-strip{
  --nl-blue:var(--home-primary);
  --nl-blue-deep:var(--home-cta-dark);
  --nl-blue-deeper:var(--home-cta-dark-hover);
  margin:0;
  padding:0;
}
.home-new-newsletter-wrap .newsletter-inner{
  max-width:1440px;
  min-height:236px;
  grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);
  gap:36px;
  padding:30px 34px;
  overflow:hidden;
  border:1px solid var(--home-line) !important;
  border-top:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
  background:#fff;
}
.home-new-newsletter-wrap .newsletter-inner::before{
  width:50.5%;
  background:var(--home-brand-surface);
}
.home-new-newsletter-wrap .newsletter-inner::after{
  display:none;
}
.home-new-newsletter-wrap .newsletter-intro{
  grid-template-columns:70px minmax(0,1fr);
  gap:19px;
  padding:8px 2px;
}
.home-new-newsletter-wrap .newsletter-intro::after{
  inset-inline-end:-18px;
  height:104px;
}
.home-new-newsletter-wrap .newsletter-icon{
  width:70px;
  height:70px;
  border-radius:10px 10px 10px 4px;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.24);
  font-size:27px;
}
.home-new-newsletter-wrap .newsletter-icon::before{
  display:none;
}
.home-new-newsletter-wrap .newsletter-eyebrow{
  min-height:25px;
  margin-bottom:8px;
  padding:3px 9px;
  border-radius:4px;
  background:rgba(255,255,255,.10);
  font-size:11px;
  font-weight:400;
}
.home-new-newsletter-wrap .newsletter-copy h3{
  margin-bottom:5px;
  font-size:24px;
  line-height:1.65;
  font-weight:500;
}
.home-new-newsletter-wrap .newsletter-copy p{
  font-size:13px;
  line-height:1.9;
}
.home-new-newsletter-wrap .newsletter-form-card{
  padding:21px 21px 18px;
  border:1px solid var(--home-line) !important;
  border-radius:8px;
}
.home-new-newsletter-wrap .newsletter-form-card::after{
  display:none;
}
.home-new-newsletter-wrap .newsletter-email,
.home-new-newsletter-wrap .newsletter-submit{
  height:47px;
  border-radius:6px;
}
.home-new-newsletter-wrap .newsletter-email:focus{
  outline:3px solid var(--home-focus);
  outline-offset:1px;
}
.home-new-newsletter-wrap .newsletter-submit{
  min-width:112px;
  font-weight:500;
}

/* ---------- CTA الختامي ---------- */
.home-new-cta{
  padding-top:var(--home-ui-gap);
  padding-bottom:42px;
}
.home-new-cta-box{
  padding:26px 28px;
  border:1px solid var(--home-line) !important;
  border-radius:var(--home-ui-radius);
  background:#fff;
}
.home-new-cta-box::after{
  display:none;
}
.home-new-cta-copy{
  max-width:820px;
}
.home-new-cta-actions{
  gap:8px;
}

/* ---------- تجاوب محسّن ---------- */
@media(max-width:1464px){
  .home-promoted-scroll{
    overflow-x:auto;
  }
}

@media(max-width:1180px){
  .home-new-hero{
    min-height:540px;
  }
  .home-new-hero-shell{
    min-height:540px;
    grid-template-columns:minmax(0,1fr) minmax(410px,.9fr);
    gap:34px;
  }
  .home-showcase-box{
    display:block;
  }
  .home-showcase-intro{
    width:100%;
    min-width:0;
    min-height:142px;
    border-inline-end:0 !important;
    border-bottom:1px solid var(--home-line) !important;
    justify-content:flex-start;
  }
  .home-new-newsletter-wrap .newsletter-inner{
    grid-template-columns:1fr;
    gap:22px;
  }
  .home-new-newsletter-wrap .newsletter-inner::before{
    width:100%;
    height:47%;
    bottom:auto;
  }
  .home-new-newsletter-wrap .newsletter-intro::after{
    display:none;
  }
}

@media(max-width:768px){
  .sadaa-home-new{
    --home-ui-gap:28px;
  }
  .home-new-shell{
    width:calc(100% - 20px);
  }
  .home-new-section-head{
    min-height:auto;
    padding:14px 16px 14px 22px;
    margin-bottom:11px;
    border-radius:8px;
  }
  .home-new-section-head::before{
    inset-inline-start:9px;
    height:32px;
  }
  .home-new-section-head h2,
  .home-new-cta h2{
    font-size:20px;
  }
  .home-new-hero{
    min-height:0;
  }
  .home-new-hero-shell{
    min-height:0;
    grid-template-columns:1fr;
    gap:18px;
    padding:27px 0 32px;
  }
  .home-new-hero-copy{
    max-width:none;
    text-align:center;
  }
  .home-new-hero h1{
    max-width:620px;
    margin-inline:auto;
    font-size:clamp(28px,7vw,36px);
  }
  .home-new-hero p{
    margin-inline:auto;
    font-size:13.5px;
  }
  .home-new-hero-visual{
    max-width:500px;
    justify-self:center;
  }
  .home-live-grid{
    grid-template-columns:1fr;
  }
  .home-live-card{
    min-height:80px;
  }
  .home-live-card:not(:last-child){
    border-bottom:1px solid var(--home-line) !important;
  }
  .home-live-card::after{
    display:none !important;
  }
  .home-showcase-body{
    padding:9px;
  }
  .home-showcase-intro{
    min-height:0;
    padding:18px;
  }
  .home-store-showcase .home-store-grid,
  .home-showcase-pending-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .home-discover-card{
    grid-template-columns:1fr;
    gap:14px;
    padding:15px;
  }
  .home-discover-logo{
    height:100px;
  }
  .home-discover-card>.home-new-btn{
    justify-self:stretch;
  }
  .home-new-newsletter-wrap .newsletter-inner{
    padding:22px 18px;
    border-radius:8px;
  }
  .home-new-newsletter-wrap .newsletter-inner::before{
    height:45%;
  }
  .home-new-newsletter-wrap .newsletter-intro{
    grid-template-columns:56px 1fr;
    gap:14px;
  }
  .home-new-newsletter-wrap .newsletter-icon{
    width:56px;
    height:56px;
    font-size:22px;
  }
  .home-new-newsletter-wrap .newsletter-copy h3{
    font-size:20px;
  }
  .home-new-newsletter-wrap .newsletter-copy p{
    font-size:12px;
  }
  .home-new-newsletter-wrap .newsletter-form-card{
    padding:17px;
  }
  .home-new-cta-box{
    padding:21px;
  }
}

@media(max-width:480px){
  .home-new-section-head{
    display:block;
  }
  .home-new-section-link{
    margin-top:9px;
  }
  .home-new-hero-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }
  .home-new-hero .home-new-btn{
    min-width:0;
    width:100%;
    padding-inline:9px;
    font-size:11.5px;
  }
  .home-new-hero-points{
    justify-content:center;
    gap:8px 10px;
    font-size:9.8px;
  }
  .home-store-showcase .home-store-grid,
  .home-showcase-pending-grid{
    grid-template-columns:1fr;
  }
  .home-new-newsletter-wrap .newsletter-inner::before{
    height:43%;
  }
  .home-new-newsletter-wrap .newsletter-input-group{
    display:grid;
    grid-template-columns:1fr;
  }
  .home-new-newsletter-wrap .newsletter-submit{
    width:100%;
  }
  .home-new-cta-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.1
   زيادة ارتفاع الأجزاء الرئيسية
   - رفع الارتفاعات بما لا يقل عن 25px
   - استثناء المساحات الإعلانية من أي تغيير
   ========================================================= */

.home-new-section-head{
  min-height:116px;
  padding:22px 24px 22px 30px;
}

.home-live-card{
  min-height:114px;
  padding:19px 18px;
}

.home-showcase-box{
  min-height:330px;
}

.home-showcase-intro{
  min-height:330px;
  padding:28px 24px;
}

.home-store-showcase .home-store-media,
.home-showcase-pending-media{
  height:160px;
}

.home-store-showcase .home-store-content,
.home-showcase-pending-content{
  padding:15px 14px 14px;
}

.home-store-showcase .home-store-content p{
  min-height:46px;
}

.home-new-empty-state,
.home-metric-pending{
  min-height:126px;
  padding:23px 22px;
}

.home-discover-card{
  min-height:154px;
  padding:24px;
}

.home-discover-logo{
  height:138px;
}

.home-new-newsletter-wrap .newsletter-inner{
  min-height:268px;
  padding:34px 36px;
}

.home-new-newsletter-wrap .newsletter-form-card{
  min-height:186px;
  padding:25px 23px 22px;
}

.home-new-cta-box{
  min-height:136px;
  padding:31px 30px;
}

/* تجاوب: نحافظ على الراحة لكن بدون مبالغة */
@media(max-width:1180px){
  .home-showcase-box{
    min-height:0;
  }
  .home-showcase-intro{
    min-height:176px;
    padding:24px;
  }
}

@media(max-width:768px){
  .home-new-section-head{
    min-height:98px;
    padding:18px 18px 18px 22px;
  }
  .home-live-card{
    min-height:100px;
    padding:17px 15px;
  }
  .home-showcase-intro{
    min-height:164px;
    padding:22px 20px;
  }
  .home-store-showcase .home-store-media,
  .home-showcase-pending-media{
    height:150px;
  }
  .home-new-empty-state,
  .home-metric-pending{
    min-height:116px;
    padding:20px 18px;
  }
  .home-discover-card{
    min-height:0;
    padding:20px;
  }
  .home-discover-logo{
    height:124px;
  }
  .home-new-newsletter-wrap .newsletter-inner{
    min-height:0;
    padding:26px 20px;
  }
  .home-new-newsletter-wrap .newsletter-form-card{
    min-height:0;
    padding:20px;
  }
  .home-new-cta-box{
    min-height:0;
    padding:26px 22px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.3
   إزالة خلفية وحد الحاوية الجامعة للمساحات الإعلانية فقط
   ========================================================= */

.home-promoted-scroll{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.home-promoted-canvas{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.5
   زيادة العرض الأقصى للصفحة الرئيسية إلى 1450px
   ========================================================= */
.home-new-shell{
  width:min(1450px,calc(100% - 34px)) !important;
}

.home-new-newsletter-wrap .newsletter-inner{
  max-width:1450px;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.6
   تجربة حد حول الصندوق الجامع للمساحات الإعلانية
   ========================================================= */
.home-promoted-scroll{
  background:transparent !important;
  border:1px solid var(--home-line) !important;
  box-shadow:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.7
   تباعد رأسي داخل صندوق المساحات الإعلانية
   بدون المساس بمقاسات البنرات أو عرض الشبكة
   ========================================================= */
.home-promoted-scroll{
  padding-block:10px !important;
  padding-inline:0 !important;
  background:transparent !important;
  border:1px solid var(--home-line) !important;
  box-shadow:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.8
   دمج عنوان قسم الإعلانات مع صندوق المساحات + توسيط الشبكة
   ========================================================= */

/* الصندوق الخارجي الموحد للقسم */
.home-promoted-section > .home-new-shell{
  border:1px solid var(--home-line);
  border-radius:var(--home-ui-radius);
  background:transparent;
  overflow:hidden;
}

/* عنوان القسم أصبح الجزء العلوي من نفس الصندوق */
.home-promoted-section .home-new-section-head{
  margin-bottom:0;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:0;
  background:#ffffff;
}

/* منطقة المساحات هي الجزء السفلي من الصندوق نفسه */
.home-promoted-section .home-promoted-scroll{
  width:100%;
  margin:0;
  padding-block:10px !important;
  padding-inline:0 !important;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  box-shadow:none !important;
}

/* توسيط شبكة المساحات داخل الصندوق بدون تغيير أي مقاس */
.home-promoted-section .home-promoted-canvas{
  margin-inline:auto;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.9
   دمج "يحدث الآن" و "اكتشف متجراً" مع صناديقهما
   ========================================================= */

/* صندوق موحد لقسم "يحدث الآن" */
.home-new-live > .home-new-shell{
  border:1px solid var(--home-line);
  border-radius:var(--home-ui-radius);
  background:transparent;
  overflow:hidden;
}
.home-new-live .home-new-section-head{
  margin-bottom:0;
  border:0 !important;
  border-bottom:0 !important;
  border-radius:0;
  background:#ffffff;
}
.home-new-live .home-live-grid{
  margin:0;
  border:0 !important;
  border-radius:0;
  background:#ffffff;
}
.home-new-live .home-live-card{
  border:0 !important;
  border-radius:0;
  background:#ffffff;
}

/* صندوق موحد لقسم "اكتشف متجراً" */
#discover-store > .home-new-shell{
  border:1px solid var(--home-line);
  border-radius:var(--home-ui-radius);
  background:transparent;
  overflow:hidden;
}
#discover-store .home-new-section-head{
  margin-bottom:0;
  border:0 !important;
  border-bottom:1px solid var(--home-line) !important;
  border-radius:0;
  background:#ffffff;
}
#discover-store .home-discover-card,
#discover-store .home-new-empty-state{
  margin:0;
  border:0 !important;
  border-radius:0;
  background:#ffffff;
}
#discover-store .home-discover-logo{
  background:var(--home-surface-alt);
}

/* تحسين بسيط على الجوال حتى يبقى الدمج نظيف */
@media(max-width:768px){
  .home-new-live > .home-new-shell,
  #discover-store > .home-new-shell{
    border-radius:8px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.11
   إطار داخلي بزوايا دائرية لمحتوى:
   - يحدث الآن في صدى
   - اكتشف متجراً
   ========================================================= */

/* إلغاء أي فاصل تحت العنوان في القسمين */
.home-new-live .home-new-section-head,
#discover-store .home-new-section-head{
  border-bottom:0 !important;
}

/* إطار داخلي لقسم يحدث الآن */
.home-new-live .home-live-grid{
  margin:6px 12px 12px;
  border:1px solid var(--home-line) !important;
  border-radius:12px;
  background:#ffffff;
  overflow:hidden;
}

/* إطار داخلي لقسم اكتشف متجراً */
#discover-store .home-discover-card,
#discover-store .home-new-empty-state{
  margin:6px 12px 12px;
  border:1px solid var(--home-line) !important;
  border-radius:12px;
  background:#ffffff;
  overflow:hidden;
}

/* على الجوال نخفف الهوامش قليلاً */
@media(max-width:768px){
  .home-new-live .home-live-grid,
  #discover-store .home-discover-card,
  #discover-store .home-new-empty-state{
    margin:6px 8px 8px;
    border-radius:10px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.12
   خلفية بيضاء لقسمي:
   - يحدث الآن في صدى
   - اكتشف متجراً
   ========================================================= */

.home-new-live > .home-new-shell,
#discover-store > .home-new-shell{
  background:#ffffff !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.13
   خلفية بيضاء لمجموعات المتاجر المروّجة
   ========================================================= */

.home-promoted-section > .home-new-shell{
  background:#ffffff !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.14
   تأثير Hover هادئ على المساحات الإعلانية
   ========================================================= */

.home-promoted-ad{
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease;
  transform:translateY(0);
}

.home-promoted-ad:hover,
.home-promoted-ad:focus-within{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
  z-index:999 !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.17
   لون طبيعي محايد للمساحات الإعلانية
   ========================================================= */

.home-promoted-ad,
.home-promoted-ad.is-active,
.home-promoted-ad.is-empty,
.home-promoted-empty-link{
  background:#F7F7F7 !important;
}

/* لا توجد أي طبقة لون فوق الإعلان عند Hover */
.home-promoted-ad::after{
  content:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.18
   تثبيت لون البنرات أثناء Hover ومنع أي تلوين وردي/بنفسجي
   ========================================================= */

.home-promoted-ad,
.home-promoted-ad.is-active,
.home-promoted-ad.is-empty,
.home-promoted-ad:hover,
.home-promoted-ad:focus-within,
.home-promoted-empty-link,
.home-promoted-empty-link:hover,
.home-promoted-empty-link:focus{
  background:#F7F7F7 !important;
}

.home-promoted-empty-link:hover,
.home-promoted-empty-link:focus{
  color:var(--home-muted) !important;
  border-color:transparent !important;
}

/* منع أي تأثير لوني على وسائط الإعلان نفسها */
.home-promoted-ad-link img,
.home-promoted-ad-link video,
.home-promoted-ad:hover .home-promoted-ad-link img,
.home-promoted-ad:hover .home-promoted-ad-link video,
.home-promoted-ad:focus-within .home-promoted-ad-link img,
.home-promoted-ad:focus-within .home-promoted-ad-link video{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

/* Hover يبقى حركة وظل فقط */
.home-promoted-ad{
  transition:transform .16s ease, box-shadow .16s ease;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.21
   استعادة جماليات الهيرو + تقليل ارتفاعه 100px
   ========================================================= */

/* الارتفاع الجديد: 570px -> 470px */
.home-new-hero{
  height:470px;
  min-height:470px;
}
.home-new-hero-shell{
  height:470px;
  min-height:470px;
  padding:18px 0 20px;
  align-items:center;
}

/* ضغط المشهد البصري فقط بما يناسب الارتفاع الجديد */
.home-new-hero-visual{
  width:100%;
  max-width:450px;
  padding-bottom:0;
  align-self:center;
}
.home-new-device-combo{
  width:100%;
  aspect-ratio:1/1;
}

/* استعادة الإضافات الجمالية التي أخفتها مرحلة Professional Simple */
.home-new-stage-ribbon,
.home-new-stage-orb,
.home-new-stage-dots,
.home-new-stage-lines,
.home-new-stage-wave,
.home-new-stage-sparkles,
.home-new-stage-glint{
  display:block !important;
}

/* إعادة المشهد الزخرفي الأقرب للنسخة السابقة */
.home-new-device-stage{
  inset:-1% -9% 1% -8%;
}
.home-new-device-stage::before{
  inset:8% 7% 12%;
  border:1px solid rgba(255,255,255,.19) !important;
  border-radius:42% 58% 48% 52% / 44% 38% 62% 56%;
  background:
    radial-gradient(circle at 24% 22%,rgba(255,255,255,.42) 0%,rgba(255,255,255,.18) 16%,rgba(255,255,255,0) 39%),
    radial-gradient(circle at 78% 72%,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 40%),
    linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10) 40%,rgba(255,255,255,.04));
  opacity:1;
  transform:rotate(-4deg);
}
.home-new-device-stage::after{
  width:72%;
  height:62%;
  left:5%;
  top:11%;
  border-radius:50%;
  background:radial-gradient(circle at 48% 48%,rgba(255,255,255,.44),rgba(255,255,255,.20) 23%,rgba(255,255,255,0) 72%);
  filter:blur(18px);
  opacity:.88;
  transform:rotate(-7deg);
}

/* لا نعيد الظل الثقيل على صورة الأجهزة */
.home-new-device-frame{
  filter:none !important;
}

/* تقليل بسيط للمسافات النصية حتى يتوازن الهيرو الأقصر */
.home-new-kicker{
  margin-bottom:10px;
}
.home-new-hero h1{
  margin-bottom:10px;
}
.home-new-hero-actions{
  margin-top:16px;
}
.home-new-hero-points{
  margin-top:10px;
}

/* الشاشات المتوسطة: 540px -> 440px */
@media(max-width:1180px) and (min-width:769px){
  .home-new-hero{
    height:440px;
    min-height:440px;
  }
  .home-new-hero-shell{
    height:440px;
    min-height:440px;
    padding:16px 0 18px;
  }
  .home-new-hero-visual{
    max-width:410px;
  }
  .home-new-hero-shell{
    grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);
    gap:28px;
  }
}

/* الجوال يبقى تلقائياً حتى لا ينضغط المحتوى */
@media(max-width:768px){
  .home-new-hero{
    height:auto;
    min-height:0;
  }
  .home-new-hero-shell{
    height:auto;
    min-height:0;
  }
  .home-new-hero-visual{
    max-width:420px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.22
   اعتماد ارتفاع الهيرو 600px
   ========================================================= */

@media(min-width:769px){
  .home-new-hero{
    height:600px;
    min-height:600px;
  }

  .home-new-hero-shell{
    height:600px;
    min-height:600px;
    padding:30px 0 34px;
  }

  .home-new-hero-visual{
    max-width:540px;
  }
}

/* الجوال يبقى بارتفاع تلقائي */
@media(max-width:768px){
  .home-new-hero{
    height:auto;
    min-height:0;
  }

  .home-new-hero-shell{
    height:auto;
    min-height:0;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.23
   استعادة مقاسات نصوص وأزرار الهيرو المرجعية
   مع الإبقاء على ارتفاع الهيرو 600px
   ========================================================= */

@media(min-width:1181px){
  .home-new-kicker{
    min-height:31px;
    margin-bottom:16px;
    padding:5px 12px;
    font-size:11px;
    line-height:1.5;
  }

  .home-new-kicker-dot{
    width:7px;
    height:7px;
  }

  .home-new-hero h1{
    max-width:760px;
    margin-bottom:17px;
    font-size:clamp(39px,3.25vw,56px);
    line-height:1.48;
    font-weight:700;
  }

  .home-new-hero p{
    max-width:720px;
    font-size:clamp(16px,1.1vw,19px);
    line-height:2;
  }

  .home-new-hero-actions{
    min-height:48px;
    gap:11px;
    margin-top:25px;
  }

  .home-new-hero .home-new-btn{
    min-height:48px;
    padding:10px 21px;
    font-size:13.5px;
    line-height:1.4;
  }

  .home-new-hero .home-new-btn-primary{
    min-width:132px;
  }

  .home-new-hero .home-new-btn-secondary{
    min-width:184px;
  }

  .home-new-hero-points{
    gap:16px;
    margin-top:15px;
    font-size:12px;
    line-height:1.7;
  }

  .home-new-hero-points i{
    font-size:10px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.24
   تحسين شامل لأحجام الخطوط أسفل الهيرو
   الهدف: وضوح أعلى بدون تضخيم أو تكلف
   ========================================================= */

@media(min-width:769px){

  /* عناوين الأقسام العامة */
  .home-new-section-head h2,
  .home-new-cta h2{
    font-size:clamp(23px,1.75vw,28px);
    line-height:1.5;
    font-weight:500;
  }

  .home-new-section-head p,
  .home-new-cta p{
    font-size:13.5px;
    line-height:1.85;
  }

  .home-new-section-eyebrow{
    font-size:11.5px;
    line-height:1.65;
  }

  .home-new-section-link{
    min-height:38px;
    padding:7px 12px;
    font-size:12px;
  }

  /* يحدث الآن */
  .home-live-card strong{
    font-size:15.5px;
    line-height:1.55;
  }

  .home-live-card span:not(.home-live-icon){
    font-size:11.2px;
    line-height:1.8;
  }

  .home-live-icon{
    font-size:15px;
  }

  /* مقدمة أقسام المتاجر */
  .home-showcase-intro .home-new-section-eyebrow{
    font-size:11px;
  }

  .home-showcase-intro h2{
    font-size:23px;
    line-height:1.6;
  }

  .home-showcase-intro p{
    font-size:12px;
    line-height:1.9;
  }

  .home-showcase-meta{
    font-size:10.5px;
    line-height:1.7;
  }

  .home-showcase-meta i{
    font-size:9.5px;
  }

  .home-showcase-link{
    min-height:38px;
    padding:7px 12px;
    font-size:11.5px;
  }

  /* بطاقات المتاجر */
  .home-store-showcase .home-store-category{
    font-size:9.7px;
  }

  .home-store-showcase .home-store-content h3{
    font-size:15px;
    line-height:1.55;
  }

  .home-store-showcase .home-store-content p{
    font-size:10.8px;
    line-height:1.85;
  }

  .home-store-showcase .home-store-visit{
    font-size:10.5px;
  }

  /* بطاقات الانتظار في الأقسام مثل الأكثر زيارة */
  .home-showcase-preview-badge{
    font-size:9px !important;
    padding:4px 7px;
  }

  .home-showcase-pending-label{
    font-size:9.5px;
    line-height:1.6;
  }

  .home-showcase-pending-content h3{
    font-size:14px;
    line-height:1.6;
  }

  .home-showcase-pending-footer{
    font-size:9.7px;
    line-height:1.6;
  }

  .home-showcase-pending-footer i{
    font-size:9px;
  }

  /* حالات التجهيز والفراغ */
  .home-new-empty-state h3,
  .home-metric-pending h3{
    font-size:15.5px;
    line-height:1.6;
  }

  .home-new-empty-state p,
  .home-metric-pending p{
    font-size:11.8px;
    line-height:1.9;
  }

  .home-metric-pending-label{
    font-size:10.5px;
    padding:6px 10px;
  }

  /* اكتشف متجراً */
  .home-discover-copy h3{
    font-size:17px;
    line-height:1.6;
  }

  .home-discover-copy p{
    font-size:12px;
    line-height:1.9;
  }

  .home-discover-note{
    font-size:10.5px;
    line-height:1.7;
  }

  #discover-store .home-new-btn{
    font-size:12px;
  }

  /* المساحات الإعلانية الفارغة */
  .home-promoted-position{
    font-size:10.5px;
  }

  .home-promoted-empty-copy{
    font-size:11.5px;
  }

  /* الرسائل البريدية */
  .home-new-newsletter-wrap .newsletter-eyebrow{
    font-size:11.5px;
  }

  .home-new-newsletter-wrap .newsletter-copy h3{
    font-size:25px;
    line-height:1.6;
  }

  .home-new-newsletter-wrap .newsletter-copy p{
    font-size:13.5px;
    line-height:1.9;
  }

  .home-new-newsletter-wrap .newsletter-email,
  .home-new-newsletter-wrap .newsletter-submit{
    font-size:12.5px;
  }

  /* CTA الختامي */
  .home-new-cta .home-new-btn{
    font-size:12.5px;
  }
}

/* تحسين خاص بالجوال: رفع النصوص الصغيرة فقط */
@media(max-width:768px){
  .home-new-section-head p,
  .home-new-cta p{
    font-size:12px;
  }

  .home-new-section-eyebrow{
    font-size:10.5px;
  }

  .home-live-card strong{
    font-size:14.5px;
  }

  .home-live-card span:not(.home-live-icon){
    font-size:10.5px;
  }

  .home-showcase-intro p{
    font-size:11.5px;
  }

  .home-showcase-meta,
  .home-showcase-link{
    font-size:10.5px;
  }

  .home-store-showcase .home-store-category{
    font-size:9px;
  }

  .home-store-showcase .home-store-content h3{
    font-size:14.5px;
  }

  .home-store-showcase .home-store-content p{
    font-size:10.5px;
  }

  .home-showcase-preview-badge{
    font-size:8.8px !important;
  }

  .home-showcase-pending-label{
    font-size:9px;
  }

  .home-showcase-pending-content h3{
    font-size:13.5px;
  }

  .home-showcase-pending-footer{
    font-size:9.3px;
  }

  .home-new-empty-state h3,
  .home-metric-pending h3{
    font-size:14.5px;
  }

  .home-new-empty-state p,
  .home-metric-pending p,
  .home-discover-copy p{
    font-size:11px;
  }

  .home-discover-note{
    font-size:10px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.25
   محاذاة وسطية لصناديق التعريف/المقدمة في الأقسام المتشابهة
   ========================================================= */

/* صناديق مقدمة الأقسام الأفقية مثل:
   - الأكثر زيارة
   - المتاجر الصاعدة
   - متاجر مميزة
   وغيرها من الأقسام المماثلة */
.home-showcase-intro{
  text-align:center;
  align-items:center;
}

.home-showcase-intro .home-new-section-eyebrow,
.home-showcase-intro h2,
.home-showcase-intro p,
.home-showcase-intro .home-showcase-meta{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.home-showcase-intro .home-showcase-link{
  margin-left:auto;
  margin-right:auto;
  align-self:center;
}

/* أيضاً نوسّط النصوص في حالات الفراغ/الانتظار المشابهة */
.home-new-empty-state,
.home-metric-pending{
  text-align:center;
  align-items:center;
}

.home-new-empty-state h3,
.home-new-empty-state p,
.home-metric-pending h3,
.home-metric-pending p{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.home-metric-pending-label{
  margin-left:auto;
  margin-right:auto;
}

/* اكتشف متجراً – نجعل المحتوى النصي متمركزاً كذلك */
.home-discover-copy{
  text-align:center;
  align-items:center;
}

.home-discover-copy h3,
.home-discover-copy p,
.home-discover-note{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

#discover-store .home-new-btn{
  margin-left:auto;
  margin-right:auto;
}

/* الجوال يبقى بنفس المنطق */
@media(max-width:768px){
  .home-showcase-intro,
  .home-new-empty-state,
  .home-metric-pending,
  .home-discover-copy{
    text-align:center;
    align-items:center;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.26
   إبراز وتحسين شارة الهيرو: اكتشاف • ظهور • نمو
   ========================================================= */

.home-new-kicker{
  min-height:42px !important;
  gap:11px;
  margin-bottom:18px !important;
  padding:8px 17px !important;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.52);
  background:rgba(255,255,255,.115);
  border-radius:999px;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:500;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 0 1px rgba(255,255,255,.025) !important;
}

.home-new-kicker-dot{
  width:9px !important;
  height:9px !important;
  background:#ffffff;
  box-shadow:0 0 0 4px rgba(255,255,255,.11) !important;
}

@media(max-width:768px){
  .home-new-kicker{
    min-height:36px !important;
    gap:9px;
    margin-bottom:14px !important;
    padding:7px 13px !important;
    font-size:12px !important;
  }

  .home-new-kicker-dot{
    width:8px !important;
    height:8px !important;
    box-shadow:0 0 0 3px rgba(255,255,255,.10) !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.29
   تبديل CTA مع الرسائل البريدية
   ونقل الأزرار إلى موضعها الطبيعي أسفل النص
   ========================================================= */

.home-new-cta-copy .home-new-cta-actions{
  margin-top:16px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
}

.home-new-cta-box{
  align-items:flex-start;
}

.home-new-cta-copy{
  width:100%;
}

.home-new-newsletter-wrap{
  padding-top:var(--home-ui-gap);
  padding-bottom:42px;
}

@media(max-width:768px){
  .home-new-cta-copy .home-new-cta-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.30
   نقل أزرار CTA إلى الجهة اليسرى المقابلة للنص
   ========================================================= */

@media(min-width:1181px){
  .home-new-cta-box{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:48px;
  }

  .home-new-cta-copy{
    width:auto !important;
    max-width:950px;
    flex:1 1 auto;
  }

  .home-new-cta-actions{
    flex:0 0 auto;
    min-width:270px;
    margin:0 !important;
    display:flex !important;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    flex-wrap:wrap;
  }
}

/* الشاشات المتوسطة والجوال: الأزرار ترجع أسفل النص */
@media(max-width:1180px){
  .home-new-cta-box{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px;
  }

  .home-new-cta-copy{
    width:100% !important;
    max-width:none;
  }

  .home-new-cta-actions{
    width:100%;
    margin:0 !important;
    display:flex !important;
    justify-content:flex-start;
    gap:10px;
  }
}

@media(max-width:768px){
  .home-new-cta-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.32
   أيقونات عناوين "اكتشف متجراً" و"المتاجر المروّجة"
   ========================================================= */

.home-section-title-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:1px 0 3px;
}

.home-section-title-row h2{
  margin:0 !important;
}

.home-section-title-icon{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--home-line-2);
  border-radius:7px;
  background:var(--home-tint-3);
  color:var(--home-accent);
  font-size:15px;
  line-height:1;
}

.home-promoted-title-icon{
  color:var(--home-accent);
  background:rgba(var(--home-accent-rgb),.055);
  border-color:rgba(var(--home-accent-rgb),.18);
}

/* بعد نقل أيقونة الاكتشاف للعنوان لا نحتاج حجز فراغ لها في حالة الانتظار */
#discover-store .home-new-empty-state{
  justify-content:flex-start;
}

@media(max-width:768px){
  .home-section-title-row{
    gap:8px;
  }

  .home-section-title-icon{
    width:32px;
    height:32px;
    flex-basis:32px;
    font-size:13px;
    border-radius:6px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.33
   إزالة العلامة العمودية من عنوان "اكتشف متجراً"
   بعد اعتماد الأيقونة بجوار العنوان
   ========================================================= */

#discover-store .home-new-section-head::before{
  display:none !important;
}


/* =========================================================
   صدى المتاجر — المرحلة 2.34
   تنظيف علامات العناوين وإضافة أيقونة "يحدث الآن"
   ========================================================= */

/* الأيقونات أصبحت هي العلامة البصرية للعناوين، لذلك لا حاجة للخط العمودي */
#discover-store .home-new-section-head::before,
.home-promoted-section .home-new-section-head::before,
.home-new-live .home-new-section-head::before{
  display:none !important;
}

/* أيقونة "يحدث الآن في صدى" */
.home-live-title-icon{
  color:var(--home-primary);
  background:rgba(var(--home-primary-rgb),.055);
  border-color:rgba(var(--home-primary-rgb),.18);
}


/* =========================================================
   صدى المتاجر — المرحلة 2.36
   أيقونة + فاصل عمودي لعنوان CTA الخاص بالتميّز
   ========================================================= */

.home-new-cta-title-group{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
}

.home-new-cta-title-icon{
  width:56px;
  height:56px;
  flex:0 0 56px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(var(--home-accent-rgb), .18);
  border-radius:10px;
  background:rgba(var(--home-accent-rgb), .06);
  color:var(--home-accent);
  font-size:22px;
  line-height:1;
}

.home-new-cta-title-divider{
  width:1px;
  min-width:1px;
  align-self:stretch;
  background:var(--home-line);
  border-radius:999px;
}

.home-new-cta-title-texts{
  display:block;
  min-width:0;
  flex:1 1 auto;
}

.home-new-cta-title-texts .home-new-section-eyebrow{
  margin-bottom:2px;
}

.home-new-cta-title-texts h2{
  margin:0 0 4px;
}

.home-new-cta-title-texts p{
  margin:0;
}

@media(max-width:768px){
  .home-new-cta-title-group{
    gap:10px;
    align-items:flex-start;
  }

  .home-new-cta-title-icon{
    width:46px;
    height:46px;
    flex-basis:46px;
    font-size:18px;
    border-radius:8px;
  }

  .home-new-cta-title-divider{
    min-height:74px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.37
   تطبيق فكرة الأيقونة + الفاصل العمودي على:
   - المتاجر المروّجة
   - اكتشف متجراً
   - يحدث الآن في صدى
   ========================================================= */

.home-new-section-title-group{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
}

.home-new-section-title-icon-wrap{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--home-line-2);
  border-radius:10px;
  background:rgba(var(--home-accent-rgb), .06);
  color:var(--home-accent);
  font-size:18px;
  line-height:1;
}

.home-new-section-title-divider{
  width:1px;
  min-width:1px;
  align-self:stretch;
  background:var(--home-line);
  border-radius:999px;
}

.home-new-section-title-texts{
  flex:1 1 auto;
  min-width:0;
  display:block;
}

.home-new-section-title-texts .home-new-section-eyebrow{
  margin-bottom:2px;
}

.home-new-section-title-texts h2{
  margin:0 0 5px !important;
}

.home-new-section-title-texts p{
  margin:0;
}

.home-live-title-icon{
  color:var(--home-primary);
  background:rgba(var(--home-primary-rgb), .055);
  border-color:rgba(var(--home-primary-rgb), .18);
}

.home-promoted-title-icon{
  color:var(--home-accent);
  background:rgba(var(--home-accent-rgb), .06);
  border-color:rgba(var(--home-accent-rgb), .18);
}

.home-discover-title-icon{
  color:var(--home-accent);
  background:rgba(var(--home-accent-rgb), .06);
  border-color:rgba(var(--home-accent-rgb), .18);
}

.home-new-live .home-new-section-head > div:first-child,
#discover-store .home-new-section-head > div:first-child,
.home-promoted-section .home-new-section-head > div:first-child{
  width:100%;
  min-width:0;
}

@media(max-width:768px){
  .home-new-section-title-group{
    gap:10px;
    align-items:flex-start;
  }

  .home-new-section-title-icon-wrap{
    width:44px;
    height:44px;
    flex-basis:44px;
    font-size:16px;
    border-radius:8px;
  }

  .home-new-section-title-divider{
    min-height:70px;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.38
   تحسينات التوافق مع الجوال
   - توسيط محاذاة الأيقونات داخل العناوين
   - إضافة فواصل أفقية أوضح في "يحدث الآن في صدى"
   - منع ملامسة صندوق البنرات لحواف الحاوية على الجوال
   ========================================================= */

@media(max-width:768px){
  .home-new-section-title-group,
  .home-new-cta-title-group{
    align-items:center;
  }

  .home-new-section-title-icon-wrap,
  .home-new-cta-title-icon{
    align-self:center;
  }

  .home-new-section-title-divider,
  .home-new-cta-title-divider{
    align-self:stretch;
  }

  .home-promoted-scroll{
    padding:8px 10px 10px;
    box-sizing:border-box;
  }

  .home-live-grid{
    overflow:hidden;
  }

  .home-live-card{
    position:relative;
    border-bottom:none !important;
    padding:18px 14px;
  }

  .home-live-card:not(:last-child)::after{
    content:"";
    display:block !important;
    position:absolute;
    top:auto;
    bottom:0;
    inset-inline:20px;
    width:auto;
    height:1px;
    background:var(--home-line);
  }
}

@media(max-width:480px){
  .home-promoted-scroll{
    padding:8px 8px 10px;
  }

  .home-new-section-title-group,
  .home-new-cta-title-group{
    align-items:center;
  }

  .home-new-section-title-icon-wrap,
  .home-new-cta-title-icon{
    margin-top:0;
    margin-bottom:0;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.39
   توسيط زر "احجز مساحة" داخل عنوان مجموعات المتاجر المروّجة على الجوال
   ========================================================= */

@media(max-width:768px){
  .home-promoted-section .home-new-section-link{
    display:inline-flex;
    width:max-content;
    margin:12px auto 0;
    justify-content:center;
  }
}

@media(max-width:480px){
  .home-promoted-section .home-new-section-link{
    margin:12px auto 0;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.40
   توسيط فعلي لزر "احجز مساحة" في ترويسة المتاجر المروّجة على الجوال
   ========================================================= */

@media(max-width:768px){
  .home-promoted-section .home-new-section-link{
    display:flex !important;
    width:max-content !important;
    margin:14px auto 0 !important;
    justify-content:center !important;
    align-items:center !important;
  }
}

@media(max-width:480px){
  .home-promoted-section .home-new-section-link{
    margin:14px auto 0 !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.41
   تحسين شريط الرسائل البريدية على الجوال
   - عدم تمدده بعرض الشاشة بالكامل
   - نقل نموذج البريد ليكون أسفل العنوان والوصف
   ========================================================= */

/* اجعل الشريط يسير على نفس عرض الأجزاء الأخرى */
.home-new-newsletter-wrap .newsletter-strip{
  width:min(1450px, calc(100% - 34px));
  margin-inline:auto;
}

.home-new-newsletter-wrap .newsletter-inner{
  width:100%;
  max-width:none !important;
}

@media(max-width:768px){
  /* نفس هامش الأجزاء العليا على الجوال */
  .home-new-newsletter-wrap .newsletter-strip{
    width:calc(100% - 20px);
    margin-inline:auto;
  }

  /* ترتيب عمودي طبيعي: النص أولاً ثم النموذج */
  .home-new-newsletter-wrap .newsletter-inner{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:18px !important;
    padding:22px 16px !important;
    min-height:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-intro{
    order:1;
    width:100%;
    display:grid;
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:center;
    gap:12px;
    padding:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-intro::after{
    display:none !important;
  }

  .home-new-newsletter-wrap .newsletter-copy{
    width:100%;
    text-align:center;
  }

  .home-new-newsletter-wrap .newsletter-copy h3,
  .home-new-newsletter-wrap .newsletter-copy p{
    margin-inline:auto;
  }

  .home-new-newsletter-wrap .newsletter-form-card{
    order:2;
    width:100%;
    margin:0;
    min-height:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-form-row{
    display:block;
  }

  .home-new-newsletter-wrap .newsletter-email-label{
    display:block;
    margin-bottom:8px;
    text-align:start;
  }

  .home-new-newsletter-wrap .newsletter-input-group{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px;
  }

  .home-new-newsletter-wrap .newsletter-submit{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:480px){
  .home-new-newsletter-wrap .newsletter-strip{
    width:calc(100% - 20px);
  }

  .home-new-newsletter-wrap .newsletter-inner{
    padding:18px 14px !important;
  }

  .home-new-newsletter-wrap .newsletter-copy h3{
    font-size:19px !important;
  }

  .home-new-newsletter-wrap .newsletter-copy p{
    font-size:12px !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.42
   موازنة الهوامش الجانبية لشريط الرسائل البريدية على الجوال
   ========================================================= */

.home-new-newsletter-wrap .newsletter-strip{
  display:block;
  box-sizing:border-box;
}

@media(max-width:768px){
  /* نجعل الشريط يلتزم بهوامش متساوية تماماً مثل بقية أجزاء الصفحة */
  .home-new-newsletter-wrap{
    padding-inline:10px !important;
  }

  .home-new-newsletter-wrap .newsletter-strip{
    width:100% !important;
    margin-inline:0 !important;
  }
}

@media(max-width:480px){
  .home-new-newsletter-wrap{
    padding-inline:10px !important;
  }

  .home-new-newsletter-wrap .newsletter-strip{
    width:100% !important;
    margin-inline:0 !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.43
   التصحيح الحقيقي لتوازن شريط الرسائل البريدية على الجوال
   السبب: width:100% + padding مع box-sizing الافتراضي
   ========================================================= */

.home-new-newsletter-wrap,
.home-new-newsletter-wrap .newsletter-strip,
.home-new-newsletter-wrap .newsletter-inner,
.home-new-newsletter-wrap .newsletter-form-card,
.home-new-newsletter-wrap .newsletter-intro,
.home-new-newsletter-wrap .newsletter-input-group,
.home-new-newsletter-wrap .newsletter-input-shell{
  box-sizing:border-box !important;
}

@media(max-width:768px){
  .home-new-newsletter-wrap{
    padding-inline:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-strip{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    margin-inline:auto !important;
  }

  .home-new-newsletter-wrap .newsletter-inner{
    width:100% !important;
    max-width:100% !important;
    margin-inline:auto !important;
  }

  .home-new-newsletter-wrap .newsletter-intro,
  .home-new-newsletter-wrap .newsletter-form-card{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }
}

@media(max-width:480px){
  .home-new-newsletter-wrap .newsletter-strip{
    width:calc(100% - 20px) !important;
    max-width:calc(100% - 20px) !important;
    margin-inline:auto !important;
  }

  .home-new-newsletter-wrap .newsletter-inner,
  .home-new-newsletter-wrap .newsletter-form-card{
    max-width:100% !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.44
   إدخال شريط الرسائل البريدية داخل home-new-shell
   لتتطابق أطرافه مع بقية الأجزاء على الجوال وسطح المكتب
   ========================================================= */

.home-new-newsletter-wrap .newsletter-strip{
  width:100% !important;
  max-width:100% !important;
  margin-inline:0 !important;
}

.home-new-newsletter-wrap .newsletter-inner{
  width:100% !important;
  max-width:100% !important;
}

@media(max-width:768px){
  .home-new-newsletter-wrap{
    padding-inline:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-strip{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }
}

@media(max-width:480px){
  .home-new-newsletter-wrap{
    padding-inline:0 !important;
  }

  .home-new-newsletter-wrap .newsletter-strip{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.45
   تحسين التباعد الداخلي للبنرات داخل صندوق المجموعات المروّجة على الجوال
   - زيادة هامش داخلي بسيط ومتساوٍ حول البنرات
   - منع ملامسة البنر لحد الصندوق من اليمين أو اليسار أو الأعلى أو الأسفل
   - بدون المساس بمقاسات البنرات نفسها
   ========================================================= */

@media(max-width:768px){
  .home-promoted-section .home-promoted-scroll{
    padding:0 !important;
  }

  .home-promoted-section .home-promoted-canvas{
    padding:12px !important;
    box-sizing:content-box !important;
    background:transparent !important;
  }
}

@media(max-width:480px){
  .home-promoted-section .home-promoted-canvas{
    padding:12px !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.46
   تباعد جانبي متساوٍ فعلياً لصندوق البنرات على الجوال
   ========================================================= */

@media(max-width:768px){
  /*
   * التصحيح:
   * بدلاً من إضافة padding إلى الـ canvas (والذي كان يظهر غير متساوٍ مع RTL)،
   * نجعل نافذة التمرير نفسها أضيق داخل الصندوق بهامش متساوٍ من الجهتين.
   */
  .home-promoted-section .home-promoted-scroll{
    width:calc(100% - 24px) !important;
    margin-inline:12px !important;
    padding:12px 0 !important;
    box-sizing:border-box !important;
  }

  .home-promoted-section .home-promoted-canvas{
    padding:0 !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:480px){
  .home-promoted-section .home-promoted-scroll{
    width:calc(100% - 24px) !important;
    margin-inline:12px !important;
    padding:12px 0 !important;
  }

  .home-promoted-section .home-promoted-canvas{
    padding:0 !important;
  }
}


/* =========================================================
   صدى المتاجر — المرحلة 2.49
   تصحيح تصور صناديق التعريف الأفقية:
   - إبقاء الأيقونة في مكانها أعلى المحتوى
   - إبقاء العنوان في مكانه أسفلها
   - إضافة خط أفقي فاصل بين الأيقونة والنص
   - تكبير الأيقونة قليلاً فقط
   ========================================================= */

.home-store-showcase .home-showcase-symbol{
  position:relative;
  width:52px;
  height:52px;
  flex:0 0 52px;
  margin-bottom:30px;
  font-size:18px;
  border-radius:9px;
}

/* الخط الأفقي بين الأيقونة وبين الترويسة/العنوان */
.home-store-showcase .home-showcase-symbol::after{
  content:"";
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  width:170px;
  height:1px;
  transform:translateX(-50%);
  background:var(--home-line);
  pointer-events:none;
}

/* الإبقاء على بقية الترتيب العمودي كما هو */
.home-store-showcase .home-showcase-intro{
  flex-direction:column;
}

@media(max-width:768px){
  .home-store-showcase .home-showcase-symbol{
    width:48px;
    height:48px;
    flex-basis:48px;
    margin-bottom:27px;
    font-size:17px;
  }

  .home-store-showcase .home-showcase-symbol::after{
    top:calc(100% + 12px);
    width:150px;
  }
}

@media(max-width:480px){
  .home-store-showcase .home-showcase-symbol{
    width:46px;
    height:46px;
    flex-basis:46px;
    margin-bottom:25px;
    font-size:16px;
  }

  .home-store-showcase .home-showcase-symbol::after{
    top:calc(100% + 11px);
    width:135px;
  }
}



/* =========================================================
   Phase 2.56 — Store card media + stable hover
   يمنع تغيّر بنية بطاقة المتجر عند المرور ويعرض الشعار
   داخل كامل المنطقة العلوية بدلاً من صندوق صغير.
   ========================================================= */
.home-store-showcase .home-store-card{
  display:block !important;
  height:100% !important;
  align-items:initial !important;
  justify-content:initial !important;
  background:#fff !important;
}

.home-store-showcase .home-store-card:hover{
  display:block !important;
  height:100% !important;
  align-items:initial !important;
  justify-content:initial !important;
  transform:translateY(-1px) !important;
  background:#fff !important;
  border-color:var(--home-line-3) !important;
  box-shadow:none !important;
}

.home-store-showcase .home-store-media{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  overflow:hidden !important;
  background:#fff !important;
  border-bottom:1px solid var(--home-line) !important;
}

.home-store-showcase .home-store-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:10px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  object-fit:contain !important;
  object-position:center !important;
  box-shadow:none !important;
  transform:none !important;
}

.home-store-showcase .home-store-card:hover .home-store-media,
.home-store-showcase .home-store-card:hover .home-store-media img{
  transform:none !important;
}


/* =========================================================
   Phase 2.57 — Featured store logo fits the full top media area in a balanced way
   يجعل صورة الشعار تمتد على كامل الجزء العلوي من البطاقة
   بدلاً من ظهورها بحجم صغير داخل زاوية أو صندوق داخلي.
   ========================================================= */
.home-store-showcase .home-store-media{
  height:176px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:16px !important;
  background:#fff !important;
}

.home-store-showcase .home-store-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  object-position:center center !important;
  box-shadow:none !important;
}

.home-store-showcase .home-store-badge{
  z-index:3 !important;
}


/* =========================================================
   Phase 2.58 — Store card content balance + calm hover
   توحيد ارتفاع الجزء النصي، ضبط الوصف، وتثبيت الهوفر
   بدون تغيير أبعاد البطاقة أو تحريكها.
   ========================================================= */

.home-store-showcase .home-store-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  overflow:hidden !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
}

.home-store-showcase .home-store-content{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:148px !important;
  padding:13px 14px 12px !important;
  background:#fff !important;
}

.home-store-showcase .home-store-category{
  display:block !important;
  min-height:15px !important;
  margin:0 0 3px !important;
  font-size:9.5px !important;
  line-height:1.55 !important;
}

.home-store-showcase .home-store-content h3{
  margin:0 0 5px !important;
  color:var(--home-text) !important;
  font-size:14.5px !important;
  line-height:1.6 !important;
  font-weight:400 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.home-store-showcase .home-store-content p{
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  min-height:38px !important;
  max-height:38px !important;
  margin:0 0 10px !important;
  color:var(--home-muted) !important;
  font-size:10.4px !important;
  line-height:1.85 !important;
}

.home-store-showcase .home-store-visit{
  margin-top:auto !important;
  padding-top:9px !important;
  min-height:27px !important;
  border-top:1px solid var(--home-line) !important;
  color:var(--home-primary) !important;
  font-size:10px !important;
  line-height:1.5 !important;
}

.home-store-showcase .home-store-card:hover{
  transform:none !important;
  border-color:rgba(var(--home-primary-rgb),.30) !important;
  box-shadow:0 6px 18px rgba(15,23,42,.055) !important;
}

.home-store-showcase .home-store-card:hover .home-store-media,
.home-store-showcase .home-store-card:hover .home-store-media img,
.home-store-showcase .home-store-card:hover .home-store-content{
  transform:none !important;
}

.home-store-showcase .home-store-visit:hover{
  color:var(--home-primary-dark) !important;
}

.home-store-showcase .home-store-visit:hover i{
  transform:translate(-2px,-1px) !important;
}

@media(max-width:768px){
  .home-store-showcase .home-store-media{
    height:160px !important;
  }

  .home-store-showcase .home-store-content{
    min-height:142px !important;
    padding:12px 13px 11px !important;
  }

  .home-store-showcase .home-store-content h3{
    font-size:14px !important;
  }
}

@media(max-width:480px){
  .home-store-showcase .home-store-media{
    height:150px !important;
  }

  .home-store-showcase .home-store-content{
    min-height:138px !important;
  }
}


/* =========================================================
   Phase 2.59 — Store card lower content refinement
   تكبير اسم المتجر، اختصار الوصف لسطر واحد،
   وتكبير رابط زيارة المتجر مع وزن خط أوضح.
   ========================================================= */

.home-store-showcase .home-store-content h3{
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:500 !important;
  margin-bottom:5px !important;
}

.home-store-showcase .home-store-content p{
  display:block !important;
  min-height:auto !important;
  max-height:none !important;
  height:auto !important;
  margin:0 0 10px !important;
  font-size:10.5px !important;
  line-height:1.75 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:unset !important;
}

.home-store-showcase .home-store-visit{
  margin-top:auto !important;
  padding-top:10px !important;
  min-height:30px !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

.home-store-showcase .home-store-visit i{
  font-size:10.5px !important;
}

@media(max-width:768px){
  .home-store-showcase .home-store-content h3{
    font-size:15.5px !important;
  }

  .home-store-showcase .home-store-visit{
    font-size:11px !important;
  }
}

@media(max-width:480px){
  .home-store-showcase .home-store-content h3{
    font-size:15px !important;
  }
}


/* =========================================================
   Phase 2.60 — Store card text spacing
   زيادة التباعد بين التصنيف واسم المتجر والوصف.
   ========================================================= */

.home-store-showcase .home-store-category{
  margin-bottom:6px !important;
}

.home-store-showcase .home-store-content h3{
  margin-bottom:8px !important;
}

.home-store-showcase .home-store-content p{
  margin-bottom:10px !important;
}


/* =========================================================
   Phase 2.61 — Store card hover shadow
   إزالة الحد البنفسجي في Hover واستبداله بظل خفيف فقط.
   ========================================================= */

.home-store-showcase .home-store-card:hover{
  transform:none !important;
  border-color:var(--home-line) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.08) !important;
}


/* =========================================================
   Phase 2.62 — Stronger store card hover shadow
   زيادة وضوح الظل مع إبقاء البطاقة ثابتة وهادئة.
   ========================================================= */

.home-store-showcase .home-store-card:hover{
  transform:none !important;
  border-color:var(--home-line) !important;
  box-shadow:
    0 14px 32px rgba(15,23,42,.14),
    0 4px 12px rgba(15,23,42,.08) !important;
}


/* =========================================================
   Phase 2.63 — Balanced store card hover shadow
   ظل متوسط بين النسخة الخفيفة 2.61 والنسخة الأقوى 2.62.
   ========================================================= */

.home-store-showcase .home-store-card:hover{
  transform:none !important;
  border-color:var(--home-line) !important;
  box-shadow:
    0 12px 26px rgba(15,23,42,.105),
    0 3px 9px rgba(15,23,42,.055) !important;
}


/* =========================================================
   Phase 2.64 — Store card hover shadow on all sides
   توزيع الظل حول البطاقة من جميع الجهات مع الحفاظ
   على القوة المتوازنة المعتمدة في 2.63.
   ========================================================= */

.home-store-showcase .home-store-card:hover{
  transform:none !important;
  border-color:var(--home-line) !important;
  box-shadow:
    0 0 24px rgba(15,23,42,.10),
    0 0 8px rgba(15,23,42,.05) !important;
}


/* =========================================================
   Phase 2.67 — Live statistics numbers emphasis
   تكبير أرقام شريط «يحدث الآن في صدى» لتصبح العنصر
   البصري الأبرز مع إبقاء وصف الإحصائية بحجمه المتوازن.
   ========================================================= */

.home-new-live .home-live-card strong{
  font-size:32px !important;
  line-height:1 !important;
  font-weight:500 !important;
  margin-bottom:7px !important;
  font-variant-numeric:tabular-nums !important;
  letter-spacing:-0.5px !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

@media(max-width:1100px){
  .home-new-live .home-live-card strong{
    font-size:29px !important;
  }
}

@media(max-width:768px){
  .home-new-live .home-live-card strong{
    font-size:27px !important;
    margin-bottom:5px !important;
  }
}

@media(max-width:480px){
  .home-new-live .home-live-card strong{
    font-size:25px !important;
  }
}


/* =========================================================
   Phase 2.68 — Center live statistic number + description
   توسيط الرقم والوصف أسفله داخل كل بطاقة إحصائية
   مع إبقاء الأيقونة في موضعها الحالي.
   ========================================================= */

.home-new-live .home-live-card > div{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.home-new-live .home-live-card > div strong,
.home-new-live .home-live-card > div span{
  width:100% !important;
  text-align:center !important;
}


/* =========================================================
   Phase 2.69 — Live section horizontal professional cards
   العنوان في جهة، وبطاقات الإحصاءات بجانبه على سطح المكتب.
   ========================================================= */

@media(min-width:901px){
  .home-new-live > .home-new-shell{
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:12px !important;
    overflow:visible !important;
    background:#fff !important;
  }

  .home-new-live .home-new-section-head{
    flex:0 0 350px !important;
    width:350px !important;
    min-height:160px !important;
    margin:0 !important;
    padding:20px 18px 20px 20px !important;
    border:0 !important;
    border-inline-end:1px solid var(--home-line) !important;
    border-radius:0 !important;
    background:#fff !important;
  }

  .home-new-live .home-live-grid{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }
}

.home-new-live .home-live-card{
  position:relative !important;
  min-height:160px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  padding:16px 12px !important;
  border:1px solid var(--home-line) !important;
  border-radius:10px !important;
  background:
    linear-gradient(180deg,rgba(var(--home-primary-rgb),.022),rgba(var(--home-primary-rgb),.008)),
    #fff !important;
  box-shadow:0 5px 14px rgba(15,23,42,.045) !important;
  text-align:center !important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease !important;
}

.home-new-live .home-live-card::after{
  display:none !important;
}

.home-new-live .home-live-card:hover{
  transform:none !important;
  border-color:rgba(var(--home-primary-rgb),.20) !important;
  background:
    linear-gradient(180deg,rgba(var(--home-primary-rgb),.045),rgba(var(--home-primary-rgb),.015)),
    #fff !important;
  box-shadow:0 8px 20px rgba(15,23,42,.075) !important;
}

.home-new-live .home-live-icon{
  width:52px !important;
  height:52px !important;
  flex:0 0 52px !important;
  margin:0 0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(var(--home-primary-rgb),.15) !important;
  border-radius:10px !important;
  background:rgba(var(--home-primary-rgb),.065) !important;
  color:var(--home-primary) !important;
  font-size:18px !important;
  box-shadow:none !important;
}

.home-new-live .home-live-card > div{
  width:100% !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.home-new-live .home-live-card strong{
  width:100% !important;
  margin:0 0 8px !important;
  color:var(--home-primary) !important;
  font-size:34px !important;
  line-height:1 !important;
  font-weight:500 !important;
  letter-spacing:-.5px !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:visible !important;
}

.home-new-live .home-live-card span:not(.home-live-icon){
  width:100% !important;
  display:block !important;
  margin:0 !important;
  color:var(--home-muted) !important;
  font-size:10.5px !important;
  line-height:1.75 !important;
  text-align:center !important;
}

/* عند تضيق سطح المكتب تبقى البطاقات بجانب العنوان لكن 2 × 2 */
@media(min-width:901px) and (max-width:1150px){
  .home-new-live .home-new-section-head{
    flex-basis:310px !important;
    width:310px !important;
  }

  .home-new-live .home-live-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .home-new-live .home-live-card{
    min-height:118px !important;
    flex-direction:row !important;
    gap:12px !important;
    text-align:start !important;
  }

  .home-new-live .home-live-icon{
    margin:0 !important;
  }

  .home-new-live .home-live-card strong{
    font-size:29px !important;
  }
}

/* التابلت والجوال: يعود العنوان للأعلى والبطاقات تحته */
@media(max-width:900px){
  .home-new-live > .home-new-shell{
    display:block !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .home-new-live .home-new-section-head{
    width:100% !important;
    margin:0 !important;
    border:0 !important;
    border-bottom:1px solid var(--home-line) !important;
    border-radius:0 !important;
  }

  .home-new-live .home-live-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    margin:10px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    overflow:visible !important;
  }

  .home-new-live .home-live-card{
    min-height:145px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:30px !important;
  }
}

@media(max-width:480px){
  .home-new-live .home-live-grid{
    gap:8px !important;
    margin:8px !important;
  }

  .home-new-live .home-live-card{
    min-height:132px !important;
    padding:13px 8px !important;
  }

  .home-new-live .home-live-icon{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
    margin-bottom:9px !important;
    font-size:16px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:27px !important;
    margin-bottom:6px !important;
  }

  .home-new-live .home-live-card span:not(.home-live-icon){
    font-size:9.5px !important;
    line-height:1.65 !important;
  }
}


/* =========================================================
   Phase 2.70 — Compact live statistic cards
   تصغير الأيقونات، تكبير الأرقام، وتضييق البطاقات أفقياً.
   ========================================================= */

@media(min-width:1151px){
  .home-new-live .home-live-grid{
    grid-template-columns:repeat(4,148px) !important;
    justify-content:center !important;
    align-content:center !important;
    gap:10px !important;
  }

  .home-new-live .home-live-card{
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
    min-height:154px !important;
    padding:14px 10px !important;
  }

  .home-new-live .home-live-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin-bottom:10px !important;
    border-radius:9px !important;
    font-size:15px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:40px !important;
    line-height:.95 !important;
    margin-bottom:8px !important;
    letter-spacing:-.7px !important;
  }

  .home-new-live .home-live-card span:not(.home-live-icon){
    font-size:10px !important;
    line-height:1.65 !important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .home-new-live .home-live-grid{
    grid-template-columns:repeat(2,minmax(135px,160px)) !important;
    justify-content:center !important;
  }

  .home-new-live .home-live-card{
    width:auto !important;
    min-width:0 !important;
    max-width:160px !important;
    min-height:112px !important;
    padding:12px 10px !important;
  }

  .home-new-live .home-live-icon{
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
    font-size:14px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:34px !important;
  }
}

@media(max-width:900px){
  .home-new-live .home-live-icon{
    width:44px !important;
    height:44px !important;
    flex-basis:44px !important;
    font-size:15px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:33px !important;
  }
}

@media(max-width:480px){
  .home-new-live .home-live-icon{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
    font-size:14px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:30px !important;
  }
}


/* =========================================================
   Phase 2.71 — Rebalance live card width
   إعادة عرض البطاقات قريباً من 2.69 مع تقليل يقارب 10px
   لكل بطاقة فقط، مع إبقاء الأيقونات والأرقام الجديدة.
   ========================================================= */

@media(min-width:1151px){
  .home-new-live .home-live-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    justify-content:stretch !important;
    padding-inline:20px !important;
    gap:10px !important;
  }

  .home-new-live .home-live-card{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:160px !important;
    padding:14px 12px !important;
  }

  .home-new-live .home-live-icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin-bottom:10px !important;
    font-size:15px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:40px !important;
  }
}


/* =========================================================
   Phase 2.72 — Live cards without icons + 20px narrower
   إزالة الأيقونات بالكامل وتضييق عرض كل بطاقة تقريباً 20px.
   ========================================================= */

.home-new-live .home-live-icon{
  display:none !important;
}

@media(min-width:1151px){
  .home-new-live .home-live-grid{
    padding-inline:40px !important;
    gap:10px !important;
  }

  .home-new-live .home-live-card{
    min-height:150px !important;
    padding:16px 12px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:40px !important;
    margin-bottom:10px !important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .home-new-live .home-live-card{
    min-height:105px !important;
    padding:13px 10px !important;
  }

  .home-new-live .home-live-card strong{
    font-size:34px !important;
  }
}

@media(max-width:900px){
  .home-new-live .home-live-card{
    min-height:125px !important;
  }
}


/* =========================================================
   Phase 2.73 — Live statistics boxed group
   - تضييق كل بطاقة قرابة 20px إضافية.
   - إزالة الخط العمودي الفاصل عن عنوان الشريط.
   - وضع البطاقات الأربع داخل صندوق واحد منظم.
   ========================================================= */

@media(min-width:1151px){
  .home-new-live .home-new-section-head{
    border-inline-end:0 !important;
    padding-inline-end:18px !important;
  }

  .home-new-live .home-live-grid{
    /* 40px إضافية لكل جانب = قرابة 20px أقل لكل بطاقة من 2.72 */
    padding:12px 80px !important;
    border:1px solid var(--home-line) !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
    align-self:center !important;
  }

  .home-new-live .home-live-card{
    min-height:146px !important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .home-new-live .home-new-section-head{
    border-inline-end:0 !important;
  }

  .home-new-live .home-live-grid{
    padding:12px 22px !important;
    border:1px solid var(--home-line) !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(15,23,42,.04) !important;
    align-self:center !important;
  }
}

@media(max-width:900px){
  .home-new-live .home-live-grid{
    padding:10px !important;
    border:1px solid var(--home-line) !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:0 4px 14px rgba(15,23,42,.035) !important;
  }
}


/* =========================================================
   Phase 2.74 — Fit statistics box to cards + left alignment
   تصغير الصندوق الخارجي ليلائم البطاقات وتثبيته جهة اليسار،
   مع منح عنوان الشريط مساحة تنفس أكبر.
   ========================================================= */

@media(min-width:1151px){
  .home-new-live > .home-new-shell{
    gap:26px !important;
  }

  .home-new-live .home-new-section-head{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:300px !important;
    max-width:none !important;
    padding-inline:20px !important;
  }

  .home-new-live .home-live-grid{
    flex:0 0 auto !important;
    width:max-content !important;
    max-width:100% !important;
    grid-template-columns:repeat(4,215px) !important;
    justify-content:start !important;
    align-content:center !important;
    align-self:center !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    padding:12px !important;
    gap:10px !important;
  }

  .home-new-live .home-live-card{
    width:215px !important;
    min-width:215px !important;
    max-width:215px !important;
  }
}

@media(min-width:901px) and (max-width:1150px){
  .home-new-live > .home-new-shell{
    gap:18px !important;
  }

  .home-new-live .home-new-section-head{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:280px !important;
    max-width:none !important;
  }

  .home-new-live .home-live-grid{
    flex:0 0 auto !important;
    width:max-content !important;
    max-width:calc(100% - 298px) !important;
    grid-template-columns:repeat(2,150px) !important;
    justify-content:start !important;
    margin-inline-start:auto !important;
    margin-inline-end:0 !important;
    padding:10px !important;
  }

  .home-new-live .home-live-card{
    width:150px !important;
    min-width:150px !important;
    max-width:150px !important;
  }
}

/* =========================================================
   Phase 2.75 — Live statistics numbers in black
   تغيير لون أرقام «يحدث الآن في صدى» إلى الأسود.
   ========================================================= */

.home-new-live .home-live-card strong{
  color:#000 !important;
}


/* =========================================================
   Phase 2.77 — Fix independent hero font application
   يطبق خط الهيرو المحفوظ بشكل مستقل عن الخط العام للموقع.
   ========================================================= */

.home-new-hero,
.home-new-hero h1,
.home-new-hero p,
.home-new-hero a,
.home-new-hero span,
.home-new-hero button{
  font-family:var(--home-hero-font-family, 'Noto Kufi Arabic', Tahoma, Arial, sans-serif) !important;
}

/* حماية أيقونات Font Awesome داخل الهيرو من توريث خط النص. */
.home-new-hero i,
.home-new-hero .fa,
.home-new-hero .fas,
.home-new-hero .far,
.home-new-hero .fab,
.home-new-hero .fa-solid,
.home-new-hero .fa-regular{
  font-family:"Font Awesome 6 Free" !important;
}

/* =========================================================
   Phase 2.78 — Automatic store discovery sliders
   سلايدر تلقائي نظيف بدون أسهم أو نقاط أو سحب يدوي.
   يتحرك بطاقة واحدة، ويتوقف عند Hover/Focus، ويعمل عند
   دخول القسم في مجال الرؤية فقط.
   ========================================================= */

.home-store-showcase .home-store-slider{
  position:relative;
  width:calc(100% + 24px);
  margin:-12px;
  padding:12px;
  overflow:hidden;
  box-sizing:border-box;
}

.home-store-showcase .home-store-slider-track{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  will-change:transform;
  backface-visibility:hidden;
}

.home-store-showcase .home-store-slider.is-auto-slider .home-store-slider-track{
  display:flex !important;
  flex-wrap:nowrap !important;
  grid-template-columns:none !important;
  gap:10px !important;
  align-items:stretch !important;
  transform:translate3d(0,0,0);
}

.home-store-showcase .home-store-slider.is-auto-slider .home-store-card{
  flex:0 0 calc((100% - 30px) / 4) !important;
  width:calc((100% - 30px) / 4) !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
}

.home-store-showcase .home-store-slider.is-sliding .home-store-slider-track{
  pointer-events:none;
}

@media(max-width:1180px){
  .home-store-showcase .home-store-slider{
    width:calc(100% + 20px);
    margin:-10px;
    padding:10px;
  }

  .home-store-showcase .home-store-slider.is-auto-slider .home-store-slider-track{
    gap:8px !important;
  }

  .home-store-showcase .home-store-slider.is-auto-slider .home-store-card{
    flex-basis:calc((100% - 8px) / 2) !important;
    width:calc((100% - 8px) / 2) !important;
  }
}

@media(max-width:560px){
  .home-store-showcase .home-store-slider.is-auto-slider .home-store-card{
    flex-basis:100% !important;
    width:100% !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-store-showcase .home-store-slider-track{
    transition:none !important;
    transform:none !important;
  }
}


/* =========================================================
   Phase 2.79 — Slider single-row structural fix
   فصل مسار السلايدر عن home-store-grid القديم لمنع أي بطاقة
   إضافية من النزول إلى صف ثانٍ.
   ========================================================= */

.home-store-showcase .home-store-slider{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.home-store-showcase .home-store-slider-track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  gap:10px !important;
  overflow:visible !important;
  grid-template-columns:none !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

.home-store-showcase .home-store-slider-track > .home-store-card{
  flex:0 0 calc((100% - 30px) / 4) !important;
  width:calc((100% - 30px) / 4) !important;
  min-width:calc((100% - 30px) / 4) !important;
  max-width:calc((100% - 30px) / 4) !important;
  height:auto !important;
}

@media(max-width:1180px){
  .home-store-showcase .home-store-slider-track{
    gap:8px !important;
  }

  .home-store-showcase .home-store-slider-track > .home-store-card{
    flex-basis:calc((100% - 8px) / 2) !important;
    width:calc((100% - 8px) / 2) !important;
    min-width:calc((100% - 8px) / 2) !important;
    max-width:calc((100% - 8px) / 2) !important;
  }
}

@media(max-width:560px){
  .home-store-showcase .home-store-slider-track > .home-store-card{
    flex-basis:100% !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
  }
}


/* =========================================================
   Phase 2.80 — Slider viewport hard lock
   معالجة الخلل الذي كان يظهر أثناء حركة البطاقات:
   - منع المسار من دخول مساحة عنوان القسم.
   - إزالة التمدد السالب القديم للسلايدر.
   - قص الحركة داخل عمود البطاقات حصراً.
   ========================================================= */

.home-store-showcase .home-showcase-box{
  overflow:hidden !important;
  isolation:isolate !important;
}

.home-store-showcase .home-showcase-intro{
  position:relative !important;
  z-index:3 !important;
  background:var(--home-surface-alt) !important;
}

.home-store-showcase .home-showcase-body{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.home-store-showcase .home-store-slider{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:12px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  contain:paint !important;
  isolation:isolate !important;
}

.home-store-showcase .home-store-slider-track{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

@media(max-width:1180px){
  .home-store-showcase .home-store-slider{
    width:100% !important;
    margin:0 !important;
    padding:10px !important;
  }
}

@media(max-width:560px){
  .home-store-showcase .home-store-slider{
    padding:8px !important;
  }
}

/* =========================================================
   Sadaa Homepage 2026 — Brand identity refinement
   الصياغة البصرية النهائية للرئيسية
   ========================================================= */

.sadaa-home-new{
  --home-page-bg:var(--sadaa-page-bg,#F8F6F9);
  --home-radius:var(--sadaa-radius-card,16px);
  --home-radius-sm:var(--sadaa-radius-md,10px);
  --home-shadow:var(--sadaa-shadow-card,0 3px 10px rgba(31,22,36,.055));
  --home-shadow-hover:var(--sadaa-shadow-card-hover,0 10px 28px rgba(31,22,36,.075));
  background:var(--home-page-bg);
}

.home-new-shell{
  width:min(var(--sadaa-container-max,1450px),calc(100% - 40px));
}

.home-new-section{
  padding-top:64px;
}

.home-new-section-head{
  align-items:center;
  padding:20px 24px 20px 28px;
  border-color:var(--home-line) !important;
  border-radius:var(--sadaa-radius-card,16px);
  background:rgba(255,255,255,.92);
  box-shadow:var(--sadaa-shadow-xs,0 1px 2px rgba(31,22,36,.045));
}

.home-new-section-head::before{
  inset-inline-start:16px;
  top:20px;
  width:3px;
  height:40px;
  background:linear-gradient(to bottom,var(--home-primary),var(--home-accent));
}

.home-new-section-head h2,
.home-new-cta h2{
  font-weight:700;
  letter-spacing:-.2px;
}

.home-new-section-eyebrow{
  color:var(--home-primary);
  font-weight:600;
}

.home-new-section-link{
  min-height:38px;
  padding:7px 12px;
  border:1px solid var(--home-line);
  border-radius:var(--sadaa-radius-md,10px);
  background:#fff;
  font-weight:600;
}

.home-new-section-link:hover{
  gap:7px;
  border-color:var(--home-line-3);
  background:var(--home-tint-3);
  box-shadow:var(--sadaa-shadow-xs);
}

/* Hero: a single brand surface shared visually with the header. */
.home-new-hero{
  min-height:600px;
  background:var(--sadaa-brand-gradient,var(--home-brand-surface)) !important;
  border:0 !important;
}

.home-new-hero::before{
  width:620px;
  height:620px;
  inset-inline-end:-250px;
  bottom:-360px;
  border-color:rgba(255,255,255,.13);
  box-shadow:0 0 0 54px rgba(255,255,255,.026),0 0 0 108px rgba(255,255,255,.018);
}

.home-new-hero::after{
  width:430px;
  height:430px;
  inset-inline-start:-190px;
  top:84px;
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 68%);
}

.home-new-hero-shell{
  min-height:600px;
  grid-template-columns:minmax(0,1fr) minmax(500px,.92fr);
  gap:68px;
  padding:28px 0 42px;
}

.home-new-kicker{
  min-height:34px;
  padding:6px 13px;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.11);
  font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.home-new-kicker-dot{
  background:#fff;
  box-shadow:0 0 0 5px rgba(255,255,255,.10);
}

.home-new-hero h1{
  max-width:780px;
  margin-bottom:18px;
  font-size:clamp(40px,3.25vw,56px);
  line-height:1.45;
  font-weight:800;
  text-wrap:balance;
}

.home-new-hero p{
  max-width:690px;
  color:rgba(255,255,255,.88);
}

.home-new-hero .home-new-btn{
  min-height:48px;
  border-radius:var(--sadaa-radius-md,10px);
  font-weight:700;
}

.sadaa-home-new .home-new-btn-primary{
  background:#fff;
  border-color:#fff;
  color:var(--home-primary-dark) !important;
  box-shadow:0 9px 24px rgba(48,24,55,.16);
}

.sadaa-home-new .home-new-btn-primary i,
.sadaa-home-new .home-new-btn-primary span{
  color:inherit !important;
}

.sadaa-home-new .home-new-btn-primary:hover{
  background:#fff;
  border-color:#fff;
  color:var(--home-primary) !important;
  transform:translateY(-1px);
  box-shadow:0 13px 30px rgba(48,24,55,.20);
}

.home-new-btn-secondary{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.38);
  font-weight:600;
}

.home-new-btn-secondary:hover{
  background:rgba(255,255,255,.17);
  border-color:rgba(255,255,255,.58);
  transform:translateY(-1px);
}

.home-new-hero-points{
  gap:18px;
  color:rgba(255,255,255,.82);
}

.home-new-device-stage,
.home-new-device-frame{
  filter:drop-shadow(0 22px 38px rgba(42,21,48,.17));
}

/* Content cards */
.home-live-grid,
.home-promoted-scroll,
.home-showcase-box,
.home-store-card,
.home-showcase-pending-card,
.home-new-empty-state,
.home-metric-pending,
.home-discover-card,
.home-new-cta-box{
  border-color:var(--home-line) !important;
  border-radius:var(--sadaa-radius-card,16px) !important;
  box-shadow:var(--sadaa-shadow-xs) !important;
}

.home-live-card{
  border-radius:var(--sadaa-radius-md,10px) !important;
}

.home-store-card,
.home-showcase-pending-card{
  overflow:hidden;
  background:#fff;
  transition:transform var(--sadaa-transition-base),box-shadow var(--sadaa-transition-base),border-color var(--sadaa-transition-base);
}

.home-store-card:hover,
.home-store-showcase .home-store-card:hover{
  transform:translateY(-3px);
  border-color:var(--home-line-2) !important;
  box-shadow:var(--sadaa-shadow-md) !important;
}

.home-store-media{
  background:var(--home-tint-3);
}

.home-store-badge,
.home-showcase-meta,
.home-ad-coupon{
  border-radius:var(--sadaa-radius-pill,999px);
}

.home-promoted-ad,
.home-promoted-empty-link{
  border-radius:var(--sadaa-radius-md,10px) !important;
}

/* Showcase intro uses a restrained brand wash rather than a hard block. */
.home-showcase-intro{
  border-radius:var(--sadaa-radius-card,16px) !important;
  background:linear-gradient(145deg,#fff 0%,var(--home-tint-3) 100%);
}

.home-showcase-symbol{
  border-radius:var(--sadaa-radius-card,16px) !important;
  background:rgba(var(--home-primary-rgb),.08);
}

/* Discover store: keep the branded station, but make the glass treatment calmer. */
#discover-store > .home-new-shell{
  background:var(--sadaa-brand-gradient,var(--home-primary)) !important;
  border-radius:var(--sadaa-radius-panel,20px) !important;
  box-shadow:0 18px 44px rgba(var(--home-primary-rgb),.15) !important;
}

#discover-store .home-new-section-head{
  box-shadow:none !important;
}

#discover-store .home-discover-card{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.25) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

#discover-store .home-discover-logo{
  border-radius:var(--sadaa-radius-card,16px) !important;
  background:#fff !important;
}

/* Merchant CTA */
.home-new-cta-box{
  background:linear-gradient(145deg,#24192A 0%,#332039 62%,#4A294E 100%) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:0 18px 46px rgba(36,25,42,.16) !important;
}

.home-new-cta .home-new-btn-primary{
  background:#fff !important;
  border-color:#fff !important;
  color:var(--home-primary-dark) !important;
}

@media (max-width:1100px){
  .home-new-shell{width:min(100% - 28px,var(--sadaa-container-max,1450px));}
  .home-new-hero,
  .home-new-hero-shell{min-height:auto;}
  .home-new-hero-shell{grid-template-columns:1fr;gap:26px;padding:44px 0 36px;}
  .home-new-hero-copy{text-align:center;}
  .home-new-kicker{margin-inline:auto;}
  .home-new-hero h1,.home-new-hero p{margin-inline:auto;}
  .home-new-hero-actions,.home-new-hero-points{justify-content:center;}
  .home-new-hero-visual{justify-self:center;max-width:620px;}
}

@media (max-width:768px){
  .home-new-shell{width:calc(100% - 24px);}
  .home-new-section{padding-top:42px;}
  .home-new-section-head{padding:16px 17px 16px 21px;border-radius:14px;}
  .home-new-section-head::before{inset-inline-start:10px;top:16px;height:34px;}
  .home-new-hero-shell{padding-top:34px;}
  .home-new-hero h1{font-size:clamp(31px,8vw,42px);line-height:1.5;}
  .home-new-hero p{font-size:15px;line-height:1.9;}
  #discover-store > .home-new-shell{border-radius:16px !important;}
}

@media (max-width:480px){
  .home-new-shell{width:calc(100% - 18px);}
  .home-new-section-head{padding:14px 14px 14px 18px;}
  .home-new-hero-actions{width:100%;}
  .home-new-hero .home-new-btn{flex:1 1 100%;width:100%;}
}