/* Add custom CSS styles below */ 
a.side-slide.flex.flex-col.justify-center.bg-gray-700.relative.p-8.bg-cover.transition-opacity.hover\:opacity-95.h-80.lg\:h-auto.lazy-background.lazy.entered.loaded {
    background-size: contain;
    background-repeat: round;
}.bg-white {border-radius: 20px !important;}
.bg-darker {background-color: rgb(64 51 37) !important;}
img.object-contain.lazy.w-\[var\(--header-w-logo-mob\)\].lg\:w-\[var\(--header-w-logo\)\].h-\[var\(--header-h-logo-mob\)\].lg\:h-\[var\(--header-h-logo\)\].logo-normal.loaded {
    width: 100px !important;
    height: 85px !important;
}
ul.flex.justify-center.items-center.gap-5.md\:gap-5.py-2{
  justify-content: space-around !important;
}
#karzoun-widget-send-button {
    bottom: 85px!important;
    text-align: center !important;
    height: 50px!important;
    border-radius: 100%!important;
    right: 25px!important;

}
@media (max-width: 480px) {
    .swiper.s-slider-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-autoheight.swiper-rtl.swiper-watch-progress.swiper-backface-hidden{ 
    max-height: 165px;
    }
    
}

/* شبكة الصور فقط داخل المقال */
.ql-align-center img,
.ql-align-right img,
.ql-align-left img {
    display: inline-block !important;
    width: 100% !important;
    max-width: 350px !important; /* أقصى عرض للصورة */
    margin: 10px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transition: transform 0.3s ease !important;
}

/* التكبير عند الوقوف */
.ql-align-center img:hover,
.ql-align-right img:hover,
.ql-align-left img:hover {
    transform: scale(1.05) !important;
}

/* الحاوية للصور فقط */
.article-content,
.blog-content {
    text-align: center !important;
}