@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@700;900&family=Manrope:wght@500;600;700;800&display=swap");
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #141016);
  --bg-is-dark:var(--draft-bg-is-dark, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #2c2330);
  --bg-minor-shade-is-dark:var(--draft-bg-minor-shade-is-dark, true);
  --bg-major-shade:var(--draft-bg-major-shade, #45374c);
  --bg-major-shade-is-dark:var(--draft-bg-major-shade-is-dark, true);
  --bg-half-shade:var(--draft-bg-half-shade, #8f759b);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #F2A7BF);
  --color-btn-bg-is-light:var(--draft-color-btn-bg-is-light, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #f09cb6);
  --color-btn-bg-minor-shade-is-light:var(--draft-color-btn-bg-minor-shade-is-light, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #ee8dac);
  --color-btn-bg-major-shade-is-dark:var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #b11b4a);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #F2A7BF);
  --color-accent-text-is-light:var(--draft-color-accent-text-is-light, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #f09cb6);
  --color-accent-text-minor-shade-is-light:var(--draft-color-accent-text-minor-shade-is-light, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #ee8dac);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #b11b4a);
  --color-accent-text-half-shade-is-dark:var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark:var(--draft-color-text-dark, #141016);
  --color-text-dark-is-dark:var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade:var(--draft-color-text-dark-minor-shade, #2c2330);
  --color-text-dark-minor-shade-is-dark:var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade:var(--draft-color-text-dark-major-shade, #45374c);
  --color-text-dark-major-shade-is-dark:var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade:var(--draft-color-text-dark-half-shade, #8f759b);
  --color-text-dark-half-shade-is-dark:var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light:var(--draft-color-text-light, #FFFFFF);
  --color-text-light-is-light:var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade:var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light:var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade:var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light:var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade:var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark:var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack:var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning:var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light:var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade:var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light:var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade:var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light:var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade:var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark:var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success:var(--draft-color-notice-success, #F2A7BF);
  --color-notice-success-is-light:var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade:var(--draft-color-notice-success-minor-shade, #f09cb6);
  --color-notice-success-minor-shade-is-light:var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade:var(--draft-color-notice-success-major-shade, #ee8dac);
  --color-notice-success-major-shade-is-dark:var(--draft-color-notice-success-major-shade-is-dark, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #b11b4a);
  --color-notice-success-half-shade-is-dark:var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error:var(--draft-color-notice-error, #F2A7BF);
  --color-notice-error-is-light:var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade:var(--draft-color-notice-error-minor-shade, #f09cb6);
  --color-notice-error-minor-shade-is-light:var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade:var(--draft-color-notice-error-major-shade, #ee8dac);
  --color-notice-error-major-shade-is-dark:var(--draft-color-notice-error-major-shade-is-dark, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #b11b4a);
  --color-notice-error-half-shade-is-dark:var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info:var(--draft-color-notice-info, #F2A7BF);
  --color-notice-info-is-light:var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade:var(--draft-color-notice-info-minor-shade, #f09cb6);
  --color-notice-info-minor-shade-is-light:var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade:var(--draft-color-notice-info-major-shade, #ee8dac);
  --color-notice-info-major-shade-is-dark:var(--draft-color-notice-info-major-shade-is-dark, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #b11b4a);
  --color-notice-info-half-shade-is-dark:var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family:var(--draft-font-family, 'PT Root UI');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'PT Root UI');
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 20);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1470px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --sidebar_index_show:var(--draft-sidebar_index_show, true);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position:var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show:var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position:var(--draft-sidebar_cart_position, left);
  --sidebar_product_show:var(--draft-sidebar_product_show, true);
  --sidebar_product_position:var(--draft-sidebar_product_position, left);
  --sidebar_blog_show:var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position:var(--draft-sidebar_blog_position, right);
  --sidebar_article_show:var(--draft-sidebar_article_show, false);
  --sidebar_article_position:var(--draft-sidebar_article_position, left);
  --sidebar_page_show:var(--draft-sidebar_page_show, false);
  --sidebar_page_position:var(--draft-sidebar_page_position, left);
  --sidebar_compare_show:var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position:var(--draft-sidebar_compare_position, left);
  --sidebar_search_show:var(--draft-sidebar_search_show, false);
  --sidebar_search_position:var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled:var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled:var(--draft-favorite_enabled, true);
  --compare_enabled:var(--draft-compare_enabled, false); }

/* line 4, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 12, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 17, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 20, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 23, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* =========================================================
   GERFAP — молодёжный стиль поверх темы InSales (виджеты v4)
   Подключение: добавьте этот файл в тему как свой CSS
   (или вставьте в поле «Пользовательский CSS»), он должен
   загружаться ПОСЛЕ стилей темы.
   ========================================================= */
/* line 38, theme.scss */
:root {
  --gf-bg: #120F14;
  --gf-surface: #1C1720;
  --gf-surface-2: #241D28;
  --gf-line: #2C2431;
  --gf-text: #FFF3F8;
  --gf-muted: #CBBBC6;
  --gf-pink: #FF4F9A;
  --gf-lime: #C8FF3D;
  --gf-lilac: #B9A5FF;
  --gf-ink: #120F14;
  --gf-display: 'Unbounded', 'PT Root UI', sans-serif;
  --gf-body: 'Manrope', 'PT Root UI', sans-serif; }

/* ---------- База ---------- */
/* line 54, theme.scss */
body,
.page_layout {
  background: var(--gf-bg) !important;
  font-family: var(--gf-body) !important;
  color: var(--gf-text); }

/* line 61, theme.scss */
.heading,
.special-products__title,
.benefit-list__title,
.tabs__head-label,
h1, h2, h3 {
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em; }

/* ---------- Кнопки: «таблетки» ---------- */
/* line 72, theme.scss */
.button {
  border-radius: 999px !important;
  font-family: var(--gf-body) !important;
  font-weight: 800 !important;
  transition: transform .15s ease, background-color .15s ease; }

/* line 78, theme.scss */
.button:hover {
  transform: translateY(-1px); }

/* ---------- Верхняя полоса: кислотный лайм ---------- */
/* line 81, theme.scss */
.header-part-top {
  background: var(--gf-lime) !important; }

/* line 84, theme.scss */
.header-part-top,
.header-part-top a,
.header__menu-link,
.header__work-time,
.header__phone-value {
  color: var(--gf-ink) !important;
  font-weight: 700 !important; }

/* ---------- Шапка ---------- */
/* line 94, theme.scss */
.header-part-main {
  background: var(--gf-bg) !important; }

/* line 96, theme.scss */
.header__logo,
.header__logo a {
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em; }

/* line 103, theme.scss */
.header__show-collection-btn,
.js-show-header-collections {
  background: var(--gf-pink) !important;
  color: var(--gf-ink) !important;
  border-radius: 999px !important; }

/* line 110, theme.scss */
.header__search-field {
  border-radius: 999px 0 0 999px !important;
  border: 2px solid #3A2F40 !important;
  background: var(--gf-surface) !important;
  color: var(--gf-text) !important;
  padding-left: 22px !important; }

/* line 117, theme.scss */
.header__search-btn {
  border-radius: 0 999px 999px 0 !important;
  background: var(--gf-pink) !important;
  color: var(--gf-ink) !important; }

/* line 123, theme.scss */
.header__control-bage {
  background: var(--gf-lime) !important;
  color: var(--gf-ink) !important;
  font-weight: 800 !important; }

/* ---------- Главный баннер ---------- */
/* line 130, theme.scss */
.promo-slider__item,
.promo-slider__item-photo,
.promo-slider .splide__track {
  border-radius: 36px !important;
  overflow: hidden; }

/* Текст уже в картинке — плашку под баннером прячем.
   Если хотите оставить подпись, удалите это правило. */
/* line 138, theme.scss */
.promo-slider__item-content {
  display: none !important; }

/* ---------- Плитки категорий на главной (слайдер) ---------- */
/* line 141, theme.scss */
.collection-preview__photo .img-ratio {
  border-radius: 28px !important;
  overflow: hidden;
  background: var(--gf-pink) !important; }

/* line 146, theme.scss */
.collection-preview__photo img {
  mix-blend-mode: multiply; }

/* line 147, theme.scss */
.collections .splide__slide:nth-child(4n+2) .collection-preview__photo .img-ratio {
  background: var(--gf-lime) !important; }

/* line 148, theme.scss */
.collections .splide__slide:nth-child(4n+3) .collection-preview__photo .img-ratio {
  background: var(--gf-lilac) !important; }

/* line 149, theme.scss */
.collections .splide__slide:nth-child(4n+4) .collection-preview__photo .img-ratio {
  background: #FFB4D2 !important; }

/* line 150, theme.scss */
.collection-preview__title {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  font-size: 16px !important; }

/* ---------- Плитки категорий в каталоге: цветные подложки ---------- */
/* line 157, theme.scss */
.collection-item {
  border-radius: 28px !important;
  overflow: hidden; }

/* line 158, theme.scss */
.collection-img,
.collection-item .img-ratio {
  border-radius: 28px !important;
  background: var(--gf-pink) !important; }

/* line 163, theme.scss */
.collection-item:nth-child(4n+2) .collection-img,
.collection-item:nth-child(4n+2) .img-ratio {
  background: var(--gf-lime) !important; }

/* line 165, theme.scss */
.collection-item:nth-child(4n+3) .collection-img,
.collection-item:nth-child(4n+3) .img-ratio {
  background: var(--gf-lilac) !important; }

/* line 167, theme.scss */
.collection-item:nth-child(4n+4) .collection-img,
.collection-item:nth-child(4n+4) .img-ratio {
  background: #FFB4D2 !important; }

/* line 169, theme.scss */
.collection-img img,
.collection-item img {
  mix-blend-mode: multiply; }

/* line 171, theme.scss */
.collection-title {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  margin-top: 10px; }

/* ---------- Вкладки «Хиты / Новинки» ---------- */
/* line 179, theme.scss */
.tabs__head-item {
  border: 2px solid #3A2F40 !important;
  border-radius: 999px !important;
  padding: 10px 22px !important;
  margin-right: 8px; }

/* line 185, theme.scss */
.tabs__head-item.is-active {
  background: var(--gf-lime) !important;
  border-color: var(--gf-lime) !important; }

/* line 189, theme.scss */
.tabs__head-item.is-active .tabs__head-label {
  color: var(--gf-ink) !important; }

/* line 190, theme.scss */
.tabs__head-label {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--gf-text) !important; }

/* ---------- Карточка товара ---------- */
/* line 193, theme.scss */
.product-preview {
  background: var(--gf-surface) !important;
  border: 2px solid var(--gf-line) !important;
  border-radius: 28px !important;
  padding: 12px !important;
  transition: transform .2s ease, border-color .2s ease; }

/* line 200, theme.scss */
.product-preview:hover {
  transform: translateY(-4px);
  border-color: var(--gf-pink) !important; }

/* line 204, theme.scss */
.product-preview__photo,
.product-preview__area-photo .img-ratio {
  border-radius: 20px !important;
  overflow: hidden;
  background: #FFE3EE !important; }

/* line 210, theme.scss */
.product-preview__photo img {
  mix-blend-mode: multiply; }

/* line 212, theme.scss */
.product-preview__title,
.product-preview__title a {
  color: var(--gf-text) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.35 !important; }

/* line 219, theme.scss */
.product-preview__price-cur {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  color: var(--gf-text) !important; }

/* line 224, theme.scss */
.product-preview__price-old {
  color: #8E7E8B !important; }

/* line 226, theme.scss */
.product-preview__buy-btn,
.product-preview__detail-btn {
  background: var(--gf-pink) !important;
  color: var(--gf-ink) !important;
  border: none !important; }

/* Стикеры «Скидка», «Хит» */
/* line 234, theme.scss */
.sticker {
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 4px 12px !important; }

/* line 239, theme.scss */
.sticker-sale {
  background: var(--gf-lime) !important;
  color: var(--gf-ink) !important; }

/* ---------- Баннеры в 2 ряда ---------- */
/* line 242, theme.scss */
.banner-list__item,
.banner-list__item-photo {
  border-radius: 32px !important;
  overflow: hidden; }

/* ---------- Блок преимуществ ---------- */
/* line 246, theme.scss */
.benefit-list__item {
  border: 2px solid #3A2F40 !important;
  border-radius: 28px !important;
  padding: 28px !important; }

/* line 251, theme.scss */
.benefit-list__item-title {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  font-size: 20px !important; }

/* line 256, theme.scss */
.benefit-list__item:nth-child(3n+1) .benefit-list__item-title {
  color: var(--gf-lime) !important; }

/* line 257, theme.scss */
.benefit-list__item:nth-child(3n+2) .benefit-list__item-title {
  color: var(--gf-pink) !important; }

/* line 258, theme.scss */
.benefit-list__item:nth-child(3n+3) .benefit-list__item-title {
  color: var(--gf-lilac) !important; }

/* line 259, theme.scss */
.benefit-list__item-description {
  color: var(--gf-muted) !important; }

/* ---------- Левое меню категорий ---------- */
/* line 262, theme.scss */
.sidebar-collections__link {
  border-radius: 999px;
  padding: 8px 14px !important;
  font-weight: 600 !important;
  transition: background-color .15s ease, color .15s ease; }

/* line 268, theme.scss */
.sidebar-collections__link:hover {
  background: var(--gf-pink);
  color: var(--gf-ink) !important; }

/* ---------- Подвал ---------- */
/* line 274, theme.scss */
.footer__logo,
.footer__logo a {
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  font-size: 40px !important;
  letter-spacing: -0.04em; }

/* ---------- Окно 18+ ---------- */
/* line 283, theme.scss */
.age-banner {
  border-radius: 28px !important;
  font-family: var(--gf-body) !important; }

/* line 287, theme.scss */
.age-banner .button_in {
  background: var(--gf-pink) !important;
  color: var(--gf-ink) !important; }

/* ---------- Кнопка «наверх» ---------- */
/* line 293, theme.scss */
.btn-on-top {
  background: var(--gf-lime) !important;
  color: var(--gf-ink) !important;
  border-radius: 999px !important; }

/* =========================================================
   GERFAP — дополнение №2
   Вставьте В КОНЕЦ theme.scss, после первого блока стилей.
   ========================================================= */
/* ---------- Кнопки покупки: новый розовый вместо старого ---------- */
/* line 305, theme.scss */
.add-cart-counter__btn,
.add-cart-counter__controls-btn,
.product__preorder-btn,
.product-preview__buy-btn,
.button--checkout {
  background: var(--gf-pink) !important;
  border-color: var(--gf-pink) !important;
  color: var(--gf-ink) !important; }

/* line 314, theme.scss */
.add-cart-counter__detail {
  background: var(--gf-surface-2) !important;
  color: var(--gf-text) !important; }

/* line 318, theme.scss */
.product__buy-one-click .button {
  border: 2px solid var(--gf-lime) !important;
  color: var(--gf-lime) !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  background: transparent !important; }

/* line 325, theme.scss */
.product__buy-one-click .button:hover {
  background: var(--gf-lime) !important;
  color: var(--gf-ink) !important; }

/* ---------- Карточка товара ---------- */
/* Длинные названия — читаемым шрифтом, а не Unbounded */
/* line 332, theme.scss */
.product__title,
.product__title h1,
.product-form__area-title h1 {
  font-family: var(--gf-body) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important; }

/* line 341, theme.scss */
.product__price-cur {
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  font-size: 34px !important;
  color: var(--gf-text) !important; }

/* line 347, theme.scss */
.product__photo {
  border-radius: 28px !important;
  overflow: hidden;
  background: #FFE3EE !important; }

/* line 352, theme.scss */
.product__photo img {
  mix-blend-mode: multiply; }

/* line 354, theme.scss */
.product__block-title {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important; }

/* line 358, theme.scss */
.product__properties,
.product__area-properties > * {
  border-radius: 24px !important; }

/* ---------- Мобильная шапка ---------- */
/* line 364, theme.scss */
.header-mobile-panel,
.header-mobile-panel__content {
  background: var(--gf-bg) !important;
  color: var(--gf-text) !important;
  border-bottom: 2px solid var(--gf-line); }

/* line 370, theme.scss */
.header-mobile-panel__logo,
.header-mobile-panel__logo a {
  color: var(--gf-text) !important;
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em; }

/* line 377, theme.scss */
.header-mobile-panel__show-menu-btn,
.header-mobile-panel__controls,
.header-mobile-panel__controls .icon,
.header-mobile-panel__controls a {
  color: var(--gf-text) !important; }

/* Нижняя панель навигации на телефоне */
/* line 385, theme.scss */
.navigation-bar {
  background: var(--gf-bg) !important;
  border-top: 2px solid var(--gf-line) !important; }

/* line 389, theme.scss */
.navigation-bar a,
.navigation-bar .icon {
  color: var(--gf-muted) !important; }

/* line 391, theme.scss */
.navigation-bar .is-cur-page,
.navigation-bar .is-cur-page .icon {
  color: var(--gf-pink) !important; }

/* ---------- Бегущая строка ---------- */
/* line 395, theme.scss */
.gf-ticker {
  background: var(--gf-pink);
  color: var(--gf-ink);
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--gf-display);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.04em;
  padding: 11px 0; }

/* line 406, theme.scss */
.gf-ticker__track {
  display: inline-flex;
  animation: gf-ticker 40s linear infinite; }

/* line 410, theme.scss */
.gf-ticker__track span {
  padding: 0 14px; }

/* line 411, theme.scss */
.gf-ticker:hover .gf-ticker__track {
  animation-play-state: paused; }

@keyframes gf-ticker {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  /* line 417, theme.scss */
  .gf-ticker__track {
    animation: none; } }
/* ---------- Блок доверия у кнопки «В корзину» ---------- */
/* line 421, theme.scss */
.gf-trust {
  display: grid;
  gap: 10px;
  margin: 18px 0 6px;
  padding: 18px 20px;
  border: 2px solid var(--gf-line);
  border-radius: 24px;
  background: var(--gf-surface); }

/* line 430, theme.scss */
.gf-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--gf-text); }

/* line 438, theme.scss */
.gf-trust__icon {
  flex: 0 0 34px;
  height: 34px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--gf-lime);
  color: var(--gf-ink); }

/* line 448, theme.scss */
.gf-trust__item:nth-child(2) .gf-trust__icon {
  background: var(--gf-pink); }

/* line 449, theme.scss */
.gf-trust__item:nth-child(3) .gf-trust__icon {
  background: var(--gf-lilac); }

/* line 450, theme.scss */
.gf-trust__icon svg {
  width: 18px;
  height: 18px; }

/* =========================================================
   GERFAP — дополнение №4
   Вставьте В КОНЕЦ theme.scss.
   Если вы уже вставили дополнение №3 (gerfap-fix3.css) —
   удалите его: всё нужное из него перенесено сюда.
   ========================================================= */
/* ---------- 1. Единый фон без «полос» ----------
   Тема красит каждый блок своим цветом (#141016), а страница у нас
   #120F14 — отсюда разница оттенков у меню, карточки и подвала.
   Переопределяем цвета темы и делаем блоки прозрачными. */
/* line 463, theme.scss */
:root {
  --bg: #120F14;
  --bg-minor-shade: #1C1720;
  --bg-major-shade: #2C2431;
  --color-btn-bg: #FF4F9A;
  --color-btn-bg-minor-shade: #FF3D8E;
  --color-btn-bg-major-shade: #F02A7E;
  --color-accent-text: #FF4F9A;
  --color-accent-text-minor-shade: #FF6BAB;
  --color-accent-text-major-shade: #FF85BA; }

/* line 474, theme.scss */
html,
body,
.page_layout,
.layout,
.layout__content,
.sidebar-collections,
.sidebar-collections__menu,
.footer-wrap,
.footer-top,
.footer-bottom,
.product,
.product__area-photo,
.product__area-form {
  background-color: var(--gf-bg) !important; }

/* Характеристики — в одном стиле с блоком доверия */
/* line 491, theme.scss */
.product__properties {
  background: var(--gf-surface) !important;
  border: 2px solid var(--gf-line) !important;
  border-radius: 24px !important; }

/* ---------- 2. Отступ под бегущей строкой ---------- */
/* line 498, theme.scss */
.gf-ticker {
  margin-bottom: 32px; }

@media (max-width: 767px) {
  /* line 499, theme.scss */
  .gf-ticker {
    margin-bottom: 16px; } }
/* ---------- 3. Левое меню категорий ---------- */
/* line 502, theme.scss */
.sidebar-collections__item,
.sidebar-collections__link {
  border-color: var(--gf-line) !important; }

/* line 506, theme.scss */
.sidebar-collections__link {
  color: var(--gf-text) !important;
  border-radius: 14px; }

/* line 510, theme.scss */
.sidebar-collections__link:hover,
.sidebar-collections__item.is-current > .sidebar-collections__link,
.sidebar-collections__link.is-current {
  background: var(--gf-pink) !important;
  color: var(--gf-ink) !important; }

/* ---------- 4. Преимущества: одинаковые карточки ---------- */
/* line 518, theme.scss */
.benefit-list {
  align-items: stretch !important;
  gap: 16px !important; }

@media (min-width: 768px) {
  /* line 523, theme.scss */
  .benefit-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
/* line 525, theme.scss */
.benefit-list__item {
  height: 100%;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  background: var(--gf-surface) !important; }

/* line 535, theme.scss */
.benefit-list__item-image {
  margin-bottom: 14px; }

/* line 536, theme.scss */
.benefit-list__item-title {
  min-height: 2.4em;
  /* заголовки в 1 и 2 строки занимают одну высоту */
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2 !important; }

/* line 543, theme.scss */
.benefit-list__item-description {
  margin-top: 6px; }

/* ---------- 5. Подвал ---------- */
/* line 546, theme.scss */
.footer-wrap {
  border-top: 2px solid var(--gf-line);
  padding-top: 48px !important;
  margin-top: 48px; }

/* line 551, theme.scss */
.footer__logo {
  text-decoration: none !important;
  color: var(--gf-text) !important; }

/* line 552, theme.scss */
.footer__logo svg {
  display: none; }

/* line 553, theme.scss */
.footer__logo::after {
  content: 'GERFAP';
  font-family: var(--gf-display);
  font-weight: 900;
  font-size: 56px;
  line-height: 1;
  letter-spacing: -0.04em;
  color: var(--gf-text); }

/* line 562, theme.scss */
.footer .menu-title,
.footer-wrap .menu-title,
.contacts_title {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--gf-lime) !important;
  margin-bottom: 14px !important; }

/* line 573, theme.scss */
.footer-wrap .menu-link {
  color: var(--gf-muted) !important;
  font-size: 15px !important;
  line-height: 2 !important;
  transition: color .15s ease; }

/* line 579, theme.scss */
.footer-wrap .menu-link:hover {
  color: var(--gf-pink) !important; }

/* line 580, theme.scss */
.footer__phone-value {
  font-family: var(--gf-display) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  color: var(--gf-text) !important; }

/* line 586, theme.scss */
.footer-wrap hr,
.footer-wrap [class*="copyright"] {
  border-color: var(--gf-line) !important;
  color: #8E7E8B !important; }

/* ---------- 6. Логотип по умолчанию: светлый ---------- */
/* line 593, theme.scss */
.default-logo__text,
.default-logo__text span {
  color: var(--gf-text) !important;
  font-family: var(--gf-display) !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em; }

/* ---------- 7. Мобильное меню ---------- */
@media (max-width: 1024px) {
  /* line 603, theme.scss */
  .header__mobile-head,
  .header__mobile-head-content {
    background: var(--gf-bg) !important;
    border-bottom: 2px solid var(--gf-line); }

  /* line 608, theme.scss */
  .header__hide-mobile-menu-btn {
    width: 44px;
    height: 44px;
    border-radius: 999px !important;
    background: var(--gf-lime) !important;
    color: var(--gf-ink) !important; }

  /* line 615, theme.scss */
  .header__area-controls,
  .header__area-search {
    background: var(--gf-bg) !important;
    border-bottom: 2px solid var(--gf-line); }

  /* line 620, theme.scss */
  .header__area-controls .icon,
  .header__control-btn {
    color: var(--gf-text) !important; }

  /* line 623, theme.scss */
  .header__collections-content,
  .header__collections {
    background: var(--gf-bg) !important; }

  /* line 625, theme.scss */
  .header__collections-head {
    font-family: var(--gf-display) !important;
    font-weight: 900 !important;
    font-size: 26px !important;
    color: var(--gf-text) !important; }

  /* line 631, theme.scss */
  .header__collections-item {
    border-color: var(--gf-line) !important; }

  /* line 632, theme.scss */
  .header__collections-link {
    font-family: var(--gf-body) !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    color: var(--gf-text) !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between; }

  /* line 641, theme.scss */
  .header__collections-link::after {
    content: '→';
    color: var(--gf-pink);
    font-weight: 800;
    margin-left: 12px; }

  /* Ссылки «О компании, Доставка…» внизу меню */
  /* line 649, theme.scss */
  .header__mobile-head ~ * .header-part-top,
  .header-part-top {
    background: var(--gf-surface) !important; }

  /* line 653, theme.scss */
  .header-part-top a,
  .header-part-top .header__menu-link,
  .header-part-top .header__work-time,
  .header-part-top .header__phone-value {
    color: var(--gf-text) !important; } }
/* На компьютере верхняя полоса остаётся лаймовой */
@media (min-width: 1025px) {
  /* line 662, theme.scss */
  .header-part-top {
    background: var(--gf-lime) !important; }

  /* line 663, theme.scss */
  .header-part-top a,
  .header-part-top .header__menu-link,
  .header-part-top .header__work-time,
  .header-part-top .header__phone-value {
    color: var(--gf-ink) !important; } }
/* ---------- 8. Плитки категорий на телефоне ---------- */
@media (max-width: 767px) {
  /* line 671, theme.scss */
  html body .collections .collection-preview__title {
    font-size: 13px !important;
    line-height: 1.2 !important; }

  /* line 675, theme.scss */
  .collection-preview__photo .img-ratio {
    border-radius: 20px !important; } }
/* =========================================================
   GERFAP — дополнение №5 (мобильное меню, выделение текста)
   Вставьте В КОНЕЦ theme.scss.
   ========================================================= */
/* Выделение текста и подсветка нажатия — в цветах бренда,
   а не старым бледно-розовым */
/* line 685, theme.scss */
::selection {
  background: var(--gf-pink);
  color: var(--gf-ink); }

/* line 686, theme.scss */
a, button {
  -webkit-tap-highlight-color: rgba(255, 79, 154, 0.25); }

/* Нижняя часть мобильного меню: ссылки «Каталог, О компании…»
   превращаются в «таблетки», телефон — лаймовый */
@media (max-width: 1024px) {
  /* line 691, theme.scss */
  .header .header-part-top.header-part-top {
    background: var(--gf-bg) !important;
    border-top: 2px solid var(--gf-line);
    padding: 20px 16px 28px !important; }

  /* line 696, theme.scss */
  .header .header-part-top.header-part-top .header__menu {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    height: auto !important;
    overflow: visible !important; }

  /* line 703, theme.scss */
  .header .header-part-top.header-part-top .header__menu-item {
    margin: 0 !important; }

  /* line 704, theme.scss */
  .header .header-part-top.header-part-top .header__menu-link {
    display: inline-flex !important;
    align-items: center;
    min-height: 40px;
    padding: 0 16px !important;
    border: 2px solid var(--gf-line);
    border-radius: 999px;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: var(--gf-text) !important;
    background: transparent !important; }

  /* line 716, theme.scss */
  .header .header-part-top.header-part-top .header__menu-link:active {
    background: var(--gf-pink) !important;
    border-color: var(--gf-pink);
    color: var(--gf-ink) !important; }

  /* line 721, theme.scss */
  .header .header-part-top.header-part-top .header__work-time {
    margin-top: 18px;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--gf-muted) !important; }

  /* line 727, theme.scss */
  .header .header-part-top.header-part-top .header__phone-value {
    font-family: var(--gf-display) !important;
    font-weight: 900 !important;
    font-size: 24px !important;
    color: var(--gf-lime) !important; } }
/* Баннер на телефоне: пропорции меняются только когда
   вертикальная картинка реально загрузилась (класс ставит скрипт) */
@media (max-width: 767px) {
  /* line 738, theme.scss */
  html.gf-mobile-banner .promo-slider .img-ratio {
    padding-top: 111% !important; }

  /* line 739, theme.scss */
  html.gf-mobile-banner .promo-slider img {
    object-fit: cover !important; } }