/* خط الموقع: ملفات الخط مباشرة بدل @import (بيوفّر طلب كامل قبل ما الخط يبدأ يتحمّل) */
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ys43PW5fslBEg0.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3CZRtWPQCuHme67tEYUIx3Kh0PHR9N6Ys93PW5fslB.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CRXMRrKATtYV0.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPO_-CUXMRrKATt.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCRXMRrKATtYV0.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsansarabic/v15/Qw3NZRtWPQCuHme67tEYUIx3Kh0PHR9N6YPi-OCUXMRrKATt.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}


body {
    background-color: #fff !important;
    font-family: "IBM Plex Sans Arabic", sans-serif;
}

/* ========================================================
   1. الهيدر، أزرار التحكم والبحث (تنسيق موحد للابتوب والجوال)
   ======================================================== */
header .flex.items-stretch.justify-between.relative .main-menu li > a,
header .sicon-menu {
    color: #222;
}

.s-user-menu-trigger {
    background: 0 0;
    background-color: transparent;
}

header .sicon-menu {
    margin-right: 9px;
}

header .header-btn__icon {
    border: none;
    height: auto;
    width: auto;
}

header .header-btn__icon.icon.sicon-shopping-bag,
header .header-btn__icon.sicon-user-circle {
    font-size: 0;
    margin-left: 0;
}

/* تنسيق أزرار الهيدر المستقلة (السلة، المستخدم، والبحث) كدوائر أنيقة */
header .header-btn,
header .header-buttons .header-btn,
header .btn--search,
header .header-btn--search,
header salla-search button,
header .header-btn__icon.icon.sicon-shopping-bag,
header .header-btn__icon.sicon-user-circle {
    background-color: #FDFBF9 !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 6px !important;
    border-radius: 50% !important;
    width: 2.2rem !important;
    height: 2.2rem !important;
    min-width: 2.2rem !important;
    min-height: 2.2rem !important;
    color: #222 !important;
    border: 1px solid #F3EBE7 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
}

header .header-btn:hover,
header .btn--search:hover,
header salla-search button:hover {
    background-color: #F6EFEA !important;
    transform: scale(1.05);
}

/* حاوية أزرار الهيدر */
.header-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    position: relative !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.header-buttons .btn--rounded-gray {
    padding: 0;
    background: 0 0;
    color: #222;
}

header .header-btn__icon.icon.sicon-shopping-bag:after {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/JqNGIBzHJcAzAD2pzx0zOqgtZblxPj4lGp5T7X07.png) no-repeat center/cover;
    width: 20px;
    height: 20px;
    display: block;
}

header .header-btn__icon.sicon-user-circle:after {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/CjyiKMGZjilir20Gxg4PCkneY566uf4FEpjZB9Nd.png) no-repeat center/cover;
    display: block;
    width: 20px !important;
    height: 20px !important;
}

header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin-right: 0;
}

body:lang(en) header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin-left: 0;
}

#mainnav {
    height: auto !important;
    min-height: auto;
}

.main-nav-container {
    background-color: #fff !important;
}

.top-navbar {
    display: none;
}

.main-menu > li > a[href*=offer] {
    color: #D68B7F;
}

/* ========================================================
   2. إظهار وتنسيق مربع / زر البحث بالأعلى (Search Bar & Button)
   ======================================================== */
/* إظهار كائن البحث وضمان ظهوره في قمة الصفحة */
salla-search,
.header-search,
.s-search,
.header-search-bar,
header [class*="search"] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    z-index: 10 !important;
}

/* أيقونة البحث */
header .sicon-search,
header .header-search-icon,
header salla-search i {
    font-size: 1.1rem !important;
    color: #222 !important;
}

/* مربع الإدخال للبحث (إن كان ظاهراً كحقل إدخال) */
salla-search input,
.header-search input,
.s-search-input {
    background-color: #FDFBF9 !important;
    border: 1px solid #F3EBE7 !important;
    border-radius: 25px !important;
    padding: 6px 14px 6px 36px !important;
    font-size: 0.85rem !important;
    color: #333 !important;
    outline: none !important;
    transition: all 0.3s ease !important;
}

salla-search input:focus,
.header-search input:focus {
    border-color: #D68B7F !important;
    box-shadow: 0 0 0 3px rgba(214, 139, 127, 0.15) !important;
}

/* ضبط حجم وتمركز مربع البحث في الشاشات الكبيرة (لابتوب) */
@media (min-width: 1024px) {
    salla-search,
    .header-search {
        max-width: 260px;
    }
}

/* ضبط مربع وزر البحث في شاشات الجوال */
@media (max-width: 768px) {
    salla-search,
    .header-search {
        margin: 0 4px !important;
    }
    
    header .header-btn,
    header .header-buttons .header-btn,
    header .btn--search,
    header salla-search button {
        width: 1.95rem !important;
        height: 1.95rem !important;
        min-width: 1.95rem !important;
        min-height: 1.95rem !important;
        padding: 4px !important;
    }
}

/* ========================================================
   3. الشعار في المنتصف بدقة بدون تغطية الأزرار
   ======================================================== */
.navbar-brand,
header .navbar-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
    pointer-events: auto;
}

.navbar-brand img,
header .navbar-brand img {
    display: block !important;
    margin: 0 auto !important;
    max-height: 3.6rem !important;
    max-width: 170px !important;
    width: auto !important;
}

@media (max-width: 768px) {
    .navbar-brand img,
    header .navbar-brand img {
        max-height: 2.8rem !important;
        max-width: 135px !important;
    }
}

/* ========================================================
   4. شبكة التصنيفات والمربعات (2x2 للابتوب والجوال)
   ======================================================== */
.s-block,
.s-block--banners,
.s-block--fixed-banner,
.s-block--categories,
salla-categories,
[class*="categories"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.s-block--categories .grid,
.s-block--categories .swiper-wrapper,
[class*="categories"] .grid,
[class*="categories"] .swiper-wrapper,
salla-categories .grid,
.s-block--banners .grid,
.banner-entry.square-photos-container,
.grid.two-row,
.grid.md\:grid-cols-3.two-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: dense !important;
    gap: 10px !important;
    width: 100% !important;
    transform: none !important;
    padding: 0 5px !important;
}

