/* Add custom CSS styles below */ 
/*@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*/
.sticky-cart-single .s-button-element {
    font-size: 9px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@font-face {
    font-family: 'Loew Next Arabic';
    src: url('https://strevya.com/ourfonts/ArbFONTS-Loew-Next-Arabic-Medium.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

 /* ========================================
   Keep the ORIGINAL Salla loader visible
   on ALL pages
   ======================================== */

.loading-overlay:not(.miel-loader-exit) {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    /* يمنع أي transition مبكر من القالب */
    transition: none !important;
}


/* الاختفاء النهائي فقط */
.loading-overlay.miel-loader-exit {
    opacity: 0 !important;
    visibility: visible !important;
    pointer-events: none !important;

    transition: opacity 450ms ease !important;
}

html[lang="ar"] * {
 
  font-family: 'Loew Next Arabic' ;
}


:root {
     
    --color-primary: #f5bb46;
}
.product-single .fit-slider-products .swiper-wrapper{
    padding-bottom: 30px;
}
.s-social-link a{
  background: #f5bb46;
    color: #fff;
    border: 0;
}
.container {
    max-width: 1300px;
}
@media (min-width: 1024px) and (max-width: 1280px) {
    .container {
        max-width: 1000px;
        padding-inline: 0 !important;
    }
}
.s-block--bundle-miel-body-ritual,
.s-block--bundle-miel-benefits-ticker{
  margin: 0 !important;
}
.main-nav-container {  
    height: auto !important;
    min-height: unset !important;
}
.mburger > p  , .header__language-btn > span{
  display: none !important ;
}
#s-theme_edit_bar,#s-theme_preview_bar{
  display: none !important;
}
.header__main-start salla-user-menu{
  display: none !important;
}
.top-navbar{
    display: none !important;
}
.header__main-end salla-user-menu{
  display: block !important;
}
.header__search-btn,
.header__language-btn {
    visibility: hidden !important;
}

html.header-items-ready .header__search-btn,
html.header-items-ready .header__language-btn {
    visibility: visible !important;
}



.header__search-btn , .header__cart-summary {
  margin: 0 !important;
}
.s-cart-summary-count{
      background-color: rgb(255 242 222);
    color: #000;
    left: 50%;
    right: unset;
}

.header__language-btn {
      width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    flex-grow: unset;
}

.main-nav-container.fixed-header{
  background: transparent !important;
}

@media  (max-width: 992px) {


.product-single .sticky-product-bar salla-add-product-button salla-button .s-button-btn {
    max-height: 40px;
    padding: 0 !important;
    height: 40px !important;
    font-size: 9px !important;
}

  
    header .logo-normal{
      height: 25px !important;
    }
  .header__cart-summary{
        width: 35px;
    justify-content: center;
    display: flex;
  }
  .header__language-btn {
    width: auto;
    height: auto;
    justify-content: center;
    align-items: center;
    flex-grow: unset;
    margin-inline-start: 10px;
  }
  .header__search-btn{
    margin-inline-start: 5px !important;
  }
}



.hdrnesselwe{
  display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.hdrnesselwe .home-block-title{
  margin: 0;
}

.hdrnesselwe .home-block-title h2{
      font-size: 30px;
    color: #9e784c;
    font-weight: 400;
    line-height: normal;
    letter-spacing: unset;
}
.hdrnesselwe .home-block-title .custom-products__line{
  display: none;
}

.hdrnesselwe .custom-products__view-all-wrap{
  margin: 0;
}


.hdrnesselwe .custom-products__view-all-wrap a{
  
    padding: 0;
    display: flex;
    font-size: 18px;
    text-decoration: underline;
    color: #9e784c;

}

.hdrnesselwe .custom-products__view-all-wrap a i ,
.hdrnesselwe .custom-products__view-all-wrap a span:last-of-type {
  display: none;
}

  .product-card__image {
    height: auto !important;
    max-height: unset !important;
}
.product-card__buttons{
  display: none;
}



.product-card__title a {
    color: #34251d;
    font-size: 16px;
    margin: 10px 0 15px;
    font-weight: 100;
}
.product-card__price .total-price {
     
    color: rgba(122, 75, 22, 0.73);
    font-size: 20px;
}

.product-card__content .product-card__normal-cart  .product-card__normal-cart__btn button{
    background-color: #f5bb46 !important;
    font-size: 17px;
    color: #fff !important;
    font-weight: 100;
    border-radius: 0 !important;
    padding: 7px 0;

}
.product-card__content .product-card__normal-cart  .product-card__normal-cart__btn button i{
  color: #fff !important;
      font-size: 14px;
}
.product-card{
  border: 0.3px solid #34251d45 !important;
}

.product-card__normal-cart__btn{
  
    width: 80% !important ;
    display: flex;
    margin: 0 auto 5px;
}
.product-card__mini-cart{
  display: none !important;
}

.product-card__normal-cart{
  display: block !important;
}



.s-block--bundle-miel-why-miel{
  margin: 0;
}

.twinsbanw{
  margin-top: 30px !important;
}


/* ==========================================================
   THE MIEL LOVE
   Scope: .customer-reviewswe
   ========================================================== */

.customer-reviewswe {
    --miel-love-bg: #fff8ed;
    --miel-love-card-bg: #fffcf7;
    --miel-love-title: #9e784c;
    --miel-love-text: #34251d;
    --miel-love-border: rgba(122, 75, 22, 0.55);
    --miel-love-star: #f5bb46;

    background: var(--miel-love-bg) !important;
    padding-block: 0 !important;
    overflow: hidden;
}


/* ==========================================================
   HEADER
   ========================================================== */

.customer-reviewswe .home-block-title {
    margin: 0 0 26px !important;
    padding: 0 !important;
}

.customer-reviewswe .reviews__title-wrap {
    width: 100% !important;
    max-width: 579px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    gap: 14px !important;

    text-align: center !important;
}

.customer-reviewswe .reviews__title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 36px !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;

    letter-spacing: 0 !important;

    color: var(--miel-love-title) !important;

    text-align: center !important;
}

.customer-reviewswe .reviews__subtitle {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 17px !important;
    font-weight: 300 !important;
    line-height: 1.35 !important;

    letter-spacing: 0 !important;

    color: var(--miel-love-text) !important;

    text-align: center !important;
}

.customer-reviewswe .home-block-line {
    display: none !important;
}


/* ==========================================================
   SLIDER
   ========================================================== */

.customer-reviewswe .reviews-slider {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.customer-reviewswe .reviews-slider .swiper,
.customer-reviewswe .reviews-slider .s-slider-container {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* ==========================================================
   DYNAMIC EQUAL HEIGHT
   ========================================================== */

.customer-reviewswe .swiper-wrapper,
.customer-reviewswe .s-slider-swiper-wrapper {
    align-items: stretch !important;
}

.customer-reviewswe .review.swiper-slide {
    box-sizing: border-box !important;

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

    display: flex !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* ==========================================================
   CARD
   ========================================================== */

.customer-reviewswe .reviews__card {
    position: relative !important;

    box-sizing: border-box !important;

    width: 100% !important;

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

    flex: 1 1 auto !important;

    margin: 0 !important;

    padding: 16px 20px 14px !important;

    background: var(--miel-love-card-bg) !important;

    border: 1px solid var(--miel-love-border) !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    display: grid !important;

    grid-template-columns:
        52px minmax(0, 1fr) !important;

    grid-template-rows:
        52px auto auto !important;

    column-gap: 7px !important;

    align-content: start !important;
    align-items: start !important;

    overflow: hidden !important;
}


/* ==========================================================
   ORIGINAL SALLA AUTHOR STRUCTURE

   No text generated.
   No DOM text replaced.
   ========================================================== */

.customer-reviewswe .reviews__author,
.customer-reviewswe .reviews__author-info {
    display: contents !important;
}


/* ==========================================================
   AVATAR
   ========================================================== */

.customer-reviewswe .reviews__avatar {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;

    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;
    min-height: 52px !important;

    max-width: 52px !important;
    max-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;

    align-self: start !important;
}


/* ==========================================================
   CUSTOMER NAME
   100% DYNAMIC FROM SALLA
   ========================================================== */

.customer-reviewswe .reviews__author-name {
    grid-column: 2 !important;
    grid-row: 1 !important;

    align-self: center !important;
    justify-self: start !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: inherit !important;

    font-size: 13px !important;
    font-weight: 300 !important;
    line-height: 1.25 !important;

    letter-spacing: 0 !important;

    color: var(--miel-love-text) !important;

    text-align: start !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;

    unicode-bidi: plaintext;
}


/*
 * Explicitly kill any pseudo-text that may remain
 * from an older version of the CSS.
 */

.customer-reviewswe .reviews__author-name::before,
.customer-reviewswe .reviews__author-name::after {
    content: none !important;
    display: none !important;
}


/* ==========================================================
   REVIEW TEXT
   ========================================================== */

.customer-reviewswe .reviews__text-wrap {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    width: 100% !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    position: static !important;
}

.customer-reviewswe .reviews__text {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1.3 !important;

    letter-spacing: 0 !important;

    color: var(--miel-love-text) !important;

    text-align: start !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    unicode-bidi: plaintext;
}


/* ==========================================================
   STARS
   ========================================================== */

.customer-reviewswe .comment__rating {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    justify-self: start !important;
    align-self: start !important;

    width: auto !important;
    height: 12px !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    gap: 2px !important;

    line-height: 12px !important;

    direction: ltr !important;
}

.customer-reviewswe .comment__rating > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.customer-reviewswe .comment__rating .sicon-star2 {
    display: block !important;

    width: 12px !important;
    height: 12px !important;

    margin: 0 !important;

    font-size: 12px !important;
    line-height: 12px !important;

    color: var(--miel-love-star) !important;

    opacity: 1 !important;
}


/* ==========================================================
   REMOVE DEFAULT QUOTE
   ========================================================== */

.customer-reviewswe .sicon-quote {
    display: none !important;
}


/* ==========================================================
   RTL
   ========================================================== */

html[dir="rtl"]
.customer-reviewswe
.reviews__title,

html[dir="rtl"]
.customer-reviewswe
.reviews__subtitle,

html[dir="rtl"]
.customer-reviewswe
.reviews__text {
    font-family: "Loew Next Arabic", serif !important;
}


/*
 * Card grid follows the page direction naturally.
 *
 * RTL:
 * column 1 starts from RIGHT
 * => Avatar sits at the right
 * => Name starts directly beside it.
 */

html[dir="rtl"]
.customer-reviewswe
.reviews__card {
    direction: rtl !important;
}

html[dir="rtl"]
.customer-reviewswe
.reviews__author-name {
    direction: rtl !important;

    justify-self: start !important;
    text-align: right !important;

    font-family: inherit !important;
}

html[dir="rtl"]
.customer-reviewswe
.reviews__text {
    direction: rtl !important;
    text-align: right !important;
}


/* ==========================================================
   LTR
   ========================================================== */

html[dir="ltr"]
.customer-reviewswe
.reviews__card {
    direction: ltr !important;
}

html[dir="ltr"]
.customer-reviewswe
.reviews__author-name {
    direction: ltr !important;

    justify-self: start !important;
    text-align: left !important;
}


/* ==========================================================
   SMALL DESKTOP
   ========================================================== */

@media (min-width: 1024px) and (max-width: 1280px) {

    .customer-reviewswe .reviews__card {
        padding: 15px 15px 13px !important;

        grid-template-columns:
            46px minmax(0, 1fr) !important;

        grid-template-rows:
            46px auto auto !important;

        column-gap: 6px !important;
    }

    .customer-reviewswe .reviews__avatar {
        width: 46px !important;
        height: 46px !important;

        min-width: 46px !important;
        min-height: 46px !important;

        max-width: 46px !important;
        max-height: 46px !important;
    }

    .customer-reviewswe .reviews__author-name {
        font-size: 12px !important;
    }

    .customer-reviewswe .reviews__text-wrap {
        margin-top: 12px !important;
    }

    .customer-reviewswe .reviews__text {
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    .customer-reviewswe .comment__rating {
        margin-top: 10px !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width: 769px) and (max-width: 1023px) {

    .customer-reviewswe .home-block-title {
        margin-bottom: 24px !important;
    }

    .customer-reviewswe .reviews__title {
        font-size: 32px !important;
    }

    .customer-reviewswe .reviews__subtitle {
        font-size: 16px !important;
    }

    .customer-reviewswe .reviews__card {
        padding: 16px 18px 14px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    .customer-reviewswe {
        overflow: hidden !important;
    }

    .customer-reviewswe > .container {
        width: 100% !important;
        max-width: none !important;

        padding-inline: 0 !important;
    }


    /* Header */

    .customer-reviewswe .home-block-title {
        margin-bottom: 20px !important;

        padding-inline: 18px !important;
    }

    .customer-reviewswe .reviews__title-wrap {
        max-width: 100% !important;

        gap: 9px !important;
    }

    .customer-reviewswe .reviews__title {
        font-size: 27px !important;
        line-height: 1.15 !important;
    }

    .customer-reviewswe .reviews__subtitle {
        max-width: 330px !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
    }


    /* Slider */

    .customer-reviewswe .reviews-slider {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Dynamic slide height */

    .customer-reviewswe .review.swiper-slide {
        height: auto !important;
        min-height: 0 !important;
    }


    /* Card */

    .customer-reviewswe .reviews__card {
        height: auto !important;
        min-height: 0 !important;

        padding: 14px 16px 12px !important;

        grid-template-columns:
            44px minmax(0, 1fr) !important;

        grid-template-rows:
            44px auto auto !important;

        column-gap: 6px !important;
    }


    /* Avatar */

    .customer-reviewswe .reviews__avatar {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        max-width: 44px !important;
        max-height: 44px !important;
    }


    /* Dynamic customer name */

    .customer-reviewswe .reviews__author-name {
        font-size: 11.5px !important;
        line-height: 1.2 !important;
    }


    /* Review */

    .customer-reviewswe .reviews__text-wrap {
        margin-top: 10px !important;
    }

    .customer-reviewswe .reviews__text {
        font-size: 13px !important;
        font-weight: 300 !important;
        line-height: 1.28 !important;
    }


    /* Stars */

    .customer-reviewswe .comment__rating {
        height: 11px !important;

        margin-top: 9px !important;

        gap: 2px !important;

        line-height: 11px !important;
    }

    .customer-reviewswe
    .comment__rating
    .sicon-star2 {
        width: 11px !important;
        height: 11px !important;

        font-size: 11px !important;
        line-height: 11px !important;
    }
}


/* ==========================================================
   LOOP INITIALIZATION
   ========================================================== */

.customer-reviewswe
.reviews-slider[data-miel-loop-preparing="true"] {
    visibility: hidden !important;
}

.customer-reviewswe
.reviews-slider[data-miel-loop-ready="true"] {
    visibility: visible !important;
}





.s-payments-list-item{
      background-color: rgb(255 242 222);
}
footer{
  margin: 20px  0;
    border-radius: 10px 10px 0 0;
}
.customer-reviewswe{
  margin: 0;
}
/* ==========================================================
   MIEL FOOTER TOP
   Existing Salla footer only
   .footer-bottom is NOT touched
   ========================================================== */

.store-footer {
    --miel-footer-bg: #fff2de;
    --miel-footer-text: #333230;
    --miel-footer-border: #333230;

    --miel-footer-arrow:
        url("https://cdn.files.salla.network/other/1104459544/a723b982-438f-4d75-afa9-f94be89b5b82-original.webp?_s_uploader_cache_bust=preview-qgjnq7fxc");
}


/* ==========================================================
   MAIN PANEL
   ========================================================== */

.store-footer__inner {
    box-sizing: border-box !important;

    width: calc(100% - 64px) !important;
    max-width: 1856px !important;

    margin-inline: auto !important;

    padding-top: 30px !important;
    padding-bottom: 0px !important;

    background: var(--miel-footer-bg) !important;

    border-radius: 24px !important;

    overflow: hidden !important;
}


/* ==========================================================
   LOCAL CONTAINER
   Project container system
   ========================================================== */

.store-footer__container {
    width: 100% !important;
    max-width: 1300px !important;

    margin-inline: auto !important;

    padding-inline: 0 !important;
}


/* ==========================================================
   GRID — PHYSICAL LAYOUT

   EN:
   LINKS       CONTACT       NEWSLETTER
   LOGO

   AR:
   NEWSLETTER  CONTACT       LINKS
                              LOGO
   ========================================================== */

.store-footer__grid {
    direction: ltr !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    grid-template-areas:
        "links middle newsletter"
        "brand apps ." !important;

    grid-template-rows:
        minmax(240px, auto)
        auto !important;

    column-gap: 48px !important;
    row-gap: 0 !important;

    align-items: start !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   ACCOUNT
   Not present in target design
   ========================================================== */

.store-footer__account-column {
    display: none !important;
}


/* ==========================================================
   LINKS
   ========================================================== */

.store-footer__links-column {
    grid-area: links !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__links-column
.store-footer__menu {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__inner
.footer-title {
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;

    color: var(--miel-footer-text) !important;
}


.store-footer__links-column
.footer-list {
    display: flex !important;
    flex-direction: column !important;

    gap: 10px !important;

    margin: 18px 0 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.store-footer__links-column
.footer-list li {
    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__links-column
.store-footer__menu-link {
    display: inline-block !important;

    width: fit-content !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    letter-spacing: 0 !important;

    color: var(--miel-footer-text) !important;

    text-decoration: none !important;
}


/* ==========================================================
   MIDDLE / CONTACT
   ========================================================== */

.miel-footer__middle {
    grid-area: middle !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.miel-footer__middle
.store-footer__contacts-column {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.miel-footer__middle
.user-contacts {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


.miel-footer__middle
.user-contacts
.footer-title {
    margin: 0 0 16px !important;
}


.miel-footer__middle
.links-contact {
    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 0 16px !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    color: var(--miel-footer-text) !important;

    background: transparent !important;

    text-decoration: none !important;
}


.miel-footer__middle
.links-contact:last-child {
    margin-bottom: 0 !important;
}


.miel-footer__middle
.links-contact
.links-icon {
    flex: 0 0 auto !important;

    font-size: 17px !important;

    color: var(--miel-footer-text) !important;
}


.miel-footer__middle
.links-contact
.text-unicode {
    color: var(--miel-footer-text) !important;

    font: inherit !important;
}


/* ==========================================================
   NEWSLETTER
   ========================================================== */

.store-footer__grid
> .store-footer__newsletter {
    grid-area: newsletter !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    align-self: start !important;
}


/*
   Critical override:
   Salla gives newsletter-inner:
   md:flex items-center justify-between

   We need one vertical newsletter column.
*/

.store-footer__newsletter-inner {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__newsletter-text {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__newsletter-title {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "Fraunces", serif !important;

    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;

    color: var(--miel-footer-text) !important;

    text-align: start !important;
}


/* ==========================================================
   NEWSLETTER FORM
   ========================================================== */

.store-footer__newsletter
#mc-embedded-subscribe-form {
    display: flex !important;

    align-items: center !important;

    width: 100% !important;

    gap: 6px !important;

    margin: 20px 0 0 !important;
    padding: 0 !important;
}


.store-footer__newsletter-field {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__newsletter
#mc-embedded-subscribe-form
> div:last-child {
    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   INPUT
   ========================================================== */

.store-footer__newsletter-input {
    box-sizing: border-box !important;

    display: block !important;

    width: 100% !important;
    height: 44px !important;

    margin: 0 !important;

    padding:
        0 17px !important;

    font-family: "Fraunces", serif !important;

    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 44px !important;

    color: var(--miel-footer-text) !important;

    background: transparent !important;

    border:
        1px solid
        var(--miel-footer-border) !important;

    border-radius: 30px !important;

    box-shadow: none !important;

    outline: none !important;
}


.store-footer__newsletter-input::placeholder {
    color: var(--miel-footer-text) !important;

    opacity: 0.7 !important;
}


/* ==========================================================
   SUBMIT BUTTON
   Existing real Salla submit button.
   No SVG generation.
   No replacement button.
   ========================================================== */

.store-footer__newsletter-btn {
    box-sizing: border-box !important;

    display: block !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    color: transparent !important;

    background-color: transparent !important;

    background-image:
        var(--miel-footer-arrow) !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center !important;

    background-size:
        16px 16px !important;

    border:
        1px solid
        var(--miel-footer-border) !important;

    border-radius:
        50% !important;

    box-shadow:
        none !important;

    cursor:
        pointer !important;
}


/* ==========================================================
   MAILCHIMP RESPONSES
   ========================================================== */

.store-footer__newsletter
#mce-responses {
    display: block !important;

    width: 100% !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;
}


/* Native Salla description in current DOM is empty */

.store-footer__newsletter
> .footer-description:empty {
    display: none !important;
}


/* ==========================================================
   RICH TEXT FROM BRAND

   This wrapper contains the ORIGINAL editor DOM nodes
   moved by JS.

   Nothing textual is generated here.
   ========================================================== */

.store-footer__newsletter
> .miel-footer__editor-content {
    display: block !important;

    width: 100% !important;

    margin: 28px 0 0 !important;
    padding: 0 !important;

    color: var(--miel-footer-text) !important;

    text-align: start !important;
}


/* Preserve rich-editor formatting, only normalize outer spacing */

.store-footer__newsletter
> .miel-footer__editor-content
> :first-child {
    margin-top: 0 !important;
}


.store-footer__newsletter
> .miel-footer__editor-content
> :last-child {
    margin-bottom: 0 !important;
}


.store-footer__newsletter
> .miel-footer__editor-content
> :empty {
    display: none !important;
}


/* Do not force LTR/RTL on actual editor content */

.store-footer__newsletter
> .miel-footer__editor-content
p,

.store-footer__newsletter
> .miel-footer__editor-content
div,

.store-footer__newsletter
> .miel-footer__editor-content
span {
    unicode-bidi: plaintext;
}


/* ==========================================================
   TRUST BADGE
   Already exists in Salla newsletter DOM.
   ========================================================== */

.store-footer__newsletter
> .footer-badges {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;

    margin: 12px 0 0 !important;
    padding: 0 !important;
}


.store-footer__newsletter
> .footer-badges
salla-trust-badges {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   BRAND / LOGO
   ========================================================== */

.store-footer__brand {
    grid-area: brand !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    align-self: start !important;
}


.store-footer__brand
.footer-logo {
    display: block !important;

    width: 100% !important;
    max-width: 466px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.store-footer__brand
.footer-logo img {
    display: block !important;

    width: 100% !important;
    max-width: 466px !important;

    height: auto !important;
    max-height: 80px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    object-position:
        left center !important;
}


/* ==========================================================
   APPS PLACEHOLDER
   ========================================================== */

.store-footer__grid
> .grid-itme {
    grid-area: apps !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   ENGLISH
   ========================================================== */

html[dir="ltr"]
.store-footer__grid {
    direction: ltr !important;

    grid-template-areas:
        "links middle newsletter"
        "brand apps ." !important;
}


html[dir="ltr"]
.store-footer__grid
> * {
    direction: ltr;
}


html[dir="ltr"]
.store-footer__newsletter
#mc-embedded-subscribe-form {
    direction: ltr !important;
}


html[dir="ltr"]
.store-footer__newsletter-btn {
    transform: none !important;
}


html[dir="ltr"]
.store-footer__newsletter
> .miel-footer__editor-content {
    text-align: left !important;
}


/* ==========================================================
   ARABIC — PHYSICAL MIRROR

   LEFT        CENTER       RIGHT
   Newsletter  Contact      Links

                            Logo
   ========================================================== */

html[dir="rtl"]
.store-footer__grid {
    /*
     * Physical grid coordinates remain LTR.
     * Areas are mirrored explicitly once.
     */
    direction: ltr !important;

    grid-template-areas:
        "newsletter middle links"
        ". apps brand" !important;
}


html[dir="rtl"]
.store-footer__grid
> * {
    direction: rtl;
}


/* Arabic typography */

html[dir="rtl"]
.store-footer__inner
:is(
    .footer-title,
    .store-footer__menu-link,
    .store-footer__newsletter-title,
    .store-footer__newsletter-input,
    .links-contact
) {
    font-family:
        "Loew Next Arabic",
        serif !important;
}


/* Links */

html[dir="rtl"]
.store-footer__links-column {
    direction: rtl !important;

    text-align: right !important;
}


html[dir="rtl"]
.store-footer__links-column
.store-footer__menu-link {
    text-align: right !important;
}

 
/* Contact */

html[dir="rtl"]
.miel-footer__middle {
    direction: rtl !important;

    text-align: right !important;
}


html[dir="rtl"]
.miel-footer__middle
.links-contact {
    direction: rtl !important;

    text-align: right !important;
}


/* Newsletter title */

html[dir="rtl"]
.store-footer__newsletter-text,

html[dir="rtl"]
.store-footer__newsletter-title {
    direction: rtl !important;

    text-align: right !important;
}


/*
   Arabic:
   DOM is:
   field
   button

   direction:rtl gives:
   INPUT on right
   BUTTON on left
*/

html[dir="rtl"]
.store-footer__newsletter
#mc-embedded-subscribe-form {
    direction: rtl !important;
}


html[dir="rtl"]
.store-footer__newsletter-input {
    direction: rtl !important;

    text-align: right !important;
}


/*
   Mirror ONLY the arrow artwork by mirroring
   the button. Circle is symmetrical.
*/

html[dir="rtl"]
.store-footer__newsletter-btn {
    transform:
        scaleX(-1) !important;
}


/* Editor block position */

html[dir="rtl"]
.store-footer__newsletter
> .miel-footer__editor-content {
    direction: rtl !important;

    text-align: right !important;
}


/*
   Do NOT force its inner rich text to Arabic direction.
   Each actual paragraph resolves from its own text.
*/

html[dir="rtl"]
.store-footer__newsletter
> .miel-footer__editor-content
> * {
    unicode-bidi: plaintext;
}


/* Trust badge */

html[dir="rtl"]
.store-footer__newsletter
> .footer-badges {
    direction: rtl !important;

    justify-content:
        flex-start !important;
}


/* Logo */

html[dir="rtl"]
.store-footer__brand {
    direction: rtl !important;
}


html[dir="rtl"]
.store-footer__brand
.footer-logo img {
    object-position:
        right center !important;
}


/* ==========================================================
   SMALL DESKTOP
   ========================================================== */

@media
(min-width: 1024px)
and
(max-width: 1280px) {

    .store-footer__inner {
           width: calc(100% - 100px) !important;
        padding-top: 40px !important;
        padding-bottom: 0px !important;
        border-radius: 22px !important;
    }


    .store-footer__container {
        max-width:
            1100px !important;

        padding-inline:
            0 !important;
    }


    .store-footer__grid {
        grid-template-rows:
            minmax(240px, auto)
            auto !important;

        column-gap:
            32px !important;
    }


    .store-footer__inner
    .footer-title,

    .store-footer__links-column
    .store-footer__menu-link {
        font-size:
            15px !important;
    }


    .store-footer__links-column
    .footer-list {
        gap:
            10px !important;
    }


    .store-footer__newsletter-title {
        font-size:
            15px !important;
    }


    .miel-footer__middle
    .links-contact {
        font-size:
            15px !important;
    }


    .store-footer__brand
    .footer-logo,

    .store-footer__brand
    .footer-logo img {
        max-width:
            400px !important;
    }
}


/* ==========================================================
   TABLET
   ========================================================== */

@media
(min-width: 769px)
and
(max-width: 1023px) {

    .store-footer__inner {
        width:
            calc(100% - 32px) !important;

        padding-top:
            48px !important;

        padding-bottom:
            36px !important;

        border-radius:
            20px !important;
    }


    .store-footer__container {
        width:
            100% !important;

        max-width:
            none !important;

        padding-inline:
            28px !important;
    }


    .store-footer__grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        grid-template-rows:
            auto !important;

        grid-template-areas:
            "links middle"
            "newsletter newsletter"
            "brand apps" !important;

        column-gap:
            36px !important;

        row-gap:
            38px !important;
    }


    html[dir="rtl"]
    .store-footer__grid {
        grid-template-areas:
            "middle links"
            "newsletter newsletter"
            "apps brand" !important;
    }


    .store-footer__brand
    .footer-logo,

    .store-footer__brand
    .footer-logo img {
        max-width:
            360px !important;
    }
}


/* ==========================================================
   MOBILE
   ========================================================== */
salla-add-product-button > div{
  width: 100%;
}
@media
(max-width: 768px) {
footer .store-footer__inner{
      padding-bottom: 0 !important;
}
    .store-footer__inner {
        width:
            calc(100% - 24px) !important;

        margin-inline:
            auto !important;

        padding-top:
            36px !important;

        padding-bottom:
            28px !important;

        border-radius:
            18px !important;
    }


    .store-footer__container {
        width:
            100% !important;

        max-width:
            none !important;

        padding-inline:
            20px !important;
    }


    .store-footer__grid,
    html[dir="ltr"]
    .store-footer__grid,
    html[dir="rtl"]
    .store-footer__grid {
        grid-template-columns:
            minmax(0, 1fr) !important;

        grid-template-rows:
            auto !important;

        grid-template-areas:
            "links"
            "middle"
            "newsletter"
            "brand"
            "apps" !important;

        column-gap:
            0 !important;

        row-gap:
            30px !important;
    }


    .store-footer__inner
    .footer-title {
        font-size:
            17px !important;
    }


    .store-footer__links-column
    .footer-list {
        gap:
            12px !important;

        margin-top:
            14px !important;
    }


    .store-footer__links-column
    .store-footer__menu-link {
        font-size:
            16px !important;
    }


    .miel-footer__middle
    .links-contact {
        margin-bottom:
            12px !important;

        font-size:
            15px !important;
    }


    .store-footer__newsletter-title {
        font-size:
            17px !important;
    }


    .store-footer__newsletter
    #mc-embedded-subscribe-form {
        gap:
            5px !important;

        margin-top:
            16px !important;
    }


    .store-footer__newsletter-input {
        height:
            42px !important;

        padding-inline:
            14px !important;

        font-size:
            14px !important;

        line-height:
            42px !important;
    }


    .store-footer__newsletter
    #mc-embedded-subscribe-form
    > div:last-child {
        flex-basis:
            42px !important;

        width:
            42px !important;

        min-width:
            42px !important;
    }


    .store-footer__newsletter-btn {
        width:
            42px !important;

        min-width:
            42px !important;

        max-width:
            42px !important;

        height:
            42px !important;

        min-height:
            42px !important;

        max-height:
            42px !important;
    }


    .store-footer__newsletter
    > .miel-footer__editor-content {
        margin-top:
            22px !important;
    }


    .store-footer__newsletter
    > .footer-badges {
        margin-top:
            10px !important;
    }


    .store-footer__brand
    .footer-logo,

    .store-footer__brand
    .footer-logo img {
        max-width:
            300px !important;
    }


.product-card__content .product-card__normal-cart  .product-card__normal-cart__btn button {
     
    font-size: 13px; 
    padding: 7px 0;
    height: 30px;
}

.product-card__price { 
    transform: scale(.9);
}

.twinsbanw {
    margin-top: 10px !important;
}




.store-footer__brand{
      grid-area: links !important;
}

.store-footer__grid > .store-footer__newsletter {
    grid-area: middle !important;
}

.store-footer__links-column{
  grid-area: newsletter !important;
}

  .miel-footer__middle{
    grid-area: brand !important;
  }
  .product-more-info .tab-content .tab-pane{
        padding: 10px 20px;
  }
}

.s-block--testimonials .testimonials-item:after{
  display: none;
}
.testimonials__inner .testimonials__card{
  border: 1px solid #dfdede;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
}