/* logo */
.navbar-brand img {
    filter: invert(1);}
/* Hero*/
#main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] {
    max-width: 90% !important;}
#main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div {
    justify-content: flex-end !important;}
#main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div > div > a {
    padding-bottom: 20px;}
/* Hero Image */
#main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div h3::before {
    content: "" !important;
    display: block !important;
    width: 130px !important;
    height: 100px !important;
    background-image: url("https://cdn.files.salla.network/other/1975924728/f2672e04-4b9a-4133-aa36-25b1a7974a93-original.webp") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin: 0 auto 8px !important;}
/* Mobile */
@media (max-width: 767px) {
    #main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div h3::before {
        width: 60px !important;
        height: 55px !important; }}
@media (max-width: 768px) {
    #main-content > .main-banner-component:first-of-type p {
        font-size: 16px !important;
        line-height: 1.5em !important;}
    #main-content > .main-banner-component:first-of-type {
        font-weight: 900 !important;}
    #main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div > div > a {
        padding-bottom: 12px;
        margin-top: 50%;}
    #main-content > .main-banner-component:first-of-type .content.flex.items-center.justify-center {
        align-items: flex-start !important;
        padding-top: 20px;}
    #main-content > .main-banner-component:first-of-type div.container.relative.z-\[5\] > div::before {
        width: 150px !important;
        height: 80px !important;
        margin: 0 auto 12px !important;}}
/* Desktop */
@media (min-width: 1024px) {
    .lg\:text-\[36px\] {
        font-size: 24px;}}
.banner--fixed img {
    background-color: unset;}
.advanced-categories-component .flex.mb-5.md\:mb-7 {
    justify-content: center !important;}
.advanced-categories-component .flex.mb-5.md\:mb-7 > .flex.flex-col {
    align-items: center !important;
    text-align: center !important;}
.main-banner-component:nth-child(6) .md\:gap-4 {justify-content: space-between;height: 90%;}
@media (max-width: 767px) {
    .main-banner-component:nth-child(6) .md\:gap-4 {
    justify-content: space-between;
    height: 80%;}}
/* كل البنرات ماعدا الأول: مش بعرض الشاشة كامل */
.main-banner-component:not(:first-of-type) {
    max-width: 90%;
    margin-inline: auto;
    padding-inline: unset;
    box-sizing: border-box;}
.main-banner-component:not(:first-of-type) .autoplay-progress {
    border-radius: 16px;
    overflow: hidden;}
/* اختياري: مسافة على الموبايل */
@media (max-width: 768px) {
    .main-banner-component:not(:first-of-type) {
        padding-inline: 12px;}
    .main-banner-component:not(:first-of-type) .autoplay-progress {
        border-radius: 12px;}}
@media (min-width: 768px) {
    .advanced-categories-component .s-slider-swiper-wrapper {
        display: flex;
        justify-content: center;}}
@media (min-width: 768px) {
    .main-banner-component .content {
        height: clamp(23.438rem, 0.3935rem + 43.8565vw, 52.25rem); }}
/* استهداف البنر الأخير (الترتيب الثامن في القائمة) */
@media (min-width: 768px) {
    .main-banner-component:nth-child(8) div.container.relative.z-\[5\] {
        max-width: 80% !important; }
    .main-banner-component:nth-child(8) div.container.relative.z-\[5\] .content {
        justify-content: flex-end !important;  }
    .main-banner-component:nth-child(8) div.container.relative.z-\[5\] h3 {
        border-right: solid 4px !important;
        padding-right: 12px;
        font-size: 40px; }
    .main-banner-component:nth-child(8) div.container.relative.z-\[5\] p {
        line-height: 1.8em !important;
        font-size: 24px;}}
.main-banner-component:nth-child(8) div.container.relative.z-\[5\] a {
    margin-left: auto;}
@media (max-width: 767px) {
    .main-banner-component:nth-child(8) .content {
        align-items: flex-start !important;
        padding-top: 40px; }}
.s-product-card-entry .s-product-card-content-title a {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;}