/* контролирует высоту карточки в каталоге */
.t-store__card__imgwrapper {
    padding-bottom: 100% !important;
}

/* breadcrumbs */
.t-breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
}

.t-breadcrumbs a {
    color: #007bff;
    text-decoration: none;
}

.t-breadcrumbs a:hover {
    text-decoration: underline;
}
.t-store__card__mark {
    font-size: 16px !important;    
    padding: 0px !important;
}
.t-store__card .t-typography__title{
    line-height: 135% !important;
}

@media screen and (max-width: 405px){
    .t451__menu__content, .t451__menu__content.t451__col-12 {
        padding: 0 2vw;
    }
    .t-store__grid-cont_mobile-grid {
        padding: 0px;
    }
}

@media screen and (max-width: 640px){
    .uc-leaflet .t992__wrapper,.uc-tab-mane .t992__wrapper {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: left;
        overflow-x: auto;
        margin-right: calc(.1px - 20px);
        list-style: none;
        margin-left: calc(.1px - 20px);
        padding-left: 20px;
        padding-right: 20px;
    }
    .uc-tab-mane .t992__menu-link_medium{
        padding: 10px 16px 10px !important;
    }
    .uc-search-cat .t838 .t838__blockbutton {
        padding-left: 2vw;
    }
}
.uc-search-cat .t838 .t838__blockinput {
    display: table-cell;
    width: auto;
}
.uc-search-cat .t838 .t838__input {
    height: 33px;
    padding-left: 34px;
    font-size: 12px;
    border: 1px solid #454545 !important;
}
.uc-search-cat .t838 .t838__blockbutton {
    padding-left: 20px;
    width: auto;
}
.uc-search-cat .t838 .t-submit {
    height: 33px;
    padding: 0px 14px;
    font-weight: 600;
    width: 100%;
    font-size: 12px;
}
.uc-search-cat .t838 .t-submit:hover {
    background-color: #333333 !important;
}
.uc-search-cat .t838 .t838__search-icon {
    padding: 0 14px;
    width: 14px;
}
.uc-catalog-o .t-store__filter__search-mob-btn {
    display: none;
}
.uc-leaflet .t992__list-item a {
    white-space: nowrap;
}
.uc-catalog-o .t-store__filter__search.t-descr.t-descr_xxs {
    display: none;
}
@media screen and (max-width: 980px){
    .uc-menu-980 img.t451__logo__img {
        min-width: 50vw;
    }
    .t451__centerside{
        margin-right: 0px !important;
    }   
}

@media screen and (max-width: 980px){
    .t-store__mobile-two-columns .t-store__card__mark {
        width: 36px !important;
        height: 36px !important;
        padding: 0 2px !important;
        font-size: 12px !important;
    }
    .t-store__mobile-two-columns .t1002__picture-wrapper .t-store__card__mark-wrapper{
        right: unset;
        left: 5px;
        top: 5px;
    }
    .t-store__mobile-two-columns .t1002__picture-wrapper .t754__markwrapper,
    .t-store__mobile-two-columns .t1002__picture-wrapper .t-store__grid-cont_mobile-grid .t776__markwrapper,
    .t-store__mobile-two-columns .t1002__picture-wrapper .t778__markwrapper,
    .t-store__mobile-two-columns .t1002__picture-wrapper .t786__markwrapper,{
        right: unset;
        left: 5px;
        top: 5px;
    }
    .t-store__mobile-two-columns a.t1002__addBtn {
        width: 36px;
        height: 36px;
        right: 5px !important;
        top: 5px !important;
        box-shadow: 0px 0px 16px #0001;
    }
}
@media screen and (max-width: 960px) {
    .t-container {
        max-width: 100% !important;
    }
    .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 20px;
    }

}
@media (min-width: 640px) and (max-width: 960px){
    .t-store__grid-cont_mobile-grid .t-col:not(.t-col_8):not(.t-col_12), .t-store__grid-cont_mobile-grid .t-store__stretch-col:not(.t-store__stretch-col_100) {
        width: 33.33333%;
    } 
}
@media (min-width: 481px) and (max-width: 960px){
    .t-store__grid-cont_mobile-one-row{
        padding-top: 5px !important;
    }
    .t-store__grid-cont_mobile-grid .t-store__card__mark {
        width: 36px !important;
        height: 36px !important;
        padding: 0 2px !important;
        font-size: 12px !important;
    }
    .t-store__grid-cont_mobile-grid .t1002__picture-wrapper .t754__markwrapper,
    .t-store__grid-cont_mobile-grid .t1002__picture-wrapper .t-store__grid-cont_mobile-grid .t776__markwrapper,
    .t-store__grid-cont_mobile-grid .t1002__picture-wrapper .t778__markwrapper,
    .t-store__grid-cont_mobile-grid .t1002__picture-wrapper .t786__markwrapper,
    .t-store__grid-cont_mobile-grid .t1002__picture-wrapper .t-store__card__mark-wrapper {
        right: unset;
        left: 5px;
        top: 5px;
    }
    .t-store__grid-cont_mobile-grid a.t1002__addBtn {
        width: 36px;
        height: 36px;
        right: 5px !important;
        top: 5px !important;
        box-shadow: 0px 0px 16px #0001;
    }
}
@media screen and (max-width: 480px) {
    /* временное решение, задается в настройках  */
    .t-rec_pb_0 {
        padding-top: 10px !important;
    }
}
@media screen and (max-width: 360px){
    .t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col {
        margin-bottom: 20px !important;
        width: 100% !important;
    }    
}

