/* =========================================================
   DYCO STORE V2 — MASTER CSS

   01 — الهوية والمتغيرات
   02 — الخلفية العامة
   03 — هيدر سلة الأساسي
   04 — السلايدر
   05 — بطاقات سلة العامة
   06 — بلوك اختيار الرشاش
   07 — بلوك لماذا DYCO
   08 — بلوك المعرض والخريطة
   09 — فلتر الرشاشات
   10 — آراء العملاء
   11 — الفوتر الاحترافي
   12 — إخفاء فوتر سلة
   13 — الهيدر التجريبي X1
   14 — الحركات
   15 — التجاوب مع الأجهزة
========================================================= */


/* =========================================================
   01 — الهوية والمتغيرات الأساسية
========================================================= */

:root{
  --dyco-blue:#28317f;
  --dyco-orange:#f15a24;
  --dyco-orange-light:#ff8a00;
  --dyco-dark:#111827;
  --dyco-text:#666;
  --dyco-bg:#f6f7fb;
  --dyco-white:#fff;

  --dyco-radius-lg:32px;
  --dyco-radius-md:22px;
  --dyco-radius-sm:16px;

  --dyco-border:rgba(40,49,127,.08);
  --dyco-shadow:0 18px 42px rgba(17,24,39,.07);
  --dyco-shadow-hover:0 28px 55px rgba(40,49,127,.16);
}


/* =========================================================
   01.1 — DYCO FOOTER V2 REFINED
   تحسين آمن للفوتر الموجود دون إنشاء أو إخفاء فوتر جديد
========================================================= */

html body #dycoFooterV2{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  min-height:0!important;
  margin-top:88px!important;

  background:
    radial-gradient(
      circle at 92% 4%,
      rgba(241,90,36,.16),
      transparent 27%
    ),
    radial-gradient(
      circle at 7% 96%,
      rgba(79,91,190,.27),
      transparent 31%
    ),
    linear-gradient(
      145deg,
      #0e153d 0%,
      #182158 56%,
      #0d1439 100%
    )!important;
}

html body #dycoFooterV2::before{
  height:3px!important;
  background:
    linear-gradient(
      90deg,
      var(--footer-blue-light),
      var(--footer-orange),
      #ff8a00
    )!important;
}

#dycoFooterV2 .dyco-footer-container{
  padding:0 0 30px!important;
}


/* بطاقة التواصل الفاتحة */

#dycoFooterV2 .dyco-footer-cta{
  position:relative!important;
  overflow:hidden!important;
  margin-bottom:6px!important;
  padding:32px clamp(25px,4vw,50px)!important;
  transform:translateY(-34px)!important;

  background:
    linear-gradient(
      120deg,
      rgba(255,255,255,.99),
      rgba(247,249,255,.96)
    )!important;

  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:24px!important;

  box-shadow:
    0 24px 55px rgba(5,10,34,.24),
    inset 0 1px 0 #fff!important;

  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

#dycoFooterV2 .dyco-footer-cta::after{
  content:"";
  position:absolute!important;
  right:-65px!important;
  bottom:-105px!important;
  width:250px!important;
  height:250px!important;
  border-radius:50%!important;
  background:
    radial-gradient(
      circle,
      rgba(241,90,36,.15),
      transparent 68%
    )!important;
  pointer-events:none!important;
}

#dycoFooterV2 .dyco-footer-cta-text,
#dycoFooterV2 .dyco-footer-cta-actions{
  position:relative!important;
  z-index:1!important;
}

#dycoFooterV2 .dyco-footer-cta-text span{
  color:var(--footer-orange)!important;
}

#dycoFooterV2 .dyco-footer-cta-text h2{
  color:#182158!important;
  letter-spacing:-.02em!important;
}

#dycoFooterV2 .dyco-footer-cta-text p{
  max-width:670px!important;
  color:#606b85!important;
}

#dycoFooterV2 .dyco-footer-btn-secondary{
  color:#28317f!important;
  background:#fff!important;
  border-color:rgba(40,49,127,.17)!important;
  box-shadow:0 9px 22px rgba(40,49,127,.09)!important;
}

#dycoFooterV2 .dyco-footer-btn-secondary:hover{
  color:#fff!important;
  background:#28317f!important;
  border-color:#28317f!important;
}


/* محتوى الفوتر */

#dycoFooterV2 .dyco-footer-grid{
  padding:28px 8px 4px!important;
}

#dycoFooterV2 .dyco-footer-logo{
  width:148px!important;
  height:60px!important;
  padding:9px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;

  background:#fff!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:15px!important;
  box-shadow:0 14px 30px rgba(4,9,31,.22)!important;
}

#dycoFooterV2 .dyco-footer-logo img{
  display:block!important;
  width:auto!important;
  max-width:118px!important;
  max-height:41px!important;
  object-fit:contain!important;
}

#dycoFooterV2 .dyco-footer-reg{
  background:rgba(255,255,255,.065)!important;
}

#dycoFooterV2 .dyco-footer-social a,
#dycoFooterV2 .dyco-footer-contact-icon{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

#dycoFooterV2 .dyco-footer-bottom{
  margin-top:38px!important;
  padding-inline:8px!important;
}

#dycoFooterV2 a:focus-visible{
  outline:3px solid rgba(241,90,36,.48)!important;
  outline-offset:3px!important;
}


@media(max-width:1000px){
  #dycoFooterV2 .dyco-footer-cta{
    gap:19px!important;
  }

  #dycoFooterV2 .dyco-footer-cta-actions{
    width:100%!important;
    flex-wrap:wrap!important;
  }
}


@media(max-width:640px){
  html body #dycoFooterV2{
    margin-top:60px!important;
  }

  #dycoFooterV2 .dyco-footer-container{
    width:calc(100% - 20px)!important;
    padding:0 0 24px!important;
  }

  #dycoFooterV2 .dyco-footer-cta{
    margin-bottom:0!important;
    padding:25px 20px!important;
    transform:translateY(-23px)!important;
    border-radius:20px!important;
  }

  #dycoFooterV2 .dyco-footer-cta-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #dycoFooterV2 .dyco-footer-grid{
    gap:33px!important;
    padding:19px 5px 0!important;
  }

  #dycoFooterV2 .dyco-footer-bottom{
    margin-top:33px!important;
    padding-inline:5px!important;
  }
}


/* =========================================================
   02 — الخلفية العامة
========================================================= */

body,
main,
#app,
.app,
.main-content{
  background:var(--dyco-bg)!important;
}


/* =========================================================
   03 — هيدر سلة الأساسي
   يعمل كتصميم احتياطي عند تعطيل الهيدر التجريبي
========================================================= */

/* الشريط العلوي */
.top-navbar,
.top-header,
.header-top,
.announcement-bar{
  color:#fff!important;
  font-weight:700!important;
  background:
    linear-gradient(
      90deg,
      var(--dyco-orange),
      var(--dyco-orange-light)
    )!important;
}

/* جسم الهيدر */
header,
.navbar,
.site-header,
.main-nav-container{
  min-height:88px!important;
  background:#fff!important;
  border-bottom:1px solid var(--dyco-border)!important;
  box-shadow:0 8px 25px rgba(40,49,127,.08)!important;
}

/* حاوية الشعار */
.navbar-brand,
.store-logo,
.header-logo,
.logo{
  overflow:visible!important;
}

