/*
 Steel Axis v1.088 — Steel Axis Visual Upgrade
 قفزة بصرية: صور منتجات نظيفة بدون كتابة + كروت أقوى + حركة خفيفة.
*/

:root{
  --v1088-blue:#00a8ff;
  --v1088-cyan:#8eeaff;
  --v1088-green:#25d366;
  --v1088-dark:#02070d;
  --v1088-panel:#061521;
}

/* عمق بصري عام */
html.sa-v1088-visual-upgrade body{
  background:
    radial-gradient(circle at 50% -12%,rgba(0,168,255,.23),transparent 30%),
    radial-gradient(circle at 12% 18%,rgba(37,211,102,.055),transparent 26%),
    linear-gradient(180deg,#061521 0%,#02070d 58%,#010409 100%)!important;
}

/* الهيدر أهدأ وأفخم */
html.sa-v1088-visual-upgrade .sa-topbar{
  box-shadow:
    0 22px 56px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.07),
    0 0 0 1px rgba(0,168,255,.08)!important;
}

html.sa-v1088-visual-upgrade .sa-brand img{
  filter:drop-shadow(0 0 18px rgba(0,168,255,.38))!important;
}

/* الهيرو الرئيسي أقوى */
html.sa-v1088-visual-upgrade .sa-home-hero{
  min-height:610px!important;
  background:
    linear-gradient(90deg,rgba(2,7,13,.96),rgba(2,7,13,.68) 48%,rgba(2,7,13,.35)),
    linear-gradient(180deg,rgba(2,7,13,.05),rgba(2,7,13,.78)),
    url('../assets/visual-v1088/warehouse-clean-v1088.webp') center/cover no-repeat!important;
  border-color:rgba(0,168,255,.32)!important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 60px rgba(0,168,255,.07)!important;
}

html.sa-v1088-visual-upgrade .sa-home-hero:after{
  content:""!important;
  position:absolute!important;
  inset:16px!important;
  pointer-events:none!important;
  border:1px solid rgba(142,234,255,.12)!important;
  clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 26px,100% calc(100% - 26px),calc(100% - 26px) 100%,26px 100%,0 calc(100% - 26px),0 26px)!important;
}

html.sa-v1088-visual-upgrade .sa-titlebox{
  max-width:1120px!important;
  padding:26px!important;
  animation:saV1088Rise .75s ease both!important;
}

html.sa-v1088-visual-upgrade .sa-titlebox h1{
  font-size:clamp(68px,10vw,170px)!important;
  letter-spacing:-.055em!important;
  text-shadow:
    0 1px 0 #d7eef8,
    0 16px 34px rgba(0,0,0,.72),
    0 0 42px rgba(0,168,255,.32)!important;
}

html.sa-v1088-visual-upgrade .sa-titlebox .line{
  width:max-content!important;
  max-width:100%!important;
  margin:18px auto 0!important;
  padding:10px 18px!important;
  background:linear-gradient(90deg,transparent,rgba(0,168,255,.17),transparent)!important;
  border-top:1px solid rgba(142,234,255,.18)!important;
  border-bottom:1px solid rgba(142,234,255,.13)!important;
}

/* الكروت الرئيسية: شكل premium */
html.sa-v1088-visual-upgrade .sa-maincards{
  max-width:1120px!important;
  gap:14px!important;
}

html.sa-v1088-visual-upgrade .sa-maincard{
  position:relative!important;
  min-height:112px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 0,rgba(142,234,255,.16),transparent 35%),
    linear-gradient(180deg,rgba(24,54,78,.92),rgba(4,14,24,.98))!important;
  border-color:rgba(142,234,255,.28)!important;
}

html.sa-v1088-visual-upgrade .sa-maincard:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 48%,transparent 54% 100%)!important;
  transform:translateX(70%)!important;
  transition:.55s ease!important;
}

html.sa-v1088-visual-upgrade .sa-maincard:hover:after{
  transform:translateX(-70%)!important;
}

html.sa-v1088-visual-upgrade .sa-maincard h3{
  font-size:24px!important;
}