.s-block--categories .category-item,
.s-block--categories .swiper-slide,
[class*="categories"] .category-entry,
[class*="categories"] .swiper-slide,
.s-block--categories a,
[class*="categories"] a,
.banner-entry.square-photos,
.banner-entry,
.square-photos {
    grid-column: span 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    aspect-ratio: 1/1 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: none !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.s-block.s-block--fixed-banner:first-of-type,
.s-block--fixed-banner+.s-block--fixed-banner:nth-of-type(2) {
    margin-top: 0;
}

section.s-block.s-block--banners .s-block__title {
    justify-content: center;
    padding-top: 2rem;
}

section.s-block.s-block--fixed-banner .container {
    padding: 0;
}

section.s-block.s-block--fixed-banner .banner--fixed img {
    border-radius: 0;
    background: transparent;
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0 !important;
}

section.s-block.s-block--banners .s-block__title h2,
.s-slider-block__title h2 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #222;
}

/* ========================================================
   5. سلايدر العروض والمنتجات
   ======================================================== */
#best-offers-6-slider,
#best-offers-7-slider,
#best-offers-18-slider,
#best-offers-19-slider {
    background: #FDFBF9;
}

.s-block.s-block--best-offers {
    margin-top: 0;
}

.s-block.s-block--best-offers .swiper-wrapper {
    justify-content: start;
}

#best-offers-10-slider,
#best-offers-11-slider {
    background: #3B2F2D;
}

#best-offers-10-slider .s-product-card-content-footer .s-button-primary-outline,
#best-offers-11-slider .s-product-card-content-footer .s-button-primary-outline {
    background: #D68B7F;
    color: #fff;
}

#best-offers-14-slider,
#best-offers-15-slider {
    background: #F6EFEA;
}

#best-offers-10-slider .s-product-card-price,
#best-offers-10-slider .s-product-card-content-title a,
#best-offers-10-slider .s-slider-block__title,
#best-offers-11-slider .s-product-card-price,
#best-offers-11-slider .s-product-card-content-title a,
#best-offers-11-slider .s-slider-block__title {
    color: #fff;
}

.s-slider-block__title-left {
    display: none;
}

.s-product-card-content-title a,
.s-product-card-price {
    text-align: center;
    font-size: 1.25rem;
    color: #222;
    display: block;
}

.s-product-card-content-sub,
.s-product-card-content-subtitle {
    justify-content: center;
    text-align: center;
}

.s-product-card-content-footer .s-button-primary-outline {
    background: #D68B7F;
    border: none;
    color: #fff;
    padding: 6px 12px !important;
    font-size: .85rem !important;
    border-radius: 8px !important;
    min-height: unset !important;
    height: auto !important;
    transition: all .3s ease;
}

.s-product-card-content-footer .s-button-primary-outline:hover {
    background: #C4796D;
}

.s-product-card-content-footer .s-button-primary-outline .s-button-text i {
    display: none;
}

.s-product-card-content-footer .s-button-primary-outline:before {
    margin-inline: 5px;
    content: "";
    background: url(https://media.zid.store/eeebe6f0-dc0e-46e7-a4fb-56c7c4f3196f/b27d7917-b612-41a1-807f-496377b9fea5.svg) no-repeat center/cover;
    width: 16px !important;
    height: 16px !important;
    background-size: contain !important;
    filter: brightness(0) invert(1);
}

.s-product-card-entry,
.s-product-card-image {
    background-color: transparent;
}

.s-slider-block__title h2,
.s-slider-block__title-right,
.s-block__title .right-side {
    padding-left: 0 !important;
}

.s-block--best-offers .carousel-slider .swiper {
    padding: 1.5rem 3rem;
}

.s-slider-block__title {
    flex-direction: column;
    justify-content: center;
    color: #222;
    margin-bottom: 0;
    margin-top: 1rem;
}

/* ========================================================
   6. الأسئلة الشائعة والأكورديون
   ======================================================== */
.index .accordion-section {
    margin: 2rem auto;
    padding: 10px 15px;
    max-width: 60rem;
}

.section-title,
.s-reviews-header {
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    color: #222;
}

.section-sub {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    margin-top: 5px;
    color: #555;
}

.accordion {
    direction: rtl;
    padding-top: 10px;
}

.accordion-button {
    cursor: pointer;
    width: 100%;
    text-align: right;
    color: #222;
    font-size: .9rem;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    transition: all .3s ease-out;
}

.accordion-button .icon {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #D68B7F !important;
    margin-left: 10px !important;
    display: inline-block !important;
}

body:lang(en) .accordion-button,
body:lang(en) .accordion-content p {
    direction: ltr;
}

.index .accordion-button {
    padding: 10px 15px;
    background: #FDFBF9;
    border: 1px solid #F3EBE7;
    margin-bottom: 10px;
    border-radius: 12px;
    color: #222;
}

.accordion-button.active {
    background: #F6EFEA;
}

.accordion-content {
    background-color: #fff;
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s ease-out;
    padding-left: 18px;
    padding-right: 18px;
}

.accordion-content p {
    margin: 10px 0 18px;
    color: #444;
}

.product-single .accordion-button {
    border-bottom: 1px solid #F6EFEA;
    padding: 8px 15px;
    font-weight: 500;
}

.product-single .accordion-section {
    margin-bottom: 1rem;
}

/* ========================================================
   7. التقييمات والفوتر
   ======================================================== */
.s-reviews-header-wrapper {
    justify-content: center;
}

.s-reviews-testimonial__icon,
.s-reviews-testimonial__avatar {
    display: none;
}

.s-reviews-testimonial {
    background-color: #fff !important;
}

.s-reviews-testimonial__text p {
    text-align: center;
    color: #444;
}

.s-reviews-testimonial__text {
    flex-direction: column-reverse;
}

.s-reviews-testimonial__rating {
    margin-left: 0;
    order: -1;
}

.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner {
    background-color: #FDFBF9 !important;
    margin-left: 13px;
    margin-right: 13px;
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
    color: #222 !important;
    text-align: center !important;
}

.store-footer *,
.store-footer p,
.store-footer h3,
.store-footer a,
.store-footer__inner,
.store-footer__inner .container {
    text-align: center !important;
    justify-content: center !important;
}

.store-footer__inner .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

footer .store-footer__inner .container div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20:before {
    content: "";
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/nElaNa/stores/logos/DvtrKcdTxb4qn7aY1Ysj6OgqLpEBLPuXs9HrJRwL.png) center/contain no-repeat;
    display: block;
    max-width: 4rem;
    height: 4rem;
    margin: 0 auto 10px auto;
}

