/* =========================================================
   ELENA KOMAR — CSS сайта. Финальная сборка.

   Заменяет содержимое панели CSS ЦЕЛИКОМ.
   Настройки сайта → CSS → выделить всё, удалить, вставить это.
   Потом — опубликовать все страницы.

   Что изменилось относительно того, что у тебя сейчас:
   • меню на главной приклеено К ВИДЕО, а не к экрану:
     лежит поверх видео и уезжает вместе с ним. Раньше
     стояло position:fixed — оно и «плавало» сверху;
   • убраны дубли: пункты меню и сетка каталога были
     заданы по два раза, второе перебивало первое;
   • селектор t-col_4 заменён на t-col_3 — у карточек
     каталога класс t-col_3, старый селектор не совпадал
     ни с чем и правило не работало;
   • убрана моя ошибочная заметка про «5 карточек в ряду»
     (их всегда было 4).

   Внешний вид намеренно оставлен прежним.
   ========================================================= */


/* ===== ШРИФТ МЕНЮ ===== */
.t-menu,
.t-menu__link-item{
  font-family:'Jost', sans-serif !important;
}


/* ===== ГЛАВНАЯ: обложка (#rec2463016451) ===== */
#rec2463016451 .t-btn{
  background:none !important;
  border:none !important;
  border-bottom:1px solid rgba(255,255,255,0.55) !important;
  border-radius:0 !important;
  padding:0 0 4px !important;
  box-shadow:none !important;
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:10.5px !important;
  letter-spacing:0.2em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  transition:border-color .25s ease;
}
#rec2463016451 .t-btn:hover{ border-color:#fff !important; }

#rec2463016451 .t-title{
  font-family:'Cormorant Garamond', serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  font-size:clamp(26px, 3.6vw, 42px) !important;
  line-height:1.15 !important;
  letter-spacing:-0.01em !important;
  color:#fff !important;
  max-width:15ch !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}


/* =========================================================
   МЕНЮ (#rec2468029661)
   ========================================================= */

/* Подложка не ловит нажатия, пока меню закрыто */
.t-menu-base__overlay{ pointer-events:none; }
body.t1272__body_menushowed .t-menu-base__overlay{ pointer-events:auto; }


/* --- МОБИЛЬНЫЙ (до 960) ---
   Здесь полосой меню служит сама запись #rec2468029661,
   её высота 112px.

   position:absolute — меню лежит ПОВЕРХ видео и уезжает
   вместе с ним при прокрутке. Не fixed: закреплённое
   на экране меню — это не то поведение, что нужно.

   z-index:999 обязателен. Без него меню оказывается ПОД
   видео и его просто не видно. */
@media screen and (max-width:960px){
  #rec2468029661,
  .uc-mobile-menu-absol{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:999 !important;
  }

  #rec2468029661 .tmenu-mobile__container{ padding-right:8px !important; }
  #rec2468029661 .t-menuwidgeticons__wrapper{
    gap:16px !important;
    margin-right:16px !important;
  }
  #rec2468029661 .t-menu-burger{ margin-right:0 !important; }

  /* Пункты меню. Раньше это правило было записано дважды —
     13px капсом и 19px строчными. Работало второе, оно и
     оставлено. Хочешь мельче и капсом — поменяй font-size
     на 13px, text-transform на uppercase,
     letter-spacing на 0.08em. */
  #rec2468029661 .t-menu__link-item{
    font-family:'Jost', sans-serif !important;
    font-size:19px !important;
    font-weight:400 !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    line-height:1.35 !important;
    color:#3A3330 !important;
    padding:14px 0 !important;
    position:relative !important;   /* нужно, чтобы пункт нажимался */
    z-index:2 !important;
    pointer-events:auto !important;
  }
  #rec2468029661 .t-btntext.t-btntext_type_button{
    position:relative !important;
    pointer-events:auto !important;
  }

  #rec2468029661 .t-menu-base__maincontainer{ position:relative !important; }
  #rec2468029661 .t-menu-base__rightwrapper{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:48px !important;
    top:auto !important;
    transform:translateX(-50%) !important;
    width:auto !important;
    margin:0 !important;
  }
  #rec2468029661 .t-menu-base__additionalwrapper,
  #rec2468029661 .t-menu-base__buttons{
    display:flex !important;
    justify-content:center !important;
  }

  /* Отступ сверху под фиксированным меню */
  .ek-about,
  .ek-delivery{ padding-top:80px; }
}


