/* Add custom CSS styles below */ 

.navbar-brand img {
    max-height: 3rem;
    max-width: 100px;
    width: auto;
}
/* =========================================
   تحسين البنرات والسلايدر بشكل احترافي
========================================= */

/* الحاوية الرئيسية للسلايدر */

.s-slider-block,
.photos-slider,
section.s-block.s-block-photos-slider{

    position: relative;

    margin-top: 10px;

    overflow: hidden;
}

/* =========================================
   البنر نفسه
========================================= */

.swiper-slide a,
.swiper-slide img{

    border-radius: 24px;

    overflow: hidden;

    transition:
    transform .6s ease,
    filter .6s ease,
    box-shadow .6s ease;

    display: block;
}

/* صورة البنر */

.swiper-slide img{

    width: 100%;

    object-fit: cover;

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

    transform: scale(1);
}

/* Hover احترافي */

.swiper-slide-active img{

    animation: bannerZoom 7s ease infinite alternate;
}

.swiper-slide:hover img{

    transform: scale(1.04);

    filter: brightness(1.03);
}

/* =========================================
   Overlay فاخر
========================================= */

.swiper-slide::after{

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 24px;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.18),
        transparent 40%
    );

    pointer-events: none;
}

/* =========================================
   Pagination احترافية
========================================= */

.swiper-pagination{

    bottom: 8px !important;
}

.swiper-pagination-bullet{

    width: 8px;
    height: 8px;

    background: rgba(255,255,255,.45);

    opacity: 1;

    transition: all .3s ease;

    border-radius: 20px;
}

.swiper-pagination-bullet-active{

    width: 26px;

    background: #2e3192;

    box-shadow:
    0 0 12px rgba(46,49,146,.45);
}

/* =========================================
   حركة دخول البنرات
========================================= */

.swiper-slide-active{

    animation: fadeBanner .8s ease;
}

@keyframes fadeBanner{

    from{
        opacity: 0;
        transform: scale(.96);
    }

    to{
        opacity: 1;
        transform: scale(1);
    }
}

/* =========================================
   حركة زوم هادئة
========================================= */

@keyframes bannerZoom{

    from{
        transform: scale(1);
    }

    to{
        transform: scale(1.05);
    }
}

/* =========================================
   تحسين الفراغات بين البنرات
========================================= */

.swiper-wrapper{

    align-items: center;
}

/* =========================================
   تحسين البلوكات تحت البنر
========================================= */

.s-products-list-vertical-cards{

    gap: 14px !important;
}

.s-product-card-entry{

    border-radius: 22px;

    overflow: hidden;

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

    box-shadow:
    0 6px 20px rgba(0,0,0,.06);

    background: #fff;
}

/* Hover للكروت */

.s-product-card-entry:hover{

    transform: translateY(-6px);

    box-shadow:
    0 16px 34px rgba(46,49,146,.14);
}

/* =========================================
   الصور داخل الكروت
========================================= */

.s-product-card-entry img{

    transition:
    transform .6s ease,
    filter .4s ease;
}

.s-product-card-entry:hover img{

    transform: scale(1.05);

    filter: brightness(1.02);
}

/* =========================================
   العناوين
========================================= */

.section-title,
.s-block__title{

    font-size: 22px;

    font-weight: 800;

    color: #2e3192;

    margin-bottom: 18px;

    position: relative;
}

/* خط فاخر */

.section-title::after,
.s-block__title::after{

    content: "";

    width: 42px;
    height: 4px;

    border-radius: 20px;

    background: #2e3192;

    position: absolute;

    bottom: -8px;
    right: 0;
}

/* =========================================
   موبايل
========================================= */

@media(max-width:768px){

    .swiper-slide a,
    .swiper-slide img{

        border-radius: 18px;
    }

    .swiper-slide::after{

        border-radius: 18px;
    }

    .s-product-card-entry{

        border-radius: 18px;
    }

}
/* صورة البانر */
.banner--fixed img{
  border-radius:.8rem;
  border:none;
  display:block;
  width:100%;
  object-fit:cover;
  transform:scale(1.03);
  transition:all .5s ease;
}

