/* Add custom CSS styles below */ 
.s-block {
    padding-bottom: 0px;
}













.angelmodal__container>div {
    background: #ffffff7d;
}

.angelmodal__close {
    top: 3.1rem;
}

[dir="rtl"] .angelmodal__close {
    left: 3rem;
}

.header-inner {
    border-radius: 0px 0px 20px 20px;
    background: radial-gradient(circle at 25% 22%,#4c3226 0%, #1e130e 45%);
    background-size: 180% 180%;
    animation: gradient-animation 10s ease infinite;
    overflow: hidden;
}

.is_large .header-btn .sicon-search, .is_large .header-btn .sicon-user {
    font-size: 20px !important;
}


.navbar-brand {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

@media (min-width: 768px){
.store-header .da-tm {
    color: var(--dark-text-main)!important;
    align-self: center;
}

a.mburger.mburger--collapse.flex.items-start.me-1 {
    display: flex;
    align-items: center;
}
}

.store-header .s-user-menu-trigger .s-user-menu-avatar-wrap {
    height: 21px;
    padding: 0px;
    top: 1px;
    position: relative;
    width: 21px;
    background-repeat: no-repeat;
    background-image: url(https://cdn.salla.sa/form-builder/BAWOf7lYGwqCjsAXo6v2XBj4nc0LNGqWnrdHbhRV.png);
    background-size: contain;
}

.store-header .s-user-menu-trigger img {
    opacity: 0;
}

.store-header .s-user-menu-trigger {
    background-color: transparent;
    padding: 0 3px;
}

.store-header {
    margin-bottom: 10px;
}

.shadow-default {
    box-shadow: none !important;
}

.s-cart-summary-total {
    display:none;
}

.store-header .btn.lang {
    padding: 0.625rem;
    padding-top: 16px;
    font-size: 16px;
    color: inherit;
}

.s-cart-summary-wrapper {
    align-items: center;
}

p.da-tm.hidden.text-xl.md\:block.ms-1 {
    height: 22px;
}

.is_large .header-btn {
    padding: 6px 6px 6px 6px;
}

.is_large .header-btn {
    padding: 6px 6px 6px 6px;
}

.header-inner .header-btn {
    display: flex;
    height: 2rem;
    width: 2rem;
    padding: 0.5rem;
    border-radius: 12px;
    background: #d09b44;
    background-image: linear-gradient(42deg, #f7ce83 18%, #0000 63%);
    box-shadow: inset 0px 0px 0px 1px #ffffff1f;
}

@media (min-width: 768px){
.is_large .header-btn {
    padding: 6px 6px 6px 6px;
}
}

[dir=rtl] .me-1 {
    margin-left: 0;
}

.header-btn:hover {
    opacity: 1;
}

.text-2xl {
    font-size: 20px;
    color:#1b1337;
}
/*
.mode-toggler {
    padding: 4px 6px 4px 5px !important;
}
*/
.header-container.container {
    padding-block: 14px;
}

.flex.items-center.justify-start.w-1\/3, .flex.items-center.justify-end.w-1\/3 {
    gap: 6px;
}
.sicon-menu {
    background: #d09b44;
    background-image: linear-gradient(42deg, #f7ce83 18%, #0000 63%);
    border-radius: 12px;
    box-shadow: inset 0px 0px 0px 1px #ffffff1f;
    padding: 6px;
}

.sicon-search:before {
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/fc6f9d84-23aa-47c4-a00e-79deb6883208-original.webp);
    background-size: cover;
}

@media screen and (max-width: 768px) {
.sicon-search:before {
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/fc6f9d84-23aa-47c4-a00e-79deb6883208-original.webp);
    background-size: cover;
  top: -2px;
    right: -2px;
    position: relative;
}
.sicon-user:before {
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/9502906f-4e88-480f-b7db-48362477f46f-original.webp);
    background-size: cover;
  top: -2px;
    right: -2px;
    position: relative;
}
}
.sicon-menu:before {
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/2976797f-31c4-42e8-8a2d-a36198d9d5cb-original.webp);
    background-size: cover;
}

.sicon-user:before {
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/9502906f-4e88-480f-b7db-48362477f46f-original.webp);
    background-size: cover;
}

