@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--navy:#102c3d;--ink:#13212b;--orange:#f59b1b;--rust:#b62e1e;--gold:#f2a51a;--cream:#f7f3eb;--line:#dfe5e8;--muted:#64727b;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Cairo,sans-serif;line-height:1.7}html[lang="ar"] body{font-family:Cairo,Inter,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{min-height:84px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.02em;margin-inline-end:auto}.brand img{max-height:62px;width:auto;display:block}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rust),var(--orange));color:#fff;font-weight:800;clip-path:polygon(50% 0,100% 25%,82% 100%,18% 100%,0 25%)}.main-nav{display:flex;gap:26px;align-items:center}.main-nav a{padding:28px 0;position:relative;font-weight:600;color:#3b4a53}.main-nav a.active,.main-nav a:hover{color:var(--navy)}.main-nav a.active:after{content:"";position:absolute;bottom:17px;inset-inline:0;height:3px;background:var(--orange)}.lang-switch a{border:1px solid var(--line);padding:8px 12px;border-radius:4px;font-weight:700}.nav-toggle{display:none;background:none;border:0;font-size:24px}.hero{background:linear-gradient(135deg,#f8f4eb 0%,#fff 55%,#fff8ea 100%);overflow:hidden}.hero-inner{min-height:640px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:50px}.eyebrow{display:inline-block;color:var(--rust);font-size:12px;letter-spacing:.2em;font-weight:800;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(40px,6vw,74px);line-height:1.08;margin:0 0 18px;color:var(--navy);max-width:800px}.lead{font-size:clamp(19px,2vw,25px);color:#43515a;margin:0 0 14px;font-weight:500}.hero p:not(.lead){max-width:700px;color:#59666d}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;background:var(--navy);color:#fff;border-radius:3px;font-weight:700;margin-top:14px;transition:.2s}.btn:hover{background:var(--rust);transform:translateY(-1px)}.hero-art{min-height:460px;position:relative;display:grid;place-items:center}.art-ring{width:360px;height:360px;border:28px solid var(--orange);border-right-color:var(--rust);border-radius:50%;transform:rotate(-18deg);opacity:.95}.art-core{position:absolute;width:210px;height:210px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;align-content:center;font-size:72px;font-weight:800;line-height:1}.art-core span{color:var(--orange)}.art-core small{font-size:13px;font-weight:500;letter-spacing:.04em;margin-top:8px;text-align:center;padding:0 15px}.section{padding:92px 0}.section:nth-of-type(odd){background:#fff}.section:nth-of-type(even){background:var(--cream)}.section-heading{max-width:820px;margin-bottom:42px}.section h2,.page-hero h1{color:var(--navy);font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0}.section-heading p,.page-hero p{color:var(--muted);font-size:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);padding:28px;min-height:190px;position:relative}.card:hover{border-color:#c8d2d7}.card-number{font-size:13px;color:var(--orange);font-weight:800;margin-bottom:22px}.card h3{color:var(--navy);font-size:20px;line-height:1.35;margin:0 0 12px}.card p{color:var(--muted);margin:0}.text-link{display:inline-block;margin-top:24px;color:var(--rust);font-weight:800}.cta{background:var(--navy);color:#fff;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta p{margin:0;max-width:700px;font-size:20px}.cta .btn{background:var(--orange);color:var(--navy)}.empty-state{padding:60px 30px;border:1px dashed #c9d3d8;color:var(--muted);text-align:center}.page-hero{padding:105px 0 70px;background:var(--cream);border-bottom:1px solid var(--line)}.content-wrap{padding-top:70px;padding-bottom:90px}.activity-list{display:grid;gap:0}.activity{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:38px 0;border-bottom:1px solid var(--line)}.activity-index{font-size:24px;font-weight:800;color:var(--orange)}.activity h2,.about-block h2,.event-card h2{margin:0 0 12px;color:var(--navy);font-size:28px}.activity p,.about-block p,.event-card p{margin:0;color:var(--muted);max-width:900px}.about-block{padding:42px 0;border-bottom:1px solid var(--line)}.values{grid-template-columns:repeat(3,1fr);margin-top:25px}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.event-card{border:1px solid var(--line);padding:30px;background:#fff}.event-card small{color:var(--rust);font-weight:800}.muted{color:var(--muted);margin-top:16px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.contact-item{display:flex;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-item>span{font-size:24px;color:var(--orange)}.contact-item p{margin:4px 0;color:var(--muted)}.contact-form{border:1px solid var(--line);padding:34px;background:var(--cream)}label{display:block;font-weight:600;color:var(--navy)}.contact-form label{margin-bottom:18px}input,textarea,select{width:100%;margin-top:7px;border:1px solid #cbd5da;background:#fff;padding:12px 13px;font:inherit;color:var(--ink);border-radius:2px}input:focus,textarea:focus,select:focus{outline:2px solid rgba(245,155,27,.3);border-color:var(--orange)}.notice{padding:15px 18px;background:#edf8ee;border:1px solid #b8d9bb;margin-bottom:25px}.footer{background:var(--navy);color:#dce7eb;padding-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px;padding-bottom:50px}.footer h3{color:#fff;margin-top:0}.footer-brand{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px}.footer p{color:#b8c8cf}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px 0;color:#9fb0b8;font-size:13px}.rich-copy{max-width:850px}.rich-copy p{font-size:20px;color:var(--muted)}[dir="rtl"] .hero-inner{direction:rtl}[dir="rtl"] .main-nav{direction:rtl}[dir="rtl"] .activity{grid-template-columns:1fr 90px}[dir="rtl"] .activity-index{grid-column:2;grid-row:1}[dir="rtl"] .activity>div:last-child{grid-column:1;grid-row:1}[dir="rtl"] .cta{flex-direction:row-reverse}
@media(max-width:900px){.nav-wrap{min-height:72px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:13px 0}.main-nav a.active:after{bottom:5px}.hero-inner{grid-template-columns:1fr;min-height:auto;padding-top:75px;padding-bottom:65px}.hero-art{min-height:320px}.art-ring{width:260px;height:260px}.art-core{width:160px;height:160px;font-size:50px}.cards,.values{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.brand span:not(.brand-mark){font-size:13px}.lang-switch{margin-inline-start:0}.cards,.values,.event-grid,.footer-grid{grid-template-columns:1fr}.section{padding:65px 0}.page-hero{padding:75px 0 50px}.content-wrap{padding-top:45px}.activity{grid-template-columns:50px 1fr!important;gap:15px}.activity-index{grid-column:auto!important;grid-row:auto!important}.activity>div:last-child{grid-column:auto!important;grid-row:auto!important}.cta{display:block;padding:30px}.hero h1{font-size:42px}.hero-art{min-height:270px}.art-ring{width:220px;height:220px}.art-core{width:135px;height:135px;font-size:42px}.art-core small{font-size:11px}.main-nav{max-height:calc(100vh - 72px);overflow:auto}}
.card-image{display:block;width:100%;height:180px;object-fit:cover;margin:-28px -28px 24px;width:calc(100% + 56px)}.activity-image{width:100%;max-width:260px;height:170px;object-fit:cover;grid-column:1/-1;margin-bottom:20px}.event-image{width:100%;height:240px;object-fit:cover;display:block;margin-bottom:20px}@media(max-width:620px){.card-image{height:170px}.activity-image,.event-image{max-width:none;height:210px}}
.footer-logo-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.footer-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 150px;
    object-fit: contain;
}

