/* Global base — reset + body + LiveChat overrides.
   Everything else lives in /assets/css/components/ — see fonts.css, header.css,
   sidebar.css, footer.css, content-wrap.css, content-base/elements/extras.css,
   hero.css, calculator.css. */

/* Brand colours — single source of truth. Use var(--brand-green) for every
   primary green and var(--brand-green-dark) for darker/hover greens.
   (Teal #2f828c and the golds are separate accents, kept as-is.) */
:root {
    --brand-green: #127749;
    --brand-green-dark: #0b3e27;
    --brand-gold: #eed6a3;        /* light gold — accents (sticky menu, etc.) */
    --brand-gold-dark: #785813;   /* dark gold/brown — text (breadcrumbs, etc.) */
}

/* Utility: hide elements (content + chrome). */
.hidden { display: none !important; }

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Poppins', Arial, Helvetica, sans-serif; color: #394b4e; line-height: 1.6; }
/* NOTE: overflow-x:hidden removed 2026-05-25 — it was masking the real "cut-off-
   on-right" bug Yevhen kept reporting. Wide elements (slick-track etc.) were
   being silently clipped at the body edge so DevTools showed scrollWidth ==
   clientWidth even though content was actually overflowing. Each overflow
   source must now be fixed at its own level (overflow:hidden on the wrapper
   that owns it — e.g. .icon-slider already has it for the slick carousel). */
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }



/* Content */
#content {
    min-height: 60vh;
    background: #ffffff;
    position: relative;
}

/* LiveChat widget custom styling */
#lhc_status_container #status-icon {
    background-color: var(--brand-green) !important;
    border-color: #272727 !important;
}


/* ============================================================================
   .cy-intro — branded green splash used by the EN home (/en/) "PMG in Dubai"
   intro. Ported from live style2.css. Self-contained; loaded site-wide via
   main.css (cheap, only the EN home uses the markup).
   ============================================================================ */
.cy-intro {
    background: #1a7148;
    background-image: linear-gradient(160deg, #1f8253 0%, #135c3a 100%);
    color: #fff;
    padding: 72px 24px 96px;
}
.cy-intro__inner {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}
.cy-intro .cy-intro__title {
    color: #fff !important;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    margin: 42px 0 12px;
}
.cy-intro__subtitle {
    color: #ffe9b0;
    font-size: clamp(18px, 2.4vw, 26px);
    font-weight: 600;
    margin: 0 0 30px;
}
.cy-intro p {
    color: rgba(255, 255, 255, .92);
    font-size: 17px;
    line-height: 1.7;
    margin: 0 auto 18px;
    max-width: 680px;
}