/* صورة الشعار */
.navbar-brand img,
.store-logo img,
.header-logo img,
.logo img{
  width:auto!important;
  max-height:70px!important;
  transform:scale(1.4)!important;
  transform-origin:center!important;
}

/* روابط القائمة */
.main-menu a,
.navbar a,
.header a,
.s-menu-item a{
  color:var(--dyco-dark)!important;
  font-weight:700!important;
  transition:color .25s ease!important;
}

.main-menu a:hover,
.navbar a:hover,
.header a:hover,
.s-menu-item a:hover{
  color:var(--dyco-orange)!important;
}

/* البحث */
input[type="search"],
.search-input,
.search-form input,
.s-search-input{
  height:42px!important;
  color:var(--dyco-dark)!important;
  background:#f1f3f8!important;
  border:1px solid rgba(40,49,127,.12)!important;
  border-radius:999px!important;
  outline:none!important;
}


/* =========================================================
   04 — السلايدر العلوي
========================================================= */

.main-slider,
.s-slider-block,
.s-block--slider,
section[class*="slider"],
section[class*="banner"]{
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
  border-radius:0 0 30px 30px!important;
}

/* إزالة التظليل */
.main-slider::before,
.main-slider::after,
.s-slider-block::before,
.s-slider-block::after,
.s-block--slider::before,
.s-block--slider::after,
section[class*="slider"]::before,
section[class*="slider"]::after,
section[class*="banner"]::before,
section[class*="banner"]::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* الصور الأصلية دون فلتر */
.main-slider img,
.s-slider-block img,
.s-block--slider img,
section[class*="slider"] img,
section[class*="banner"] img{
  opacity:1!important;
  filter:none!important;
}

/* أزرار التنقل */
.swiper-button-next,
.swiper-button-prev,
.s-slider-next,
.s-slider-prev{
  width:44px!important;
  height:44px!important;
  color:#fff!important;
  background:var(--dyco-orange)!important;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(241,90,36,.32)!important;
}


/* =========================================================
   05 — بطاقات سلة العامة
========================================================= */

.s-block--features__item,
.feature-item,
.category-item,
.s-card,
.s-product-card-entry{
  background:#fff!important;
  border:1px solid var(--dyco-border)!important;
  border-radius:22px!important;
  box-shadow:0 12px 30px rgba(17,24,39,.06)!important;
  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease!important;
}

.s-block--features__item:hover,
.feature-item:hover,
.category-item:hover,
.s-card:hover,
.s-product-card-entry:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(241,90,36,.25)!important;
  box-shadow:0 18px 38px rgba(40,49,127,.14)!important;
}


/* =========================================================
   قواعد مشتركة لعناوين أقسام DYCO
========================================================= */

.dyco-trust-head,
.dyco-filter-head,
.dyco-testimonials-head{
  text-align:center!important;
}

.dyco-trust-head span,
.dyco-filter-head span,
.dyco-testimonials-head span{
  display:inline-block;
  margin-bottom:16px;
  padding:8px 18px;
  color:var(--dyco-orange);
  background:rgba(241,90,36,.12);
  border:1px solid rgba(241,90,36,.28);
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  letter-spacing:1px;
}

.dyco-trust-head h2,
.dyco-filter-head h2,
.dyco-testimonials-head h2{
  margin-bottom:12px;
  color:var(--dyco-blue);
  font-size:clamp(30px,4vw,48px);
  font-weight:900;
  line-height:1.2;
}

.dyco-trust-head p,
.dyco-testimonials-head p{
  max-width:780px;
  margin:auto;
  color:var(--dyco-text);
  font-size:17px;
  line-height:1.8;
}


/* =========================================================
   06 — بلوك اختيار الرشاش المناسب
========================================================= */

.dyco-sprinkler-guide{
  position:relative!important;
  overflow:hidden!important;
  max-width:1180px!important;
  margin:45px auto!important;
  padding:55px 25px!important;
  color:#fff!important;

  background:
    radial-gradient(
      circle at top left,
      rgba(241,90,36,.35),
      transparent 35%
    ),
    linear-gradient(
      135deg,
      rgba(40,49,127,.96),
      rgba(17,24,39,.96)
    )!important;

  border-radius:32px!important;
  box-shadow:0 25px 60px rgba(40,49,127,.22)!important;
}

.dyco-sprinkler-guide::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;

  background:
    linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.08),
      transparent
    );

  transform:translateX(-100%);
  animation:dycoShine 5s infinite;
}

.dyco-guide-content{
  position:relative;
  z-index:2;
  text-align:center;
}

.dyco-badge{
  display:inline-block;
  margin-bottom:16px;
  padding:8px 18px;
  color:#ffb18f;
  background:rgba(241,90,36,.18);
  border:1px solid rgba(241,90,36,.45);
  border-radius:999px;
  font-weight:800;
}

.dyco-guide-content h2{
  margin-bottom:14px;
  font-size:clamp(28px,4vw,48px);
  font-weight:900;
}

.dyco-guide-content > p{
  max-width:760px;
  margin:0 auto 32px;
  color:rgba(255,255,255,.86);
  font-size:17px;
  line-height:1.9;
}

.dyco-guide-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-bottom:32px;
}

.dyco-guide-card{
  padding:26px 18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  transition:
    transform .3s ease,
    border-color .3s ease,
    background-color .3s ease;
}

.dyco-guide-card:hover{
  transform:translateY(-8px);
  background:rgba(255,255,255,.11);
  border-color:rgba(241,90,36,.55);
}

.dyco-icon{
  width:58px;
  height:58px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;
  background:var(--dyco-orange);
  border-radius:18px;

  font-size:26px;
  font-weight:900;
}

.dyco-guide-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:14px 30px;
  color:#fff!important;
  background:var(--dyco-orange);
  border-radius:999px;

  font-weight:900;
  text-decoration:none!important;

  transition:
    transform .3s ease,
    background-color .3s ease;
}

.dyco-guide-btn:hover{
  color:#fff!important;
  background:#ff6a2e;
  transform:translateY(-4px);
}


/* =========================================================
   07 — بلوك لماذا تختار DYCO
========================================================= */

.dyco-trust-block{
  max-width:1200px!important;
  margin:70px auto!important;
  padding:55px 24px!important;
  direction:ltr!important;
}

.dyco-trust-head{
  margin-bottom:42px!important;
}

.dyco-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}

