/* ==========================================================================
   iCodit Store — التنسيقات
   ========================================================================== */

:root{
  --ics-primary:#0F5B52;
  --ics-primary-d:#0D4F47;
  --ics-accent:#E8342E;
  --ics-ink:#14181A;
  --ics-muted:#6B7280;
  --ics-bg:#FFFFFF;
  --ics-soft:#F6F7F8;
  --ics-line:#E6E8EA;
  --ics-radius:12px;
  --ics-max:1240px;
  --ics-font:15px;
  --ics-shadow:0 1px 2px rgba(20,24,26,.04), 0 6px 20px rgba(20,24,26,.06);
}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;
  font-family:'Almarai', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size:var(--ics-font);
  line-height:1.8;
  color:var(--ics-ink);
  background:var(--ics-bg);
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;line-height:1.4;font-weight:800}
button{font-family:inherit}

.ics-wrap{width:100%;max-width:var(--ics-max);margin:0 auto;padding:0 18px}

.ics-skip{position:absolute;left:-9999px}
.ics-skip:focus{left:8px;top:8px;background:#fff;padding:10px 16px;z-index:999;border-radius:8px}

.ics-i{display:inline-flex;align-items:center;justify-content:center}
.ics-i svg{width:22px;height:22px;display:block}

/* ---------- الأزرار ---------- */

.ics-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:var(--ics-primary);color:#fff;
  padding:12px 26px;border:0;border-radius:var(--ics-radius);
  font-weight:700;cursor:pointer;transition:background .15s ease;
}
.ics-btn:hover{background:var(--ics-primary-d);color:#fff}
.ics-btn-lg{padding:15px 34px;font-size:16px}

/* ---------- شريط الإعلان ---------- */

.ics-topbar{
  background:var(--ics-primary);color:#fff;
  font-size:13.5px;text-align:center;padding:8px 0;
}

/* ---------- الترويسة ---------- */

.ics-header{background:var(--ics-bg);border-bottom:1px solid var(--ics-line);position:relative;z-index:40}
body.ics-sticky-header .ics-header{position:sticky;top:0}

.ics-header-in{display:flex;align-items:center;gap:18px;min-height:72px}

.ics-brand img{max-height:46px;width:auto}
.ics-logo-text{font-weight:800;font-size:21px;letter-spacing:-.01em}

.ics-nav{margin-inline-start:auto}
.ics-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.ics-nav a{font-size:14.5px;color:var(--ics-ink);padding:6px 0;position:relative}
.ics-nav a:hover{color:var(--ics-primary)}
.ics-nav .current-menu-item > a{color:var(--ics-primary);font-weight:700}
.ics-nav li{position:relative}
.ics-nav .sub-menu{
  display:none;position:absolute;top:100%;right:0;min-width:200px;
  background:#fff;border:1px solid var(--ics-line);border-radius:10px;
  padding:8px;box-shadow:var(--ics-shadow);flex-direction:column;gap:0;
}
.ics-nav li:hover > .sub-menu{display:flex}
.ics-nav .sub-menu a{padding:8px 12px;border-radius:6px;display:block}
.ics-nav .sub-menu a:hover{background:var(--ics-soft)}

.ics-tools{display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.ics-nav + .ics-tools{margin-inline-start:0}

.ics-tool{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border:0;background:transparent;border-radius:10px;
  color:var(--ics-ink);cursor:pointer;
}
.ics-tool:hover{background:var(--ics-soft)}

.ics-cart-count{
  position:absolute;top:4px;inset-inline-start:4px;
  background:var(--ics-accent);color:#fff;
  min-width:18px;height:18px;border-radius:9px;
  font-size:11px;font-weight:700;line-height:18px;text-align:center;padding:0 4px;
}
.ics-cart-count[hidden]{display:none}

.ics-burger{display:none;width:42px;height:42px;border:0;background:transparent;border-radius:10px;cursor:pointer;color:var(--ics-ink)}

.ics-searchbar{border-top:1px solid var(--ics-line);padding:14px 0;background:var(--ics-soft)}
.ics-searchbar form{display:flex;gap:8px;max-width:620px;margin:0 auto}
.ics-searchbar input[type="search"],
.ics-searchbar input[type="text"]{
  flex:1;padding:12px 14px;border:1px solid var(--ics-line);border-radius:10px;
  font-family:inherit;font-size:15px;background:#fff;
}
.ics-searchbar button{background:var(--ics-primary);color:#fff;border:0;border-radius:10px;padding:0 22px;font-weight:700;cursor:pointer}

/* ---------- القائمة الجانبية للهاتف ---------- */

.ics-drawer{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.45)}
.ics-drawer[hidden]{display:none}
.ics-drawer-in{
  position:absolute;top:0;inset-inline-end:0;height:100%;width:290px;max-width:85%;
  background:#fff;padding:22px 18px;overflow-y:auto;
}
.ics-drawer-close{border:0;background:transparent;cursor:pointer;margin-bottom:14px;color:var(--ics-ink)}
.ics-drawer ul{list-style:none;margin:0;padding:0}
.ics-drawer li{border-bottom:1px solid var(--ics-line)}
.ics-drawer a{display:block;padding:13px 4px;font-weight:600}
.ics-drawer .sub-menu a{padding-inline-start:18px;font-weight:400;color:var(--ics-muted)}

/* ---------- البانر ---------- */

.ics-hero{background:var(--ics-soft);padding:72px 0;text-align:center;background-size:cover;background-position:center}
.ics-hero.has-img{position:relative;color:#fff}
.ics-hero.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55))}
.ics-hero-in{position:relative}
.ics-hero h1{font-size:clamp(26px,4vw,44px);letter-spacing:-.02em;max-width:20ch;margin:0 auto}
.ics-hero p{font-size:17px;color:inherit;opacity:.9;margin:16px auto 28px;max-width:46ch}
.ics-hero:not(.has-img) p{color:var(--ics-muted)}