.store-footer a.flex.items-center.m-0 h3,
.store-footer a .unicode {
    display: none;
}

.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0;
}

.footer-is-light .store-footer .contact-social {
    margin: 0 auto;
    border: none;
    justify-content: center !important;
    display: flex !important;
}

.store-footer__inner .s-contacts-list {
    display: flex;
    align-items: center;
    justify-content: center !important;
    border: none;
    margin: 0 auto;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div h3 {
    display: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a {
    margin-bottom: 0;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div:first-of-type a i,
.store-footer__inner .container:first-of-type div:nth-of-type(3) div a i {
    color: #222;
    transition: all .3s ease;
    font-size: 18px;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a,
.s-contacts-icon {
    border: none;
}

.store-footer__inner .container:first-of-type div:nth-of-type(3) div a:hover {
    opacity: .6;
}

.store-footer p.max-w-sm.leading-6.mb-6 {
    padding-top: 1rem;
    max-width: 100%;
    color: #444;
    text-align: center !important;
    margin: 0 auto;
}

.store-footer h3 {
    color: #222;
    text-align: center !important;
}

.s-contacts-icon svg,
.s-social-link a svg {
    height: 1.2rem;
    width: 1.2rem;
    fill: #222 !important;
}

.s-contacts-icon,
footer .s-social-link a {
    height: 100%;
    width: 100%;
    padding: 10px;
}

#btn-show-more {
    display: none;
}

/* ========================================================
   8. صفحة المنتج وتفاصيلها
   ======================================================== */
.product-single h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    margin-bottom: 0;
    color: #222;
}

.product-single .description-div {
    padding-bottom: 20px;
}

.product-single .product__description {
    padding: 0;
}

.main-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.s-comments-product {
    background: #fff;
}

.s-comments-item {
    background: #FDFBF9;
    padding: 15px !important;
}

.click {
    font-weight: 600;
    color: #D68B7F;
}

.story-section {
    max-width: 750px;
    margin: 2rem auto;
    padding: 1.5rem;
    font-family: "IBM Plex Sans Arabic", sans-serif;
    direction: rtl;
    line-height: 2;
    text-align: center;
    color: #333;
}

.story-section h2 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    text-align: center;
    margin-bottom: 1.2rem;
}

.story-section p {
    font-size: .95rem;
    text-align: center;
    padding: 0 10px;
}

.s-product-card-image img {
    width: 100%;
    height: auto;
    max-height: 21rem;
}

.s-product-card-fit-height .s-product-card-image {
    height: 18rem;
    max-height: 23rem;
}

.product-color-preview {
    display: flex;
    gap: 6px;
    margin-top: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

.color-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc;
}

.s-product-card-badge,
.product-single .product__badge {
    display: none !important;
}

.s-cart-summary-count {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #D68B7F;
    color: #fff;
    font-size: .65rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 10px;
    z-index: 10;
    min-width: 18px;
    height: 18px;
}

.s-block--features__item p {
    display: none;
}

/* ========================================================
   9. ضبط الاستجابة للشاشات (Media Queries)
   ======================================================== */
@media (max-width: 768px) {
    .s-product-card-content-title a,
    .s-product-card-content-title h3,
    .product-single h1.text-xl.md\:text-2xl {
        font-size: .85rem !important;
        line-height: 1.25 !important;
        font-weight: 500 !important;
    }
    
    .s-product-card-price {
        font-size: .82rem !important;
    }
    
    .s-products-slider-card {
        max-width: 50%;
    }
    
    .s-block--best-offers .carousel-slider .swiper {
        padding: 1.5rem 1rem;
    }
    
    .s-product-card-content {
        padding: .4rem 0;
    }
    
    .s-product-card-fit-height .s-product-card-image {
        height: 13rem;
        max-height: 16rem;
    }
}

@media (min-width: 1024px) {
    .s-block.s-block--best-offers .swiper-wrapper {
        justify-content: center;
    }
    
    .main-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        position: relative;
    }
    
    .main-menu > li {
        list-style: none;
        flex: 0 1 auto;
        white-space: nowrap;
    }
    
    .main-menu > li.navbar-brand {
        order: 0;
        flex: 0 0 auto;
        margin: 0 2rem;
        pointer-events: none;
    }
    
    .main-menu li > a {
        font-size: 1rem;
        color: #222;
    }
}

/* ========================================================
   10. العناوين وتوسيط الأقسام والفواصل
   ======================================================== */
.s-block--categories,
salla-categories,
.s-block--banners:has(.square-photos) {
    margin-bottom: 2.5rem !important;
    padding-bottom: 1rem !important;
}

.s-block--best-offers,
.s-block.s-block--best-offers,
.s-slider-block__title:has(h2:contains("الأكثر")) {
    margin-top: 2rem !important;
    padding-top: 1rem !important;
}

.s-block__title,
.s-slider-block__title {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 1.5rem auto !important;
    padding: 0 !important;
}

.s-block__title .s-block__display-all,
.s-block__title a.all-products,
.s-slider-block__title-left,
.s-block__title .left-side,
.s-slider-block__title a {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 5 !important;
}

.accordion-section {
    width: 100% !important;
    text-align: center !important;
    margin-top: 3.5rem !important;
    padding-top: 1rem !important;
}

.accordion-section > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
}

.s-block__title h2,
.s-slider-block__title h2,
.section-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 14px !important;
    margin: 0 auto !important;
    width: auto !important;
}

.s-block__title h2::before,
.s-slider-block__title h2::before,
.section-title::before {
    content: "" !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: 45px !important;
    height: 3.5px !important;
    background-color: #D68B7F !important;
    border-radius: 10px 4px 10px 4px !important;
    transform: rotate(-3deg) !important;
}

