span {
     color: inherit;
}

.help-section--before-footer {
     background: linear-gradient(180deg, var(--color-white) 50%, var(--color-border) 50%);
}

.main-section-subtitle {
     font-size: 18px;
     font-weight: 500;
     line-height: 140%;
     color: var(--color-gray);
}

.main-section-title--white {
     color: var(--color-white) !important;
}

.copy-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 0;
     border: 0;
     background: none;
     cursor: pointer;
}

.copy-btn.is-copied {
     opacity: 1;
}

.copy-btn.is-copied img,
.copy-btn.is-copied svg {
     display: none;
}

.copy-btn.is-copied::after {
     content: "";
     width: 16px;
     height: 16px;
     background-color: var(--color-accent);
     -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8l4 4 8-8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
          center / contain no-repeat;
     mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8l4 4 8-8' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
          center / contain no-repeat;
}

.hero-contacts-pg {
     padding-top: 20px;
}

.hero-contacts-pg__wrapper {
     display: flex;
     flex-direction: column;
     gap: 17px;
}

.hero-contacts-pg__wrapper > .container {
     width: 100%;
}

.hero-contacts-pg__title {
     padding-bottom: 10px;
}

.hero-contacts-pg__nav-wrapper {
     --nav-bg: var(--color-bg-rgb);
     position: relative;
     isolation: isolate;
}

.hero-contacts-pg__nav-wrapper.is-fixed {
     position: fixed;
     z-index: 90;
     /* box-shadow: 0 4px 12px var(--color-black-8);
     background-color: var(--color-bg); */
}

.hero-contacts-pg__nav-wrapper::before {
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     pointer-events: none;
     background-color: var(--color-bg);
     box-shadow: 0 4px 12px var(--color-black-8);
     opacity: 0;
     transform: scaleX(0);
     transform-origin: center;
     transition:
          transform 0.4s ease,
          opacity 0.25s ease;
}

.hero-contacts-pg__nav-wrapper.is-fixed {
     position: fixed;
     left: 0;
     right: 0;
     z-index: 90;
     box-shadow: none;
}

.hero-contacts-pg__nav-wrapper.is-fixed::before {
     opacity: 1;
     transform: scaleX(1);
}

.hero-contacts-pg__nav {
     width: 100%;
     z-index: 1;
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 12px;
     background-color: var(--color-bg);
     overflow-x: auto;
     scrollbar-width: none;
     -ms-overflow-style: none;
     -webkit-overflow-scrolling: touch;
     transition: background-color 0.3s ease 0s;
}

.hero-contacts-pg__nav::-webkit-scrollbar {
     display: none;
}

.hero-contacts-pg__nav-link {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 10px 20px;
     font-size: 14px;
     line-height: 1.2;
     font-weight: 700;
     color: var(--color-gray);
     white-space: nowrap;
     background-color: transparent;
     transition: all var(--transition-fast);
     flex-shrink: 0;
}

.hero-contacts-pg__nav-link:hover {
     color: var(--color-dark);
}

.hero-contacts-pg__nav-link.is-active {
     color: var(--color-dark);
     background-color: var(--color-white);
     box-shadow: 0px 4px 12px var(--color-black-5);
}

.hero-contacts-pg__nav-wrapper::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 80px;
     pointer-events: none;
     z-index: 2;
     background: linear-gradient(
          to right,
          rgba(var(--nav-bg), 0) 0%,
          rgba(var(--nav-bg), 0.9) 60%,
          rgb(var(--nav-bg)) 100%
     );
     transition: opacity 0.2s;
}

.hero-contacts-pg__nav-wrapper.is-scrolled-end::after {
     opacity: 0;
}

.main-channels-contacts-pg {
     padding: 70px 0;
}

.main-channels-contacts-pg__wrapper {
     display: flex;
     gap: 30px;
     align-items: stretch;
}

.main-channels-contacts-pg__content {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 30px;
}

.main-channels-contacts-pg__header {
     display: flex;
     flex-direction: column;
}

.main-channels-contacts-pg__subtitle {
     font-size: 18px;
     font-weight: 500;
     line-height: 1.4;
     color: var(--color-gray);
}

.main-channels-contacts-pg__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 34px;
}

.main-channels-contacts-pg__item {
     display: flex;
     align-items: center;
     gap: 18px;
}

.main-channels-contacts-pg__icon-box {
     width: 70px;
     height: 70px;
     flex-shrink: 0;
     background-color: var(--color-bg);
     display: flex;
     align-items: center;
     justify-content: center;
}