.dyco-trust-card{
  position:relative;
  overflow:hidden;
  min-height:310px;
  padding:34px 24px;

  background:#fff;
  border:1px solid var(--dyco-border);
  border-radius:28px;
  box-shadow:var(--dyco-shadow);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.dyco-trust-card:hover{
  transform:translateY(-10px);
  border-color:rgba(241,90,36,.32);
  box-shadow:var(--dyco-shadow-hover);
}

.dyco-trust-line{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:5px;

  background:
    linear-gradient(
      90deg,
      var(--dyco-orange),
      var(--dyco-orange-light)
    );
}

.dyco-trust-icon{
  width:64px;
  height:64px;
  margin-bottom:22px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:rgba(40,49,127,.08);
  border-radius:20px;

  transition:
    transform .3s ease,
    background-color .3s ease;
}

.dyco-trust-icon svg{
  width:34px;
  height:34px;
  fill:var(--dyco-blue);

  transition:fill .3s ease;
}

.dyco-trust-card:hover .dyco-trust-icon{
  background:var(--dyco-orange);
  transform:rotate(-4deg) scale(1.06);
}

.dyco-trust-card:hover .dyco-trust-icon svg{
  fill:#fff;
}

.dyco-trust-card strong{
  display:block;
  margin-bottom:14px;
  color:var(--dyco-orange);
  font-size:42px;
  font-weight:900;
  line-height:1;
}

.dyco-trust-card h3{
  margin-bottom:12px;
  color:var(--dyco-blue);
  font-size:20px;
  font-weight:900;
}

.dyco-trust-card p{
  margin:0;
  color:var(--dyco-text);
  font-size:14px;
  line-height:1.7;
}


/* =========================================================
   08 — بلوك المعرض والخريطة
========================================================= */

.dyco-location-block{
  max-width:1200px!important;
  margin:70px auto!important;
  padding:24px!important;

  display:grid;
  grid-template-columns:.9fr 1.2fr;
  gap:28px;

  direction:ltr!important;
  background:#fff;
  border:1px solid var(--dyco-border);
  border-radius:32px;
  box-shadow:0 22px 55px rgba(17,24,39,.08);
}

.dyco-location-info{
  padding:36px 28px!important;
}

.dyco-location-info span{
  display:inline-block;
  margin-bottom:18px;
  padding:8px 18px;

  color:var(--dyco-orange);
  background:rgba(241,90,36,.12);
  border:1px solid rgba(241,90,36,.28);
  border-radius:999px;

  font-size:13px;
  font-weight:900;
  letter-spacing:1px;
}

.dyco-location-info h2{
  max-width:420px;
  margin:0 0 18px;

  color:var(--dyco-blue);
  font-size:clamp(34px,3.4vw,54px);
  font-weight:900;
  line-height:.95;
}

.dyco-location-info > p{
  max-width:470px;
  margin-bottom:26px;

  color:var(--dyco-text);
  font-size:16px;
  line-height:1.8;
}

.dyco-location-list{
  display:grid;
  gap:17px;
  margin-bottom:28px;
}

.dyco-location-list b{
  display:block;
  margin-bottom:5px;
  color:var(--dyco-blue);
  font-weight:900;
}

.dyco-location-list p{
  margin:0;
  color:#333;
  font-size:15px;
  line-height:1.6;
}

.dyco-location-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:15px 28px;
  color:#fff!important;
  background:var(--dyco-orange);
  border-radius:999px;
  box-shadow:0 14px 30px rgba(241,90,36,.28);

  font-weight:900;
  text-decoration:none!important;

  transition:
    transform .3s ease,
    background-color .3s ease;
}

.dyco-location-btn:hover{
  color:#fff!important;
  background:#ff6a2e;
  transform:translateY(-4px);
}

.dyco-location-map{
  min-height:430px;
  overflow:hidden;
  background:#f1f3f8;
  border-radius:24px;
}

.dyco-location-map iframe{
  width:100%;
  height:100%;
  min-height:430px;
  display:block;
  border:0;
}


/* =========================================================
   09 — فلتر البحث عن الرشاشات
========================================================= */

.dyco-sprinkler-filter{
  max-width:1200px!important;
  margin:70px auto!important;
  padding:55px 28px!important;

  text-align:center!important;

  background:
    radial-gradient(
      circle at top right,
      rgba(241,90,36,.12),
      transparent 35%
    ),
    #fff!important;

  border:1px solid var(--dyco-border)!important;
  border-radius:32px!important;
  box-shadow:0 22px 55px rgba(17,24,39,.08)!important;
}

.dyco-filter-head p{
  margin-bottom:34px;
  color:var(--dyco-text);
  font-size:17px;
}

.dyco-filter-box{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:14px;
}

.dyco-filter-box select,
.dyco-filter-box button{
  height:52px;
  border-radius:16px;
  font-weight:800;
}

.dyco-filter-box select{
  padding:0 14px;
  color:var(--dyco-blue);
  background:#f6f7fb;
  border:1px solid rgba(40,49,127,.12);
  outline:none;

  transition:
    border-color .25s ease,
    box-shadow .25s ease;
}

.dyco-filter-box select:focus{
  border-color:var(--dyco-orange);
  box-shadow:0 0 0 4px rgba(241,90,36,.12);
}

.dyco-filter-box button{
  color:#fff;
  background:var(--dyco-orange);
  border:0;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(241,90,36,.28);

  transition:
    transform .3s ease,
    background-color .3s ease;
}

.dyco-filter-box button:hover{
  background:#ff6a2e;
  transform:translateY(-3px);
}


/* =========================================================
   10 — آراء العملاء
========================================================= */

.dyco-testimonials{
  max-width:1200px!important;
  margin:70px auto!important;
  padding:55px 24px!important;
  direction:ltr!important;
}

.dyco-testimonials-head{
  margin-bottom:42px!important;
}

.dyco-testimonials-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:20px;
}

.dyco-review-card{
  position:relative;
  overflow:hidden;
  min-height:285px;
  padding:28px 22px;

  background:#fff;
  border:1px solid var(--dyco-border);
  border-radius:28px;
  box-shadow:var(--dyco-shadow);

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}

.dyco-review-card::before{
  content:"”";
  position:absolute;
  top:-20px;
  left:18px;

  color:rgba(241,90,36,.08);
  font-size:120px;
  font-weight:900;
  line-height:1;
}

.dyco-review-card:hover{
  transform:translateY(-9px);
  border-color:rgba(241,90,36,.32);
  box-shadow:var(--dyco-shadow-hover);
}

.dyco-review-stars{
  margin-bottom:18px;
  direction:ltr;
  text-align:right;

  color:var(--dyco-orange);
  font-size:17px;
  letter-spacing:2px;
}

.dyco-review-card p{
  min-height:84px;
  margin-bottom:24px;
  color:#444;
  font-size:15px;
  line-height:1.9;
}

.dyco-review-author{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
}

.dyco-review-avatar{
  width:46px;
  height:46px;
  min-width:46px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;
  background:
    linear-gradient(
      135deg,
      var(--dyco-blue),
      var(--dyco-orange)
    );

  border-radius:50%;
  font-size:19px;
  font-weight:900;
}

.dyco-review-author h3{
  margin:0 0 4px;
  color:var(--dyco-blue);
  font-size:15px;
  font-weight:900;
}

.dyco-review-author span{
  color:#777;
  font-size:12px;
}


/* =========================================================
   11 — الفوتر الاحترافي DYCO
========================================================= */

#dycoFooterV2{
  --footer-blue:#101743;
  --footer-blue-light:#28317f;
  --footer-orange:#f15a24;
  --footer-text:#d8dced;
  --footer-muted:#9fa7c5;

  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  margin-top:70px!important;

  direction:ltr!important;
  color:#fff!important;

  background:
    radial-gradient(
      circle at 10% 0,
      rgba(241,90,36,.18),
      transparent 27%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(40,49,127,.45),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #0d133a 0%,
      #111a4b 48%,
      #0a102f 100%
    )!important;
}

#dycoFooterV2::before{
  content:"";
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:4px!important;

  background:
    linear-gradient(
      90deg,
      var(--footer-orange),
      #ff8a00,
      var(--footer-blue-light)
    )!important;
}

.dyco-footer-container{
  width:min(1220px,calc(100% - 40px))!important;
  margin:0 auto!important;
  padding:66px 0 34px!important;
}


/* 11.1 — دعوة التواصل أعلى الفوتر */

