/* ========== خلفية عامة للموقع ========== */
body {
  background:
    linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
    url("https://i.pinimg.com/736x/65/2d/5b/652d5b3108104a54f2e33759a8cfcf3f.jpg") no-repeat center/cover;
  background-attachment: fixed;
  color: #ffffff;
}


/* ========== متغيّرات ========== */
:root{
  --accent:#00ffff;
  --accent2:#00ccff;
}

/* ========== الهيدر والشعار (FOR) ========== */
header,
.top-navbar,
.main-nav-container,
header nav,
header .flex.justify-between.items-stretch.relative,
.main-nav-container > *{
  background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border:0 !important;
}
header,
.top-navbar{
  border-bottom:1px solid rgba(0, 0, 0, 1) !important;
  box-shadow:0 1px 0 rgba(0, 0, 0, 1);
}
header{ position:sticky; top:0; z-index:1000; }
header .flex.justify-between.items-stretch.relative{
  min-height:64px; padding:8px 16px !important; align-items:center;
}

/* شعار FOR نصّي */
.navbar-brand img{ display:none !important; }
.navbar-brand{ display:flex; align-items:center; padding-inline:8px; }
.navbar-brand::after{
  content:"FOR";
  font-family:'Orbitron', sans-serif;
  font-size:32px; font-weight:700; letter-spacing:3px;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  text-shadow:0 0 10px var(--accent), 0 0 22px var(--accent2);
  display:inline-block; transition:transform .2s, text-shadow .2s;
}
.navbar-brand:hover::after{ transform:scale(1.05); text-shadow:0 0 18px var(--accent), 0 0 36px var(--accent2); }
@media (max-width:640px){ .navbar-brand::after{ font-size:24px; letter-spacing:2px; } }

/* أيقونات الهيدر */
header .menu-trigger,
header .header-user-cart,
header .header-user-account{
  background:rgba(0,0,0,.35);
  border:1px solid rgba(247, 252, 252, 1);
  border-radius:50%; padding:8px;
  display:flex; align-items:center; justify-content:center;
  transition:transform .2s, box-shadow .2s, filter .2s;
}
header .menu-trigger:hover,
header .header-user-cart:hover,
header .header-user-account:hover{
  transform:scale(1.1);
  box-shadow:0 0 12px rgba(254, 254, 254, 1);
  filter:drop-shadow(0 0 6px #ffffffff);
}
header .menu-trigger svg,
header .header-user-cart svg,
header .header-user-account svg{
  width:20px; height:20px; stroke:#00d9ff; opacity:.95;
}
/* بادج السلة */
header .header-user-cart{ position:relative; }
header .header-user-cart .badge,
header .header-user-cart [class*="badge"]{
  position:absolute !important; inset-inline-end:-2px !important; top:-2px !important; transform:none !important;
}

/* ========== Splash (FOR) ========== */
@keyframes for-shake{
  0%,100%{ transform:translateX(0); }
  20%{ transform:translateX(-3px); }
  40%{ transform:translateX(3px); }
  60%{ transform:translateX(-3px); }
  80%{ transform:translateX(3px); }
}
#splash-screen{
  position:fixed; inset:0;
  background:
    linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
    url("https://i.pinimg.com/736x/68/b7/33/68b7335513936c9a5fd8f0b94e0d36af.jpg") no-repeat center/cover;
  backdrop-filter:blur(6px);
  display:flex; align-items:center; justify-content:center;
  z-index:99999; opacity:1; transition:opacity .8s ease; pointer-events:none;
}
#splash-screen.fade-out{ opacity:0; }
#splash-screen h1{
  margin:0; font-size:80px; font-weight:800;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--accent); letter-spacing:6px; text-transform:uppercase;
  text-shadow:0 0 10px var(--accent), 0 0 20px var(--accent);
  animation:for-shake .5s infinite;
}

