/* עיצוב דף אודות - מתוקתקים */

.about-page {
    background: #080706;
    color: #f6f0e7;
    overflow-x: hidden;
}

    /* אזור פתיחה */

    .about-page .about-hero {
        min-height: 0;
        padding: 75px 24px 65px;
        background: linear-gradient( 90deg, rgba(0,0,0,.30), rgba(0,0,0,.75) ), url("images/hall.png") center/cover;
    }

    .about-page .about-hero-content {
        max-width: 1100px;
        text-align: right;
        margin: auto;
    }

    .about-page .about-main-logo {
        display: block;
        width: min(100%, 330px);
        height: auto;
        margin: 0 0 25px auto;
        mix-blend-mode: screen;
        border: none;
    }

    .about-page .about-hero h1 {
        font-size: clamp(48px, 6vw, 78px);
        color: #d5aa4c;
        margin: 0 0 12px;
    }

    .about-page .about-hero h2 {
        font-size: clamp(27px, 3vw, 39px);
        line-height: 1.35;
        margin: 15px 0;
    }

    .about-page .about-hero p {
        max-width: 600px;
        margin: 12px 0;
        font-size: 18px;
        line-height: 1.85;
    }

    .about-page .about-gold-line {
        width: 100px;
        height: 2px;
        background: #d5aa4c;
        margin: 20px 0;
    }

    /* הסיפור שלנו */

    .about-page .about-story {
        max-width: 1200px;
        margin: auto;
        padding: 75px 25px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 55px;
        align-items: center;
    }

    .about-page .story-text h2 {
        font-size: 40px;
        color: #d5aa4c;
        margin: 0;
    }

    .about-page .story-text p {
        font-size: 17px;
        line-height: 1.9;
    }

    .about-page .story-images {
        position: relative;
        height: 370px;
        width: 100%;
    }

        .about-page .story-images img {
            position: absolute;
            object-fit: cover;
            border-radius: 12px;
            border: 1px solid #c49b4c;
            box-shadow: 0 12px 35px #0009;
        }

    .about-page .story-image-first {
        width: 80%;
        height: 270px;
        right: 0;
        top: 0;
    }

    .about-page .story-image-second {
        width: 65%;
        height: 220px;
        left: 0;
        bottom: 0;
    }

    /* מנהלי העסק */

    .about-page .about-managers {
        padding: 75px 25px;
        background: #100d09;
    }

    .about-page .managers-heading {
        text-align: center;
        margin-bottom: 40px;
    }

        .about-page .managers-heading h2 {
            color: #d5aa4c;
            font-size: clamp(30px, 4vw, 45px);
        }

        .about-page .managers-heading .about-gold-line {
            margin: 20px auto;
        }

    .about-page .managers-layout {
        max-width: 1100px;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 55px;
        align-items: center;
    }

    .about-page .managers-photo img {
        display: block;
        width: 100%;
        max-width: 400px;
        max-height: 480px;
        margin: auto;
        object-fit: contain;
        border-radius: 12px;
        border: 1px solid #c49b4c;
    }

    .about-page .gold-small-title {
        color: #d5aa4c;
        font-size: 17px;
    }

    .about-page .managers-description h3 {
        font-size: 32px;
        margin: 12px 0;
    }

    .about-page .managers-description p {
        font-size: 17px;
        line-height: 1.9;
    }

    /* ערכי החברה */

    .about-page .about-values {
        padding: 65px 25px;
        text-align: center;
    }

        .about-page .about-values h2 {
            font-size: clamp(29px, 4vw, 42px);
            color: #d5aa4c;
        }

        .about-page .about-values > .about-gold-line {
            margin: 20px auto 35px;
        }

    .about-page .about-values-grid {
        max-width: 1100px;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }

    .about-page .about-value {
        padding: 25px 15px;
        border-left: 1px solid #94712d;
    }

        .about-page .about-value:last-child {
            border-left: none;
        }

        .about-page .about-value span {
            font-size: 42px;
            color: #d5aa4c;
        }

        .about-page .about-value h3 {
            font-size: 20px;
            margin: 10px 0;
        }

        .about-page .about-value p {
            font-size: 14px;
            color: #ddd0bf;
        }

    /* נתוני החברה */

    .about-page .about-statistics {
        max-width: 1050px;
        margin: auto;
        padding: 45px 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        text-align: center;
    }

    .about-page .statistic strong {
        display: block;
        font-size: 46px;
        color: #d5aa4c;
    }

    .about-page .statistic span {
        display: block;
        font-size: 17px;
    }

    /* יצירת קשר */

    .about-page .about-contact {
        padding: 55px 20px 75px;
        text-align: center;
        background: #100d09;
    }

        .about-page .about-contact h2 {
            color: #d5aa4c;
            font-size: 35px;
            margin: 0 0 12px;
        }

        .about-page .about-contact p {
            font-size: 18px;
        }

    .about-page .about-contact-button {
        display: inline-block;
        margin-top: 15px;
        padding: 13px 35px;
        border: 1px solid #d5aa4c;
        border-radius: 35px;
        color: #f0cf77;
        font-size: 22px;
        direction: ltr;
        transition: .3s;
    }

        .about-page .about-contact-button:hover {
            background: #d5aa4c;
            color: #080706;
        }