/* ---------- شريط المزايا ---------- */

.ics-features{border-bottom:1px solid var(--ics-line);background:#fff}
.ics-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0}
.ics-feature{display:flex;align-items:center;gap:12px}
.ics-feature .ics-i{
  width:42px;height:42px;flex:0 0 42px;border-radius:11px;
  background:var(--ics-soft);color:var(--ics-primary);
}
.ics-feature .ics-i svg{width:21px;height:21px}
.ics-feature strong{display:block;font-size:14.5px;line-height:1.4}
.ics-feature span{display:block;font-size:12.5px;color:var(--ics-muted);line-height:1.5}

/* ---------- الأقسام ---------- */

.ics-section{padding:52px 0}
.ics-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.ics-section-head h2{font-size:clamp(20px,2.4vw,27px)}
.ics-more-link{color:var(--ics-primary);font-weight:700;font-size:14.5px}
.ics-more-link:hover{text-decoration:underline}

/* ---------- التصنيفات ---------- */

.ics-cats{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.ics-cat{flex:0 0 auto;width:110px;text-align:center}
.ics-cat-img{
  display:flex;align-items:center;justify-content:center;
  width:96px;height:96px;margin:0 auto 10px;
  border-radius:50%;background:var(--ics-soft);overflow:hidden;
  border:1px solid var(--ics-line);color:var(--ics-primary);
}
.ics-cat-img img{width:100%;height:100%;object-fit:cover}
.ics-cat-name{font-size:13.5px;font-weight:600;display:block;line-height:1.5}
.ics-cat:hover .ics-cat-img{border-color:var(--ics-primary)}

/* ---------- شبكة المنتجات ---------- */

.ics-products,
.woocommerce ul.products,
ul.products{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  list-style:none;margin:0 0 30px;padding:0;
}

/* ووكومرس يفرض عرضاً بالنسب المئوية و float — نبطلهما لصالح الشبكة */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
ul.products li.product{
  width:100%!important;margin:0!important;float:none!important;clear:none!important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none!important}

.ics-card{
  background:#fff;border:1px solid var(--ics-line);border-radius:calc(var(--ics-radius) + 4px);
  overflow:hidden;display:flex;flex-direction:column;
  transition:box-shadow .18s ease, transform .18s ease;
}
.ics-card:hover{box-shadow:var(--ics-shadow);transform:translateY(-2px)}

.ics-card-media{position:relative;background:var(--ics-soft)}
.ics-card-img{display:block;aspect-ratio:1/1;overflow:hidden}
.ics-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.ics-card:hover .ics-card-img img{transform:scale(1.04)}

.ics-badge{
  position:absolute;top:10px;inset-inline-start:10px;
  background:var(--ics-primary);color:#fff;
  border-radius:7px;padding:3px 9px;font-size:12px;font-weight:700;
}
.ics-badge-out{background:#6B7280;inset-inline-start:auto;inset-inline-end:10px}

.ics-wish{
  position:absolute;top:10px;inset-inline-end:10px;
  width:34px;height:34px;border-radius:50%;border:0;
  background:rgba(255,255,255,.92);color:var(--ics-ink);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:color .15s ease;
}
.ics-wish:hover,.ics-wish.is-on{color:var(--ics-accent)}
.ics-wish svg{width:18px;height:18px}
.ics-wish.is-on svg{fill:var(--ics-accent)}

.ics-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}

.ics-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
.ics-card-cat{font-size:12px;color:var(--ics-primary);font-weight:600}
.ics-card-cat a{color:inherit}
.ics-rating{display:inline-flex;align-items:center;gap:3px;font-size:12.5px;font-weight:700;color:var(--ics-ink)}
.ics-rating svg{width:13px;height:13px;color:#F5A524}

.ics-card-title{font-size:15px;font-weight:700;line-height:1.6;margin:0}
.ics-card-title a:hover{color:var(--ics-primary)}

.ics-card-price{font-size:15.5px;font-weight:800;color:var(--ics-ink)}
.ics-card-price del{color:var(--ics-muted);font-weight:400;font-size:13.5px;margin-inline-start:6px}
.ics-card-price ins{text-decoration:none;color:var(--ics-accent)}
.ics-card-price .amount{white-space:nowrap}

.ics-attrs{display:flex;flex-wrap:wrap;gap:10px}
.ics-attr{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.ics-dot{width:17px;height:17px;border-radius:50%;border:1px solid rgba(0,0,0,.18);display:inline-block}
.ics-size{
  min-width:26px;text-align:center;border:1px solid var(--ics-line);border-radius:6px;
  padding:1px 7px;font-size:11.5px;color:var(--ics-muted);
}

.ics-card-btn{
  margin-top:auto;display:flex;align-items:center;justify-content:center;
  background:var(--ics-primary);color:#fff;
  padding:12px;border-radius:var(--ics-radius);
  font-weight:700;font-size:14.5px;transition:background .15s ease;
}
.ics-card-btn:hover{background:var(--ics-primary-d);color:#fff}

/* ---------- صفحات ووكومرس ---------- */

.ics-main{min-height:50vh}
.woocommerce-products-header{padding-top:34px}
.woocommerce-products-header__title{font-size:clamp(22px,3vw,32px);margin-bottom:10px}
.woocommerce-result-count{color:var(--ics-muted);font-size:14px}

.woocommerce .woocommerce-ordering select{
  padding:10px 12px;border:1px solid var(--ics-line);border-radius:10px;font-family:inherit;background:#fff;
}

.woocommerce-breadcrumb{font-size:13.5px;color:var(--ics-muted);padding:18px 0}
.woocommerce-breadcrumb a{color:var(--ics-primary)}

.woocommerce div.product{padding:26px 0}
.woocommerce div.product .product_title{font-size:clamp(21px,2.6vw,30px);margin-bottom:12px}
.woocommerce div.product p.price{font-size:23px;font-weight:800;color:var(--ics-ink)}
.woocommerce div.product p.price del{color:var(--ics-muted);font-size:16px;font-weight:400}
.woocommerce div.product p.price ins{text-decoration:none;color:var(--ics-accent)}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button.alt{
  background:var(--ics-primary);color:#fff;border-radius:var(--ics-radius);
  font-weight:700;padding:13px 26px;font-family:inherit;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover{background:var(--ics-primary-d);color:#fff}

.woocommerce nav.woocommerce-pagination ul{border:0;gap:6px;display:flex;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--ics-line);border-radius:9px;min-width:40px;padding:9px 12px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ics-primary);color:#fff;border-color:var(--ics-primary)}

.woocommerce .quantity .qty{
  border:1px solid var(--ics-line);border-radius:9px;padding:9px;font-family:inherit;
}

/* ---------- التخطيط العام ---------- */

.ics-layout{padding:34px 0}
.ics-page-title{font-size:clamp(22px,3vw,32px);margin-bottom:24px}
.ics-post{margin-bottom:36px}
.ics-post-thumb{border-radius:var(--ics-radius);overflow:hidden;display:block;margin-bottom:14px}
.ics-post-title{font-size:20px;margin-bottom:8px}
.ics-post-excerpt{color:var(--ics-muted)}
.ics-more{color:var(--ics-primary);font-weight:700}
.ics-empty,.ics-notice{padding:46px 0;text-align:center;color:var(--ics-muted)}
.ics-page-content{line-height:1.9}
.ics-404{text-align:center;padding:80px 0}
.ics-404 h1{font-size:72px;color:var(--ics-primary)}
.ics-404 p{color:var(--ics-muted);margin:10px 0 24px}

/* ---------- التذييل ---------- */

.ics-footer{background:var(--ics-soft);border-top:1px solid var(--ics-line);margin-top:52px;padding:44px 0 0}
.ics-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:32px}
.ics-footer .widget-title{font-size:16px;margin-bottom:12px}
.ics-footer ul{list-style:none;margin:0;padding:0}
.ics-footer li{padding:5px 0;font-size:14.5px;color:var(--ics-muted)}
.ics-footer a:hover{color:var(--ics-primary)}

.ics-footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:1px solid var(--ics-line);padding:20px 0;font-size:13.5px;color:var(--ics-muted);
}
.ics-footer-nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0}

/* ---------- واتساب العائم ---------- */

.ics-wa-fab{
  position:fixed;inset-inline-start:18px;bottom:18px;z-index:50;
  display:inline-flex;align-items:center;gap:9px;
  background:#25D366;color:#fff;border-radius:100px;padding:12px 20px;
  font-weight:700;font-size:14.5px;box-shadow:0 6px 20px rgba(37,211,102,.4);
}
.ics-wa-fab:hover{color:#fff}
.ics-wa-fab svg{width:22px;height:22px}

/* ---------- شريط الهاتف السفلي ---------- */

.ics-mobile-bar{display:none}

/* ---------- شاشات صغيرة ---------- */

@media (max-width:1024px){
  .ics-features-grid{grid-template-columns:repeat(2,1fr);gap:18px}
  .ics-footer-cols{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:1024px){
  .ics-products,
  .woocommerce ul.products,
  ul.products{grid-template-columns:repeat(3,1fr);gap:16px}
}

@media (max-width:900px){
  .ics-products,
  .woocommerce ul.products,
  ul.products{grid-template-columns:repeat(2,1fr);gap:14px}

  .ics-nav{display:none}
  .ics-burger{display:inline-flex;align-items:center;justify-content:center}
  .ics-header-in{min-height:62px;gap:10px}
  .ics-brand{margin-inline-end:auto}
  .ics-section{padding:36px 0}
  .ics-hero{padding:48px 0}
  .ics-cat{width:88px}
  .ics-cat-img{width:78px;height:78px}
  .ics-footer{margin-bottom:64px}

  .ics-mobile-bar{
    display:flex;position:fixed;bottom:0;inset-inline:0;z-index:45;
    background:#fff;border-top:1px solid var(--ics-line);
    padding:6px 0 env(safe-area-inset-bottom);
  }
  .ics-mobile-bar a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    padding:7px 0;font-size:11px;color:var(--ics-muted);position:relative;
  }
  .ics-mobile-bar .ics-i svg{width:21px;height:21px}
  .ics-mobile-bar a:hover{color:var(--ics-primary)}
  .ics-mb-cart .ics-cart-count{top:0;inset-inline-start:50%;margin-inline-start:4px}

  .ics-wa-fab{bottom:76px;padding:13px;border-radius:50%}
  .ics-wa-fab span{display:none}
}

@media (max-width:600px){
  .ics-wrap{padding:0 14px}
  .ics-footer-cols{grid-template-columns:1fr;gap:22px}
  .woocommerce div.product .product_title{font-size:20px}
  .woocommerce div.product p.price{font-size:20px}
  .ics-attrs{gap:6px}
  .ics-size{padding:1px 5px;font-size:11px}
  .ics-dot{width:15px;height:15px}
  .ics-card-body{padding:12px}
  .ics-card-title{font-size:14px}
  .ics-card-btn{padding:11px;font-size:13.5px}
  /* عمودان على الهاتف: صفّان بدل أربعة */
  .ics-features-grid{grid-template-columns:repeat(2,1fr);gap:12px 10px;padding:18px 0}
  .ics-feature{gap:9px}
  .ics-feature .ics-i{width:36px;height:36px;flex:0 0 36px;border-radius:10px}
  .ics-feature .ics-i svg{width:18px;height:18px}
  .ics-feature strong{font-size:13px}
  .ics-feature span{font-size:11.5px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
}

:focus-visible{outline:2px solid var(--ics-primary);outline-offset:2px;border-radius:4px}

/* ==========================================================================
   إضافات: تخطيط الترويسة، الشريط المتحرك، التذييل الغني، الأقسام الحرة
   ========================================================================== */

/* ---------- شريط الإعلان المتحرك ---------- */

.ics-topbar.is-moving{overflow:hidden;padding:8px 0}
.ics-marquee{display:flex;gap:60px;width:max-content;animation:ics-scroll var(--ics-speed,18s) linear infinite}
.ics-marquee span{white-space:nowrap}
.ics-topbar.is-moving:hover .ics-marquee{animation-play-state:paused}

@keyframes ics-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(50%)}
}

@media (prefers-reduced-motion:reduce){
  .ics-marquee{animation:none;justify-content:center;width:100%}
  .ics-marquee span[aria-hidden]{display:none}
}

/* ---------- تخطيط الترويسة ---------- */

/* الشعار في البداية (الافتراضي) */
.ics-header-in.ics-logo-start .ics-brand{order:1}
.ics-header-in.ics-logo-start .ics-nav{order:2;margin-inline-start:28px;margin-inline-end:auto}
.ics-header-in.ics-logo-start .ics-tools{order:3;margin-inline-start:0}

/* الشعار في النهاية */
.ics-header-in.ics-logo-end .ics-tools{order:1;margin-inline-start:0;margin-inline-end:0}
.ics-header-in.ics-logo-end .ics-nav{order:2;margin-inline:auto}
.ics-header-in.ics-logo-end .ics-brand{order:3}

/* الشعار في المنتصف والقائمة تحته */
.ics-header-in.ics-logo-center{flex-wrap:wrap;justify-content:space-between;padding-top:10px}
.ics-header-in.ics-logo-center .ics-brand{order:2;margin:0 auto;text-align:center}
.ics-header-in.ics-logo-center .ics-tools{order:3;margin-inline-start:0}
.ics-header-in.ics-logo-center .ics-burger{order:1}
.ics-header-in.ics-logo-center .ics-nav{
  order:4;flex-basis:100%;margin:0;display:flex;justify-content:center;
  border-top:1px solid var(--ics-line);padding-top:10px;margin-top:8px;
}

/* تبديل جهة الأيقونات */
.ics-header-in.ics-tools-start .ics-tools{order:0!important;margin-inline-end:8px}
.ics-header-in.ics-tools-start.ics-logo-start .ics-nav{margin-inline-end:auto}

/* ---------- البانر الثاني ---------- */

.ics-hero-2{padding:56px 0}
.ics-hero-2 h2{font-size:clamp(22px,3.2vw,34px);letter-spacing:-.02em;max-width:22ch;margin:0 auto}

/* ---------- الأقسام الحرة ---------- */

.ics-free-body{line-height:1.9}
.ics-free-body img{border-radius:var(--ics-radius)}
.ics-bg-soft{background:var(--ics-soft)}
.ics-bg-primary{background:var(--ics-primary);color:#fff}
.ics-bg-primary .ics-section-head h2,
.ics-bg-primary a{color:#fff}
.ics-bg-primary .ics-btn{background:#fff;color:var(--ics-primary)}

/* ---------- التذييل الغني ---------- */

.ics-footer-info{
  display:grid;grid-template-columns:1.6fr 1fr;gap:34px;
  padding-bottom:30px;border-bottom:1px solid var(--ics-line);
}

.ics-footer-logo,
.ics-footer-brand .custom-logo{max-height:56px;width:auto;margin-bottom:14px}
.ics-footer-about{color:var(--ics-muted);max-width:52ch;margin:0 0 16px}

.ics-socials{display:flex;gap:10px}
.ics-social{
  width:40px;height:40px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.05);color:inherit;transition:background .15s ease;
}
.ics-social:hover{background:var(--ics-primary);color:#fff}
.ics-social svg{width:19px;height:19px}

.ics-footer-contact ul{list-style:none;margin:0;padding:0}
.ics-footer-contact li{display:flex;align-items:center;gap:9px;padding:6px 0;color:var(--ics-muted)}
.ics-footer-contact .ics-i svg{width:18px;height:18px;color:var(--ics-primary)}

/* ألوان التذييل */
.ics-footer-dark{background:#14181A;color:#C9CFD3;border-top-color:#242A2E}
.ics-footer-dark .widget-title,
.ics-footer-dark .ics-logo-text{color:#fff}
.ics-footer-dark li,
.ics-footer-dark .ics-footer-about,
.ics-footer-dark .ics-footer-bottom{color:#9AA3A9}
.ics-footer-dark .ics-footer-info,
.ics-footer-dark .ics-footer-bottom{border-color:#242A2E}
.ics-footer-dark .ics-social{background:rgba(255,255,255,.08)}
.ics-footer-dark a:hover{color:#fff}

.ics-footer-primary{background:var(--ics-primary);color:rgba(255,255,255,.85);border-top-color:transparent}
.ics-footer-primary .widget-title,
.ics-footer-primary .ics-logo-text,
.ics-footer-primary a:hover{color:#fff}
.ics-footer-primary li,
.ics-footer-primary .ics-footer-about,
.ics-footer-primary .ics-footer-bottom{color:rgba(255,255,255,.8)}
.ics-footer-primary .ics-footer-info,
.ics-footer-primary .ics-footer-bottom{border-color:rgba(255,255,255,.18)}
.ics-footer-primary .ics-social{background:rgba(255,255,255,.14)}
.ics-footer-primary .ics-footer-contact .ics-i svg{color:#fff}

/* ---------- تجاوب الإضافات ---------- */

@media (max-width:900px){
  .ics-header-in.ics-logo-center{padding-top:6px}
  .ics-header-in.ics-logo-center .ics-nav{display:none}
  .ics-header-in.ics-logo-end .ics-brand,
  .ics-header-in.ics-logo-center .ics-brand{margin-inline-start:auto;margin-inline-end:auto}
  .ics-footer-info{grid-template-columns:1fr;gap:24px}
  .ics-hero-2{padding:38px 0}
}

@media (max-width:600px){
  .ics-topbar{font-size:12.5px}
  .ics-socials{gap:8px}
  .ics-social{width:36px;height:36px}
}

/* ==========================================================================
   شريط ثانٍ · شرائح البانر · محاذاة الأزرار · عناوين متوسطة
   ========================================================================== */

/* ---------- الشريط الثاني ---------- */

.ics-bar2{
  border-bottom:1px solid var(--ics-line);
  font-size:13.5px;text-align:center;padding:9px 0;
  letter-spacing:.01em;
}

/* ---------- شرائح البانر ---------- */

.ics-hero{position:relative;overflow:hidden}

.ics-slides{position:absolute;inset:0;z-index:0}
.ics-slide{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transition:opacity 1.1s ease;
}
.ics-slide.is-on{opacity:1}

.ics-hero.has-img{background-image:none}
.ics-hero.has-img::before{z-index:1}
.ics-hero-in{position:relative;z-index:2}

.ics-dots{
  position:absolute;bottom:18px;inset-inline:0;z-index:3;
  display:flex;gap:8px;justify-content:center;
}
.ics-dot{
  width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;
  border:0;background:rgba(255,255,255,.45);transition:width .2s ease,background .2s ease;
}
.ics-dot.is-on{width:26px;border-radius:100px;background:#fff}
.ics-hero:not(.has-img) .ics-dot{background:rgba(20,24,26,.2)}
.ics-hero:not(.has-img) .ics-dot.is-on{background:var(--ics-ink)}

/* ---------- محاذاة محتوى البانر ---------- */

.ics-hero.ics-al-center{text-align:center}
.ics-hero.ics-al-center h1,
.ics-hero.ics-al-center p{margin-inline:auto}

.ics-hero.ics-al-start{text-align:right}
.ics-hero.ics-al-start h1,
.ics-hero.ics-al-start p{margin-inline:0 auto}

.ics-hero.ics-al-end{text-align:left}
.ics-hero.ics-al-end h1,
.ics-hero.ics-al-end p{margin-inline:auto 0}

.ics-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.ics-al-center .ics-hero-btns{justify-content:center}
.ics-al-start .ics-hero-btns{justify-content:flex-start}
.ics-al-end .ics-hero-btns{justify-content:flex-end}

/* ---------- الزر الثاني ---------- */

.ics-btn2-outline{background:transparent;border:2px solid currentColor;color:inherit}
.ics-hero.has-img .ics-btn2-outline{color:#fff;border-color:#fff}
.ics-btn2-outline:hover{background:#fff;color:var(--ics-ink);border-color:#fff}

.ics-btn2-solid{background:var(--ics-ink);color:#fff}
.ics-btn2-solid:hover{background:#000;color:#fff}

.ics-btn2-white{background:#fff;color:var(--ics-ink)}
.ics-btn2-white:hover{background:#F1F1F1;color:var(--ics-ink)}

/* ---------- عناوين الأقسام في المنتصف ---------- */

.ics-section-head.ics-head-center{
  display:block;text-align:center;margin-bottom:34px;
}
.ics-section-head.ics-head-center h2{
  position:relative;display:inline-block;padding-bottom:14px;
}
.ics-section-head.ics-head-center h2::after{
  content:"";position:absolute;bottom:0;right:50%;transform:translateX(50%);
  width:56px;height:3px;border-radius:3px;
  background:var(--ics-primary);
  transition:width .35s ease;
}
.ics-section:hover .ics-section-head.ics-head-center h2::after{width:96px}

.ics-head-more{text-align:center;margin:26px 0 0}
.ics-head-more .ics-more-link{
  display:inline-block;border:1px solid var(--ics-line);border-radius:100px;
  padding:9px 26px;transition:border-color .15s ease,background .15s ease;
}
.ics-head-more .ics-more-link:hover{border-color:var(--ics-primary);background:var(--ics-soft);text-decoration:none}

@media (max-width:600px){
  .ics-bar2{font-size:12.5px;padding:8px 0}
  .ics-hero-btns{gap:9px}
  .ics-hero-btns .ics-btn{padding:13px 22px;font-size:14.5px}
  .ics-section-head.ics-head-center{margin-bottom:26px}
}

/* ==========================================================================
   تحكم إضافي: أبعاد البانر · تمرير التصنيفات · شريط متحرك · أعمدة المزايا
   ========================================================================== */

/* ---------- أبعاد البانر ---------- */

.ics-hero{min-height:var(--ics-hero-h,480px);display:flex;align-items:center;padding:48px 0}
.ics-slide{background-size:var(--ics-hero-fit,cover);background-position:var(--ics-hero-pos,center);background-repeat:no-repeat}
.ics-hero.has-img .ics-slide{background-color:#14181A}

/* ---------- الشريط الثاني المتحرك ---------- */

.ics-bar2.is-moving{overflow:hidden}
.ics-bar2 .ics-marq{display:flex;gap:60px;width:max-content;animation:ics-marq var(--ics-b2speed,20s) linear infinite}
.ics-bar2 .ics-marq span{white-space:nowrap}
.ics-bar2.is-moving:hover .ics-marq{animation-play-state:paused}

@keyframes ics-marq{
  from{transform:translateX(0)}
  to{transform:translateX(50%)}
}

/* ---------- تمرير التصنيفات ---------- */

.ics-cats.is-moving{overflow:hidden;scrollbar-width:none}
.ics-cats.is-moving::-webkit-scrollbar{display:none}
.ics-cats.is-moving{animation:ics-cats var(--ics-cspeed,30s) linear infinite}
.ics-cats.is-moving:hover{animation-play-state:paused}

@keyframes ics-cats{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

/* ---------- أعمدة شريط المزايا حسب عددها ---------- */

.ics-features-grid.ics-fcols-1{grid-template-columns:1fr}
.ics-features-grid.ics-fcols-2{grid-template-columns:repeat(2,1fr)}
.ics-features-grid.ics-fcols-3{grid-template-columns:repeat(3,1fr)}
.ics-features-grid.ics-fcols-4{grid-template-columns:repeat(4,1fr)}

@media (max-width:1024px){
  .ics-features-grid.ics-fcols-3,
  .ics-features-grid.ics-fcols-4{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:600px){
  .ics-hero{min-height:var(--ics-hero-hm,320px);padding:34px 0}
  .ics-features-grid.ics-fcols-2,
  .ics-features-grid.ics-fcols-3,
  .ics-features-grid.ics-fcols-4{grid-template-columns:repeat(2,1fr)}
  .ics-features-grid.ics-fcols-1{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .ics-bar2 .ics-marq,
  .ics-cats.is-moving{animation:none}
  .ics-bar2 .ics-marq span[aria-hidden]{display:none}
  .ics-bar2 .ics-marq{justify-content:center;width:100%}
}