/* ================================
   Base Theme Tokens
================================ */
:root{
  /* هوية المتجر */
  --brand:#202950;          /* الأساسي */
  --brand-2:#b9924b;        /* مساعد (ذهبي) */

  /* تدرّجات الكحلي للفوتر */
  --brand-800:#171e3d;      /* أغمق للجزء العلوي */
  --brand-700:#1d264a;
  --brand-600:#2b386a;      /* أفتح للمسطرة السفلية */

  /* ألوان عامة */
  --bg-soft:#f6f7f9;
  --text-1:#1e2230;
  --text-2:#6b7280;
  --ink:#ffffff;
  --ink-muted:rgba(255,255,255,.78);

  /* حدود وظلال */
  --divider:rgba(255,255,255,.16);
  --shadow-sm:0 6px 16px rgba(16,24,40,.08);
  --shadow-md:0 10px 28px rgba(16,24,40,.12);

  /* راديوس عام */
  --radius:14px;
}

html{scroll-behavior:smooth}
body{letter-spacing:.1px}
.container{scroll-margin-top:88px}


/* ================================
   Header / Nav
================================ */
.main-nav-container{transition:box-shadow .25s ease, background .25s}
.is-sticky .main-nav-container,
.store-header.sticky,
.store-header .main-nav-container.sticky{box-shadow:0 6px 24px rgba(0,0,0,.06)}
.header-btn__icon{font-size:22px}

/* Search */
.s-search-input{border:1px solid #e5e7eb !important}
.s-search-input-wrapper{border-radius:999px !important; overflow:hidden}
.s-search-icon-wrap{opacity:.7}


/* ================================
   Hero Banner
================================ */
.banner--fixed{position:relative; border-radius:18px; overflow:hidden}
.banner--fixed img{transform:scale(1.01); transition:transform .6s ease}
.banner--fixed::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.18) 60%, rgba(0,0,0,.28));
  pointer-events:none;
}
.banner--fixed:hover img{transform:scale(1.04)}


/* ================================
   Buttons
================================ */
.s-button-btn{border-radius:999px !important; font-weight:700}
.s-button-primary,
.s-button-primary-outline{--brand-current:var(--brand)}
.s-button-primary .s-button-element,
.s-button-primary-outline.s-button-btn:hover{ box-shadow:var(--shadow-sm) }
.s-button-outline{border-width:2px}


/* ================================
   Product Cards
================================ */
.s-product-card-entry{
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s;
  background:#fff;
}
.s-product-card-entry:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
}
.s-product-card-image{background:var(--bg-soft)}
.s-product-card-image img{transition:transform .5s ease}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.04)}

.s-product-card-sale-price h4{
  font-weight:800; color:var(--brand); letter-spacing:.2px
}
.s-product-card-sale-price span{
  opacity:.55; text-decoration:line-through; font-weight:600
}

.s-product-card-content-footer .s-button-wrap{transition:transform .15s}
.s-product-card-entry:hover .s-product-card-content-footer .s-button-wrap{transform:translateY(-2px)}

/* Wishlist pulse */
.s-product-card-wishlist-btn .s-button-element{border-radius:999px}
.s-wish-burst{animation:wish-burst .52s ease}
@keyframes wish-burst{
  0%{transform:scale(1)}
  40%{transform:scale(1.22)}
  100%{transform:scale(1)}
}

/* Discount badge */
.badge, .s-badge, .discount-badge{
  background:var(--brand); color:#fff; border-radius:999px; padding:.25rem .55rem;
  font-weight:800; font-size:.75rem
}


/* ================================
   Swiper dots (عام)
================================ */
.swiper-pagination-bullet{width:8px;height:8px;opacity:.35;transition:transform .2s}
.swiper-pagination-bullet-active{opacity:1; transform:scale(1.15)}


/* ================================
   Features (3-up cards)
================================ */
.s-block--features__item{
  border:1px solid #eef0f3; border-radius:16px; background:#fff; box-shadow:var(--shadow-sm);
  transition:transform .2s, box-shadow .2s
}
.s-block--features__item:hover{transform:translateY(-3px); box-shadow:var(--shadow-md)}
.s-block--features__item h2{font-weight:800}
.s-block--features__item p{color:var(--text-2)}