/* تكبير عند المرور */
.banner--fixed:hover img{
  transform:scale(1.06);
}

/* حاوية البانر */
.s-block--fixed-banner{
  position:relative;
  overflow:hidden;
}

.s-block--fixed-banner .banner{
  position:relative;
  overflow:hidden;
  border-radius:18px;
}

/* تأثير اللمعة */
.s-block--fixed-banner .banner::after{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:35%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.45),
    transparent
  );
  transform:skewX(-18deg);
  animation:bannerShine 6s infinite;
}

/* حركة اللمعة */
@keyframes bannerShine{
  0%{left:-120%;}
  100%{left:150%;}
}

div#cartat_fwp {
    display: none;
}
.bg-inherit {
    background-color: #2f3786;
    color: white;
}

.header-btn__icon , .s-user-menu-login-btn{
     background: #ffffff;
}

/* تحسين كرت المنتج */
.s-product-card-vertical {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    transition: all .35s ease;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    border: 1px solid rgba(0,0,0,0.05);
    transform: translateY(0);
}

/* تأثير Hover احترافي */
.s-product-card-vertical:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 35px rgba(0,0,0,0.12);
}

/* انيميشن دخول للكروت */
.s-product-card-entry {
    animation: productFade .7s ease both;
}

@keyframes productFade {
    from {
        opacity: 0;
        transform: translateY(25px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* تحسين الصورة */
.s-product-card-image {
    overflow: hidden;
    border-radius: 18px 18px 0 0;
    position: relative;
}

.s-product-card-image img {
    transition: transform .6s ease;
}

/* زوم ناعم للصورة */
.s-product-card-vertical:hover .s-product-card-image img {
    transform: scale(1.08);
}

/* لمعة احترافية */
.s-product-card-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transition: .8s;
}

.s-product-card-vertical:hover .s-product-card-image::after {
    left: 140%;
}

/* تحسين المحتوى */
.s-product-card-content {
    padding: 14px;
}

/* اسم المنتج */
.s-product-card-content h3,
.s-product-card-content .name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.7;
    color: #111827;
    transition: .3s;
}

.s-product-card-vertical:hover h3 {
    color: #1d4ed8;
}

/* السعر */
.s-product-price,
.price {
    font-size: 18px;
    font-weight: 800;
    color: #2563eb;
}

/* زر السلة */
.s-button-btn,
button.s-button-element {
    border-radius: 14px !important;
    transition: all .3s ease;
    font-weight: 700;
    overflow: hidden;
    position: relative;
}

/* تأثير الزر */
.s-button-btn:hover,
button.s-button-element:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(37,99,235,.22);
}

/* أيقونة المفضلة */
.s-product-card-wishlist-btn {
    backdrop-filter: blur(10px);
    background: rgba(255,255,255,.9);
    border-radius: 50%;
    transition: .3s ease;
}

.s-product-card-wishlist-btn:hover {
    transform: scale(1.12);
}

/* تحسين الجوال */
@media (max-width: 768px) {

    .s-product-card-vertical {
        border-radius: 18px;
    }

    .s-product-card-content {
        padding: 10px;
    }

    .s-product-price,
    .price {
        font-size: 16px;
    }

    .s-button-btn,
    button.s-button-element {
        min-height: 42px;
        font-size: 13px;
    }
}


/* ===================================
   الهيدر
=================================== */

.store-header,
.main-header,
header{
  background:linear-gradient(135deg,var(--main),var(--main2));
  box-shadow:var(--shadow);
  transition:var(--transition);
}
 

/* ===================================
   البطاقات فقط
=================================== */

.s-product-card,
.products-grid .card,
.product-entry{
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
  transition:all .3s ease;
  border:1px solid rgba(46,49,146,.05);
}

.s-product-card:hover,
.products-grid .card:hover,
.product-entry:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 28px rgba(46,49,146,.15);
}

/* ===================================
   الصور داخل المنتجات فقط
=================================== */

