/* ================================================
   TEAM GLAM — Editorial Heading & Description Widget
   ================================================ */

.tg-eh-wrap {
    width: 100%;
    background-color: #ffffff;
    padding: 100px 40px;
    box-sizing: border-box;
    text-align: center;
}

.tg-eh-container {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}

.tg-eh-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: inherit;
}

.tg-eh-eyebrow {
    display: block;
    font-family: 'brandon-grotesque', sans-serif;
    font-size: 11px;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #888888;
    margin-bottom: 20px;
}

.tg-eh-heading {
    font-family: var(--tg-font-heading, 'beaufort-pro', serif);
    font-size: var(--tg-heading-2-size);
    font-weight: 400;
    line-height: var(--tg-h2-line-height, 1.01);
    color: #000000;
    margin: 0 0 36px;
    letter-spacing: var(--tg-h2-letter-spacing, -0.01em);
}

h1.tg-eh-heading {
    font-size: var(--tg-heading-1-size);
    line-height: var(--tg-h1-line-height, 0.88);
    letter-spacing: var(--tg-h1-letter-spacing, -0.01em);
}

h2.tg-eh-heading {
    font-size: var(--tg-heading-2-size);
    line-height: var(--tg-h2-line-height, 1.01);
    letter-spacing: var(--tg-h2-letter-spacing, -0.01em);
}

h3.tg-eh-heading {
    font-size: var(--tg-heading-3-size);
    line-height: var(--tg-h3-line-height, 1.06);
    letter-spacing: var(--tg-h3-letter-spacing, -0.01em);
}

h4.tg-eh-heading {
    font-size: var(--tg-heading-4-size);
    line-height: var(--tg-h4-line-height, 1.09);
    letter-spacing: var(--tg-h4-letter-spacing, -0.01em);
}

body .tg-eh-description,
.tg-eh-description {
    font-family: var(--tg-font-body, 'brandon-grotesque', sans-serif);
    font-size: var(--tg-p-size, 18px) !important;
    line-height: var(--tg-p-line-height, 1.3);
    letter-spacing: var(--tg-p-letter-spacing, -0.023em);
    color: #000000;
    max-width: 640px;
    margin: 0 auto;
    text-align: inherit;
}

/* ── Responsive ── */
@media (max-width: 767px) {
    .tg-eh-wrap {
        padding: 60px 20px;
    }
    .tg-eh-heading {
        margin-bottom: 24px;
    }
}