.dyco-footer-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:25px!important;

  margin-bottom:52px!important;
  padding:27px 30px!important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.105),
      rgba(255,255,255,.045)
    )!important;

  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;

  box-shadow:
    0 20px 50px rgba(0,0,0,.17),
    inset 0 1px 0 rgba(255,255,255,.12)!important;

  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}

.dyco-footer-cta-text{
  text-align:left!important;
}

.dyco-footer-cta-text span{
  display:block!important;
  margin-bottom:7px!important;

  color:#ffb28f!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:1.4px!important;
  text-transform:uppercase!important;
}

.dyco-footer-cta-text h2{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:clamp(23px,3vw,35px)!important;
  font-weight:900!important;
  line-height:1.25!important;
}

.dyco-footer-cta-text p{
  margin:0!important;
  color:var(--footer-muted)!important;
  font-size:14px!important;
  line-height:1.75!important;
}

.dyco-footer-cta-actions{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-shrink:0!important;
}


/* 11.2 — أزرار الفوتر */

.dyco-footer-btn{
  min-height:48px!important;
  padding:0 21px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;

  color:#fff!important;
  border-radius:999px!important;

  font-size:14px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;

  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease!important;
}

.dyco-footer-btn svg{
  width:20px!important;
  height:20px!important;
  fill:currentColor!important;
}

.dyco-footer-btn-primary{
  background:var(--footer-orange)!important;
  box-shadow:0 14px 30px rgba(241,90,36,.3)!important;
}

.dyco-footer-btn-primary:hover{
  color:#fff!important;
  background:#ff6a2e!important;
  transform:translateY(-3px)!important;
  box-shadow:0 19px 38px rgba(241,90,36,.39)!important;
}

.dyco-footer-btn-secondary{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.2)!important;
}

.dyco-footer-btn-secondary:hover{
  color:#fff!important;
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.38)!important;
  transform:translateY(-3px)!important;
}


/* 11.3 — أعمدة الفوتر */

.dyco-footer-grid{
  display:grid!important;
  grid-template-columns:1.35fr .8fr .9fr 1.1fr!important;
  gap:40px!important;
}

.dyco-footer-column{
  min-width:0!important;
  text-align:left!important;
}

.dyco-footer-brand{
  max-width:340px!important;
}

.dyco-footer-logo{
  display:inline-flex!important;
  align-items:center!important;
  margin-bottom:20px!important;

  color:#fff!important;
  font-size:34px!important;
  font-weight:950!important;
  letter-spacing:1px!important;
  line-height:1!important;
}

.dyco-footer-logo strong{
  color:var(--footer-orange)!important;
}

.dyco-footer-description{
  margin:0 0 23px!important;
  color:var(--footer-text)!important;
  font-size:14px!important;
  line-height:1.9!important;
}

.dyco-footer-reg{
  padding:14px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;

  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:15px!important;
}

.dyco-footer-reg span{
  color:var(--footer-muted)!important;
  font-size:11px!important;
  line-height:1.5!important;
}

.dyco-footer-reg strong{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.5!important;
  word-break:break-all!important;
}


/* 11.4 — عناوين وروابط الفوتر */

.dyco-footer-title{
  position:relative!important;
  margin:0 0 22px!important;
  padding-bottom:13px!important;

  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
}

.dyco-footer-title::after{
  content:"";
  position:absolute!important;
  left:0!important;
  bottom:0!important;

  width:38px!important;
  height:3px!important;

  background:var(--footer-orange)!important;
  border-radius:999px!important;
}

.dyco-footer-links{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  gap:13px!important;
  list-style:none!important;
}

.dyco-footer-links li{
  margin:0!important;
  padding:0!important;
}

.dyco-footer-links a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;

  color:var(--footer-text)!important;
  font-size:14px!important;
  line-height:1.6!important;
  text-decoration:none!important;

  transition:
    color .23s ease,
    transform .23s ease!important;
}

.dyco-footer-links a::before{
  content:"";
  width:5px!important;
  height:5px!important;
  background:rgba(241,90,36,.72)!important;
  border-radius:50%!important;
  transition:transform .23s ease!important;
}

.dyco-footer-links a:hover{
  color:#fff!important;
  transform:translateX(5px)!important;
}

.dyco-footer-links a:hover::before{
  transform:scale(1.6)!important;
}


/* 11.5 — بيانات التواصل */

.dyco-footer-contact-list{
  display:grid!important;
  gap:14px!important;
}

.dyco-footer-contact-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;

  color:var(--footer-text)!important;
  text-decoration:none!important;
}

.dyco-footer-contact-icon{
  width:39px!important;
  height:39px!important;
  min-width:39px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#fff!important;
  background:rgba(241,90,36,.13)!important;
  border:1px solid rgba(241,90,36,.22)!important;
  border-radius:12px!important;

  transition:
    transform .23s ease,
    background-color .23s ease,
    border-color .23s ease!important;
}

.dyco-footer-contact-icon svg{
  width:19px!important;
  height:19px!important;
  fill:currentColor!important;
}

