.tn-elem a,
.tn-elem button,
.tn-elem .t-btn {
  transition: border-color 0.25s ease, color 0.25s ease;
}

/* Hover кезінде шекара қызғылт түске боялады */
.tn-elem a:hover,
.tn-elem button:hover,
.tn-elem .t-btn:hover {
  border-color: #FF5A3C !important;
  color: #FF5A3C !important; /* мәтін де қызғылт болса әдемі көрінеді */
}

.marquee-text {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 90s linear infinite;
  font-size: 24px;
  font-weight: bold;
}

@keyframes marquee {
  0%   { transform: translateX(0); }     /* экранның ішінде бастап тұр */
  100% { transform: translateX(-100%); } /* біртіндеп солға кетеді */
}

/* ME301 ішіндегі барлық суреттерді (логотипті) төмен түсіру */
#rec1601392391 img {
  margin-top: 20px !important;
}

#rec1601408591 img {
  margin-top: 20px !important;
}

#rec1601410621 img {
  margin-top: 20px !important;
}

#rec1543793661 img {
  margin-top: 20px !important;
}

#rec1601413271 img {
  margin-top: 20px !important;
}

#rec1601415981 img {
  margin-top: 20px !important;
}

/* БҮКІЛ плита (shape + иконка + текст) бірге үлкеюі үшін */
#rec1660011981 .ab-tile {
  border-radius: 30px;                 /* сендегі shape радиусымен бірдей */
  overflow: hidden;                    /* бұрыштардың сыртқа шықпауына */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  will-change: transform;
  cursor: pointer;
}

/* Hover кезінде ТЕК ТОП толық үлкейеді */
#rec1660011981 .ab-tile:hover {
  transform: scale(1.04);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* БҮКІЛ плита (shape + иконка + текст) бірге үлкеюі үшін */
#rec1666304461 .ab-tile1 {
  border-radius: 30px;                 /* сендегі shape радиусымен бірдей */
  overflow: hidden;                    /* бұрыштардың сыртқа шықпауына */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  will-change: transform;
  cursor: pointer;
}

/* Hover кезінде ТЕК ТОП толық үлкейеді */
#rec1666304461 .ab-tile1:hover {
  transform: scale(1.04);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

/* Бүкіл сайтқа smooth scroll */
html {
  scroll-behavior: smooth;
}

#catalog {
  scroll-margin-top: 120px; /* header биіктігіне қарай 80–140px қоямыз */
}

/* Оңға қарай ұшып баратын негізгі анимация */
@keyframes ab-move-right {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

/* 1-иконка */
#rec1672456041 .ab-fly1 .tn-atom {
  animation: ab-move-right 18s linear infinite;
  animation-delay: 0s;
}

/* 2-иконка */
#rec1672456041 .ab-fly2 .tn-atom {
  animation: ab-move-right 22s linear infinite;
  animation-delay: 3s;
}

/* 3-иконка */
#rec1672456041 .ab-fly3 .tn-atom {
  animation: ab-move-right 26s linear infinite;
  animation-delay: 6s;
}

/* 4-иконка */
#rec1672456041 .ab-fly4 .tn-atom {
  animation: ab-move-right 20s linear infinite;
  animation-delay: 9s;
}

/* 5-иконка */
#rec1672456041 .ab-fly5 .tn-atom {
  animation: ab-move-right 24s linear infinite;
  animation-delay: 12s;
}

/* 6-иконка */
#rec1672456041 .ab-fly6 .tn-atom {
  animation: ab-move-right 28s linear infinite;
  animation-delay: 15s;
}

/* 7-иконка */
#rec1672456041 .ab-fly7 .tn-atom {
  animation: ab-move-right 19s linear infinite;
  animation-delay: 18s;
}

/* 8-иконка */
#rec1672456041 .ab-fly8 .tn-atom {
  animation: ab-move-right 23s linear infinite;
  animation-delay: 21s;
}

/* 9-иконка */
#rec1672456041 .ab-fly9 .tn-atom {
  animation: ab-move-right 27s linear infinite;
  animation-delay: 24s;
}


/* КАТАЛОГ БЛОГЫ ҮШІН */
#rec1373347581 a.t-store__prod-popup__btn_disabled .t-store__card__btn-text {
  font-size: 0 !important;
}

#rec1373347581 a.t-store__prod-popup__btn_disabled .t-store__card__btn-text::after {
  content: "Жақында сатылымға шығады";
  font-size: 15px;
  color: #b71c1c;
  font-weight: 600;
}

/* TPRODUCT БЕТІ ҮШІН */
.t-store__prod-popup__btn_disabled .js-store-prod-popup-buy-btn-txt {
  font-size: 0 !important;
}

.t-store__prod-popup__btn_disabled .js-store-prod-popup-buy-btn-txt::after {
  content: "Жақында сатылымға шығады";
  font-size: 15px;
  color: #b71c1c;
  font-weight: 600;
}

/* Бағасы жоқ тауарлар жоғарыда қалдырған бос орынды жою */
#rec1373347581 .t-store__empty,
#rec1373347581 .t-store__preloader,
#rec1373347581 .t-store__grid-separator {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Кейбір шаблондарда бос орын margin арқылы келеді */
#rec1373347581 .t-store__cards-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

textarea[name="delivery_info"] {
  display: none !important;
}