/* =========================================
   Footer — Navy top (darker) + lighter bottom bar
========================================= */
.footer-is-light .store-footer,
.store-footer{
  background: linear-gradient(180deg, var(--brand-800) 0%, var(--brand) 45%) !important;
  color: var(--ink);
  padding-top: 2.25rem;
  border-top: none !important;
}
.store-footer__inner,
.store-footer__inner .container,
.store-footer .container{ background: transparent !important; }

/* شبكة الأعمدة */
.store-footer .container{ max-width:1240px; }
.store-footer__inner .container{
  display:grid !important; grid-template-columns:1fr; gap:2rem; align-items:start;
}
@media (min-width:1024px){
  .store-footer__inner .container{
    grid-template-columns:1.4fr 1fr 1fr !important;
  }
  .store-footer__inner .container > *{ grid-column:auto !important; }
}

/* نصوص وروابط */
.store-footer h3{
  color:#fff; font-weight:700; font-size:1.125rem; margin-bottom:.75rem;
}
.store-footer p,
.store-footer a,
.store-footer li{
  color: var(--ink-muted);
  line-height: 1.9;
}
.store-footer a:hover{ color:#fff; }

/* روابط */
.store-footer .s-menu-footer-item{
  display:block; padding:.35rem 0; border-radius:.35rem;
  transition: background .15s ease, color .15s ease;
}
.store-footer .s-menu-footer-item:hover{
  background: rgba(255,255,255,.10);
  color:#fff;
}

/* سوشال */
.store-footer .s-social-list .s-social-link a{
  width:40px; height:40px; display:grid; place-items:center;
  border:1px solid var(--divider); border-radius:999px; color:#fff;
  transition: transform .15s, background .15s, border-color .15s;
}
.store-footer .s-social-list .s-social-link a:hover{
  background: rgba(255,255,255,.16); transform: translateY(-2px);
  border-color: rgba(255,255,255,.16);
}

/* تواصل */
.store-footer .s-contacts-list-vertical .s-contacts-item{
  display:flex; align-items:center; gap:.5rem;
}
.store-footer .s-contacts-icon{ opacity:.9; color:#fff; }

/* المسطرة السفلية */
.store-footer .md\:flex{
  background: var(--brand-600) !important;
  color:#fff; border-top:none; padding:1rem; margin-top:1rem; border-radius:12px;
}

/* وسائل الدفع */
.store-footer .s-payments-list img{
  filter:none; opacity:1; transition: transform .15s ease;
}
.store-footer .s-payments-list img:hover{ transform: translateY(-2px); }

/* فواصل */
.store-footer .copyright-text,
.store-footer .s-contacts,
.store-footer .s-social-list{
  border-color: var(--divider);
}


.s-block--photos-slider{
  padding-top:10px;
  padding-bottom:10px;
}
.s-block--photos-slider + .s-block--photos-slider{
  margin-top:12px;           /* يقرّب الثاني من الأول */
}


.s-block--photos-slider .s-slider-block__title{
  max-width:1240px; margin:0 auto 8px; padding:0 16px;
}
.s-block--photos-slider .s-slider-block__title-right h2,
.s-block--photos-slider .s-slider-block__title-left h2{
  margin:0;
  font-weight:800;
  font-size:clamp(20px, 1rem + .6vw, 26px);
  color:#202950;
  line-height:1.2;
  text-align:right;
}


#photos-6-slider[block-title=""] .s-slider-block__title-right{ position:relative; }
#photos-6-slider[block-title=""] .s-slider-block__title-right h2{
  visibility:hidden; height:0; margin:0;
}
#photos-6-slider[block-title=""] .s-slider-block__title-right::before{
  content:"إعتمادات اللامع";
  display:block; visibility:visible;
  font-weight:800; font-size:clamp(20px, 1rem + .6vw, 26px); color:#202950; text-align:right;
}

#photos-7-slider[block-title=""] .s-slider-block__title-right{ position:relative; }
#photos-7-slider[block-title=""] .s-slider-block__title-right h2{
  visibility:hidden; height:0; margin:0;
}
#photos-7-slider[block-title=""] .s-slider-block__title-right::before{
  content:"عملاء اللامع";
  display:block; visibility:visible;
  font-weight:800; font-size:clamp(20px, 1rem + .6vw, 26px); color:#202950; text-align:right;
}