.main-channels-contacts-pg__icon {
     width: 28px;
     height: 28px;
     object-fit: contain;
}

.main-channels-contacts-pg__info {
     display: flex;
     flex-direction: column;
}

.main-channels-contacts-pg__label {
     font-size: 14px;
     color: var(--color-gray);
}

.main-channels-contacts-pg__val {
     font-weight: 700;
     color: var(--color-dark);
}

.main-channels-contacts-pg__val--phone {
     font-size: 24px;
     line-height: 1.2;
     transition: color 0.3s ease 0s;
}

.main-channels-contacts-pg__val--phone:hover {
     color: var(--color-accent);
}

.main-channels-contacts-pg__val--email {
     font-size: 22px;
     color: var(--color-accent);
     text-decoration: underline;
     transition: color 0.3s ease 0s;
}

.main-channels-contacts-pg__val--email:hover {
     color: var(--color-navy);
}

.main-channels-contacts-pg__callback {
     display: inline-block;
     font-size: 14px;
     font-weight: 500;
     color: var(--color-accent);
     border-bottom: 1px solid var(--color-accent);
     align-self: flex-start;
     transition: opacity var(--transition-fast);
}

.main-channels-contacts-pg__callback:hover {
     opacity: 0.8;
}

.main-channels-contacts-pg__note {
     font-size: 14px;
     color: var(--color-gray);
}

.main-channels-contacts-pg__schedule {
     width: 577px;
     flex-shrink: 0;
     padding: 30px;
     padding-bottom: 39px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 20px;
     position: relative;
     overflow: hidden;
}

.main-channels-contacts-pg__schedule-bg {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
}

.main-channels-contacts-pg__schedule-bg img {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     object-fit: cover;
}

.main-channels-contacts-pg__schedule-bg-mobile {
     display: none;
}

.main-channels-contacts-pg__schedule-grid,
.main-channels-contacts-pg__schedule-bottom {
     position: relative;
     z-index: 2;
}

.main-channels-contacts-pg__schedule-grid {
     display: flex;
     gap: 16px;
}

.main-channels-contacts-pg__schedule-col {
     flex: 1;
     display: flex;
     flex-direction: column;
}

.main-channels-contacts-pg__schedule-label {
     font-size: 14px;
     color: var(--color-gray-lighter);
}

.main-channels-contacts-pg__schedule-val {
     font-size: 16px;
     font-weight: 700;
     color: var(--color-white);
}

.main-channels-contacts-pg__schedule-bottom {
     padding-top: 21px;
     border-top: 1px solid var(--color-white-20);
     display: flex;
     flex-direction: column;
     gap: 32px;
}

.main-channels-contacts-pg__schedule-info {
     display: flex;
     flex-direction: column;
     gap: 7px;
}

.main-channels-contacts-pg__schedule-title {
     font-size: 18px;
     font-weight: 600;
     line-height: 1.2;
     color: var(--color-white);
}

.main-channels-contacts-pg__schedule-desc {
     font-size: 14px;
     line-height: 1.2;
     color: var(--color-gray-lighter);
}

.main-channels-contacts-pg__socials {
     display: flex;
     gap: 15px;
}

.main-channels-contacts-pg__social-btn {
     flex: 1;
     height: 45px;
     border: 1px solid var(--color-white);
     display: flex;
     align-items: center;
     justify-content: center;
     transition: background-color var(--transition-fast);
}

.main-channels-contacts-pg__social-btn:hover {
     background-color: var(--color-white-10);
}

.main-channels-contacts-pg__social-icon {
     width: 22px;
     height: 22px;
     object-fit: contain;
}

.departments-contacts-pg {
     padding: 70px 0;
}

.departments-contacts-pg__wrapper {
     display: flex;
     flex-direction: column;
     gap: 40px;
}

.departments-contacts-pg__header {
     display: flex;
     flex-direction: column;
}

.departments-contacts-pg__table-wrapper {
     position: relative;
     width: 100%;
     overflow-x: auto;
}

.departments-contacts-pg__table-wrapper::-webkit-scrollbar {
     display: none;
     width: 0;
     height: 0;
}

.departments-contacts-pg__table {
     width: 100%;
     border-collapse: collapse;
     text-align: left;
     white-space: nowrap;
}

