/* ------------------------------------------------------------------
   5.13  /contacts/ — «Контакты» (.ss-ct-*), страница 1363
   Макет: ChatGPT Astra, handoffs/contacts-stickerstudio-2026-09-14 (14.09.2026).
   Блоки — HTML-виджеты Elementor (сборка figma-pages/contacts/build.py), заголовки секций и h1 — виджеты
   Elementor, FAQ — виджеты toggle, «Не нашли, что искали?» — .more-wrapper (3.2).
   Интерактив (копирование, чат Chatwoot, стикеры-реплики, самолётик, параллакс) — assets/js/ss-contacts.min.js.
   Брейкпоинты макета сохранены: 1250 / 1050 / 780 (сайт) / 480 / 360.
   ------------------------------------------------------------------ */

/* --- общее: иконки, кнопки, ссылки --- */
.ss-ct-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.ss-ct-icon { width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.ss-ct-iconbtn { border: 0; background: transparent; width: 44px; height: 44px; padding: 10px; margin: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; color: inherit; font: inherit; cursor: pointer; transition: background .2s; -webkit-tap-highlight-color: transparent; }
.ss-ct-iconbtn:hover { background: rgba(0, 0, 0, .04); }
.ss-ct-btn { min-height: 46px; border: 0; border-radius: 16px; padding: 12px 20px; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: 'Bounded Variable', display; font-size: 22px; font-weight: 400; line-height: 22px; letter-spacing: normal;   /* типографика кнопок сайта (.second-btn / .more-btn) */ text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s; position: relative; z-index: 2; -webkit-tap-highlight-color: transparent; }
.ss-ct-btn .ss-ct-icon { width: 21px; height: 21px; }
.ss-ct-btn--white { background: #fff; color: #262626; }
.ss-ct-btn--dark { background: #262626; color: #fff; }
.ss-ct-btn:hover, .ss-ct-btn:focus-visible { background: #FF3600; color: #fff; }
.ss-ct-btn--center { justify-content: center; }   /* «О доставке»: без стрелки, текст по центру */
.ss-ct-textlink { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-weight: 500; color: inherit; text-decoration: none; }
.ss-ct-textlink .ss-ct-icon { width: 20px; height: 20px; }
.ss-ct-textlink:hover { color: #FF3600; }
.ss-ct-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* копирование: после клика иконка меняется на зелёную галочку (класс is-copied вешает скрипт на 1,8 с) */
.ss-ct-icon--check { display: none; }
.is-copied .ss-ct-icon--copy { display: none; }
.is-copied .ss-ct-icon--check { display: block; }

/* --- способы связи: три карточки --- */
.ss-ct-channels { display: grid; grid-template-columns: 1.32fr 1fr 1fr; gap: 20px; }
.ss-ct-card { position: relative; padding: 30px; border-radius: 16px; min-height: 330px; display: flex; flex-direction: column; overflow: hidden; isolation: isolate; color: #262626; }
.ss-ct-card__head { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 400; line-height: 20px; position: relative; z-index: 2; }
.ss-ct-card__head .ss-ct-icon { width: 20px; height: 20px; }
.ss-ct-card__title { font-family: 'Bounded Variable', display; font-weight: 500; letter-spacing: normal; color: inherit; font-size: 32px; line-height: 38px; margin: 24px 0 0; position: relative; z-index: 2; }
.ss-ct-card__text { font-size: 16px; line-height: 20px; margin: 12px 0 0; position: relative; z-index: 2; }
.ss-ct-card .ss-ct-btn { margin-top: auto; min-width: 0; }
.ss-ct-card--chat { background: #262626; color: #fff; }
.ss-ct-card--chat .ss-ct-card__title { max-width: 230px; }
.ss-ct-card--chat .ss-ct-card__text { margin: 12px 0 25px; }
.ss-ct-card--chat .ss-ct-btn { width: 100%; max-width: 340px; }
.ss-ct-card--tg { background: #095EF7; color: #fff; }
.ss-ct-card--mail { background: #F5F5F5; }
/* почта: вместо кнопки «Написать» — пунктирное поле, клик копирует адрес (владелец: почтовый клиент настроен не у всех) */
.ss-ct-copyfield { margin: auto 0 0; width: 100%; min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 11px 20px; border: 1.5px dashed #A3A3A3; border-radius: 16px; background: transparent; color: #262626; font: 500 17px/24px 'Golos Text', sans-serif; letter-spacing: -.01em; text-align: left; cursor: pointer; position: relative; z-index: 2; transition: border-color .2s, background-color .2s; -webkit-tap-highlight-color: transparent; }
.ss-ct-copyfield span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ss-ct-copyfield .ss-ct-icon { width: 20px; height: 20px; }
.ss-ct-copyfield:hover, .ss-ct-copyfield:focus-visible { border-color: #262626; background: #fff; color: #262626; }   /* цвет явно: общий button:hover темы красит текст в белый */
.ss-ct-copyfield:active { background: #EEE; color: #262626; }
.ss-ct-copyfield.is-copied, .ss-ct-copyfield.is-copied:hover { border-color: #1DA45A; }
.ss-ct-copyfield .ss-ct-icon { color: #262626; }

/* --- часы работы --- */
.ss-ct-hours { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-radius: 16px; background: #F5F5F5; margin-top: 20px; padding: 20px 30px; color: #262626; }
.ss-ct-hours__title { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.ss-ct-hours__title strong { font-size: 17px; font-weight: 500; }
.ss-ct-hours__title span { font-size: 13px; color: #626262; padding-left: 7px; font-weight: 400; }
.ss-ct-hours p { font-size: 15px; line-height: 22px; color: #626262; margin: 0; max-width: 640px; text-align: right; }
.ss-ct-hours__br { display: none; }
.ss-ct-hours--phone { margin-top: 12px; }   /* вторая полоса: консультации без телефона */
.ss-ct-hours__title .ss-ct-fa { width: 24px; flex: none; text-align: center; font-size: 18px; line-height: 24px; color: #262626; }   /* иконка Font Awesome из сабсета темы (fontawesome-6/ss-fa-subset) */
@media (min-width: 1120px) { .ss-ct-hours p { max-width: none; white-space: nowrap; } }   /* на десктопе текст полос — в одну строку (владелец) */
@media (min-width: 1051px) and (max-width: 1119px) { .ss-ct-hours p { max-width: none; } }   /* узкий десктоп: без принудительной строки, чтобы текст не вылезал из полосы */

/* --- «С чем помочь?» --- */
.ss-ct-help { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ss-ct-help__card { background: #F5F5F5; border-radius: 16px; padding: 30px; position: relative; min-height: 196px; display: block; color: #262626; text-decoration: none; transition: background .2s; }
.ss-ct-help__card:hover { background: #EEE; color: #262626; }
.ss-ct-help__card .ss-ct-help__icon { width: 27px; height: 27px; }
.ss-ct-help__card h3 { font-family: 'Bounded Variable', display; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: normal; margin: 20px 0 0; color: inherit; }
.ss-ct-help__card p { font-size: 16px; line-height: 20px; margin: 8px 0 0; color: #626262; }
.ss-ct-help__card .ss-ct-help__go { position: absolute; right: 28px; top: 32px; width: 20px; height: 20px; transition: transform .2s; }
.ss-ct-help__card:hover .ss-ct-help__go { color: #FF3600; transform: translateX(3px); }

/* --- доставка: синий баннер с посылкой --- */
.ss-ct-dhero { background: #095EF7; border-radius: 16px; color: #fff; position: relative; min-height: 344px; overflow: hidden; isolation: isolate; padding: 30px; }
.ss-ct-dhero__copy { position: relative; z-index: 2; max-width: 650px; pointer-events: none; }
.ss-ct-dhero__copy h3 { font-family: 'Bounded Variable', display; font-weight: 500; font-size: 32px; line-height: 38px; letter-spacing: normal; margin: 0; color: #fff; }
.ss-ct-dhero__copy p { font-size: 16px; line-height: 20px; margin: 12px 0 0; color: #fff; }
.ss-ct-dhero__copy .ss-ct-btn { width: 240px; margin-top: 26px; pointer-events: auto; }
.ss-ct-art { position: absolute; right: -6px; top: 0; width: 49%; height: 100%; transform: translate(var(--px, 0px), var(--py, 0px)); transition: transform .65s cubic-bezier(.2, .65, .2, 1); pointer-events: none; }
.ss-ct-route { position: absolute; width: 100%; height: 100%; inset: 0; overflow: visible; fill: none; stroke: #fff; stroke-width: 1.5; z-index: 0; }
.ss-ct-route__line { stroke-dasharray: 5 8; stroke-opacity: .48; }
.ss-ct-route__plane path { fill: #fff; stroke: none; }
.ss-ct-parcel { position: absolute; z-index: 1; top: 45px; left: 130px; width: 276px; height: 252px; border: 0; padding: 0; margin: 0; text-align: left; font: inherit; color: #262626; cursor: pointer; pointer-events: auto; background: #D8B98A; border-radius: 13px; transform: rotate(11deg) scale(.94); box-shadow: inset -6px -7px #C4A273, inset 1px 2px #E8D3B5, 8px 14px 0 #0048CC, 12px 26px 22px rgba(4, 59, 173, .53); transition: transform .7s cubic-bezier(.18, .8, .3, 1); -webkit-tap-highlight-color: transparent; }
.ss-ct-parcel:hover { background: #D8B98A; }
.ss-ct-parcel:focus-visible { outline: 3px solid #fff; outline-offset: 7px; }
.ss-ct-parcel:disabled { cursor: default; }
.ss-ct-parcel::after { content: ''; position: absolute; bottom: 6px; left: 4px; right: 7px; border-bottom: 1px solid #B49264; }
.ss-ct-parcel__tape { position: absolute; top: 0; bottom: 0; left: 106px; width: 42px; background: rgba(233, 210, 172, .6); border-inline: 1px solid rgba(185, 150, 101, .33); }
.ss-ct-label { position: absolute; inset: 35px 25px; background: #FFFDF7; border-radius: 5px; box-shadow: 1px 3px 0 rgba(191, 155, 107, .4); padding: 15px; transform: rotate(-6deg); color: #262626; font-family: 'Golos Text', sans-serif; }
.ss-ct-label__top { font-family: 'Bounded Variable', display; font-size: 8px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #DDD7C8; padding-bottom: 10px; }
.ss-ct-label__top .ss-ct-icon { width: 18px; height: 18px; }
.ss-ct-label__caption { display: block; font-size: 9px; letter-spacing: .08em; margin-top: 15px; color: #757269; }
.ss-ct-label__to { display: block; font: 500 37px/1.2 'Bounded Variable', display; letter-spacing: -.07em; margin-top: 6px; }
.ss-ct-label__bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; gap: 12px; }
.ss-ct-label__bottom > span { font-size: 8px; }
.ss-ct-label__barcode { width: 76px; height: 19px; background: repeating-linear-gradient(90deg, #262626 0px 2px, transparent 2px 4px, #262626 4px 5px, transparent 5px 7px, #262626 7px 10px, transparent 10px 13px); }
.ss-ct-dhero.is-visible .ss-ct-parcel { animation: ss-ct-parcel-arrive .9s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes ss-ct-parcel-arrive { from { transform: translateY(22px) rotate(17deg) scale(.94); } to { transform: translateY(0) rotate(11deg) scale(.94); } }

/* --- тарифы и самовывоз --- */
.ss-ct-rates { display: grid; grid-template-columns: repeat(3, 1fr); padding: 30px 0; color: #262626; }   /* без нижней линии: дальше серый блок самовывоза, отступы 30 / 30 */
.ss-ct-rates > div { padding: 0 30px; border-left: 1px solid #DEDEDE; display: flex; flex-direction: column; gap: 9px; }
.ss-ct-rates > div:first-child { padding-left: 0; border: 0; }
.ss-ct-rates span { font-size: 15px; color: #626262; }
.ss-ct-rates strong { font-size: 18px; font-weight: 500; }
.ss-ct-rates small { font-size: 13px; color: #626262; }
.ss-ct-pickup { border-radius: 16px; background: #F5F5F5; padding: 20px 30px; display: flex; gap: 12px; align-items: center; margin-top: 0; color: #262626; }
.ss-ct-pickup > .ss-ct-icon { align-self: flex-start; width: 24px; height: 24px; margin-top: 0; }
.ss-ct-pickup h3 { font-family: 'Golos Text', sans-serif; font-weight: 500; font-size: 17px; line-height: 24px; letter-spacing: normal; margin: 0; color: inherit; }   /* как заголовок полос часов/звонков — обычный текст */
.ss-ct-pickup p { font-size: 15px; line-height: 22px; color: #626262; margin: 6px 0 0; }
.ss-ct-pickup__btn { margin-left: auto; flex: none; width: auto; min-width: 240px; white-space: nowrap; }   /* белая кнопка как «О доставке» */

/* --- реквизиты и обращения --- */
.ss-ct-legal { display: grid; grid-template-columns: 1.15fr 1fr; gap: 50px; align-items: start; color: #262626; }
.ss-ct-req { background: #F5F5F5; border-radius: 16px; padding: 30px; }   /* реквизиты — серая карточка, обращения — без фона (владелец, 14.09) */
.ss-ct-req__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ss-ct-req__name { font-size: 16px; line-height: 25px; margin: 0; }
.ss-ct-req__name strong { font-weight: 500; }
.ss-ct-req__copy { flex: none; color: #888; background: transparent; }
.ss-ct-req__copy:hover { background: #EEE; color: #666; }
.ss-ct-req__list { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin: 22px 0 0; }   /* без нижнего отступа списка (владелец) */
.ss-ct-req__list > div { font-size: 14px; line-height: 22px; min-width: 0; }
.ss-ct-req__list .ss-ct-req__full { grid-column: 1 / -1; }
.ss-ct-req__list dt { color: #626262; margin: 0 0 3px; font-weight: 400; }
.ss-ct-req__list dd { margin: 0; overflow-wrap: anywhere; }
.ss-ct-req a { color: inherit; text-decoration: none; }
.ss-ct-req a:hover { color: #FF3600; }
.ss-ct-req__docs a { text-decoration: underline; text-underline-offset: 3px; }
.ss-ct-claims { background: transparent; border-radius: 0; padding: 30px 0 0; scroll-margin-top: 30px; }
.ss-ct-claims h3 { font-family: 'Bounded Variable', display; font-weight: 500; letter-spacing: normal; font-size: 24px; line-height: 30px; margin: 0; color: inherit; }
.ss-ct-claims p { font-size: 16px; line-height: 20px; margin: 16px 0 0; }
.ss-ct-claims p a { color: inherit; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.ss-ct-claims p a:hover { color: #FF3600; }

/* --- стикеры-реплики в карточке чата --- */
.ss-ct-dialogue { position: absolute; right: 17px; top: 57px; width: 174px; height: auto; overflow: visible; pointer-events: auto; background: none; border: 0; border-radius: 16px; padding: 0; margin: 0; line-height: 0; cursor: pointer; z-index: 1; transform: translate(var(--px, 0px), var(--py, 0px)); transition: transform .65s cubic-bezier(.2, .65, .2, 1); -webkit-tap-highlight-color: transparent; }
.ss-ct-dialogue:hover { background: none; }
.ss-ct-dialogue > svg { display: block; width: 100%; height: auto; overflow: visible; transition: transform .18s ease; }
.ss-ct-dialogue:active > svg { transform: scale(.96); }
.ss-ct-dots, .ss-ct-reply { transition: opacity .14s ease; }
.ss-ct-reply { opacity: 0; }
.ss-ct-dialogue.has-reply .ss-ct-reply { opacity: 1; }
.ss-ct-dialogue.has-reply .ss-ct-dots { opacity: 0; }
.ss-ct-dialogue.has-reply .ss-ct-dot { animation-play-state: paused; }
.ss-ct-greeting, .ss-ct-reply { transform-box: fill-box; transform-origin: center; }
.ss-ct-msg { transform-box: fill-box; transform-origin: center; animation-duration: 5s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-play-state: paused; }
.ss-ct-msg--greeting { transform: rotate(-6deg); animation-name: ss-ct-greeting-float; }
.ss-ct-msg--reply { transform: rotate(5deg); animation-name: ss-ct-reply-float; animation-delay: -1.2s; }
.ss-ct-dot { animation: ss-ct-typing 1.2s ease-in-out infinite; animation-play-state: paused; }
.ss-ct-dot:nth-child(2) { animation-delay: .18s; }
.ss-ct-dot:nth-child(3) { animation-delay: .36s; }
.is-art-visible .ss-ct-msg, .is-art-visible .ss-ct-dot { animation-play-state: running; }
@keyframes ss-ct-greeting-float { 0%, 100% { transform: translateY(0) rotate(-6deg); } 50% { transform: translateY(-3px) rotate(-4deg); } }
@keyframes ss-ct-reply-float { 0%, 100% { transform: translateY(0) rotate(5deg); } 50% { transform: translateY(3px) rotate(3deg); } }
@keyframes ss-ct-typing { 0%, 55%, 100% { transform: translateY(0); opacity: .75; } 18% { transform: translateY(-4px); opacity: 1; } }

/* --- десктоп: одна строка карточек, место под стикеры-реплики; баннер доставки колонкой --- */
@media (min-width: 781px) {
	.ss-ct-channels { grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, 1fr)); gap: 20px; }
	.ss-ct-card { min-width: 0; min-height: 330px; padding: 30px; }
	.ss-ct-card__head { font-size: 13px; min-height: 20px; }
	.ss-ct-card--chat .ss-ct-card__title { max-width: 230px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 192px); margin: 12px 0 20px; }
	.ss-ct-card--chat .ss-ct-card__text br { display: none; }
	.ss-ct-card .ss-ct-btn { width: 100%; max-width: none; margin-top: auto; }
	.ss-ct-dialogue { width: 184px; right: 20px; top: 62px; }
	.ss-ct-dhero { display: flex; }
	.ss-ct-dhero__copy { display: flex; flex-direction: column; flex: 1; }
	.ss-ct-dhero__copy .ss-ct-btn { margin-top: auto; }
}
@media (min-width: 1440px) { .ss-ct-card { min-height: 344px; } .ss-ct-card--chat .ss-ct-card__title { margin-top: 25px; } }
@media (min-width: 781px) and (max-width: 1250px) {
	.ss-ct-channels { gap: 16px; }
	.ss-ct-card { padding: 24px 20px; }
	.ss-ct-card__head { font-size: 12px; }
	.ss-ct-card__title { font-size: 28px; line-height: 34px; }
	.ss-ct-card__text { font-size: 15px; line-height: 20px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 156px); }
	.ss-ct-dialogue { width: 148px; right: 12px; top: 102px; }
	.ss-ct-card .ss-ct-btn { font-size: 20px; line-height: 20px; padding-inline: 16px; }
	.ss-ct-copyfield { font-size: 15px; padding-inline: 16px; }
	.ss-ct-help__card { padding: 24px; }
	.ss-ct-help__card h3 { font-size: 18px; line-height: 22px; }
	.ss-ct-help__card p { font-size: 15px; }
	.ss-ct-help { gap: 16px; }
	.ss-ct-parcel { left: 90px; }
	.ss-ct-legal { gap: 30px; }
}
@media (min-width: 901px) and (max-width: 1000px) {
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 142px); }
	.ss-ct-dialogue { width: 128px; right: 12px; top: 133px; }
}
@media (min-width: 781px) and (max-width: 900px) {
	.ss-ct-card { padding: 22px 16px; min-height: 338px; }
	.ss-ct-card__head { font-size: 11px; gap: 6px; min-height: 32px; }
	.ss-ct-card__head .ss-ct-icon { width: 18px; height: 18px; }
	.ss-ct-card__title { font-size: 24px; line-height: 30px; margin-top: 18px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 106px); font-size: 14px; line-height: 18px; margin-bottom: 20px; }
	.ss-ct-dialogue { width: 104px; right: 10px; top: 145px; }
	.ss-ct-copyfield { font-size: 13px; padding-inline: 12px; gap: 8px; }
	.ss-ct-copyfield .ss-ct-icon { width: 18px; height: 18px; }
	.ss-ct-card .ss-ct-btn { font-size: 18px; line-height: 18px; padding-inline: 12px; gap: 8px; }
	.ss-ct-card .ss-ct-btn .ss-ct-icon { width: 18px; height: 18px; }
}
/* --- планшет (≤1050): «С чем помочь?» в две колонки, баннер доставки поуже, «Как добраться» в две строки --- */
@media (max-width: 1050px) {
	.ss-ct-hours { align-items: flex-start; }
	.ss-ct-hours p { font-size: 14px; max-width: 300px; }
	.ss-ct-help { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ss-ct-help__card { min-height: 168px; padding: 24px; }
	.ss-ct-help__card h3 { font-size: 18px; }
	.ss-ct-help__card p br { display: none; }
	.ss-ct-dhero { padding: 28px; min-height: 340px; }
	.ss-ct-dhero__copy { max-width: 51%; }
	.ss-ct-dhero__copy h3 { font-size: 28px; line-height: 34px; }
	.ss-ct-dhero__copy p br { display: none; }
	.ss-ct-art { right: -38px; width: 47%; }
	.ss-ct-parcel { left: 10px; top: 45px; transform: rotate(11deg) scale(.94); }
	.ss-ct-rates > div { padding: 0 20px; }
	.ss-ct-rates strong { font-size: 16px; }
	.ss-ct-pickup__br { display: none; }
	.ss-ct-pickup__btn { min-width: 0; }
	.ss-ct-req { padding: 24px; }
	.ss-ct-claims { padding: 24px 0 0; }
	.ss-ct-claims h3 { font-size: 22px; }
}
/* --- мобильный (брейкпоинт сайта 780): карточки 2+1 → на ≤480 в столбик, посылка под текстом --- */
@media (max-width: 780px) {
	.ss-ct-channels { grid-template-columns: 1fr 1fr; gap: 16px; }
	.ss-ct-btn { font-size: 20px; line-height: 20px; padding: 10px 16px; min-height: 38px; }
	.ss-ct-copyfield { min-height: 38px; padding: 8px 16px; }
	.ss-ct-card--chat { grid-column: 1 / -1; padding: 20px 16px; min-height: 280px; }
	.ss-ct-card--chat .ss-ct-card__title { max-width: 230px; margin-top: 20px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: 220px; margin: 10px 0 24px; }
	.ss-ct-card--chat .ss-ct-card__text br { display: none; }
	.ss-ct-card--chat .ss-ct-btn { max-width: none; width: 100%; }
	.ss-ct-card--tg, .ss-ct-card--mail { padding: 20px 16px; min-height: 260px; }
	.ss-ct-card__title { font-size: 20px; line-height: 24px; margin-top: 20px; }
	.ss-ct-card__head span { font-size: 12px; }
	.ss-ct-card__text { font-size: 14px; line-height: 18px; margin-top: 10px; }
	.ss-ct-copyfield { font-size: 16px; }
	.ss-ct-dialogue { width: 155px; right: 30px; top: 55px; }
	.ss-ct-hours { padding: 16px; display: block; margin-top: 16px; }
	.ss-ct-hours__title { gap: 9px; }
	.ss-ct-hours__title strong { font-size: 15px; }
	.ss-ct-hours__title span { font-size: 12px; padding-left: 4px; }
	.ss-ct-hours p { max-width: none; margin: 8px 0 0 33px; font-size: 14px; line-height: 18px; text-align: left; }
	.ss-ct-help { gap: 16px; }
	.ss-ct-help__card { padding: 16px; min-height: 176px; }
	.ss-ct-help__card h3 { font-size: 17px; line-height: 22px; max-width: 145px; }
	.ss-ct-help__card p { font-size: 14px; line-height: 18px; max-width: 160px; }
	.ss-ct-help__card .ss-ct-help__go { right: 16px; top: 18px; }
	.ss-ct-help__card .ss-ct-help__icon { width: 25px; height: 25px; }
	.ss-ct-dhero { min-height: 0; padding: 20px 16px; display: flex; flex-direction: column; }
	.ss-ct-dhero__copy { max-width: none; }
	.ss-ct-dhero__copy h3 { font-size: 20px; line-height: 24px; }
	.ss-ct-dhero__copy p { font-size: 14px; line-height: 18px; max-width: 350px; margin-top: 10px; }
	.ss-ct-dhero__copy .ss-ct-btn { width: 100%; margin-top: 312px; }
	.ss-ct-art { top: 160px; right: 0; width: 100%; height: 280px; }
	.ss-ct-parcel { top: 31px; left: calc(50% - 138px); transform: rotate(11deg) scale(.85); transform-origin: center; box-shadow: inset -6px -7px #C4A273, inset 1px 2px #E8D3B5, 7px 12px 0 #0048CC, 12px 22px 22px rgba(4, 59, 173, .53); }
	.ss-ct-dhero.is-visible .ss-ct-parcel { animation-name: ss-ct-parcel-mobile; }
	.ss-ct-rates { grid-template-columns: 1fr; padding: 7px 0; }
	.ss-ct-rates > div { padding: 17px 0; border: 0; border-top: 1px solid #E4E4E4; display: grid; grid-template-columns: 1fr 1.2fr; column-gap: 10px; row-gap: 7px; }
	.ss-ct-rates > div:first-child { padding: 17px 0; }
	.ss-ct-rates span { font-size: 13px; line-height: 20px; }
	.ss-ct-rates strong { font-size: 15px; line-height: 20px; text-align: right; }
	.ss-ct-rates small { font-size: 12px; grid-column: 1 / -1; }
	.ss-ct-pickup { padding: 16px; gap: 9px; align-items: flex-start; flex-wrap: wrap; margin-top: 0; }
	.ss-ct-pickup > div { flex: 1; min-width: 0; }
	.ss-ct-pickup > .ss-ct-icon { width: 22px; height: 22px; }
	.ss-ct-pickup h3 { font-size: 15px; line-height: 22px; }
	.ss-ct-pickup p { font-size: 14px; line-height: 18px; }
	.ss-ct-pickup__btn { flex-basis: 100%; width: 100%; margin: 4px 0 0; }   /* кнопка отдельной строкой во всю ширину */
	.ss-ct-legal { grid-template-columns: 1fr; gap: 24px; }
	.ss-ct-claims { padding: 0; }
	.ss-ct-req__list { gap: 16px 20px; margin: 18px 0 0; }
	.ss-ct-claims h3 { font-size: 20px; line-height: 24px; }
	.ss-ct-claims p { font-size: 14px; line-height: 18px; }
}
@keyframes ss-ct-parcel-mobile { from { transform: translateY(20px) rotate(17deg) scale(.85); } to { transform: translateY(0) rotate(11deg) scale(.85); } }
@media (max-width: 480px) {
	.ss-ct-channels { grid-template-columns: 1fr; }
	/* телефон: стикеры-реплики крупно справа от заголовка (в пустом месте вверху карточки), текст под заголовком в левой колонке */
	.ss-ct-card--chat { grid-column: auto; min-height: 0; padding: 20px 16px; }
	.ss-ct-card--chat .ss-ct-card__head span { font-size: 12px; }
	.ss-ct-card--chat .ss-ct-dialogue { position: absolute; margin: 0; width: 150px; right: 12px; top: 44px; }
	.ss-ct-card--chat .ss-ct-card__title { max-width: 170px; margin-top: 16px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 150px); margin: 10px 0 24px; }
	.ss-ct-card--tg, .ss-ct-card--mail { min-height: 220px; padding: 20px 16px; }
	.ss-ct-card__text br { display: none; }
	.ss-ct-hours { padding: 16px; }
	.ss-ct-hours__title strong { font-size: 14px; }
	.ss-ct-hours__title .ss-ct-icon { width: 22px; height: 22px; }
	.ss-ct-hours__title span { font-size: 11px; padding-left: 3px; }
	.ss-ct-hours p { margin-left: 31px; max-width: 255px; }
	.ss-ct-help__card { padding: 16px; min-height: 180px; }
	.ss-ct-help__card h3 { font-size: 16px; line-height: 20px; max-width: 118px; }
	.ss-ct-help__card p { font-size: 14px; line-height: 18px; }
	.ss-ct-help__card .ss-ct-help__go { width: 17px; height: 17px; right: 15px; top: 18px; }
	.ss-ct-dhero { padding: 20px 16px; }
	.ss-ct-dhero__copy p { max-width: 315px; }
	.ss-ct-dhero__copy .ss-ct-btn { margin-top: 300px; }
	.ss-ct-art { top: 160px; height: 260px; }
	.ss-ct-parcel { top: 0; }
	.ss-ct-req__name { font-size: 15px; line-height: 23px; }
	.ss-ct-req__list > div { font-size: 13px; line-height: 21px; }
	.ss-ct-req { padding: 20px 16px; }
	.ss-ct-claims h3 { font-size: 20px; }
}
@media (max-width: 360px) {
	.ss-ct-card--chat .ss-ct-card__title { max-width: 160px; }
	.ss-ct-card--chat .ss-ct-card__text { max-width: calc(100% - 136px); }
	.ss-ct-card--chat .ss-ct-dialogue { width: 136px; right: 10px; top: 52px; }
	.ss-ct-card__head span { font-size: 11px; }
	.ss-ct-hours__title { gap: 6px; }
	.ss-ct-hours__title strong { font-size: 13px; }
	.ss-ct-hours__title span { font-size: 10px; }
	.ss-ct-hours p { margin-left: 28px; }
	.ss-ct-help { gap: 12px; }
	.ss-ct-help__card { padding: 14px; min-height: 184px; }
	.ss-ct-help__card h3 { font-size: 15px; }
	.ss-ct-help__card p { font-size: 13px; }
	.ss-ct-rates strong { font-size: 13px; }
	.ss-ct-rates span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.ss-ct-msg, .ss-ct-dot, .ss-ct-dhero.is-visible .ss-ct-parcel { animation: none !important; }
	.ss-ct-art, .ss-ct-dialogue, .ss-ct-parcel { transition: none !important; }
}
/* ------------------------------------------------------------------ конец 5.13 /contacts/ ------------------------------------------------------------------ */