/* ShopCoin — تحسينات التلفون والوضع الليلي (مشترك لكل الصفحات) */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,select,label,[onclick]{touch-action:manipulation}
.sc-signature{display:none!important}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* زر الوضع الليلي */
.sc-theme-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid rgba(15,23,42,.1);background:rgba(255,255,255,.7);display:inline-grid;place-items:center;cursor:pointer;color:#0F172A;flex-shrink:0;padding:0}
.sc-theme-btn svg{width:19px;height:19px}
.sc-theme-btn .moon{display:block}.sc-theme-btn .sun{display:none}
html[data-theme=dark] .sc-theme-btn{background:#1A2333;border-color:#2A3446;color:#FCD34D}
html[data-theme=dark] .sc-theme-btn .moon{display:none}html[data-theme=dark] .sc-theme-btn .sun{display:block}

/* شريط التنقل السفلي (للصفحات اللي ما فيها شريط شراء) */
.sc-bnav{display:none}
@media (max-width:768px){
  .dp-bg{display:none!important}
  html.has-dp{background:#F4F6FA}
  input,select,textarea{font-size:16px!important}
  /* اختيار العملة: مضغوط */
  .global-currency-picker select,#currencySelect{width:auto;max-width:88px}
  .global-currency-picker .fa-globe{display:none}
  /* أزرار مريحة للإصبع */
  button,.btn,[role=button]{min-height:44px}
  /* بطاقة "جاهز تطلب" */
  .x-cta{flex-direction:column!important;align-items:stretch!important;text-align:center;padding:32px 20px!important}
  .x-cta .xh-cta{flex-direction:column;width:100%}
  .x-cta .xh-btn{width:100%;justify-content:center}
  .x-cta h2{font-size:2rem!important}
  /* شريط الشراء الثابت: مسافة الأمان تحت */
  .sticky-summary-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  body.has-sticky-bar{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .sc-bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:998;height:calc(64px + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);
    background:rgba(255,255,255,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(15,23,42,.07);justify-content:space-around;align-items:center}
  .sc-bnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#64748B;font-size:.72rem;font-weight:700;padding:8px 0;position:relative}
  .sc-bnav a svg{width:22px;height:22px}
  .sc-bnav a.on{color:#059669}
  .sc-bnav .n{position:absolute;top:2px;left:calc(50% - 20px);background:#F43F5E;color:#fff;font-size:.62rem;border-radius:99px;padding:0 5px;min-width:16px;line-height:16px}
  body.has-bnav{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  html[data-theme=dark] .sc-bnav{background:rgba(13,19,31,.94);border-top-color:#1F2937}
  html[data-theme=dark] .sc-bnav a{color:#94A3B8}html[data-theme=dark] .sc-bnav a.on{color:#34D399}
}
/* الشعار بالفوتر (نفس ترتيب الهيدر) */
.footer .logo-tag,.footer-brand .logo-tag{letter-spacing:.2em!important;font-size:.6rem!important;display:block;text-align:center;line-height:1;margin-top:4px}
.footer .logo-info,.footer-brand .logo-info{line-height:1}

/* الوضع الليلي: أساس */
html[data-theme=dark]{color-scheme:dark;background:#0B1220}
html[data-theme=dark] body{background:#0B1220}
html[data-theme=dark] img[src$="sc-logo.svg"]{filter:none}
html[data-theme=dark] ::placeholder{color:#64748B!important}

/* ── الصفحة الرئيسية على التلفون ── */
@media (max-width:640px){
  .xh{padding:76px 12px 4px}
  .xh-in{padding:28px 20px!important;min-height:0!important;gap:8px}
  .xh h1{font-size:2.3rem!important;line-height:1.18;margin:16px 0 12px}
  .xh h1 .x-g,.xh h1 span{white-space:nowrap}
  .xh-stage{height:300px!important}
  .xh-stats{gap:8px;margin-top:24px}
  .xh-stats>div{min-width:0;flex:1 1 30%;padding:10px 12px}
  .xh-stats b{font-size:1.25rem}
  .x-sec{padding:52px 0}
  .x-wrap{padding:0 16px}
  .x-head{margin-bottom:28px}
  .x-head h2,.x-faq-side h2{font-size:1.85rem!important}
  .x-feats,.x-steps,.x-revs{grid-template-columns:1fr!important;gap:12px}
  .x-feat{display:grid!important;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;padding:18px!important;text-align:right}
  .x-feat .x-ic{grid-row:span 2;width:48px;height:48px;font-size:1.1rem;margin:0}
  .x-feat h3{margin:2px 0 4px!important;font-size:1.05rem}
  .x-feat p{margin:0;font-size:.92rem;line-height:1.65}
  .x-steps li{padding:20px!important}
  .x-ink{border-radius:24px}
  .x-foot-in{grid-template-columns:1fr!important;gap:28px}
}
html[data-theme=dark].has-dp{background:#0B1220!important}

/* ── تحديات SBC على التلفون: عمودين مرتبين ── */
.sbc-card-image-wrap img[src$="sc-logo.svg"]{height:90px!important;opacity:.35;filter:none!important}
@media (max-width:580px){
  .sbc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;column-gap:10px!important;row-gap:78px!important;margin-top:70px!important}
  .sbc-card-premium{padding:12px 10px 12px!important;border-radius:18px!important}
  .sbc-card-image-wrap{height:96px!important;margin-top:-72px!important;margin-bottom:6px!important}
  .sbc-card-image-wrap img{height:150px!important}
  .sbc-card-title{font-size:.86rem!important;line-height:1.35!important;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .sbc-card-premium .sbc-card-rating{font-size:.75rem}
}
@media (max-width:580px){
  .sbc-card-prices-row{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%}
  .sbc-card-premium{min-width:0}
  .sbc-price-box{padding:4px 8px!important;min-width:0;width:100%;display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:center}
  .sbc-price-val{font-size:.9rem!important;white-space:nowrap}
  .sbc-card-premium .sbc-buy-btn,.sbc-card-premium button{font-size:.85rem!important;padding:8px!important;min-height:40px}
}

/* ── باقي الخدمات: الأربعة ظاهرين مرة وحدة (2×2) بدل السحب ── */
@media (max-width:768px){
  html body .products-grid.grid-4-cols{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;gap:10px!important;padding:4px 0 8px!important;margin:0!important;scroll-snap-type:none!important}
  html body .products-grid.grid-4-cols .product-card{flex:none!important;min-height:0!important;padding:16px 10px!important;border-radius:18px!important;gap:6px}
  html body .products-grid.grid-4-cols .product-card h3,html body .products-grid.grid-4-cols .product-card .product-title{font-size:.95rem!important;line-height:1.35}
  html body .products-grid.grid-4-cols .product-card [class*=icon],html body .products-grid.grid-4-cols .product-card [class*=visual]{transform:scale(.78);margin:-6px auto!important}
}
.sc-ig-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF);color:#fff;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:99px;z-index:3;white-space:nowrap}
.product-card{position:relative}
@media (max-width:768px){.sc-ig-badge{font-size:.62rem;padding:3px 8px;top:8px;left:8px}}
/* قوائم الاختيار بالوضع الليلي */
html[data-theme=dark] select{background-color:#111827!important;color:#E5E7EB!important}
html[data-theme=dark] select option{background:#111827;color:#E5E7EB}