/* ======= CARD & PANEL CORE ======= */
.t-store__card,
.js-product.t-store__card,
[data-product-lid] {
  position: relative !important;
  overflow: hidden !important;
}

/* скрываем SKU */
.t-store__card__sku,
[data-product-lid] .t-store__card__sku { display: none !important; }

/* текстовый низ — поверх картинки */
.t-store__card__textwrapper,
[data-product-lid] .t-store__card__textwrapper {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
}

/* панель опций — абсолютная, снизу, с прокруткой внутри */
.js-product-controls-wrapper,
[data-product-lid] > .js-product-controls-wrapper,
.t-store__card .js-product-controls-wrapper {
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  z-index: 5 !important;

  /* высота = --panel-h (назначается JS) */
  height: var(--panel-h, 160px) !important;
  max-height: var(--panel-h, 160px) !important;

  transform: translateY(100%) !important;
  opacity: 0 !important;
  pointer-events: none !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important; /* по верху панели */
  align-items: center !important;
  text-align: center !important;

  padding: 8px 12px !important;
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 -8px 30px rgba(0,0,0,0.08) !important;

  transition: transform .34s cubic-bezier(.2,.9,.3,1), opacity .22s ease !important;
  will-change: transform, opacity !important;

  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;

  gap: 15px !important; /* твоя правка: пространство между группами в панели */
}

/* непосредственные дети панели: ширина авто, центр, gap между ними */
.js-product-controls-wrapper > * {
  width: auto !important;
  margin: 0 !important;
  align-self: center !important;
  align-items: center !important;
  gap: 10px !important; /* твоя правка */
}

/* показать панель: hover по карточке (desktop) или класс .is-open (mobile) */
.t-store__card:hover .js-product-controls-wrapper,
.js-product.t-store__card:hover .js-product-controls-wrapper,
[data-product-lid]:hover > .js-product-controls-wrapper,
[data-product-lid].is-open > .js-product-controls-wrapper,
.js-product.is-open .js-product-controls-wrapper {
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* если карточка помечена no-panel — панель скрыта полностью */
.t-store__card.no-panel .js-product-controls-wrapper,
[data-product-lid].no-panel > .js-product-controls-wrapper {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ======= IMAGE (убираем любую логику переключения фото — тут ничего не делаем) ======= */
/* (Преднамеренно пусто: фотопереключение удалено по запросу) */

/* ======= OPTION TITLE & VARIANTS ALIGN ======= */
/* заголовок опции на всю ширину и по центру */
.js-product-edition-option-name,
.t-product__option-title,
.js-product-edition-option-name.t-product__option-title {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  box-sizing: border-box !important;
  padding: 0 6px !important;
}

/* контейнер вариантов — делаем флекс центром */
.t-product__option-variants,
.t-product__option-variants_custom,
.t-product__option-variants_buttons,
.t-product__option-variants_simple {
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
}

/* лейблы вариантов — центрируем содержимое */
.t-product__option-variants label,
.t-product__option-variants .t-product__option-item,
.t-product__option-variants .t-product__option-item_buttons,
.t-product__option-variants .t-product__option-item_simple {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: normal !important;
  margin: 0 !important;
}

/* аккуратный тонкий скролл (опционально) */
.js-product-controls-wrapper::-webkit-scrollbar { width: 8px; }
.js-product-controls-wrapper::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.08); border-radius: 6px; }
.js-product-controls-wrapper::-webkit-scrollbar-track { background: transparent; }