.dyco-footer-contact-copy{
  min-width:0!important;
  padding-top:1px!important;

  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

.dyco-footer-contact-copy small{
  color:var(--footer-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
}

.dyco-footer-contact-copy strong{
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
}

.dyco-footer-contact-item:hover
.dyco-footer-contact-icon{
  color:#fff!important;
  background:var(--footer-orange)!important;
  border-color:var(--footer-orange)!important;
  transform:translateY(-2px)!important;
}


/* 11.6 — منصات التواصل */

.dyco-footer-social{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:24px!important;
}

.dyco-footer-social a{
  width:41px!important;
  height:41px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:13px!important;

  text-decoration:none!important;

  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease!important;
}

.dyco-footer-social svg{
  width:19px!important;
  height:19px!important;
  fill:currentColor!important;
}

.dyco-footer-social a:hover{
  color:#fff!important;
  background:var(--footer-orange)!important;
  border-color:var(--footer-orange)!important;

  transform:translateY(-4px) rotate(-3deg)!important;
  box-shadow:0 12px 25px rgba(241,90,36,.27)!important;
}


/* 11.7 — الشريط السفلي */

.dyco-footer-bottom{
  margin-top:45px!important;
  padding-top:23px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;

  border-top:1px solid rgba(255,255,255,.1)!important;
}

.dyco-footer-copyright{
  margin:0!important;
  color:var(--footer-muted)!important;
  font-size:12px!important;
  line-height:1.7!important;
}

.dyco-footer-copyright strong{
  color:#fff!important;
}

.dyco-footer-mini-links{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:17px!important;
}

.dyco-footer-mini-links a{
  color:var(--footer-muted)!important;
  font-size:12px!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}

.dyco-footer-mini-links a:hover{
  color:#fff!important;
}


/* =========================================================
   12 — إخفاء فوتر سلة الأصلي
========================================================= */

.dyco-default-footer-hidden,
.dyco-hide-salla-footer{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
}


/* =========================================================
   13 — الهيدر التجريبي X1
   يعمل فقط عند تفعيل HEADER_EXPERIMENT_ENABLED في JavaScript
========================================================= */

.dyco-header-x1{
  position:sticky!important;
  top:0!important;
  z-index:9998!important;

  padding:10px 14px 0!important;

  background:rgba(246,247,251,.94)!important;
  box-shadow:none!important;
  overflow:visible!important;

  -webkit-backdrop-filter:blur(15px)!important;
  backdrop-filter:blur(15px)!important;

  transition:
    padding .3s ease,
    background-color .3s ease!important;
}


/* 13.1 — الشريط العلوي */

.dyco-header-x1 .dyco-utility-x1{
  position:relative!important;
  overflow:visible!important;

  min-height:66px!important;
  padding-top:9px!important;
  padding-bottom:9px!important;

  color:#fff!important;

  background:
    radial-gradient(
      circle at 15% 0,
      rgba(241,90,36,.25),
      transparent 28%
    ),
    linear-gradient(
      115deg,
      #11183f 0%,
      #1b245c 55%,
      #28317f 100%
    )!important;

  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:22px 22px 0 0!important;

  box-shadow:
    0 15px 35px rgba(17,24,39,.14),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.dyco-header-x1 .dyco-utility-x1::after{
  content:"";
  position:absolute!important;
  right:22px!important;
  bottom:-2px!important;
  left:22px!important;
  z-index:3!important;

  height:4px!important;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--dyco-orange) 20%,
      var(--dyco-orange-light) 50%,
      var(--dyco-orange) 80%,
      transparent
    )!important;

  border-radius:999px!important;
  pointer-events:none!important;
}

.dyco-header-x1 .dyco-utility-x1 a{
  color:#fff!important;
  font-weight:800!important;
  text-decoration:none!important;

  transition:
    color .22s ease,
    opacity .22s ease!important;
}

.dyco-header-x1 .dyco-utility-x1 a:hover{
  color:#ffb08e!important;
}


/* 13.2 — بحث الهيدر */

.dyco-header-x1 .dyco-search-x1{
  height:46px!important;
  min-height:46px!important;
  padding-inline:20px!important;

  color:var(--dyco-dark)!important;
  background:rgba(255,255,255,.97)!important;

  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:999px!important;
  outline:none!important;

  box-shadow:
    0 9px 25px rgba(0,0,0,.15),
    inset 0 1px 2px rgba(17,24,39,.04)!important;

  transition:
    border-color .25s ease,
    background-color .25s ease,
    box-shadow .25s ease!important;
}

.dyco-header-x1 .dyco-search-x1:hover{
  background:#fff!important;
  border-color:rgba(241,90,36,.45)!important;
}

.dyco-header-x1 .dyco-search-x1:focus{
  background:#fff!important;
  border-color:var(--dyco-orange)!important;

  box-shadow:
    0 0 0 4px rgba(241,90,36,.17),
    0 10px 28px rgba(0,0,0,.16)!important;
}


/* 13.3 — شريط القائمة الأبيض */

.dyco-header-x1 .dyco-mainnav-x1{
  position:relative!important;
  overflow:visible!important;

  min-height:96px!important;
  margin:0!important;
  padding-top:5px!important;
  padding-bottom:5px!important;

  background:rgba(255,255,255,.985)!important;

  border:1px solid rgba(40,49,127,.1)!important;
  border-top:0!important;
  border-radius:0 0 22px 22px!important;

  box-shadow:
    0 18px 40px rgba(17,24,39,.09),
    0 4px 12px rgba(40,49,127,.04)!important;

  transition:
    min-height .3s ease,
    background-color .3s ease,
    box-shadow .3s ease!important;
}


/* 13.4 — شعار الهيدر */

.dyco-header-x1 .dyco-logo-x1{
  width:auto!important;
  max-width:128px!important;
  max-height:72px!important;

  object-fit:contain!important;
  transform:scale(1.36)!important;
  transform-origin:center!important;

  filter:
    drop-shadow(
      0 7px 12px rgba(40,49,127,.1)
    )!important;

  transition:
    transform .3s ease,
    filter .3s ease!important;
}

.dyco-header-x1 .dyco-logo-x1:hover{
  transform:scale(1.44)!important;

  filter:
    drop-shadow(
      0 9px 16px rgba(40,49,127,.2)
    )!important;
}


/* 13.5 — روابط القائمة */

.dyco-header-x1 .dyco-navlink-x1{
  position:relative!important;
  padding:12px 11px!important;

  color:var(--dyco-dark)!important;
  background:transparent!important;
  border-radius:12px!important;

  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-decoration:none!important;
  white-space:nowrap!important;

  transition:
    color .22s ease,
    background-color .22s ease,
    transform .22s ease!important;
}

.dyco-header-x1 .dyco-navlink-x1::after{
  content:"";
  position:absolute!important;
  right:19%!important;
  bottom:5px!important;

  width:62%!important;
  height:3px!important;

  background:
    linear-gradient(
      90deg,
      var(--dyco-orange),
      var(--dyco-orange-light)
    )!important;

  border-radius:999px!important;
  transform:scaleX(0)!important;
  pointer-events:none!important;

  transition:transform .22s ease!important;
}

.dyco-header-x1 .dyco-navlink-x1:hover{
  color:var(--dyco-orange)!important;
  background:rgba(241,90,36,.065)!important;
  transform:translateY(-2px)!important;
}

.dyco-header-x1 .dyco-navlink-x1:hover::after{
  transform:scaleX(1)!important;
}


/* 13.6 — الحساب والسلة */

.dyco-header-x1 .dyco-action-x1{
  background:#fff!important;
  border:1px solid rgba(40,49,127,.12)!important;
  border-radius:16px!important;
  box-shadow:0 8px 20px rgba(17,24,39,.06)!important;

  transition:
    color .22s ease,
    background-color .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease!important;
}

.dyco-header-x1 .dyco-action-x1:hover{
  color:#fff!important;
  background:var(--dyco-blue)!important;
  border-color:var(--dyco-blue)!important;

  transform:translateY(-3px)!important;
  box-shadow:0 13px 28px rgba(40,49,127,.24)!important;
}

.dyco-header-x1 .s-cart-summary-count,
.dyco-header-x1 .cart-count{
  color:#fff!important;
  background:var(--dyco-orange)!important;
  border:2px solid #fff!important;
  box-shadow:0 5px 12px rgba(241,90,36,.3)!important;
}


/* 13.7 — زر طلب عرض السعر */

.dyco-header-quote-x1{
  min-height:44px!important;
  margin-inline:8px!important;
  padding:0 19px!important;

  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;

  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      var(--dyco-orange),
      #ff7a00
    )!important;

  border:0!important;
  border-radius:999px!important;
  box-shadow:0 12px 26px rgba(241,90,36,.3)!important;

  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;

  transition:
    transform .25s ease,
    box-shadow .25s ease!important;
}

.dyco-header-quote-x1 svg{
  width:18px!important;
  height:18px!important;
  fill:currentColor!important;
}

.dyco-header-quote-x1:hover{
  color:#fff!important;
  transform:translateY(-3px)!important;
  box-shadow:0 17px 34px rgba(241,90,36,.42)!important;
}


/* 13.8 — القوائم المنسدلة
   لا يتم تغيير display أو visibility أو opacity
*/

.dyco-header-x1 .dropdown-menu,
.dyco-header-x1 .sub-menu,
.dyco-header-x1 .menu-item-has-children > ul,
.dyco-header-x1 .s-menu-item ul{
  min-width:225px!important;
  padding:10px!important;

  background:rgba(255,255,255,.99)!important;

  border:1px solid rgba(40,49,127,.1)!important;
  border-top:4px solid var(--dyco-orange)!important;
  border-radius:17px!important;

  box-shadow:
    0 25px 55px rgba(17,24,39,.17),
    0 5px 15px rgba(40,49,127,.06)!important;

  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;

  z-index:99999!important;
}