/* ========== Two Banners ========== */
.for-two-banners{
  max-width:900px; margin:16px auto; padding:14px;
  background:
    linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
    url("https://i.pinimg.com/736x/65/2d/5b/652d5b3108104a54f2e33759a8cfcf3f.jpg") no-repeat center/cover;
  border-radius:12px; backdrop-filter:blur(4px);
}
.for-two-banners__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.for-two-banners a{ display:block; border-radius:10px; overflow:hidden; transition:transform .25s; }
.for-two-banners a:hover{ transform:scale(1.03); }
.for-two-banners img{ width:100%; height:auto; display:block; object-fit:cover; }

/* ========== 12-Grid ========== */
.for-12-grid{
  max-width:900px; margin:16px auto; padding:14px;
  background:
    linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.99)),
    url("https://i.pinimg.com/736x/65/2d/5b/652d5b3108104a54f2e33759a8cfcf3f.jpg") no-repeat center/cover;
  border-radius:12px; backdrop-filter:blur(4px);
}
.for-12-grid__inner{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (max-width:640px){ .for-12-grid__inner{ grid-template-columns:repeat(2,1fr); } }
.for-12-grid__inner img{
  width:100%; aspect-ratio:1/1; object-fit:cover;
  border-radius:8px; transition:transform .3s;
}
.for-12-grid__inner img:hover{ transform:scale(1.05); }

/* ========== Product Card (Neon Dark) ========== */
.s-product-card-entry{
  position:relative;
  background:rgba(0, 0, 0, 1);
  border:1px solid rgba(28, 187, 198, 0.71);
  border-radius:14px; overflow:hidden;
  box-shadow:0 6px 20px rgba(255, 255, 255, 1);
  transition:transform .28s, box-shadow .28s, border-color .28s;
  backdrop-filter:blur(4px);
}
.s-product-card-entry:hover{
  transform:translateY(-6px);
  box-shadow:0 10px 28px rgba(254, 254, 254, 1);
  border-color:hsla(190, 57%, 56%, 0.96);
}

/* صورة المنتج داخل البطاقة — تظهر كاملة */
.s-product-card-image{
  position:relative; width:100%; aspect-ratio:1/1;
  background:rgba(0,0,0,.35);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.s-product-card-image img{
  width:100%; height:100%; object-fit:contain;
  background-color:rgba(0,0,0,.2); display:block; transition:transform .4s;
  border-radius:8px 8px 0 0;
}
.s-product-card-entry:hover .s-product-card-image img{ transform:scale(1.04); }

/* بادج */
.s-product-card-entry .badge,
.s-product-card-entry [class*="badge"]{
  position:absolute; top:10px; left:10px; z-index:2;
  background:linear-gradient(90deg, var(--accent), var(--accent2));
  color:#000; font-weight:700; border-radius:10px; padding:6px 10px;
  box-shadow:0 0 12px rgba(0,255,255,.45);
}

/* المحتوى والعنوان */
.s-product-card-content{ padding:12px 12px 14px; }
.s-product-card-content-title a{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  color:#fff; text-decoration:none; font-weight:800; line-height:1.35;
  text-shadow:0 0 6px rgba(0,255,255,.18);
  transition:color .2s, text-shadow .2s;
}
.s-product-card-content-title a:hover{ color:var(--accent); text-shadow:0 0 10px rgba(0,255,255,.5); }

/* السعر */
.s-product-card-price{ display:flex; align-items:center; gap:8px; margin-top:10px; }
.s-product-card-price .price{
  color:var(--accent); font-size:1.1rem; font-weight:800;
  text-shadow:0 0 10px rgba(0,255,255,.4);
}
.s-product-card-price .old-price{ color:rgba(255,255,255,.55); text-decoration:line-through; font-weight:600; }

/* الأزرار */
salla-add-product-button,
.s-product-card-entry .btn,
.s-product-card-entry button[type="button"]{ width:100%; }
.s-product-card-entry salla-add-product-button button,
.s-product-card-entry .btn--add,
.s-product-card-entry .btn{
  background:transparent; color:var(--accent);
  border:1px solid var(--accent); border-radius:10px;
  padding:10px 12px; font-weight:800;
  transition:transform .2s, box-shadow .25s, background .25s, color .2s;
  box-shadow:0 0 0 rgba(0,255,255,0);
}
.s-product-card-entry salla-add-product-button button:hover,
.s-product-card-entry .btn--add:hover,
.s-product-card-entry .btn:hover{
  background:var(--accent); color:#000; transform:translateY(-2px);
  box-shadow:0 0 18px var(--accent), 0 0 36px var(--accent);
}

/* أكشن سريع */
.s-product-card-entry .actions,
.s-product-card-entry .quick-actions{
  position:absolute; top:10px; right:10px; display:flex; gap:8px; z-index:2;
}
.s-product-card-entry .actions button,
.s-product-card-entry .quick-actions button{
  width:34px; height:34px; border-radius:50%;
  background:rgba(0,0,0,.45);
  border:1px solid rgba(0,255,255,.35);
  color:#fff; display:grid; place-items:center;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.s-product-card-entry .actions button:hover,
.s-product-card-entry .quick-actions button:hover{
  transform:scale(1.1);
  border-color:var(--accent);
  box-shadow:0 0 10px rgba(0,255,255,.45);
}

/* شبكة البطاقات */
.products-grid, .s-products-grid, .grid-products{
  display:grid; gap:14px; grid-template-columns:repeat(4,1fr);
}
@media (max-width:1024px){ .products-grid, .s-products-grid, .grid-products{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){  .products-grid, .s-products-grid, .grid-products{ grid-template-columns:repeat(2,1fr); } }

/* داكن */
.dark .s-product-card-entry{ background:rgba(0,0,0,.65); border-color:rgba(255,255,255,.08); }

/* ========== Banner Neon ========== */
.banner--fixed img{
  display:block; width:100%;
  border-radius:14px; border:1px solid rgba(0,255,255,.35);
  object-fit:cover; background-color:rgba(0,0,0,.35);
  box-shadow:0 0 12px rgba(0,255,255,.25), 0 6px 20px rgba(0,0,0,.35);
  transition:transform .35s, box-shadow .35s, border-color .35s, border-radius .3s;
}
.banner--fixed img:hover{
  transform:scale(1.03);
  border-color:rgba(0,255,255,.8);
  box-shadow:0 0 18px rgba(0,255,255,.5), 0 0 36px rgba(0,255,255,.3), 0 8px 28px rgba(0,0,0,.45);
  border-radius:18px;
}


/* ========== تحسينات موبايل ========== */
@media (max-width:640px){
  header, .top-navbar, .main-nav-container{
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
    background:rgba(0,0,0,.7) !important; box-shadow:0 1px 0 rgba(0,255,255,.15) !important;
  }
  .s-product-card-entry, .banner--fixed img{ box-shadow:0 4px 12px rgba(0,0,0,.25) !important; }
}


/* ===========================
   5) البنر العريض (Full-width Fixed Banner)
   =========================== */

/* يجعل أول بنر “Fixed Banner” بعرض كامل الصفحة */
section:nth-of-type(1).s-block.s-block--fixed-banner.wide-placeholder .container {
  padding: 0; margin: 0; max-width: 100%;
}

/* حركة خفيفة عند التحويم */
section.s-block.s-block--fixed-banner.wide-placeholder .container:hover,
.lazy__bg.lazy.entered.loaded:hover {
  transform: translateY(-8px);
}

/* تصحيح: انتقال (Transition) للبنر بدون فاصلة خاطئة */
section.s-block.s-block--fixed-banner.wide-placeholder .container {
  transition: transform 0.3s, box-shadow 0.3s;
}

/* تحسين هوامش في الموبايل */
@media (max-width: 991px) {
  section.s-block.s-block--fixed-banner.wide-placeholder .container { padding: 0; }
}

/* قائمة الموبايل */
.mm-spn li { background: transparent; }


@media (min-width: 750px) {
  salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-left: 0; margin-right: 0;
    height: auto; width: 100%;
    overflow: hidden; border-radius: .375rem;
  }
  section:nth-of-type(1).s-block.s-block--photos-slider { margin-top: 0; }
}

@media (max-width: 991px) {
  salla-slider.photos-slider .swiper { padding-left: 0 !important; }
  salla-slider.photos-slider .swiper-slide {
    border-radius: 0 !important; width: 100%; margin: 0; padding: 0;
  }
}

/* ========== صفحة المنتج (PDP) ========== */
/* شفافية خلفيات الأقسام داخل صفحة المنتج */
.product-entry,
.product-entry--vertical,
.product-entry__content{ background:transparent !important; }

/* العنوان والسعر */
.product-entry__title,
.product-entry__title *{ color:#fff !important; }
.product-entry__price,
.product-entry__summary .price,
.product-entry__price .price{
  color:var(--accent) !important; font-weight:800;
  text-shadow:0 0 10px rgba(0,255,255,.35);
}

/* حقول الإدخال/المرفقات */
.product-entry__options input[type="text"],
.product-entry__options input[type="number"],
.product-entry__options input[type="file"],
.product-entry__options select,
.product-entry__options textarea,
.product-entry__options .s-input,
.product-entry__options .form-control{
  background:rgba(0,0,0,.55) !important; color:#fff !important;
  border:1px solid rgba(0,255,255,.25) !important; border-radius:12px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.25) inset;
}
.product-entry__options input::placeholder,
.product-entry__options textarea::placeholder{ color:#b9f7ff !important; opacity:.9; }

/* حاويات الحقول */
.product-entry__options .form-group,
.product-entry__options .field{
  background:rgba(240, 11, 194, 1) !important;
  border:1px solid rgba(250, 13, 52, 1) !important;
  border-radius:14px !important; padding:10px !important;
}

/* أزرار الشراء */
.product-entry__actions .btn,
.product-entry__actions button{ border-radius:12px !important; }
.product-entry__actions .btn--main,
.product-entry__actions .btn-primary{
  background:var(--accent) !important; color:#000 !important;
  box-shadow:0 0 18px rgba(0,255,255,.45) !important; font-weight:800 !important;
}

/* مساحة سفلية للأمان مع الأزرار الثابتة */
.product-entry,
.product-entry__content,
main, .main-content{ padding-bottom:96px !important; }

/* سلايدر صور المنتج — عرض كامل */
.product-entry__image,
.product-entry__image .swiper,
.product-entry__image .swiper-wrapper,
.product-entry__image .swiper-slide{
  background:rgba(249, 249, 249, 1) !important;
  display:flex; align-items:center; justify-content:center;
}
.product-entry__image img{ object-fit:contain !important; width:100%; height:auto; }

/* وصف المنتج */
.product-entry__description,
.product-entry__description *{
  color:#fff !important; font-size:1rem; line-height:1.6;
  text-shadow:0 0 4px rgba(253, 248, 248, 1);
}

/* أقسام التوصية */
.related-products,
.recommended-products,
section[class*="related"],
section[class*="recommended"]{
  background:rgba(248, 238, 238, 1) !important;
  border:1px solid rgba(254, 252, 252, 0.93) !important;
  border-radius:14px !important; padding:12px !important;
}

/* تنسيقات عامة */
.product-entry__options{ gap:12px; }




/* ===========================
   3) زر الإضافة للسلة (مكوّن سلة)
   =========================== */

salla-add-product-button.hydrated {
  background: linear-gradient(88deg, var(--2) 0, var(--1) 50%, var(--3) 96%) !important;
 
  border-radius: 50px 0;
  border-right: 2px solid #16838dff;
  border-left: 2px solid #000000ff;
}


/* From Uiverse.io by dylanharriscameron */ 
.card {
  position: relative;
  width: 200px;
  height: 250px;
  border-radius: 14px;
  z-index: 1111;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
  ;
}

.bg {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 190px;
  height: 240px;
  z-index: 2;
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(24px);
  border-radius: 10px;
  overflow: hidden;
  outline: 2px solid white;
}

.blob {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #ff0000;
  opacity: 1;
  filter: blur(12px);
  animation: blob-bounce 5s infinite ease;
}

@keyframes blob-bounce {
  0% {
    transform: translate(-100%, -100%) translate3d(0, 0, 0);
  }

  25% {
    transform: translate(-100%, -100%) translate3d(100%, 0, 0);
  }

  50% {
    transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
  }

  75% {
    transform: translate(-100%, -100%) translate3d(0, 100%, 0);
  }

  100% {
    transform: translate(-100%, -100%) translate3d(0, 0, 0);
  }
}


.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
}


.header-btn {
    border-style: none;
    outline: 2px solid #000;
    outline-offset: 2px;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}



button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) {
    -webkit-appearance: button;
    background-color: #000;
    background-image: none;
}

.header-btn__icon {
    display: flex
;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, 1);
    border-color: rgba(255, 255, 255, 1);
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(255 255 255);
}


.s-user-menu-trigger {
    display: flex
;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(0 0 0);
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 0.875rem
14px
;
    line-height: 1.25rem;
}


.s-user-menu-toggler.opened .s-user-menu-dropdown {
    visibility: visible;
    --tw-translate-y: 350px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
}

.s-user-menu-dropdown {
    visibility: hidden;
    position: fixed;
    bottom: 0px;
    top: auto;
    right: 0px;
    z-index: 30;
    width: 100%;
    transform-origin: center;
    --tw-translate-y: 2.5rem;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), 2.5rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.9);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(0 0 0);
    opacity: 0;
    --tw-shadow: 0 0 rgb(74 219 33 / 0%);
    --tw-shadow-colored: 0 0 rgb(108 102 175 / 0%);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgb(174 62 62 / 0%)), var(--tw-ring-shadow, 0 0 rgb(117 69 69 / 5%)), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
