/* ═══════════════════════════════════════════════════════════
   Hadiya Gift Cards — «هدية» v1.0 — عائلة الإهداء في الخدمات 🎁
   بطاقات إهداء ومعايدة: رملي دافئ × ذهب عنبري × تيل عميق.
   توقيع: شرائط هدايا قطرية، لمعة البطاقات، أختام دائرية.
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="services"]{
  --accent:#c9962e; --accent-2:#e4b95c; --on-accent:#241a05;
  --teal:#14555a;
  --ink:#241d10; --surface-d:#1c3a3d; --surface-d2:#255055;
  --surface-l:#faf5ec; --surface-l2:#ffffff;
  --on-light:#332916; --on-light-mut:#93855f;
  --on-dark:#f3ede0; --on-dark-mut:#b9c8c2;
  --tint:rgba(201,150,46,.11);
  --line-l:rgba(51,41,22,.13); --line-d:rgba(243,237,224,.22);
  --r-sm:12px; --r-md:16px; --r-lg:22px;
  --sh-md:0 16px 42px rgba(51,41,22,.1);
  --sh-lg:0 28px 74px rgba(201,150,46,.2);
}
h1,h2,h3,h4{font-family:'Changa','Tajawal',sans-serif;font-weight:700}
body{background:var(--surface-l)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:
    radial-gradient(300px 300px at 90% 8%, rgba(228,185,92,.16), transparent 70%),
    radial-gradient(320px 320px at 6% 60%, rgba(20,85,90,.09), transparent 70%)}
::selection{background:var(--accent);color:#241a05}

/* عناوين بختم */
.st-head{margin-bottom:52px}
.st-head h2{font-size:clamp(26px,4.2vw,44px)}
.st-eyebrow{color:var(--teal);font-size:11px;font-weight:900}
.st-line{width:70px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}