.sicon-shopping:before {
    padding-bottom: 0px;
    color: #0000;
    background-image: url(https://cdn.files.salla.network/other/1387096600/0bdbc1e2-d343-4765-82bf-8b717e363fe8-original.webp);
    background-size: cover;
    display: block !important;
    font-size: 21px;
}










.top-top {
  margin-top: 30px;
}
.gap-2 {
    gap: 12px;
}









/*      ==========  MENU  ==========       */
.main-menu .contact-links a i:before, .main-menu .contact-links span i:before {
    font-size: 1.125rem;
    line-height: 1.75rem;
    height: 25px;
    width: 25px;
}

.mm-spn li:after {
    content: '';
    position: absolute;
    top: 9px;
    width: 14px;
    height: 27px;
    background: #1359ac;
    background: #d09b44;
    background-image: linear-gradient(42deg, #f7ce83 18%, #0000 63%);
    transition: all 0.1s linear;
    left: 0px;
    border: 0;
    opacity: 1;
    border-radius: 0px 15px 15px 0px;
}

.mm-spn li:hover::after {
    width: 60px;
}

.mm-spn li:hover {
    background: #0000 !important;
    color: #fff;
}

.mm-spn li:before {
    z-index: 1;
}

.mm-spn ul {
    width: calc(100% + 0%);
    padding-right: 0%;
}

.mm-spn ul.mm-spn--open {
    background: #0000;
}

.mm-spn li {
    background: #0000;
    border-bottom: #0000001c solid 1px;
}

.mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    color: #121216;
    font-weight: 700!important;
}

.mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    color: #121216 !important;
}

:root {
    --mm-spn-item-height: 50px;
    --mm-spn-item-indent: 20px;
    --mm-spn-line-height: 24px;
    --mm-spn-panel-offset: 100%;
}

.mm-spn.mm-spn--light {
    background: #ffffffc4;
    box-shadow: inset 0px 0px 0px 1px #ffffffad;
}

.mobile-menu {
    display: none;
    overflow: hidden;
    height: calc(100% - 40px);
    margin: 20px;
    border-radius: 20px;
}



















.stories.rtl {
    direction: rtl;
    display: flex;
    justify-content: center;
}

.p-3 {
    padding: .75rem;
    background: #f7f5eb;
    border-radius: 15px;
}


.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #0000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