.s-product-card img,
.product-entry img{
  transition:transform .4s ease;
}

.s-product-card:hover img,
.product-entry:hover img{
  transform:scale(1.03);
}

/* ===================================
   الأزرار
=================================== */

.s-button-element,
.btn-primary,
button.s-button-element{

  background:linear-gradient(135deg,var(--main),var(--main2));
  border:none;
  border-radius:14px;
  transition:all .3s ease;
  box-shadow:0 4px 12px rgba(46,49,146,.12);
}

.s-button-element:hover,
.btn-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(46,49,146,.2);
}

/* ===================================
   البحث
=================================== */

.search-input,
input[type="search"]{
  border-radius:14px !important;
  border:1px solid #dbe3ff !important;
  background:#fff;
}

.search-input:focus,
input[type="search"]:focus{
  border-color:var(--main) !important;
  box-shadow:0 0 0 4px rgba(46,49,146,.12);
}

/* ===================================
   السلايدر
=================================== */

.swiper{
  overflow:hidden;
  border-radius:20px;
}

.swiper-slide{
  transition:opacity .3s ease;
}

/* ===================================
   الفوتر
=================================== */

.footer-store-footer,
footer{
  background:#fff;
  border-top:1px solid rgba(46,49,146,.08);
}

.footer-store-footer a,
footer a{
  transition:.3s;
}

.footer-store-footer a:hover,
footer a:hover{
  color:var(--main);
}

/* ===================================
   انيميشن ناعم
=================================== */

.s-product-card,
.product-entry{
  animation:fadeUp .5s ease;
}

