/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap');
/* ==============================
   2- إعدادات الصفحة الأساسية (Body)
============================== */
body {
    font-family: "Beiruti" !important;/* خط النص */
}
body#app.index {
    background: white; /* خلفية بيضاء لصفحة الهوم */
}


/* ==============================
   3- إعدادات اللازي لود (Lazy Loading)
============================== */
.lazy__bg.lazy.entered.loaded {
    background-size: contain;      /* ملاءمة الخلفية بدون قص */
    background-repeat: no-repeat;  /* منع التكرار */
}


/* ==============================
   4- إعدادات الصور والبنرات
============================== */
a.banner-entry.square-photos {
    background: transparent; /* خلفية شفافة */
}

.banner-entry {
    transition:
        transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),       /* حركة تكبير/تصغير */
        background-size 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), /* انتقال حجم الخلفية */
        background-position 0.6s ease;                             /* انتقال موضع الخلفية */
}

.banner-entry:hover {
    transform: scale(1.05) translateY(-10px); /* تكبير وتحريك لأعلى عند الهوفر */
}

img {
    background: transparent !important; /* إزالة خلفية الصور */
    border-radius: 0;                   /* إزالة الزوايا الدائرية */
}
.index section.s-block--fixed-banner:nth-of-type(1) > .container,
.index section.s-block--fixed-banner:nth-of-type(5) > .container,
.index section.s-block--fixed-banner:nth-of-type(6) > .container{
    max-width: 100%; /* تمديد الكونتينر بعرض الصفحة */
    padding: 0;      /* إزالة الهوامش الداخلية */
}

.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1; /* امتداد عمود واحد */
    grid-row: span 1 / span 2;    /* امتداد صفين */
}




section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type {
    margin-top: 0;
}




/* ميديا كويري للشاشات الصغيرة */
@media (max-width: 768px) {
    .s-block--banners .grid.two-row {
        grid-template-columns: repeat(2, 1fr); /* عمودين للشاشات الصغيرة */
        gap: 1rem;
    }
}

/* ========== أزرار إضافة إلى السلة بالجريدينت ========== */

.s-button,
.s-button-wide,
.s-button--add-to-cart,
button.add-to-cart-btn,
button.s-button-primary,
a.s-button-primary {
    background: linear-gradient(90deg, #FFA500 0%, #ED5F1F 100%) !important;
    color: #000000!important;
    border: none !important;
    border-radius: 10px;
    transition: 0.3s ease;
}

/* Hover Effect – عكس الجريدينت أو تغميق بسيط */
.s-button:hover,
.s-button-wide:hover,
.s-button--add-to-cart:hover,
button.add-to-cart-btn:hover,
button.s-button-primary:hover,
a.s-button-primary:hover {
    background: linear-gradient(90deg, #ED5F1F 0%, #FFA500 100%) !important;
    color: #fff !important;
    transform: translateY(-2px);
}
/* ========== المنتجات ========== */

@media (max-width: 687px) {
    .s-slider-block__title-right h2 {
        color: #232323 !important;
    }
}
h2 {
    color: #232323 !important;
}
.s-slider-block__title h2,
.s-block__title h2 {
    display: inline-block;
    position: relative;
    color: #212121;
    text-align: center;
}
.s-slider-block__title h2::after,
.s-block__title h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background-color: rgba(34, 34, 34, 1);
    z-index: -1;
    border-radius: 3px;
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image {
    background-color: #fff;
}
.s-products-list-vertical-cards {
    padding: 0.3rem !important;
}
.s-slider-block__title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    max-width: 1280px;
}
.s-product-card-vertical {
    padding: 0.1rem;
    box-shadow: 0px 0px 6px -1px #565651;
}
.swiper-wrapper.s-slider-swiper-wrapper {
    padding: 0.4rem 0;
}
.s-product-card-price {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: #A22424;
}
.s-product-card-content-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.s-product-card-content-title a {
    color: #292929;
}
.s-product-card-content-sub {
    justify-content: flex-start;
}
.s-button-wide {
    background-color: #292929;
    color: #fff;
    border-radius: 10px !important;
}
.s-product-card-vertical img {
    transition: 0.5s;
}
.s-product-card-image img.loaded {
    aspect-ratio: 4/4 !important;
}
.s-product-card-vertical:hover img {
    opacity: 0.9;
    transform: scale(1.1);
}

.s-reviews-header-wrapper {
    display: flex;
    justify-content: center;
}

.s-reviews-header {
    font-size: 2.125rem;

}

.s-reviews-header-wrapper {
    position: relative;
    text-align: center; /* أهم نقطة */
}

.s-reviews-header-wrapper::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 220px;
    height: 100px;
    transform: translate(-50%, -50%);
    background-image: url("https://i.ibb.co/pvBZRY2h/Rectangle-48700.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

.s-reviews-header {
    position: relative;
    display: inline-block; /* يضمن أنها تتصنتر */
    z-index: 2;
}

/* ==============================
   12- responsive
============================== */

@media(max-width:767px){
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
.main-nav-container {
    min-height: 56px;
}
  .s-button-element:not(:disabled):not([loading]) {
    font-size: 11px;
}
}

/* ========== الفوتر + الشعار الشفاف + الحقوق ========== */
.store-footer {
    background-color: #000000 !important;
    background-image: url("https://i.ibb.co/rRtVj7fy/image.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #000000 !important;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 3rem 1rem;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

footer > div.store-footer__inner {
    background-color: transparent !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: #000000 !important;
    font-size: 14px;
}

footer.store-footer * {
    text-align: center !important;
    justify-content: center !important;
    color: #000000 !important;
    font-size: 14px;
}

footer.store-footer .container.grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative;
    z-index: 1;
    color: #000000 !important;
    font-size: 14px;
}

footer.store-footer .container.grid > div {
    width: 100%;
    max-width: 100%;
    text-align: center !important;
}

.s-social-list.hydrated {
    place-content: center;
    margin-top: 10px;
    text-align: center !important;
}

.store-footer__inner .container.grid > div:nth-of-type(1) {
    display: none !important;
}

.store-footer__inner .container.grid::before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;
    background: url("https://i.ibb.co/99B9QTpB/0-9.png") no-repeat center center;
    background-size: contain;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}

.text-sm.copyright-text {
    color: #222222 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    position: relative;
    z-index: 1;
    text-align: center !important;
}
.text-sm.copyright-text::before {
    content: "جميع الحقوق محفوظة © متجر أثاثي";
    display: block;
}