/* Contact page — Choco Syria */
body[data-page="contact"] { background:#fff; }
.contact-hero { position:relative; overflow:hidden; background:#faf8f6; border-bottom:1px solid #f0e9e5; }
.contact-hero-inner { position:relative; z-index:1; padding-top:62px; padding-bottom:86px; }
.contact-hero .breadcrumbs { display:flex; align-items:center; gap:12px; margin-bottom:45px; font-size:13px; color:#8e8280; }
.contact-hero .breadcrumbs a { color:inherit; text-decoration:none; }
.contact-hero .breadcrumbs a:hover { color:#7c0703; }
.contact-hero .breadcrumbs i { font-size:10px; }
.contact-eyebrow,.section-kicker { display:inline-block; color:#9c3d36; font-size:13px; font-weight:700; letter-spacing:.01em; }
.contact-eyebrow::before,.section-kicker::before { content:""; display:inline-block; width:20px; height:2px; margin-left:10px; background:#9c3d36; vertical-align:middle; }
.contact-hero h1 { max-width:780px; margin:17px 0 17px; color:#261b1a; font-size:clamp(38px,5vw,64px); line-height:1.28; font-weight:800; }
.contact-hero h1 em { color:#7c0703; font-style:normal; }
.contact-hero p { max-width:570px; margin:0; font-size:17px; line-height:1.95; color:#776c69; }
.contact-hero-decor { position:absolute; bottom:-38px; left:-10px; font-family:Arial,sans-serif; font-size:clamp(90px,17vw,200px); font-weight:900; letter-spacing:-.07em; white-space:nowrap; color:rgba(124,7,3,.035); pointer-events:none; user-select:none; }
.contact-section { padding:96px 0 112px; }
.contact-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,6vw,110px); align-items:start; }
.contact-info { padding-top:26px; }
.contact-info h2 { max-width:440px; font-size:clamp(26px,2.8vw,32px); line-height:1.5; color:#281d1b; margin:15px 0 13px; font-weight:800; }
.contact-info h2 span { color:#7c0703; }
.contact-intro { color:#7d7270; line-height:2; font-size:15px; margin:0 0 37px; max-width:420px; }
.contact-method { display:flex; align-items:center; gap:17px; padding:21px 0; border-bottom:1px solid #eee7e4; text-decoration:none; color:inherit; transition:transform .2s ease; }
.contact-method:hover { transform:translateX(-4px); }
.contact-method-icon { width:54px; height:54px; flex:0 0 54px; border-radius:16px; display:grid; place-items:center; background:#faf0ed; color:#7c0703; font-size:21px; }
.contact-method-copy { display:flex; flex-direction:column; gap:7px; min-width:0; }
.contact-method-copy strong { color:#2d2321; font-size:15px; }
.contact-method-copy>span { color:#756a68; font-size:14px; overflow-wrap:anywhere; }
.contact-method-arrow { margin-right:auto; color:#a89c99; font-size:17px; }
.contact-note { margin-top:35px; display:flex; align-items:center; gap:12px; color:#7c0703; font-size:14px; font-weight:600; }
.contact-note i { font-size:21px; }
.contact-form-card { background:#fff; border:1px solid #f0e8e5; border-radius:22px; box-shadow:0 20px 70px rgba(59,30,22,.055); padding:clamp(24px,4vw,46px); }
.contact-form-header h2 { font-size:clamp(24px,2.6vw,32px); margin:12px 0 8px; color:#261b1a; font-weight:800; }
.contact-form-header p { margin:0 0 29px; color:#877a76; font-size:14px; line-height:1.8; }
.contact-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px 17px; }
.form-field { display:flex; flex-direction:column; gap:10px; min-width:0; }
.form-field-full { grid-column:1/-1; }
.form-field label { font-size:13px; color:#413432; font-weight:700; }
.form-field label span { color:#a31e18; }
.form-field label small { color:#9a8e8b; font-weight:400; }
.form-field input,.form-field select,.form-field textarea { width:100%; min-width:0; background:#fdfbf9; border:1px solid #e9e1dd; border-radius:10px; color:#352926; padding:14px 15px; font:inherit; font-size:14px; outline:none; transition:border-color .2s,box-shadow .2s; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#ab9e9a; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:#9c3d36; box-shadow:0 0 0 3px rgba(124,7,3,.07); }
.form-field [aria-invalid="true"] { border-color:#ba3028; }
.form-field textarea { resize:vertical; min-height:150px; }
.form-field select { cursor:pointer; }
.contact-form-bottom { display:flex; flex-direction:column; align-items:flex-start; gap:12px; margin-top:26px; }
.contact-submit { display:inline-flex; justify-content:center; align-items:center; gap:28px; border:0; border-radius:10px; padding:16px 25px; background:#7c0703; color:#fff; font:inherit; font-size:14px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
.contact-submit:hover { background:#610603; transform:translateY(-2px); }
.contact-submit:focus-visible { outline:3px solid #cc9e9a; outline-offset:3px; }
.form-hint { margin:0; color:#9a8b86; font-size:12px; line-height:1.8; }
.contact-form-status { min-height:1.5em; margin:10px 0 0; color:#7c0703; font-size:13px; }
.contact-outro { background:#7c0703; color:#fff; padding:37px 0; }
.contact-outro-inner { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.contact-outro-inner span { font-family:Arial,sans-serif; letter-spacing:.16em; font-weight:800; font-size:14px; opacity:.72; }
.contact-outro-inner p { margin:0; font-size:clamp(16px,2vw,21px); font-weight:700; }
@media(max-width:900px) { .contact-layout { grid-template-columns:1fr; gap:48px; } .contact-info { padding-top:0; } .contact-section { padding:70px 0; } }
@media(max-width:575px) { .contact-hero-inner { padding-top:35px; padding-bottom:65px; } .contact-hero .breadcrumbs { margin-bottom:30px; } .contact-hero p { font-size:15px; } .contact-section { padding:48px 0 70px; } .contact-form-grid { grid-template-columns:1fr; gap:18px; } .contact-form-card { border-radius:16px; } .contact-outro-inner { flex-direction:column; text-align:center; } .contact-method { gap:12px; } .contact-method-icon { width:48px; height:48px; flex-basis:48px; } }
@media(prefers-reduced-motion:reduce) { .contact-method,.contact-submit { transition:none; } }