/* ===== Заголовок магазина ===== */
.shop-head{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin: 24px 0 24px 0;
}
.shop-head__logo{
  width:50px; height:50px; border-radius:10px; object-fit:cover; flex:0 0 32px;
}
.shop-head__titles{ display:flex; flex-direction:column; }
.shop-head__title{
  font-family: "Inter";
  font-weight: 800; /* extrabold */
  font-size: 17px;
  line-height: 1.3;
  color: #2F3244;
  margin: 0 0 4px 0;
}
.shop-head__subtitle{
  font-family: "Inter";
  font-weight: 500; /* medium */
  font-size: 14px;
  line-height: 1.4;
  color: #6B6D80;
}

/* ===== Пагинация (минимум) ===== */
.pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin: 24px 0 8px;
}
.pagination__pages{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.pagination a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid #E3E5EB;
  border-radius:10px;
  text-decoration:none;
  font: 600 14px/1 "Inter";
  color:#2F3244;
}
.pagination a:hover{ background:#F7F7FA; }
.pagination__page.is-active{
  background:#2F3244; color:#fff; border-color:#2F3244;
}


/* ===== Breadcrumbs ===== */
.breadcrumbs{margin-bottom:16px; }
.breadcrumbs__list{
  display:flex; flex-wrap:wrap; align-items:center;
  gap:6px; list-style:none; padding:0; margin:0;
  font-size:13px; line-height:1.3;
}
.breadcrumbs__item{ display:flex; align-items:center; color:#A0A2B0; max-width:100%; }
.breadcrumbs__item:not(:last-child)::after{
  content:"›"; margin:0 6px; color:#A0A2B0;
}
.breadcrumbs a{ color:var(--text-muted); text-decoration:none; }
.breadcrumbs a:hover{ text-decoration:underline; }
.breadcrumbs__current{
  color:#b8b8b8; font-weight:500;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:60vw;
}
@media (max-width:640px){
  .breadcrumbs__current{ max-width:80vw; }
}

/* ===== Блок "похожие акции" ===== */
.promo-expired-reco{
  background:#EFF0F1;
  border-radius:16px;
  padding:16px 0px 16px 16px;
  margin:12px 0 16px;
}
.promo-expired-reco__row{display:flex;align-items:center;gap:12px;margin-bottom:12px; padding-right: 16px;}
.promo-expired-reco__text{color:#777777;font-size:14px;font-weight:500;line-height:1.3;}
.promo-expired-reco#promoExpiredFeedback{border-radius:12px;}
.promo-expired-reco--brand .promo-modal__partnerbtn{width:calc(100% - 16px) !important;margin-right:16px;}
.promo-expired-reco__cards{padding-bottom:0;}
.promo-expired-reco .hot-cards{
  width:100%;max-width:100%;
  display:grid;grid-auto-flow:column;grid-auto-columns:262px;gap:12px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-x:contain;
}
.promo-expired-reco .hot-card{
  scroll-snap-align:start;
  display:grid;grid-template-columns:1fr auto;column-gap:14px;align-items:start;
  width:262px;padding:16px;border:1px solid #E5E5E5;border-radius:16px;background:#fff;text-decoration:none;
}
.promo-expired-reco .hot-card__title{margin-bottom:4px;}
.promo-expired-reco .hot-card__titleline .chip{margin-left:2px;}

/* Десктоп */
.split{
  display:grid;
  grid-template-columns: minmax(0,1fr) clamp(280px,25vw,340px); /* контент / правая колонка */
  column-gap:24px;
  align-items:start;
}

/* Чтобы правая не пыталась расширяться */
.split-right{ width:100%; }

/* На таблетах/мобиле — в одну колонку */
@media (max-width: 1024px){
  .split{
    grid-template-columns: 1fr;
  }
  .split-right{
    width:auto;           /* пусть растягивается на всю ширину */
    margin-top:24px;
  }
}

.latest-header {
margin-top: 10px; }

/* Таблица промокодов внутри SEO-блока */
.shop-table-wrap{
  margin:20px 0;
  overflow-x:auto;
  border:1px solid #E5E5E5;
  border-radius:16px;
  background:#fff;
}
.shop-table{
  width:100%;
  min-width:350px;
  border-collapse:collapse;
  color:#2F3143;
  font-size:14px;
}
.shop-table th,
.shop-table td{
  padding:14px 16px;
  text-align:left;
  vertical-align:top;
}
.shop-table th{
  background:#EFF0F1;
  color:#2F3143;
  font-weight:600;
}
.shop-table td{
  color:#6B6D80;
  font-weight:500;
}
.shop-table td:first-child{
  color:#2F3143;
  font-weight:600;
}
.shop-table__status{
  color:#2eb513!important;
  white-space:nowrap;
  font-weight:600!important;
}
.shop-table__status.is-expired{
  color:#B8B8B8!important;
}

.soft-divider{
  width:100%;
  height:3px;
  border-radius:30px;
  background-color: color(srgb 0.8962 0.9062 0.9233);
}
/* .seo-block { 
background:#fff;
  border:1px solid #E5E5E5;
  border-radius:16px;
  padding:16px;
}
*/

.loadmore-wrap {
    margin-top:16px;
    text-align:center;
}

/* Плашка "пока нет промокодов" */
.latest-empty{
  display:flex;
  flex-direction:column;
  align-items:center;        /* горизонтально по центру */
  justify-content:center;    /* вертикально по центру (если есть высота) */
  gap:12px;
  padding:16px;
  background:#EFF0F1;
  border-radius:16px;
  text-align:center;
  font-size:14px;
  font-weight:500;
  color:#B8B8B8;
}

/* иконка по центру и аккуратный размер */
.latest-empty .menu-icon{
  width:36px;
  height:36px;
  display:block;   /* на всякий случай */
}

/* если список — растянем плашку на всю ширину */
.latest-list .latest-empty{
  grid-column: 1 / -1;
}

/* на десктопе дадим достаточную высоту, чтобы реально было что центрировать */
@media (min-width:1025px){
  .latest-list .latest-empty{
    min-height: 40vh; /* можешь заменить на фикс (например 360px) */
  }
}

.spacer-24n {
  height:24px;
}

.stars{
  position:relative;
  width: 156px;    /* 5 звёзд по ~30px с интервалом — подгони под свой дизайн */
  height: 28px;
  display:inline-block;
}

/* рисуем 5 звёзд маской */
.stars__base, .stars__fill{
  position:absolute; inset:0;
  --star: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/></svg>");
  -webkit-mask-image: var(--star), var(--star), var(--star), var(--star), var(--star);
  mask-image: var(--star), var(--star), var(--star), var(--star), var(--star);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  /* расставляем 5 звёзд по горизонтали */
  -webkit-mask-position: 0 0, 32px 0, 64px 0, 96px 0, 128px 0;
  mask-position:        0 0, 32px 0, 64px 0, 96px 0, 128px 0;
  -webkit-mask-size: 28px 28px;
  mask-size:        28px 28px;
}

/* серый фон (пустые) */
.stars__base{ background:#e2e2e7; }

/* заливка (золотая) обрезается по width */
.stars__fill{
  background:#ffb400;
  width:0%; /* динамически меняем из JS */
  pointer-events:none;
}

/* хит-арея поверх (радио + лейблы) */
.stars__hit{
  position:absolute; inset:0;
  display:flex; gap:4px; align-items:stretch;
}
.stars__hit input{ position:absolute; opacity:0; pointer-events:none; }
.stars__hit label{
  flex: 0 0 28px; height:28px; cursor:pointer;
}




/* перенос */




.popular-grid {
grid-template-columns: repeat(2, minmax(0px, 1fr));
}

@media (max-width:640px) {
.popular-grid {
grid-template-columns: repeat(2,1fr);
}
}

.shop-card {
  width: auto;
}



/* пустой стейт магазинов – по центру и на всю ширину */
.popular-grid .popular-empty{
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 140px;     /* чтобы реально было что центрировать */
  padding: 16px 20px;
  color: #7B7D8B;
}


.lead {
  font-size: 14px; font-weight: 500; color: #2F3244; line-height: 1.4;
}

.btm0 {
  margin-bottom: 0px;
}

.anothershop-header {
display: flex;
align-items: center;
gap: 8px;
margin-top: 7px;
margin-bottom: 13px;
flex-wrap: wrap;
}

blockquote {
margin: 12px 0;
padding: 12px 16px;
border-left: 3px solid #f33737;
border-radius: 10px;
background: #EFF0F1;
color: #6B6D80;
font-size: 15px;
font-weight: 500;
line-height: 1.4;
}

.shoplittleimage {
border-radius: 12px;
width: auto;
height: auto;
max-width: 350px;
max-height: 50vh;
aspect-ratio: auto;
object-fit: fill;
}