.departments-contacts-pg__th {
     padding: 24px 15px;
     font-size: 16px;
     font-weight: 400;
     color: var(--color-gray);
     border-bottom: 1px solid var(--color-gray-lighter);
}

.departments-contacts-pg__td {
     padding: 25px 15px;
     font-size: 18px;
     font-weight: 500;
     color: var(--color-dark);
     border-bottom: 1px solid var(--color-gray-lighter);
     vertical-align: middle;
}

.departments-contacts-pg__th--num,
.departments-contacts-pg__td--num {
     width: 55px;
     font-size: 20px;
     font-weight: 400;
     color: var(--color-gray);
     padding-left: 15px;
}

.departments-contacts-pg__th--name,
.departments-contacts-pg__td--name {
     padding-left: 20px;
}

.departments-contacts-pg__email-link {
     color: var(--color-accent);
     font-size: 18px;
     font-weight: 500;
     border-bottom: 1px solid var(--color-accent);
     transition: opacity var(--transition-fast);
}

.departments-contacts-pg__email-link:hover {
     opacity: 0.8;
}

.departments-contacts-pg__phone-link {
     color: var(--color-dark);
     font-size: 18px;
     font-weight: 500;
}

.departments-contacts-pg__ext {
     color: var(--color-gray);
     font-size: 18px;
     font-weight: 500;
     margin-left: 4px;
}

.head-office-contacts-pg {
     background-color: var(--color-bg);
     padding: 70px 0px;
}

.head-office-contacts-pg__wrapper {
     display: flex;
     gap: 24px;
     align-items: stretch;
}

.head-office-contacts-pg__content {
     flex: 1;
     display: flex;
     flex-direction: column;
     gap: 20px;
}

.head-office-contacts-pg__header {
     display: flex;
     flex-direction: column;
     padding-bottom: 21px;
}

.head-office-contacts-pg__info-list {
     display: flex;
     flex-direction: column;
     gap: 18px;
}

.head-office-contacts-pg__info-group {
     display: flex;
     flex-direction: column;
     gap: 3px;
}

.head-office-contacts-pg__label {
     font-size: 14px;
     color: var(--color-gray);
}

.head-office-contacts-pg__address {
     font-style: normal;
     font-size: 18px;
     font-weight: 600;
     line-height: 1.4;
     color: var(--color-dark);
}

.head-office-contacts-pg__metro {
     display: flex;
     align-items: center;
     gap: 9px;
     margin-top: 6px;
}

.head-office-contacts-pg__metro-icon {
     width: 24px;
     height: 24px;
     background-color: var(--color-green-dark);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
}

.head-office-contacts-pg__metro-icon svg {
     display: block;
}

.head-office-contacts-pg__metro-text {
     font-size: 14px;
     font-weight: 500;
     color: var(--color-gray-darker);
}

.head-office-contacts-pg__phones {
     display: flex;
     flex-direction: column;
     gap: 6px;
}

.head-office-contacts-pg__phone {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.5;
     color: var(--color-dark);
}

.head-office-contacts-pg__phone-item {
     display: flex;
     align-items: center;
     gap: 7px;
}

.head-office-contacts-pg__phone-note {
     font-size: 12px;
     color: var(--color-gray);
}

.head-office-contacts-pg__schedule {
     font-size: 16px;
     font-weight: 600;
     color: var(--color-dark);
     line-height: 1.4;
     display: flex;
     flex-direction: column;
     gap: 6px;
}

.head-office-contacts-pg__schedule-lunch {
     font-size: 16px;
     font-weight: 600;
     color: var(--color-gray);
     line-height: 1.4;
}

.head-office-contacts-pg__map-block {
     width: 684px;
     flex-shrink: 0;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     gap: 15px;
}

.head-office-contacts-pg__map-wrapper {
     position: relative;
     padding-bottom: 61.15%;
}

.head-office-contacts-pg__map-img {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     object-fit: cover;
}

.contacts-pg__map-badge {
     position: absolute;
     top: 20px;
     right: 20px;
     background-color: var(--color-accent);
     color: var(--color-white);
     padding: 6px 16px;
     font-size: 13px;
     font-weight: 700;
}

.head-office-contacts-pg__routes {
     display: flex;
     flex-direction: column;
     gap: 8px;
}

.head-office-contacts-pg__routes-label {
     font-size: 14px;
     color: var(--color-gray);
}

.head-office-contacts-pg__routes-buttons {
     display: flex;
     gap: 12px;
}