.dyco-header-x1 .dropdown-menu a,
.dyco-header-x1 .sub-menu a,
.dyco-header-x1 .menu-item-has-children > ul a,
.dyco-header-x1 .s-menu-item ul a{
  min-height:41px!important;
  margin:2px 0!important;
  padding:10px 13px!important;

  display:flex!important;
  align-items:center!important;

  color:var(--dyco-dark)!important;
  background:transparent!important;
  border-radius:10px!important;

  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;

  transition:
    color .2s ease,
    background-color .2s ease,
    padding .2s ease!important;
}

.dyco-header-x1 .dropdown-menu a:hover,
.dyco-header-x1 .sub-menu a:hover,
.dyco-header-x1 .menu-item-has-children > ul a:hover,
.dyco-header-x1 .s-menu-item ul a:hover{
  color:var(--dyco-orange)!important;
  background:rgba(241,90,36,.085)!important;
  padding-inline-start:18px!important;
}


/* 13.9 — الهيدر عند النزول */

.dyco-header-x1.dyco-header-scrolled-x1{
  padding-top:5px!important;
  background:rgba(246,247,251,.88)!important;
}

.dyco-header-x1.dyco-header-scrolled-x1
.dyco-mainnav-x1{
  min-height:78px!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 18px 45px rgba(17,24,39,.14)!important;
}

.dyco-header-x1.dyco-header-scrolled-x1
.dyco-logo-x1{
  transform:scale(1.18)!important;
}


/* =========================================================
   14 — الحركات
========================================================= */

@keyframes dycoShine{
  0%{
    transform:translateX(-100%);
  }

  45%,
  100%{
    transform:translateX(100%);
  }
}


/* =========================================================
   15 — التجاوب مع الأجهزة
========================================================= */

/* شاشات أقل من 1100px */
@media(max-width:1100px){

  .dyco-testimonials-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .dyco-header-x1{
    padding-inline:8px!important;
  }

  .dyco-header-x1 .dyco-logo-x1{
    max-width:105px!important;
    max-height:62px!important;
    transform:scale(1.22)!important;
  }

  .dyco-header-x1 .dyco-navlink-x1{
    padding-inline:7px!important;
    font-size:12px!important;
  }

  .dyco-header-quote-x1{
    margin-inline:4px!important;
    padding-inline:13px!important;
  }
}


/* شاشات أقل من 1000px */
@media(max-width:1000px){

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

  .dyco-footer-cta{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}


/* شاشات أقل من 900px */
@media(max-width:900px){

  .dyco-trust-grid,
  .dyco-filter-box{
    grid-template-columns:repeat(2,1fr);
  }
}


/* شاشات أقل من 768px */
@media(max-width:768px){

  /* الهيدر الأساسي */
  header,
  .navbar,
  .site-header,
  .main-nav-container{
    min-height:76px!important;
  }

  .navbar-brand img,
  .store-logo img,
  .header-logo img,
  .logo img{
    max-height:54px!important;
    transform:scale(1.15)!important;
  }

  /* بلوك اختيار الرشاش */
  .dyco-guide-cards{
    grid-template-columns:1fr;
  }

  .dyco-sprinkler-guide{
    margin:28px 12px!important;
    padding:38px 18px!important;
  }

  /* الموقع */
  .dyco-location-block{
    grid-template-columns:1fr;
    margin:35px 12px!important;
    padding:16px!important;
  }

  .dyco-location-info{
    padding:26px 14px!important;
  }

  .dyco-location-info h2{
    font-size:38px;
    line-height:1;
  }

  .dyco-location-map,
  .dyco-location-map iframe{
    min-height:320px;
  }

  /* آراء العملاء */
  .dyco-testimonials{
    margin:35px 12px!important;
    padding:38px 0!important;
  }

  .dyco-testimonials-grid{
    grid-template-columns:1fr;
  }

  /* الهيدر التجريبي */
  .dyco-header-x1{
    position:relative!important;
    top:auto!important;
    padding:5px 6px 0!important;
  }

  .dyco-header-x1 .dyco-utility-x1{
    min-height:56px!important;
    border-radius:16px 16px 0 0!important;
  }

  .dyco-header-x1 .dyco-mainnav-x1{
    min-height:73px!important;
    border-radius:0 0 16px 16px!important;
  }

  .dyco-header-x1 .dyco-logo-x1{
    max-width:85px!important;
    max-height:50px!important;
    transform:scale(1.1)!important;
  }

  .dyco-header-x1 .dyco-search-x1{
    height:42px!important;
    min-height:42px!important;
  }

  .dyco-header-quote-x1{
    display:none!important;
  }
}


/* شاشات أقل من 640px */
@media(max-width:640px){

  #dycoFooterV2{
    margin-top:45px!important;
  }

  .dyco-footer-container{
    width:calc(100% - 28px)!important;
    padding:46px 0 25px!important;
  }

  .dyco-footer-cta{
    margin-bottom:42px!important;
    padding:23px 19px!important;
    border-radius:20px!important;
  }

  .dyco-footer-cta-actions{
    width:100%!important;
    flex-direction:column!important;
  }

  .dyco-footer-btn{
    width:100%!important;
  }

  .dyco-footer-grid{
    grid-template-columns:1fr!important;
    gap:37px!important;
  }

  .dyco-footer-brand{
    max-width:none!important;
  }

  .dyco-footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .dyco-footer-mini-links{
    justify-content:flex-start!important;
  }
}


/* شاشات أقل من 600px */
@media(max-width:600px){

  .dyco-trust-grid,
  .dyco-filter-box{
    grid-template-columns:1fr;
  }

  .dyco-trust-block{
    margin:35px 12px!important;
    padding:38px 0!important;
  }
}


/* إلغاء الحركات لمن يفعّل تقليل الحركة */
@media(prefers-reduced-motion:reduce){

  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
  }

  #dycoFooterV2,
  #dycoFooterV2 *,
  .dyco-header-x1,
  .dyco-header-x1 *,
  .dyco-sprinkler-guide::before{
    animation:none!important;
    transition:none!important;
  }
}









/* =========================================================
   16 — السلايدر الرئيسي المستقل DYCO HERO V2
========================================================= */

.dyco-hero-v2{
  --hero-duration:6500ms;

  position:relative;
  overflow:hidden;

  width:min(1400px,calc(100% - 24px));
  min-height:620px;

  margin:18px auto 65px;

  direction:ltr;
  background:#0b1135;

  border:1px solid rgba(40,49,127,.1);
  border-radius:30px;

  box-shadow:
    0 28px 70px rgba(17,24,39,.18),
    0 7px 20px rgba(40,49,127,.08);
}


/* 16.1 — منطقة الشرائح */

.dyco-hero-v2__viewport{
  position:relative;
  min-height:620px;
}

.dyco-hero-v2__slide{
  position:absolute;
  inset:0;

  overflow:hidden;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transition:
    opacity .75s ease,
    visibility .75s ease;
}

.dyco-hero-v2__slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}


/* 16.2 — صور السلايدر */

.dyco-hero-v2__slide img{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  display:block;
  object-fit:cover;
  object-position:center;

  opacity:1;
  filter:none;

  transform:scale(1.02);
  transform-origin:center;

  will-change:transform;
}

.dyco-hero-v2__slide.is-active img{
  animation:
    dycoHeroV2Zoom
    var(--hero-duration)
    ease-out forwards;
}


/* 16.3 — التدرج الجانبي */