/*      ==========  LOGO  ==========       */
.navbar-brand img {
    max-height: 6.5rem;
    max-width: 165px;
    width: auto;
    content: url(https://media.giphy.com/media/7N9KePgh8SaZx6IxL8/giphy.gif)!important;
}






/*      ==========  MENU  ==========       */
.main-menu .contact-links a i:before, .main-menu .contact-links span i:before {
    font-size: 1.125rem;
    line-height: 1.75rem;
    height: 25px;
    width: 25px;
}

.mm-spn li:hover , .dark  .mm-spn li:hover {
    background: #cc963e;
    color: #fff;
}








/*      ==========  PR YOU MAY LIKE CART  ==========       */
.mb-8 .da-cp {
    color: #22133e!important;
    background: #f7f5eb;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 15px;
}

.dark .mb-8 .da-cp {
    color: #fff!important;
    background: #22133e;
}








/*      ==========  PR  ==========       */
.s-button-primary {
    border-radius: 30px;
    background: linear-gradient(45deg, rgb(204, 150, 62), rgb(252, 212, 139), rgb(204, 150, 62));
    border: #ffffff1f solid 1px;
    border-right: #271c1b solid 4px;
    border-left: #271c1b solid 4px;
    color: #000 !important;
    font-weight: 700 !important;
}

.s-product-card-content {
    gap: 10px;
}

.s-product-card-entry {
    background-color: #eef0f4;
}

.details, .s-product-card-content-footer.details button {
    border-radius: 18px;
}

.rounded-md {
    border-radius: 18px;
}

.s-product-card-content-footer.tabs-wrapper button, .tabs-wrapper {
    border-radius: 18px;
}

.tabs__product .tab-trigger {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.sidebar {
    margin: 20px;
    width: calc(100% - 40px);
    border-radius: 18px;
    padding: 0;
    border: #ffffff21 solid 1px;
}

.s-quantity-input-container {
    border-radius: 40px;
}

.s-fast-checkout-button.outline {
    border-radius: 40px;
}

.s-products-list-wrapper {
    gap: 16px;
}

.form-input, .s-comment-form-input, .s-login-modal-input, .s-product-availability-input, .s-verify-input, .tel-input, input, select, textarea {
    margin-bottom: 0px;
    border-radius: 67px;
    padding-bottom: 0;
}

.nav-header {
    margin-inline: 20px;
    border-radius: 18px;
    background: #f7f5eb !important;
}

/*      ==========  INNER PR  ==========       */

/*  ====  top  ====   */
.py-3 {
    padding: 14px 9px 9px 9px;
    background: #f7f5eb;
    border-radius: 15px;
}

.bg-gray-100 {
    background-color:#fff;
}
.bg-gray-100 {
    background-color: #ffffff00;
}
.details.total {
    --tw-bg-opacity: 1;
    background-color: var(--bg-color);
}



/*  ====  bg photo  ====   *//*
salla-slider.details-slider .swiper-slide {
    border-radius: 0;
    position: relative;
    background: #f7f5eb;
    padding-bottom: 0px;
    margin: 10px;
    width: calc(100% - 20px) !important;
    border-radius: 15px;
    overflow: hidden;
}




/*  ====  heart & share  ====   */
.sidebar salla-button.btn--wishlist .btn--wishlist, button.s-social-share-btn, .dark .sidebar salla-button.btn--wishlist .btn--wishlist, .dark button.s-social-share-btn {
    background-color: #271d1b;
    opacity: 1;
    border-radius: 10px !important;
    color: #fff;
}

.opacity-80 {
    opacity: 1;
        bottom: 1rem;
}



/*  ====  details  ====   */
.tabs .tab-trigger.is-active {
    background-color: #f7f5eb;
}

.tabs-wrapper .tabs__item.is-active {
    display: block;
    background: #f7f5eb;
    border-radius: 15px 0px 15px 15px;
}




/*  ====  bg pay  ====   */
.details {
    background-color: #f7f5eb;
    border-radius: 15px;
}

.mt-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/*  ====  pr you may like  ====   *//*
.mob\:my-8 .da-cp {
    color: #22133e!important;
    background: #f7f5eb;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 15px;
}

.dark .mob\:my-8 .da-cp {
    color: #fff!important;
    background: #22133e;
}



/*  ====  add to cart bar  ====   */
.sticky-product-bar{
    background: #f7f5eb;
}

















/*      ==========  VISITORS  ==========       */

.testimonials-slider .da-bgg {
    background: #f7f5eb;
}

 .line-clamp-3 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 25px;
}


.sicon-store:before {
    content: "\e960";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/bYkvUGq3zVNncykdOZTVlmNLasbQifi1LDKBJFuA.png);
    background-size: contain;
    font-size: 28px;
    background-repeat: no-repeat;
}




/*  ====  mark   ====   */
.s-block--testimonials .end-4{
    left:10px !important;
}

















/*      ==========  QUISTIONS  ==========       */
.faqs-list__item.bg-gray-100.da-bgg.relative.overflow-hidden.rounded-md.border-2.border-transparent {
    background: #f7f5eb;
    border-radius: 26px;
    border: 0;
}

p.w-full.text-center.\!p-0.text-gray-400.da-ts {
    display: none;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}
.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
    width: 100%;
    text-align: center;
}
.mb-6 {
    margin-bottom: 1.5rem;
    margin-top: 10px;
}

.p-6 {
    padding: 10px 18px 10px 10px;
}

.faq-item {
    top: 8px;
    left: 10px;
    height: 28px;
    width: 28px;
}

.rtl\:ml-16:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0rem;
}