.head-office-contacts-pg__route-btn {
     flex: 1;
     height: 55px;
     padding: 10px 20px;
     background-color: var(--color-white);
     display: flex;
     align-items: center;
     justify-content: space-between;
     font-size: 14px;
     font-weight: 700;
     color: var(--color-dark);
     transition: opacity var(--transition-fast);
}

.head-office-contacts-pg__route-btn:hover {
     opacity: 0.85;
}

.head-office-contacts-pg__route-icon {
     width: 25px;
     height: 25px;
     object-fit: contain;
}

.head-office-gallery-contacts-pg {
     background-color: var(--color-bg);
     padding-top: 60px;
     padding-bottom: 100px;
}

.head-office-gallery-contacts-pg__slider-container {
     position: relative;
}

.head-office-gallery-contacts-pg__slider {
     width: 100%;
     overflow: hidden;
}

.head-office-gallery-contacts-pg__slide {
     height: 198px;
     border-radius: 4px;
     overflow: hidden;
}

.head-office-gallery-contacts-pg__img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}

.head-office-gallery-contacts-pg-dotts {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 8px;
     margin-top: 20px;
}

.spb-warehouse-contacts-pg {
     background-color: var(--color-navy);
     padding: 80px 0 70px;
}

.spb-warehouse-contacts-pg__header {
     margin-bottom: 30px;
}

.spb-warehouse-contacts-pg__header .main-section-subtitle {
     color: var(--color-gray-lighter);
}

.spb-warehouse-contacts-pg__tabs-block {
     background: var(--color-white-3);
     padding: 40px;
}

.spb-warehouse-contacts-pg__tabs-nav {
     display: flex;
     gap: 15px;
     margin-bottom: 46px;
}

.tabs-nav__btn--spb-warehouse {
     padding: 25.5px 26px;
     background: var(--color-bg-10);
     color: var(--color-white);
     border: none;
     display: inline-flex;
     align-items: center;
     gap: 15px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition:
          background-color var(--transition-fast),
          color var(--transition-fast);
}

.tabs-nav__btn--spb-warehouse svg {
     color: var(--color-gray-lighter);
     transition: color var(--transition-fast);
}

.tabs-nav__btn--spb-warehouse.active {
     background: var(--color-white);
     color: var(--color-dark);
}

.tabs-nav__btn--spb-warehouse.active svg {
     color: var(--color-gray);
}

.tabs-nav__btn--spb-warehouse:hover:not(.active) {
     background: var(--color-bg-20);
}

.spb-warehouse-contacts-pg__content-grid {
     display: grid;
     grid-template-columns: 1fr 400px 250px;
     gap: 24px;
     align-items: stretch;
}

.spb-warehouse-contacts-pg__steps-title {
     font-size: 19px;
     font-weight: 600;
     line-height: 1.4;
     color: var(--color-white);
     border-bottom: 1px solid var(--color-white);
     display: inline;
}

.spb-warehouse-contacts-pg__steps-list {
     counter-reset: spb-warehouse-counter;
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin-top: 18px;
}

.spb-warehouse-contacts-pg__step-item {
     counter-increment: spb-warehouse-counter;
     display: flex;
     gap: 12px;
     align-items: flex-start;
}

.spb-warehouse-contacts-pg__step-item::before {
     content: counter(spb-warehouse-counter, decimal-leading-zero);
     font-size: 17px;
     font-weight: 500;
     color: var(--color-accent);
     min-width: 24px;
     line-height: 1.4;
}

.spb-warehouse-contacts-pg__step-body {
     display: flex;
     flex-direction: column;
     gap: 6px;
}

.spb-warehouse-contacts-pg__step-heading {
     font-size: 16px;
     font-weight: 600;
     line-height: 1.4;
     color: var(--color-white);
     margin: 0;
}

.spb-warehouse-contacts-pg__step-text {
     font-size: 14px;
     font-weight: 400;
     line-height: 1.4;
     color: var(--color-white);
     margin: 0;
}

.spb-warehouse-contacts-pg__phone-link {
     color: var(--color-white);
     font-weight: 700;
     text-decoration: underline;
     white-space: nowrap;
}

.spb-warehouse-contacts-pg__media-card {
     position: relative;
     width: 100%;
     height: 100%;
     min-height: 380px;
     overflow: hidden;
     display: block;
}

.spb-warehouse-contacts-pg__media-img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
}

.spb-warehouse-contacts-pg__map {
     position: absolute;
     inset: 0;
     z-index: 0;
     isolation: isolate;
     width: 100%;
     height: 100%;
     object-fit: cover;
}

