div#mainnav, .main-nav-container.fixed-pinned .inner {
    box-shadow: 0px 5px 0px 0px rgba(0, 0, 0, 0);
    background: url(https://c.top4top.io/p_3300t2c3c1.jpg);
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
"التقوسيه حق الاطراف اللمكان العلوي 

*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
}

-----
.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: unset;
    padding-top: 43%;
}

@media (max-width: 991px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr 1fr ;
    }

    .s-block.s-block--banners > .grid .banner-entry {
        padding-top: 31%;
    }
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.banner-entry article,.has-overlay:after {
    padding: 0rem;
    display: none;
}


"كود بطاقة تلمنتج"

.s-product-card-content-title a,.s-product-card-content-subtitle {
    text-align: center!important;
    font-size: 1rem!important
}

.main-menu,.s-product-card-content-sub {
    justify-content: center!important
}

.swiper-wrapper {
    margin: 30px 0!important
}

.s-product-card-price,.s-product-card-sale-price * {
    font-size: 1rem!important
}

.s-product-card-entry,salla-products-list {
    padding: 10px!important
}

.s-product-card-entry {
    outline: var(--color-primary) solid 1px!important
}

@media (min-width: 640px) {
    .s-product-card-fit-height .s-product-card-image {
        flex:unset!important
    }

    #mainnav .container,.s-block.s-block--banners.container {
        width: 85%!important;
        max-width: 850%!important;
    }
}

.s-product-card-image {
    flex: unset!important
}

.s-product-card-fit-height .s-product-card-image {
    max-height: 21rem!important;
    height: 470px!important;
}

@media (max-width: 640px) {
    .s-product-card-fit-height .s-product-card-image {
        max-height: 11rem!important;
        height: 166px!important;
    }



body.index div.app-inner.flex.flex-col.min-h-full > section.s-block--banners:nth-child(n) div div:hover {
    transform: translateY(-8px);
}

body.index div.app-inner.flex.flex-col.min-h-full > section.s-block--banners:nth-child(n) div {
    transition: transform 0.3s, box-shadow 0.3s;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--color-primary);
    color: #ffffff;
    display: block;
    text-align: center;
    font-weight: bold;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 0%) 0px 7px 13px -3px, rgb(255 255 255 / 66%)0px -3px 0px inset;
    animation: signal 1200ms infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary);
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21;
    }
}


 "اكود الخلفية"

body {
    background-image: url(https://h.top4top.io/p_3300odpbv2.jpg );
    background-color: #f456f6;
    background-repeat: repeat;
    background-position: center center;
    background-size: 50%;
}


توسيط أسفل الصفحة"

h2.mb-4.text-lg.font-bold.leading-\[1\.2\],.s-block__title h2,.s-slider-block__title h2,.s-slider-block__title h2,.s-button-primary-outline,.s-block--features__item .feature-icon {
    background: linear-gradient(to right, var(--color-primary-dark), var(--color-primary)) !important;
}

.s-button-primary-outline {
    fill: var(--color-primary);
    color: #fff;
}

.main-nav-container.fixed-pinned .inner {
    position: unset;
}

.s-product-card-image {
    background-color: #fff;
}
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    display: grid;
    text-align: center;
    justify-items: center;
}
.grid {
    /* display: grid; */
}
element.style {
}
.store-footer__inner, .footer-is-light .store-footer .store-footer__inner {
# color: #b29966;
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    background-color:#b29966;

    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
}

.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: #f9fafb;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: #374151;
    color: rgb(249 249 249);
}