/* === Figma redesign 2026-06: иконка Избранное — прозрачный фон + ближе к углу === */
.t1002__picture-wrapper .t1002__addBtn,
.t-catalog__card__imgwrapper .t1002__addBtn,
.t1002__pic-wrapper .t1002__addBtn {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  top: 6px !important;
  right: 6px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* === Figma fix: Mobile/tablet gallery thumbnails UNDER the slider (flex-column, verified) === */
@media screen and (max-width: 960px){
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider{ display:flex !important; flex-direction:column !important; align-items:center !important; grid-template-columns:none !important; width:100% !important; }
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__main{ width:100% !important; max-width:520px !important; order:1 !important; float:none !important; }
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper{ display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; width:100% !important; max-width:520px !important; height:auto !important; gap:8px !important; margin:12px 0 0 0 !important; padding:0 !important; justify-content:center !important; overflow:visible !important; position:static !important; order:2 !important; float:none !important; }
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__thumbsbullet.t-slds__thumbsbullet.t-slds__thumbsbullet{ width:56px !important; height:56px !important; min-width:56px !important; flex:0 0 auto !important; margin:0 !important; display:block !important; }
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__thumbsbullet.t-slds__thumbsbullet.t-slds__thumbsbullet .t-slds__bgimg{ width:56px !important; height:56px !important; background-size:cover !important; }
}

/* === Figma fix: filter chips — one scroll row + reset below (≤1200) === */
@media screen and (max-width: 1200px){
  .t-catalog__filter__chosen-bar{ display:block !important; position:relative !important; padding-bottom:40px !important; width:100% !important; max-width:100% !important; }
  .t-catalog__filter__chosen-bar .t-catalog__filter__chosen-wrapper{ display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; overflow-y:hidden !important; width:100% !important; max-width:100% !important; min-width:0 !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; -ms-overflow-style:none !important; }
  .t-catalog__filter__chosen-bar .t-catalog__filter__chosen-wrapper::-webkit-scrollbar{ display:none !important; height:0 !important; }
  .t-catalog__filter__chosen-bar .t-catalog__filter__chosen-wrapper > .t-catalog__filter__chosen-val{ flex:0 0 auto !important; white-space:nowrap !important; }
  .t-catalog__filter__chosen-bar .t-catalog__filter__chosen-wrapper .t-catalog__filter__reset{ position:absolute !important; left:0 !important; bottom:6px !important; margin:0 !important; white-space:nowrap !important; }
}

/* === Figma fix: remove max-width:none on phones (<640px) === */
@media screen and (max-width: 640px){
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper.t-slds__thumbsbullet-wrapper{ max-width:none !important; }
  .t-catalog__prod-snippet__container .t-catalog__prod-popup__slider .t-slds__main{ max-width:none !important; }
}

