/*
Theme Name: wear2donate
Theme URI: https://wear2donate.com
Description: Or HaMagen – Independence Day 78 Collection
Version: 8.0
Author: Or HaMagen
*/

/* ─── VARS ─── */
:root {
  --gold:     #C8A84B;
  --gold2:    #E2C06A;
  --olive:    #556B2F;
  --olive2:   #6B8438;
  --olive-dk: #3A4820;
  --navy:     #1A2950;
  --navy2:    #0D1E3A;
  --blue-btn: #1A3ED0;
  --dark:     #0D1E0D;
  --muted:    #4A6050;
  --border:   #D8E8F0;
  --white:    #FFFFFF;
  --cream:    #FAF7F0;
  --sky-a: #A8CEEA;
  --sky-b: #BCDAEF;
  --sky-c: #CCE5F5;
  --sky-d: #DCEEF8;
  --sky-e: #EAF5FC;
  --sky-f: #F3FAFD;
  --sky-grad: linear-gradient(160deg, var(--sky-a) 0%, var(--sky-c) 35%, var(--sky-e) 70%, var(--sky-f) 100%);
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family: 'Inter','Segoe UI',sans-serif;
  background: var(--sky-f);
  color: var(--dark);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}
[dir="rtl"] body, [dir="rtl"] { font-family: 'Heebo','Inter',sans-serif; }

