/* Contacts page (new design), ported from the tsd.codewin.ru/contacts mockup. */
.contact-card{align-items:center;gap:var(--space-xl);border-radius:var(--radius-card);height:100%;padding:var(--space-xl);background-color:var(--color-surface-secondary);display:flex;position:relative;overflow:hidden}
.contact-card--email{overflow:visible}
@media (width<1200px){.contact-card{gap:var(--space-lg)}}
@media (width<480px){.contact-card{align-items:stretch;gap:var(--space-md);flex-direction:column}}
.contact-card__body{gap:var(--space-sm);flex-direction:column;flex:auto;min-width:0;display:flex}
.contact-card__label{color:var(--color-link-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);margin:0}
@media (width<480px){.contact-card__label{font-size:var(--font-size-label)}}
.contact-card__content{gap:var(--space-xs);flex-direction:column;display:flex}
@media (width<480px){.contact-card__content{gap:var(--space-3xs)}}
.contact-card__line{align-items:center;gap:var(--space-xs);min-width:0;margin:0;display:flex}
@media (width<480px){.contact-card__line{gap:var(--space-3xs)}}
.contact-card__value{min-width:0;color:var(--color-text-primary);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-2);overflow-wrap:anywhere;transition:color var(--transition-default);text-decoration:none}
@media (width<1200px){.contact-card__value{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}}
@media (width<480px){.contact-card__value{font-size:var(--font-size-subtitle);line-height:var(--line-height-subtitle)}}
.contact-card__value:focus-visible{border-radius:var(--radius-search-action);outline:.125rem solid var(--color-focus-ring);outline-offset:var(--space-hairline)}
.contact-card--phone .contact-card__value{white-space:nowrap}
.contact-card--email:before{content:"";pointer-events:none;background:url(/assets/images/pickup-location/pixels.svg) 100% 0/contain no-repeat;width:13.625rem;height:4.5rem;position:absolute;top:0;right:0;border-top-right-radius:var(--radius-card)}
.contact-card--email .contact-card__body{position:relative}
.contact-card__copy{width:var(--icon-button-size-medium);height:var(--icon-button-size-medium);color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-default);background-color:#0000;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}
@media (width<480px){.contact-card__copy{width:var(--icon-size);height:var(--icon-size)}}
.contact-card__copy:focus-visible{border-radius:var(--radius-search-action);outline:.125rem solid var(--color-focus-ring);outline-offset:var(--space-hairline)}
.contact-card__copy-icon{width:100%;height:100%;transform-origin:center;transition:transform .15s ease}
.contact-card__copy[data-copy-press=true] .contact-card__copy-icon{transform:scale(.82)}
.contact-card__copy[data-copied=true]:after{position:absolute;bottom:calc(100% + .25rem);left:50%;z-index:5;width:max-content;max-width:12rem;border:0;border-radius:999px;padding:.375rem .75rem;background-color:var(--color-grey-100);box-shadow:none;color:var(--color-text-primary);content:"\0421\043a\043e\043f\0438\0440\043e\0432\0430\043d\043e";font-size:.9375rem;font-weight:var(--font-weight-medium);line-height:1.2;pointer-events:none;translate:-50% 0}
.contact-card__copy[data-copied=true]:before{content:none}
.contact-card__note{color:var(--color-text-secondary);font-size:var(--font-size-label);line-height:var(--line-height-body);margin:0}
.contact-card__action{flex:none;min-width:0}
@media (width<480px){.contact-card__action{width:100%}}
@media (hover:hover){.contact-card__value:hover,.contact-card__copy:hover{color:var(--color-action-primary)}}
.office-card{gap:var(--space-xl);border:.0625rem solid var(--color-border-subtle);border-radius:var(--radius-card-compact);height:100%;padding:var(--space-md);background-color:var(--color-surface-primary);flex-direction:column;display:flex}
@media (width<480px){.office-card{gap:var(--space-md)}}
.office-card__head{gap:var(--space-xs);flex-direction:column;display:flex}
.office-card__heading{align-items:center;gap:var(--space-xs);display:flex}
.office-card__media{width:var(--icon-button-size);height:var(--icon-button-size);border-radius:var(--radius-search-action);background-color:var(--color-surface-secondary);color:var(--color-text-primary);flex:none;place-items:center;display:grid}
.office-card__icon{width:var(--icon-size);height:var(--icon-size);display:block}
.office-card__title{min-width:0;color:var(--color-text-primary);font-size:var(--font-size-heading-4);font-weight:var(--font-weight-medium);flex:auto;margin:0;line-height:1.25rem}
@media (width<480px){.office-card__title{font-size:var(--font-size-body);line-height:var(--line-height-body)}}
.office-card__address{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}
@media (width<480px){.office-card__address{font-size:var(--font-size-label)}}
.office-card__info{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}
.office-card__row{align-items:center;gap:var(--space-3xs);color:var(--color-text-primary);display:flex}
.office-card__row-icon{width:var(--icon-size);height:var(--icon-size);flex:none}
@media (width<480px){.office-card__row-icon{width:var(--icon-size-compact);height:var(--icon-size-compact)}}
.office-card__text{min-width:0;font-size:var(--font-size-body);line-height:var(--line-height-body);flex:auto}
@media (width<480px){.office-card__text{font-size:var(--font-size-label)}}
.office-card__route{color:var(--color-action-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);transition:color var(--transition-default);align-self:flex-start;margin-top:auto;line-height:1rem;text-decoration:none}
@media (width<480px){.office-card__route{font-size:var(--font-size-label)}}
.office-card__route:focus-visible{border-radius:var(--radius-search-action);outline:.125rem solid var(--color-focus-ring);outline-offset:var(--space-hairline)}
@media (hover:hover){.office-card__route:hover{color:var(--color-red-600)}}
.office-map{position:relative}
.office-map__map{height:27.5rem}
@media (width<1200px){.office-map__map{height:23.75rem}}
.office-map__control{z-index:1;top:var(--space-lg);left:var(--space-lg);width:25rem;max-width:calc(100% - var(--space-lg) * 2);position:absolute}
@media (width<992px){.office-map__control{width:18.375rem}}
@media (width<768px){.office-map__control{width:17.75rem}}
@media (width<480px){.office-map__control{top:var(--space-xs-plus);left:var(--space-xs-plus);width:auto;right:var(--space-xs-plus);max-width:none}}
.office-map__list{gap:var(--space-lg);padding:var(--space-2xs);background-color:var(--color-surface-elevated)}
.office-map__label{min-height:2.5rem}
@media (width<480px){.office-map__label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium)}}
.consultation-form{gap:var(--space-lg);border-radius:var(--radius-card);padding:var(--space-lg);background-color:var(--color-surface-elevated);display:flex;position:relative;overflow:hidden}
@media (width<768px){.consultation-form{flex-direction:column}}
.consultation-form:before{content:"";pointer-events:none;background:url(/assets/images/contacts/pixels.svg) 0 100%/contain no-repeat;width:32.5625rem;height:10.5625rem;position:absolute;bottom:0;left:0}
.consultation-form__intro{gap:var(--space-sm);flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}
@media (width<768px){.consultation-form__intro{flex:none}}
.consultation-form__eyebrow{align-items:center;gap:var(--space-xs);color:var(--color-link-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);margin:0;display:flex}
@media (width<480px){.consultation-form__eyebrow{font-size:var(--font-size-label)}}
.consultation-form__dot{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-pill);background-color:var(--color-action-primary);flex:none}
.consultation-form__heading{gap:var(--space-sm);flex-direction:column;display:flex}
@media (width<480px){.consultation-form__heading{gap:var(--space-xs)}}
.consultation-form__title{color:var(--color-text-primary);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-2);margin:0}
@media (width<480px){.consultation-form__title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}}
.consultation-form__text{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}
@media (width<480px){.consultation-form__text{font-size:var(--font-size-label)}}
.consultation-form__form{gap:var(--space-sm);flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative}
@media (width<768px){.consultation-form__form{flex:none}}
.consultation-form__fields{gap:var(--space-sm);flex-wrap:wrap;display:flex}
.consultation-form__field{width:100%;min-width:0}
.consultation-form__field--half{width:calc(50% - var(--space-sm) / 2);flex:1 1 calc(50% - var(--space-sm) / 2)}
.consultation-form__message .textarea-field__textarea{min-height:8.375rem}
.consultation-form__agreement{gap:var(--space-md-plus);flex-direction:column;margin-top:auto;display:flex}
.consultation-form__submit{width:100%}
.company-details{align-items:center;gap:var(--space-lg);border:.0625rem solid var(--color-border-subtle);border-radius:var(--radius-card-compact);padding:var(--space-md);background-color:var(--color-surface-elevated);box-shadow:var(--shadow-card);display:flex}
@media (width<992px){.company-details{align-items:flex-end}}
@media (width<480px){.company-details{flex-direction:column;align-items:stretch}}
.company-details__brand{gap:var(--space-sm);flex-direction:column;flex:none;display:flex}
@media (width<1440px){.company-details__brand{gap:var(--space-xs-plus)}}
@media (width<992px){.company-details__brand{display:none}}
.company-details__logo{-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;width:13.6875rem;height:3rem;display:block}
@media (width<1200px){.company-details__logo{width:12.875rem;height:2.75rem}}
.company-details__name{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0;line-height:1rem}
@media (width<1200px){.company-details__name{font-size:var(--font-size-caption)}}
.company-details__registration{gap:var(--space-xs);flex-direction:column;flex:none;margin:0;display:flex}
@media (width<1200px){.company-details__registration{gap:var(--space-3xs)}}
.company-details__row{gap:var(--space-xs);display:flex}
.company-details__term{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-body)}
@media (width<1200px){.company-details__term{font-size:var(--font-size-label)}}
.company-details__value{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}
@media (width<1200px){.company-details__value{font-size:var(--font-size-label)}}
.company-details__addresses{flex:0 0 calc(50% - var(--space-xl) / 2);gap:var(--space-lg);min-width:0;margin-left:auto;display:flex}
@media (width<1200px){.company-details__addresses{flex-basis:50%}}
@media (width<992px){.company-details__addresses{flex:0 64%}}
@media (width<480px){.company-details__addresses{flex-direction:column;flex:none;margin-left:0}}
.company-details__address{gap:var(--space-sm);flex-direction:column;flex:1 1 0;min-width:0;display:flex}
@media (width<1440px){.company-details__address{gap:var(--space-xs)}}
@media (width<1200px){.company-details__address{gap:var(--space-hairline)}}
.company-details__address-title{color:var(--color-text-primary);font-size:var(--font-size-heading-4);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading-4);margin:0}
@media (width<1200px){.company-details__address-title{font-size:var(--font-size-body)}}
.company-details__address-text{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}
@media (width<1200px){.company-details__address-text{font-size:var(--font-size-label)}}
.contacts-page{--font-size-subtitle:1.125rem;--icon-size-compact:1.125rem;--line-height-subtitle:1.25rem;--radius-card-compact:1.375rem;--shadow-card:0 0 .95rem #c4c4c41f;--space-md-plus:1.125rem}
.contacts-page{gap:var(--space-6xl);padding-bottom:var(--space-6xl);flex-direction:column;display:flex}
@media (width<1200px){.contacts-page{gap:var(--space-4xl);padding-bottom:var(--space-4xl)}}
.contacts-page__intro{flex-direction:column;display:flex}
@media (width<768px){.contacts-page__breadcrumbs{margin-bottom:0}}
.contacts-page__title{padding-bottom:var(--space-2xl);color:var(--color-text-primary);font-family:var(--font-family-body);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-2);margin:0}
@media (width<480px){.contacts-page__title{padding-bottom:var(--space-xl);font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}}
.contacts-page__cards{gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:flex}
@media (width<992px){.contacts-page__cards{flex-direction:column}}
.contacts-page__card{flex-direction:column;flex:1 1 0;min-width:0;display:flex}
.contacts-page__section{gap:var(--space-2xl);flex-direction:column;display:flex}
.contacts-page__heading{color:var(--color-text-primary);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading-2);margin:0}
@media (width<480px){.contacts-page__heading{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}}
.contacts-page__offices{gap:var(--grid-gap);margin:0;padding:0;list-style:none;display:flex}
@media (width<992px){.contacts-page__offices{flex-direction:column}}
.contacts-page__office{flex-direction:column;flex:1 1 0;min-width:0;display:flex}