.spb-warehouse-contacts-pg__media-card .contacts-pg__map-badge {
     z-index: 1;
}

.spb-warehouse-contacts-pg__youtube-btn {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 2;
     transition: transform var(--transition-fast);
}

.spb-warehouse-contacts-pg__media-card--video:hover .spb-warehouse-contacts-pg__youtube-btn {
     transform: translate(-50%, -50%) scale(1.1);
}

.head-office-contacts-pg--dark {
     background-color: var(--color-navy);
}

.head-office-contacts-pg--dark .main-section-title,
.head-office-contacts-pg--dark .head-office-contacts-pg__address,
.head-office-contacts-pg--dark .head-office-contacts-pg__phone,
.head-office-contacts-pg--dark .head-office-contacts-pg__schedule {
     color: var(--color-white);
}

.head-office-contacts-pg--dark .head-office-contacts-pg__label,
.head-office-contacts-pg--dark .head-office-contacts-pg__metro-text,
.head-office-contacts-pg--dark .main-section-subtitle {
     color: var(--color-gray-lighter);
}

.head-office-contacts-pg--dark .head-office-contacts-pg__metro-icon {
     background-color: var(--color-pink);
}

.head-office-contacts-pg--dark .head-office-contacts-pg__map-wrapper {
     padding-bottom: 51.2%;
}

.delivery-contacts-pg {
     padding: 70px 0;
     background: linear-gradient(180deg, var(--color-navy) 50%, var(--color-bg) 50%);
}

.delivery-contacts-pg__title {
     font-weight: 600;
     font-size: 24px;
     line-height: 140%;
     color: var(--color-white);
}

.delivery-contacts-pg__wrapper {
     padding-top: 25px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
}

.delivery-contacts-pg__card {
     position: relative;
     background-color: var(--color-navy-light);
     padding: 32px 32px 32px 270px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     min-height: 124px;
}

.delivery-contacts-pg__image {
     position: absolute;
     left: -14px;
     bottom: 0;
     width: 292px;
     height: auto;
     object-fit: contain;
     pointer-events: none;
     z-index: 2;
     margin-bottom: -41px;
}

.delivery-contacts-pg__content {
     flex: 1;
     display: flex;
     flex-direction: column;
}

.delivery-contacts-pg__subtitle {
     font-size: 16px;
     font-weight: 500;
     line-height: 1.4;
     color: var(--color-gray-lighter);
}

.delivery-contacts-pg__btn {
     width: auto !important;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
     height: 60px;
     padding: 0 30px;
     background-color: var(--color-white);
     color: var(--color-dark);
     font-size: 15px;
     font-weight: 700;
     text-decoration: none;
     white-space: nowrap;
     flex-shrink: 0;
     transition: opacity 0.2s ease;
}

.delivery-contacts-pg__btn:hover {
     opacity: 0.9;
}

.delivery-contacts-pg__arrow {
     flex-shrink: 0;
}

.requisites-contacts-pg {
     width: 100%;
     background-color: var(--color-bg);
     padding-top: 60px;
     padding-bottom: 100px;
}

.requisites-contacts-pg__wrapper {
     display: flex;
     flex-direction: column;
     gap: 36px;
}

.requisites-contacts-pg__header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
     gap: 20px;
}

.requisites-contacts-pg__meta {
     display: flex;
     flex-direction: column;
}

.requisites-contacts-pg__title {
     margin: 0;
}

.requisites-contacts-pg__subtitle {
     margin: 0;
     color: var(--color-gray);
     font-size: 18px;
     font-weight: 500;
     line-height: 1.4;
}

.requisites-contacts-pg__download {
     display: flex;
     align-items: center;
     gap: 12px;
}

.requisites-contacts-pg__download-caption br {
     display: inline;
}

.requisites-contacts-pg__download-caption {
     color: var(--color-gray);
     font-size: 14px;
     line-height: 1.4;
}

.requisites-contacts-pg__file-card {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 30px;
     padding: 10px 30px 10px 12px;
     background-color: var(--color-white);
     text-decoration: none;
     border-radius: 4px;
     transition: box-shadow var(--transition-fast);
     height: 68px;
}

.requisites-contacts-pg__file-card:hover {
     box-shadow: 0 4px 15px var(--color-black-8);
}