#photos-6-slider .swiper-slide img,
#photos-7-slider .swiper-slide img{
  width:auto; max-width:100%; max-height:100%;
  object-fit:contain; opacity:.95; transition:transform .2s, opacity .2s;
}
#photos-6-slider .swiper-slide:hover img,
#photos-7-slider .swiper-slide:hover img{
  transform:translateY(-2px); opacity:1;
}

/* نقاط الباجينيشن: وسط وتحت شوي */
#photos-6-slider .swiper, #photos-7-slider .swiper{ padding-bottom:16px; }
#photos-6-slider .swiper-pagination, #photos-7-slider .swiper-pagination{
  left:50% !important; right:auto !important; transform:translateX(-50%);
  bottom:4px !important;
}
#photos-6-slider .swiper-pagination-bullet,
#photos-7-slider .swiper-pagination-bullet{
  width:7px; height:7px; opacity:.35;
}
#photos-6-slider .swiper-pagination-bullet-active,
#photos-7-slider .swiper-pagination-bullet-active{
  opacity:1; transform:scale(1.15); background:#202950;
}

#photos-6-slider .s-slider-nav-arrow,
#photos-7-slider .s-slider-nav-arrow{
  background:#fff; border:1px solid #e6ebf0;
  box-shadow:0 6px 16px rgba(16,24,40,.08);
}


#photos-6-slider::before,
#photos-7-slider::before,
#photos-6-slider .s-slider-block__title-left::before,
#photos-7-slider .s-slider-block__title-left::before{ display:none !important; content:none !important; }



/* 1) تأكد أن شريط العنوان ظاهر */
#photos-6-slider .s-slider-block__title,
#photos-7-slider .s-slider-block__title{
  display:block !important;
  max-width:1240px; margin:0 auto 8px; padding:0 16px;
}


#photos-6-slider .s-slider-block__title-right h2,
#photos-7-slider .s-slider-block__title-right h2{
  margin:0;
  font-weight:800;
  font-size:clamp(20px, 1rem + .6vw, 26px);
  color:#202950;
  line-height:1.2;
  text-align:right;
}


#photos-6-slider[block-title=""] .s-slider-block__title::before,
#photos-6-slider.s-slider-has-notitle .s-slider-block__title::before{
  content:"إعتمادات اللامع";
}
#photos-7-slider[block-title=""] .s-slider-block__title::before,
#photos-7-slider.s-slider-has-notitle .s-slider-block__title::before{
  content:"عملاء اللامع";
}
#photos-6-slider .s-slider-block__title::before,
#photos-7-slider .s-slider-block__title::before{
  display:block;
  font-weight:800;
  font-size:clamp(20px, 1rem + .6vw, 26px);
  color:#202950;
  line-height:1.2;
  text-align:right;
}

.s-block--photos-slider{ padding-top:10px; padding-bottom:10px; }
.s-block--photos-slider + .s-block--photos-slider{ margin-top:12px; }

/* 5) نقاط الباجينيشن وسط وتحت شوي */
#photos-6-slider .swiper, #photos-7-slider .swiper{ padding-bottom:16px; }
#photos-6-slider .swiper-pagination, #photos-7-slider .swiper-pagination{
  left:50% !important; right:auto !important; transform:translateX(-50%);
  bottom:4px !important;
}
#photos-6-slider .swiper-pagination-bullet,
#photos-7-slider .swiper-pagination-bullet{ width:7px; height:7px; opacity:.35; }
#photos-6-slider .swiper-pagination-bullet-active,
#photos-7-slider .swiper-pagination-bullet-active{ opacity:1; transform:scale(1.15); background:#202950; }
/* === Normalize slider titles size to match page h2 === */
#photos-6-slider .s-slider-block__title-right h2,
#photos-7-slider .s-slider-block__title-right h2,
#photos-6-slider .s-slider-block__title::before,
#photos-7-slider .s-slider-block__title::before{
  font-size: clamp(18px, 0.9rem + 0.4vw, 22px) !important; 
  line-height: 1.3;
  font-weight: 700; /* نفس وزن العناوين العادية */
}