/* ==========================================================================
   Custom Store CSS — Cleaned & Organized
   NOTE: All original selectors, values and source order are preserved
   exactly as-is (cascade order matters), only formatting/comments changed.
   ========================================================================== */

/* --------------------------------------------------------------------
   1) Global / Base
   -------------------------------------------------------------------- */
.top-navbar {
    display: none;
}

body {
    background: #fde5d8 !important;
}

.s-user-menu-login-btn svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #fde5d7 !important;
}

/* --------------------------------------------------------------------
   2) Photos Slider Block
   -------------------------------------------------------------------- */
section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

.home-slider.photos-slider .s-slider-block__title-nav {
    display: none !important;
}
/* End slider block */

/* --------------------------------------------------------------------
   3) Banners Blocks
   -------------------------------------------------------------------- */
section#IRT__photos-slider-0 {
    margin-bottom: 0 !important;
}

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

.banner--fixed img {
    border-radius: 0 !important;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) .md\:grid-cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1 !important;
    grid-row: span 1/span 1 !important;
}

a.banner-entry.square-photos {
    height: 100%;
    padding: 0;
    background-color: transparent;
}

.two-row .banner-entry:first-child {
    padding: 0;
}
/* End banners */

.banner-entry h3.text-with-border span,
.banner-entry p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #1d3a2d;
    font-weight: normal !important;
    font-size: 20px;
}

.banner-entry h3,
.banner-entry p {
    --tw-translate-y: 0;
    opacity: 1;
}

a.banner-entry.square-photos.has-overlay.with-hover {
    display: flex !important;
    flex-direction: column;
    gap: 9px;
}

.has-overlay:after {
    display: none;
}

h3.text-with-border {
    border: none !important;
}

.img-wrapper {
    overflow: hidden;
    height: fit-content !important;
}

.banner-entry.square-photos h3 {
    height: fit-content;
    padding-left: .85rem;
    padding-right: .85rem;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) a.banner-entry.square-photos.has-overlay.with-hover .img-wrapper {
    overflow: hidden;
    display: block;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) a.banner-entry.square-photos.has-overlay.with-hover .img-wrapper img {
    transition: transform 0.3s ease-in-out !important;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) a.banner-entry.square-photos.has-overlay.with-hover .img-wrapper img:hover {
    transform: scale(1.1);
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) {
    background-image: url('https://i.ibb.co/xKT3YpYV/95058-5-1.webp');
    background-size: cover;
    background-position: center;
    max-width: unset;
    padding-block: 5rem;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-width: 1200px;
    margin-inline: auto;
    gap: 2rem;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .banner-entry h3.text-with-border span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 21px;
}

section.s-block.s-block--banners.container .s-block__title {
    justify-content: center;
    align-items: center;
}

section.s-block.s-block--banners.container .s-block__title h2 {
    font-size: 2rem;
    text-align: center;
}

p.dynamic-text {
    padding: 0;
    font-size: 1rem;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) h2 {
    color: #08291d;
}

body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) h2 {
    color: #ffff;
}

/* --------------------------------------------------------------------
   4) Header / Navigation
   -------------------------------------------------------------------- */
@media (min-width: 1024px) {
    .inner.bg-inherit.w-full > div > div > div:first-child {
        flex: 0 0 60%;
        padding-top: 1px;
        justify-content: space-between;
    }
}

.inner.bg-inherit.w-full > div > div > div:nth-child(2) {
    background: transparent;
    gap: 9px;
}

.inner.bg-inherit.w-full {
    background-color: #16261a;
}

.main-menu li.root-level > a span {
    color: #fde6d9 !important;
}

.main-menu li.root-level > a {
    font-size: 22px;
    padding-inline: 1rem;
}

.inner.bg-inherit.w-full > div > div > div:nth-child(2) > button .header-btn__icon {
    background: transparent;
    border-color: #fde6d9 !important;
}

.header-btn__icon svg {
    stroke: #fde6d9;
}

.s-user-menu-login-btn svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #fbe5da;
}

.s-cart-summary-total {
    color: #fde6d9;
    display: flex;
    align-items: center;
    gap: 6px;
}