.requisites-contacts-pg__file-icon {
     width: 78px;
     height: 78px;
     object-fit: contain;
     flex-shrink: 0;
     mix-blend-mode: darken;
     margin-right: -27px;
     margin-left: -10px;
     margin-bottom: -12px;
}

.requisites-contacts-pg__file-info {
     display: flex;
     flex-direction: column;
     gap: 4px;
}

.requisites-contacts-pg__file-name {
     color: var(--color-dark);
     font-size: 14px;
     font-weight: 700;
}

.requisites-contacts-pg__file-size {
     color: var(--color-gray);
     font-size: 12px;
     font-weight: 500;
}

.requisites-contacts-pg__file-action {
     width: 24px;
     height: 24px;
     flex-shrink: 0;
}

.requisites-contacts-pg__content {
     background-color: var(--color-white);
     padding: 14px 30px;
     box-shadow: 0 4px 30px var(--color-black-5);
     border-radius: 4px;
}

.requisites-contacts-pg__grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 40px;
}

.requisites-contacts-pg__group {
     display: flex;
     flex-direction: column;
}

.requisites-contacts-pg__row {
     display: flex;
     align-items: flex-start;
     padding: 14px 0;
     border-bottom: 1px solid var(--color-border-soft);
}

.requisites-contacts-pg__group .requisites-contacts-pg__row:last-child {
     border-bottom: none;
}

.requisites-contacts-pg__label {
     width: 200px;
     flex-shrink: 0;
     color: var(--color-gray);
     font-size: 16px;
     font-weight: 400;
}

.requisites-contacts-pg__value-container {
     flex: 1;
     display: flex;
     align-items: center;
     gap: 10px;
     word-break: break-word;
}

.requisites-contacts-pg__value {
     color: var(--color-dark);
     font-size: 16px;
     font-weight: 500;
     line-height: 1.2;
}

.requisites-contacts-pg__value--bold {
     font-weight: 600;
}

.requisites-contacts-pg__value--muted {
     color: var(--color-gray);
}

.requisites-contacts-pg__copy-button {
     flex: 0 0 16px;
     background: transparent;
     border: none;
     padding: 0;
     margin: 0;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     opacity: 0.7;
     transition: opacity var(--transition-fast);
}

.requisites-contacts-pg__copy-button:hover,
.requisites-contacts-pg__copy-button:focus-visible {
     opacity: 1;
}

.requisites-contacts-pg__copy-button img {
     width: 16px;
     height: 16px;
     display: block;
}

.team-contacts-pg {
     padding-top: 70px;
     padding-bottom: 45px;
     background-color: var(--color-white);
}

.team-contacts-pg__header {
     margin-bottom: 40px;
}

.team-contacts-pg__title {
     color: var(--color-dark);
     font-size: 30px;
     font-weight: 600;
     line-height: 1.4;
     margin: 0 0 4px 0;
}

.team-contacts-pg__subtitle {
     color: var(--color-gray);
     font-size: 18px;
     font-weight: 500;
     line-height: 1.4;
     margin: 0;
}

.team-contacts-pg-slider-wrapper {
     position: relative;
}

.team-contacts-pg-slider-wrapper .slider-nav {
     top: 28%;
}

.team-contacts-pg__card {
     display: flex;
     flex-direction: column;
     gap: 10px;
     height: auto;
}

.team-contacts-pg__photo-ibg {
     position: relative;
     width: 100%;
     padding-bottom: 100%;
     background-color: var(--color-bg-cool);
     border-radius: 50%;
     overflow: hidden;
}

.team-contacts-pg__photo-ibg img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
}

.team-contacts-pg__info {
     display: flex;
     flex-direction: column;
     gap: 18px;
}

.team-contacts-pg__person {
     display: flex;
     flex-direction: column;
     gap: 7px;
}

.team-contacts-pg__name {
     color: var(--color-dark);
     font-size: 22px;
     font-weight: 600;
     line-height: 1;
     letter-spacing: 0.22px;
     margin: 0;
}

.team-contacts-pg__position {
     color: var(--color-gray-darker);
     font-size: 16px;
     font-weight: 500;
     letter-spacing: 0.32px;
}

.team-contacts-pg__details {
     display: flex;
     flex-direction: column;
     gap: 13px;
}

.team-contacts-pg__detail {
     display: flex;
     align-items: center;
     gap: 10px;
}

.team-contacts-pg__icon {
     width: 20px;
     height: 20px;
     flex-shrink: 0;
     object-fit: contain;
}