.dyco-hero-v2__overlay{
  position:absolute;
  inset:0;
  z-index:1;

  background:
    radial-gradient(
      circle at 12% 30%,
      rgba(241,90,36,.16),
      transparent 30%
    ),
    linear-gradient(
      90deg,
      rgba(8,13,43,.96) 0%,
      rgba(13,20,61,.88) 27%,
      rgba(13,20,61,.63) 48%,
      rgba(4,8,25,.16) 77%,
      rgba(4,8,25,.04) 100%
    );

  pointer-events:none;
}


/* 16.4 — محتوى الشريحة */

.dyco-hero-v2__content{
  position:absolute;
  top:50%;
  left:clamp(58px,7vw,105px);
  z-index:3;

  width:min(600px,calc(100% - 150px));

  color:#fff;
  text-align:left;

  transform:translateY(-50%);
}

.dyco-hero-v2__content::before{
  content:"";

  position:absolute;
  top:5px;
  left:-24px;

  width:5px;
  height:82px;

  background:
    linear-gradient(
      180deg,
      var(--dyco-orange),
      var(--dyco-orange-light)
    );

  border-radius:999px;

  box-shadow:
    0 8px 25px rgba(241,90,36,.42);
}


/* 16.5 — العنوان الصغير */

.dyco-hero-v2__kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;

  margin-bottom:18px;
  padding:9px 15px;

  color:#ffc0a4;
  background:rgba(241,90,36,.13);

  border:1px solid rgba(241,90,36,.35);
  border-radius:999px;

  font-size:11px;
  font-weight:900;
  letter-spacing:1.5px;
  line-height:1;
  text-transform:uppercase;

  -webkit-backdrop-filter:blur(9px);
  backdrop-filter:blur(9px);
}

.dyco-hero-v2__kicker::before{
  content:"";

  width:7px;
  height:7px;

  background:var(--dyco-orange);
  border-radius:50%;

  box-shadow:
    0 0 0 5px rgba(241,90,36,.14);
}


/* 16.6 — العنوان الرئيسي */

.dyco-hero-v2__content h1,
.dyco-hero-v2__content h2{
  max-width:600px;
  margin:0 0 19px;

  color:#fff;

  font-size:clamp(42px,5vw,68px);
  font-weight:950;
  line-height:1.02;
  letter-spacing:-1.7px;

  text-shadow:
    0 9px 30px rgba(0,0,0,.26);
}


/* 16.7 — وصف الشريحة */

.dyco-hero-v2__content p{
  max-width:555px;
  margin:0;

  color:rgba(255,255,255,.82);

  font-size:clamp(15px,1.4vw,18px);
  font-weight:500;
  line-height:1.85;

  text-shadow:
    0 4px 15px rgba(0,0,0,.2);
}


/* 16.8 — الأزرار */

.dyco-hero-v2__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;

  margin-top:27px;
}

.dyco-hero-v2__btn{
  min-height:51px;
  padding:0 24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:999px;

  font-size:14px;
  font-weight:900;
  line-height:1;
  text-decoration:none!important;
  white-space:nowrap;

  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.dyco-hero-v2__btn--primary{
  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      var(--dyco-orange),
      #ff7800
    );

  border:1px solid transparent;

  box-shadow:
    0 16px 34px rgba(241,90,36,.35);
}

.dyco-hero-v2__btn--primary:hover{
  color:#fff!important;
  transform:translateY(-4px);

  box-shadow:
    0 21px 42px rgba(241,90,36,.47);
}

.dyco-hero-v2__btn--secondary{
  color:#fff!important;

  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.26);

  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.dyco-hero-v2__btn--secondary:hover{
  color:#fff!important;

  background:rgba(255,255,255,.17);
  border-color:rgba(255,255,255,.45);

  transform:translateY(-4px);
}


/* 16.9 — مؤشرات الثقة */

.dyco-hero-v2__trust{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;

  margin-top:25px;
}

.dyco-hero-v2__trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;

  color:rgba(255,255,255,.72);

  font-size:12px;
  font-weight:700;
}

.dyco-hero-v2__trust span::before{
  content:"✓";

  width:20px;
  height:20px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  color:#fff;
  background:rgba(241,90,36,.84);

  border-radius:50%;

  font-size:11px;
  font-weight:900;
}


/* 16.10 — أسهم السلايدر */

.dyco-hero-v2__arrow{
  position:absolute;
  top:50%;
  z-index:7;

  width:50px;
  height:50px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  color:#fff;
  background:rgba(13,20,61,.64);

  border:1px solid rgba(255,255,255,.24);
  border-radius:16px;

  box-shadow:
    0 12px 30px rgba(0,0,0,.2);

  font-size:33px;
  font-weight:300;
  line-height:1;

  cursor:pointer;

  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);

  transform:translateY(-50%);

  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease;
}

.dyco-hero-v2__arrow:hover{
  color:#fff;
  background:var(--dyco-orange);
  border-color:var(--dyco-orange);

  transform:
    translateY(-50%)
    scale(1.08);
}

.dyco-hero-v2__arrow--prev{
  left:25px;
}

.dyco-hero-v2__arrow--next{
  right:25px;
}


/* 16.11 — النقاط وشريط التقدم */

.dyco-hero-v2__navigation{
  position:absolute;
  right:42px;
  bottom:28px;
  left:clamp(58px,7vw,105px);
  z-index:7;

  display:flex;
  align-items:center;
  gap:18px;
}

.dyco-hero-v2__dots{
  display:flex;
  align-items:center;
  gap:8px;
}

.dyco-hero-v2__dot{
  width:8px;
  height:8px;

  padding:0;

  background:rgba(255,255,255,.52);
  border:0;
  border-radius:999px;

  cursor:pointer;

  transition:
    width .25s ease,
    background-color .25s ease;
}

.dyco-hero-v2__dot.is-active{
  width:29px;
  background:var(--dyco-orange);
}

.dyco-hero-v2__progress{
  position:relative;
  overflow:hidden;

  width:150px;
  height:3px;

  background:rgba(255,255,255,.2);
  border-radius:999px;
}

.dyco-hero-v2__progress span{
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      var(--dyco-orange),
      var(--dyco-orange-light)
    );

  border-radius:inherit;

  transform:scaleX(0);
  transform-origin:left;
}

.dyco-hero-v2.is-running
.dyco-hero-v2__progress span{
  animation:
    dycoHeroV2Progress
    var(--hero-duration)
    linear forwards;
}


/* 16.12 — حركة ظهور النص */

.dyco-hero-v2__slide
.dyco-hero-v2__kicker,
.dyco-hero-v2__slide
.dyco-hero-v2__content h1,
.dyco-hero-v2__slide
.dyco-hero-v2__content h2,
.dyco-hero-v2__slide
.dyco-hero-v2__content p,
.dyco-hero-v2__slide
.dyco-hero-v2__actions,
.dyco-hero-v2__slide
.dyco-hero-v2__trust{
  opacity:0;
  transform:translateY(25px);
}

.dyco-hero-v2__slide.is-active
.dyco-hero-v2__kicker{
  animation:
    dycoHeroV2Reveal
    .65s .08s ease forwards;
}

.dyco-hero-v2__slide.is-active
.dyco-hero-v2__content h1,
.dyco-hero-v2__slide.is-active
.dyco-hero-v2__content h2{
  animation:
    dycoHeroV2Reveal
    .72s .17s ease forwards;
}

