/* ================================
   ABOUT / CONTENT BODY — RESPONSIVE FIX
   (table, img, iframe, long words/links)
   ================================ */

/* Əsas problem: content içində geniş elementlər sağa daşır */
.about-description__text{
    max-width: 100%;
    overflow-wrap: anywhere; /* uzun söz/link qır */
    word-break: break-word;
    hyphens: auto;
}

/* Content içində gələn bütün elementlər konteyneri aşmasın */
.about-description__text *{
    max-width: 100% !important;
    box-sizing: border-box;
}

/* Şəkillər responsiv */
.about-description__text img{
    display: block;
    height: auto !important;
    max-width: 100% !important;
}

/* Video/iframe responsiv */
.about-description__text iframe,
.about-description__text video{
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* Ən çox daşma yaradan: TABLE-lar */
.about-description__text table{
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    display: block;            /* table-ı blok et */
    overflow-x: auto;          /* mobil-də sağa scroll ver */
    -webkit-overflow-scrolling: touch;
}

/* Table hüceyrələri də qırılsın */
.about-description__text th,
.about-description__text td{
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* WYSIWYG bəzən fixed width verir */
.about-description__text table[width],
.about-description__text td[width],
.about-description__text th[width]{
    width: auto !important;
}

/* Uzun linklər mobil-də qırılsın */
.about-description__text a{
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Bəzən h1/h2-lər nowrap olur — qır */
.about-description__text h1,
.about-description__text h2,
.about-description__text h3,
.about-description__text h4{
    white-space: normal !important;
    overflow-wrap: anywhere;
}

/* Əgər content içində <pre> varsa, o da daşır */
.about-description__text pre{
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 575.98px){
    .about-description__text{
        font-size: 18px;   /* səndə 22 idi, bu daha rahat ola bilər */
        line-height: 1.55;
    }
}