/* ================= COLORS ================= */
:root {
    --color-primary: #e86a48;
    --second: #162024;
}

/* ================= BACKGROUND PRIMARY ================= */
.product-card__addToCart__btn salla-button button,
.product-card__addToCart__btn salla-button button:hover,
img.lazy.max-h-24.loaded {
    background: var(--color-primary);
}
/* ================= TEXT WHITE ================= */
.content--single-page *,
.product-card__addToCart__btn salla-button button,
.sicon-shopping:before,
#details_table * .more-info-tabs__content *,
.content-entry *,
.s-block--enhanced-features__item p {
    color: #FFF !important;
}
/* ================= PRIMARY COLOR TEXT ================= */
.s-reviews-summary-count,
.s-comments-item-user-info-name-with-margin,
.s-comments-filter-label {
    color: var(--color-primary) !important;
}
/* ================= SECONDARY BACKGROUND ================= */
.bg-store-bg-secondary,
.s-block--enhanced-features__item,
.store-footer {
    background-color: var(--second) !important;
}
/* ================= GENERAL STYLES ================= */
.main-nav-container {
    padding: 10px 0 0;
    height: 100% !important;
}
.navbar-brand img,
img.lazy.max-h-24.loaded {
    border-radius: 100px;
}
img.lazy.max-h-24.loaded {
    padding: 10px;
}
.product-card__image {
    aspect-ratio: 2/3;
    overflow: hidden;
}
.product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.group:hover .group-hover\:scale-110,
.group:hover .group-hover\:scale-x-100,
.s-block--enhanced-features__item:hover {
    transform: unset;
    --tw-scale-x: unset;
    --tw-scale-y: unset;
}
.s-block--enhanced-features__item {
    border: unset;
}
.s-block--enhanced-features__item .feature-icon {
    height: 5rem;
}

/* ================= TITLE ================= */
.s-block--enhanced-features__item:first-child h2 {
    display: none;
}
.s-block--enhanced-features.container::before {
    content: "مميزات المتجر";
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}
#details_table span[style],
#details_table p,
#details_table li,
#details_table h2,
#details_table strong
{
    color: #fff !important;
}
#details_table span[style] {
    background-color: transparent !important;
}
#details_table a, #details_table a strong {
    color: var(--color-primary) !important;
}

/* ================= BUTTON ================= */
.s-button-primary-outline {
    color: #fff;
    background: var(--color-primary);
    border-color: var(--color-primary);
}
/* ================= FOOTER ================= */
.store-footer {
    position: relative;
    z-index: 1;
}
.store-footer * {
    background-color: transparent;
}
.store-footer__curve {
    color: var(--second) !important;
}
.s-payments-list-item {
    background-color: #fff !important;
}
.store-footer__inner .container div a img {
    border-radius: 100px;
}