#mainnav > div > div > div > div.flex.items-center.justify-end.bg-gray-200.h-fit.py-2.px-4.rounded-full.gap-x-1 > salla-cart-summary > a > p > b::after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("https://i.ibb.co/rfLtPYKp/Dirhim.webp");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#mainnav > div > div > div > div.flex.items-center.justify-end.bg-gray-200.h-fit.py-2.px-4.rounded-full.gap-x-1 > salla-cart-summary > a > p > b > img {
    display: none !important;
}

i.sicon-menu.text-primary {
    border: 1px solid #fde6d9 !important;
    color: #fde6d9 !important;
    padding: 8px !important;
    border-radius: 50px;
}

footer.store-footer.text-white.\!text-\[var\(--text-color-in-footer\)\] {
    margin-top: 0;
}

/* --------------------------------------------------------------------
   5) Responsive — max-width: 992px
   -------------------------------------------------------------------- */
@media (max-width: 992px) {
    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(8) .md\:grid-cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: start;
        gap: 12px;
    }

    a.banner-entry.square-photos.has-overlay.with-hover {
        flex-basis: 45%;
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .banner-entry h3.text-with-border span {
        font-size: 17px;
    }
   body.index div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a:nth-child(5) > h3 {
    padding-inline: 19px;
}
}

/* --------------------------------------------------------------------
   6) Product Single Page
   -------------------------------------------------------------------- */
body.product-single section.s-block.s-block--banners.container {
    background-image: url('https://i.ibb.co/xKT3YpYV/95058-5-1.webp');
    background-size: cover;
    background-position: center;
    max-width: unset;
    padding-block: 5rem;
}

body.product-single section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-width: 1200px;
    margin-inline: auto;
    gap: 2rem;
}

body.product-single section.s-block.s-block--banners.container h2 {
    color: #ffff;
}

body.product-single section.s-block.s-block--banners.container h3.text-with-border span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 21px;
}
body.product-single .part-three.w-full.lg\:w-1\/3.self-stretch.lg\:pb-8 i.sicon-barcode.mx-1 {
    display:none;
}
@media (max-width: 992px) {
    body.product-single section.s-block.s-block--banners.container .md\:grid-cols-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px 14px;
    }

    body.product-single section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
        font-size: 16px;
        line-height: 1.8;
    }
  body.product-single div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a:nth-child(5) > h3 {
    padding-inline: 18px;
}
  html[lang="en"] body.product-single section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
    font-size: 13px;
    line-height: 1.8;
}
  body.product-single a.banner-entry.square-photos.has-overlay.with-hover img {
    width:80% !important;
}
  header img {
    max-width: 60px !important;
    height:auto !important;
}

header .flex.justify-between.relative.items-center {
    gap:3px !important;
    justify-content:center  !important ;
    align-items:center  !important;
}
}

body.product-single .s-blocks-wrapper.s-before-related {
    display: none;
}

body.product-single .s-comments.s-comments-product {
    margin-bottom: 10px;
}
body.product-single  div#lima-tabs-pp {
    display:none !important;
}

/* --------------------------------------------------------------------
   7) Product Index (Category) Page
   -------------------------------------------------------------------- */
body.product-index section.s-block.s-block--banners.container {
    background-image: url('https://i.ibb.co/xKT3YpYV/95058-5-1.webp');
    background-size: cover;
    background-position: center;
    max-width: unset;
    padding-block: 5rem;
}

body.product-index section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-width: 1200px;
    margin-inline: auto;
    gap: 2rem;
}

body.product-index section.s-block.s-block--banners.container h2 {
    color: #ffff;
}

body.product-index section.s-block.s-block--banners.container h3.text-with-border span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 21px;
}

@media (max-width: 992px) {
    body.product-index section.s-block.s-block--banners.container .md\:grid-cols-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px 14px;
    }

    body.product-index section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
        font-size: 16px;
        line-height: 1.8;
    }
 html[lang="en"] body.product-index section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
    font-size: 13px;
    line-height: 1.8;
}
 body.product-index a.banner-entry.square-photos.has-overlay.with-hover img {
    width:80% !important;
}
}