/* --- ДЕСКТОП (от 961) ---
   Здесь запись #rec2468029661 схлопнута в ноль, а видимой
   полосой служит вложенный .t-menu-base высотой 150px.
   Поэтому на двух разрешениях разные селекторы.

   position:absolute — то же поведение, что и на мобильном:
   меню поверх видео, уезжает вместе со страницей.
   Двойной ID нужен, чтобы перебить правило Тильды. */
@media screen and (min-width:961px){
  #rec2468029661#rec2468029661 .t-menu-base{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    z-index:990 !important;
  }

  #rec2468029661 .t-menu-base__rightwrapper{ margin-right:-90px !important; }
  #rec2468029661 .t-menu-base__additionalwrapper{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }
  #rec2468029661 .t-menu-base__buttons{ margin-left:0 !important; }
}


/* Цвет пункта при наведении и нажатии */
#rec2468029661 .t-menu__link-item:hover,
#rec2468029661 .t-menu__link-item:focus,
#rec2468029661 .t-menu__link-item:active{
  color:#767572 !important;
  opacity:1 !important;
}
/* Пункт текущей страницы — тёмный, а не как при наведении */
#rec2468029661 .t-menu__link-item.t-active,
#rec2468029661 .t-menu__link-item.t-menu__link-item_active{
  color:#3A3330 !important;
  opacity:1 !important;
}


/* =========================================================
   КОРЗИНА — один блок на весь сайт.
   Заменяет 14 одинаковых копий (было ~980 строк).
   Классы t706__* принадлежат только корзине, поэтому
   обобщение здесь безопасно.
   ========================================================= */
.t706__cartwin{
  background:#fff !important;
  width:100% !important;
  max-width:100% !important;
  height:100vh !important;
  height:100dvh !important;   /* низ панели не уезжает под адресную строку */
  top:0 !important;
  right:0 !important;
  font-family:'Jost',sans-serif !important;
}
.t706__cartwin-content{
  max-width:640px !important;
  margin:0 auto !important;
  padding:60px 32px !important;
}
.t706__cartwin-top{ margin-bottom:24px !important; }
.t706__cartwin-heading{
  font-family:'Bodoni Moda',serif !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:28px !important;
  color:#3A3330 !important;
}
.t706__close{ right:32px !important; top:32px !important; }
.t706__close-icon path,
.t706__close-icon rect{ fill:#161616 !important; }

.t706__cartwin-products{ font-family:'Jost',sans-serif !important; }
.t706__cartwin-products .t-name{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:15px !important;
  color:#161616 !important;
}
.t706__cartwin-products .t-descr{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  color:#767572 !important;
}
.t706__product{
  border-bottom:1px solid rgba(22,22,22,0.12) !important;
  padding:18px 0 !important;
}
.t706__product-title{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:15px !important;
  color:#3A3330 !important;
}
.t706__product-price{
  font-family:'Jost',sans-serif !important;
  color:#767572 !important;
}
.t706__product-imgwrapper{ border-radius:2px !important; }

.t706__cartwin-prodamount-wrap{
  font-family:'Jost',sans-serif !important;
  font-size:16px !important;
  color:#161616 !important;
  border-top:1px solid rgba(22,22,22,0.12) !important;
  padding-top:16px !important;
}
.t706__form-bottom-text{
  font-family:'Jost',sans-serif !important;
  font-size:12px !important;
  color:#9a9892 !important;
}
.t706__carticon-counter{
  background:#161616 !important;
  color:#fff !important;
}

/* Поля и кнопка — только внутри корзины */
.t706__cartwin .t-input-title{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:14px !important;
  color:#9a9892 !important;
}
.t706__cartwin .t-input{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:16px !important;
  color:#161616 !important;
  background:none !important;
  border:none !important;
  border-bottom:1px solid rgba(22,22,22,0.18) !important;
  border-radius:0 !important;
  padding:10px 0 !important;
}
.t706__cartwin .t-input:focus{ border-bottom-color:#161616 !important; }

.t706__cartwin .t-submit{
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  background:#161616 !important;
  color:#fff !important;
  border:none !important;
  border-radius:30px !important;
  padding:16px !important;
  box-shadow:none !important;
  width:100% !important;
}
.t706__cartwin .t-submit:hover{ background:#414141 !important; }

@media screen and (max-width:960px){
  .t706__cartwin-close{
    background:none !important;
    z-index:20 !important;
    top:20px !important;
    right:20px !important;
  }
  .t706__close-button{ background:none !important; }
  .t706__cartwin-content{ padding-top:70px !important; }
}


/* =========================================================
   ФОРМЫ — привязаны к своим блокам.
   Глобально .t-input трогать нельзя: Тильда использует
   этот класс и в корзине, и в фильтрах каталога.
   ========================================================= */
#rec711012817 .t-input-title,
#rec2745531101 .t-input-title{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:15px !important;
  color:#9a9892 !important;
}
#rec711012817 .t-input,
#rec711012817 .t-input-block textarea,
#rec2745531101 .t-input{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:16px !important;
  color:#161616 !important;
  background:none !important;
  border:none !important;
  border-bottom:1px solid rgba(22,22,22,0.18) !important;
  border-radius:0 !important;
  padding:10px 0 !important;
  transition:border-color .2s ease;
}
#rec711012817 .t-input:focus,
#rec2745531101 .t-input:focus{ border-bottom-color:#161616 !important; }

#rec711012817 .t-submit,
#rec2745531101 .t-submit{
  font-family:'Jost',sans-serif !important;
  font-weight:400 !important;
  font-size:13px !important;
  letter-spacing:0.14em !important;
  text-transform:uppercase !important;
  color:#161616 !important;
  background:none !important;
  border:1px solid #161616 !important;
  border-radius:30px !important;
  padding:16px 40px !important;
  box-shadow:none !important;
  transition:all .2s ease;
}
#rec711012817 .t-submit:hover,
#rec2745531101 .t-submit:hover{
  background:#161616 !important;
  color:#fff !important;
}
#rec711012817 .t-form__submit,
#rec2745531101 .t-form__submit{ margin-top:8px !important; }


