/* OM&MOM — новая палитра для наших HTML-блоков (08.10.2026). Сгенерировано make_overrides.py.
Не править вручную: правки — в коде блока или в make_overrides.py. */
/* 2800051101-sm-social.html */
.sm-social{background:transparent !important}
.sm-social__channel{background:#F04152 !important}
.sm-social__channel:hover{background:#D33948 !important}
.sm-social__post{background:#FAF1E6 !important}
@media (hover: none){.sm-social__channel:active{background:#D33948 !important}}
/* 2833545801-ft-social.html */
.ft-social__link:hover{color:#F04152 !important}
.ft-social__logo-link:focus-visible{outline:2px solid #2B2420 !important}
/* 2835288901-rv.html */
.rv{background:transparent !important}
.rv__score{color:#F04152 !important}
.rv__card{background:#FAF1E6 !important}
.rv__card-more{color:#F04152 !important}
.rv__scrollbar-thumb{background:#F04152 !important}
.rv__scrollbar:hover .rv__scrollbar-thumb, .rv__scrollbar[data-dragging="true"] .rv__scrollbar-thumb{background:#D33948 !important}
[fill="#F9BA17" i]{fill:#FFC30F !important}
/* 3190947001-bn.html */
.bn{background:transparent !important}
@media (max-width:640px){.bn__inner{background-color:transparent !important}}
/* 3193787401-usp2.html */
.usp2{background:transparent !important}
.usp2__img-wrap{background:#FAF1E6 !important}
.usp2__btn{background:#F04152 !important}
.usp2__btn:hover{background:#D33948 !important}
.usp2__chip{background-color:#3AB9BB !important}
/* 3222651101-ab-hero.html */
.ab-hero{background:transparent !important}
.ab-hero__eyebrow{color:#F04152 !important}
.ab-hero__feature{background:#FAF1E6 !important}
/* 3222812501-ab-mat.html */
.ab-mat{background:transparent !important}
.ab-mat__inner{background-color:transparent !important}
.ab-mat__card{background-color:#FAF1E6 !important}
.ab-mat__subtitle{color:#F04152 !important}
.ab-mat__btn{background:#F04152 !important}
.ab-mat__btn:hover{background:#D33948 !important}
@media (max-width:960px){.ab-mat__inner{background-color:transparent !important}}
@media (max-width:640px){.ab-mat__inner{background-color:transparent !important}}
@media (max-width:480px){.ab-mat__inner{background-color:transparent !important}}
/* 3222812801-ab-team.html */
.ab-team{background:transparent !important}
.ab-team__quote-block{background:#FAF1E6 !important}
.ab-team__quote-divider{background:#F04152 !important}
/* 3222813001-ab-cert.html */
.ab-cert{background:transparent !important}
.ab-cert__inner{background-color:transparent !important}
.ab-cert__item{background-color:#FAF1E6 !important}
.ab-cert__download{color:#F04152 !important}
.ab-cert__scrollbar-thumb{background:#F04152 !important}
@media (max-width:960px){.ab-cert__inner{background-color:transparent !important}}
@media (max-width:640px){.ab-cert__inner{background-color:transparent !important}}
@media (max-width:480px){.ab-cert__inner{background-color:transparent !important}}
/* 3223250601-dl-hero.html */
.dl-hero{background:transparent !important}
/* 3223263101-dl-methods.html */
.dl-methods{background:transparent !important}
.dl-methods__card{background:#FAF1E6 !important}
/* 3223265401-dl-cost.html */
.dl-cost{background:transparent !important}
.dl-cost__card{background:#FAF1E6 !important}
/* 3223271901-dl-track.html */
.dl-track{background:transparent !important}
.dl-track__card{background:#FAF1E6 !important}
/* 3223275401-dl-pay.html */
.dl-pay{background:transparent !important}
.dl-pay__card{background:#FAF1E6 !important}
/* 3223282501-dl-faq.html */
.dl-faq{background:transparent !important}
.dl-faq__item{background:#FAF1E6 !important}
.dl-faq__q-icon::before, .dl-faq__q-icon::after{background:#F04152 !important}
/* 3223291701-dl-cta.html */
.dl-cta__btn{background:#F04152 !important}
.dl-cta__btn:hover{background:#D33948 !important}
/* 3418183001-gss-mp.html */
.gss-mp__card{background:#FAF1E6 !important}
.gss-mp__stars{color:#FFC30F !important}
.gss-mp__rating{color:#F04152 !important}
.gss-mp__btn{background:#F04152 !important}
.gss-mp__btn:hover{background:#D33948 !important}
/* 3418658901-nf.html */
.nf{background:#F04152 !important}
.nf__number{color:#D33948 !important}
.nf__btn--primary{background:#F04152 !important}
.nf__btn--primary:hover{background:#D33948 !important}
/* 3431708501-gss-store.html */
.gss-store__card{background:#FAF1E6 !important}
.gss-store__btn{background:#F04152 !important}
.gss-store__btn:hover{background:#D33948 !important}
/* 3431708801-gss-wholesale.html */
.gss-wholesale__manager{background:#FAF1E6 !important}
.gss-wholesale__manager-contact a{color:#F04152 !important}
.gss-wholesale__manager-contact{color:#F04152 !important}
/* Кнопка «В корзину» — жёлтая: с 12.10.2026 задаётся в настройках блоков каталога Tilda (Кнопки), правила убраны (CSS v6). */
/* v4 09.10.2026: на iPhone страница ездила вбок (входящие #27). Игрушки hero вылезают за край блока
(так задумано, их обрезает .omh), но Safari не обрезает анимированные слои и расширяет страницу.
contain:paint обрезает всё внутри hero; overflow-x:clip на html/body — страховка для остальных блоков
(clip, а не hidden: не ломает прокрутку и «липкие» элементы). */
#allrecords .omh{overflow:clip !important;contain:paint}
html, body{overflow-x:clip !important}
/* v9 12.10.2026: корзина — иконками в шапке и нижнем меню, плавающий значок корзины Tilda скрыт; счётчик — HEAD блок 16.
(v22 26.10.2026: убраны стили корзины eShopLogistic и подсказки «Корзина пуста» — та корзина выключена с 15.10.) */
body a.t-menuwidgeticons__link[href="#opencart"]{display:block !important}
body a.t975__menu-link[href="#opencart"]{display:flex !important}
.t706__carticon{display:none !important}
.gss-cart-empty .js-carticon-counter{display:none !important}
.t975__icon-wrapper{position:relative}
.gss-cart-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;
background:#F04152;color:#fff;font:600 11px/18px 'Rubik',Arial,sans-serif;text-align:center}
.gss-cart-badge[hidden]{display:none !important}
/* ===== v11 · 21.10.2026 · правки дизайна Марины (каталог) ===== */
/* Список разделов слева: без разделительных линий, бежевая полоса прокрутки (одноцветные иконки — файлами от дизайнера) */
#allrecords .t-catalog__parts-switch-btn{box-shadow:none !important}
#allrecords .t-catalog__sidebar{scrollbar-color:#E8D9C7 transparent}
#allrecords .t-catalog__sidebar::-webkit-scrollbar-thumb{background:#E8D9C7 !important}
#allrecords .t-catalog__sidebar::-webkit-scrollbar-track{background:transparent !important}
/* Иконки разделов над товарами — на белом фоне */
#allrecords .t-catalog__parts-image-wrapper{background:#FFFFFF !important}
/* Поиск и сортировка («Популярные») — без обводки */
#allrecords .t-catalog__filter__input,#allrecords .t-catalog__filter .t-select,#allrecords .t-catalog__search-wrapper input{border:none !important}
/* Заголовок раздела каталога на цветной плашке; цвет и текст ставит блок-скрипт на странице «Каталог» */
#allrecords .gss-plaque{display:inline-block;color:#FFFFFF !important;background:var(--gss-plaque,#F04152);border-radius:0 999px 999px 0;padding:14px 56px 16px 0;line-height:1.1}
/* ===== v12 · 21.10.2026 · карточка товара: «Характеристики» на светлой плашке (макет Марины) ===== */
#allrecords .gss-chars__title{display:inline-block;width:auto !important;background:#FAF1E6;border-radius:999px;padding:8px 18px;font-weight:500}
/* ===== v13 · 21.10.2026 · цвет основного текста #716558 на всём сайте (решение Татьяны/Марины 21.10).
Список собран обходом 10 страниц: только элементы, у которых текст был тёмным (#2B2420 / чёрный) везде.
Белый текст на фото, плашках и кнопках не затронут. Жёлтые подвал и бегущая строка — тёмный текст (решение Сергея, читаемость). ===== */
#allrecords .t-menu__link-item,
#allrecords .t706__cartpage-heading.t-name.t-name_xl,
#allrecords .t-input-title.t-descr.t-descr_md,
#allrecords .t-input-subtitle.t-descr.t-descr_xxs.t-opacity_70,
#allrecords .t-radio__control.t-text.t-text_xs,
#allrecords .t-checkbox__control.t-checkbox__control_flex.t-text.t-text_xs,
#allrecords .t-checkbox__control.t-checkbox__control_flex.t-text.t-text_xs > span,
#allrecords .gss-pause,
#allrecords .gss-pause > b,
#allrecords .t706__cartwin-prodamount-label,
#allrecords .t706__cartwin-totalamount-label,
#allrecords .t706__sidebar-heading.t-name.t-name_xl,
#allrecords .t706__sidebar-prodamount-label,
#allrecords .t1002__wishlistwin-heading.t-name.t-name_xl,
#allrecords .t-input-title,
#allrecords .t-checkbox__labeltext,
#allrecords .t-section__title.t-title.t-title_xs.t-align_center.t-margin_auto,
#allrecords .t-section__descr.t-descr.t-descr_xl.t-align_center.t-margin_auto,
#allrecords .t-section__descr.t-descr.t-descr_xl.t-align_center.t-margin_auto > a,
#allrecords .t718__contacts.t-text.t-descr_xxxl > a,
#allrecords .t718__address.t-text.t-text_sm,
#allrecords .t-radio__item.t-radio__control.t-text.t-text_xs > span,
#allrecords .gss-mp__title,
#allrecords .gss-mp__name,
#allrecords .gss-store__title,
#allrecords .gss-store__name,
#allrecords .gss-store__addr > span,
#allrecords .gss-wholesale__title,
#allrecords .gss-chars__title,
#allrecords .gss-chars__val,
#allrecords .t-catalog__tabs__button-title.t-name.t-name_xs,
#allrecords .t-catalog__tabs__item-title.t-name.t-name_xs,
#allrecords .gq-text__title,
#allrecords .gq-text__body > p,
#allrecords .gq-text__mark > li,
#allrecords .ab-cert__title,
#allrecords .dl-hero__title:not(.gss-plq),
#allrecords .pr-pay__title,
#allrecords .pr-pay__text,
#allrecords .pr-pay__q,
#allrecords .pr-ret__title,
#allrecords .pr-ret__card > h3,
#allrecords .pr-ret__card > p,
#allrecords .pr-ret__note,
#allrecords .t-catalog__parts-back-top-title.t-catalog__parts-title.t-descr.t-descr_sm.t-catalog__parts-back-img-top-title-inline,
#allrecords .t-catalog__parts-title-prefix,
#allrecords .t-catalog__parts-title-lastword-text,
#allrecords .t-catalog__parts-item-title.t-catalog__parts-subpart-title.t-descr_xs,
#allrecords .usp2__title-main,
#allrecords .usp2__title,
#allrecords .sm-social__title,
#allrecords .sm-social__post-title,
#allrecords .rv__title,
#allrecords .rv__summary-label,
#allrecords .rv__card-text,
#allrecords .rv__card-name,
#allrecords .t-catalog__parts-item-title.t-catalog__parts-sidebar-title.t-descr_sm,
#allrecords .t-catalog__filter__opts-mob-btn.t-name.t-name_xs,
#allrecords .t-catalog__filter__item-title,
#allrecords .t-catalog__filter__title,
#allrecords .t-catalog__filter__btn-text.t-descr.t-descr_xxs,
#allrecords .t-catalog__filter__reset.t-descr.t-descr_xxs,
#allrecords .t-catalog__filter__prods-number.t-descr.t-descr_xxs,
#allrecords .ab-hero2__title,
#allrecords .ab-mat__age,
#allrecords .ab-team__title,
#allrecords .ab-team__founder-text,
#allrecords .ab-team__quote-mark,
#allrecords .ab-team__quote-text,
#allrecords .t-contact-method__title,
#allrecords .dl-methods__title,
#allrecords .dl-cost__title,
#allrecords .bn__btn,
#allrecords .t-catalog__card__title,
#allrecords .t-catalog__prod__name,
#allrecords .t-store__prod-popup__name{color:#716558 !important}
/* «В корзину» и «Выбрать доставку»: белый текст на жёлтой кнопке (согласовано 21.10) */
#allrecords .t-catalog__card__btn-text.t-btnflex__text,#allrecords .t-catalog__prod-popup__btn .t-btnflex__text,#allrecords .gss-dl-btn{color:#FFFFFF !important}
/* ===== v14 · 22.10.2026 · боковой список каталога по новым слайдам Марины ===== */
/* один кегль: разделы — medium, категории — light; розовые иконки крупнее; квадратики фильтров белые с бежевой обводкой */
#allrecords .t-catalog__sidebar .t-catalog__parts-item-title{font-size:15px !important;font-weight:500 !important}
#allrecords .t-catalog__sidebar .t-checkbox__control,#allrecords .t-catalog__sidebar .t-checkbox__labeltext{font-size:15px !important;font-weight:300 !important}
#allrecords .t-catalog__sidebar .t-catalog__parts-part-image-wrapper{width:30px !important;height:30px !important;min-width:30px !important}
#allrecords .t-catalog__sidebar .t-checkbox__indicator{border-color:#E8D9C7 !important;background:#FFFFFF !important;border-radius:4px}
/* ===== v15 · 22.10.2026 · боковой список каталога: доводка до макета Марины ===== */
/* в файлах иконок много пустого поля (рисунок 26–52 % холста) — увеличиваем рисунок внутри рамки */
#allrecords .t-catalog__sidebar .t-catalog__parts-part-image-wrapper{overflow:visible !important}
#allrecords .t-catalog__sidebar .t-catalog__parts-part-image{transform:scale(1.9);pointer-events:none}
/* квадратики фильтров: Tilda ставит красную обводку своим правилом с тем же весом и прозрачность 30 % — перебиваем */
#allrecords .t-catalog__sidebar .t-catalog__filter__item .t-checkbox__indicator:not(.t-catalog__filter__checkmark_color){border-color:#E8D9C7 !important;background:#FFFFFF !important;opacity:1 !important;border-width:1.5px !important;border-radius:4px}
/* ===== v16 · 22.10.2026 · скорость: заглушки карточек каталога на время загрузки ===== */
/* Товары приходят с сервера Tilda за 1–4 с; штатные заглушки Tilda были скрыты (…preloader_hidden) — на месте карточек
был белый экран. Показываем их бежевыми с переливом; после загрузки Tilda сама убирает контейнер (display:none). */
#allrecords .t-catalog__grid-cont-preloader_hidden{opacity:1 !important;visibility:visible !important}
#allrecords .js-catalog-grid-cont-preloader:not([style*="none"]){flex:1 1 100%;display:flex;flex-wrap:wrap;gap:24px 20px;align-content:flex-start}
#allrecords .js-catalog-grid-cont-preloader .t-catalog__grid-separator{display:none}
#allrecords .t-catalog__card-preloader{width:calc(25% - 15px) !important;max-width:none !important;margin:0 !important;padding:0 !important}
@media (max-width:959px){#allrecords .t-catalog__card-preloader{width:calc(50% - 10px) !important}}
#allrecords .t-catalog__card-preloader .t-catalog__card__img-preloader{width:100%}
#allrecords .t-catalog__card-preloader .t-catalog__card__img-preloader{background:linear-gradient(100deg,#F5EDE3 30%,#EADFD1 50%,#F5EDE3 70%) !important;background-size:300% 100% !important;border-radius:10px;animation:gss-shimmer 1.4s ease-in-out infinite}
@keyframes gss-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){#allrecords .t-catalog__card-preloader .t-catalog__card__img-preloader{animation:none}}
/* ===== v17 · 22.10.2026 · цвета текста по палитре Марины везде (созвон: «везде цвет, который запросила Марина») ===== */
/* Обход всех страниц после созвона: основной текст #716558, второстепенный #B7AFA6. Подвал и бегущая строка (жёлтые) — тёмный текст, как решено. */
#allrecords .sm-social__description,#allrecords .usp2__text,#allrecords .dl-cost__text,#allrecords .dl-hero__text,#allrecords .dl-methods__card-text,#allrecords .dl-methods__lead,#allrecords .dl-methods__tag,#allrecords .ab-cert__text,#allrecords .ab-cert__text strong,#allrecords .pr-ret__lead,#rec4975785801 p,#rec4975785801 li,#rec4975785801 b,#rec4975785901 li,#allrecords .t-catalog__breadcrumbs-item-text,#allrecords .t-catalog__prod-popup__name,#allrecords .t-catalog__relevants__title,#allrecords .t-catalog__prod-popup__text,#allrecords .t-catalog__prod-popup__text div,#rec3188195001 .t-text,#rec3188195001 .t-text strong,#rec3188195001 li,#rec3188195001 .quill-table__cell-line,#allrecords .t886__text,#allrecords .t886 .t-btnflex__text,#allrecords .t985__searchvariant,#allrecords .t-input__vis-ph,#allrecords .t-input-phonemask__select-code{color:#716558 !important}
#allrecords .rv__card-sub,#allrecords .rv__score-max,#allrecords .rv__summary-caption,#allrecords .sm-social__disclaimer,#allrecords .t-catalog__breadcrumbs-item_clickable,#allrecords .t-catalog__breadcrumbs-item_clickable *,#allrecords .ab-cert__caption,#allrecords .t-catalog__prod-popup__brand,#allrecords .t-catalog__prod-popup__brand span,#allrecords .t-catalog__prod-popup__sku,#allrecords .t-catalog__prod-popup__sku span,#allrecords .gss-chars__name{color:#B7AFA6 !important}
/* корзина и оформление заказа: поля, подписи, заголовки — цвет сайта; заголовки жирнее (созвон 22.10) */
#allrecords .t706 .t-input,#allrecords .t706 .t-select,#allrecords .t706 textarea,#allrecords .t706 .t-input-title,#allrecords .t706 .t-input-subtitle,#allrecords .t706 .t-radio__control,#allrecords .t706 .t-checkbox__control,#allrecords .t706 .t706__product-title,#allrecords .t706 .t706__product-plusminus,#allrecords .t706 .t706__product-amount,#allrecords .t706 .t706__cartwin-prodamount-label,#allrecords .t706 .t706__cartwin-prodamount,#allrecords .t706 .t706__cartwin-heading,#allrecords .t706 .t706__cartpage-heading,#allrecords .t706 .t-name,#allrecords .t706 .t-descr,#allrecords .t706 .t-text,#allrecords .t-form .t-input,#allrecords .t-form .t-input-title,#allrecords .t-form .t-input-subtitle{color:#716558 !important}
#allrecords .t706 .t-input-title,#allrecords .t706 .t706__cartwin-heading,#allrecords .t706 .t706__cartpage-heading{font-weight:600 !important}
/* ===== v18 · 23.10.2026 · заголовок раздела каталога на плашке меньше: 40 px на компьютере (Марина #486) ===== */
@media (min-width:960px){#allrecords .gss-plaque{font-size:40px !important}}
/* ===== v19 · 26.10.2026 · страница оформления заказа по макету Марины («Сайт правки», слайд 19). Разметку добавляет Блок 20 HEAD v35 (классы gss-co*). ===== */
.gss-co-plaque,.gss-co-plaque *,.gss-co-h,.gss-co-pay,.gss-co-pay *,.gss-co-promo,.gss-co-promo *,.gss-co-sum,.gss-co-submit{box-sizing:border-box}
.gss-co .gss-co-plaque{display:block;flex:0 0 100%;width:100%;margin:8px 0 28px}
.gss-co .gss-co-plaque span{position:relative;display:inline-block;background:#AED25C;color:#fff;border-radius:0 999px 999px 0;padding:12px 44px 14px 20px;font:700 32px/1.1 'Rubik',Arial,sans-serif}
.gss-co .gss-co-plaque span:before{content:'';position:absolute;top:0;bottom:0;right:100%;width:100vw;background:#AED25C}
.gss-co .t706__cartpage-content{flex-wrap:wrap}
.t706__cartpage.gss-co{overflow-x:hidden}
.gss-co-h{margin:30px 0 10px;color:#716558;font:600 20px/1.3 'Rubik',Arial,sans-serif}
.gss-co .t-input-group_dl > .t-input-title{display:none}
.gss-co .t706__auth{background:#FAF1E6;border-radius:999px;padding:16px 24px !important;color:#716558}
.gss-co .t-input-group_em,.gss-co .t-input-group_ph{vertical-align:top}
.gss-co .t-input-group_ph{display:flex !important;flex-direction:column}
.gss-co .t-input-group_ph>.t-input-subtitle{order:3;margin:8px 0 0 !important}
#allrecords .gss-co .gss-dl-btn,.gss-co .gss-dl-btn{display:inline-flex;align-items:center;gap:14px;background:#fff !important;color:#716558 !important;border:1.5px solid #EADFD1 !important;border-radius:999px;padding:12px 26px 12px 18px}
.gss-co .gss-dl-btn:before{content:'';width:38px;height:26px;flex:none;background:url('https://static.tildacdn.com/tila6230-3637-4633-b232-666136666265/lk-truck.png') center/contain no-repeat}
.gss-co-pay{margin:0 0 8px}
.gss-co-pay__box{border:1.5px solid #EADFD1;border-radius:24px;padding:16px 22px;color:#716558;font:400 15px/1.45 'Rubik',Arial,sans-serif}
.gss-co .t706__cartpage-info-wrapper{position:relative;background:#FAF1E6;border-radius:32px;padding:28px 28px 30px;margin-top:96px}
.gss-co-gus{display:block;width:170px;height:auto;margin:-120px auto 4px;pointer-events:none}
.gss-co-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 6px;color:#716558}
.gss-co-head b{font:600 22px/1.3 'Rubik',Arial,sans-serif}
.gss-co-head span{font:400 14px/1.3 'Rubik',Arial,sans-serif;color:#B7AFA6}
.gss-co .t706__cartpage-products .t706__product.gss-dl-line{display:none !important}
.gss-co .t706__cartpage-products .t706__product{display:grid !important;grid-template-columns:72px 1fr auto 24px;grid-template-areas:'img title title del' 'img qty amt del';column-gap:14px;row-gap:8px;align-items:center;height:auto !important;padding:14px 0 !important;border-bottom:1px solid #EADFD1}
.gss-co .t706__cartpage-products .t706__product>div{display:block !important;width:auto !important;padding:0 !important;margin:0 !important}
.gss-co .t706__product-thumb{grid-area:img}.gss-co .t706__product-title{grid-area:title}.gss-co .t706__product-plusminus{grid-area:qty;justify-self:start}.gss-co .t706__product-amount{grid-area:amt;font-weight:600}.gss-co .t706__product-del-wrapper{grid-area:del}
.gss-co .t706__cartpage-products .t706__product-imgdiv{width:72px !important;height:72px !important}
.gss-co .t706__cartpage-products .t706__product-imgdiv{border-radius:14px;background-color:#fff}
.gss-co-promo{display:flex;align-items:center;background:#fff;border-radius:999px;padding:4px 4px 4px 18px;margin:20px 0 6px}
.gss-co-promo input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 15px/1.3 'Rubik',Arial,sans-serif;color:#716558;padding:8px 0}
.gss-co-promo input::placeholder{color:#B7AFA6}
.gss-co-promo button{flex:none;border:0;border-radius:999px;background:#FFC30F;color:#fff;font:600 14px/1 'Rubik',Arial,sans-serif;padding:12px 18px;cursor:pointer}
.gss-co-promo-msg{min-height:0;margin:0 0 8px 18px;font:400 13px/1.4 'Rubik',Arial,sans-serif;color:#716558}
.gss-co-sum{margin:14px 0 0}
.gss-co-sum div{display:flex;justify-content:space-between;padding:6px 0;color:#716558;font:400 15px/1.4 'Rubik',Arial,sans-serif}
.gss-co-sum i{font-style:normal;color:#B7AFA6}
.gss-co .gss-co-hide{display:none !important}
.gss-co .t706__cartpage-totals{position:static !important;background:transparent !important;padding-left:0 !important;padding-right:0 !important}
.gss-co .t706__cartwin-totalamount-row_total{border-top:1px solid #EADFD1;margin-top:6px;padding-top:12px}
.gss-co-submit{display:block;width:100%;margin:18px 0 0;padding:16px 20px;border:0;border-radius:999px;background:#F04152;color:#fff;font:600 16px/1.2 'Rubik',Arial,sans-serif;cursor:pointer}
.gss-co-submit[aria-disabled=true]{background:#EFE9E1;color:#B7AFA6;cursor:not-allowed}
@media (min-width:960px){
.gss-co .t706__cartpage-form .t-input-group_pc,.gss-co .t706__cartpage-form .t-form__submit{display:none !important}
.gss-co .t-input-group_em{display:inline-block !important;width:calc(50% - 8px) !important}
.gss-co .t-input-group_ph{display:inline-flex !important;width:calc(50% - 8px) !important}
.gss-co .t-input-group_ph{margin-right:16px}
}
@media (max-width:959px){
.gss-co-plaque{display:none !important}
.gss-co-promo,.gss-co-promo-msg,.gss-co-submit{display:none !important}
.gss-co .t706__cartpage-info-wrapper{margin-top:90px;padding:24px 18px 26px;border-radius:24px}
.gss-co-gus{width:140px;margin-top:-104px}
.gss-co .t706__cartpage-form{margin-top:24px}
}
/* ===== v20 · 26.10.2026 · оформление заказа: правки Сергея по живому сайту ===== */
/* Поля не переставляем (мешало Tilda): почта и телефон в строку в исходном порядке */
@media (min-width:960px){
.gss-co .t-input-group_ph{margin-right:0 !important}
.gss-co .t-input-group_em{margin-right:12px}
/* карточка «Ваш заказ» — вровень с началом формы, гусеница заходит на строку с плашкой */
.gss-co .t706__cartpage-info-wrapper{margin-top:0}
}
/* без светлой полосы на стыке плашки */
.gss-co .gss-co-plaque span:before{right:calc(100% - 2px)}
/* ===== v21 · 26.10.2026 · стили из HEAD (v36 → v37), порядок тот же. Файл custom.css подключается прямо перед HEAD, поэтому каскад не меняется. ===== */
/* --- из HEAD, Блок 2 --- */
.gss-edge-fade{
position:fixed;
top:0;
width:56px;
z-index:999999;
pointer-events:none;
opacity:0;
transition:opacity .2s ease;
}
.gss-edge-fade--left{
left:0;
background:linear-gradient(to right, var(--gss-edge-color,#fff) 0%, var(--gss-edge-color,#fff) 50%, var(--gss-edge-color-t,rgba(255,255,255,0)) 100%);
}
.gss-edge-fade--right{
right:0;
background:linear-gradient(to left, var(--gss-edge-color,#fff) 0%, var(--gss-edge-color,#fff) 50%, var(--gss-edge-color-t,rgba(255,255,255,0)) 100%);
}
.gss-edge-fade.is-visible{opacity:1;}
@media (min-width:961px){.gss-edge-fade{display:none;}}
/* --- из HEAD, Блок 3 --- */
.disc-badge{
position:absolute;
top:12px;
left:12px;
z-index:5;
/* 08.10.2026: красный из палитры логотипа + тень — жёлтый терялся на ярких обложках */
background:#F04152;
color:#fff;
font-family:'Rubik', sans-serif;
font-weight:800;
letter-spacing:.2px;
box-shadow:0 4px 14px rgba(240,65,82,.45), 0 1px 3px rgba(0,0,0,.25);
font-size:16px;
line-height:1;
padding:10px 14px;
border-radius:999px;
border:2px solid #fff;
box-sizing:border-box;
pointer-events:none;
}
@media (max-width:640px){
.disc-badge{ top:8px; left:8px; font-size:14px; padding:8px 12px; }
}
/* --- из HEAD, Блок 4 --- */
/* 09.10.2026 (макет Марины/Татьяны): плашка вплотную к правому краю, без обводки и тени,
скруглена только слева */
.t-catalog__card .disc-badge{
left:auto !important;
right:0 !important;
top:12px !important;
border:0 !important;
box-shadow:none !important;
border-radius:8px 0 0 8px !important;
font-weight:700 !important;
font-size:14px !important;
padding:6px 10px 6px 12px !important;
}
/* компьютер: карточки шире — плашка крупнее (Сергей, 09.10.2026) */
@media (min-width:961px){
.t-catalog__card .disc-badge{
top:16px !important;
font-size:18px !important;
padding:8px 14px 8px 16px !important;
border-radius:10px 0 0 10px !important;
}
}
@media (max-width: 640px){
.t-catalog__card .js-catalog-buttons-wrapper{
display:flex !important;
flex-direction:row !important;
flex-wrap:nowrap !important;
align-items:center !important;
justify-content:space-between !important;
gap:10px !important;
}
.t-catalog__card .js-catalog-prod-btn2{
order:0;
flex:0 0 auto !important;
width:44px !important;
height:44px !important;
min-width:44px !important;
padding:0 !important;
border-radius:50% !important;
background-color:#FFC30F !important; /* жёлтая «В корзину» — палитра 08.10.2026 */
display:flex !important;
align-items:center;
justify-content:center;
}
.t-catalog__card .js-catalog-prod-btn2 .t-catalog__card__btn-text{
display:none !important;
}
.t-catalog__card .js-catalog-prod-btn2::before{
content:'';
display:block;
width:20px;
height:20px;
background:url('https://static.tildacdn.com/tild3365-3563-4166-a334-383736623233/vector.svg') center/contain no-repeat;
filter:brightness(0); /* тёмная иконка на жёлтом, как текст кнопки на компьютере: белый на жёлтом не читается (контраст 1,6), решение Сергея 09.10.2026 */
}
.t-catalog__card .t1002__addBtn{
order:1;
flex:0 0 auto !important;
}
}
/* --- из HEAD, Блок 5 --- */
.t-catalog__prod-popup__text.gss-descr-collapsed{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4; /* сколько строк видно в свёрнутом виде — можно поменять */
overflow:hidden;
}
.gss-descr-toggle{
display:inline-block;
margin-top:8px;
color:#F04152;
text-decoration:underline;
text-underline-offset:2px;
cursor:pointer;
background:none;
border:none;
padding:0;
}
/* --- из HEAD, Блок 6a --- */
.gss-popup-nav {
display:flex; align-items:center; gap:20px;
margin:0 0 10px;
/* поднимаем блок так, чтобы он визуально оказался в одной строке
с крестиком закрытия попапа (крестик — на фиксированной позиции
сверху попапа, а этот блок стоит в начале контента с большим
верхним отступом контейнера, поэтому "подтягиваем" его вверх
отрицательным margin) */
margin-top:-90px;
position:relative;
z-index:10;
font-family:'Rubik', sans-serif;
}
.gss-popup-nav__btn {
display:inline-flex; align-items:center; gap:6px;
color:#F04152; text-decoration:underline; text-underline-offset:3px;
font-weight:600; font-size:14px; line-height:1;
cursor:pointer; background:none; border:none; padding:0;
font-family:'Rubik', sans-serif;
}
.gss-popup-nav__btn svg { width:14px; height:14px; flex:0 0 auto; }
/* на мобильных отступ сверху у попапа меньше, поэтому и подтягивать
нужно на меньшую величину — если на реальном телефоне окажется
не в притык к крестику, эту цифру достаточно поправить точечно */
@media (max-width:640px){
.gss-popup-nav { margin-top:-45px; }
}
/* --- из HEAD, Блок 6b --- */
/* базовое поведение — на всех разрешениях: не переносить, а скроллить */
.js-catalog-relevants-grid-cont .t-catalog__card-list {
display:flex !important;
flex-wrap:nowrap !important;
align-items:stretch !important;
overflow-x:auto !important;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
scrollbar-width:none;
column-gap:20px !important;
}
.js-catalog-relevants-grid-cont .t-catalog__card-list::-webkit-scrollbar {
display:none;
}
.js-catalog-relevants-grid-cont .t-catalog__card-list .js-product-relevant {
flex:0 0 auto !important;
scroll-snap-align:start;
margin-right:0 !important; /* гасим родную margin-right — расстояние теперь только через column-gap */
}
/* только на мобильных — своя ширина карточки (2 колонки + кусок третьей),
явный фон карточки (на мобильном он почему-то пропадал) и выравнивание
кнопок по нижнему краю независимо от длины названия товара.
Ставим и column-gap, и запасной margin-right на случай, если мобильный
карусельный скрипт Тильды сам управляет отступами и где-то их сбрасывает. */
@media (max-width:640px) {
.js-catalog-relevants-grid-cont .t-catalog__card-list {
column-gap:16px !important;
gap:16px !important;
}
.js-catalog-relevants-grid-cont .t-catalog__card-list .js-product-relevant {
display:flex !important;
flex-direction:column !important;
box-sizing:border-box !important;
width:64% !important;
max-width:64% !important;
min-width:0 !important;
height:auto !important;
background:#FAF1E6 !important; /* светло-бежевая карточка на белой странице (палитра 08.10.2026) */
border-radius:16px !important;
overflow:hidden;
/* margin-right гасим — расстояние теперь ТОЛЬКО через column-gap,
иначе оно складывается с gap и отступ становится вдвое больше */
margin-right:0 !important;
}
.js-catalog-relevants-grid-cont .t-catalog__card-list .js-product-relevant .t-catalog__card__wrap_txt-and-btns {
flex:1 1 auto !important;
display:flex !important;
flex-direction:column !important;
height:auto !important;
box-sizing:border-box !important;
padding:16px !important;
}
.js-catalog-relevants-grid-cont .t-catalog__card-list .js-product-relevant .js-catalog-buttons-wrapper {
margin-top:auto !important;
}
/* запас снизу, чтобы нижнее мобильное меню/панель "В корзину" не перекрывали блок */
.t-catalog__relevants__container {
padding-bottom:90px !important;
}
}
/* --- из HEAD, Блок 6c --- */
.gss-relevants-arrow {
position:absolute; top:35%; transform:translateY(-50%);
width:40px; height:40px; border-radius:50%;
background:#fff; border:none; box-shadow:0 4px 14px rgba(43,36,32,.15);
display:flex; align-items:center; justify-content:center;
cursor:pointer; z-index:5; color:#2B2420; padding:0;
transition:opacity .2s ease, box-shadow .2s ease;
}
.gss-relevants-arrow svg { width:18px; height:18px; }
.gss-relevants-arrow:hover { box-shadow:0 6px 18px rgba(43,36,32,.22); }
/* держим стрелки внутри контейнера (не -20px наружу), чтобы справа их не перекрывал
нативный вертикальный скроллбар страницы */
.gss-relevants-arrow--prev { left:12px; }
.gss-relevants-arrow--next { right:12px; }
.gss-relevants-arrow[disabled] { opacity:0; pointer-events:none; }
.gss-relevants-scrollbar {
position:relative; height:5px; margin-top:16px;
border-radius:999px; background:#F0EEE9; cursor:pointer;
}
.gss-relevants-scrollbar-thumb {
position:absolute; top:0; left:0; height:100%;
border-radius:999px; background:#F04152;
transition:width .05s linear, left .05s linear;
cursor:grab;
}
/* на мобильных прячем только стрелки (там листают свайпом),
полосу прокрутки внизу оставляем как индикатор */
@media (max-width:640px) {
.gss-relevants-arrow { display:none !important; }
}
/* --- из HEAD, Блок 7 --- */
html {
scrollbar-color: #F04152 #F0EEE9; /* Firefox: thumb, track */
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #F0EEE9;
}
::-webkit-scrollbar-thumb {
background-color: #F04152;
border-radius: 999px;
border: 2px solid #F0EEE9;
}
::-webkit-scrollbar-thumb:hover {
background-color: #D33948;
}
/* --- из HEAD, Блок 8 --- */
.gss-chars-on .js-catalog-prod-all-charcs{ display:none !important; }
.t-catalog__filter__title{ display:inline-block; }
.t-catalog__filter__title::first-letter{ text-transform:uppercase; }
.gss-chars{
margin-top:32px;
font-family:'Rubik', Arial, sans-serif;
}
.gss-chars__title{
margin:0 0 12px;
font-size:18px;
line-height:1.3;
font-weight:600;
color:#2B2420;
}
.gss-chars__row{
display:grid;
grid-template-columns:minmax(0, 42%) minmax(0, 1fr);
gap:16px;
padding:12px 0;
border-bottom:1px solid #F0EEE9;
font-size:15px;
line-height:1.45;
}
.gss-chars__row:last-child{ border-bottom:none; }
.gss-chars__name{ color:#9A8F86; }
.gss-chars__val{ color:#2B2420; }
@media (max-width:640px){
.gss-chars{ margin-top:24px; }
.gss-chars__row{ gap:12px; padding:10px 0; font-size:14px; }
}
/* --- из HEAD, Блок 9 --- */
.gss-vid-fill{ overflow:hidden !important; border-radius:10px;
-webkit-mask-image:-webkit-radial-gradient(white, black); } /* маска — чтобы Safari тоже скруглял видео */
.gss-vid-fill > iframe{ position:relative; }
/* скругление с первой секунды, ещё до старта ролика (08.10.2026) */
.gss-vid-round{ overflow:hidden !important;
-webkit-mask-image:-webkit-radial-gradient(white, black); }
/* пока ролик грузится — фото слайда с индикатором вместо чёрного плеера VK */
.gss-vid-cover.loading{ cursor:default; }
.gss-vid-cover.loading span svg{ display:none; }
.gss-vid-cover.loading span::after{
content:''; width:24px; height:24px; border-radius:50%;
border:3px solid rgba(255,255,255,.35); border-top-color:#fff;
animation:gss-vid-spin .8s linear infinite;
}
@keyframes gss-vid-spin{ to{ transform:rotate(360deg); } }
/* обложка на паузе: прячет экран рекомендаций VK */
.gss-vid-cover{
position:absolute; inset:0; z-index:4; display:none; cursor:pointer;
background:#2B2420 center/cover no-repeat;
}
.gss-vid-cover.on{ display:block; }
.gss-vid-cover span{
position:absolute; left:50%; top:50%; width:64px; height:64px; margin:-32px 0 0 -32px;
border-radius:50%; background:rgba(43,36,32,.55); color:#fff;
display:flex; align-items:center; justify-content:center;
-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}
.gss-vid-cover span svg{ width:28px; height:28px; margin-left:4px; }
.gss-vid-cover:hover span{ background:#F04152; }
/* прозрачный слой над роликом на телефоне: свайп уходит слайдеру Tilda, а не во фрейм VK */
.gss-vid-touch{ position:absolute; inset:0; z-index:3; display:none; }
.gss-vid-touch.on{ display:block; }
.gss-vid-ctrl{
position:absolute; right:12px; bottom:12px; z-index:5;
display:none; gap:8px;
}
.gss-vid-ctrl.on{ display:flex; }
.gss-vid-btn{
width:40px; height:40px; border-radius:50%; border:none; padding:0;
background:rgba(43,36,32,.55); color:#fff; cursor:pointer;
display:flex; align-items:center; justify-content:center;
-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
transition:background .2s ease;
}
.gss-vid-btn:hover{ background:#F04152; }
.gss-vid-btn svg{ width:20px; height:20px; display:block; }
@media (max-width:640px){
.gss-vid-ctrl{ right:10px; bottom:10px; }
.gss-vid-btn{ width:36px; height:36px; }
}
/* --- из HEAD, Блок 10 --- */
/* старая цена: крупнее, темнее, заметная косая черта */
.t-catalog__card__price_old{ font-size:13px !important; color:#8A7E74 !important; }
.t-catalog__card__price_old .t-catalog__card__price-value,
.t-catalog__card__price_old .t-catalog__card__price-currency{ font-size:13px !important; color:#8A7E74 !important; }
.t-catalog__prod-popup__price_old{ font-size:18px !important; color:#7A6E64 !important; }
.t-catalog__prod-popup__price_old .t-catalog__prod-popup__price-value,
.t-catalog__prod-popup__price_old .t-catalog__prod-popup__price-currency{ font-size:18px !important; color:#7A6E64 !important; }
.t-catalog__card__price_old::after,
.t-catalog__prod-popup__price_old::after{
/* 09.10.2026: прямая линия цвета старой цены (была красная косая) */
height:1px !important; background-color:currentColor !important;
transform:none !important; border-radius:0;
}
/* «Выгода …» — отдельной строкой под ценами */
.gss-save{
flex-basis:100%; order:10;
margin-top:4px; font-family:'Rubik', Arial, sans-serif;
font-size:12px; line-height:1.3; font-weight:400; color:#F04152; /* красная, обычная — макет 09.10.2026 */
}
.t-catalog__prod-popup__price-wrapper .gss-save{ font-size:15px; margin-top:6px; }
/* --- из HEAD, Блок 12 --- */
/* 12.10.2026: отступы карточки, размер/цвет/начертание названия и цвет кнопки «В корзину» перенесены
в настройки блоков каталога Tilda (Карточка → Отступ; Типографика → Название; Кнопки) — правит клиент сам.
Цена осталась здесь: штатная настройка цены меняет и цену в открытой карточке товара. */
#allrecords .t-catalog__card .t-catalog__card__price{ font-size:18px !important; }
.gss-title-q{ display:block; }
@media (min-width:961px){
#allrecords .t-catalog__card .t-catalog__card__price{ font-size:20px !important; }
}
/* --- из HEAD, Блок 11 --- */
.t-catalog__tabs__item-title,
.t-catalog__tabs__button-title{
font-family:'Rubik', Arial, sans-serif !important;
font-size:18px !important; line-height:1.3 !important;
font-weight:600 !important; color:#2B2420 !important;
}
.t-catalog__tabs__content{
font-family:'Rubik', Arial, sans-serif !important;
font-size:15px !important; line-height:1.45 !important;
font-weight:400 !important; color:#2B2420 !important;
}
.t-catalog__tabs__content li{ font-size:inherit !important; line-height:inherit !important; margin-bottom:6px; }
.t-catalog__tabs__item-button,
.t-catalog__tabs__button{ border-color:#F0EEE9 !important; }
@media (max-width:640px){
.t-catalog__tabs__content{ font-size:14px !important; }
}
/* --- из HEAD, Блок 19 --- */
html.gss-no-userbar .tlk-userbar{ display:none !important; }
/* --- из HEAD, Блок 20 --- */
.js-product[data-product-gen-uid="107436579503"], .js-product[data-product-uid="107436579503"]{ display:none !important; }
/* --- из HEAD, Блок 19 --- */
html.gss-paused .t706__sidebar-continue,html.gss-paused .t706__cartpage-open-form,html.gss-paused .t706 .t-form__submit,html.gss-paused .t706 .t706__orderform{display:none!important}
.gss-pause{margin:16px 0;padding:18px 20px;border-radius:16px;background:#FAF1E6;color:#2B2420;font:400 15px/1.5 'Rubik',Arial,sans-serif}
.gss-pause b{display:block;font-weight:600;margin-bottom:6px}
.gss-pause a{color:#F04152;text-decoration:none;border-bottom:1px solid currentColor}
.gss-pause-btn{display:block;margin:16px 0 0;padding:15px 20px;border-radius:999px;background:#EFE9E1;color:#B7AFA6;text-align:center;font:600 16px/1.2 'Rubik',Arial,sans-serif;cursor:not-allowed;user-select:none}