@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(15px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* ===================================
   الجوال
=================================== */

@media(max-width:768px){

  .s-product-card{
    border-radius:16px;
  }

  h1,h2,h3{
    font-size:20px;
  }

}

/* =========================================
   Sticky Header Mobile Optimized
========================================= */

/* الحاوية الرئيسية */
.main-nav-container .inner,
.fixed-header .inner,
.main-header .inner{

    position: fixed;
    top: 6px;
    right: 50%;
    transform: translateX(50%);

    width: calc(100% - 14px);
    max-width: 400px;

    z-index: 9999;

    padding: 4px 8PX;

    border-radius: 18px;

    background:
    linear-gradient(
        135deg,
        rgba(33,39,122,.82),
        rgba(46,49,146,.76)
    );

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

    border: 1px solid rgba(255,255,255,.08);

    box-shadow:
    0 8px 24px rgba(0,0,0,.14),
    0 4px 12px rgba(46,49,146,.18);

    transition: all .3s ease;
}

/* =========================================
   تصغير ارتفاع الهيدر
========================================= */

.main-header,
.main-nav-container,
.fixed-header{

    min-height: auto !important;
    height: auto !important;
}

/* =========================================
   اللوقو
========================================= */

.store-logo img,
.logo img{

    height: 38px !important;
    max-height: 38px !important;
    width: auto;

    object-fit: contain;

    transition: all .3s ease;
}

/* =========================================
   الأيقونات
========================================= */

.main-header button,
.main-header .icon,
.main-nav-container button{

    width: 34px;
    height: 34px;

    min-width: 34px;
    min-height: 34px;

    border-radius: 12px;

    transition: all .25s ease;
}

/* =========================================
   منع تغطية المحتوى
========================================= */

body{
    padding-top: 72px !important;
}

/* =========================================
   البحث
========================================= */

.main-header input,
.search-input{

    height: 38px;

    border-radius: 14px;

    font-size: 13px;

    background: rgba(255,255,255,.08);

    border: 1px solid rgba(255,255,255,.10);

    color: #fff;
}

.main-header input::placeholder{
    color: rgba(255,255,255,.65);
}

/* =========================================
   تأثير السكرول
========================================= */

.main-nav-container.animated .inner{

    background:
    linear-gradient(
        135deg,
        rgba(26,31,108,.92),
        rgba(46,49,146,.88)
    );

    box-shadow:
    0 10px 30px rgba(0,0,0,.18);
}

/* =========================================
   موبايل فقط
========================================= */

@media(max-width:768px){

    .main-nav-container .inner,
    .fixed-header .inner{

        top: 5px;

        padding: 7px 10px;

        border-radius: 16px;
    }

    .store-logo img,
    .logo img{

        height: 34px !important;
        max-height: 34px !important;
    }

    body{
        padding-top: 64px !important;
    }

}

/* ================================
   FOOTER SILVER PREMIUM
================================ */

.store-footer{
    position:relative;
    background:#fff !important;
    padding:170px 20px 50px !important;
    margin-top:80px;
    overflow:hidden;
    text-align:center;
    border-top:0 !important;
}

/* الخلفية العلوية الفضية */
.store-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:-5%;
    width:110%;
    height:120px;
    background:linear-gradient(135deg,#d7d7d7,#f3f3f3,#c2c2c2);
    border-radius:0 0 50% 50%;
    z-index:1;
}

/* الشعار */
.store-footer::after{
    content:"";
    background:url("https://i.ibb.co/0Sb9Yh8/logo.png") no-repeat center;
    background-size:contain;
    width:170px;
    height:90px;
    position:absolute;
    top:28px;
    right:50%;
    transform:translateX(50%);
    z-index:3;
}

.store-footer *{
    position:relative;
    z-index:2;
}

/* النص */
.store-footer p{
    color:#555 !important;
    line-height:2;
    font-size:15px;
}

/* بوكس السجل */
.store-footer .footer-commercial,
.store-footer .cr-info,
.store-footer .commercial-info{

    background:linear-gradient(135deg,#d7d7d7,#f3f3f3,#c2c2c2) !important;

    border-radius:24px;

    padding:28px;

    margin:40px auto;

    max-width:900px;

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

    gap:25px;
    flex-wrap:wrap;

    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

/* عناصر البوكس */
.store-footer .footer-commercial > div,
.store-footer .cr-info > div,
.store-footer .commercial-info > div{
    flex:1;
    min-width:180px;
    text-align:center;
}

/* العنوان */
.store-footer h4{
    color:#666 !important;
    font-size:14px;
    margin-bottom:10px;
}

/* رقم السجل */
.store-footer .cr-number,
.store-footer .commercial-number{
    font-size:34px;
    font-weight:800;
    color:#111 !important;
    letter-spacing:2px;
}

/* الصور */
.store-footer img{
    max-width:130px;
    object-fit:contain;
}

/* روابط */
.store-footer h3{
    font-size:22px;
    color:#111;
    margin:35px 0 20px;
}

.store-footer ul{
    list-style:none;
    padding:0;
    margin:0;
}

.store-footer ul li{
    margin-bottom:12px;
}

.store-footer ul li a{
    color:#555 !important;
    text-decoration:none;
    transition:.3s;
}

.store-footer ul li a:hover{
    color:#000 !important;
}

/* =================================
   إصلاح أيقونات الدفع
================================= */

.store-footer .payments-list,
.store-footer .payment-icons,
.store-footer .footer-payments{

    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:wrap;
}

/* الأيقونات */
.store-footer .payments-list img,
.store-footer .payment-icons img,
.store-footer .footer-payments img{

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

    object-fit:contain;

    background:#fff;

    padding:6px;

    border-radius:10px;

    border:1px solid #e5e5e5;

    box-shadow:0 2px 8px rgba(0,0,0,.04);
}

/* إزالة مشاكل SVG */
.store-footer svg{
    width:auto;
    height:auto;
    max-width:100%;
}

/* موبايل */
@media(max-width:768px){

    .store-footer{
        padding-top:145px !important;
    }

    .store-footer::before{
        height:90px;
    }

    .store-footer::after{
        width:130px;
        height:70px;
        top:20px;
    }

    .store-footer .footer-commercial,
    .store-footer .cr-info,
    .store-footer .commercial-info{
        padding:20px;
        gap:18px;
        border-radius:18px;
    }

    .store-footer .cr-number,
    .store-footer .commercial-number{
        font-size:24px;
    }

}