@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #ffffff);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #17181B);
  --color-btn-bg-is-dark:var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #2d2f34);
  --color-btn-bg-minor-shade-is-dark:var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade:var(--draft-color-btn-bg-major-shade, #42454d);
  --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, #838895);
  --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, #B0B0B1);
  --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, #aaaaac);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #a3a3a5);
  --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, #575759);
  --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, #454545);
  --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, #575757);
  --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, #6a6a6a);
  --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, #a2a2a2);
  --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, minimal);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --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, #d4edda);
  --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, #cae9d2);
  --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, #bee4c7);
  --color-notice-success-major-shade-is-light:var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade:var(--draft-color-notice-success-half-shade, #429e58);
  --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, #f8d7da);
  --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, #f6ccd0);
  --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, #f3bcc1);
  --color-notice-error-major-shade-is-light:var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade:var(--draft-color-notice-error-half-shade, #c52330);
  --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, #cce5ff);
  --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, #bedeff);
  --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, #acd4ff);
  --color-notice-info-major-shade-is-light:var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade:var(--draft-color-notice-info-half-shade, #006fe6);
  --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, 400);
  --collection_count:var(--draft-collection_count, 96);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 6);
  --product_not_available:var(--draft-product_not_available, preorder);
  --layout-content-max-width:var(--draft-layout-content-max-width, 4000px);
  --delta_sidebar:var(--draft-delta_sidebar, 2);
  --sidebar_index_show:var(--draft-sidebar_index_show, false);
  --sidebar_index_position:var(--draft-sidebar_index_position, left);
  --sidebar_collection_show:var(--draft-sidebar_collection_show, false);
  --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, false);
  --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, left);
  --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); }

@font-face {
  font-family: "Mommy";
  src: url("Lato-regular.woff2") format("woff2");
  font-weight: 400; }
@font-face {
  font-family: "Mommy";
  src: url("Lato-300.woff2") format("woff2");
  font-weight: 300; }
@font-face {
  font-family: "Mommy";
  src: url("Lato-700.woff2") format("woff2");
  font-weight: 700; }