/* התאמה לנייד */

@media (max-width: 800px) {
    .about-page .about-story,
    .about-page .managers-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .about-page .about-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-page .about-hero {
        padding: 55px 20px;
    }

    .about-page .about-story,
    .about-page .about-managers {
        padding: 55px 20px;
    }

    .about-page .story-images {
        height: 330px;
    }
}

@media (max-width: 480px) {
    .about-page .about-main-logo {
        width: min(100%, 270px);
    }

    .about-page .about-statistics {
        gap: 8px;
        padding: 35px 10px;
    }

    .about-page .statistic strong {
        font-size: 29px;
    }

    .about-page .statistic span {
        font-size: 12px;
    }
}

/* =====================================
   מתוקתקים - תיקוני דף אודות
   ===================================== */

/* סרגל ניווט */





/* הלוגו בסרגל העליון */





/* הגדלת הגופנים בסרגל */







/* כותרות גדולות ומרשימות */

.about-page .about-hero h1 {
    font-size: clamp(58px, 6vw, 86px);
    line-height: 1.2;
}

.about-page .about-hero h2 {
    font-size: clamp(34px, 3.5vw, 47px);
    line-height: 1.35;
}

.about-page .about-story h2,
.about-page .about-managers h2,
.about-page .about-values h2 {
    font-size: clamp(34px, 3.5vw, 46px);
    line-height: 1.3;
}

/* הגדלת הטקסט בכל העמוד */

.about-page .about-hero p,
.about-page .story-text p,
.about-page .managers-description p {
    font-size: 20px;
    line-height: 1.95;
    font-weight: 400;
}

.about-page .managers-description h3 {
    font-size: 35px;
}

.about-page .managers-heading p {
    font-size: 20px;
    line-height: 1.8;
}

.about-page .about-value h3 {
    font-size: 23px;
}

.about-page .about-value p {
    font-size: 17px;
    line-height: 1.7;
}

.about-page .statistic span {
    font-size: 19px;
}

.about-page .about-contact p {
    font-size: 20px;
}

/* מרווחים לקריאות טובה */

.about-page .about-hero-content {
    max-width: 1200px;
}

.about-page .about-hero {
    padding: 85px 35px;
}

    .about-page .about-hero p {
        max-width: 660px;
    }

/* התאמה למסכים קטנים */

@media (max-width: 1100px) {
}

@media (max-width: 600px) {








    .about-page .about-hero {
        padding: 55px 20px;
    }

        .about-page .about-hero p,
        .about-page .story-text p,
        .about-page .managers-description p {
            font-size: 18px;
        }
}

/* ===================================
   תיקון סרגל הניווט בדף אודות
   =================================== */

/* סרגל עליון */


/* פריסת הלוגו והקישורים */


/* הלוגו - גדול יותר וצמוד לימין */




/* סרגל הקישורים */


/* גודל הגופן */


/* התאמה למסכים קטנים */
@media (max-width: 1100px) {
}

/* מרכוז סרגל הניווט בדף אודות */









/* הגדלת הטקסטים בדף אודות */

.about-page .about-hero-content p,
.about-page .story-text p,
.about-page .managers-description p,
.about-page .managers-heading p,
.about-page .about-contact p {
    font-size: 21px;
    line-height: 1.9;
    font-weight: 400;
}

/* כותרות משנה */
.about-page .story-text h2,
.about-page .managers-heading h2,
.about-page .about-values h2 {
    font-size: 38px;
    line-height: 1.4;
}

/* כותרות וערכים */
.about-page .about-value h3 {
    font-size: 25px;
}

.about-page .about-value p {
    font-size: 19px;
    line-height: 1.7;
}

/* טקסט הנתונים בתחתית */
.about-page .statistic strong {
    font-size: 42px;
}

.about-page .statistic span {
    font-size: 20px;
}

/* סרגל ניווט אחיד - דף אודות בלבד */

body.about-page > header.site-navbar {
    width: 100%;
    height: 85px;
    min-height: 85px;
    padding: 0;
    margin: 0;
    display: block;
    background: #050505;
    border-bottom: 1px solid #b58a3b;
    box-sizing: border-box;
}

    body.about-page > header.site-navbar > .site-navbar-inner {
        width: 100%;
        height: 100%;
        padding: 0 20px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

body.about-page .site-navbar-logo {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 190px;
    height: 70px;
    margin: 0;
    overflow: hidden;
}

    body.about-page .site-navbar-logo img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        mix-blend-mode: screen;
    }

body.about-page .site-nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    padding: 0 210px;
    margin: 0;
}

    body.about-page .site-nav-links a {
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        white-space: nowrap;
    }

/* הגדלת הכיתוב "הכירו את המנהלים" */

.about-page .managers-description .gold-small-title {
    font-size: 26px;
    font-weight: 500;
    color: #d4a63f;
}