/* ===== СТРАНИЦА КОНТАКТЫ (#rec711012817) ===== */
#rec711012817 .t718__uptitle,
#rec711012817 .t-uptitle{
  font-family:'Jost',sans-serif !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:0.26em !important;
  text-transform:uppercase !important;
  color:#414141 !important;
}
#rec711012817 .t718__title,
#rec711012817 .t-title{
  font-family:'Bodoni Moda',serif !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:clamp(38px, 4.6vw, 58px) !important;
  color:#161616 !important;
  letter-spacing:-0.01em !important;
}
#rec711012817 .t-section__title{
  font-family:'Bodoni Moda',serif !important;
  font-style:italic !important;
  font-weight:500 !important;
  font-size:clamp(32px, 4.6vw, 52px) !important;
  color:#161616 !important;
}
#rec711012817 .t718__contacts{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:28px !important;
  line-height:1.55 !important;
  color:#161616 !important;
  opacity:1 !important;
  letter-spacing:-0.01em !important;
}
#rec711012817 .t718__contacts a{
  color:#161616 !important;
  text-decoration:none !important;
  opacity:1 !important;
}
#rec711012817 .t718__contacts a:hover{ color:#767572 !important; }

#rec711012817 .ek-contact-label{
  display:block;
  font-family:'Jost',sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#9a9892;
  margin-bottom:8px;
  margin-top:26px;
}
#rec711012817 .ek-contact-label:first-child{ margin-top:0; }

#rec711012817 .t-form__bottom-text,
#rec711012817 .t-descr{
  font-family:'Jost',sans-serif !important;
  color:#9a9892 !important;
}
#rec711012817 .t-col_5.t-prefix_1{ padding-top:0 !important; }

#rec711012817 .t-sociallinks{ margin-top:32px !important; }
#rec711012817 .t-sociallinks__wrapper{ gap:14px !important; }
#rec711012817 .t-sociallinks__item a{
  background-color:#161616 !important;
  border-radius:50% !important;
  transition:background-color .25s ease;
}
#rec711012817 .t-sociallinks__item a:hover{ background-color:#414141 !important; }
#rec711012817 .t-sociallinks__svg path{ fill:#fff !important; }

@media screen and (max-width:960px){
  #rec711012817 .t718__contacts{
    font-size:15px !important;
    line-height:1 !important;
  }
  #rec711012817 .t-section__title{ margin-bottom:50px !important; }
}


/* =========================================================
   ГЛАВНАЯ: тексты блоков «Философия» и «Новинки»
   ========================================================= */