.footer-brand p {
    margin-top: 18px;
}

@media (max-width: 768px) {
    .footer-logo {
        height: 50px;
        max-width: 135px;
    }
}
/* FORCE FOOTER LOGO SIZE */
.footer .footer-brand .footer-logo-link {
    display: inline-flex !important;
    width: 150px !important;
    max-width: 150px !important;
    height: 58px !important;
    max-height: 58px !important;
    overflow: hidden !important;
}

.footer .footer-brand .footer-logo-link img.footer-logo {
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: 58px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}
/* =========================================================
   HOMEPAGE IMAGE BANNERS
   Ahmed Yahya Trading Est.
   ========================================================= */

.image-banner {
    position: relative;
    width: 100%;
    height: 430px;
    overflow: hidden;
    background: var(--navy);
}

.image-banner > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .7s ease;
}

.image-banner:hover > img {
    transform: scale(1.025);
}

.image-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 40px 25px;
    text-align: center;

    color: #fff;

    background:
        linear-gradient(
            90deg,
            rgba(16,44,61,.90) 0%,
            rgba(16,44,61,.60) 50%,
            rgba(16,44,61,.88) 100%
        );
}

.image-banner-overlay::before {
    content: "";
    width: 58px;
    height: 4px;
    margin-bottom: 22px;
    background: var(--orange);
}