.s-block__title h2::after,
.s-slider-block__title h2::after,
.section-title::after {
    content: "" !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
    width: 45px !important;
    height: 3.5px !important;
    background-color: #D68B7F !important;
    border-radius: 4px 10px 4px 10px !important;
    transform: rotate(3deg) !important;
}

@media (max-width: 768px) {
    .s-block__title h2,
    .s-slider-block__title h2,
    .section-title {
        gap: 8px !important;
    }
    
    .s-block__title h2::before,
    .s-slider-block__title h2::before,
    .section-title::before,
    .s-block__title h2::after,
    .s-slider-block__title h2::after,
    .section-title::after {
        width: 30px !important;
        height: 3px !important;
    }
}

.s-reviews-testimonial,
.s-reviews-carousel .swiper-slide {
    background-color: #FDFBF9 !important;
    border: 1px solid #F3EBE7 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow: none !important;
}

salla-product-card,
.s-products-slider-card,
.s-product-card-entry {
    overflow: hidden !important;
}

salla-product-card img,
.s-product-card-image img,
.s-products-slider-card img {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
    will-change: transform;
}

salla-product-card:hover img,
.s-product-card-entry:hover .s-product-card-image img,
.s-products-slider-card:hover img {
    transform: scale(1.08) !important;
}

.solla-shipping-progress,
header .solla-shipping-progress {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.s-product-card-wishlist-btn,
salla-button[class*="wishlist"],
.s-product-card-image > button:not(.solla-wishlist-btn) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* تصغير الشارات والعناوين الترويجية فوق صورة المنتج */
.s-product-card-promotion,
.s-product-card-badge,
.promotion-title,
.badge--promotion,
.s-product-card-image .badge,
.s-product-card-image [class*="badge"],
.s-product-card-image [class*="tag"],
.s-product-card-image [class*="promotion"] {
    font-size: 0.72rem !important;      /* تصغير حجم الخط للابتوب */
    padding: 3px 8px !important;       /* تقليل الحواف الداخلية */
    line-height: 1.2 !important;
    border-radius: 6px !important;     /* تدوير أنيق للحواف */
    font-weight: 500 !important;
    max-width: fit-content !important;
}

/* تصغير إضافي عند التصفح من الجوال لتناسب أبعاد الشاشة */
@media (max-width: 768px) {
    .s-product-card-promotion,
    .s-product-card-badge,
    .promotion-title,
    .badge--promotion,
    .s-product-card-image .badge,
    .s-product-card-image [class*="badge"],
    .s-product-card-image [class*="tag"],
    .s-product-card-image [class*="promotion"] {
        font-size: 0.62rem !important;  /* تصغير إضافي ومناسب للهاتف */
        padding: 2px 6px !important;
    }
}


/* زر ومربع البحث في الهيدر */
.header-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    z-index: 10 !important;
}

.solla-search-btn {
    background-color: #FDFBF9 !important;
    border: 1px solid #F3EBE7 !important;
    border-radius: 50% !important;
    width: 2.2rem !important;
    height: 2.2rem !important;
    min-width: 2.2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all .25s ease !important;
}

.solla-search-btn:hover {
    background-color: #F6EFEA !important;
    transform: scale(1.05);
}

