@layer theme,base;@layer components{.pg-contact .ct-top{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:20px clamp(40px,5vw,104px);padding-block:clamp(24px,2.8vw,44px) clamp(28px,3vw,48px);display:grid}.pg-contact .ct-top .label{margin-bottom:16px}.pg-contact .ct-lead{padding-bottom:6px}.pg-contact .ct-main{--ct-edge:color-mix(in srgb, var(--text) 55%, transparent);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:40px clamp(40px,5vw,104px);padding-block:clamp(28px,3vw,48px) clamp(80px,8vw,136px);display:grid}.pg-contact .ct-top h1{font-size:clamp(38px,4.4vw,76px)}html[lang=ar] .pg-contact .ct-top h1{font-size:clamp(34px,3.9vw,64px)}.pg-contact .ct-panel{background:var(--panel);box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px var(--line);border-radius:14px;padding:clamp(24px,3.2vw,48px)}.pg-contact .ct-panel .h3{margin-bottom:6px}.pg-contact .ct-req{color:var(--text-2);margin:0 0 24px;font-size:15px}.pg-contact .ct-routes{border:0;border-bottom:1px solid var(--line);gap:12px;min-width:0;margin:0 0 4px;padding:0 0 26px;display:grid}.pg-contact .ct-routes legend{letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);margin-bottom:12px;padding:0;font-size:13px;font-weight:600}html[lang=ar] .pg-contact .ct-routes legend{letter-spacing:0;text-transform:none;font-size:15px}.pg-contact .ct-routes .hint{margin:0}.pg-contact .ct-chips{flex-wrap:wrap;gap:10px;display:flex}.pg-contact .ct-chips .chip{background:var(--field);min-height:44px;color:var(--text-2);box-shadow:inset 0 0 0 1.5px var(--ct-edge);gap:9px;padding:0 18px}.pg-contact .ct-chips .chip:hover{color:var(--text);background:var(--ctl-hover);box-shadow:inset 0 0 0 1.5px var(--text-2)}.pg-contact .ct-chips .chip svg{width:17px;height:17px;color:var(--accent);flex:none;transition:color .2s}.pg-contact .ct-chips .chip[aria-pressed=true]{background:var(--chip-on-bg);color:var(--chip-on-fg);box-shadow:none}.pg-contact .ct-chips .chip[aria-pressed=true] svg{color:var(--chip-on-fg)}.pg-contact .ct-panel .form .inp{background:var(--field);border-color:var(--ct-edge)}.pg-contact .ct-panel .form .inp:hover{border-color:var(--text-2)}.pg-contact .ct-panel .form .inp::placeholder{color:var(--text-3);opacity:.85}.pg-contact .ct-panel .form .inp:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.pg-contact .ct-panel .form .inp[aria-invalid=true]{border-color:var(--error)}.pg-contact .ct-panel .form .inp[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--error) 20%, transparent)}.pg-contact .ct-panel .form{gap:22px}.pg-contact .ct-panel .form textarea.inp{min-height:168px}.pg-contact .ct-panel .fld:has(>.err[hidden]){padding-bottom:8px}.pg-contact .ct-panel .form .fld .hint{margin-top:-2px}.pg-contact textarea.inp.is-typing{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 18%, transparent);caret-color:var(--focus)}.pg-contact .ct-aside{align-content:start;gap:clamp(36px,4vw,52px);padding-top:6px;display:grid}.pg-contact .ct-k{letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin:0 0 14px;font-size:13px;font-weight:600}html[lang=ar] .pg-contact .ct-k{letter-spacing:0;text-transform:none;font-size:15px}.pg-contact .ct-direct{border-top:1.5px solid var(--line-2);padding-top:18px}.pg-contact .ct-route{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:64px;padding-block:12px;text-decoration:none;display:grid}.pg-contact .ct-route>svg:first-child{width:22px;height:22px;color:var(--accent)}.pg-contact .ct-route .go{width:18px;height:18px;transition:transform .3s var(--ease)}html[dir=rtl] .pg-contact .ct-route .go:not(.ext){transform:scaleX(-1)}.pg-contact .ct-route:hover .go:not(.ext){transform:translate(4px)}html[dir=rtl] .pg-contact .ct-route:hover .go:not(.ext){transform:scaleX(-1)translate(4px)}.pg-contact .ct-route small{color:var(--text-3);font-size:14px;display:block}.pg-contact .ct-route b{overflow-wrap:anywhere;font-size:clamp(18px,1.4vw,21px);display:block}.pg-contact .ct-route:hover b{color:var(--accent)}.pg-contact .ct-steps{border-top:1.5px solid var(--line-2);counter-reset:s;margin:0 0 14px;padding:0;list-style:none}.pg-contact .ct-steps li{border-bottom:1px solid var(--line);counter-increment:s;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;padding:18px 0;display:grid;position:relative}.pg-contact .ct-steps li:before{content:counter(s);background:var(--panel-2);width:32px;height:32px;color:var(--accent);font:700 14px/1 var(--f);border-radius:50%;grid-row:span 2;place-items:center;display:grid}html[lang=ar] .pg-contact .ct-steps li:before{content:counter(s, arabic-indic);font-family:var(--f-ar)}.pg-contact .ct-steps li:not(:last-child):after{content:"";inset-inline-start:15.25px;background:var(--line);width:1.5px;position:absolute;top:54px;bottom:-14px}.pg-contact .ct-steps b{font-weight:700}.pg-contact .ct-steps span{color:var(--text-2);font-size:15.5px}.pg-contact .ct-legal{color:var(--text-2);border-top:1px solid var(--line);gap:4px;padding-top:18px;font-size:14.5px;display:grid}.pg-contact .ct-legal b{color:var(--text);font-weight:600}@media (max-width:1080px){.pg-contact .ct-top,.pg-contact .ct-main{grid-template-columns:minmax(0,1fr)}.pg-contact .ct-top{gap:16px}}@media (max-width:640px){.pg-contact .ct-top{padding-block:22px 26px}.pg-contact .ct-main{padding-top:24px}.pg-contact .ct-panel{margin-inline:calc(var(--gutter) * -1 + 8px);padding:22px 18px}.pg-contact .ct-req{margin-bottom:18px}.pg-contact .ct-routes{margin-bottom:0;padding-bottom:22px}.pg-contact .ct-chips{gap:8px}.pg-contact .ct-chips .chip{padding:0 14px;font-size:14.5px}.pg-contact .ct-panel .form .submit-row .btn{width:100%}}@keyframes ct-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes ct-chip{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pg-contact .ct-panel{animation:.8s cubic-bezier(.22,.8,.2,1) .12s backwards ct-rise}.pg-contact .ct-chips .chip{animation:.5s cubic-bezier(.22,.8,.2,1) backwards ct-chip}.pg-contact .ct-chips .chip:first-child{animation-delay:.42s}.pg-contact .ct-chips .chip:nth-child(2){animation-delay:.48s}.pg-contact .ct-chips .chip:nth-child(3){animation-delay:.54s}.pg-contact .ct-chips .chip:nth-child(4){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.pg-contact .ct-panel,.pg-contact .ct-chips .chip{animation:none}}}@layer utilities;