/* أزرار: ختم ذهبي */
.st-btn{background:linear-gradient(135deg,var(--accent),#a87a1f);color:#fff;border-radius:var(--r-pill);
  padding:14px 32px;box-shadow:0 12px 30px rgba(201,150,46,.35)}
.st-btn:hover{box-shadow:0 16px 42px rgba(201,150,46,.5)}
.st-btn-ghost,.st-btn-line{background:#fff;border:1.5px solid var(--teal);color:var(--teal)}
.st-btn-ghost:hover,.st-btn-line:hover{background:rgba(20,85,90,.07)}

/* شريط الإعلان + هيدر */
.st-abar-primary{background:var(--teal);color:#e8f4f2}
.st-abar-primary .st-abar-tk i{color:var(--accent-2);opacity:1}
.st-nav{background:rgba(250,245,236,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-l)}
.st-nav-bd{font-family:'Changa';font-size:20px}
.st-nav-lk a{font-weight:800;color:var(--on-light-mut)}
.st-nav-lk a:hover{color:var(--teal)}
.st-nav-cta{background:linear-gradient(135deg,var(--accent),#a87a1f)}
.st-shoplinks{background:rgba(250,245,236,.94)}
.st-shoplinks a:hover{color:var(--teal);border-bottom-color:var(--accent)}

/* السلايدر: لحظات الإهداء */
.st-slider{min-height:min(80vh,620px)}
.st-slide .bgz{transform:scale(1.07)}
.st-slide.on .bgz{animation:hd-zoom 7s ease-out forwards}
@keyframes hd-zoom{from{transform:scale(1.09)}to{transform:scale(1.005)}}
.st-slide-ov{background:linear-gradient(180deg,rgba(28,58,61,.35),rgba(28,58,61,.3) 40%,rgba(20,32,34,.82))}
.st-slide-in h1{font-family:'Changa';font-size:clamp(30px,5.2vw,58px);
  text-shadow:0 6px 30px rgba(0,0,0,.5)}
.st-slide.on .st-slide-in h1{animation:hd-rise .8s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in p{animation:hd-rise .8s .12s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in .st-btn{animation:hd-rise .8s .24s cubic-bezier(.2,.7,.2,1) both}
@keyframes hd-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.st-dot.on{background:var(--accent-2);box-shadow:0 0 12px rgba(228,185,92,.8)}
.st-arr:hover{background:var(--accent)}

/* عائلة الإهداء: سكن هدية */
.jr-gcds .gd.on{outline-color:var(--teal)}
.jr-gcam .am.on{background:var(--teal);border-color:var(--teal);color:#fff}
.jr-gcam .am.on small{color:#fff}
.jr-gcin input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(20,85,90,.1)}
.gcard{box-shadow:0 30px 70px rgba(28,58,61,.35)}
.gc-hint{color:var(--on-light-mut)}
.jr-occ .oc.on{border-color:var(--teal);background:rgba(20,85,90,.06)}
.jr-bud .bd.on{background:var(--teal);border-color:var(--teal)}
.jr-sugg{border-color:var(--accent);background:var(--tint)}
.jr-sugg i{color:var(--accent)}
.jr-cw-card .card{background:linear-gradient(160deg,#fffdf7,#f7efdd);transform:rotate(2deg)}
.jr-cw-card .card::before{border-color:var(--accent)}
.jr-cw-card .card i{color:var(--teal)}
.jr-cw-card .card b{color:var(--teal)}
.jr-jy .tm{background:var(--teal)}
.jr-jy .ic{background:rgba(20,85,90,.08);color:var(--teal)}
.jr-ocs .ocd::before{background:linear-gradient(90deg,var(--teal),var(--accent))}
.jr-ocs a{color:var(--teal)}
.jr-ocs .ev-count b{color:var(--accent)}

/* الخدمات (st-feat): أنواع البطاقات */
.st-feat{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-md);
  padding:28px 22px;position:relative;overflow:hidden}
.st-feat::before{content:'';position:absolute;top:-24px;inset-inline-end:-24px;width:70px;height:70px;
  border-radius:50%;background:var(--tint);transition:transform .3s}
.st-feat:hover::before{transform:scale(2.6)}
.st-feat:hover{border-color:rgba(201,150,46,.5);transform:translateY(-5px);box-shadow:var(--sh-md)}
.st-feat .ic{position:relative;border-radius:14px;background:rgba(20,85,90,.08);color:var(--teal)}
.st-feat h3,.st-feat p{position:relative}

/* الأسعار: فئات البطاقة */
.st-plans{gap:18px}
.st-plan{background:#fff;border:1px solid var(--line-l);border-radius:var(--r-lg);padding:32px 24px}
.st-plan.hot{border-color:var(--accent);box-shadow:0 22px 55px rgba(201,150,46,.22)}
.st-plan.hot::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(228,185,92,.14) 50%,transparent 65%);
  background-size:250% 100%;animation:gc-shine 3.5s ease-in-out infinite}
.st-plan .hot-tag{background:linear-gradient(135deg,var(--accent),#a87a1f)}
.st-plan .prc{color:var(--accent);font-family:'Changa'}
.st-plan{position:relative;overflow:hidden}

/* عرض منقسم + شريط أرقام + آراء */
.st-split-media>img{border-radius:var(--r-lg)}
.st-split-media .fc{background:rgba(255,255,255,.96);border-radius:var(--r-md)}
.st-split-media .fc1 b{color:var(--teal)}
.st-split-media .fc1 i{background:var(--tint);color:var(--accent)}
.st-checks i{color:var(--teal)}
.st-band{background-color:var(--surface-d)}
.st-band-ov{background:rgba(20,42,45,.86)}
.st-band .bs b{color:var(--accent-2);font-family:'Changa'}
.st-band .bs+.bs{border-color:rgba(228,185,92,.3)}
.st-twall .tw{background:#fff;border-radius:var(--r-md)}
.st-twall .tw:hover{border-color:var(--accent)}
.st-twall .strs,.st-twall-hd .strs{color:var(--accent)}
.st-twall-hd .score>b{color:var(--teal);font-family:'Changa'}

/* أسئلة + CTA + نشرة + فوتر تيل */
.st-q{background:#fff;border-radius:var(--r-md)}
.st-q.open{border-color:var(--teal)}
.st-q-h i{color:var(--accent)}
.st-ctap{background:linear-gradient(135deg,var(--surface-d),var(--surface-d2));border:0;border-radius:var(--r-lg)}
.st-ctap .glow{background:radial-gradient(45% 60% at 50% 0%, rgba(228,185,92,.3), transparent 70%)}
.st-ctap h2{font-family:'Changa'}
.st-news-band{background:transparent;border-top:1px solid var(--line-l);color:var(--on-light)}
.st-nb-in h2{color:var(--on-light);font-family:'Changa'}
.st-nb-in p{color:var(--on-light-mut)}
.st-nb-in input{background:#fff;border-color:var(--line-l);color:var(--on-light)}
.st-nb-in input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--tint)}
.st-foot{background:var(--surface-d)}
.st-foot::before{content:'';display:block;height:3px;margin-bottom:36px;
  background:repeating-linear-gradient(45deg,var(--accent) 0 14px,transparent 14px 28px)}
.st-foot h4{color:var(--accent-2);font-family:'Changa'}
.st-foot p,.st-foot ul a,.st-foot-ct li{color:var(--on-dark-mut)}
.st-foot ul a:hover{color:var(--accent-2)}
.st-foot-soc a{border-radius:50%;background:rgba(255,255,255,.08);border-color:var(--line-d)}
.st-foot-soc a:hover{background:var(--accent);border-color:var(--accent);color:#241a05}
.st-footer{background:#12292c;color:#8fa9a4}
.st-footer .nm{color:#e8f4f2}

/* صفحات داخلية */
.st-page-head h1{font-family:'Changa'}
.st-back{border-radius:50%;background:#fff}
.st-back:hover{border-color:var(--teal);color:var(--teal)}