/* ─── NAV ─── */
#site-nav {
  position: fixed; top:0; left:0; right:0; z-index:500;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 48px; height: 70px;
  background: rgba(255,255,255,0.97);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(0,40,100,0.08);
  box-shadow: 0 2px 16px rgba(0,30,80,0.06);
  transition: padding .3s;
}
.nav-brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.brand-star-icon {
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
}
.brand-star-icon svg { width:42px; height:42px; }
.brand-text { display:flex; flex-direction:column; }
.brand-main {
  font-family:'Syne',sans-serif; font-size:1.05rem; font-weight:900;
  color: var(--navy2); letter-spacing:.04em; line-height:1.1;
}
.brand-sub {
  font-size:.7rem; font-weight:600; color:var(--gold);
  letter-spacing:.06em; line-height:1;
}
.nav-center { display:flex; gap:32px; list-style:none; }
.nav-center a {
  font-size:.84rem; font-weight:500; color:#3A4A6A;
  text-decoration:none; transition:color .2s; letter-spacing:.01em;
}
.nav-center a:hover { color:var(--navy2); }
.nav-right { display:flex; align-items:center; gap:14px; }
.lang-switcher {
  display:flex; align-items:center; gap:2px;
  background:#F0F2F5; border-radius:100px; padding:3px;
  position:relative;
}
.lang-current-btn { display:none; }
.lang-dropdown { display:flex; gap:2px; }
.lang-btn {
  padding:5px 13px; border-radius:100px; border:none;
  background:transparent; font-size:.74rem; font-weight:700;
  color:#667; cursor:pointer; transition:all .2s; letter-spacing:.03em;
}
.lang-btn.active { background:var(--navy2); color:#fff; }
.shop-btn {
  background:var(--blue-btn); color:#fff;
  padding:10px 22px; border-radius:100px;
  font-size:.82rem; font-weight:700; letter-spacing:.03em;
  text-decoration:none; transition:all .25s; white-space:nowrap;
  display:flex; align-items:center; gap:6px;
}
.shop-btn:hover { background:#1230A8; transform:translateY(-1px); }

/* Hamburger */
.nav-hamburger {
  display:none; flex-direction:column; gap:5px;
  cursor:pointer; padding:8px; margin-left:4px;
  background:none; border:none;
}
.nav-hamburger span {
  display:block; width:22px; height:2px;
  background:var(--navy2); border-radius:2px; transition:all .3s;
}

[dir="rtl"] #site-nav { direction:rtl; }
[dir="rtl"] .brand-text { align-items:flex-end; }

/* ─── SKY SECTIONS ─── */
.sky-section { background: var(--sky-grad); }
.sky-section-alt { background: linear-gradient(160deg, var(--sky-b) 0%, var(--sky-d) 40%, var(--sky-f) 100%); }

/* ─── HERO ─── */
#hero {
  display:grid; grid-template-columns:1fr 1fr;
  min-height:100vh; position:relative; overflow:hidden;
  padding-top:70px;
  background: var(--sky-grad);
}
.hero-left {
  display:flex; flex-direction:column; justify-content:center;
  padding:80px 56px 80px 64px; position:relative; z-index:2;
}
.hero-eyebrow {
  display:inline-flex; align-items:center; gap:9px;
  background:rgba(200,168,75,.12); border:1px solid rgba(200,168,75,.35);
  border-radius:100px; padding:6px 15px;
  font-size:.7rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  color:var(--olive2); margin-bottom:28px; width:fit-content;
}
.eyebrow-dot { width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite; }
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

.hero-title {
  font-family:'Syne',sans-serif;
  font-size:clamp(34px,4vw,62px); font-weight:900;
  line-height:1.03; letter-spacing:-.03em; color:var(--navy2); margin-bottom:20px;
}
.hero-title em { font-style:normal; color:var(--gold); }
.hero-title .t-sub {
  display:block; font-size:.42em; color:rgba(26,41,80,.4);
  letter-spacing:.1em; margin-top:8px; font-family:'Inter',sans-serif; font-weight:400;
}
.hero-sub {
  font-size:1rem; line-height:1.8; color:var(--muted);
  max-width:420px; font-weight:300; margin-bottom:40px;
}
.hero-ctas { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:52px; }
.btn-primary {
  background:linear-gradient(135deg,var(--navy2),#2A4A90); color:#fff;
  padding:14px 32px; border-radius:100px;
  font-weight:700; font-size:.86rem; letter-spacing:.03em;
  text-decoration:none; transition:all .3s; display:inline-flex; align-items:center; gap:8px;
}
.btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(26,46,144,.25); }
.btn-secondary {
  border:1.5px solid rgba(200,168,75,.5); color:var(--olive);
  padding:13px 28px; border-radius:100px;
  font-size:.86rem; font-weight:600; text-decoration:none; transition:all .3s;
}
.btn-secondary:hover { border-color:var(--gold); background:rgba(200,168,75,.08); }
.hero-stats { display:flex; gap:32px; flex-wrap:wrap; padding-top:32px; border-top:1px solid rgba(26,41,80,.1); }
.hstat-n { font-family:'Syne',sans-serif; font-size:1.8rem; font-weight:900; color:var(--navy2); line-height:1; }
.hstat-l { font-size:.72rem; color:var(--muted); margin-top:3px; letter-spacing:.06em; }
.scroll-hint {
  position:absolute; bottom:32px; left:64px;
  display:flex; align-items:center; gap:10px;
  font-size:.7rem; color:var(--muted); letter-spacing:.1em;
}
.scroll-line { width:40px;height:1px;background:rgba(200,168,75,.5);animation:sl 2s ease-in-out infinite; }
@keyframes sl{0%,100%{width:40px;opacity:.4}50%{width:66px;opacity:.9}}

[dir="rtl"] #hero { direction:rtl; }
[dir="rtl"] .hero-left { text-align:right; padding:80px 64px 80px 56px; }
[dir="rtl"] .hero-eyebrow { flex-direction:row-reverse; }
[dir="rtl"] .hero-ctas { flex-direction:row-reverse; }
[dir="rtl"] .hero-stats { flex-direction:row-reverse; }
[dir="rtl"] .scroll-hint { left:auto; right:64px; flex-direction:row-reverse; }

/* ─── SOLDIER ─── */
.hero-right {
  position:relative; overflow:hidden;
  background: linear-gradient(170deg, var(--sky-a) 0%, var(--sky-c) 40%, var(--sky-e) 100%);
}
.splite-scene {
  position:absolute; inset:0;
  perspective:900px; perspective-origin:50% 42%;
  display:flex; align-items:center; justify-content:center;
  padding:32px 20px 0;
}
.splite-card {
  position:relative; width:80%; max-width:440px;
  will-change:transform; cursor:pointer; user-select:none;
}
.splite-shine {
  position:absolute; inset:-4px; z-index:6; pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle at 50% 35%, rgba(255,255,255,.26) 0%, transparent 58%);
  mix-blend-mode:soft-light;
}
.splite-poses { position:relative; display:block; }
#soldierCanvas {
  display:block; width:100%; height:auto; pointer-events:none;
  filter:
    drop-shadow(3px 5px 18px rgba(30,50,15,.38))
    drop-shadow(0 28px 48px rgba(10,30,10,.22));
}
.splite-shadow {
  position:absolute; bottom:-10px; left:50%;
  width:54%; height:26px;
  background:radial-gradient(ellipse, rgba(20,60,120,.22) 0%, transparent 70%);
  filter:blur(12px); pointer-events:none;
  transform-origin:center; transform:translateX(-50%) scaleX(1);
}
.s-float-wave {
  position:absolute; top:20%; right:0;
  background:rgba(255,255,255,.95);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-radius:22px; padding:9px 16px;
  font-size:.79rem; font-weight:700; color:#1a2a10;
  box-shadow:0 6px 24px rgba(0,0,0,.13);
  display:flex; align-items:center; gap:7px;
  opacity:0; transform:translateY(10px) scale(.88);
  transition:opacity .38s, transform .38s;
  pointer-events:none; white-space:nowrap; z-index:10;
}
.s-float-wave.visible { opacity:1; transform:translateY(0) scale(1); }
.fheart {
  position:absolute; font-size:1.5rem; opacity:0;
  animation:floatHeart .95s ease-out forwards; pointer-events:none;
}
@keyframes floatHeart{
  0%  { opacity:1; transform:translateY(0) scale(.9); }
  80% { opacity:.5; }
  100%{ opacity:0; transform:translateY(-90px) scale(1.6); }
}
.hero-right-grad {
  position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to right, var(--sky-e) 0%, transparent 8%),
             linear-gradient(to top, var(--sky-e) 0%, transparent 15%);
}