body.product-index .s-blocks-wrapper.s-before-related {
    display: none;
}

body.product-index .s-comments.s-comments-product {
    margin-bottom: 10px;
}

body.product-index p.s-infinite-scroll-last.infinite-scroll-last {
    display: none;
}
body.product-index div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a:nth-child(5) > h3 {
    padding-inline: 18px;
}
/* --------------------------------------------------------------------
   8) Cart Page
   -------------------------------------------------------------------- */
body.cart section.s-block.s-block--banners.container {
    background-image: url('https://i.ibb.co/xKT3YpYV/95058-5-1.webp');
    background-size: cover;
    background-position: center;
    max-width: unset;
    padding-block: 5rem;
}

body.cart section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-width: 1200px;
    margin-inline: auto;
    gap: 2rem;
}

body.cart section.s-block.s-block--banners.container h2 {
    color: #ffff;
}

body.cart section.s-block.s-block--banners.container h3.text-with-border span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 21px;
}

html[lang="en"] body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .banner-entry h3.text-with-border span {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #ffffff;
    font-weight: normal !important;
    font-size: 20px;
    line-height: 1.6;
}
salla-basket-gap.hydrated.s-basket-gap-entry {
    display:none;
}


/* --------------------------------------------------------------------
   9) Responsive — max-width: 992px (Cart + shared mobile menu/index tweaks)
   -------------------------------------------------------------------- */
@media (max-width: 992px) {
    body.cart section.s-block.s-block--banners.container .md\:grid-cols-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px 14px;
    }
  body.cart  a.banner-entry.square-photos.has-overlay.with-hover img {
    width:80% !important;
}

    body.cart section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
        font-size: 16px;
        line-height: 1.8;
    }

    .top-footer {
        margin-bottom: -5px;
    }

    .mm-ocd.mm-ocd--right.mm-ocd--open {
        display: block;
    }

    button.btn--close {
        display: block;
    }

    button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden {
        display: none !important;
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 img {
        width: 80% !important;
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 .img-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-wrapper {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .banner-entry h3.text-with-border span {
        font-size: 16px;
        line-height: 1.6;
    }

    body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px 12px;
    }

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

    .banner-entry h3.text-with-border span,
    .banner-entry p {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        color: #1d3a2d;
        font-weight: normal !important;
        font-size: 16px;
    }

    html[lang="en"] body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .banner-entry h3.text-with-border span {
        font-size: 13px;
        line-height: 1.6;
    }

    .two-row .banner-entry:first-child h3 {
        font-size: 13px;
        line-height: 3rem;
        padding: 0;
    }

    .right-side {
        padding: 0 !important;
    }

 .inner.bg-inherit.w-full > div > div > div:nth-child(2) {
    background: transparent;
    gap: 4px;
    padding-inline: 1px;
}

    section.s-block.s-block--banners.container .s-block__title h2 {
        font-size: 16px;
        text-align: center;
        margin-bottom: 16px;
    }
  body.cart div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a:nth-child(5) > h3 {
    padding-inline: 20px;
}
  html[lang="en"] body.cart section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry h3.text-with-border span {
    font-size: 12px;
    line-height: 1.8;
}

html[lang="en"] .banner-entry.square-photos h3 {
    height: fit-content;
    padding-left: .85rem;
    padding-right: .85rem;
    padding: 0;
}
  body.index div.app-inner.flex.flex-col.min-h-full.overflow-x-hidden > section:nth-child(9) .md\:grid-cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: 16px 12px;
}
  body.cart section.s-block.s-block--banners.container .md\:grid-cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: 12px 14px;
}
  body.product-single section.s-block.s-block--banners.container .md\:grid-cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: 12px 14px;
}
  body.product-index section.s-block.s-block--banners.container .md\:grid-cols-3 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: start;
    gap: 12px 14px;
}
}
html[lang="en"] .s-slider-block__title-right {
    padding-right:0 !important;
}

.s-slider-block__title h2 {
    padding: 0 !important;
}
/* --------------------------------------------------------------------
   10) Sticky Header / Product Card / Slider Title Alignment
   -------------------------------------------------------------------- */