.dyco-hero-v2__slide.is-active
.dyco-hero-v2__content p{
  animation:
    dycoHeroV2Reveal
    .7s .28s ease forwards;
}

.dyco-hero-v2__slide.is-active
.dyco-hero-v2__actions{
  animation:
    dycoHeroV2Reveal
    .68s .38s ease forwards;
}

.dyco-hero-v2__slide.is-active
.dyco-hero-v2__trust{
  animation:
    dycoHeroV2Reveal
    .68s .48s ease forwards;
}


/* 16.13 — الحركات */

@keyframes dycoHeroV2Reveal{
  from{
    opacity:0;
    transform:translateY(25px);
  }

  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes dycoHeroV2Zoom{
  from{
    transform:scale(1.02);
  }

  to{
    transform:scale(1.075);
  }
}

@keyframes dycoHeroV2Progress{
  from{
    transform:scaleX(0);
  }

  to{
    transform:scaleX(1);
  }
}


/* 16.14 — التابلت */

@media(max-width:900px){

  .dyco-hero-v2{
    min-height:580px;
  }

  .dyco-hero-v2__viewport{
    min-height:580px;
  }

  .dyco-hero-v2__content{
    left:58px;
    width:calc(100% - 116px);
  }

  .dyco-hero-v2__navigation{
    left:58px;
  }

  .dyco-hero-v2__content h1,
  .dyco-hero-v2__content h2{
    font-size:clamp(38px,7vw,55px);
  }
}


/* 16.15 — الجوال */

@media(max-width:640px){

  .dyco-hero-v2{
    width:calc(100% - 16px);
    min-height:570px;

    margin-top:10px;

    border-radius:22px;
  }

  .dyco-hero-v2__viewport{
    min-height:570px;
  }

  .dyco-hero-v2__overlay{
    background:
      linear-gradient(
        180deg,
        rgba(8,13,43,.05) 0%,
        rgba(8,13,43,.28) 32%,
        rgba(8,13,43,.96) 78%,
        rgba(8,13,43,.99) 100%
      );
  }

  .dyco-hero-v2__content{
    top:auto;
    right:22px;
    bottom:80px;
    left:22px;

    width:auto;

    text-align:center;

    transform:none;
  }

  .dyco-hero-v2__content::before{
    top:-19px;
    left:50%;

    width:64px;
    height:4px;

    transform:translateX(-50%);
  }

  .dyco-hero-v2__content h1,
  .dyco-hero-v2__content h2{
    font-size:35px;
    line-height:1.07;
    letter-spacing:-.7px;
  }

  .dyco-hero-v2__content p{
    font-size:14px;
    line-height:1.65;
  }

  .dyco-hero-v2__actions{
    justify-content:center;
    gap:9px;
    margin-top:21px;
  }

  .dyco-hero-v2__btn{
    min-height:45px;
    padding:0 17px;
    font-size:12px;
  }

  .dyco-hero-v2__trust{
    display:none;
  }

  .dyco-hero-v2__arrow{
    width:41px;
    height:41px;

    border-radius:13px;
    font-size:27px;
  }

  .dyco-hero-v2__arrow--prev{
    left:11px;
  }

  .dyco-hero-v2__arrow--next{
    right:11px;
  }

  .dyco-hero-v2__navigation{
    right:70px;
    bottom:20px;
    left:70px;

    justify-content:center;
  }

  .dyco-hero-v2__progress{
    width:85px;
  }
}


/* 16.16 — تقليل الحركة */

@media(prefers-reduced-motion:reduce){

  .dyco-hero-v2 *,
  .dyco-hero-v2 *::before,
  .dyco-hero-v2 *::after{
    animation:none!important;
    transition:none!important;
  }

  .dyco-hero-v2__slide
  .dyco-hero-v2__kicker,
  .dyco-hero-v2__slide
  .dyco-hero-v2__content h1,
  .dyco-hero-v2__slide
  .dyco-hero-v2__content h2,
  .dyco-hero-v2__slide
  .dyco-hero-v2__content p,
  .dyco-hero-v2__slide
  .dyco-hero-v2__actions,
  .dyco-hero-v2__slide
  .dyco-hero-v2__trust{
    opacity:1;
    transform:none;
  }
}

/* =========================================================
   17 — DYCO THANK YOU + OFFICIAL DATASHEET CTA
   إضافة محصورة وآمنة — 2026-08-25
========================================================= */

@font-face{
  font-family:"DYCO Tajawal";
  src:url("https://cdn.salla.sa/themes/custom_fonts/216122200/1768207339.ttf") format("truetype");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

/* زر الداتا شيت الرسمي */
.dyco-datasheet-wrap{
  display:flex;
  justify-content:center;
  width:100%;
}

a.dyco-datasheet-button{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  max-width:100%;
  padding:12px 20px;
  border:1px solid #E65E25!important;
  border-radius:10px;
  background:#E65E25!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(230,94,37,.22);
  font-family:"DYCO Tajawal","Tajawal",sans-serif!important;
  font-size:14px;
  font-weight:700;
  line-height:1.45;
  text-align:center;
  text-decoration:none!important;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}

a.dyco-datasheet-button:hover{
  border-color:#cf4d18!important;
  background:#cf4d18!important;
  color:#fff!important;
  box-shadow:0 11px 24px rgba(230,94,37,.28);
  transform:translateY(-1px);
}

a.dyco-datasheet-button:focus-visible{
  outline:3px solid rgba(41,50,115,.3);
  outline-offset:3px;
}

a.dyco-datasheet-button:active{
  transform:translateY(0);
}

/* بطاقة تأكيد الطلب — لا تخفي أو تستبدل معلومات سلة */
.dyco-thankyou-shell{
  overflow:hidden;
  border:1px solid rgba(41,50,115,.12)!important;
  border-top:4px solid #E65E25!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(41,50,115,.08);
}

.dyco-thankyou-shell,
.dyco-thankyou-shell *{
  font-family:"DYCO Tajawal","Tajawal",sans-serif;
}

.dyco-thankyou-shell [data-testid="store-thankyou-title"]{
  color:#293273!important;
  font-size:clamp(22px,3vw,30px)!important;
  line-height:1.4!important;
}

.dyco-thankyou-message{
  direction:rtl;
  position:relative;
  max-width:680px;
  margin:0 auto 8px;
  padding:22px 24px;
  overflow:hidden;
  border:1px solid rgba(41,50,115,.12);
  border-inline-start:4px solid #E65E25;
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#f8f9fd 100%);
  color:#334155;
  text-align:right;
}

.dyco-thankyou-message p{
  margin:0;
  color:#475569;
  font-size:15px;
  line-height:1.9;
}

.dyco-thankyou-message p + p{
  margin-top:9px;
}

.dyco-thankyou-message strong{
  color:#293273;
  font-weight:800;
}

.dyco-thankyou-message__signature{
  margin-top:16px!important;
  padding-top:14px;
  border-top:1px solid rgba(41,50,115,.1);
  color:#293273!important;
  font-weight:800;
}

@media(max-width:640px){
  a.dyco-datasheet-button{
    width:100%;
    min-height:50px;
    padding:12px 14px;
    font-size:13px;
  }

  .dyco-thankyou-shell{
    border-radius:12px!important;
  }

  .dyco-thankyou-message{
    margin-inline:0;
    padding:18px 16px;
    border-radius:12px;
  }

  .dyco-thankyou-message p{
    font-size:14px;
    line-height:1.85;
  }
}