.s-user-menu-dropdown-header-content span {
    font-size: 14px;
    --tw-text-opacity: 1;
    color: rgba(153, 153, 153, 1);
    color: rgb(244 244 244);
}

.s-user-menu-dropdown-header-content p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(241 242 245);
}


.s-user-menu-toggler::before {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    height: 100vh;
    width: 100vw;
    background-color: rgb(54 54 178 / 0%);
    opacity: 0;
    transition-duration: 300ms;
    --tw-content: '';
    content: '';
    content: var(--tw-content);
}


.s-user-menu-dropdown-item a {
    display: flex
;
    align-items: center;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    --tw-text-opacity: 1;
    color: rgba(68, 68, 68, 1);
    color: rgb(243 237 237);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.s-slider-v-centered .s-slider-block__title-nav button {
    pointer-events: auto;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(255 255 255 / 0%);
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px #d1d5db, 0 4px 6px -4px #d1d5db;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
    --tw-shadow-color: #d1d5db;
    --tw-shadow: var(--tw-shadow-colored);
}


.grid {
    display: grid
;
    align-content: center;
    justify-items: center;
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgba(31, 41, 55, 1);
    color: rgb(249 249 250);
}


.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, 1);
    color: rgb(229 230 232);
}


.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(12 11 11);
}