.solla-search-bar {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #F3EBE7;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease, padding .3s ease;
    padding: 0 15px;
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.solla-search-bar.active {
    max-height: 75px;
    padding: 10px 15px;
}

.solla-search-box {
    display: flex;
    align-items: center;
    background: #FDFBF9;
    border: 1px solid #EFE6E2;
    border-radius: 25px;
    padding: 3px 4px 3px 12px;
    width: 100%;
    max-width: 500px;
}

.solla-search-box input {
    width: 100%;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: .85rem !important;
    padding: 5px 8px !important;
    direction: rtl;
    color: #222 !important;
    font-family: inherit !important;
}

.solla-search-box button {
    background: #D68B7F !important;
    border: none !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.solla-search-exit {
    background: transparent !important;
    border: none !important;
    color: #888 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
}

@media (max-width: 768px) {
    .solla-search-btn {
        width: 1.95rem !important;
        height: 1.95rem !important;
        min-width: 1.95rem !important;
    }
    .header-buttons {
        gap: 5px !important;
    }
}
/* ========================================================
   إصلاحات أداء وتجربة شراء — أكتوبر 2026
   ======================================================== */

/* 2) حجز مكان المميزات وشريط الكوبون (تحت البانر) وقسم «عن سولا» (تحت التصنيفات) في الرئيسية لحد ما يتضافوا (منع القفز) */
.story-section {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
html:not(.solla-ready) .index .s-block--fixed-banner:first-of-type {
    margin-bottom: 371px;
    animation: sollaReleaseMb 0s 10s forwards;
}
/* «عن سولا» بقت تحت التصنيفات، فمكانها محجوز هناك */
/* (المارجن هنا عليه !important من قسم التصنيفات، فالحجز بعنصر وهمي جوه القسم) */
html:not(.solla-ready) .index section.s-block--banners::after {
    content: "";
    display: block;
    height: 212px;
    animation: sollaReleaseH 0s 10s forwards;
}
@keyframes sollaReleaseH { to { height: 0; } }
@media (min-width: 768px) {
    .story-section { min-height: 130px; }
    html:not(.solla-ready) .index .s-block--fixed-banner:first-of-type { margin-bottom: 405px; }
    html:not(.solla-ready) .index section.s-block--banners::after { height: 162px; }
}
@media (min-width: 1024px) {
    html:not(.solla-ready) .index .s-block--fixed-banner:first-of-type { margin-bottom: 277px; }
}

/* 3) صفحة المنتج: الوصف يتخفى من الأول (هيظهر جوه «تفاصيل ومواصفات القطعة»)
      ومكان الأكورديون محجوز، وقربناه من السعر عشان معلومات الشراء تبان بدري */
.product-single .product__description article { display: none; }
.product-single .accordion-section {
    margin-top: .75rem !important;
    padding-top: 0 !important;
}
html:not(.solla-ready) .product-single .product__description {
    margin-top: var(--solla-acc-space, 81px);
    animation: sollaReleaseMt 0s 10s forwards;
}
@keyframes sollaReleaseMb { to { margin-bottom: 0; } }
@keyframes sollaReleaseMt { to { margin-top: 0; } }

/* 4) (اتلغى) عدّاد الكمية في الموبايل بقى ظاهر جنب «أضف إلى السلة»، شوف رقم 15 */

/* 5) تنبيه اختيار المقاس */
.solla-size-missing select,
.solla-size-missing .s-form-control {
    border-color: #c0392b !important;
    box-shadow: 0 0 0 3px rgba(192, 57, 43, .12) !important;
}
.solla-size-hint {
    display: block;
    margin-top: 6px;
    font-size: .8rem;
    font-weight: 500;
    color: #c0392b;
}
.solla-size-hint.is-info { color: #D68B7F; }
/* 6) أزرار المقاسات بدل القائمة المنسدلة (القائمة الأصلية مخفية وبتشتغل من وراها) */
.solla-select-hidden { position: relative; height: 0; }
.solla-select-hidden select {
    position: absolute !important; top: 0; right: 0;
    width: 1px !important; height: 1px !important; min-height: 0 !important;
    padding: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important;
}
.solla-size-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.solla-chip {
    min-width: 52px; height: 40px; padding: 0 14px;
    border: 1px solid #E5DDD8; border-radius: 10px; background: #fff;
    color: #333; font-size: .9rem; font-weight: 500; line-height: 1;
    cursor: pointer; transition: border-color .15s, background-color .15s;
}
.solla-chip:hover:not(:disabled) { border-color: #D68B7F; }
.solla-chip.is-selected { border: 2px solid #D68B7F; background: #FBF1EE; color: #8E4A49; }
.solla-chip:disabled { opacity: .45; text-decoration: line-through; cursor: not-allowed; background: #F6F4F2; }
.solla-chip:focus-visible { outline: 2px solid #8E4A49; outline-offset: 2px; }
.solla-size-missing .solla-chip:not(:disabled) { border-color: #c0392b; }

/* 7) زر واتساب تحت المقاسات */
.solla-wa-size { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; font-size: .8rem; font-weight: 500; color: #1f8f4e; text-decoration: none; }
.solla-wa-size:hover span { text-decoration: underline; }

/* 8) الشريط السفلي في الموبايل: سطر صغير فوق الأزرار فيه المقاس المختار والسعر */
.solla-sticky-sum { display: none; }
@media (max-width: 767px) {
    .solla-sticky-sum { display: flex; justify-content: space-between; align-items: center; margin: -6px 2px 10px; line-height: 1.2; white-space: nowrap; }
    .solla-sticky-size { font-size: .85rem; font-weight: 500; color: #8E4A49; overflow: hidden; text-overflow: ellipsis; }
    .solla-sticky-size.is-empty { color: #c0392b; }
    .solla-sticky-price { font-size: .95rem; font-weight: 600; color: #333; }
}

/* 9) اختيار المقاس من الكارت (نافذة فوق الصفحة، مش بتحرّك أي حاجة) */
.solla-qs { position: fixed; inset: 0; z-index: 9999; visibility: hidden; pointer-events: none; }
.solla-qs.is-open { visibility: visible; pointer-events: auto; }
.solla-qs__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.35); opacity: 0; transition: opacity .2s; }
.solla-qs.is-open .solla-qs__backdrop { opacity: 1; }
.solla-qs__card { position: absolute; left: 50%; bottom: 0; width: 100%; max-width: 420px; transform: translate(-50%, 100%); transition: transform .25s ease; background: #fff; border-radius: 16px 16px 0 0; padding: 18px 18px calc(18px + env(safe-area-inset-bottom)); direction: rtl; box-shadow: 0 -6px 24px rgba(0,0,0,.12); }
.solla-qs.is-open .solla-qs__card { transform: translate(-50%, 0); }
@media (min-width: 768px) {
    .solla-qs__card { top: 50%; bottom: auto; border-radius: 16px; transform: translate(-50%, -40%); opacity: 0; transition: transform .2s ease, opacity .2s; padding: 20px; }
    .solla-qs.is-open .solla-qs__card { transform: translate(-50%, -50%); opacity: 1; }
}
.solla-qs__x { position: absolute; top: 10px; left: 12px; width: 32px; height: 32px; border: 0; background: none; font-size: 24px; line-height: 1; color: #999; cursor: pointer; }
.solla-qs__row { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; padding-left: 28px; }
.solla-qs__img { width: 64px; height: 86px; object-fit: cover; border-radius: 8px; background: #F6F4F2; flex: 0 0 auto; }
.solla-qs__info { min-width: 0; line-height: 1.6; }
.solla-qs__name { font-size: .9rem; font-weight: 500; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.solla-qs__price { font-weight: 600; color: #333; font-size: .95rem; }
.solla-qs__price h4 { font-size: inherit; }
.solla-qs__label { font-size: .85rem; font-weight: 500; color: #333; margin-bottom: 8px; }
.solla-qs__chips { min-height: 40px; }
.solla-qs__loading { display: block; width: 100%; height: 40px; border-radius: 10px; background: #F6F4F2; }
.solla-qs__msg { min-height: 20px; font-size: .8rem; color: #c0392b; margin-top: 4px; }
.solla-qs__add { display: flex; align-items: center; justify-content: center; width: 100%; height: 46px; margin-top: 4px; border: 0; border-radius: 10px; background: #D68B7F; color: #fff; font-weight: 600; cursor: pointer; }
.solla-qs__add:disabled { opacity: .5; cursor: not-allowed; }
.solla-qs__add.is-loading { opacity: .7; cursor: wait; }
.solla-qs__add.is-done { background: #1f8f4e; opacity: 1; }
.solla-qs__link { display: block; text-align: center; margin-top: 10px; font-size: .85rem; color: #8E4A49; text-decoration: underline; }

/* 10) سطر الاستبدال والتوصيل تحت المقاسات */
.solla-policy { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: .8rem; color: #555; }
.solla-policy span { display: inline-flex; align-items: center; gap: 5px; }
.solla-policy svg { color: #8E4A49; flex: 0 0 auto; }
.solla-policy + .solla-wa-size { margin-top: 8px; }

/* 11) الهيدر على الكمبيوتر: نثبّت ارتفاعه عشان ما ينطّش 4px لما قائمة الحساب تتحمّل */
.main-nav-container .inner > .container { min-height: 88px; }

/* 12) صفحات الأقسام: نحجز مكان المنتجات لحد ما تتحمّل، عشان الفوتر ما يظهرش في الأول وبعدين يتزق لتحت */
salla-products-list:not(:has(.s-product-card-entry)) { display: block; min-height: 100vh; }
/* ونحجز مكان صورة الفستان في الكارت قبل ما تتحمّل (كل صور المتجر 3:4) */
.s-product-card-image-cover { aspect-ratio: 3 / 4; }

/* 13) مربعات مميزات المتجر (الرئيسية تحت أول بانر + صفحة السلة). ارتفاعها ثابت عشان مكانها محجوز ومفيش نطّ */
.solla-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 56px; gap: 8px; max-width: 1100px; margin: 16px auto 0; padding: 0 16px; direction: rtl; box-sizing: border-box; }
.solla-trust__item:last-child:nth-child(odd) { grid-column: 1 / -1; }
@media (min-width: 768px) { .solla-trust { margin-top: 24px; } }
@media (min-width: 1024px) {
    .solla-trust:not(.solla-trust--cart) { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .solla-trust:not(.solla-trust--cart) .solla-trust__item { grid-column: auto; }
}
.solla-trust__item { display: flex; align-items: center; gap: 8px; padding: 0 12px; border: 1px solid #F0E4DF; border-radius: 12px; background: #FBF6F4; font-size: .8rem; font-weight: 500; color: #333; line-height: 1.35; overflow: hidden; }
.solla-trust__item svg { color: #8E4A49; flex: 0 0 auto; }
.solla-trust.solla-trust--cart { margin: 16px 0 0; padding: 0; }
html:not(.solla-ready) body.cart .main-content { padding-bottom: 200px; animation: sollaReleasePb 0s 10s forwards; }
@keyframes sollaReleasePb { to { padding-bottom: 0; } }
/* Solla mobile purchase bar: native actions; ATC below quick payments. 2026-10-27 */
@media (max-width: 767px) {
  body.product-single footer.store-footer { margin-bottom: 52px; }
  body.product-single .sticky-product-bar { position: fixed !important; bottom: 0; inset-inline: 0; min-height: 152px; transform: none !important; }
  .sticky-product-bar .solla-sticky-sum { width: 100%; gap: 12px; }
  .sticky-product-bar .sticky-product-bar__btn.s-add-product-button-with-apple-pay { display: block !important; position: relative; min-width: 0; }
  .sticky-product-bar .s-add-product-button-with-apple-pay > .s-add-product-button-main { display: flex !important; flex-direction: column-reverse !important; width: 100% !important; gap: 8px; min-width: 0; }
  .sticky-product-bar .s-add-product-button-with-apple-pay > .s-add-product-button-main > salla-button { width: 100% !important; min-width: 0; }
  .sticky-product-bar .s-add-product-button-with-apple-pay .s-add-product-button-mini-checkout { width: calc(50% - 4px) !important; min-height: 44px; align-self: flex-start; }
  .sticky-product-bar .s-add-product-button-with-apple-pay > salla-quick-buy { position: absolute; top: 0; inset-inline-end: 0; width: calc(50% - 4px) !important; height: 44px; margin: 0 !important; }
  .sticky-product-bar .s-add-product-button-main > salla-button [data-testid="store-product-add-to-cart"] { width: 100%; min-height: 44px; padding-inline: 12px; }
  .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text { white-space: nowrap; overflow: visible; text-overflow: clip; }
  .sticky-product-bar .s-add-product-button-main > salla-button .s-add-product-button-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; }
  .sticky-product-bar .s-add-product-button-main > salla-button .s-button-text > svg { display: none; }
}

/* Solla size guide: readable ranges and compatibility with cached legacy charts. */
#salla-product-size-guide-modal table{width:100%!important;table-layout:fixed;text-align:center;}
#salla-product-size-guide-modal table td,#salla-product-size-guide-modal table tbody th{padding:7px 4px!important;font-size:13px;}
#salla-product-size-guide-modal table tbody tr:not(:first-child)>td:not(:first-child){direction:ltr;unicode-bidi:isolate;white-space:nowrap;}
#salla-product-size-guide-modal table:nth-of-type(3) tr>td:nth-child(2):nth-last-child(4){display:none!important;}
#salla-product-size-guide-modal .s-tabs-content-selected>div>p:first-child{display:none;}
#salla-product-size-guide-modal .s-tabs-content-selected>div>p:nth-of-type(2){color:#5d5550!important;}

/* 14) شريط «قسطي مشترياتك» اللي فوق: ارتفاع ثابت سطر واحد، ومكانه محجوز في الموبايل قبل ما يتضاف (عشان ما يزقش الصفحة) */
.solla-top-announcement { height: 28px !important; overflow: hidden; white-space: nowrap; }
.solla-top-announcement span { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 16px; }
@media (max-width: 400px) { .solla-top-announcement span { font-size: 11px; } .solla-top-announcement strong { padding: 1px 6px !important; } }
@media (max-width: 365px) { .solla-top-announcement span { font-size: 10.2px; } .solla-top-announcement strong { padding: 1px 4px !important; } }
@media (max-width: 330px) { .solla-top-announcement span { font-size: 9.4px; } }
@media (max-width: 767px) {
    html:not(.solla-ready) body { padding-top: 28px; animation: sollaReleasePt 0s 10s forwards; }
}
@keyframes sollaReleasePt { to { padding-top: 0; } }

/* 15) عدّاد الكمية في الشريط السفلي للموبايل: جنب «أضف إلى السلة» في نفس الصف (ده العدّاد الوحيد في الصفحة) */
@media (max-width: 767px) {
    body.product-single .sticky-product-bar .sticky-product-bar__quantity { display: block !important; position: absolute; bottom: 12px; inset-inline-end: 10px; width: 118px; height: 44px; margin: 0 !important; z-index: 2; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity > label { display: none; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity salla-quantity-input { display: block; width: 100%; height: 44px; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-container { display: flex; align-items: stretch; width: 100%; height: 44px; border: 1px solid #E5DDD8; border-radius: 10px; overflow: hidden; background: #fff; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-button { flex: 0 0 34px; width: 34px; height: 100%; display: flex; align-items: center; justify-content: center; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-button svg { width: 14px; height: 14px; }
    body.product-single .sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-input { flex: 1 1 auto; min-width: 0; width: auto; height: 100%; text-align: center; font-weight: 600; border: 0; border-inline: 1px solid #E5DDD8; padding: 0; }
    body.product-single .sticky-product-bar .s-add-product-button-main > salla-button { width: calc(100% - 126px) !important; align-self: flex-start; }
}

/* 16) تمارا وتابي جنب بعض في الموبايل (بيتفعّل من الـ JS بس لو الاتنين اتحمّلوا) */
@media (max-width: 767px) {
    salla-installment.solla-inst-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
    salla-installment.solla-inst-row > div { margin: 0 !important; min-width: 0; display: flex; }
    salla-installment.solla-inst-row > div > * { flex: 1 1 auto; min-width: 0; }
    salla-installment.solla-inst-row #tabbyPromo, salla-installment.solla-inst-row #tabbyPromo > div { height: 100%; }
}

/* 17) الموبايل: قسم «أضف إلى السلة» تحت السعر، والشريط السفلي بيختفي وهو ظاهر */
.solla-inline-atc { display: none; }
@media (max-width: 767px) {
    .solla-inline-atc { display: flex; flex-direction: column; gap: 12px; background: #fff; padding: 4px 20px 20px; border-radius: 0 0 6px 6px; margin-bottom: 20px; }
    .solla-ia-qty { display: flex; align-items: stretch; height: 46px; border: 1px solid #E5DDD8; border-radius: 10px; overflow: hidden; }
    .solla-ia-qty button { flex: 0 0 56px; border: 0; background: #fff; color: #9AA0A6; font-size: 22px; line-height: 1; cursor: pointer; }
    .solla-ia-val { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; border-inline: 1px solid #E5DDD8; font-weight: 700; font-size: 16px; color: #231F1E; font-variant-numeric: tabular-nums; }
    .solla-ia-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .solla-ia-btns button { height: 46px; border-radius: 12px; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; gap: 6px; cursor: pointer; font-family: inherit; }
    .solla-ia-atc { background: rgb(239, 127, 115); border: 1px solid rgb(239, 127, 115); color: rgb(112, 0, 0); }
    .solla-ia-buy { background: #fff; border: 1px solid rgb(239, 127, 115); color: rgb(239, 127, 115); }
    .solla-ia-buy svg { width: 18px; height: 18px; fill: currentColor; }
    body.product-single .sticky-product-bar { transition: transform .25s ease, visibility 0s; }
    html body.product-single.solla-ia-visible .sticky-product-bar { transform: translateY(calc(100% + 12px)) !important; visibility: hidden; transition: transform .25s ease, visibility 0s .25s; }
}

/* 18) الشريط اللي فوق متحرك: رسالة التقسيط + التوصيل المجاني. الحركة transform بس (مش بتأثر على الأداء ولا بتزق الصفحة)، وبتقف لما العميل يلمسه أو يقف عليه بالماوس */
.solla-top-announcement.solla-tb-moving .solla-tb-track { display: flex; flex-shrink: 0; width: max-content; animation: sollaTopTicker 60s linear infinite; will-change: transform; }
.solla-top-announcement.solla-tb-moving:hover .solla-tb-track, .solla-top-announcement.solla-tb-moving:active .solla-tb-track { animation-play-state: paused; }
.solla-top-announcement .solla-tb-group { display: flex; flex-shrink: 0; align-items: center; direction: rtl; }
.solla-top-announcement .solla-tb-group span { display: inline-block; max-width: none; overflow: visible; text-overflow: clip; }
.solla-top-announcement .solla-tb-item { padding: 0 14px; }
.solla-top-announcement .solla-tb-sep { opacity: .7; }
@keyframes sollaTopTicker { from { transform: translateX(-50%); } to { transform: translateX(0); } }

/* 19) سطر الكوبون تحت الشريط (شرط الخصم + نسخ الكود + زرار تسوق). ارتفاعه ثابت، ومكانه محسوب في حجز المكان (قسم 2) */
.solla-ticker-wrap:has(+ .solla-coupon-cta) { margin-bottom: 0 !important; }
.solla-coupon-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 14px; min-height: 92px; box-sizing: border-box; padding: 10px 16px; margin-bottom: 1.5rem; background: #fbf3f1; text-align: center; }
.solla-coupon-cta p { margin: 0; width: 100%; font-size: 13px; line-height: 1.5; color: #5d5550; }
.solla-coupon-cta div { display: flex; gap: 8px; justify-content: center; }
.solla-coupon-cta .solla-cc-copy, .solla-coupon-cta .solla-cc-shop { display: inline-flex; align-items: center; justify-content: center; height: 38px; margin: 0; padding: 0 16px; border-radius: 19px; font-size: 13px; font-weight: 500; letter-spacing: 0; white-space: nowrap; cursor: pointer; }
.solla-coupon-cta .solla-cc-copy { background: #fff; color: #D68B7F; border: 1px dashed #D68B7F; }
.solla-coupon-cta .solla-cc-shop { background: #D68B7F; color: #fff; border: 1px solid #D68B7F; text-decoration: none; }
@media (min-width: 768px) { .solla-coupon-cta { min-height: 58px; flex-wrap: nowrap; } .solla-coupon-cta p { width: auto; } }

/* 20) زرار البحث في الهيدر (البحث الأصلي في الشريط العلوي المتخفي). نفس شكل ومقاس أيقونة الحساب */
.solla-search-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: none !important; padding: 0 !important; box-sizing: border-box; border-radius: 9999px; border: 1px solid rgb(229, 231, 235); background: transparent !important; color: #231f1e; cursor: pointer; transition: background-color .2s ease; }
.solla-search-btn:hover { background-color: #F6EFEA; }
.solla-search-btn:focus-visible { outline: 2px solid #D68B7F; outline-offset: 2px; }
header .solla-search-btn i { font-size: 17px !important; line-height: 1; color: #231f1e !important; }
.solla-search-btn--desktop { margin-left: 8px; }

/* 21) نافذة البحث: «التصنيفات الأكثر بحثاً» كانت بتطلع مربعات رمادي ضخمة لأن قواعد [class*="categories"] بتاعة شبكة التصنيفات بتلمسها.
   هنا بنرجّعها كبسولات صغيرة بلون البراند */
.s-search-idle-panel .s-search-idle-categories-list { display: flex !important; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.s-search-idle-panel .s-search-idle-categories-list a.s-search-idle-category-chip { display: inline-flex !important; align-items: center; width: auto !important; max-width: 100% !important; flex: none !important; aspect-ratio: auto !important; height: auto !important; min-height: 38px !important; padding: 6px 16px !important; border-radius: 9999px !important; overflow: visible !important; position: static !important; background: #FBF3F1 !important; border: 1px solid #F1DDD8 !important; color: #8E4A49 !important; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; }
.s-search-idle-panel .s-search-idle-categories-list a.s-search-idle-category-chip:active { background: #F6E7E3 !important; }
.s-search-idle-panel .s-search-idle-section-title { color: #7A6B68; font-size: 13px; margin-bottom: 4px; }

/* 22) أيقونات الهيدر بنفس الشكل: دوائر 40px بنفس الخلفية والإطار (البحث والحساب والسلة)، وصورة الحساب لما العميلة تكون مسجلة بتتقص جوه الدايرة */
.main-nav-container .solla-search-btn,
.main-nav-container .s-user-menu-login-btn,
.main-nav-container salla-user-menu .s-user-menu-trigger { background-color: #FDFBF9 !important; border: 1px solid #F3EBE7 !important; border-radius: 9999px !important; }
.main-nav-container salla-user-menu img { width: 40px !important; height: 40px !important; max-width: 40px !important; border-radius: 9999px !important; object-fit: cover; border: 1px solid #F3EBE7; }
.main-nav-container salla-cart-summary i.header-btn__icon.sicon-shopping-bag { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; }

/* 23) لما الهيدر يثبت فوق وقت السكرول كان مكانه بيختفي، فالصفحة كلها بتنط 88px لفوق. هنا بنسيب مكانه محجوز */
header.store-header { min-height: 88px; }
/* 24) لمس أسهل على الموبايل: زرار القائمة كان 25px، بقى مساحة لمس 44px من غير ما شكله يتغير */
.main-nav-container .mburger { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; margin-inline-start: -10px; }
/* 25) الشريط اللي فوق بقى متحرك، فمش محتاج يصغر عشان يكفي سطر: خط 12px على كل الموبايلات (أقل حاجة مريحة للقراية) */
.solla-top-announcement.solla-tb-moving .solla-tb-group span { font-size: 12px !important; }

/* 26) الشريط السفلي في صفحة الفستان (موبايل): نفس الترتيب (Apple Pay و«اشترِ الآن»، وتحتهم العداد و«أضف إلى السلة»)، بس المسافات والارتفاعات أصغر شوية عشان ياخد مساحة أقل من الصورة */
@media (max-width: 767px) {
  html body.product-single .sticky-product-bar { min-height: 0 !important; padding: 8px 12px calc(8px + env(safe-area-inset-bottom, 0px)) !important; }
  html body.product-single .sticky-product-bar .solla-sticky-sum { margin: 0 2px 6px; }
  html body.product-single .sticky-product-bar .sticky-product-bar__btn { margin-top: 0 !important; }
  html body.product-single .sticky-product-bar .s-add-product-button-main { gap: 6px !important; }
  html body.product-single .sticky-product-bar .s-add-product-button-main > salla-button button { min-height: 40px !important; height: 40px; }
  html body.product-single .sticky-product-bar .s-add-product-button-mini-checkout { min-height: 40px !important; }
  html body.product-single .sticky-product-bar .s-add-product-button-mini-checkout button, html body.product-single .sticky-product-bar .s-add-product-button-mini-checkout .s-button-element { min-height: 40px !important; height: 40px; }
  html body.product-single .sticky-product-bar .s-add-product-button-with-apple-pay > salla-quick-buy { height: 40px !important; }
  html body.product-single .sticky-product-bar .sticky-product-bar__quantity { bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important; height: 40px !important; inset-inline-end: 12px !important; }
  html body.product-single .sticky-product-bar .sticky-product-bar__quantity salla-quantity-input, html body.product-single .sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-container { height: 40px !important; }
}

/* 27) عارض الصور: الخلفية كانت شفافة فالصفحة بتبان من وراه وتلخبط، وزرار القفل صغير. خلفية غامقة، وزرار قفل أوضح، والشريط السفلي بيستخبى وهو مفتوح */
.fslightbox-container { background: rgba(14, 11, 11, .96) !important; }
.fslightbox-nav { padding-top: env(safe-area-inset-top, 0px); }
.fslightbox-toolbar-button { width: 48px !important; height: 48px !important; background: rgba(255, 255, 255, .14) !important; border-radius: 9999px; margin: 6px; }
body:has(.fslightbox-container) .sticky-product-bar, body:has(.fslightbox-container) .solla-top-announcement { visibility: hidden !important; }

/* 28) صورة الحساب في الهيدر (لما العميلة تكون مسجلة): سلة بتحط مسافات حوالين الصورة فالدايرة كانت بتكبر وتغطي اللوجو. بقت 40px زي باقي الأيقونات */
.main-nav-container salla-user-menu .s-user-menu-trigger { width: 40px !important; height: 40px !important; padding: 0 !important; justify-content: center; overflow: hidden; }
.main-nav-container salla-user-menu .s-user-menu-trigger-avatar { width: 38px !important; height: 38px !important; border: 0 !important; }
.main-nav-container salla-user-menu .s-user-menu-trigger-content, .main-nav-container salla-user-menu .s-user-menu-trigger-icon { display: none !important; }