/* Статус «открыто», «рядом со мной», кнопки маршрута/мессенджеров. Префикс shops-*, чтобы не пересекаться с style.css */
.shops-os[hidden]{display:none!important}
.shops-os{display:inline-block;margin:4px 0;padding:2px 8px;border-radius:10px;font-size:13px;line-height:1.4;font-weight:600}
.shops-os--open{background:#e6f6ec;color:#15803d}
.shops-os--closed{background:#fdecec;color:#b42318}
.shops-os-filter{display:block;margin:0 0 10px;font-size:14px;cursor:pointer}
.shops-os-filter input{margin-right:4px;vertical-align:middle}
.shops-near{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.shops-near__btn{padding:8px 14px;border:1px solid #25bfa0;border-radius:6px;background:#fff;color:#1a8f78;font-size:14px;cursor:pointer;position:static;width:auto;height:auto}
.shops-near__btn:disabled{opacity:.6;cursor:default}
.shops-near__msg{font-size:13px;color:#555}
.shops-dist{display:block;margin:2px 0;font-size:13px;color:#1a8f78;font-weight:600}
.shops-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.shops-actions__btn{display:inline-block;padding:8px 12px;border:1px solid #25bfa0;border-radius:6px;color:#1a8f78;font-size:14px;line-height:1.3;text-decoration:none;background:#fff}
.shops-actions__btn:hover{background:#25bfa0;color:#fff}
.shops-actions__btn--wa{border-color:#25d366;color:#128c4a}
.shops-actions__btn--wa:hover{background:#25d366;color:#fff}
.shops-actions__btn--tg{border-color:#229ed9;color:#1a7fb0}
.shops-actions__btn--tg:hover{background:#229ed9;color:#fff}

/* Колонка «бейдж + график» в строке филиала (single-city): занимает ровно место прежнего schedule-container */
.shops-os-cell{width:100%;min-width:0}
.shops-os-cell .shops-os{display:block;width:max-content;max-width:100%;margin:0 0 6px}
.shops-os-cell .shops-os[hidden]{display:none!important}
@media (min-width:1001px){
  .shops-os-cell{width:400px;margin-right:20px;flex:0 0 auto}
  .shops-os-cell .schedule-container{width:100%;margin-right:0}
}
.citystore__name .shops-actions{margin:8px 0 0}
.citystore__name .shops-actions__btn{font-size:13px;padding:6px 10px}
@media (max-width:767.98px){
  .citystore__name .shops-actions{justify-content:center}
}
@media (max-width:767.98px){
  .shops-os-cell .shops-os{margin:0 auto 6px}
}

/* Поделиться / недавно просмотренное */
button.shops-share{position:static;width:auto;height:auto;font-family:inherit;cursor:pointer}
.shops-recent{margin:24px auto;max-width:1140px;padding:0 clamp(16px,4vw,35px);box-sizing:border-box}
.shops-recent[hidden]{display:none!important}
.shops-recent__title{font-size:22px;font-weight:700;margin:0 0 12px}
.shops-recent__list{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.shops-recent__item{flex:0 0 150px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:8px}
.shops-recent__item img{width:100%;height:110px;object-fit:contain;display:block}
.shops-recent__name{font-size:13px;line-height:1.3;max-height:2.6em;overflow:hidden}
.shops-recent__price{font-size:14px;font-weight:700;color:#1a8f78}
.shops-share-wrap{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}

/* Бейдж в карточках блока «по направлениям» (часы там скрыты на мобильном, бейдж остаётся) */
.au_ma_card_os{margin-top:8px}
.au_ma_card_os .shops-os{margin:0}

/* ===== Сравнение товаров ===== */
/* Кнопка-иконка на карточке товара (рядом с «избранным») */
.shops-cmp-inline{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;margin-left:2rem}
button.shops-cmp-fab{position:relative;width:50px;height:50px;padding:0;margin:0 0 15px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #25bfa0;border-radius:8px;color:#1a8f78;cursor:pointer;transition:all .25s ease;font-family:inherit}
button.shops-cmp-fab:hover{background:#25bfa0;color:#fff}
button.shops-cmp-fab.is-active{background:#25bfa0;border-color:#25bfa0;color:#fff}
button.shops-cmp-fab.is-active:hover{background:#1a8f78;border-color:#1a8f78}
button.shops-cmp-fab svg{display:block;pointer-events:none}
button.shops-cmp-fab[data-msg]::after{content:attr(data-msg);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#333;color:#fff;font-size:13px;line-height:1.3;font-weight:400;padding:6px 10px;border-radius:6px;white-space:nowrap;z-index:20;pointer-events:none}
.shops-cmp-inline__link{display:inline-block;margin:0 0 15px;padding:7px 12px;border:1px solid #25bfa0;border-radius:18px;color:#1a8f78;font-size:14px;line-height:1.2;text-decoration:none;white-space:nowrap;background:#fff}
.shops-cmp-inline__link:hover{background:#25bfa0;color:#fff}
.shops-cmp-inline__link[hidden]{display:none!important}
@media (max-width:767.98px){
  .shops-cmp-inline{margin-left:1rem;gap:6px}
  /* на телефоне текстовая ссылка заменяется круглым значком с числом */
  .shops-cmp-inline__link{font-size:0;width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .shops-cmp-inline__link::after{content:attr(data-count);font-size:14px;font-weight:700;line-height:1}
  .shops-cmp-inline__link[hidden]{display:none!important}
}

/* Страница /sravnenie/ */
.shops-cmp-page{display:block;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}
.shops-cmp-page .container{box-sizing:border-box}
.shops-cmp-page .citylist__inner{display:block;width:100%;min-width:0}
.shops-cmp,.shops-cmp__scroll{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.shops-cmp{margin:8px 0 32px}
.shops-cmp__summary{margin:0 0 10px}
.shops-cmp__count{display:inline-block;padding:5px 12px;border-radius:14px;background:#e6f6f1;color:#1a8f78;font-size:14px;font-weight:600}
.shops-cmp__bar{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:0 0 16px}
.shops-cmp__switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;user-select:none}
.shops-cmp__switch input{position:absolute;opacity:0;width:0;height:0}
.shops-cmp__track{position:relative;width:42px;height:24px;border-radius:12px;background:#cfd6d4;transition:background .2s;flex:0 0 auto}
.shops-cmp__track::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.shops-cmp__switch input:checked + .shops-cmp__track{background:#25bfa0}
.shops-cmp__switch input:checked + .shops-cmp__track::after{transform:translateX(18px)}
.shops-cmp__switch input:focus-visible + .shops-cmp__track{outline:2px solid #1a8f78;outline-offset:2px}
button.shops-cmp__clear{position:static;width:auto;height:auto;padding:7px 14px;border:1px solid #d5dad8;border-radius:18px;background:#fff;color:#666;font-family:inherit;font-size:14px;cursor:pointer}
button.shops-cmp__clear:hover{border-color:#c62828;color:#c62828}

.shops-cmp__scroll{overflow-x:auto;border:1px solid #e6ebe9;border-radius:14px;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.05);-webkit-overflow-scrolling:touch}
.shops-cmp__table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;font-size:15px;line-height:1.35}
.shops-cmp__table th,.shops-cmp__table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #eef1f0;background:#fff}
.shops-cmp__table tbody tr:nth-child(even) td,.shops-cmp__table tbody tr:nth-child(even) th{background:#fafcfb}
.shops-cmp__table tbody tr:last-child td,.shops-cmp__table tbody tr:last-child th{border-bottom:none}
.shops-cmp__table thead th{border-bottom:1px solid #e3e8e6}
.shops-cmp__label{position:sticky;left:0;z-index:1;min-width:130px;max-width:180px;font-weight:600;color:#333;box-shadow:1px 0 0 #eef1f0}
.shops-cmp__corner{position:sticky;left:0;z-index:2;min-width:130px}
.shops-cmp__prod{position:relative;min-width:180px;text-align:center!important;padding:30px 14px 14px!important}
.shops-cmp__imgbox{display:flex;align-items:center;justify-content:center;height:140px;margin:0 0 10px}
.shops-cmp__imgbox img{max-width:100%;max-height:140px;object-fit:contain;display:block}
.shops-cmp__name{font-size:15px;line-height:1.3;font-weight:600;color:#222;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
a.shops-cmp__name:hover{color:#1a8f78}
button.shops-cmp__remove{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f1f3f2;font-size:20px;line-height:1;color:#777;cursor:pointer;font-family:inherit}
button.shops-cmp__remove:hover{background:#fdecec;color:#c62828}
.shops-cmp__addcol,.shops-cmp__addcell{min-width:140px;background:#fbfdfc!important;border-left:1px dashed #d5dad8}
.shops-cmp__addcol{text-align:center!important;vertical-align:middle!important}
a.shops-cmp__add{display:inline-block;padding:10px 14px;border:1px dashed #25bfa0;border-radius:10px;color:#1a8f78;font-size:14px;text-decoration:none}
a.shops-cmp__add:hover{background:#25bfa0;color:#fff;border-style:solid}
.shops-cmp__pricerow td,.shops-cmp__pricerow th{padding-top:16px;padding-bottom:16px;text-align:center}
.shops-cmp__pricerow .shops-cmp__label{text-align:left}
.shops-cmp__price{font-size:20px;font-weight:700;color:#1a8f78;white-space:nowrap}
.shops-cmp__best{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:12px;background:#dff5ec;color:#15803d;font-size:12px;font-weight:600}
.shops-cmp__delta{display:block;margin-top:4px;font-size:12px;color:#8a8f8d}
.shops-cmp__linkrow td{text-align:center;padding-top:0;padding-bottom:14px}
.shops-cmp__linkrow th{padding-top:0;padding-bottom:14px}
a.shops-cmp__open{display:inline-block;padding:7px 14px;border:1px solid #25bfa0;border-radius:18px;color:#1a8f78;font-size:13px;text-decoration:none;white-space:nowrap}
a.shops-cmp__open:hover{background:#25bfa0;color:#fff}
.shops-cmp__na{color:#b5bab8}
.shops-cmp__table tbody tr.is-diff td{background:#eefaf6}
.shops-cmp__table tbody tr.is-diff th{background:#eefaf6;box-shadow:inset 3px 0 0 #25bfa0,1px 0 0 #eef1f0}
.shops-cmp__legend,.shops-cmp__note{font-size:14px;color:#666;margin:12px 2px 0}
.shops-cmp__legend::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:3px;background:#eefaf6;box-shadow:inset 3px 0 0 #25bfa0;vertical-align:-1px}
.shops-cmp__hint{display:none;font-size:13px;color:#8a8f8d;margin:6px 2px 0}
.shops-cmp__emptybox{max-width:520px;margin:12px auto;padding:34px 24px;text-align:center;background:#fff;border:1px solid #e6ebe9;border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.shops-cmp__emptyicon{color:#25bfa0;margin:0 0 8px}
.shops-cmp__emptytitle{font-size:20px;font-weight:700;color:#222;margin:0 0 8px}
.shops-cmp__empty{font-size:15px;color:#666;line-height:1.5;margin:0 0 18px}
a.shops-cmp__cta{display:inline-block;padding:11px 24px;border-radius:24px;background:#25bfa0;color:#fff;font-size:15px;text-decoration:none}
a.shops-cmp__cta:hover{background:#1a8f78}
@media (max-width:767.98px){
  .shops-cmp__label,.shops-cmp__corner{min-width:96px;max-width:110px;font-size:13px}
  .shops-cmp__table{font-size:14px}
  .shops-cmp__prod{min-width:160px}
  .shops-cmp__table th,.shops-cmp__table td{padding:10px}
  .shops-cmp__hint{display:block}
}