.s-comment-form-input {
    height: 6rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, 1);
    border-color: rgb(128 139 140);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-shadow: 0 0 rgb(152 37 37 / 0%);
    --tw-shadow-colored: 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgb(96 63 63 / 2%)), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}
[type='text'], input:where(:not([type])), [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000000;
    border-color: #6b7280;
    border-width: 1px; 
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem
24px
;
    --tw-shadow: 0 0 rgba(0, 0, 0, 0);
}



.s-comments-product {
    margin-bottom: 1rem;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgb(0 0 0);
    padding-top: 1rem
16px
;
    padding-bottom: 1rem;
}


.s-button-primary {
    border-width: 1px; 
    border-color: #414042;
    border-color: #3d8db1;
    background-color: #414042;
    background-color: #86c1d8;
    color: #ff6767;
    color: #0b0b0b9c;
}


/* ✦ إضافات حسب طلبك ✦
   1) footer وسط
   2) عناوين الأقسام أبيض
   3) حقول بخلفية بيضاء = خط أسود
*/

/* (1) ذيل الصفحة بالمنتصف */
footer,
.site-footer,
.s-footer,
.main-footer,
.footer{
  text-align:center !important;
  color:#fff !important;
}
footer a,
.site-footer a,
.s-footer a,
.main-footer a,
.footer a{
  color:#fff !important; opacity:.95;
}
footer .container,
.site-footer .container,
.s-footer .container,
.main-footer .container{
  margin-inline:auto;
}
footer p,
footer small,
footer .copyright,
.site-footer p,
.site-footer small{
  margin:6px 0 !important;
}

