.elementor-84 .elementor-element.elementor-element-7a26631{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-84 .elementor-element.elementor-element-66c9347.xpro-widget-bg-overlay:before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-66c9347 *//* --- O MNĚ --- */

.about-section {
    padding: 70px 0;
}

.about-header {
    text-align: center;
    margin-bottom: 40px;
}

.about-header .section-title {
    margin-bottom: 16px;
}

.section-intro {
    max-width: 720px;
    margin: 0 auto;
    color: #444;
    font-size: 17px;
}

/* Layout */
.about-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
    gap: 40px;
    align-items: start;
    margin-bottom: 60px;
}

/* Foto */
.about-photo img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    object-fit: cover;
    box-shadow: 0 15px 35px rgba(0,0,0,0.16);
}

/* Texty */
.about-text h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 22px;
    color: #111;
}

.about-text p {
    color: #444;
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.65;
}

.about-list {
    padding-left: 18px;
    margin: 10px 0 0;
}

.about-list li {
    margin-bottom: 8px;
    color: #444;
    font-size: 16px;
}

/* Ikony dole */
.about-highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    margin-top: 20px;
}

.about-highlight {
    text-align: center;
    padding: 20px 15px;
}

.about-icon {
    font-size: 42px;
    margin-bottom: 10px;
}

.about-highlight h3 {
    font-size: 18px;
    margin-bottom: 6px;
}

.about-highlight p {
    font-size: 15px;
    color: #555;
}

/* Responzivita */
@media (max-width: 900px) {
    .about-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .about-highlights {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */