html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-page__breadcrumb { margin-bottom: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control.form-control { background: var(--kolbeh-white); color: var(--kolbeh-text); border-color: rgba(124, 58, 237, 0.2); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control.form-control:focus { background: var(--kolbeh-white); color: var(--kolbeh-text); border-color: var(--kolbeh-purple); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-page__head { margin-bottom: 1.75rem; max-width: 42rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-page__eyebrow { display: inline-flex; align-items: center; gap: 0.4rem; margin-bottom: 0.65rem; padding: 0.28rem 0.72rem; border-radius: var(--kolbeh-radius-pill); border: 1px solid rgba(124, 58, 237, 0.2); background: var(--kolbeh-purple-light); color: var(--kolbeh-purple-dark); font-size: 0.72rem; font-weight: 700; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-page__title { margin: 0; color: var(--kolbeh-purple-dark); font-weight: 800; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-page__subtitle { margin: 0.55rem 0 0; max-width: 38rem; font-size: 0.92rem; line-height: 1.7; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel { overflow: hidden; border-top: 3px solid var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__head { display: flex; align-items: flex-start; gap: 0.85rem; padding: 1.15rem 1.35rem; border-bottom: 1px solid rgba(124, 58, 237, 0.1); background: linear-gradient(180deg, #faf8ff 0%, #fff 100%); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__icon { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; flex-shrink: 0; border-radius: 14px; background: var(--kolbeh-purple-light); border: 1px solid rgba(124, 58, 237, 0.2); color: var(--kolbeh-purple); font-size: 1.15rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__title { margin: 0; font-size: 1.05rem; font-weight: 800; color: var(--kolbeh-purple-dark); line-height: 1.35; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__hint { margin: 0.3rem 0 0; font-size: 0.84rem; line-height: 1.6; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__body { padding: 1.25rem 1.35rem 1.35rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.95rem 0.85rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__field--full { grid-column: 1 / -1; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__label { display: inline-flex; align-items: center; gap: 0.35rem; margin-bottom: 0.45rem; font-size: 0.8rem; font-weight: 700; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__label i { color: var(--kolbeh-purple); font-size: 0.88rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control { width: 100%; padding: 0.7rem 0.9rem; border-radius: 12px; border: 1px solid rgba(124, 58, 237, 0.2); background: var(--kolbeh-white); color: var(--kolbeh-text); font-size: 0.9rem; transition: border-color 0.2s ease, box-shadow 0.2s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control::placeholder { color: var(--kolbeh-text-muted); opacity: 0.75; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control:focus { outline: none; border-color: var(--kolbeh-purple); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14); background: var(--kolbeh-white); color: var(--kolbeh-text); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__control--textarea { min-height: 6rem; resize: vertical; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__actions { margin-top: 1.15rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__submit { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 46px; padding-inline: 1.65rem; font-weight: 700; border-radius: var(--kolbeh-radius-pill); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .elco-dial-trigger { border-color: rgba(124, 58, 237, 0.2); background: var(--kolbeh-white); color: var(--kolbeh-text); border-radius: 12px; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .elco-dial-trigger:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .elco-dial-trigger:focus, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .elco-dial-trigger[aria-expanded="true"] { border-color: var(--kolbeh-purple); box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side { display: flex; flex-direction: column; gap: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__card { overflow: hidden; padding: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__card-head { padding: 1.15rem 1.25rem; background: radial-gradient(ellipse 90% 120% at 100% 0%, rgba(124, 58, 237, 0.12), transparent 55%), linear-gradient(135deg, #f5f0ff 0%, #ede9fe 100%); border-bottom: 1px solid rgba(124, 58, 237, 0.12); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__card-body { padding: 0.25rem 0 0.15rem; background: var(--kolbeh-white); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__brand { display: flex; align-items: center; gap: 0.85rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__brand img { width: 56px; height: 56px; border-radius: 50%; object-fit: contain; flex-shrink: 0; background: var(--kolbeh-white); border: 1px solid rgba(124, 58, 237, 0.18); padding: 0.35rem; box-shadow: var(--kolbeh-shadow-card); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__brand-text { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__brand-text strong { font-size: 1rem; font-weight: 800; color: var(--kolbeh-purple-dark); line-height: 1.35; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__brand-text span { font-size: 0.8rem; color: var(--kolbeh-text-muted); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-list { list-style: none; margin: 0; padding: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item { display: flex; align-items: flex-start; gap: 0.85rem; padding: 0.95rem 1.2rem; border-bottom: 1px solid rgba(124, 58, 237, 0.08); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item:last-child { border-bottom: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__icon { display: inline-grid; place-items: center; width: 2.35rem; height: 2.35rem; flex-shrink: 0; border-radius: 12px; background: var(--kolbeh-purple-light); border: 1px solid rgba(124, 58, 237, 0.18); color: var(--kolbeh-purple); font-size: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__body { display: flex; flex-direction: column; gap: 0.2rem; min-width: 0; flex: 1; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__label { font-size: 0.72rem; font-weight: 700; color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__value { font-size: 0.88rem; line-height: 1.6; color: var(--kolbeh-text); word-break: break-word; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__link { color: var(--kolbeh-purple-dark); font-weight: 600; text-decoration: none; transition: color 0.2s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__link:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item__link:focus-visible { color: var(--kolbeh-purple); outline: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-block { padding: 0.95rem 1.2rem 1.15rem; border-top: 1px solid rgba(124, 58, 237, 0.1); background: #faf8ff; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-title { display: block; margin-bottom: 0.7rem; font-size: 0.8rem; font-weight: 700; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-actions { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0.55rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-link { flex: 1 1 8rem; display: flex; align-items: center; justify-content: center; min-height: 3rem; padding: 0.55rem 0.75rem; border-radius: 12px; border: 1px solid rgba(124, 58, 237, 0.16); background: var(--kolbeh-white); text-decoration: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.18s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-link:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-link:focus-visible { border-color: rgba(124, 58, 237, 0.35); box-shadow: 0 6px 16px rgba(124, 58, 237, 0.1); transform: translateY(-1px); outline: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__map-link img { display: block; width: auto; max-width: 100%; height: auto; max-height: 1.65rem; object-fit: contain; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social-panel { padding: 1.1rem 1.2rem 1.2rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social-title { display: flex; align-items: center; gap: 0.45rem; margin: 0 0 0.9rem; font-size: 0.92rem; font-weight: 800; color: var(--kolbeh-purple-dark); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social-title i { color: var(--kolbeh-purple); } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social { display: flex; flex-wrap: wrap; align-items: center; gap: 0.55rem; list-style: none; margin: 0; padding: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social a { display: inline-flex; align-items: center; justify-content: center; width: 2.85rem; height: 2.85rem; padding: 0; border-radius: 14px; border: 1px solid rgba(124, 58, 237, 0.16); background: var(--kolbeh-white); text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, transform 0.18s ease, box-shadow 0.2s ease; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social a:hover, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social a:focus-visible { background: var(--kolbeh-purple-light); border-color: rgba(124, 58, 237, 0.3); transform: translateY(-2px); box-shadow: 0 6px 14px rgba(124, 58, 237, 0.12); outline: none; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social .social-brand-icon-wrap.social-brand-icon--md { width: 1.5rem; height: 1.5rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social .social-brand-icon-wrap::before { opacity: 0; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social .social-brand-icon--brand { opacity: 1; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-side__social-panel.account-panel { overflow: hidden; } @media (max-width: 767.98px) { html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__grid { grid-template-columns: 1fr; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form__field--full { grid-column: auto; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__head, html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-form-panel__body { padding-inline: 1rem; } html[data-kolbeh-theme="1"] body.kolbeh-body.page-contact .contact-info-item { padding: 0.85rem 1rem; } }