.bg-contact{background:url(/images/bg-title.jpg) 50%/cover no-repeat}#contact .contact-page{background:radial-gradient(circle at top right, #901a1d0f, transparent 32%), linear-gradient(180deg, var(--light) 0%, var(--white) 100%)}.contact-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 36px;padding:0;list-style:none;display:grid}.contact-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--white) 0%, #fffdfb 100%);border-radius:12px;align-items:flex-start;gap:16px;min-height:120px;padding:22px 20px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 12px 32px #381d1f0f}.contact-card:hover{border-color:#901a1d33;transform:translateY(-4px);box-shadow:0 18px 40px #381d1f1a}.contact-card>img{background:var(--primaryBg);object-fit:contain;object-position:center;border-radius:14px;padding:10px}.contact-card h2{font-family:var(--font_b);color:var(--text);text-transform:uppercase;margin-bottom:8px;font-size:17px}.contact-card a,.contact-card p{color:var(--text);font-size:14px;line-height:1.6}.contact-card a{font-size:17px;font-family:var(--font_b);color:var(--primary);text-decoration:underline;transition:color .2s}.contact-card .number{color:var(--primary);letter-spacing:.2px;font-size:23px;font-family:var(--font_b)!important}.contact-card a:hover{color:var(--primary)}.contact-form-panel{border:1px solid var(--border);background:var(--white);border-radius:12px;height:100%;padding:25px;box-shadow:0 20px 50px #381d1f12}.contact-form-panel__head{margin-bottom:28px}.contact-form-panel__head h2{font-family:var(--font_b);letter-spacing:-1px;color:var(--title);font-size:27px;line-height:1.25}.contact-form-panel__head p{color:var(--text);margin-top:12px;font-size:18px;line-height:1.75}.field-group{margin-bottom:20px}.field-label{font-family:var(--font_m);color:var(--title);margin-bottom:8px;font-size:17px;display:block}.field-label b{color:red;font-family:var(--font_m)}.field-input{border:1px solid var(--border);background-color:var(--light);width:100%;min-height:52px;font-size:17px;font-family:var(--font);color:var(--title);border-radius:6px;padding:0 16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.field-textarea{resize:vertical;min-height:160px;padding-top:14px;padding-bottom:14px;line-height:1.6}.field-input::placeholder{color:var(--gray);font-family:var(--font)}.field-input:focus{border-color:var(--primary);background-color:var(--white);outline:0;box-shadow:0 0 0 4px #901a1d1a}.btn-submit{background-color:var(--primary);min-width:200px;min-height:54px;color:var(--white);font-family:var(--font_b);letter-spacing:.3px;text-transform:uppercase;border:0;border-radius:50px;justify-content:center;align-items:center;padding:0 28px;font-size:17px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 14px 28px #901a1d47}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 18px 34px #901a1d57}#contact-message{resize:none;font-family:var(--font)}.contact-aside{gap:20px;display:grid}.contact-aside__block{border:1px solid var(--border);background:var(--white);border-radius:12px;padding:20px;box-shadow:0 12px 32px #381d1f0f}.contact-aside__block h2{font-family:var(--font_b);letter-spacing:-1px;color:var(--title);margin-bottom:14px;font-size:27px}.contact-aside__desc{color:var(--text);margin-bottom:16px;font-size:16px;line-height:1.7}.contact-map{aspect-ratio:4/3;background:var(--light_b);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #901a1d14}.contact-map iframe{width:100%;height:100%;display:block}.contact-map__link{text-align:center;font-family:var(--font_b);color:var(--primary);margin:20px 0;font-size:16px;display:block;text-decoration:underline!important}.contact-social{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.contact-social a{justify-content:center;align-items:center;display:inline-flex}.contact-social img{border-radius:4px}@media (width<=991px){.contact-cards{grid-template-columns:1fr}.contact-form-panel{padding:24px 20px}}@media (width<=767px){#contact .contact-page{padding-top:32px;padding-bottom:32px}.contact-layout .col-lg-4{order:1}.contact-cards{gap:14px;margin-bottom:24px}.contact-card{min-height:0;padding:18px 16px}.btn-submit{width:100%;min-width:0}}.contact-modal{z-index:9999;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.contact-modal.is-active{opacity:1;visibility:visible}.contact-modal__backdrop{background:var(--modalBg,#2523448c);backdrop-filter:blur(2px);cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.contact-modal__content{background:var(--white);text-align:center;z-index:2;border-radius:16px;width:90%;max-width:440px;padding:40px 30px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative;transform:translateY(20px)scale(.95);box-shadow:0 24px 48px #00000026}.contact-modal.is-active .contact-modal__content{transform:translateY(0)scale(1)}.contact-modal__icon{justify-content:center;margin-bottom:24px;display:flex}.contact-modal.is-success .contact-modal__icon{color:var(--green,#599c5f)}.contact-modal.is-error .contact-modal__icon{color:var(--primary,#901a1d)}.contact-modal__title{font-size:26px;font-family:var(--font_b);margin-bottom:12px}.contact-modal.is-success .contact-modal__title{color:var(--green,#599c5f)}.contact-modal.is-error .contact-modal__title{color:var(--primary,#901a1d)}.contact-modal__message{color:var(--text);margin-bottom:30px;font-size:16px;line-height:1.6}.contact-modal__btn-close{background-color:var(--primary);min-width:120px;color:var(--white);font-family:var(--font_b);cursor:pointer;border:0;border-radius:50px;justify-content:center;align-items:center;padding:10px;font-size:16px;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.contact-modal.is-success .contact-modal__btn-close{background-color:var(--primary)}.contact-modal.is-success .contact-modal__btn-close:hover{transform:translateY(-2px);box-shadow:0 8px 20px #901a1d4d}.contact-modal.is-error .contact-modal__btn-close{background-color:var(--primary)}.contact-modal.is-error .contact-modal__btn-close:hover{transform:translateY(-2px);box-shadow:0 8px 20px #901a1d4d}
