/* используем ту же переменную, что и в slide.css */
:root{ --header-h: 96px; }
@media (max-width:991.98px){ :root{ --header-h: 72px; } }

/* ФИЛЬТРЫ — липкие под шапкой */
.t-filters{
  position: sticky;
  top: var(--header-h);
  z-index: 9;
  background: transparent;
}
.t-filters__form{ padding:12px 0; }
.t-filters__row{ display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; }

.t-filters__search,
.t-filters__price,
.t-filters__sort{
  background:#fff; border:1px solid #e8edf5; border-radius:12px; padding:10px 12px;
  box-shadow:0 4px 14px rgba(16,24,40,.06);
}
.t-filters__search{ display:flex; align-items:center; flex:1; min-width:260px; }
.t-filters__search i{ margin-right:8px; opacity:.55; }
.t-filters__search input{ border:0; background:transparent; outline:none; width:100%; }

.t-filters__price{ display:flex; align-items:center; gap:8px; }
.t-filters__price label,
.t-filters__sort label{ margin-right:6px; font-size:13px; color:#5e6977; }
.t-filters__price input,
.t-filters__sort select{
  border:0; background:#f7f9fd; padding:8px 10px; border-radius:8px; outline:none;
}
.t-filters__sort select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 10px center; padding-right:28px;
}
.t-filters__submit .order_btn{ padding:10px 16px; border-radius:10px; }

.t-filters__pills{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px;
      background:#f2f6fb; color:#152433; text-decoration:none; font-weight:600; font-size:13px; }
.pill.is-active{ background:#152433; color:#fff; }
.pill__count{ min-width:18px; padding:2px 6px; border-radius:999px; background:#fff; color:#152433; font-size:12px; }

/* ЛЕЙАУТ */
.t-grid{ padding:18px 0 40px; }

/* САЙДБАР */
.t-aside .t-aside__box{
  background:#fff; border:1px solid #e9eef5; border-radius:14px;
  box-shadow:0 6px 18px rgba(16,24,40,.06); padding:14px 14px 10px; margin-bottom:14px;
}
.t-aside__title{ font-weight:800; margin:0 0 10px; }
.t-aside__list{ list-style:none; padding:0; margin:0; }
.t-aside__list li{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #eef1f6; }
.t-aside__list li:last-child{ border-bottom:0; }
.t-aside__list a{ text-decoration:none; color:#152433; }
.t-aside__tags{ display:flex; flex-wrap:wrap; gap:8px; }
.t-aside__tags a{ background:#f2f6fb; border-radius:999px; padding:6px 10px; text-decoration:none; color:#152433; font-weight:600; }
.t-aside__popular{ list-style:none; padding:0; margin:0; }
.t-aside__popular li a{
  display:grid; grid-template-columns:56px 1fr auto; gap:10px; align-items:center;
  text-decoration:none; color:#152433; padding:8px; border-radius:10px;
}
.t-aside__popular li a:hover{ background:#f7f9fd; }
.t-aside__popular img{ width:56px; height:40px; object-fit:cover; border-radius:6px; }
.t-aside__popular .pr{ font-weight:800; }

/* КАРТОЧКИ */
.t-card{ 
  display:flex; 
  flex-direction:column; 
  background:#fff; 
  border-radius:16px; 
  overflow:hidden;
  box-shadow:0 10px 24px rgba(16,24,40,.08); 
  width:100%; 
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.t-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.15);
}

.t-card__cover{ 
  position:relative; 
  height:220px; 
  background:#f1f4f8; 
  overflow:hidden;
}
.t-card__img{ 
  position:absolute; 
  inset:0; 
  width:100%; 
  height:100%; 
  object-fit:cover; 
  transition: transform 0.3s ease;
}
.t-card:hover .t-card__img {
  transform: scale(1.05);
}

.badge{ 
  position:absolute; 
  top:12px; 
  right:12px; 
  padding:6px 12px; 
  border-radius:20px; 
  color:#fff; 
  font-weight:700; 
  font-size:11px; 
  text-transform:uppercase; 
  letter-spacing:0.5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.badge--hit{ 
  background: linear-gradient(135deg, #ff3b30, #ff6b5b); 
}
.badge--disc{ 
  background: linear-gradient(135deg, #ff9500, #ffb84d); 
}

.t-card__body{ 
  display:flex; 
  flex-direction:column; 
  padding:20px; 
  flex:1;
}

.t-card__header {
  margin-bottom: 16px;
}

.t-card__title{ 
  color:#152433; 
  font-weight:800; 
  font-size:18px; 
  line-height:1.3;
  margin:0 0 8px 0;
  text-decoration:none; 
  display:block;
}
.t-card__title:hover{ 
  color:#ff6b5b;
  text-decoration:none;
}

.t-card__meta{ 
  display:flex; 
  flex-wrap:wrap; 
  gap:12px; 
  font-size:13px; 
  color:#5e6977;
}
.t-meta-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.t-card__meta i{ 
  color:#ff6b5b;
  font-size:12px;
}

.t-card__price-section {
  margin: 16px 0;
  padding: 16px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.t-card__price-main {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.t-price-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.t-price-label {
  font-size: 14px;
  color: #64748b;
  font-weight: 600;
}

.t-price{ 
  display:flex; 
  align-items:baseline; 
  gap:8px; 
}
.t-price__old{ 
  color:#94a3b8; 
  text-decoration:line-through; 
  font-size: 14px;
}
.t-price__new{ 
  font-size:20px; 
  color:#152433; 
  font-weight: 800;
}

.t-card__price-extra {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #cbd5e1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.t-card__footer{ 
  margin-top:auto; 
  display:flex; 
  justify-content:space-between; 
  align-items:center; 
  gap:12px;
  padding-top: 16px;
  border-top: 1px solid #f1f5f9;
}

.t-rating{ 
  display:flex; 
  align-items:center; 
  gap:6px; 
  color:#ff9900; 
  font-weight:700;
}
.t-rating-value {
  font-size: 14px;
}
.t-reviews-count{ 
  color:#94a3b8; 
  font-weight:600; 
  font-size: 13px;
}
/* .btn-more and .order_btn styles are now handled by buttons.css */

/* Пагинация */
.t-pagination .page-link{ border-radius:10px; }

/* Адаптив для карточек */
@media (max-width:575.98px){
  .t-card__cover{ height:200px; }
  .t-card__body{ padding:16px; }
  .t-card__title{ font-size:16px; }
  .t-card__price-section{ padding:12px; }
  .t-price__new{ font-size:18px; }
  .t-card__footer{ flex-direction:column; gap:8px; align-items:stretch; }
  .t-card__footer .order_btn{ width:100%; }
}

@media (max-width:767.98px){
  .t-card__meta{ gap:8px; }
  .t-meta-item{ font-size:12px; }
  .t-price-group{ flex-direction:column; align-items:flex-start; gap:4px; }
  .t-card__price-extra{ flex-direction:column; align-items:flex-start; gap:4px; }
}