.team-contacts-pg__text {
     color: var(--color-dark);
     font-size: 14px;
     font-weight: 600;
     line-height: 1.34;
}

.team-contacts-pg__link {
     color: var(--color-dark);
     font-size: 14px;
     font-weight: 600;
     line-height: 1.34;
     text-decoration: underline;
}

.team-contacts-pg__link:hover {
     text-decoration: none;
}

.team-contacts-pg__copy-btn {
     background: transparent;
     border: none;
     padding: 0;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 16px;
     height: 16px;
     transition: opacity 0.2s ease;
}

.team-contacts-pg__copy-btn:hover {
     opacity: 0.7;
}

.team-contacts-pg__copy-btn img {
     width: 100%;
     height: 100%;
     object-fit: contain;
}

.team-contacts-pg__socials {
     list-style: none;
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     gap: 15px;
}

.team-contacts-pg__social-item {
     display: flex;
}

.team-contacts-pg__social-link {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 30px;
     height: 30px;
     transition: transform 0.2s ease;
}

.team-contacts-pg__social-link:hover {
     transform: translateY(-2px);
}

.team-contacts-pg__social-link img {
     width: 24px;
     height: 24px;
     object-fit: contain;
}

@media (max-width: 1360px) {
     .slider-nav--prev {
          left: 10px;
     }

     .slider-nav--next {
          right: 10px;
     }
}

@media (max-width: 1320px) {
     .main-channels-contacts-pg__schedule {
          width: 469px;
     }
}

@media (max-width: 1200px) {
     .main-channels-contacts-pg__wrapper {
          flex-direction: column;
     }

     .main-channels-contacts-pg__schedule {
          width: 100%;
     }

     .head-office-contacts-pg__wrapper {
          flex-direction: column;
          gap: 30px;
     }

     .head-office-contacts-pg__map-block {
          width: 100%;
     }

     .spb-warehouse-contacts-pg__content-grid {
          grid-template-columns: 1fr 1fr;
     }

     .spb-warehouse-contacts-pg__video-col {
          grid-column: span 2;
     }

     .spb-warehouse-contacts-pg__media-card {
          min-height: 300px;
          height: 380px;
     }
}

@media (max-width: 992px) {
     .departments-contacts-pg__table-wrapper::after {
          opacity: 1;
     }

     .delivery-contacts-pg {
          padding: 40px 0;
     }

     .delivery-contacts-pg__card {
          flex-direction: column;
          align-items: stretch;
          padding: 20px;
     }

     .delivery-contacts-pg__image {
          position: static;
          width: 100%;
          max-width: 320px;
          margin: 0 auto;
          display: block;
          margin-top: -50px;
          margin-bottom: -30px;
     }

     .delivery-contacts-pg__btn {
          width: 100%;
          justify-content: space-between;
     }

     .requisites-contacts-pg__grid {
          grid-template-columns: 1fr;
          gap: 0;
     }

     .requisites-contacts-pg__group:first-child .requisites-contacts-pg__row:last-child {
          border-bottom: 1px solid var(--color-border-soft);
     }

     .requisites-contacts-pg__header {
          display: contents;
     }

     .requisites-contacts-pg__meta {
          order: 1;
     }

     .requisites-contacts-pg__content {
          order: 2;
     }

     .requisites-contacts-pg__download {
          order: 3;
          flex-direction: column;
          align-items: stretch;
          margin-top: 10px;
     }

     .requisites-contacts-pg__download-caption br {
          display: none;
     }

     .team-contacts-pg-slider {
          padding-bottom: 20px;
     }
}