div#mainnav.fixed-pinned .inner.bg-inherit.w-full {
    margin-top: 33px;
}

custom-salla-product-card .s-product-card-image {
    background-color: #fff;
}

.s-slider-block__title {
    justify-content: center;
}

.s-slider-block__title-right {
    padding-left: 0;
}

.right-side {
    padding-left: 0 !important;
}

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

div#product-quick-view-modal span.text-3xl.font-bold.sub_total-price {
    color: #000;
}

.rb-promo-banner-content-2026 {
    padding-inline: 5px;
}

button.rb-promo-close-btn-2026 {
    display: none;
}

/* --------------------------------------------------------------------
   11) Responsive — max-width: 768px
   -------------------------------------------------------------------- */
@media (max-width: 768px) {
    nav#mobile-menu {
        background-color: #fde5d8;
    }

    section.s-block.s-block--banners.container .s-block__title h2 {
        font-size: 22px;
        text-align: center;
        margin-bottom: 16px;
    }

    div.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 > a:nth-child(5) > h3 {
        padding-inline: 14px;
    }
}

/* --------------------------------------------------------------------
   12) English (lang="en") Image Overrides
   -------------------------------------------------------------------- */
html[lang="en"] img[src="https://cdn.files.salla.network/other/592045970/08b17401-a5dc-4e7f-b621-805926f2b620-original.webp"] {
    content: url('https://img.imgdd.com/dbac748e-5a68-4b0a-a876-335138f502ae.png');
}

html[lang="en"] img[src="https://cdn.files.salla.network/other/592045970/dec65d17-a1ea-4be6-8c91-2ae8c168185b-original.webp"] {
    content: url('https://img.imgdd.com/1e55a847-bdf9-4d0f-97de-9a88abad9894.png');
}

html[lang="en"] img[src="https://cdn.files.salla.network/other/592045970/4b1ab495-9589-4881-a556-6559b145fdb8-original.webp"] {
    content: url('https://img.imgdd.com/b8310640-dda6-4ec7-97b1-621a33253456.png');
}

html[lang="en"] img[src="https://cdn.files.salla.network/other/592045970/634e0802-0ff9-4b01-8174-6b2e7c147140-original.webp"] {
    content: url('https://i.postimg.cc/tJ5GfLdd/9899899.png');
}

html[lang="en"] img[src="https://cdn.files.salla.network/other/592045970/6ea5f6b2-de67-4330-855f-64a45717bfe0-original.webp"] {
    content: url('https://i.postimg.cc/6pQBs5mb/62515.png');
}

.s-user-menu-login-btn svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: #fde5d7 !important;
}

/* --------------------------------------------------------------------
   13) Footer Spacing Per Page Type
   -------------------------------------------------------------------- */
body.product-single .top-footer,
body.cart .top-footer,
body.product-index .top-footer {
    margin-top: -48px;
}

.store-footer__inner.relative.\!bg-transparent.z-10 {
    border-bottom: 0;
}

body.product-index .main-content.flex-1.w-full > .mb-4.sm\:mb-6.flex.justify-between.items-center {
    display: none !important;
}

/* --------------------------------------------------------------------
   14) Promo Banner (2026)
   -------------------------------------------------------------------- */
.rb-promo-banner-2026 {
    width: 100%;
    overflow: hidden;
    background: #fde5d7;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 99;
}


li.s-breadcrumb-item {
    color:#18261a;
}

.main-content.flex-1.w-full >.mb-4.sm\:mb-6.flex.justify-between.items-center {
    display:none;
}
.customer-wishlist .s-wishlist-actions-bar.flex.items-center.justify-end.gap-3.mb-3 {
    display:none !important;
}
.s-breadcrumb-primary-reverse svg {
    fill: #ff6767;
    fill: var(--color-primary-reverse);
    opacity: 1;
    fill: #000;
}

.main-content.w-full.flex-1.lg\:pt-10  h1.font-bold.text-lg.text-center.sm\:rtl\:text-right.sm\:ltr\:text-left.mb-2.s-wishlist-actions-page-title {
    display:none;
}

p.s-infinite-scroll-last.infinite-scroll-last {
    display: none !important;
}