.full-banner-entry::after, .full-banner-entry::before {
    height: 100%;
    width: 100%;
    top: 0;
    right: -93%;
    content: "";
    background: #414042;
    background: var(--color-primary);
    position: absolute;
    transition: all .3s ease-in-out;
    transform: rotate(220deg) translateY(-50%) translateX(33%);
    opacity: 0;
}
body {
  background-color: #fffbf4;
}


.s-block {
    margin-top: 5rem;
}


element.style {
}
.s-block__title h2 {
    position: relative;
    font-size: 3rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
    vertical-alignement: center;
}


@media (min-width: 768px) {
    .two-row .banner-entry:first-child {
        height: 100%;
        border-width: thin;
    }
}
@media (min-width: 480px) {
    .banner-entry {
        padding: 1rem;
        border-width: thin;
    }
}
*مربع المنتجات*
element.style {
}
.s-product-card-vertical {
        border-width: thin;
        border-color: #ED7436;
      


element.style {
}
.s-product-card-promotion-title {
    background-color: #ED7436;
}


<! –– منتجات جديدة ––>


}
.s-slider-block__title h2 {
    position: relative;
    font-size: 2rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2;
}


element.style {
}
@media (min-width: 768px) {
    .s-slider-block__title {
        margin-bottom: 0.8rem;
    }
}


element.style {
}
@media (min-width: 768px) {
    .s-block__title {
        margin-bottom: 0.8rem;
    }
}


logo size {
}
@media (min-width: 480px) {
    .navbar-brand img {
        max-width: 300px;
    }
}
.navbar-brand img {
    max-height: 4rem;
    width: auto;
    max-width: 300px;
}


element.style {
}
.s-product-card-horizontal .s-product-card-promotion-title {
    color: #ffffff;
    Background: #000000;
}


.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.rounded-full {
    border-radius: 100px;
}
.w-16 {
    width: 7rem;
}
.h-16 {
    height: 7rem;
}


element.style {
}
.s-cart-summary-count:where([dir="rtl"], [dir="rtl"] *) {
    right: -0.375rem;
}


.s-cart-summary-count {
    top: -0.125rem;
    --tw-bg-opacity: 1;
    background-color: #ED7436;
}

/* DEMAF: reserve homepage space before the HTML component hydrates. */
#main-content > section[component-id="2007257216"] { display: flow-root; margin-top: 16px; min-height: 540px; }
#main-content > section[component-id="2007257216"] > [component-name="html-content"] { display: block; margin: 0; }
#main-content > section[component-id="2007257216"] .demaf-home-intro { margin: 0 auto; }
@media (max-width: 767px) { #main-content > section[component-id="2007257216"] { min-height: clamp(660px, calc(890px - 32vw), 800px); } }
/* Preserve the verified intrinsic proportions of the existing banners. */
#main-content section[component-id="1257433313"] picture img { aspect-ratio: 1456 / 180; }
#main-content section[component-id="1640238274"] picture img,
#main-content section[component-id="1946170991"] picture img,
#main-content section[component-id="1420210516"] picture img { aspect-ratio: 2000 / 824; }
#main-content section[component-id="1521345917"] picture img { aspect-ratio: 1600 / 659; }
/* The displayed logo is 400 by 148, at a 64px maximum height. */
header .navbar-brand img { aspect-ratio: 400 / 148; height: 64px; width: auto; object-fit: contain; }