li#\31 322635632>a>span

 {
    background: red;
    color: #fff;
    padding: 5px 7px;
    border-radius: 5px;
}

.s-product-card-sale-price h4 {
    color: red !important;
    font-size: 20px !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-center {
    color: #fff !important;
}
header .sub-menu {
    background: #fff;
}
.IRT__pormotion span
 { font-weight: bold; 
    color: #f9fafb;
    font-size: large;
       padding:0 5px 10px  !important;
}
[dir=rtl] .IRT__pormotion span:before {
  display: none !important;
}
.IRT__pormotion span{
     border-radius: 7px;
   background: #29286c!important;
}
header.store-header .w-full.flex-center {
    background: #f9fafb !important;
}
h2.total-price {
    font-size: x-large;
}
.s-product-card-image img {
    background: #fff;
}
li#\31 232429185 span {
    padding: 5px;
    background: red;
    border-radius: 7px;
    color: #fff;
}
/* Add custom CSS styles below */ 
.shadow-smt-app.shadow-smt-app-end_of_trial {
    display: none !important;
}

a#sm-cb-link>a {
    display: none !important;
}
/*mobile*/
@media(max-width:768px){
.index section:nth-of-type(1) ,
.index section:nth-of-type(3) , 
.index section:nth-of-type(6),
.index section:nth-of-type(9),
.index section:nth-of-type(11),
.index section:nth-of-type(14),
.index section:nth-of-type(17),
.index section:nth-of-type(20),
.index section:nth-of-type(22),
.index section:nth-of-type(23){
display:none !important;
}

.index section:nth-of-type(5) .swiper-wrapper ,
.index section:nth-of-type(27) .swiper-wrapper{
        display: flex !important;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth {
        width: 46% !important;
    }
    .index section:nth-of-type(27) .swiper-slide.slide--one-sixth {
        width: 30% !important;
    }
    div:has(.slide--one-sixth) {
    transition: none !important;
    transform: none !important;
}
    
}
/*desktop*/
@media(min-width:768px){
.index section:nth-of-type(2) ,
.index section:nth-of-type(4) , 
.index section:nth-of-type(7),
.index section:nth-of-type(10),
.index section:nth-of-type(12),
.index section:nth-of-type(15),
.index section:nth-of-type(18),
.index section:nth-of-type(21),
.index section:nth-of-type(24),
.index section:nth-of-type(25){
display:none !important;
}

}

.index section:nth-of-type(5) .s-slider-block__title-right, .index section:nth-of-type(5) h2 {
    padding: 0 !important;
    margin-bottom: 10px;
    font-size: 25px;
    color: #333886;
}

.index :is(section.s-block.s-block--photos-slider, section.s-block.s-block--categories, .s-block) {
    max-width: 1250px;
    margin: 20px auto;
    width: 100%;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin-top: 10px !important;
}
salla-slider.photos-slider .swiper-slide {
    width: 100% !important;
}
section.s-block.s-block--photos-slider img {
    border-radius: 0 !important;
}
.swiper.s-slider-container.swiper-initialized {
    padding: 5px;
}


.banner--fixed img {
    margin-top: 10px;
    margin-bottom: 10px;
}
.banner--fixed img {
    background: none !important;
}

a.slide--cat-entry {
    padding: 0;
}

.swiper-slide.slide--one-sixth i::before {
    content: "" !important;
}
.swiper-slide.slide--one-sixth h2 {
    display: none !important;
}
.index section:nth-of-type(5) .s-slider-block__title-right {
    width: 100%;
    text-align: center;
}
   section.s-block.s-block--photos-slider img {
    background: none !important;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="1 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="2 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31-copy-4.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="3 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31-copy-5.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="4 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31-copy-2.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="5 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31-copy.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}
.index section:nth-of-type(5) .swiper-slide.slide--one-sixth[aria-label="6 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-31-copy-6.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 521 / 118;
}


.index section:nth-of-type(11) .grid .banner-entry{
    height: auto;
    min-height: unset !important;
    aspect-ratio: 349/ 146;
    max-width: 100%;
}
.index section:nth-of-type(12) .grid .banner-entry{
    height: auto;
    min-height: unset !important;
    aspect-ratio: 272/ 374;
    max-width: 100%;
}
.two-row .banner-entry:first-child {
    grid-row: unset;
}
.index section:nth-of-type(12) .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px ! IMPORTANT;
    }

.index section:nth-of-type(14) .grid {
    display: grid;
       grid-template-columns: 26.6% 35.2% 35.2%;
    grid-template-rows: auto auto; /* صفين ليتسعوا للعناصر */
    gap: 20px;
}


.index section:nth-of-type(14) a[aria-label="square-banner-0"] {
    grid-column: 1;
    grid-row: 1 / span 2; /* يمتد على الصفين */
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 313 / 346;
    height: auto;
}


.index section:nth-of-type(14) a[aria-label="square-banner-1"] {
    grid-column: 2;
    grid-row: 1;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 202/ 81;
    height: auto;
}


.index section:nth-of-type(14) a[aria-label="square-banner-2"] {
    grid-column: 2;
    grid-row: 2;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 202/ 81;
    height: auto;
}


.index section:nth-of-type(14) a[aria-label="square-banner-3"] {
    grid-column: 3;
    grid-row: 1;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 202/ 81;
    height: auto;
}


.index section:nth-of-type(14) a[aria-label="square-banner-4"] {
    grid-column: 3;
    grid-row: 2;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 202/ 81;
    height: auto;
}




/* الأب الجديد مع توزيع الشبكة على 3 صفوف */
.index section:nth-of-type(15) .grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* عمودين متساويين */
    grid-template-rows: auto auto auto; /* ثلاثة صفوف */
    gap: 20px;
}