/* (2) عناوين الأقسام باللون الأبيض */
.section-title,
.section-header,
.s-block__title,
.s-slider-block__title,
.s-section-title,
.block-title,
.s-block .title,
.s-slider-block__title span{
  color:#fff !important;
  text-shadow:0 0 6px rgba(255,255,255,.15);
}

/* (3) أي خانة كتابة بخلفية بيضاء يكون خطها أسود */
.bg-white input,
.bg-white textarea,
.bg-white select,
input.bg-white,
textarea.bg-white,
select.bg-white,
.form-control.bg-white,
.s-input.bg-white,
input.white,
textarea.white,
select.white{
  background-color:#fff !important;
  color:#000 !important;
}
.bg-white input::placeholder,
.bg-white textarea::placeholder{
  color:#222 !important; opacity:.8;
}

/* دعم أصناف فاتحة أخرى إن وُجدت */
.light input, .light textarea, .light select,
.white-bg input, .white-bg textarea, .white-bg select{
  background-color:#fff !important;
  color:#000 !important;
}





@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: rgba(255, 255, 255, 1);
        background: #2b2d34;
    }
}








/* ============== صفحة المنتج: اسم المنتج + شريط المسار أبيض ============== */
/* اسم المنتج */
.product-entry__title,
.product-entry__title *{
  color:#fff !important;
}