/* ─── SECTIONS COMMON ─── */
section { padding:110px 64px; }
.s-eyebrow {
  font-size:.7rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--olive2); display:inline-flex; align-items:center; gap:10px; margin-bottom:14px;
}
.s-eyebrow::before { content:''; width:22px;height:2.5px;background:var(--olive2);border-radius:2px;flex-shrink:0; }
[dir="rtl"] .s-eyebrow { flex-direction:row-reverse; }
[dir="rtl"] .s-eyebrow::before { order:1; }
.s-title {
  font-family:'Syne',sans-serif;
  font-size:clamp(26px,3vw,48px); font-weight:900;
  color:var(--navy2); letter-spacing:-.025em; line-height:1.08;
}
.s-title em { font-style:normal; color:var(--gold); }

/* ─── MISSION ─── */
#mission {
  background:#fff;
  display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;
}
[dir="rtl"] #mission { direction:rtl; }
.mission-ps p { color:var(--muted); font-size:.94rem; line-height:1.85; font-weight:300; margin-bottom:14px; }
.mission-vals { margin-top:32px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mval { padding:16px 18px; border-radius:13px; background:var(--sky-f); border:1.5px solid var(--border); transition:all .3s; }
.mval:hover { border-color:var(--olive2); transform:translateY(-3px); }
.mval-icon { font-size:1.3rem; margin-bottom:6px; }
.mval-name { font-family:'Syne',sans-serif; font-size:.88rem; font-weight:700; color:var(--navy2); }
.mval-desc { font-size:.75rem; color:var(--muted); margin-top:2px; line-height:1.55; }
.mission-vis {
  border-radius:22px; overflow:hidden; height:500px;
  position:relative;
  display:flex; align-items:flex-end; justify-content:center;
  box-shadow: 0 20px 60px rgba(0,0,40,.18);
}
.mission-flag-img {
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
}
.vis-badge {
  position:absolute; bottom:24px; right:24px;
  background:rgba(255,255,255,.85); border-radius:14px; padding:12px 18px;
  text-align:center; backdrop-filter:blur(10px);
  border:1px solid rgba(200,168,75,.2);
}
.vis-badge-n { font-family:'Syne',sans-serif; font-size:1.7rem; font-weight:900; color:var(--navy2); }
.vis-badge-l { font-size:.7rem; color:var(--muted); margin-top:2px; }

/* ─── HOW ─── */
#how { background:var(--sky-grad); text-align:center; }
[dir="rtl"] #how { direction:rtl; }
#how .s-title { max-width:580px; margin:0 auto 64px; }
.steps-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; max-width:880px; margin:0 auto; }
.step-card {
  padding:36px 24px; background:rgba(255,255,255,.75);
  border:1.5px solid rgba(26,41,80,.08); border-radius:18px;
  backdrop-filter:blur(10px); transition:all .35s;
}
.step-card:hover { background:#fff; border-color:rgba(200,168,75,.35); transform:translateY(-6px); box-shadow:0 16px 40px rgba(0,40,120,.1); }
.step-num {
  width:60px;height:60px;border-radius:50%;
  background:rgba(26,41,80,.07); border:1px solid rgba(26,41,80,.15);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;
  font-family:'Syne',sans-serif;font-size:1rem;font-weight:900;color:var(--navy2);
}
.step-icon { font-size:1.7rem; margin-bottom:12px; }
.step-name { font-family:'Syne',sans-serif; font-size:.95rem; font-weight:700; color:var(--navy2); margin-bottom:6px; }
.step-desc { font-size:.81rem; color:var(--muted); line-height:1.7; }

/* ─── PRODUCTS ─── */
#products { background:#fff; }
[dir="rtl"] #products { direction:rtl; }
#products .s-eyebrow { color:var(--olive2); }
#products .s-title { color:var(--navy2); margin-bottom:8px; }
.products-sub { color:var(--muted); font-size:.87rem; text-align:center; margin-bottom:52px; }
.products-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.product-card {
  border-radius:16px; overflow:hidden;
  background:#fff; border:1.5px solid var(--border);
  transition:all .35s; cursor:pointer;
}
.product-card:hover { transform:translateY(-5px); box-shadow:0 20px 50px rgba(0,40,120,.1); border-color:var(--olive2); }
.product-img {
  height:200px;
  background:linear-gradient(135deg, var(--olive-dk), var(--olive2));
  display:flex;align-items:center;justify-content:center;
  font-size:3.2rem; position:relative; overflow:hidden;
}
.product-img::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 30%,rgba(200,168,75,.18),transparent 60%); }
.product-badge {
  position:absolute; top:10px; right:10px;
  background:var(--gold); color:var(--dark);
  font-size:.62rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  padding:3px 9px; border-radius:100px;
}
[dir="rtl"] .product-badge { right:auto; left:10px; }
.product-body { padding:18px 20px 22px; }
.product-name { font-family:'Syne',sans-serif; font-size:.93rem; font-weight:700; color:var(--navy2); margin-bottom:3px; }
.product-sub-txt { font-size:.76rem; color:var(--muted); margin-bottom:12px; }
.product-footer { display:flex; align-items:center; justify-content:space-between; }
.product-price { font-family:'Syne',sans-serif; font-size:1.05rem; font-weight:800; color:var(--navy2); }
.product-add {
  width:34px;height:34px;border-radius:50%;
  background:var(--navy2); color:var(--gold);
  border:none; cursor:pointer; font-size:1.2rem;
  display:flex;align-items:center;justify-content:center;
  transition:all .25s;
}
.product-add:hover { background:var(--gold); color:var(--navy2); }

