/* Contact page redesign (c2). Loaded on contact.html only; form markup, ids and script are unchanged. */
.c2{--c-teal:#0e8f86;--c-teal-d:#0a7871;--c-navy:#14205b;--c-ink:#243049;--c-line:#dbe6f0;--c-soft:#f1f7fc}
.c2 .ic{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.c2-wrap{max-width:1240px;margin:0 auto;padding:0 2rem}

/* hero */
body.bb .c2 .contact-hero{position:relative;overflow:hidden;text-align:left;background:linear-gradient(115deg,#fff 0%,#eaf4fb 55%,#dcedf7 100%)!important;padding:3rem max(2rem,calc((100% - 1240px)/2 + 2rem)) 7rem;min-height:300px;border:0}
body.bb .c2 .contact-hero::before,body.bb .c2 .contact-hero::after{display:none}
body.bb .c2 .contact-hero h1{position:relative;z-index:1;font-size:clamp(2.1rem,3.8vw,3.2rem);line-height:1.1;font-weight:800;color:var(--c-navy)!important;margin:0 0 1.1rem;max-width:34rem;text-align:left}
body.bb .c2 .contact-hero h1 em{display:block;font-style:normal;color:var(--c-teal)!important}
body.bb .c2 .contact-hero p{position:relative;z-index:1;max-width:30rem;font-size:1.05rem;line-height:1.65;color:var(--c-ink)!important;border-left:3px solid var(--c-teal);padding-left:1rem;margin:0;text-align:left}
.c2-hero-photo{position:absolute;top:0;right:0;bottom:0;width:min(60%,820px);background:url(../img/contact-hero.jpg) right bottom/cover no-repeat;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 22%);mask-image:linear-gradient(to right,transparent 0%,#000 22%)}

/* form + details */
.c2 .contact-section{padding:0 2rem 3rem;margin-top:-4.5rem;position:relative;z-index:2;background:none}
.c2 .contact-grid{max-width:1240px;grid-template-columns:1.3fr 1fr;gap:1.75rem;align-items:stretch}
.c2 .contact-form-card,.c2 .contact-info-side{background:#fff;border:1px solid var(--c-line);border-radius:16px;box-shadow:0 18px 40px rgba(20,32,91,.1);padding:2rem}
.c2-card-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.c2-icon{width:58px;height:58px;border-radius:14px;background:var(--c-teal);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.c2-icon .ic{width:28px;height:28px}
.c2 .contact-form-card h2{font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:800;color:var(--c-navy);margin:0 0 .25rem}
.c2 .contact-form-card .subtitle{margin:0;font-size:.9rem;line-height:1.55;color:var(--c-ink)}
.c2 #contact-form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.1rem}
.c2 #contact-form-wrap .form-row{display:contents}
.c2 #contact-form-wrap .form-group{margin:0}
.c2 #contact-form-wrap .span2{grid-column:1/-1}
.c2 .form-group label{font-size:.8rem;font-weight:700;color:var(--c-navy);letter-spacing:0;margin-bottom:.35rem}
.c2 .form-group input,.c2 .form-group select,.c2 .form-group textarea{padding:.62rem .8rem;font-size:.92rem;border:1px solid #c9d7e5;border-radius:6px;background:#fff}
.c2 .form-group input:focus,.c2 .form-group select:focus,.c2 .form-group textarea:focus{border-color:var(--c-teal);box-shadow:0 0 0 3px rgba(14,143,134,.15)}
.c2 .form-group textarea{min-height:84px}
.c2 .btn-submit{grid-column:1/-1;justify-self:start;width:auto;padding:.85rem 2rem;background:var(--c-teal);border-radius:6px;font-size:.98rem;letter-spacing:0}
.c2 .btn-submit:hover{background:var(--c-teal-d);box-shadow:0 8px 20px rgba(14,143,134,.3)}
.c2 .form-success{padding:2rem 0}

/* details card */
.c2 .contact-info-side{position:relative;overflow:hidden;padding-bottom:11rem}
.c2 .contact-info-side .section-label{font-size:.7rem;letter-spacing:.14em;color:var(--c-teal);margin-bottom:.4rem}
.c2 .contact-info-side h2 em{font-style:normal}
.c2 .contact-info-side h2{font-size:clamp(1.5rem,2.2vw,1.9rem);font-weight:800;color:var(--c-navy);margin:0 0 .6rem}
.c2 .contact-info-side>p{font-size:.92rem;line-height:1.6;color:var(--c-ink);margin:0 0 1rem}
.c2 .contact-detail-cards{gap:0}
.c2 .contact-detail{background:none;border:0;border-bottom:1px solid #e3ecf4;border-radius:0;padding:.95rem 0;gap:1rem;align-items:center}
.c2 .contact-detail:last-child{border-bottom:0}
.c2 .contact-detail-icon{width:auto;height:auto;background:none;border:0;color:var(--c-teal)}
.c2 .contact-detail-icon svg{width:30px;height:30px}
.c2 .contact-detail h4{margin:0 0 .15rem;font-size:1rem;font-weight:800;color:var(--c-navy)}
.c2 .contact-detail p,.c2 .contact-detail a{font-size:.92rem;line-height:1.5;color:var(--c-ink);margin:0}
.c2 .hours-grid{background:none;border:0;border-top:1px solid #e3ecf4;border-radius:0;padding:1rem 0 0;margin-top:.2rem}
.c2 .hours-grid h4{color:var(--c-navy);font-size:.95rem;letter-spacing:0;text-transform:none;font-weight:800;margin-bottom:.5rem}
.c2 .hours-row{padding:.3rem 0;border:0}
.c2 .hours-row span{color:var(--c-ink)}
.c2-info-photo{position:absolute;left:0;right:0;bottom:0;height:150px;background:url(../img/contact-desk.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%);mask-image:linear-gradient(to bottom,transparent,#000 45%);pointer-events:none}

/* sections below */
.c2-sec{padding:2.6rem 0}
.c2-h2{position:relative;text-align:center;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;color:var(--c-navy);margin:0 auto 2rem;padding-bottom:.9rem;max-width:44rem}
.c2-h2::after{content:'';position:absolute;left:50%;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--c-teal);transform:translateX(-50%)}
.c2 .c2-steps{list-style:none;counter-reset:cs;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}
.c2 .c2-steps>li{counter-increment:cs;position:relative;background:#fff;border:1px solid var(--c-line);border-radius:14px;box-shadow:0 4px 14px rgba(20,32,91,.06);padding:1.2rem 1.2rem 1.2rem 5rem;font-size:.88rem;line-height:1.55;color:var(--c-ink);min-height:7.5rem}
.c2 .c2-steps>li::before{display:none}
.c2 .c2-steps>li:not(:last-child)::after{content:'\2192';position:absolute;right:-1.15rem;top:50%;transform:translateY(-50%);color:var(--c-navy);font-size:1.1rem;z-index:1}
.c2-step-ico{position:absolute;left:1.1rem;top:1.15rem;width:3rem;height:3rem;border-radius:50%;background:#e2f4f1;color:var(--c-teal);display:flex;align-items:center;justify-content:center}
.c2 .c2-steps strong{display:block;font-size:1rem;color:var(--c-navy);margin-bottom:.3rem}
.c2 .c2-steps strong::before{content:counter(cs) '. '}
.c2-two{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.c2-box{border-radius:16px;padding:1.8rem 2rem;border:1px solid var(--c-line);position:relative}
.c2-box.ready{background:linear-gradient(135deg,#e6f6f2,#f1faf8)}
.c2-box.safe{background:linear-gradient(135deg,#eceafa,#f4f2fc)}
.c2-box-ico{display:flex;width:3rem;height:3rem;border-radius:12px;background:#fff;color:var(--c-teal);align-items:center;justify-content:center;margin-bottom:.8rem;box-shadow:0 4px 12px rgba(20,32,91,.08)}
.c2-box.safe .c2-box-ico{color:#4a3fb0}
.c2-box h2{margin:0 0 .5rem;font-size:1.35rem;font-weight:800;color:var(--c-navy)}
.c2-box>p{margin:0 0 .8rem;font-size:.92rem;line-height:1.6;color:var(--c-ink)}
.c2-box ul{list-style:none;margin:0;padding:0}
.c2-box li{position:relative;padding:.35rem 0 .35rem 1.8rem;font-size:.9rem;line-height:1.55;color:var(--c-ink);border:0}
.c2-box li::before{content:'';position:absolute;left:0;top:.5rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--c-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat;font-size:0}
.c2-box .bb-callout{margin:1rem 0 0;border-left:3px solid var(--c-teal);background:rgba(255,255,255,.7)}
.c2-box .bb-callout p{margin:0;font-size:.85rem;line-height:1.55}

/* faq */
.c2 .faq-section{margin:0}
.c2 .faq-section h2{text-align:center;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;color:var(--c-navy);position:relative;padding-bottom:.9rem;margin:0 auto 2rem}
.c2 .faq-section h2::after{content:'';position:absolute;left:50%;bottom:0;width:44px;height:3px;border-radius:2px;background:var(--c-teal);transform:translateX(-50%)}
.c2 .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.4rem;align-items:start}
.c2 .faq-item{background:#fff;border:1px solid var(--c-line);border-radius:10px;box-shadow:0 3px 10px rgba(20,32,91,.05)}
.c2 .faq-q{padding:.95rem 1.1rem}
.c2 .faq-q:hover{background:#f4f9fc}
.c2 .faq-icon{background:#e2f4f1;border-color:#c8e8e3;color:var(--c-teal)}
.c2 .faq-item.open .faq-icon{background:var(--c-teal);color:#fff}

/* talk band */
.c2-talk{padding-bottom:3.4rem}
.c2-talk .sidebar-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem;align-items:center;margin:0;padding:1.6rem 2rem;border:0;border-radius:16px;background:linear-gradient(110deg,#13205c 0%,#0f4a73 100%);box-shadow:0 14px 30px rgba(20,32,91,.2)}
.c2-talk .sidebar-cta h3{grid-column:1;color:#fff;margin:0 0 .3rem;font-size:1.5rem}
.c2-talk .sidebar-cta p{grid-column:1;color:rgba(255,255,255,.88);margin:0;font-size:.98rem}
.c2-talk .sidebar-cta .btn-primary{grid-column:2;grid-row:1/span 2;width:auto;background:#0e8f86;color:#fff!important;border-color:#0e8f86;white-space:nowrap}

@media (max-width:1100px){
  .c2 .contact-grid{grid-template-columns:1fr}
  .c2 .c2-steps{grid-template-columns:1fr 1fr}
  .c2 .c2-steps>li::after{display:none}
  .c2-two{grid-template-columns:1fr}
  .c2-hero-photo{opacity:.55}
}
@media (max-width:700px){
  .c2 .contact-hero{padding:2.2rem 1.25rem 6rem}
  .c2-hero-photo{display:none}
  .c2 .contact-section{padding:0 1rem 2rem}
  .c2 .contact-form-card,.c2 .contact-info-side{padding:1.4rem}
  .c2 #contact-form-wrap{grid-template-columns:1fr}
  .c2 .c2-steps,.c2 .faq-list{grid-template-columns:1fr}
  .c2-wrap{padding:0 1.1rem}
  .c2-talk .sidebar-cta{grid-template-columns:1fr}
  .c2-talk .sidebar-cta .btn-primary{grid-column:1;grid-row:auto;margin-top:1rem;white-space:normal;text-align:center}
}
html[dir=rtl] body.bb .c2 .contact-hero{text-align:right}
html[dir=rtl] body.bb .c2 .contact-hero p{border-left:0;border-right:3px solid var(--c-teal);padding-left:0;padding-right:1rem}
html[dir=rtl] .c2-hero-photo{right:auto;left:0;transform:scaleX(-1)}
html[dir=rtl] .c2 .c2-steps>li{padding:1.2rem 5rem 1.2rem 1.2rem}
html[dir=rtl] .c2-step-ico{left:auto;right:1.1rem}
html[dir=rtl] .c2 .c2-steps>li:not(:last-child)::after{content:'\2190';right:auto;left:-1.15rem}
html[dir=rtl] .c2-box li{padding:.35rem 1.8rem .35rem 0}
html[dir=rtl] .c2-box li::before{left:auto;right:0}
html[dir=rtl] .c2 .btn-submit{justify-self:end}