/* Stage 51: separate visual brand from textual titles. RTL title stays intact. */
.eiva21-hero,.eiva19-hero,.eiva23-hero,.eiva39-specialty-hero{isolation:isolate;position:relative}
.eiva51-banner-brand{position:absolute;z-index:3;pointer-events:none;left:clamp(30px,10vw,180px);top:50%;transform:translateY(-50%);width:clamp(110px,13vw,170px);height:clamp(110px,13vw,170px);display:grid;place-items:center;padding:13px;border-radius:24px;background:rgba(12,48,37,.72);border:1px solid rgba(222,184,112,.5);box-shadow:0 14px 45px rgba(0,0,0,.28)}
.eiva51-banner-brand img{width:100%;height:100%;object-fit:contain}
/* Keep a dedicated visual column opposite the RTL text, with no pseudo-content on h1. */
.eiva21-hero .eiva21-hero-content,.eiva19-hero .eiva19-hero-content,.eiva23-hero .eiva23-hero-content{padding-left:clamp(190px,25vw,340px);box-sizing:border-box}
.eiva39-specialty-hero .eiva39-specialty-layout{padding-left:clamp(155px,18vw,250px);box-sizing:border-box}
.eiva51-panel-banner-logo{position:absolute;z-index:3;left:32px;top:50%;transform:translateY(-50%);width:72px;height:72px;display:grid;place-items:center;border-radius:14px;background:#173f35b8;border:1px solid #d7b67577;pointer-events:none}
.eiva51-panel-banner-logo img{width:100%;height:100%;object-fit:contain}
.eiva21-panel-banner-label{max-width:calc(100% - 142px)}
.eiva51-card{background:#fff;border:1px solid #d6e4db;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 10px 30px #173f3510;color:#173f35}
.eiva51-card h2{font-size:1.2rem;line-height:1.6;margin:0 0 12px}.eiva51-card p{line-height:2}
.eiva51-form{display:grid;gap:14px}.eiva51-form label{display:grid;gap:8px;font-weight:750}.eiva51-form input,.eiva51-form select,.eiva51-form textarea{padding:10px 13px;border:1px solid #aabeb0;border-radius:10px;width:100%;max-width:100%;background:white;color:#173f35}
.eiva51-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;background:#173f35;color:white!important;border:0;border-radius:10px;padding:12px 20px;min-height:44px;font-weight:750;cursor:pointer}
.eiva51-table-shell{overflow-x:auto;border:1px solid #d6e4db;border-radius:14px;background:white}.eiva51-table{width:100%;min-width:680px;border-collapse:collapse;text-align:right}.eiva51-table th,.eiva51-table td{padding:14px 12px;border-bottom:1px solid #edf1ed}.eiva51-table th{background:#edf5f0;color:#173f35}.eiva51-metrics{display:flex;gap:10px;flex-wrap:wrap}.eiva51-metrics span{background:#eff5f0;padding:10px 14px;border-radius:10px}
@media(max-width:850px){.eiva51-banner-brand{width:95px;height:95px;left:22px;border-radius:17px}.eiva21-hero .eiva21-hero-content,.eiva19-hero .eiva19-hero-content,.eiva23-hero .eiva23-hero-content{padding-left:135px}.eiva39-specialty-hero .eiva39-specialty-layout{padding-left:120px}}
@media(max-width:640px){.eiva51-banner-brand{position:relative;left:auto;top:auto;transform:none;margin:16px auto 0 18px;width:76px;height:76px;border-radius:14px;padding:8px}.eiva21-hero .eiva21-hero-content,.eiva19-hero .eiva19-hero-content,.eiva23-hero .eiva23-hero-content{padding-left:16px;padding-top:12px}.eiva39-specialty-hero .eiva39-specialty-layout{padding-left:16px}.eiva51-panel-banner-logo{left:14px;width:50px;height:50px}.eiva21-panel-banner-label{max-width:calc(100% - 90px)}.eiva51-table{min-width:590px}.eiva51-card{padding:15px}}

/* Additional distinct banner variants retain a separate visual emblem. */
.eiva18-hero,.e45-hero,.e45-banner,.eiva-page-hero{position:relative;isolation:isolate}
.eiva18-hero>.eiva51-banner-brand,.e45-hero>.eiva51-banner-brand,.e45-banner>.eiva51-banner-brand,.eiva-page-hero>.eiva51-banner-brand{top:50%}
.eiva18-hero .eiva18-hero-inner,.e45-hero .e45-hero-inner,.e45-banner>div:not(.eiva51-banner-brand),.eiva-page-hero>.container-x{padding-left:clamp(190px,25vw,340px);box-sizing:border-box}
.e45-banner>.eiva51-banner-brand{padding:13px}
@media(max-width:850px){.eiva18-hero .eiva18-hero-inner,.e45-hero .e45-hero-inner,.e45-banner>div:not(.eiva51-banner-brand),.eiva-page-hero>.container-x{padding-left:135px}}
@media(max-width:640px){.eiva18-hero>.eiva51-banner-brand,.e45-hero>.eiva51-banner-brand,.e45-banner>.eiva51-banner-brand,.eiva-page-hero>.eiva51-banner-brand{top:auto}.eiva18-hero .eiva18-hero-inner,.e45-hero .e45-hero-inner,.e45-banner>div:not(.eiva51-banner-brand),.eiva-page-hero>.container-x{padding-left:16px}}
/* On narrow screens the separate emblem gets its own row, not a flex column beside the title. */
@media(max-width:640px){.eiva21-hero{display:block}.eiva21-hero .eiva21-hero-content{width:100%;max-width:100%}}