/*
.mb-6 , .mb-2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sicon-combine_cells:before {
    content: "\e98f";
    color: #0000;
    background-image: url(https://cdn.salla.sa/form-builder/B9uOdCuVL1zBgjM5D3sKnuLCv4OT75OAyhubxs8G.png);
    background-size: contain;
    font-size: 28px;
    background-repeat: no-repeat;
}

.s-block--faqs .pe-16 {
    background: #f7f5eb;
}

.s-block--faqs .faqs-list input:checked+div .faq-answer {
    background: #f7f5eb;
}

.w-8 {
    width: 26px;
}
.h-8 {
    height: 26px;
}

.rounded-full {
    border-radius: 10px;
}

[dir=rtl] .pe-16 {
    font-size: 18px;
    font-weight: 700 !important;
    padding: 5px 24px 5px 5px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    height: 36px;
}

.pe-16:before {
    font-size: 18px;
    content: "";
    font-weight: 700 !important;
    height: 26px;
    background: #cc963e;
    width: 5px;
    border-radius:6px;
    position: absolute;
    top: 5px;
    right: 12px;
}

.dark .pe-16:before {
    background: #cc963e;
}

.top-5 {
    position: relative;
    top: 0;
}

.border-transparent {
    border-color: transparent;
    border-radius: 15px;
}

*/






.s-block__title h2 {
    font-size: 20px;
    font-weight: 700 !important;
}

.dark .s-block__title h2 {
    color:#fff!important;
}



[dir=rtl] .end-4 {
    left: 0;
}



.main-content .border-transparent {
    border-color: transparent;
    border-radius: 0px;
}






.faq-item {
    background-color: #271d1b!important;
    color: #f7f5eb;
    font-size: 14px;
}

.s-block--faqs .faqs-list input:checked+div {
    border-color: #0000;
}

.s-block--faqs .faqs-list input:checked + div label {
    background-color: #271d1b!important;
    color: #fff;
}

.s-block--faqs .faqs-list input:checked+div .open-badge {
    background-color: #cc963e!important;
    color:#271d1b;
}

.faq-container:hover .faq-item {
    background-color: #cc963e!important;
    color: #271d1b;
}

.s-block--faqs .faqs-list input:checked+div .faq-answer p{
    font-size: 15px;
}












.carousel-slider .s-slider-block__title-nav {
    display: flex;
}

.s-angel--divider.merge-bottom+.s-block .s-block__title, .s-angel--divider.merge-bottom+.s-block .s-slider-block__title {
    display: flex!important;
    visibility: visible;
}


.slide--cat-entry h4 {
    font-size: 14px;
    line-height: 1rem;
    color: #321861;
    font-weight: 700 !important;
}
.dark .s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #22133e;
}
.s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #f7f5eb;
}

/*.s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #f7f5eb;
    gap: 6px;
    display: inline-flex;
    padding-inline: 15px;
    height: 100px;
}

.dark .s-angel--divider.merge-bottom+.s-block .slide--cat-entry {
    background-color: #22133e;
}

.slide--cat-entry h4 {
    font-size: 15px;
    line-height: 1rem;
    white-space: nowrap;
    color: #321861;
    font-weight: 700 !important;
}

.slide--cat-entry i {
    display: flex;
    font-size: 29px;
    background: #f7f5eb;
    height: 50px;
    width: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
}

.dark .slide--cat-entry i {
    background: #100b21;
}

.carousel-slider .swiper-wrapper>div, salla-slider[type]:not(.hydrated) .swiper>div>div>div, salla-slider[type]:not(.hydrated)>div>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px;
    width: 50%;
    max-width: fit-content;
}

[dir=rtl] .carousel-slider .swiper, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] salla-slider[type]:not(.hydrated)>div {
    padding-left: 0rem;
}
*/

.sticky-product-bar .s-button-primary {
    background-color: #271d1b;
    border-color: #271d1b;
    border-width: 1px;
    color: #fff;
}

.sticky-product-bar .s-button-primary-outline {
    color: #fff;
    border-color: #cc963e;
    background: #cc963e;
}

.right-side {
     width:100%;
}

.mob\:container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    display: grid;
    gap: 8px;
}
.mob\:container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    display: grid;
    gap: 8px;
}

.max-h-12 {
    max-height: 2rem;
}











a[href^="https://apps.apple.com/sa/app/%D9%8A%D9%84%D8%A7-%D9%83%D8%A7%D8%B1%D8%AF-yalla-card/id6450953602"]{
    position: relative;
}

