html body .four-contact-page{max-width:720px;padding:20px 16px 26px;color:var(--color-text,#142943);line-height:1.6}
.cp3-hero{text-align:center;margin-bottom:16px}.cp3-hero h1{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(22px,6vw,29px);font-weight:800;line-height:1.4;margin:0 0 7px;letter-spacing:-.3px}
.cp3-hero h1 svg{width:34px;height:34px;flex:none;color:#ff741f;order:1}.cp3-hero p{font-size:12px;line-height:1.7;color:var(--color-text-muted,#78808d);margin:0}
.cp3-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:linear-gradient(110deg,#fff3e9,#ffecdf);border-radius:13px;padding:12px 0;margin:0 0 18px}
.cp3-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0 4px;min-width:0;text-decoration:none;color:#142943;font-size:13px;font-weight:700;line-height:1.5;position:relative}
.cp3-quick a+a:before{content:'';position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:1px;background:#fff}
.cp3-quick svg{width:25px;height:25px;color:#ff741f}.cp3-quick .cp3-quick-whatsapp svg{color:#32b65b}
.cp3-form{border:1px solid var(--color-border,#dce0e6);border-top:3px solid #ff741f;border-radius:13px;padding:15px 13px;margin:0;background:var(--color-surface,#fff)}
.cp3-form header{margin:0 0 15px}.cp3-form h2{font-size:19px;font-weight:800;line-height:1.5;margin:0 0 3px}.cp3-form header p{margin:0;font-size:12px;color:var(--color-text-muted,#78808d);line-height:1.65}
.cp3-form label{display:block;margin:0 0 13px}.cp3-form label>span:first-child{display:block;font-size:13px;font-weight:650;line-height:1.5;margin-bottom:6px}.cp3-form label small{font-size:11px;font-weight:400;color:var(--color-text-muted,#9298a3)}
.cp3-required{font-size:15px;font-weight:600;color:#f47731;vertical-align:middle}
.cp3-form input,.cp3-form select,.cp3-form textarea{box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid var(--color-border,#d3d9e1);border-radius:9px;background:var(--color-muted-surface,#f5f6f8);color:inherit;font:inherit;font-size:13px;line-height:1.5;padding:10px 12px;min-height:43px;box-shadow:none}
.cp3-form textarea{min-height:94px;resize:vertical}.cp3-form input[type=email]{direction:ltr;text-align:start}.cp3-form input::placeholder,.cp3-form textarea::placeholder{color:#979fac;opacity:1}
.cp3-form select{cursor:pointer}.cp3-form select:invalid{color:#979fac}.cp3-form select option{color:var(--color-text,#142943)}
.cp3-form .cp3-phone{display:flex;align-items:center;direction:ltr;border:1px solid var(--color-border,#d3d9e1);border-radius:9px;background:var(--color-muted-surface,#f5f6f8);min-height:43px}
.cp3-form .cp3-country{display:flex;align-items:center;gap:7px;padding:0 10px;flex:none;font-size:12px;line-height:26px;border-right:1px solid var(--color-border,#d3d9e1);color:var(--color-text-muted,#78808d)}
.cp3-country>span:first-child{font-size:18px}.cp3-form .cp3-phone input{border:0;background:transparent;flex:1;min-width:0;direction:ltr;border-radius:0 9px 9px 0}
html[lang^=ar] .cp3-phone input::placeholder{text-align:right}
.cp3-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;padding:10px 15px;border:0;border-radius:9px;background:linear-gradient(110deg,#ff8b23,#ff5d0c);color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.cp3-submit svg{width:23px;height:23px;flex:none}.cp3-mail-note{font-size:10px;color:var(--color-text-muted,#89919d);text-align:center;line-height:1.6;margin:7px 0 0}
.cp3-social{text-align:center;padding:17px 0 14px}.cp3-social h2{font-size:14px;font-weight:750;margin:0 0 10px}.cp3-social>div{display:flex;align-items:center;justify-content:center;gap:15px}.cp3-social button{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:50%;padding:6px;color:#fff;font:700 24px Arial;cursor:pointer}
.cp3-social svg{width:20px;height:20px}.cp3-social-instagram{background:radial-gradient(circle at 25% 95%,#ffc75d,#f34e48 40%,#b638a8 70%,#7544c8)}.cp3-social .cp3-social-facebook{background:#1877f2;padding:4px 0 0;font-size:28px}.cp3-social-telegram{background:#26a5e4}
.cp3-channel{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:13px;background:linear-gradient(110deg,#fff4eb,#ffebde);color:#142943;font:inherit;text-align:start;cursor:pointer}
.cp3-channel-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;color:#ff741f}.cp3-channel-icon svg{width:34px;height:34px}.cp3-channel>span:nth-child(2){flex:1;min-width:0}.cp3-channel small{display:block;font-size:11px;color:#f47731;font-weight:650;line-height:1.5;margin-bottom:2px}.cp3-channel strong{display:block;font-size:14px;font-weight:750;line-height:1.5}.cp3-channel-arrow{flex:none;width:20px;height:20px;color:#f47731}.cp3-channel-arrow svg{width:20px;height:20px}
html[lang^=en] .cp3-channel-arrow{transform:rotate(180deg)}.cp3-hint{font-size:10px;color:var(--color-text-muted,#89919d);line-height:1.7;text-align:center;margin:12px 3px 0}
html.dark .cp3-quick,html.dark .cp3-channel{background:linear-gradient(110deg,#392a20,#30251e);color:#f0f2f5}html.dark .cp3-quick a{color:#f0f2f5}html.dark .cp3-quick a+a:before{background:#67503c}
@media(min-width:768px){html body .four-contact-page{padding-top:27px}.cp3-hero h1{font-size:31px}.cp3-hero p{font-size:14px}.cp3-quick{padding:16px 0}.cp3-quick a{font-size:15px}.cp3-form{padding:22px}.cp3-form h2{font-size:22px}.cp3-form label>span:first-child{font-size:14px}.cp3-form input,.cp3-form select,.cp3-form textarea{font-size:14px;min-height:46px}.cp3-form textarea{min-height:110px}.cp3-channel strong{font-size:16px}}

/* Compact contact layout, matching the approved reference. */
html body .four-contact-page{padding-top:14px;padding-bottom:16px}
.cp3-hero{margin-bottom:12px}.cp3-hero h1{margin-bottom:3px}.cp3-hero p{font-size:13px}
.cp3-quick{margin-bottom:14px;padding:10px 0;min-height:65px}.cp3-quick a{font-size:clamp(10px,2.7vw,13px);gap:4px;line-height:1.5;text-align:center}.cp3-quick svg{width:26px;height:26px}
.cp3-form{padding:12px 10px}.cp3-form header{margin-bottom:12px}.cp3-form label{margin-bottom:12px}.cp3-form label>span:first-child{margin-bottom:4px}.cp3-form input,.cp3-form .cp3-phone{min-height:40px}.cp3-form textarea{min-height:76px}.cp3-submit{min-height:42px}.cp3-social{padding:12px 0}.cp3-social h2{margin-bottom:8px}.cp3-channel{padding:10px 12px;gap:9px}.cp3-channel strong{font-size:13px;line-height:1.6}.cp3-channel-icon{width:33px;height:33px}.cp3-channel-icon svg{width:31px;height:31px}.four-contact-status:empty{display:none}
@media(min-width:768px){html body .four-contact-page{padding-top:22px}.cp3-form{padding:18px}.cp3-quick a{font-size:14px}.cp3-channel strong{font-size:15px}}

.cp3-quick{margin-bottom:0}.cp3-or{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0;font-size:14px;font-weight:750;color:var(--color-text-muted,#78808d)}.cp3-or:before,.cp3-or:after{content:'';width:54px;height:1px;background:var(--color-border,#e3e6eb)}.cp3-channel strong{white-space:nowrap;font-size:clamp(10px,2.8vw,15px)}.cp3-channel small{font-size:12px;margin-bottom:3px}.cp3-channel-icon{width:29px}.cp3-channel{gap:7px;padding-inline:10px}.cp3-submit svg{width:24px;height:24px}.cp3-social-telegram svg{width:21px;height:21px}

html[lang^=ar] .cp3-channel strong{font-size:clamp(9px,2.45vw,15px)}

html[lang^=ar] .cp3-channel strong{font-size:clamp(10px,2.7vw,16px)}.cp3-channel{gap:6px;padding-inline:9px}.cp3-channel-icon{width:27px}.cp3-channel-icon svg{width:28px;height:28px}.cp3-channel-arrow,.cp3-channel-arrow svg{width:17px;height:17px}
html[lang^=en] .cp3-channel{padding:11px 12px;gap:10px;align-items:center}html[lang^=en] .cp3-channel>span:nth-child(2){min-width:0;flex:1}html[lang^=en] .cp3-channel strong{white-space:normal;font-size:13px;line-height:1.5;overflow-wrap:normal}html[lang^=en] .cp3-channel small{font-size:11px;line-height:1.4;margin-bottom:3px}html[lang^=en] .cp3-channel-icon{width:30px}html[lang^=en] .cp3-channel-icon svg{width:29px;height:29px}@media(min-width:768px){html[lang^=en] .cp3-channel strong{font-size:15px}}