.image-banner-overlay h2 {
    margin: 0 0 14px;
    max-width: 900px;

    color: #fff;
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.2;
    font-weight: 800;
}

.image-banner-overlay p {
    margin: 0;
    max-width: 850px;

    color: rgba(255,255,255,.94);
    font-size: clamp(16px, 1.7vw, 20px);
    line-height: 1.8;
}

/* Arabic */
html[lang="ar"] .image-banner-overlay {
    direction: rtl;
}

/* English */
html[lang="en"] .image-banner-overlay {
    direction: ltr;
}

/* Mobile */
@media (max-width: 768px) {

    .image-banner {
        height: 340px;
    }

    .image-banner-overlay {
        padding: 30px 20px;
    }

    .image-banner-overlay h2 {
        font-size: 30px;
    }

    .image-banner-overlay p {
        font-size: 15px;
        line-height: 1.7;
    }

    .image-banner-overlay::before {
        width: 48px;
        height: 3px;
        margin-bottom: 17px;
    }
}

/* Small mobile */
@media (max-width: 480px) {

    .image-banner {
        height: 290px;
    }

    .image-banner-overlay {
        padding: 22px 16px;
    }

    .image-banner-overlay h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .image-banner-overlay p {
        font-size: 14px;
    }
}
/* =========================================================
   CMS SECTION IMAGES
   Ahmed Yahya Trading Est.
   ========================================================= */

.section-image {
    display: block;
    width: 100%;
    height: 360px;
    max-height: 360px;
    object-fit: cover;
    object-position: center;
    margin: 30px 0 0;
    border-radius: 2px;
}

/* Who We Are - clean corporate layout */
.section-image + .rich-copy,
.rich-copy + .section-image {
    margin-top: 30px;
}

@media (max-width: 900px) {
    .section-image {
        height: 300px;
        max-height: 300px;
    }
}

@media (max-width: 620px) {
    .section-image {
        height: 220px;
        max-height: 220px;
        margin-top: 20px;
    }
}


/* =========================================================
   GLOBAL MEDIA LAYOUT — FINAL
   Same visual rule on all public pages:
   IMAGE LEFT  |  TEXT RIGHT
   Arabic and English keep the same visual placement.
   ========================================================= */
.media-split,
.image-text-layout,
.activity-media-layout,
.event-media-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 0;
    width: 100%;
    margin: 0 0 28px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--line);
}

/* Keep the image on the LEFT and text on the RIGHT in both languages. */
.media-split-media,
.image-text-media,
.activity-media,
.event-media {
    grid-column: 1;
    grid-row: 1;
    order: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f1f3f3;
}

.media-split-content,
.image-text-content,
.activity-content,
.event-content {
    grid-column: 2;
    grid-row: 1;
    order: 2;
    min-width: 0;
    padding: clamp(28px, 4vw, 54px);
    text-align: start;
}

.media-split-media img,
.image-text-media img,
.activity-media img,
.event-media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 320px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    object-position: center;
}

.media-split-content .section-heading,
.image-text-content .section-heading {
    max-width: none;
    margin-bottom: 18px;
}

.media-split-content .rich-copy,
.image-text-content .rich-copy {
    max-width: 720px;
}

.media-split-content .rich-copy p,
.image-text-content .rich-copy p,
.activity-content p,
.event-content p {
    margin: 0;
    color: var(--muted);
    font-size: 17px;
    line-height: 1.85;
}

.media-split-content h2,
.image-text-content h2,
.activity-content h2,
.event-content h2 {
    color: var(--navy);
}

/* RTL changes text alignment only; image remains on the LEFT. */
html[dir="rtl"] .media-split-content,
html[dir="rtl"] .image-text-content,
html[dir="rtl"] .activity-content,
html[dir="rtl"] .event-content {
    text-align: right;
}

/* Full-width image sections are kept separate from the 50/50 system. */
.section-image {
    width: 100%;
    max-height: 380px;
    margin: 25px 0 0;
    overflow: hidden;
    border-radius: 3px;
    background: #e9eef0;
}

.section-image img {
    display: block;
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
}

.image-banner {
    width: 100%;
    max-height: 430px;
    overflow: hidden;
}

.image-banner > img {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
}

.card-image {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin: -28px -28px 24px;
    width: calc(100% + 56px);
}