/* ─── IMPACT ─── */
#impact {
  background:linear-gradient(135deg, var(--sky-b) 0%, var(--sky-d) 50%, var(--sky-f) 100%);
  padding:80px 64px;
  display:flex; justify-content:space-around; align-items:center;
  flex-wrap:wrap; gap:28px; position:relative; overflow:hidden;
}
#impact::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(circle,rgba(26,41,80,.05) 1px,transparent 1px);
  background-size:30px 30px;
}
[dir="rtl"] #impact { direction:rtl; }
.impact-item { text-align:center; position:relative; z-index:1; }
.impact-n { font-family:'Syne',sans-serif; font-size:3.2rem; font-weight:900; color:var(--navy2); line-height:1; }
.impact-label { font-size:.72rem; color:var(--muted); letter-spacing:.1em; text-transform:uppercase; margin-top:5px; }
.impact-sep { width:1px; height:55px; background:rgba(26,41,80,.12); }

/* ─── TESTIMONIALS ─── */
#testimonials { background:#fff; }
[dir="rtl"] #testimonials { direction:rtl; }
.testi-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:50px; }
.testi-card {
  background:var(--sky-f); border:1.5px solid var(--border);
  border-radius:18px; padding:28px 24px; transition:all .3s;
}
.testi-card:hover { border-color:var(--olive2); transform:translateY(-4px); }
.testi-stars { color:var(--gold); font-size:.88rem; letter-spacing:2px; margin-bottom:12px; }
.testi-text { font-size:.89rem; color:var(--muted); line-height:1.75; margin-bottom:18px; }
.testi-author { display:flex; align-items:center; gap:10px; }
[dir="rtl"] .testi-author { flex-direction:row-reverse; }
.testi-av {
  width:38px;height:38px;border-radius:50%;
  background:linear-gradient(135deg,var(--olive),var(--olive2));
  display:flex;align-items:center;justify-content:center;
  font-weight:700;color:#fff;font-size:.85rem;flex-shrink:0;
}
.testi-name { font-size:.82rem; font-weight:700; color:var(--navy2); }
.testi-role { font-size:.72rem; color:var(--muted); }