/* شريط قائمة الصفحات (Breadcrumb) */
.product-entry nav[aria-label="breadcrumb"],
.product-entry .breadcrumbs,
.product-entry .s-breadcrumb,
.product-entry .breadcrumb,
.product-entry nav[aria-label="breadcrumb"] * ,
.product-entry .breadcrumbs * ,
.product-entry .s-breadcrumb * ,
.product-entry .breadcrumb *{
  color:#fff !important;
}
.product-entry nav[aria-label="breadcrumb"] a,
.product-entry .breadcrumbs a,
.product-entry .s-breadcrumb a,
.product-entry .breadcrumb a{
  color:#fff !important; opacity:.95;
} 
.product-entry nav[aria-label="breadcrumb"] a:hover,
.product-entry .breadcrumbs a:hover,
.product-entry .s-breadcrumb a:hover,
.product-entry .breadcrumb a:hover{
  color:var(--accent, #00ffff) !important;
}










/* ============== شعار ذيل الصفحة في المنتصف + لون نصوص الذيل = لون الشعار ============== */

/* توسيط الشعار داخل ذيل الصفحة مع النصوص */
footer .footer-logo,
footer .logo,
footer .footer-brand,
footer .branding,
.site-footer .footer-logo,
.site-footer .logo,
.site-footer .footer-brand,
.s-footer .footer-logo,
.s-footer .logo,
.s-footer .footer-brand{
  display:flex; align-items:center; justify-content:center;
  gap:.5rem; text-align:center; margin-inline:auto;
}
footer .footer-logo img,
footer .logo img{ max-height:44px; height:auto; width:auto; display:block; }

/* جعل لون نصوص ذيل الصفحة نفس لون الشعار (نستخدم var(--accent)) */
footer,
.site-footer,
.s-footer,
.main-footer,
.footer{
  color:var(--accent) !important;
}
footer a,
footer p,
footer small,
footer li,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
  color:var(--accent) !important;
}