a[href^="https://apps.apple.com/sa/app/%D9%8A%D9%84%D8%A7-%D9%83%D8%A7%D8%B1%D8%AF-yalla-card/id6450953602"]:before {
    content: "";
    background-image: url(https://cdn.salla.sa/form-builder/jCgEGBtrJl6wTri5lplNBKjWkXbbxCeXy3gaOb7B.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
}

a[href^="https://play.google.com/store/apps/details?id=com.salla.yallacard"]{
    position: relative;
}

img[src="https://cdn.assets.salla.network/themes/1034648396/1.59.0/images/appstore.png"] , img[src="https://cdn.assets.salla.network/themes/1034648396/1.59.0/images/googleplay.png"]{
    opacity: 0;
}

a[href^="https://play.google.com/store/apps/details?id=com.salla.yallacard"]:before {
    content: "";
    background-image: url(https://cdn.salla.sa/form-builder/90oavHi4KyyNoah5oJKQk724SGyr6WfhyqMjHqHF.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    background-position: bottom;
    background-repeat: no-repeat;
}





















.ggggggggggggggggg {
    color: #fff;
    margin-bottom: 12px;
}






.store-footer .footer-container .logo-footer .foo {
    margin-bottom: 10px;
    content: url("https://media.giphy.com/media/7N9KePgh8SaZx6IxL8/giphy.gif") !important;
}
.store-footer__inner {
    background-image: url(https://cdn.files.salla.network/other/1387096600/a32bf8ef-8ac9-45a5-bdab-124699650e9e-original.webp) ,radial-gradient(circle at 50% 22%,#4c3226 0%, #1e130e 70%);
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: top 0% left 50%, bottom 0% left 50% !important;
    border-radius: 30px 30px 0px 0px;
    color: #fff;
}
.store-footer .footer-title, .store-footer h3 {
    background: linear-gradient(45deg, #cc963e, #fcd48b, #cc963e);
    border-radius: 20px;
    height: 34px;
    line-height: 34px;
    position: relative;
    text-align: center;
}
.store-footer .footer-title:before, .store-footer h3:before {
    content: "";
    background: #382319;
    transform: rotate(45deg);
    height: 8px;
    width: 8px;
    line-height: 34px;
    position: absolute;
    right: 12px;
    top: 13px;
}
.store-footer .footer-title:after, .store-footer h3:after {
    content:"";
    background: #382319;
    transform: rotate(45deg);    
    height: 8px;
    width: 8px;
    position: absolute;
    left: 12px;
    top: 13px;
}
.s-contacts-icon {
    height: 20px;
    width: 20px;
}
.s-contacts-item {
    background: #ffffff47;
}
.s-trust-badges-wrapper, .flex.ltr\:space-x-2.rtl\:space-x-2.rtl\:space-x-reverse {
    background: #ffffff80;
    box-shadow: inset 0px 0px 0px 1px #ffffff1f;
    padding: 7px 16px 7px 16px;
    border-radius: 70px;
    height: 45px;
  align-items: center;
}
img.s-trust-badges-image {
    height: 40px;
    width: 36px;
}
.s-trust-badges-label, p.text-sm.text-text-grey.da-tm, span.text-sm.da-tm, .s-trust-badges-number {
    margin-bottom: -7px;
    padding-top: 4px;
    font-size: 10px;
}
.w-10 {
    width: 26px;
}
.store-footer .footer-container {
    gap: 3rem;
    border: 0;
}
.footer-bottom {
    background: #3b271d;
    border-radius: 30px 30px 0 0;
}
.sbc-certificate {
    display: none;
}
.s-payments-list-item {
    height: 29px;
    background-color: #ffffffe0;
    padding: 3px 3px 3px 3px;
    border-radius: 35px;
}
.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    text-align: center;
}
@media (min-width: 768px) {
    .md\:max-w-xs {
        max-width: none;
        display: grid;
        grid-column: span 3 / span 3;
    }
  .da-brdr {
        display: grid;
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
  .s-contacts-list {
    justify-content: center;
}
}







body .s-design-before {
    display: none;
}
.container {
    padding-left: 20px;
    padding-right: 20px;
}

























img[src*="tamara_installment"] {
    display: none !important;
}