/* ─── CTA ─── */
#cta-section {
  background:linear-gradient(150deg, var(--sky-a) 0%, var(--sky-c) 45%, var(--sky-e) 100%);
  text-align:center; position:relative; overflow:hidden;
}
[dir="rtl"] #cta-section { direction:rtl; }
.cta-bg-txt {
  font-family:'Syne',sans-serif; font-size:7rem; font-weight:900;
  color:transparent; -webkit-text-stroke:1px rgba(26,41,80,.08);
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  white-space:nowrap; pointer-events:none; user-select:none;
}
.cta-inner { position:relative; z-index:1; }
.cta-title {
  font-family:'Syne',sans-serif;
  font-size:clamp(28px,4vw,56px); font-weight:900;
  color:var(--navy2); letter-spacing:-.025em; line-height:1.05; margin-bottom:18px;
}
.cta-title em { color:var(--gold); font-style:normal; }
.cta-sub { font-size:1rem; color:var(--muted); max-width:480px; margin:0 auto 40px; line-height:1.7; }
.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ─── FOOTER ─── */
footer {
  background:var(--navy2); padding:64px 64px 32px;
  border-top:1px solid rgba(200,168,75,.15);
}
[dir="rtl"] footer { direction:rtl; }
.footer-top { display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:56px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.07); }
.footer-brand { text-decoration:none; display:inline-flex; align-items:center; gap:10px; margin-bottom:14px; }
.footer-brand-main { font-family:'Syne',sans-serif; font-size:1.05rem; font-weight:900; color:#fff; letter-spacing:.04em; }
.footer-brand-sub { font-size:.68rem; font-weight:600; color:var(--gold); letter-spacing:.06em; }
.footer-tagline-txt { font-size:.83rem; color:rgba(255,255,255,.35); line-height:1.7; max-width:260px; }
.footer-col h5 { font-family:'Syne',sans-serif; font-size:.76rem; font-weight:700; color:rgba(255,255,255,.45); letter-spacing:.1em; text-transform:uppercase; margin-bottom:16px; }
.footer-col a { display:block; color:rgba(255,255,255,.3); font-size:.82rem; text-decoration:none; margin-bottom:8px; transition:color .2s; }
.footer-col a:hover { color:var(--gold); }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; padding-top:26px; flex-wrap:wrap; gap:10px; }
.footer-copy, .footer-made { font-size:.72rem; color:rgba(255,255,255,.2); }

