/* ANNEXX */ 
/* ANX014 внешний вид тела страницы */ 
.t-records { 
 background-color: #131313; 
} 
body.t-body { 
 background-color: #131313 !important; 
 background-image: url(); 
 background-repeat: repeat; 
 background-attachment: fixed; 
} 
 
@supports not (-webkit-touch-callout: none) { 
 body.t-body { 
 background-position: center; 
 } 
} 
/* ANNEXX конец кода */ 



.t706__sidebar-top {
    border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
}

.t706__sidebar-products {
    border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
}

.t_datepicker__header {
    background: #3e3e3e !important;
    border-radius: 5px !important;
}

.t_datepicker__inner {
    color: #ffffff !important;
    border: 1px solid #4c4c4c !important;
    border-radius: 5px !important;
    background: #2b2b2b !important;
}

.t706__cartwin-totalamount-wrap {
    color: #ffffff;
}

.t-site-search-dm {
    background-color: #212121 !important;
    margin-top: 5px !important;
    border-radius: 5px !important;
}

.t-site-search-dm__result__title {
    color: #ffffff !important;
}

.t-site-search-dm__result__body {
    color: #dddddd;
}

.cls-1 {
    fill: #ffffff;
}

.t-store__filter__search-mob-btn-icon {
    filter: brightness(3) !important;
}

.t-checkbox__indicator {
    border: 1px solid #ffffff !important;
}

.t-checkbox__indicator {
    border-radius: 5px !important;
}

@media screen and (max-width: 960px) {
    .t-store__filter__item:first-child {
        border-top: 1px solid rgb(255 255 255 / 20%) !important;
    }
    
    .t-store__filter__item, .t-store__filter__item.t-store__filter__item_sort-mobile {
        border-bottom: 1px solid rgb(255 255 255 / 20%) !important;
    }
    
    .t-store__filter__item .t-checkbox__control {
    margin-left: 13px !important;
}

    }


.t706__sidebar-content {
    background-color: #131313 !important;
}

.t706__product-title {
    color: #ffffff !important;
}

.t706__product-amount, .t706__product-amount--portion {
    color: #ffffff !important;
}

.t706__sidebar-prodamount-wrap {
    color: #ffffff !important;
}

.t706__cartpage {
    background-color: #131313 !important;
}

.t706__cartpage-totals {
    background: #131313 !important;
}

.t706__cartwin-prodamount-wrap {
    color: #ffffff !important;
}

.t_datepicker__inner {
    color: #ffffff !important;
    background: #131313 !important;
}

.t_datepicker__header {
    background: #202020 !important;
}

.t702 .t-input-group {
    margin-bottom: 15px !important;
}

.t706__cartpage-top {
    background: #212121 !important;
}

.t706__form-upper-text {
    padding-top: 0px !important;
}

@media screen and (min-width: 1200px) {
    .t-descr_xs {
        font-size:18px !important;
    }
}

.t-store__search-icon {
    border-left: 1px solid #2C2C2C !important;
}

.t-store__filter__input, .t-store__filter__btn {
    border: 1px #2C2C2C solid !important;
    background: #131313 !important;
}

.t-store__filter__item-controls-wrap {
    background-color: #131313 !important;
    box-shadow: 0 -2px 2px rgb(0 0 0 / 25%) !important;
    border-radius: 7px !important;
    border: 1px #2f2f2f solid !important;
}

.t-checkbox__indicator {
    border: 2px solid #ffffff !important;
}

.t-store__filter__item-title:after {
    border-color: transparent #ffffff #ffffff transparent !important;
}

@media screen and (min-width: 960px) {
    .t-store__search-icon:hover path, .t-store__search-close-icon:hover path {
        fill: #ffffff;
    }
}


.t-checkbox__indicator:after {
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
}

.t-store__filter {
    margin-bottom: 0px !important;
}

.t-btn_sm {
    padding-left: 15px !important;
    padding-right: 15px !important;
}


.t706__product-quantity {
    color: #ffffff !important;
}

/* ===================================================
   1. ДЕСКТОП (экраны от 961px)
   =================================================== */
@media screen and (min-width: 961px) {
  /* Фиксируем высоту картинки на ПК и убираем процентный хак */
  .t-store__card__imgwrapper {
    padding-bottom: 0 !important;
    height: 320px !important;
    position: relative !important;
    margin-bottom: 16px !important;
  }

  .t-store__card__bgimg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

/* ===================================================
   2. МОБИЛЬНАЯ ВЕРСИЯ (экраны до 960px)
   =================================================== */
@media screen and (max-width: 960px) {
  /* Полная ширина для всех вложенных контейнеров Tilda */
  .t-store__card__imgwrapper_column,
  .t-store__card__price-buttons,
  .t-store__card__price-wrapper,
  .t-store__card__btns-wrapper,
  .t-store__card__contentwrapper {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Полный сброс padding-bottom и фиксация высоты обертки картинки */
  .t-store__card__imgwrapper {
    padding-bottom: 0 !important;
    height: 250px !important; /* Управляйте высотой фото на мобилке тут */
    position: relative !important;
    margin-bottom: 16px !important; /* Настоящий фиксированный отступ до текста */
  }

  /* Картинка растягивается строго по блоку */
  .t-store__card__bgimg {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
  }
}

/* ===================================================
   3. ИСПРАВЛЕНИЕ СДВИГА, ОТСТУПОВ И СКРУГЛЕНИЯ ВИДЕО (до 960px)
   =================================================== */
@media screen and (max-width: 960px) {

  /* Сбрасываем zoom от скрипта Annexx и добавляем боковые отступы 10px */
  div[data-record-type="4"],
  #rec828134118,
  #rec868032562 {
    zoom: 1 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
  }

  /* Задаем скругление 15px контейнеру и прячем все вылезающие углы */
  .t121__wrap-video {
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  /* Фиксируем пропорцию 16:9 и убираем жесткие 540px/180px */
  .t121__wrap-video,
  .t-video-lazyload {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    position: relative !important;
    margin: 0 auto !important;
  }

  /* Растягиваем iframe Kinescope строго по контейнеру и применяем скругление */
  .t-video-lazyload iframe,
  iframe[id^="kinescopeiframe"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
    border-radius: 15px !important;
  }
}