/* الصف الأول: عنصر واحد يغطي العمودين */
.index section:nth-of-type(15) a[aria-label="square-banner-0"] {
    grid-column: 1 / span 2; /* يمتد على العمودين */
    grid-row: 1;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 219/ 61; /* ضعف العرض السابق تقريبا */
    height: auto;
}

/* الصف الثاني - العمود الأول */
.index section:nth-of-type(15) a[aria-label="square-banner-1"] {
    grid-column: 1;
    grid-row: 2;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 218/ 85;
    height: auto;
}

/* الصف الثاني - العمود الثاني */
.index section:nth-of-type(15) a[aria-label="square-banner-2"] {
    grid-column: 2;
    grid-row: 2;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 218/ 85;
    height: auto;
}

/* الصف الثالث - العمود الأول */
.index section:nth-of-type(15) a[aria-label="square-banner-3"] {
    grid-column: 1;
    grid-row: 3;
    padding: 10px;
    border-radius: 10px;
     aspect-ratio: 218/ 85;
    height: auto;
}

/* الصف الثالث - العمود الثاني */
.index section:nth-of-type(15) a[aria-label="square-banner-4"] {
    grid-column: 2;
    grid-row: 3;
    padding: 10px;
    border-radius: 10px;
    aspect-ratio: 218/ 85;
    height: auto;
}
.index section:nth-of-type(17) .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px ! IMPORTANT;
}
.index section:nth-of-type(18) .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px ! IMPORTANT;
}
.index section:nth-of-type(24) .grid , .index section:nth-of-type(24) .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px ! IMPORTANT;
}
.index section:nth-of-type(17) .grid .banner-entry {
    height: auto;
    min-height: unset !important;
    aspect-ratio: 25/ 34;
    max-width: 100%;
}
.index section:nth-of-type(18) .grid .banner-entry {
    height: auto;
    min-height: unset !important;
    aspect-ratio: 8/ 11;
    max-width: 100%;
}
.index section:nth-of-type(22) .grid .banner-entry , .index section:nth-of-type(23) .grid .banner-entry {
    height: auto;
    min-height: unset !important;
    aspect-ratio: 358/ 135;
    max-width: 100%;
}
.index section:nth-of-type(25) .grid .banner-entry , .index section:nth-of-type(24) .grid .banner-entry {
    height: auto;
    min-height: unset !important;
    aspect-ratio: 70/ 57;
    max-width: 100%;
}
.index section:nth-of-type(25), .index section:nth-of-type(23){
margin-top:-10px !important;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="1 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-25-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="2 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-26-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="3 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-27-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="4 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-28-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="5 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-29-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}
.index section:nth-of-type(27) .swiper-slide.slide--one-sixth[aria-label="6 / 6"] a {
    background: url(https://takteek.net/wp-content/uploads/2025/04/Artboard-30-1.png) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center;
    height: auto !important;
    aspect-ratio: 29/ 37;
}


footer b.text-sm, footer p, .store-footer a, .store-footer h3 {
    color: #fff;
    font-size: large;
    line-height: 2;
}