/* Add custom CSS styles below */ 
h1.da-tm.leading-normal.text-lg.md\:text-xl.ltr\:mr-2.rtl\:ml-2 {
    text-align: center !important;
}
.flex.whitespace-nowrap.price-wrapper.gap-4.items-center {
    justify-content: center !important;
}
.price.my-1 {
    text-align: center !important;
}
.product-availablity.flex.items-center.gap-2 {
    justify-content: center !important;
}
button.s-button-element.s-button-btn.s-button-primary.s-button-wide {
    background: black !important;
    border: none !important;
}
salla-rating-stars {
        margin:  0 auto;
    }
img.s-product-card-image-contain.lazy__bg.lazy_img.lazy.loaded {
  
    aspect-ratio: 9 / 10;
    overflow: hidden;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.375rem;
}
/* =====   Font  ===== */
  @font-face {
    font-family: 'Harir';
    src: url('https://assets.zid.store/themes/f6c450d0-3383-4c29-9188-efa4330d50a2/Harir-bold.otf');
    font-style: normal;
    font-weight:700
  }
  @font-face {
    font-family: 'Harir';
    src: url('https://assets.zid.store/themes/f6c450d0-3383-4c29-9188-efa4330d50a2/Harir.otf');
    font-style: normal;
    font-weight:400
  }
:root{
  --font-main:'Harir';
  --font-secondary:'Harir'
}
 body{
    font-family: 'Harir', sans !important;
  }
.product-custom-banner img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 100px !important;
}

.product-custom-banner {
    display: block !important;
    visibility: visible !important;
}

/* Accordion Styles - Works with existing ts.js */

button.accordion {
    padding-left: 2rem!important;
    margin-bottom: 0;
    width: 100%;
    background-color: #fff;
    color: #000;
    border: none;
    outline: none;
    text-align: right;
    padding: 8px 15px;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    margin-top: 15px;
    font-weight: 600!important
}

button.accordion:after {
    content: "+"!important;
    font-size: 30px;
    float: left;
    position: absolute;
    left: 1rem;
    top: .8rem;
}

html[lang=en] button.accordion {
    text-align: left
}

html[lang=en] button.accordion:after {
    float: right;
    left: auto;
    right: 1rem
}

button.accordion.is-open:after {
    content: "—"!important
}

button.accordion.is-open {
    background-color: #252122;
    color: #fff;
    border-radius: 8px 8px 0 0
}

button.accordion.is-open strong {
    color: #fff!important
}

.accordion-content {
    background-color: #fff;
    border-top: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-in-out;
    border-radius: 0 0 8px 8px
}

.accordion-content.active {
    border: 1px solid #efefef
}

.description-div button.accordion:after {
    font-size: 30px;
    font-weight: 400;
    left: 1rem;
    top: .6rem;
    transition: content .3s ease-in-out
}

html[lang=en] .description-div button.accordion:after {
    right: 1rem
}

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

.description-div button.accordion.is-open {
    background-color: #eee;
    color: #2b2b2b;
    border: 1px solid #e7e7e7
}

.description-div .accordion-content {
    border: 1px solid #e7e7e7;
    border-top: none;
    border-radius: 0
}

.description-div .accordion-content a {
    color: #c4b2a4!important
}

.description-div .accordion-content a:hover {
    color: #c4b2a4!important;
    text-decoration: underline
}

.product-accordion .description-div button.accordion {
    background: #fff;
    border: none;
    padding: 8px 30px;
    font-size: 16px;
    color: #013527;
    margin-top: 0
}

.product-accordion .description-div .accordion-content {
    border: none;
    color: #8d8d8d;
    font-size: 14px
}

.product-accordion .description-div button.accordion:after,
.product-accordion .description-div button.accordion.is-open:after {
    left: 1.9rem;
    top: .2rem;
    content: ""!important;
    background: url(https://media.zid.store/39b0583d-5cb9-4ff1-b1cc-8c3929f8df44/5d6d6af8-48ae-4bb8-9740-74bbaf71645e.svg) center/contain no-repeat;
    width: 20px;
    height: 20px
}

.product-accordion .description-div button.accordion.is-open:after {
    background: url(https://media.zid.store/39b0583d-5cb9-4ff1-b1cc-8c3929f8df44/06334139-9899-4b37-8416-4566b07388f5.svg) center/contain no-repeat;
    content: ""!important
}

/* Hide original metadata box */
salla-metadata .s-metadata-box:not(.accordion-content .s-metadata-box) {
    display: none !important;
}