/* (اختياري) لو تبي نفس تدرّج الشعار بالضبط على النصوص، فك التعليق التالي:
footer .footer-title,
footer .brand-text,
footer a{
  background:linear-gradient(90deg, var(--accent), var(--accent2)) !important;
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
*/


element.style {
}
.s-reviews-container .swiper-slide-next .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 7%;
}
.s-reviews-container .swiper-slide-next .s-reviews-testimonial {
    align-items: center;
    justify-content: flex-start;
}
.s-reviews-testimonial {
    --tw-bg-opacity
1
: 1;
    background-color: rgba(31, 31, 45, 1);
    background-color: rgba(31, 31, 45, var(--tw-bg-opacity, 1));
}


.product__description a {
    --tw-text-opacity: 1;
    color: rgba(29, 78, 216, 1);
    color: rgb(174 38 22);
}




.s-modal-body {
    position: fixed;
    left: 0px;
    bottom: 0px;
    display: inline-block;
    width: 100%;
    --tw-translate-y: 1rem;
    transform: translate(var(--tw-translate-x), 1rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    overflow: hidden;
    border-radius: .75rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(5 4 4);
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.s-modal-close {
    position: absolute;
    top: 0.75rem;
    z-index: 10;
    width: 2.75rem;
    cursor: pointer;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(1 0 0);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) {
    -webkit-appearance: button;
    background-color: #000;
    background-image: none;
}


.s-login-modal-title {
    --tw-text-opacity: 1;
    color: #111827;
    color: rgb(255 255 255);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: .5rem;
}



.form-label {
    margin-bottom: 0.625rem;
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, 1);
    color: rgb(238 241 245);
}

/* ثبات البانر في أعلى الصفحة */
#banner-id {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* للتأكد إنه يظل فوق كل العناصر */
}



.s-reviews-testimonial {
    background-color: rgba(31, 31, 45, 1);
    background-color: #000;
}



/* الكرت الأساسي للتقييم */
.s-reviews-testimonial__inner {
  background: #1c1c2b !important;   /* خلفية غامقة */
  border-radius: 12px !important;
  padding: 20px !important;
  color: #fff !important;
  font-family: "Tajawal", sans-serif !important;
  position: relative;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  direction: rtl !important; /* النصوص بالعربي */
  overflow: hidden !important;
}

/* صورة العميل في أعلى يمين */
.s-reviews-testimonial__inner .s-reviews-customer-avatar {
  position: absolute !important;
  top: -15px !important;
  right: -15px !important;
}

.s-reviews-testimonial__inner .s-reviews-customer-avatar img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  object-fit: cover !important;
  background: #111 !important;
}

/* النجوم */
.s-reviews-testimonial__inner .s-reviews-rating {
  color: gold !important;
  font-size: 18px !important;
  margin-bottom: 8px !important;
  display: flex !important;
  justify-content: flex-start !important;
}

/* النص */
.s-reviews-testimonial__inner p {
  color: #ddd !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  text-align: right !important;
  padding-top: 10px !important;
}

/* زر عرض الكل */
.s-reviews-show-all {
  display: inline-block !important;
  border: 1px solid #0af !important;
  color: #0af !important;
  padding: 6px 15px !important;
  border-radius: 25px !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: 0.3s !important;
}

.s-reviews-show-all:hover {
  background: #0af !important;
  color: #fff !important;
}