/* ─── REVEAL ─── */
.rev { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.rev.in { opacity:1; transform:translateY(0); }
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.44s}

/* ─── MOBILE NAV ─── */
@media(max-width:960px) {
  #site-nav { padding:0 20px; }
  .nav-hamburger { display:flex; }
  .nav-center {
    display:none;
    position:fixed; top:70px; left:0; right:0;
    background:rgba(255,255,255,0.98);
    backdrop-filter:blur(20px);
    flex-direction:column;
    padding:20px 24px; gap:4px;
    border-bottom:1px solid rgba(0,40,100,0.08);
    box-shadow:0 8px 24px rgba(0,30,80,0.08);
    z-index:499;
    list-style:none;
  }
  .nav-center.open { display:flex; }
  .nav-center a { font-size:1.15rem; font-weight:700; padding:14px 0; color:var(--gold); letter-spacing:.03em; border-bottom:1px solid rgba(200,168,75,.15); }
  .nav-center a:hover { color:var(--navy2); }
  .nav-center li:last-child a { border-bottom:none; }
  .lang-switcher { background:transparent; padding:0; gap:0; }
  .lang-current-btn {
    display:flex; align-items:center; gap:5px;
    background:rgba(200,168,75,.12); border-radius:100px;
    padding:8px 16px; border:1px solid rgba(200,168,75,.35); cursor:pointer;
    font-size:.84rem; font-weight:700; color:var(--gold); letter-spacing:.05em;
  }
  .lang-caret { font-size:.62rem; transition:transform .2s; display:inline-block; color:var(--gold); }
  .lang-current-btn[aria-expanded="true"] .lang-caret { transform:rotate(180deg); }
  .lang-dropdown {
    display:none; position:absolute;
    top:calc(100% + 8px); right:0;
    background:#fff; border-radius:14px;
    box-shadow:0 6px 24px rgba(0,30,80,.18);
    border:1px solid rgba(200,168,75,.25);
    padding:8px; flex-direction:column; gap:4px;
    z-index:600; min-width:80px;
  }
  .lang-dropdown.open { display:flex; }
  .lang-dropdown .lang-btn {
    border-radius:10px; padding:9px 18px;
    text-align:center; width:100%;
    font-size:.84rem; color:var(--gold);
  }
  .lang-dropdown .lang-btn.active { background:var(--navy2); color:var(--gold); }
  .shop-btn { display:none; }
}

/* ─── RESPONSIVE ─── */
@media(max-width:960px){
  #hero{display:flex;flex-direction:column;}
  .hero-left{order:1;padding:40px 28px 50px;}
  .hero-right{order:-1;height:auto;overflow:visible;background:transparent;}
  .hero-right-grad{display:none;}
  .splite-scene{position:relative;inset:auto;padding:20px 0 20px;}
  .splite-card{width:90%;}
  #mission,#how,#products,#testimonials,#cta-section,footer{padding:80px 28px;}
  #impact{padding:64px 28px;}
  #mission{grid-template-columns:1fr;gap:40px;}
  .mission-vis{height:260px;}
  .steps-grid{grid-template-columns:1fr;gap:12px;}
  .products-grid{grid-template-columns:1fr 1fr;}
  .testi-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;gap:28px;}
  [dir="rtl"] .hero-left{padding:40px 28px 50px;}
}
@media(max-width:560px){
  .products-grid{grid-template-columns:1fr;}
  .impact-sep{display:none;}
  .hero-stats{gap:20px;}
  [dir="rtl"] .scroll-hint{right:28px;}
}