.activity-image,
.event-image {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* Future image-enabled About / Contact blocks can use the same class. */
.about-block .media-split,
.contact-media-split,
.page-media-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
}

/* Optional alternate ratios remain available for future CMS sections. */
.media-split.split-60-40 { grid-template-columns: 1.5fr 1fr; }
.media-split.split-40-60 { grid-template-columns: 1fr 1.5fr; }

.media-caption {
    margin-top: 10px;
    color: var(--muted);
    font-size: 13px;
}

/* =========================================================
   MOBILE — compact image, no oversized full-width media
   ========================================================= */
@media (max-width: 900px) {
    .media-split,
    .image-text-layout,
    .activity-media-layout,
    .event-media-layout,
    .about-block .media-split,
    .contact-media-split,
    .page-media-split {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .media-split-media img,
    .image-text-media img,
    .activity-media img,
    .event-media img {
        max-height: 280px;
        aspect-ratio: 4 / 3;
    }

    .media-split-content,
    .image-text-content,
    .activity-content,
    .event-content {
        padding: 30px;
    }
}

@media (max-width: 680px) {
    html, body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .container {
        width: calc(100% - 28px);
        max-width: var(--max);
    }

    /* On phones, stack content first and keep the image compact. */
    .media-split,
    .image-text-layout,
    .activity-media-layout,
    .event-media-layout,
    .about-block .media-split,
    .contact-media-split,
    .page-media-split {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }

    .media-split-content,
    .image-text-content,
    .activity-content,
    .event-content {
        order: 1;
        width: 100%;
        padding: 25px 20px;
        text-align: start;
    }

    html[dir="rtl"] .media-split-content,
    html[dir="rtl"] .image-text-content,
    html[dir="rtl"] .activity-content,
    html[dir="rtl"] .event-content {
        text-align: right;
    }

    .media-split-media,
    .image-text-media,
    .activity-media,
    .event-media {
        order: 2;
        width: 100%;
        min-height: 0;
        height: auto;
    }

    .media-split-media img,
    .image-text-media img,
    .activity-media img,
    .event-media img {
        width: 100%;
        height: auto;
        max-height: 240px;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .media-split-content .rich-copy p,
    .image-text-content .rich-copy p,
    .activity-content p,
    .event-content p {
        font-size: 16px;
        line-height: 1.8;
    }

    .section-image {
        max-height: 240px;
    }

    .section-image img {
        height: 240px;
    }

    .image-banner,
    .image-banner > img {
        height: 260px;
        max-height: 260px;
    }

    .activity-image,
    .event-image {
        height: 210px;
    }

    .hero-inner {
        gap: 20px;
    }

    .hero-art {
        min-height: 230px;
    }

    .art-ring {
        width: 210px;
        height: 210px;
        border-width: 20px;
    }

    .art-core {
        width: 125px;
        height: 125px;
        font-size: 40px;
    }
}

@media (max-width: 420px) {
    .hero h1 {
        font-size: 34px;
    }

    .hero-art {
        min-height: 210px;
    }

    .art-ring {
        width: 185px;
        height: 185px;
    }

    .art-core {
        width: 112px;
        height: 112px;
        font-size: 35px;
    }

    .media-split-media img,
    .image-text-media img,
    .activity-media img,
    .event-media img {
        max-height: 210px;
    }
}


/* =========================================================
   AAY GLOBAL TEXT / IMAGE SYSTEM — ONE UPLOAD FINAL
   Arabic: TEXT RIGHT | IMAGE LEFT
   English: TEXT LEFT | IMAGE RIGHT
   Desktop/tablet: 50 / 50
   Mobile: text first, compact image second
   ========================================================= */
.media-split,
.image-text-layout,
.activity-media-layout,
.event-media-layout,
.page-media-split,
.contact-media-split,
.about-block .media-split {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    width:100% !important;
    max-width:var(--max,1180px) !important;
    margin:0 auto 28px !important;
    gap:0 !important;
    align-items:start !important;
    overflow:hidden !important;
    direction:ltr !important;
}
html[dir="ltr"] .media-split > .media-split-content,
html[dir="ltr"] .image-text-layout > .image-text-content,
html[dir="ltr"] .activity-media-layout > .activity-content,
html[dir="ltr"] .event-media-layout > .event-content,
html[dir="ltr"] .page-media-split > .media-split-content,
html[dir="ltr"] .contact-media-split > .media-split-content,
html[dir="ltr"] .about-block .media-split > .media-split-content {grid-column:1 !important;grid-row:1 !important;order:1 !important;padding:clamp(24px,4vw,54px) !important;text-align:left !important;direction:ltr !important;}
html[dir="ltr"] .media-split > .media-split-media,
html[dir="ltr"] .image-text-layout > .image-text-media,
html[dir="ltr"] .activity-media-layout > .activity-media,
html[dir="ltr"] .event-media-layout > .event-media,
html[dir="ltr"] .page-media-split > .media-split-media,
html[dir="ltr"] .contact-media-split > .media-split-media,
html[dir="ltr"] .about-block .media-split > .media-split-media {grid-column:2 !important;grid-row:1 !important;order:2 !important;}
html[dir="rtl"] .media-split > .media-split-media,
html[dir="rtl"] .image-text-layout > .image-text-media,
html[dir="rtl"] .activity-media-layout > .activity-media,
html[dir="rtl"] .event-media-layout > .event-media,
html[dir="rtl"] .page-media-split > .media-split-media,
html[dir="rtl"] .contact-media-split > .media-split-media,
html[dir="rtl"] .about-block .media-split > .media-split-media {grid-column:1 !important;grid-row:1 !important;order:1 !important;}
html[dir="rtl"] .media-split > .media-split-content,
html[dir="rtl"] .image-text-layout > .image-text-content,
html[dir="rtl"] .activity-media-layout > .activity-content,
html[dir="rtl"] .event-media-layout > .event-content,
html[dir="rtl"] .page-media-split > .media-split-content,
html[dir="rtl"] .contact-media-split > .media-split-content,
html[dir="rtl"] .about-block .media-split > .media-split-content {grid-column:2 !important;grid-row:1 !important;order:2 !important;padding:clamp(24px,4vw,54px) !important;text-align:right !important;direction:rtl !important;}
.media-split-media,.image-text-media,.activity-media,.event-media {width:100% !important;min-width:0 !important;display:flex !important;align-items:flex-start !important;justify-content:center !important;overflow:hidden !important;background:transparent !important;}
.media-split-media img,.image-text-media img,.activity-media img,.event-media img {display:block !important;width:100% !important;max-width:520px !important;height:340px !important;max-height:340px !important;min-height:0 !important;aspect-ratio:4/3 !important;object-fit:cover !important;object-position:center !important;margin:0 !important;}
.split-section {display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;width:100% !important;max-width:var(--max,1180px) !important;margin:0 auto 28px !important;gap:0 !important;align-items:start !important;direction:ltr !important;}
html[dir="ltr"] .split-section .split-content {grid-column:1 !important;grid-row:1 !important;order:1 !important;text-align:left !important;direction:ltr !important;padding:clamp(24px,4vw,54px) !important;}
html[dir="ltr"] .split-section .split-image {grid-column:2 !important;grid-row:1 !important;order:2 !important;}
html[dir="rtl"] .split-section .split-image {grid-column:1 !important;grid-row:1 !important;order:1 !important;}
html[dir="rtl"] .split-section .split-content {grid-column:2 !important;grid-row:1 !important;order:2 !important;text-align:right !important;direction:rtl !important;padding:clamp(24px,4vw,54px) !important;}
.split-section .split-image img {display:block !important;width:100% !important;max-width:520px !important;height:340px !important;max-height:340px !important;aspect-ratio:4/3 !important;object-fit:cover !important;margin:0 !important;}
@media(max-width:680px){
.media-split,.image-text-layout,.activity-media-layout,.event-media-layout,.page-media-split,.contact-media-split,.about-block .media-split,.split-section{display:flex !important;flex-direction:column !important;width:100% !important;max-width:100% !important;margin-bottom:22px !important;}
.media-split > .media-split-content,.image-text-layout > .image-text-content,.activity-media-layout > .activity-content,.event-media-layout > .event-content,.page-media-split > .media-split-content,.contact-media-split > .media-split-content,.about-block .media-split > .media-split-content,.split-section .split-content{order:1 !important;width:100% !important;padding:24px 18px !important;}
.media-split > .media-split-media,.image-text-layout > .image-text-media,.activity-media-layout > .activity-media,.event-media-layout > .event-media,.page-media-split > .media-split-media,.contact-media-split > .media-split-media,.about-block .media-split > .media-split-media,.split-section .split-image{order:2 !important;width:100% !important;}
.media-split-media img,.image-text-media img,.activity-media img,.event-media img,.split-section .split-image img{width:100% !important;max-width:100% !important;height:auto !important;max-height:240px !important;aspect-ratio:16/9 !important;object-fit:cover !important;}
}

/* AAY FINAL GLOBAL UI SYSTEM */
html[data-theme="dark"]{--navy:#e9f0f3;--ink:#edf3f5;--muted:#aab9c1;--line:#344852;--cream:#16252d;--white:#0f1c23;color-scheme:dark}
html[data-theme="dark"] body{background:#0d181f;color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(13,24,31,.96);border-color:var(--line)}
html[data-theme="dark"] .main-nav a{color:#cbd8dd}
html[data-theme="dark"] .main-nav a.active,html[data-theme="dark"] .main-nav a:hover{color:#fff}
html[data-theme="dark"] .card,html[data-theme="dark"] .event-card,html[data-theme="dark"] .contact-form{background:#13232c;border-color:var(--line)}
html[data-theme="dark"] .section:nth-of-type(odd){background:#0d181f}
html[data-theme="dark"] .section:nth-of-type(even),html[data-theme="dark"] .page-hero{background:#16252d}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#0d181f;color:#edf3f5;border-color:#40545e}
html[data-theme="dark"] .main-nav{background:#0d181f}
html[data-theme="dark"] .empty-state{border-color:#40545e}
html[data-theme="dark"] .footer{background:#081219}
.header-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.lang-switch,.theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);cursor:pointer;font:inherit;text-decoration:none}
.lang-switch{font-size:22px}.theme-toggle{font-size:20px;padding:0}.theme-toggle:hover,.lang-switch:hover{border-color:var(--orange);background:rgba(245,155,27,.08)}
.flag{line-height:1}
.media-split,.image-text-layout,.activity-media-layout,.event-media-layout,.page-media-split,.contact-media-split,.about-block.media-split,.split-section{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;direction:ltr!important;width:min(calc(100% - 40px),var(--max))!important;max-width:var(--max)!important;margin:0 auto 32px!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;border:1px solid var(--line);background:var(--white)}
html[dir="ltr"] .media-split>.media-split-content,html[dir="ltr"] .image-text-layout>.image-text-content,html[dir="ltr"] .activity-media-layout>.activity-content,html[dir="ltr"] .event-media-layout>.event-content,html[dir="ltr"] .page-media-split>.media-split-content,html[dir="ltr"] .contact-media-split>.media-split-content,html[dir="ltr"] .split-section .split-content{grid-column:1!important;grid-row:1!important;order:1!important;text-align:left!important;direction:ltr!important}
html[dir="ltr"] .media-split>.media-split-media,html[dir="ltr"] .image-text-layout>.image-text-media,html[dir="ltr"] .activity-media-layout>.activity-media,html[dir="ltr"] .event-media-layout>.event-media,html[dir="ltr"] .page-media-split>.media-split-media,html[dir="ltr"] .contact-media-split>.media-split-media,html[dir="ltr"] .split-section .split-image{grid-column:2!important;grid-row:1!important;order:2!important}
html[dir="rtl"] .media-split>.media-split-media,html[dir="rtl"] .image-text-layout>.image-text-media,html[dir="rtl"] .activity-media-layout>.activity-media,html[dir="rtl"] .event-media-layout>.event-media,html[dir="rtl"] .page-media-split>.media-split-media,html[dir="rtl"] .contact-media-split>.media-split-media,html[dir="rtl"] .split-section .split-image{grid-column:1!important;grid-row:1!important;order:1!important}
html[dir="rtl"] .media-split>.media-split-content,html[dir="rtl"] .image-text-layout>.image-text-content,html[dir="rtl"] .activity-media-layout>.activity-content,html[dir="rtl"] .event-media-layout>.event-content,html[dir="rtl"] .page-media-split>.media-split-content,html[dir="rtl"] .contact-media-split>.media-split-content,html[dir="rtl"] .split-section .split-content{grid-column:2!important;grid-row:1!important;order:2!important;text-align:right!important;direction:rtl!important}
.media-split-content,.image-text-content,.activity-content,.event-content,.split-content{min-width:0!important;padding:clamp(28px,4vw,58px)!important;display:flex;flex-direction:column;justify-content:center}
.media-split-media,.image-text-media,.activity-media,.event-media,.split-image{min-width:0!important;width:100%!important;height:100%!important;min-height:300px!important;overflow:hidden!important;display:block!important}
.media-split-media img,.image-text-media img,.activity-media img,.event-media img,.split-image img{display:block!important;width:100%!important;height:100%!important;min-height:300px!important;max-height:380px!important;object-fit:cover!important;object-position:center!important;margin:0!important}
html[dir="rtl"] .media-split-content *,html[dir="rtl"] .image-text-content *,html[dir="rtl"] .activity-content *,html[dir="rtl"] .event-content *,html[dir="rtl"] .split-content *{text-align:right}
html[dir="ltr"] .media-split-content *,html[dir="ltr"] .image-text-content *,html[dir="ltr"] .activity-content *,html[dir="ltr"] .event-content *,html[dir="ltr"] .split-content *{text-align:left}
.footer-logo{display:block;width:auto;height:58px;max-width:170px;object-fit:contain}
@media(max-width:900px){.media-split,.image-text-layout,.activity-media-layout,.event-media-layout,.page-media-split,.contact-media-split,.about-block.media-split,.split-section{width:min(calc(100% - 28px),var(--max))!important}}
@media(max-width:680px){.media-split,.image-text-layout,.activity-media-layout,.event-media-layout,.page-media-split,.contact-media-split,.about-block.media-split,.split-section{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;border-inline:0!important}.media-split-content,.image-text-content,.activity-content,.event-content,.split-content{order:1!important;width:100%!important;padding:28px 18px!important}.media-split-media,.image-text-media,.activity-media,.event-media,.split-image{order:2!important;width:100%!important;min-height:0!important;height:auto!important}.media-split-media img,.image-text-media img,.activity-media img,.event-media img,.split-image img{width:100%!important;height:230px!important;min-height:0!important;max-height:230px!important;aspect-ratio:16/9!important}}


/* AAY SURGICAL ROOT FIX — based on the last known working Hostinger files. */
.brand img { width:auto !important; height:auto !important; max-width:180px !important; max-height:62px !important; object-fit:contain !important; }
.lang-switch { min-width:42px !important; width:auto !important; padding:8px 11px !important; font-size:14px !important; font-weight:800 !important; }
.theme-toggle { min-width:42px !important; }
.image-banner { width:100% !important; max-width:100% !important; height:clamp(280px,36vw,430px) !important; overflow:hidden !important; }
.image-banner > img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; }
html[data-theme="dark"] .hero { background:linear-gradient(135deg,#14242c 0%,#0d181f 55%,#18252c 100%) !important; }
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .section h2,html[data-theme="dark"] .page-hero h1,html[data-theme="dark"] .activity h2,html[data-theme="dark"] .about-block h2,html[data-theme="dark"] .event-card h2,html[data-theme="dark"] .card h3 { color:#f1f5f7 !important; }
html[data-theme="dark"] .lead,html[data-theme="dark"] .hero p:not(.lead),html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .page-hero p,html[data-theme="dark"] .card p,html[data-theme="dark"] .activity p,html[data-theme="dark"] .about-block p,html[data-theme="dark"] .event-card p,html[data-theme="dark"] .muted { color:#b8c7ce !important; }
html[data-theme="dark"] .image-banner-overlay { background:linear-gradient(90deg,rgba(5,12,16,.88),rgba(5,12,16,.35)) !important; }
html[data-theme="dark"] .footer p,html[data-theme="dark"] .footer-bottom { color:#b7c6cd !important; }
html[data-theme="dark"] .footer a { color:#dbe7eb !important; }
@media(max-width:680px){ .brand img{max-width:145px !important;max-height:52px !important;} .image-banner{height:280px !important;} }


/* =========================================================
   AAY SURGICAL FIX 3 — DARK MODE + RESPONSIVE MEDIA
   Built on the supplied last-working files only.
   ========================================================= */

/* Keep the corporate navy as a usable surface color in dark mode.
   Text/heading tokens are overridden separately below. */
html[data-theme="dark"] .hero-art .art-core{
  background:#102c3d !important;
  color:#fff !important;
}
html[data-theme="dark"] .art-core small{color:#fff !important}
html[data-theme="dark"] .hero .btn,
html[data-theme="dark"] .btn{
  background:#f59b1b !important;
  color:#102c3d !important;
  border-color:#f59b1b !important;
}
html[data-theme="dark"] .hero .btn:hover,
html[data-theme="dark"] .btn:hover{
  background:#ffb33c !important;
  color:#102c3d !important;
}
html[data-theme="dark"] .cta{
  background:#102c3d !important;
  color:#fff !important;
}
html[data-theme="dark"] .cta .btn{
  background:#f59b1b !important;
  color:#102c3d !important;
}
html[data-theme="dark"] .contact-form .btn{
  background:#f59b1b !important;
  color:#102c3d !important;
}
html[data-theme="dark"] .contact-form label,
html[data-theme="dark"] .contact-item b{
  color:#f1f5f7 !important;
}
html[data-theme="dark"] .contact-item p,
html[data-theme="dark"] .contact-item a{
  color:#b8c7ce !important;
}
html[data-theme="dark"] .hero-rich-copy,
html[data-theme="dark"] .rich-copy,
html[data-theme="dark"] .activity-description,
html[data-theme="dark"] .event-description,
html[data-theme="dark"] .about-rich-content,
html[data-theme="dark"] .value-rich-content{
  color:#b8c7ce !important;
}
html[data-theme="dark"] .hero-rich-copy *,
html[data-theme="dark"] .rich-copy *,
html[data-theme="dark"] .activity-description *,
html[data-theme="dark"] .event-description *,
html[data-theme="dark"] .about-rich-content *,
html[data-theme="dark"] .value-rich-content *{
  color:inherit;
}
.rte-accent{color:var(--orange) !important}
.rte-rust{color:var(--rust) !important}
.rte-muted{color:var(--muted) !important}
.rte-inverse{color:#fff !important}
.rich-copy p,.hero-rich-copy p,.activity-description p,.event-description p,.about-rich-content p,.value-rich-content p{margin:0 0 10px}
.rich-copy h2,.hero-rich-copy h2,.activity-description h2,.event-description h2,.about-rich-content h2{margin:0 0 12px}
.rich-copy ul,.rich-copy ol,.hero-rich-copy ul,.hero-rich-copy ol,
.activity-description ul,.activity-description ol,.event-description ul,.event-description ol,
.about-rich-content ul,.about-rich-content ol{padding-inline-start:1.5em}

/* Activities: one controlled corporate media row on desktop,
   clean stacked media on mobile. */
.activity.activity-media-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  gap:0 !important;
  padding:0 !important;
  min-height:320px;
  overflow:hidden;
  background:var(--white);
  border:1px solid var(--line);
}
html[dir="rtl"] .activity.activity-media-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) !important}
.activity.activity-media-layout .activity-media{
  grid-column:1 !important;
  grid-row:1 !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  min-height:320px !important;
  overflow:hidden !important;
}
html[dir="rtl"] .activity.activity-media-layout .activity-media{grid-column:1 !important}
.activity.activity-media-layout .activity-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:320px !important;
  max-height:420px !important;
  object-fit:cover !important;
  margin:0 !important;
}
.activity.activity-media-layout .activity-content{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  padding:clamp(28px,4vw,55px) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
html[dir="rtl"] .activity.activity-media-layout .activity-content{grid-column:2 !important;text-align:right !important;direction:rtl !important}
html[dir="ltr"] .activity.activity-media-layout .activity-content{text-align:left !important;direction:ltr !important}

@media(max-width:680px){
  .activity.activity-media-layout{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-height:0 !important;
    margin:0 0 22px !important;
    border-inline:0 !important;
  }
  .activity.activity-media-layout .activity-media{
    order:2 !important;
    width:100% !important;
    height:230px !important;
    min-height:230px !important;
  }
  .activity.activity-media-layout .activity-media img{
    width:100% !important;
    height:230px !important;
    min-height:230px !important;
    max-height:230px !important;
    aspect-ratio:16/9 !important;
  }
  .activity.activity-media-layout .activity-content{
    order:1 !important;
    width:100% !important;
    padding:26px 18px !important;
  }
  .activity.activity-media-layout .activity-index{font-size:14px;margin-bottom:8px}
  .activity.activity-media-layout h2{font-size:25px;line-height:1.25}
}

/* Do not let the hero artwork grow beyond its layout on mobile. */
@media(max-width:680px){
  .hero-inner{gap:10px !important}
  .hero-art{min-height:260px !important;max-height:300px !important}
  .art-ring{width:220px !important;height:220px !important}
  .art-core{width:135px !important;height:135px !important}
}