/* Contact page only */
*{ box-sizing: border-box; }
html,body{ height:100%; }

.ct-body{
    margin:0;
    background:#fff;
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* ===== TOP NAV ===== */
.ct-nav{
    position: fixed;
    inset: 0 0 auto 0;
    height: 76px;
    z-index: 50;
}

.ct-nav__inner{
    height: 76px;
    padding: 0 34px;
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.ct-brand{ display:inline-flex; align-items:center; text-decoration:none; }
.ct-brand__img{ height: 34px; width:auto; display:block; }

.ct-menu{
    display:flex;
    align-items:center;
    gap: 34px;
}

.ct-menu a{
    position: relative;
    text-decoration:none;
    font-size: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.65);
    padding: 6px 0;
}

.ct-menu a:hover{ color: rgba(0,0,0,.85); }

.ct-menu a.is-active{
    color: rgba(0,0,0,.8);
}

.ct-menu a.is-active::after{
    content:"";
    position:absolute;
    left:0; right:0;
    bottom:-4px;
    height:3px;
    background:#e3524a;
    border-radius:999px;
}

.ct-lang{ color: rgba(0,0,0,.6) !important; }

/* ===== HERO FULL SCREEN ===== */
.ct-hero{
    height: 100vh;
    width: 100%;
}

.ct-hero__bg{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===== BOTTOM INFO BAR ===== */
.ct-bar{
    position: fixed;
    inset: auto 0 0 0;
    z-index: 50;
    background: rgba(255,255,255,.88);
    backdrop-filter: blur(6px);
    border-top: 1px solid rgba(0,0,0,.08);
}

.ct-bar__inner{
    padding: 14px 34px;
    display:grid;
    grid-template-columns: 1.2fr 1.8fr 1.4fr;
    gap: 18px;
    align-items:center;
}

.ct-bar__text{
    font-size: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.75);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ct-bar__center{ text-align:center; }

.ct-bar__right{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap: 14px;
}

.ct-bar__mail{
    font-size: 22px;
    font-weight: 500;
    color: rgba(0,0,0,.75);
    text-decoration:none;
    margin-right: 10px;
}
.ct-bar__mail:hover{ text-decoration: underline; }

/* Social red circles */
.ct-social{
    display:flex;
    gap: 10px;
    align-items:center;
}

.ct-social__btn{
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#e3524a;
    color:#fff;
    text-decoration:none;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(227,82,74,.18);
    user-select:none;
}
.ct-social__btn:hover{
    filter: brightness(.95);
    transform: translateY(-1px);
}

/* Responsive */
@media (max-width: 1024px){
    .ct-menu a{ font-size: 18px; }
    .ct-bar__text, .ct-bar__mail{ font-size: 18px; }
    .ct-bar__inner{ grid-template-columns: 1fr; row-gap: 10px; }
    .ct-bar__center{ text-align:left; }
    .ct-bar__right{ justify-content:flex-start; flex-wrap:wrap; }
}
