body.elco-theme-premium .contact-page__breadcrumb { margin-bottom: 1rem; } body.elco-theme-premium .contact-page__head { margin-bottom: 1.75rem; max-width: 42rem; } body.elco-theme-premium .contact-page__eyebrow { display: inline-flex; align-items: center; gap: 0.35rem; margin-bottom: 0.55rem; padding: 0.3rem 0.75rem; border-radius: 999px; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.03em; color: var(--elco-gold-bright); background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.24); } body.elco-theme-premium .contact-page__title { margin: 0; } body.elco-theme-premium .contact-page__subtitle { margin: 0.5rem 0 0; max-width: 36rem; font-size: 0.88rem; line-height: 1.7; color: rgba(255, 255, 255, 0.52); } body.elco-theme-premium .contact-form-panel { overflow: hidden; } body.elco-theme-premium .contact-form-panel__head { display: flex; align-items: flex-start; gap: 0.85rem; padding: 1.15rem 1.35rem; border-bottom: 1px solid rgba(212, 175, 55, 0.14); } body.elco-theme-premium .contact-form-panel__icon { display: inline-grid; place-items: center; width: 2.65rem; height: 2.65rem; flex-shrink: 0; border-radius: 14px; background: rgba(212, 175, 55, 0.12); border: 1px solid rgba(212, 175, 55, 0.28); color: var(--elco-gold-bright); font-size: 1.15rem; } body.elco-theme-premium .contact-form-panel__title { margin: 0; font-size: 1rem; font-weight: 700; color: var(--elco-gold-bright); line-height: 1.35; } body.elco-theme-premium .contact-form-panel__hint { margin: 0.28rem 0 0; font-size: 0.76rem; line-height: 1.55; color: rgba(255, 255, 255, 0.45); } body.elco-theme-premium .contact-form-panel__body { padding: 1.25rem 1.35rem 1.35rem; } body.elco-theme-premium .contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem 0.85rem; } body.elco-theme-premium .contact-form__field--full { grid-column: 1 / -1; } body.elco-theme-premium .contact-form__label { display: inline-flex; align-items: center; gap: 0.35rem; margin-bottom: 0.42rem; font-size: 0.74rem; font-weight: 600; color: rgba(232, 204, 106, 0.82); } body.elco-theme-premium .contact-form__label i { font-size: 0.82rem; opacity: 0.88; } body.elco-theme-premium .contact-form__control { width: 100%; padding: 0.68rem 0.85rem; border-radius: 12px; border: 1px solid rgba(72, 96, 140, 0.38); background: rgba(10, 18, 36, 0.62); color: rgba(255, 255, 255, 0.92); font-size: 0.88rem; transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } body.elco-theme-premium .contact-form__control::placeholder { color: rgba(255, 255, 255, 0.32); } body.elco-theme-premium .contact-form__control:focus { outline: none; border-color: rgba(212, 175, 55, 0.58); background: rgba(15, 26, 50, 0.88); box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14); color: #fff; } body.elco-theme-premium .contact-form__control--textarea { min-height: 5.5rem; resize: vertical; } body.elco-theme-premium .contact-form__actions { margin-top: 1.1rem; padding-top: 0.2rem; } body.elco-theme-premium .contact-form__submit { display: inline-flex; align-items: center; justify-content: center; gap: 0.45rem; min-height: 46px; padding-inline: 1.5rem; font-weight: 700; border-radius: 12px; } body.elco-theme-premium .contact-side { display: flex; flex-direction: column; gap: 1rem; } body.elco-theme-premium .contact-side__card { overflow: hidden; padding: 0; } body.elco-theme-premium .contact-side__card-head { padding: 1.15rem 1.25rem; background: radial-gradient(ellipse 90% 120% at 100% 0%, rgba(212, 175, 55, 0.14), transparent 55%), linear-gradient(135deg, rgba(15, 26, 50, 0.98) 0%, rgba(10, 18, 36, 0.98) 100%); border-bottom: 1px solid rgba(212, 175, 55, 0.18); } body.elco-theme-premium .contact-side__card-body { padding: 0.25rem 0 0.15rem; } body.elco-theme-premium .contact-side__brand { display: flex; align-items: center; gap: 0.85rem; } body.elco-theme-premium .contact-side__brand img { width: 56px; height: 56px; border-radius: 50%; object-fit: contain; flex-shrink: 0; background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.28); padding: 0.35rem; box-shadow: 0 0 20px rgba(212, 175, 55, 0.15); } body.elco-theme-premium .contact-side__brand-text { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; } body.elco-theme-premium .contact-side__brand-text strong { font-size: 0.98rem; font-weight: 700; color: #fff; line-height: 1.35; } body.elco-theme-premium .contact-side__brand-text span { font-size: 0.78rem; color: rgba(255, 255, 255, 0.55); } body.elco-theme-premium .contact-info-list { list-style: none; margin: 0; padding: 0; } body.elco-theme-premium .contact-info-item { display: flex; align-items: flex-start; gap: 0.8rem; padding: 0.9rem 1.2rem; border-bottom: 1px solid rgba(212, 175, 55, 0.1); } body.elco-theme-premium .contact-info-item:last-child { border-bottom: none; } body.elco-theme-premium .contact-info-item__icon { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; flex-shrink: 0; border-radius: 11px; background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.22); color: var(--elco-gold-bright); font-size: 0.95rem; } body.elco-theme-premium .contact-info-item__body { display: flex; flex-direction: column; gap: 0.18rem; min-width: 0; flex: 1; } body.elco-theme-premium .contact-info-item__label { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.03em; color: rgba(232, 204, 106, 0.72); } body.elco-theme-premium .contact-info-item__value { font-size: 0.84rem; line-height: 1.55; color: rgba(255, 255, 255, 0.9); word-break: break-word; } body.elco-theme-premium .contact-info-item__link { color: rgba(255, 255, 255, 0.9); text-decoration: none; transition: color 0.2s ease; } body.elco-theme-premium .contact-info-item__link:hover, body.elco-theme-premium .contact-info-item__link:focus-visible { color: var(--elco-gold-bright); outline: none; } body.elco-theme-premium .contact-side__map-block { padding: 0.85rem 1.2rem 1.1rem; border-top: 1px solid rgba(212, 175, 55, 0.12); } body.elco-theme-premium .contact-side__map-title { display: block; margin-bottom: 0.65rem; font-size: 0.74rem; font-weight: 700; color: var(--elco-gold-bright); } body.elco-theme-premium .contact-side__map-actions { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 0.55rem; } body.elco-theme-premium .contact-side__map-link { flex: 1 1 0; display: flex; align-items: center; justify-content: center; min-height: 3.25rem; padding: 0.55rem 0.75rem; border-radius: 12px; border: 1px solid rgba(212, 175, 55, 0.24); background: rgba(255, 255, 255, 0.06); text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease; } body.elco-theme-premium .contact-side__map-link:hover, body.elco-theme-premium .contact-side__map-link:focus-visible { background: rgba(212, 175, 55, 0.1); border-color: rgba(248, 220, 140, 0.42); outline: none; transform: translateY(-1px); box-shadow: 0 6px 16px rgba(12, 18, 36, 0.12); } body.elco-theme-premium .contact-side__map-link img { display: block; width: auto; max-width: 100%; height: auto; max-height: 1.65rem; object-fit: contain; } body.elco-theme-premium .contact-side__map-link--google img { max-height: 1.45rem; } body.elco-theme-premium .contact-side__map-link--neshan img { max-height: 1.55rem; } body.elco-theme-premium .contact-side__social-panel { padding: 1.1rem 1.2rem 1.2rem; } body.elco-theme-premium .contact-side__social-title { display: flex; align-items: center; gap: 0.45rem; margin: 0 0 0.85rem; font-size: 0.86rem; font-weight: 700; color: var(--elco-gold-bright); } body.elco-theme-premium .contact-side__social-title i { font-size: 0.95rem; opacity: 0.9; } body.elco-theme-premium .contact-side__social { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.55rem; list-style: none; margin: 0; padding: 0; justify-items: center; } body.elco-theme-premium .contact-side__social li { width: 100%; max-width: 3.35rem; } body.elco-theme-premium .contact-side__social a { display: inline-flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1; max-width: 3.35rem; max-height: 3.35rem; padding: 0; border-radius: 14px; border: 1px solid rgba(212, 175, 55, 0.22); background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.88); text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease; } body.elco-theme-premium .contact-side__social .social-brand-icon-wrap.social-brand-icon--md { width: 1.5rem; height: 1.5rem; } body.elco-theme-premium .contact-side__social a:hover, body.elco-theme-premium .contact-side__social a:focus-visible { background: rgba(212, 175, 55, 0.1); border-color: rgba(212, 175, 55, 0.35); transform: translateY(-1px); outline: none; } @media (min-width: 768px) { body.elco-theme-premium .contact-side__social { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: 0.5rem; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } body.elco-theme-premium .contact-side__social::-webkit-scrollbar { display: none; } body.elco-theme-premium .contact-side__social li { flex: 0 0 auto; width: auto; max-width: none; } body.elco-theme-premium .contact-side__social a { width: 2.75rem; height: 2.75rem; max-width: 2.75rem; max-height: 2.75rem; aspect-ratio: auto; } } @media (max-width: 767.98px) { body.elco-theme-premium .contact-form__grid { grid-template-columns: 1fr; } body.elco-theme-premium .contact-form__field--full { grid-column: auto; } body.elco-theme-premium .contact-side__social-panel { padding: 1rem 1rem 1.15rem; } body.elco-theme-premium .contact-side__social { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.5rem 0.35rem; } body.elco-theme-premium .contact-side__social li { max-width: none; } body.elco-theme-premium .contact-side__social a { max-width: none; max-height: none; min-height: 2.85rem; border-radius: 12px; } body.elco-theme-premium .contact-side__social .social-brand-icon-wrap.social-brand-icon--md { width: 1.4rem; height: 1.4rem; } body.elco-theme-premium .contact-side__social .social-brand-icon-wrap::before { opacity: 0; } body.elco-theme-premium .contact-side__social .social-brand-icon--brand { opacity: 1; } } @media (max-width: 575.98px) { body.elco-theme-premium .contact-form-panel__head, body.elco-theme-premium .contact-form-panel__body { padding-inline: 1rem; } body.elco-theme-premium .contact-info-item { padding: 0.8rem 1rem; } body.elco-theme-premium .contact-side__map-block { padding-inline: 1rem; } body.elco-theme-premium .contact-side__social { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.55rem 0.4rem; } body.elco-theme-premium .contact-side__social a { min-height: 3rem; } } @media (max-width: 359.98px) { body.elco-theme-premium .contact-side__social { grid-template-columns: repeat(3, minmax(0, 1fr)); } } html[data-color-scheme="light"] body.elco-theme-premium.page-contact #main-content { background: radial-gradient(ellipse 70% 45% at 12% 0%, rgba(201, 162, 39, 0.09), transparent 58%), radial-gradient(ellipse 55% 40% at 88% 8%, rgba(72, 96, 140, 0.07), transparent 55%), linear-gradient(180deg, var(--elco-light-page) 0%, #f4f6f9 100%); } html[data-color-scheme="light"] body.elco-theme-premium .contact-page__eyebrow { color: #8a6a12; background: rgba(201, 162, 39, 0.12); border-color: rgba(201, 162, 39, 0.28); } html[data-color-scheme="light"] body.elco-theme-premium .contact-page__title { color: #0c1833; } html[data-color-scheme="light"] body.elco-theme-premium .contact-page__subtitle, html[data-color-scheme="light"] body.elco-theme-premium .contact-form-panel__hint { color: var(--elco-light-muted); } html[data-color-scheme="light"] body.elco-theme-premium .contact-form-panel { background: #ffffff !important; border: 1px solid rgba(72, 96, 140, 0.14) !important; border-top: 3px solid var(--elco-gold) !important; box-shadow: 0 14px 40px rgba(12, 18, 36, 0.08), 0 2px 0 rgba(201, 162, 39, 0.12) !important; } html[data-color-scheme="light"] body.elco-theme-premium .contact-form-panel__head { border-bottom-color: rgba(72, 96, 140, 0.1); background: linear-gradient(180deg, #fafbfd 0%, #ffffff 100%); } html[data-color-scheme="light"] body.elco-theme-premium .contact-form-panel__icon { background: linear-gradient(145deg, rgba(201, 162, 39, 0.16) 0%, rgba(201, 162, 39, 0.06) 100%); border-color: rgba(201, 162, 39, 0.32); color: #8a6a12; box-shadow: 0 4px 14px rgba(201, 162, 39, 0.12); } html[data-color-scheme="light"] body.elco-theme-premium .contact-form-panel__title, html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social-title { color: #0c1833; } html[data-color-scheme="light"] body.elco-theme-premium .contact-form__label { color: #6b5418; } html[data-color-scheme="light"] body.elco-theme-premium .contact-form__control { border-color: rgba(72, 96, 140, 0.2); background: #f6f8fb; color: #0c1833; } html[data-color-scheme="light"] body.elco-theme-premium .contact-form__control::placeholder { color: rgba(92, 99, 112, 0.55); } html[data-color-scheme="light"] body.elco-theme-premium .contact-form__control:focus { border-color: rgba(201, 162, 39, 0.55); background: #ffffff; box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.16); color: #0c1833; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__card { background: #ffffff !important; border: 1px solid rgba(72, 96, 140, 0.14) !important; box-shadow: 0 14px 36px rgba(12, 18, 36, 0.09) !important; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__card-head { background: radial-gradient(ellipse 85% 130% at 0% 0%, rgba(201, 162, 39, 0.18), transparent 52%), linear-gradient(135deg, #0f1a32 0%, #0c1224 58%, #101c38 100%); border-bottom-color: rgba(201, 162, 39, 0.22); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__brand img { background: rgba(255, 255, 255, 0.08); border-color: rgba(201, 162, 39, 0.35); box-shadow: 0 0 22px rgba(201, 162, 39, 0.2); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__brand-text strong { color: #ffffff; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__brand-text span { color: rgba(255, 255, 255, 0.62); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__card-body { background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 100%); } html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item { border-bottom-color: rgba(72, 96, 140, 0.1); } html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__icon { background: linear-gradient(145deg, rgba(201, 162, 39, 0.14) 0%, rgba(201, 162, 39, 0.05) 100%); border-color: rgba(201, 162, 39, 0.28); color: #8a6a12; } html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__label { color: #8a6a12; } html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__value, html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__link { color: #1a2844; } html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__link:hover, html[data-color-scheme="light"] body.elco-theme-premium .contact-info-item__link:focus-visible { color: #6b5418; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__map-block { border-top-color: rgba(72, 96, 140, 0.12); background: #ffffff; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__map-title { color: #8a6a12; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__map-link { background: #f6f8fb; border-color: rgba(72, 96, 140, 0.16); box-shadow: 0 2px 8px rgba(12, 18, 36, 0.04); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__map-link:hover, html[data-color-scheme="light"] body.elco-theme-premium .contact-side__map-link:focus-visible { background: #ffffff; border-color: rgba(201, 162, 39, 0.35); box-shadow: 0 8px 20px rgba(12, 18, 36, 0.08); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social-panel { background: #ffffff !important; border: 1px solid rgba(72, 96, 140, 0.14) !important; box-shadow: 0 10px 28px rgba(12, 18, 36, 0.06) !important; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social a { background: #ffffff; border-color: rgba(72, 96, 140, 0.16); color: #1a2844; box-shadow: 0 2px 8px rgba(12, 18, 36, 0.04); } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social a:hover, html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social a:focus-visible { background: #f8fafc; border-color: rgba(15, 26, 50, 0.28); color: #0f1a32; box-shadow: 0 6px 14px rgba(15, 26, 50, 0.1); } @media (max-width: 767.98px) { html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social-panel { background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social .social-brand-icon--x { filter: brightness(0); } } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social .social-brand-icon-wrap::before { background-color: #0f1a32; } html[data-color-scheme="light"] body.elco-theme-premium .contact-side__social .social-brand-icon-wrap:has(.social-brand-icon--x)::before { background-color: #0f1a32; }