.layout-contact{--cn-primary:var(--mainColor);--cn-primary-hover:color-mix(in srgb, var(--mainColor) 85%, #000);--cn-primary-light:color-mix(in srgb, var(--mainColor) 8%, #fff);--cn-heading:#080B1B;--cn-text:#617185;--cn-text-light:#6E7D91;--cn-text-muted:#64748B;--cn-border:#E4EAF0;--cn-surface:#FFFFFF;--cn-hero-bg:#DEEDFE;--cn-bottom-bg:#E7F4FD;--cn-pink:#F24289;--cn-pink-light:#FEE8F3;--cn-yellow:#F9B900;--cn-yellow-light:#FFF7E2;--cn-green:#27BE55;--cn-green-light:#E5FAEC;--cn-danger:#ED3349;--cn-space-xs:4px;--cn-space-sm:8px;--cn-space-md:12px;--cn-space-lg:16px;--cn-space-xl:20px;--cn-space-2xl:24px;--cn-space-3xl:32px;--cn-radius-sm:8px;--cn-radius-md:9px;--cn-radius-lg:12px;--cn-radius-xl:16px;--cn-radius-2xl:18px;--cn-radius-pill:999px;--cn-shadow:0 2px 8px rgba(20,48,80,0.03);--cn-shadow-md:0 4px 16px rgba(31,89,125,0.06);color:var(--cn-text);background:var(--cn-surface);line-height:1.5;padding-bottom:38px}.layout-contact__hero{padding:18px 0 0;text-align:center}.layout-contact__hero-title{font-size:28px;font-weight:800;line-height:1.2;color:var(--cn-heading);margin:0 0 6px}.layout-contact__hero-desc{font-size:15px;line-height:1.5;color:var(--cn-text);margin:0 auto;max-width:720px}.layout-contact__cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:17px;padding:18px 0}.layout-contact__card{background:var(--cn-surface);border:1px solid #E3E8EE;border-radius:var(--cn-radius-2xl);padding:16px;display:flex;align-items:center;gap:16px;box-shadow:var(--cn-shadow);transition:transform 0.3s ease, box-shadow 0.3s ease}.layout-contact__card:hover{transform:translateY(-2px);box-shadow:var(--cn-shadow-md)}.layout-contact__card-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.layout-contact__card-icon svg{width:38px;height:38px}.layout-contact__card-icon--blue{background:var(--cn-primary-light)}.layout-contact__card-icon--pink{background:var(--cn-pink-light)}.layout-contact__card-icon--yellow{background:var(--cn-yellow-light)}.layout-contact__card-icon--green{background:var(--cn-green-light)}.layout-contact__card-content{flex:1;min-width:0}.layout-contact__card-label{font-size:15px;font-weight:600;color:var(--cn-heading);margin-bottom:var(--cn-space-xs)}.layout-contact__card-value{font-size:18px;font-weight:800;color:var(--cn-primary);line-height:1.2;margin-bottom:4px;word-break:break-word}.layout-contact__card-value a{color:inherit;text-decoration:none}.layout-contact__card-value a:hover{color:var(--cn-primary-hover)}.layout-contact__card-note{font-size:14px;color:var(--cn-text-muted);line-height:1.4}.layout-contact__main{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;padding:14px 0 0}.layout-contact__form-panel{background:var(--cn-surface);border:1px solid #E3E8EE;border-radius:var(--cn-radius-xl);padding:22px;box-shadow:var(--cn-shadow)}.layout-contact__form-panel-header{margin-bottom:20px}.layout-contact__form-panel-header h2{font-size:28px;font-weight:800;line-height:1.2;color:var(--cn-heading);margin:0 0 4px}.layout-contact__form-panel-header p{font-size:15px;line-height:1.5;color:var(--cn-text);margin:0}.layout-contact__form-panel .form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:13px}.layout-contact__form-panel .form-field{display:flex;flex-direction:column}.layout-contact__form-panel .form-field label{font-size:15px;font-weight:600;color:var(--cn-heading);margin-bottom:6px}.layout-contact__form-panel .form-field label span{color:var(--cn-danger)}.layout-contact__form-panel .form-field--full{grid-column:1 / -1}.layout-contact__form-panel .form-field__select{position:relative}.layout-contact__form-panel .form-field__select select{appearance:none;-webkit-appearance:none;padding-right:38px;cursor:pointer}.layout-contact__form-panel .form-field .caret-icon{position:absolute;right:14px;bottom:14px;width:16px;height:16px;pointer-events:none;color:var(--cn-text-muted)}.layout-contact__form-panel input,.layout-contact__form-panel textarea,.layout-contact__form-panel select{width:100%;height:44px;padding:0 14px;border:1px solid #DCE4EC;border-radius:var(--cn-radius-sm);font-size:14px;color:var(--cn-text-muted);background:var(--cn-surface);font-family:inherit;outline:none;transition:border-color 0.2s, box-shadow 0.2s}.layout-contact__form-panel input::placeholder,.layout-contact__form-panel textarea::placeholder,.layout-contact__form-panel select::placeholder{color:#A0AEC0}.layout-contact__form-panel input:focus,.layout-contact__form-panel textarea:focus,.layout-contact__form-panel select:focus{border-color:var(--cn-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--mainColor) 15%, transparent)}.layout-contact__form-panel textarea{height:auto;min-height:86px;padding:12px 14px;resize:none;line-height:1.5}.layout-contact__form-panel .btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:40px;background:var(--cn-primary);color:#fff;border:none;border-radius:var(--cn-radius-md);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:background 0.2s, transform 0.2s;margin-top:16px}.layout-contact__form-panel .btn-submit svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.layout-contact__form-panel .btn-submit:hover{background:var(--cn-primary-hover);transform:translateY(-1px)}.layout-contact__form-panel .btn-submit:active{transform:translateY(0)}.layout-contact__form-panel .alert{padding:14px 18px;border-radius:var(--cn-radius-sm);margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:10px}.layout-contact__form-panel .alert.alert-success{background:var(--cn-green-light);color:#0F6635;border:1px solid #C8EBD3}.layout-contact__form-panel .alert.alert-error{background:#FFE5E5;color:#992B2B;border:1px solid #F5C6C6}.layout-contact__store-panel{background:var(--cn-surface);border:1px solid #E3E8EE;border-radius:var(--cn-radius-xl);padding:22px;box-shadow:var(--cn-shadow)}.layout-contact__store-panel .map-block iframe,.layout-contact__store-panel .map-block .map-placeholder{width:100%;height:var(--map-height, 420px);border-radius:var(--cn-radius-xl);overflow:hidden;border:none;background:var(--cn-hero-bg)}.layout-contact .alert{padding:14px 18px;border-radius:var(--cn-radius-sm);margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:10px}.layout-contact .alert.alert-success{background:var(--cn-green-light);color:#0F6635;border:1px solid #C8EBD3}.layout-contact .alert.alert-error{background:#FFE5E5;color:#992B2B;border:1px solid #F5C6C6}.layout-contact .alert .icon-svg{flex-shrink:0}@media (max-width: 1199px){.layout-contact__cards{grid-template-columns:repeat(2, 1fr)}.layout-contact__main{grid-template-columns:1fr}}@media (max-width: 991px){.layout-contact__cards{grid-template-columns:repeat(2, 1fr);gap:12px}.layout-contact__card{padding:14px;gap:12px}.layout-contact__card-icon{width:56px;height:56px}.layout-contact__card-icon svg{width:32px;height:32px}.layout-contact__card-value{font-size:21px}}@media (max-width: 767px){.layout-contact__cards{grid-template-columns:1fr;gap:12px}.layout-contact__card-icon{width:60px;height:60px}.layout-contact__card-icon svg{width:34px;height:34px}.layout-contact__form-panel{padding:18px}.layout-contact__form-panel .form-grid{grid-template-columns:1fr}.layout-contact__form-panel .form-field--full{grid-column:auto}.layout-contact__form-panel-header h2{font-size:24px}.layout-contact__store-panel{padding:18px}.layout-contact__store-panel .map-block iframe,.layout-contact__store-panel .map-block .map-placeholder{height:280px}.layout-contact__hero-title{font-size:24px}}