@media (max-width: 768px) {
     .hero-contacts-pg__nav-link {
          padding: 8px 14px;
          font-size: 13px;
     }

     .main-channels-contacts-pg {
          padding: 30px 0;
     }

     .main-channels-contacts-pg__grid {
          grid-template-columns: 1fr;
          gap: 20px;
     }

     .main-channels-contacts-pg__schedule-grid {
          flex-direction: column;
     }

     .main-channels-contacts-pg__val--phone {
          font-size: 20px;
     }

     .main-channels-contacts-pg__val--email {
          font-size: 18px;
     }

     .main-channels-contacts-pg__subtitle {
          font-size: 16px;
          line-height: 140%;
     }

     .departments-contacts-pg__wrapper {
          gap: 20px;
     }

     .departments-contacts-pg__th,
     .departments-contacts-pg__td {
          padding: 18px 10px;
          font-size: 14px;
     }

     .departments-contacts-pg__email-link,
     .departments-contacts-pg__phone-link,
     .departments-contacts-pg__ext {
          font-size: 16px;
     }

     .head-office-contacts-pg {
          padding: 50px 0px 30px;
     }

     .head-office-contacts-pg__routes-buttons {
          flex-direction: column;
     }

     .head-office-gallery-contacts-pg {
          padding-bottom: 40px;
          padding-top: 20px;
     }

     .head-office-gallery-contacts-pg__slide {
          height: 180px;
     }

     .slider-nav {
          display: none;
     }

     .spb-warehouse-contacts-pg {
          padding-top: 40px;
          padding-bottom: 60px;
     }

     .spb-warehouse-contacts-pg__tabs-block {
          padding: 20px;
     }

     .spb-warehouse-contacts-pg__tabs-nav {
          flex-direction: column;
     }

     .spb-warehouse-contacts-pg__content-grid {
          grid-template-columns: 1fr;
     }

     .spb-warehouse-contacts-pg__video-col {
          grid-column: span 1;
     }

     .main-section-title {
          line-height: 140% !important;
     }
     .main-section-subtitle {
          font-size: 16px;
     }
}

@media (max-width: 640px) {
     .hero-contacts-pg {
          padding-top: 10px;
     }
     .hero-contacts-pg__title {
          padding-bottom: 0px;
     }

     .hero-contacts-pg__nav-link {
          padding: 6px 15px;
          font-size: 12px;
     }

     .main-channels-contacts-pg__icon-box {
          width: 60px;
          height: 60px;
     }

     .main-channels-contacts-pg__icon {
          width: 24px;
          height: 24px;
     }

     .main-channels-contacts-pg__note {
          font-size: 12px;
     }

     .main-channels-contacts-pg__schedule-bg-desctop {
          display: none;
     }

     .main-channels-contacts-pg__schedule-bg-mobile {
          display: block;
     }

     .departments-contacts-pg__table-wrapper {
          position: relative;
     }

     .departments-contacts-pg__table-wrapper::after {
          content: "";
          position: absolute;
          width: 100%;
          height: 100%;
          right: 0;
          top: 0;
          background: linear-gradient(90deg, var(--color-white-0) 73.56%, var(--color-white) 94.23%);
     }

     .head-office-contacts-pg__header {
          padding-bottom: 10px;
     }

     .head-office-contacts-pg__info-list {
          gap: 20px;
     }

     .head-office-contacts-pg__schedule {
          gap: 0px;
     }

     .head-office-contacts-pg__routes {
          gap: 12px;
     }

     .head-office-contacts-pg__map-wrapper {
          padding-bottom: 88.15%;
     }

     .head-office-gallery-contacts-pg__slide {
          height: 131px;
     }

     .tabs-nav__btn--spb-warehouse {
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between;
     }

     .delivery-contacts-pg {
          padding: 30px 0;
     }

     .delivery-contacts-pg__title {
          font-size: 20px;
     }

     .delivery-contacts-pg__subtitle {
          font-size: 14px;
     }

     .delivery-contacts-pg__image {
          max-width: 400px;
          margin-top: -42px;
     }

     .head-office-contacts-pg {
          padding-top: 30px;
     }
     .head-office-contacts-pg--dark .head-office-contacts-pg__map-wrapper {
          padding-bottom: 88%;
     }

     .requisites-contacts-pg {
          padding: 30px 0 70px;
     }

     .requisites-contacts-pg__subtitle {
          font-size: 15px;
     }

     .requisites-contacts-pg__row {
          flex-direction: column;
          gap: 6px;
     }

     .requisites-contacts-pg__label {
          width: 100%;
     }

     .requisites-contacts-pg__wrapper {
          gap: 20px;
     }

     .requisites-contacts-pg__download {
          margin-top: 0px;
     }

     .requisites-contacts-pg__file-card {
          gap: 15px;
     }

     .requisites-contacts-pg__file-icon {
          margin-right: -79px;
          margin-left: -5px;
     }

     .requisites-contacts-pg__row {
          padding: 16px 0px;
     }
     .requisites-contacts-pg__content {
          padding-top: 0px;
          padding-bottom: 0px;
     }

     .team-contacts-pg {
          padding-bottom: 70px;
     }

     .team-contacts-pg__header {
          margin-bottom: 20px;
     }

     .team-contacts-pg__info,
     .team-contacts-pg__details {
          align-items: center;
     }
}