.ek-philosophy-title,
.ek-h-lg{ color:#3A3330 !important; }
.ek-philosophy-text{ color:#4A423C !important; }


/* =========================================================
   КАТАЛОГ — КАРТОЧКА ТОВАРА
   Название и цена одного кегля и веса, строчными.
   ========================================================= */
.t-store__card__title{
  font-family:'Jost', sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.4 !important;
  color:#3A3330 !important;
}
.t-store__card__price,
.t-store__card__price-value,
.t-store__card__price_old{
  font-family:'Jost', sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#3A3330 !important;
}
.t-store__card__price-value{ margin-top:2px !important; }

.t-store__card__bgimg,
.t-store__card__img{
  border-radius:8px !important;
  overflow:hidden !important;
}


/* =========================================================
   КАТАЛОГ — СЕТКА НА ДЕСКТОПЕ
   4 карточки в ряд, во всю ширину контейнера.
   Раньше это правило было записано дважды, оставлено одно.
   ========================================================= */
@media screen and (min-width:961px){
  .t-store__card-list{
    --ek-gap:20px;                    /* меняй только это число */
    column-gap:var(--ek-gap) !important;
    row-gap:64px !important;
  }
  .t-store__card.t-col{
    box-sizing:border-box !important;
    margin:0 !important;              /* убираем отступ Тильды 0 20px */
    width:calc((100% - var(--ek-gap) * 3) / 4) !important;
    max-width:calc((100% - var(--ek-gap) * 3) / 4) !important;
    flex:0 0 auto !important;
  }
}


/* =========================================================
   КАТАЛОГ — СЕТКА НА МОБИЛЬНОМ (сетка в волосяную линию).
   ИСПРАВЛЕНО: было t-col_4, у карточек класс t-col_3 —
   селектор не совпадал и правило не работало.
   Добавляя новый блок каталога, допиши его ID в списки.
   ========================================================= */
@media screen and (max-width:960px){
  #rec2840596801#rec2840596801 .t-store__card_textwrapper,
  #rec2852826101#rec2852826101 .t-store__card_textwrapper,
  #rec2853176701#rec2853176701 .t-store__card_textwrapper,
  #rec2898415601#rec2898415601 .t-store__card_textwrapper,
  #rec2901822701#rec2901822701 .t-store__card_textwrapper,
  #rec2901901701#rec2901901701 .t-store__card_textwrapper,
  #rec2899958001#rec2899958001 .t-store__card_textwrapper{
    padding-top:1px !important;
    margin-top:0 !important;
    border-top:1px solid #161616 !important;
  }

  #rec2840596801#rec2840596801 .t-store__card-list,
  #rec2852826101#rec2852826101 .t-store__card-list,
  #rec2853176701#rec2853176701 .t-store__card-list,
  #rec2898415601#rec2898415601 .t-store__card-list,
  #rec2901822701#rec2901822701 .t-store__card-list,
  #rec2901901701#rec2901901701 .t-store__card-list,
  #rec2899958001#rec2899958001 .t-store__card-list{
    row-gap:4px !important;
  }

  #rec2840596801#rec2840596801 .t-store__card.t-col.t-col_3,
  #rec2852826101#rec2852826101 .t-store__card.t-col.t-col_3,
  #rec2853176701#rec2853176701 .t-store__card.t-col.t-col_3,
  #rec2898415601#rec2898415601 .t-store__card.t-col.t-col_3,
  #rec2901822701#rec2901822701 .t-store__card.t-col.t-col_3,
  #rec2901901701#rec2901901701 .t-store__card.t-col.t-col_3,
  #rec2899958001#rec2899958001 .t-store__card.t-col.t-col_3{
    padding:0 1px !important;
  }
}

/* Подпись «Страна производства» под товаром */
#rec2840596801 .ek-origin-text,
#rec2852826101 .ek-origin-text,
#rec2853176701 .ek-origin-text,
#rec2898794501 .ek-origin-text,
#rec2898415601 .ek-origin-text,
#rec2901822701 .ek-origin-text,
#rec2901901701 .ek-origin-text,
#rec2899958001 .ek-origin-text{
  font-family:'Jost',sans-serif !important;
  font-weight:300 !important;
  font-size:13px;
  color:#9a9892 !important;
  text-align:center;
  margin-top:4px !important;
}


/* =========================================================
   ЧТО НЕ ДЕЛАЕТСЯ КОДОМ — только настройками Тильды

   1. Кружки цветов рядом с ценой в каталоге.
      Появляются, если у товара заведены варианты цвета
      в товарной базе.

   2. Подпись капсом под ценой (как «КАПСУЛА GI» у 12storeez).
      Это ярлык товара в карточке. Заведёшь ярлыки —
      скажи, покрашу их в золотой.

   3. Шеврон у разделов меню с вложенностью.
      Зависит от того, есть ли у тебя вложенные пункты.
   ========================================================= */