/* line 25, theme.scss */
body {
  font-family: "Mommy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 300; }

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

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

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

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

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

  /* line 52, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* line 59, theme.scss */
.bg_light_brown {
  background-color: #C4A484 !important; }

/* line 62, theme.scss */
.bg_medium_brown {
  background-color: #654321 !important; }

/* line 65, theme.scss */
.bg_dark_brown {
  background-color: #1D0200 !important; }

/* line 68, theme.scss */
.bg_светло-коричневый {
  background-image: url("l_brown.jpg") !important;
  background-size: 100%; }

/* line 72, theme.scss */
.bg_коричневый {
  background-image: url("m_brown.jpg") !important;
  background-size: 100%; }

/* line 76, theme.scss */
.bg_темно-коричневый {
  background-image: url("d_brown.jpg") !important;
  background-size: 100%; }

/* line 80, theme.scss */
.bg_бежевый {
  background-image: url("bg_bage.jpg") !important;
  background-size: 100%; }

/* line 84, theme.scss */
.bg_ягодный {
  background-image: url("bg_berries.jpg") !important;
  background-size: 100%; }

/* line 88, theme.scss */
.bg_винный {
  background-image: url("bg_vine.jpg") !important;
  background-size: 100%; }

/* line 92, theme.scss */
.bg_пудровый {
  background-image: url("bg_pudra.jpg") !important;
  background-size: 100%; }

/* line 97, theme.scss */
body {
  letter-spacing: 0.12em;
  padding-top: 116px; }
  @media (max-width: 1024px) {
    /* line 97, theme.scss */
    body {
      padding-top: 88px; } }

/* line 107, theme.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 3;
  background: #fff; }
  @media (max-width: 1024px) {
    /* line 107, theme.scss */
    header {
      background-size: 100%;
      background-position: 50%;
      background-position: 0 100%; } }
  @media (max-width: 1024px) {
    /* line 122, theme.scss */
    header .widget-type_ccd_header .layout__content {
      background: transparent; } }

/* line 130, theme.scss */
.co-note-email {
  position: absolute;
  font-size: 14px;
  top: calc(100% - 7px);
  left: 0;
  color: red;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
  line-height: 1.25; }

/* ===== Десктоп: меню «Каталог» как на мобильной версии (05.10.2026) ===== */
@media screen and (min-width: 1025px) {
  /* кнопка «Каталог» слева в шапке вместо списка категорий */
  /* line 145, theme.scss */
  .header .header_bar {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase; }
    /* line 154, theme.scss */
    .header .header_bar svg {
      width: 18px;
      height: 14px; }
    /* line 155, theme.scss */
    .header .header_bar::after {
      content: "Каталог"; }
    /* line 156, theme.scss */
    .header .header_bar:hover {
      opacity: .6; }

  /* затемнение страницы + выезжающая слева панель */
  /* line 160, theme.scss */
  .header .header_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block !important;
    z-index: 9999;
    background-color: rgba(51, 51, 51, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out; }

  /* line 170, theme.scss */
  .header .header_menu_wrapper {
    display: block;
    position: relative;
    width: 440px;
    max-width: 90vw;
    height: 100vh;
    height: 100dvh;
    padding-top: 64px;
    background: #fff;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate(-100%);
    transition: opacity .25s ease-in-out, visibility .25s ease-in-out, transform .25s ease-in-out; }

  /* line 185, theme.scss */
  .header.open_menu .header_menu {
    opacity: 1;
    visibility: visible; }

  /* line 186, theme.scss */
  .header.open_menu .header_menu_wrapper {
    opacity: 1;
    visibility: visible;
    transform: none; }

  /* шапка панели: «Меню» и крестик */
  /* line 189, theme.scss */
  .header .header_menu_wrapper .menu_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 20px 32px;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 1px solid #e3e3e3; }

  /* line 201, theme.scss */
  .header .menu_head_close {
    cursor: pointer;
    display: flex; }

  /* список категорий */
  /* line 204, theme.scss */
  .header .header_menu_wrapper .header_menu_items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
    height: calc(100dvh - 64px);
    overflow-y: auto; }

  /* line 212, theme.scss */
  .header .header_menu_wrapper .menu_item {
    margin: 0 32px;
    border-bottom: 1px solid #e3e3e3; }

  /* line 216, theme.scss */
  .header .header_menu_wrapper .menu_item_target {
    display: grid;
    grid-template-columns: 1fr 12px;
    align-items: center; }

  /* line 221, theme.scss */
  .header .header_menu_wrapper .menu_item_target a {
    padding: 18px 0;
    font-size: 13px;
    transition: opacity .2s; }
    /* line 225, theme.scss */
    .header .header_menu_wrapper .menu_item_target a:hover {
      opacity: .6; }

  /* line 227, theme.scss */
  .header .header_menu_wrapper .menu_item_icon {
    display: flex;
    cursor: pointer; }

  /* line 228, theme.scss */
  .header .header_menu_wrapper .menu_item_subcolls {
    font-size: 12px; }

  /* line 229, theme.scss */
  .header .header_menu_wrapper .menu_item.activex .menu_item_subcolls {
    display: flex;
    flex-direction: column; }

  /* низ панели: логотип, доп. ссылки, личный кабинет */
  /* line 232, theme.scss */
  .header .header_menu_wrapper .menu_mobile {
    display: block; }

  /* line 233, theme.scss */
  .header .header_menu_wrapper .menu_mobile_logo {
    padding: 24px 32px 8px; }

  /* line 234, theme.scss */
  .header .header_menu_wrapper .menu_mobile_more {
    padding: 8px 32px 16px; }

  /* line 235, theme.scss */
  .header .header_menu_wrapper .menu_mobile_more a {
    font-size: 11px; }

  /* line 236, theme.scss */
  .header .header_menu_wrapper .menu_login {
    display: block;
    padding: 16px 32px 32px; }

  /* line 237, theme.scss */
  .header .header_menu_wrapper .menu_login a {
    font-size: 11px;
    padding: 14px 10px; } }
/* ===== «Голые трусики» (golye-trusiki, id 1884664249): кнопки размера (белая подложка, чёрный контур) и «Выбрать размер» в окне выбора (05.10.2026) ===== */
/* line 242, theme.scss */
form[data-product-id="1884664249"] .option-razmer .option-value {
  background-color: rgba(255, 255, 255, 0.6) !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  font-size: 14px !important; }

/* line 248, theme.scss */
form[data-product-id="1884664249"] .option-razmer .option-value:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-color: #000 !important; }

/* line 252, theme.scss */
form[data-product-id="1884664249"] .option-razmer .option-value.is-active {
  border: 2px solid #000 !important; }

/* line 258, theme.scss */
.variants_content:has(a[href='/product/golye-trusiki']) .variants_content_head_text {
  font-size: 0 !important; }

/* line 259, theme.scss */
.variants_content:has(a[href='/product/golye-trusiki']) .variants_content_head_text::after {
  content: "Выбрать размер";
  font-size: 16px; }

/* ===== Мобильный КАТАЛОГ, вариант E: 4 фото с кнопками на экране (05.10.2026).
   Только сетка каталога (.collection_products), карусель на главной не затрагивается. ===== */
@media screen and (max-width: 768px) {
  /* line 265, theme.scss */
  .collection_products {
    row-gap: 10px !important; }

  /* фото 1:1,27 без искажений */
  /* line 267, theme.scss */
  .collection_products .product_card .product_card_photo_url {
    padding-top: 127% !important;
    height: auto !important; }

  /* line 268, theme.scss */
  .collection_products .product_card .product_card_photo_url img {
    object-fit: cover !important;
    object-position: 50% 45%; }

  /* line 269, theme.scss */
  .collection_products .product_card .product_card_photo {
    margin-bottom: 0 !important; }

  /* кнопка сразу под фото, 36 px */
  /* line 271, theme.scss */
  .collection_products .product_card .product_card_form {
    padding: 0 !important; }

  /* line 272, theme.scss */
  .collection_products .product_card .product_card_form_button {
    height: 36px !important; }

  /* текстовая часть фиксированной высоты: название всегда в 2 строки, без английской строки */
  /* line 274, theme.scss */
  .collection_products .product_card .product_card_wrapper {
    position: relative; }

  /* line 275, theme.scss */
  .collection_products .product_card .product_card_title {
    padding: 8px 12px 0 !important;
    height: auto !important; }

  /* line 276, theme.scss */
  .collection_products .product_card .product_card_title_head {
    display: none !important; }

  /* line 277, theme.scss */
  .collection_products .product_card .product_card_title_desc {
    margin: 0 !important;
    font-size: 11px !important;
    letter-spacing: .04em !important;
    line-height: 15px !important;
    height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

  /* рейтинг слева и цена справа — в одной строке, на одной высоте у всех */
  /* line 289, theme.scss */
  .collection_products .product_card .product_card_rait {
    margin: 0 !important;
    padding: 5px 12px 6px !important;
    min-height: 28px;
    display: flex;
    align-items: center; }

  /* line 290, theme.scss */
  .collection_products .product_card .product_card_prices {
    position: absolute;
    right: 12px;
    bottom: 7px;
    padding: 0 !important;
    line-height: 16px; } }
/* Галерея товара: рамка под пропорцию фото 3:4, без белых полос сверху и снизу (05.10.2026) */
/* line 295, theme.scss */
.widget-type_ccd_product .product_gallery .gallery_item {
  padding-top: 133.6% !important; }

/* Подсказка «фото можно листать» в мобильном каталоге (05.10.2026). Используем свойство translate, чтобы не мешать слайдеру */
@keyframes mb-peek {
  0% {
    translate: 0 0; }
  30% {
    translate: -24% 0; }
  55% {
    translate: -24% 0; }
  80% {
    translate: 2% 0; }
  100% {
    translate: 0 0; } }
@media screen and (max-width: 768px) {
  /* line 307, theme.scss */
  .collection_products .product_card.mb-peek .product_card_photo_slider .swiper-wrapper {
    animation: mb-peek 1.1s cubic-bezier(0.45, 0.05, 0.25, 1) both; }

  /* line 308, theme.scss */
  .collection_products .product_card.mb-peek + .product_card.mb-peek .product_card_photo_slider .swiper-wrapper {
    animation-delay: .18s; } }
@media (prefers-reduced-motion: reduce) {
  /* line 311, theme.scss */
  .collection_products .product_card.mb-peek .product_card_photo_slider .swiper-wrapper {
    animation: none; } }
/* Полоска листания фото в карточках каталога: серая вместо чёрной (05.10.2026) */
/* line 314, theme.scss */
.collection_products .product_card .product_card_photo_slider .swiper-scrollbar-drag {
  background: #a9a9a9 !important; }

/* Та же подсказка для галереи в карточке товара (телефон) */
@media screen and (max-width: 768px) {
  /* line 318, theme.scss */
  .widget-type_ccd_product .product_gallery.mb-peek .js-gallery-slider > .swiper-wrapper {
    animation: mb-peek 1.1s cubic-bezier(0.45, 0.05, 0.25, 1) both; } }
@media (prefers-reduced-motion: reduce) {
  /* line 321, theme.scss */
  .widget-type_ccd_product .product_gallery.mb-peek .js-gallery-slider > .swiper-wrapper {
    animation: none; } }
