.s-block--photos-slider,
.s-block--photos-slider salla-slider,
.s-block--photos-slider .swiper,
.s-block--photos-slider .swiper.s-slider-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-block--photos-slider .swiper-wrapper,
.s-block--photos-slider .swiper-slide {
    width: 100% !important;
}

.s-block--photos-slider .swiper-slide img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}


.s-block--fixed-banner {
    width: 100% !important;
}

.s-block--fixed-banner .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.s-block--fixed-banner .banner.banner--fixed {
    width: 100% !important;
    display: block !important;
}

.s-block--fixed-banner .banner.banner--fixed img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    max-width: none !important;
}

main#main-content {
    background: rgb(15 46 42);
}
element.style {
    background-color: #0f2e2a !important;
}
element.style {
    color: #ffffff;
}
section.sticky-product-bar.bg-white {
    background-color: #0f2e2a;
}
input.s-quantity-input-input {
    background-color: #0f2e2a;
}
.s-product-options-option {
    background-color: #0f2e2a;
}
.s-product-options-grid-mode-span {
    color: #0f2e2a;
}
b {
    color: white !important;
}
span.text-\[15px\].font-medium.block {
    color: white;
}
label.form-label.text-\[15px\].font-medium {
    color: white;
}

.s-product-options-grid-mode input:checked + div {
    background-color: #ffffff;
    border-color: #ad8c57;
    color: var(--color-primary);
    box-shadow: 0 0 0 2px #ad8c57;
}


button.s-fast-checkout-button.outline {
    background-color: transparent !important;
    border: 1px solid #ad8c57 !important;
    color: #ad8c57 !important;
}

.s-comments.s-comments-product {
    background-color: #0f2e2a;
}
.content.content--single-page.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12 {
    background-color: #0f2e2a;
    color: white;
}
@media (max-width: 1023px) {
  .lg\:w-1\/2 img.lg\:block.hidden {
    display: block !important;
  }
  .lg\:w-1\/2 img.lg\:hidden {
    display: none !important;
  }
}

a.black-image-text-btn-main.px-10.py-4.text-center.text-base.font-medium.uppercase.transition-all.duration-300.rounded-\[0px\] {
    color: white !important;
    background-color: #0f2e2a !important;
}

/* --- تثبيت الهيدر بلونك الأساسي مع الشفافية --- */
header.site-header, 
.header-container, 
.store-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    /* اللون #0f2e2a محول هنا إلى صيغة تدعم الشفافية، الرقم 0.85 يعبر عن درجة الشفافية (يمكنك تقليله لزيادة الشفافية مثل 0.7) */
    background-color: rgba(15, 46, 42, 0.7) !important; 
    backdrop-filter: blur(8px) !important; /* تأثير ضبابي راقي يجعل خلفية الهيدر متناسقة مع الصور أو المحتوى تحته */
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

body, 
main, 
.page-wrapper {
    padding-top: 39px !important; 
}

.black-store-footer .black-store-footer__inner salla-social .s-social-list .s-social-link a {
    background-color: #0f2e2a !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ad8c57 !important;
    height: 40px !important;
    transition: .3s;
    width: 40px !important;
}