/* أقسام المنتجات */
html.sa-v1088-visual-upgrade .sa-v1076-section,
html.sa-v1088-visual-upgrade .sa-products-section,
html.sa-v1088-visual-upgrade .sa-clean-section,
html.sa-v1088-visual-upgrade .sa-info-section,
html.sa-v1088-visual-upgrade .sa-public-section{
  border-color:rgba(0,168,255,.30)!important;
  background:
    radial-gradient(circle at 18% 0,rgba(0,168,255,.17),transparent 32%),
    radial-gradient(circle at 84% 100%,rgba(37,211,102,.055),transparent 30%),
    linear-gradient(180deg,rgba(18,40,58,.98),rgba(3,12,21,.99))!important;
}

/* كل صور المنتجات/الأقسام لا تحتوي كتابة داخل الصورة */
html.sa-v1088-visual-upgrade .sa-v1076-product,
html.sa-v1088-visual-upgrade .sa-product-card{
  min-height:210px!important;
  background:
    linear-gradient(180deg,rgba(2,7,13,.03),rgba(2,7,13,.76)),
    var(--img) center/cover no-repeat!important;
  border-color:rgba(142,234,255,.25)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.34)!important;
}

html.sa-v1088-visual-upgrade .sa-v1076-product:hover,
html.sa-v1088-visual-upgrade .sa-product-card:hover{
  transform:translateY(-5px) scale(1.012)!important;
  border-color:rgba(142,234,255,.56)!important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.46),
    0 0 36px rgba(0,168,255,.14)!important;
}

html.sa-v1088-visual-upgrade .sa-v1076-product b,
html.sa-v1088-visual-upgrade .sa-product-card b{
  font-size:19px!important;
}

html.sa-v1088-visual-upgrade .sa-v1076-product span,
html.sa-v1088-visual-upgrade .sa-product-card span{
  font-size:13px!important;
}

/* استبدال أي معرض PDF عليه كتابة */
html.sa-v1088-visual-upgrade .sa-v1087-profile-gallery{
  display:none!important;
}

/* معرض نظيف جديد */
.sa-v1088-clean-gallery{
  width:min(1900px,calc(100% - 18px));
  margin:8px auto;
  padding:16px;
  background:
    radial-gradient(circle at 50% 0,rgba(0,168,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(18,40,58,.96),rgba(4,14,23,.98));
  border:1px solid rgba(0,168,255,.30);
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
  box-shadow:0 22px 54px rgba(0,0,0,.36);
}

.sa-v1088-clean-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(0,168,255,.14);
}

.sa-v1088-clean-head h2{
  margin:0;
  font-size:28px;
  color:#f4fbff;
}

.sa-v1088-clean-head p{
  margin:5px 0 0;
  color:#b7d3e4;
  font-size:13px;
}

.sa-v1088-clean-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}

.sa-v1088-clean-card{
  min-height:176px;
  display:flex;
  align-items:flex-end;
  padding:12px;
  text-decoration:none;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(2,7,13,.02),rgba(2,7,13,.74)),
    var(--img) center/cover no-repeat;
  border:1px solid rgba(142,234,255,.24);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
  box-shadow:0 14px 34px rgba(0,0,0,.30);
  transition:.2s ease;
}

.sa-v1088-clean-card:hover{
  transform:translateY(-4px);
  border-color:rgba(142,234,255,.54);
}

.sa-v1088-clean-card b{
  display:block;
  font-size:15px;
  text-shadow:0 2px 14px rgba(0,0,0,.86);
}

@keyframes saV1088Rise{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:1200px){
  .sa-v1088-clean-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
  html.sa-v1088-visual-upgrade .sa-home-hero{
    min-height:auto!important;
    background-position:center!important;
  }

  html.sa-v1088-visual-upgrade .sa-titlebox h1{
    font-size:clamp(58px,19vw,104px)!important;
  }

  html.sa-v1088-visual-upgrade .sa-v1076-product,
  html.sa-v1088-visual-upgrade .sa-product-card{
    min-height:170px!important;
  }

  .sa-v1088-clean-gallery{
    width:calc(100% - 8px);
    padding:12px;
  }

  .sa-v1088-clean-head{display:block}
  .sa-v1088-clean-grid{grid-template-columns:1fr}
  .sa-v1088-clean-card{min-height:185px}
}