/* Блок «Аналоги в наличии» — по согласованному макету analogs-block/mockup (образец — vseinstrumenti.ru). */
.an-block {
  --an-text: #1b1b1b; --an-muted: #686868; --an-line: #e6e6e6; --an-brand: #34495e; --an-brand-h: #2b3d4f; --an-green: #27ae60; --an-red: #eb3b3b;
  margin-top: 24px; min-width: 0; color: var(--an-text);
}
.an-host > .product-cart-form__columns { height: auto; }
.an-block .an-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.an-block .an-title { font-size: 16px; font-weight: 600; margin: 0; line-height: 1.3; }
.an-block .an-compare { font-size: 13px; color: var(--an-muted); border-bottom: 1px dashed #bbb; text-decoration: none; }
.an-block .an-compare:hover { color: var(--an-text); }
.an-block .an-viewport { position: relative; }
/* Без scroll-behavior:smooth и с мягкой привязкой: в Safari на iPhone smooth + snap mandatory ломают свайп
   (лента дёргается и не листается); стрелки листают плавно сами через scrollBy({behavior:'smooth'}) */
.an-block .an-track { display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; touch-action: pan-x pan-y; scroll-snap-type: x proximity; scrollbar-width: none; padding: 1px; }
.an-block .an-track::-webkit-scrollbar { display: none; }
.an-block .an-card { flex: 0 0 max(148px, calc((100% - 32px) / 5)); scroll-snap-align: start; display: flex; flex-direction: column; border: 1px solid var(--an-line); border-radius: 8px; padding: 10px; background: #fff; transition: box-shadow .15s; min-width: 0; }
.an-block .an-card:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, .08); }
.an-block .an-img { display: block; height: 110px; margin-bottom: 10px; }
.an-block .an-img img { width: 100%; height: 100%; object-fit: contain; }
.an-block .an-price { font-size: 17px; font-weight: 600; white-space: nowrap; line-height: 1.3; }
.an-block .an-old { font-size: 12px; color: var(--an-muted); text-decoration: line-through; margin-left: 4px; font-weight: 400; }
.an-block .an-name { font-size: 12.5px; line-height: 1.3; margin: 4px 0 6px; color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(1.3em * 3); }
.an-block .an-name:hover { color: var(--an-brand); text-decoration: underline; }
.an-block .an-stock { font-size: 11.5px; line-height: 1.3; color: var(--an-green); }
.an-block .an-spacer { flex: 1; min-height: 8px; }
.an-block .an-btn { height: 30px; border-radius: 4px; border: 1px solid var(--an-brand); background: var(--an-brand); color: #fff; font: inherit; font-size: 12.5px; font-weight: 500; padding: 0 10px; align-self: flex-start; cursor: pointer; }
.an-block .an-btn:hover { background: var(--an-brand-h); }
.an-block .an-btn:disabled { opacity: .6; cursor: default; }
.an-block .an-btn_in, .an-block .an-btn_in:hover { background: #fff; color: var(--an-brand); font-weight: 400; }
.an-block .an-btn_in:hover { border-color: var(--an-brand-h); }
.an-block .an-arrow { position: absolute; top: 42%; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--an-line); background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .12); display: flex; align-items: center; justify-content: center; font-size: 16px; color: var(--an-text); z-index: 2; cursor: pointer; padding: 0; }
.an-block .an-arrow_prev { left: -14px; }
.an-block .an-arrow_next { right: -14px; }
.an-block .an-arrow[hidden] { display: none; }
.an-block .an-msg { font-size: 13px; margin-top: 8px; }
.an-block .an-msg:empty { display: none; }
.an-block .an-msg_ok { color: var(--an-green); }
.an-block .an-msg_err { color: var(--an-red); }
@media (max-width: 1200px) { .an-block .an-card { flex-basis: 148px; } }
@media (max-width: 1000px) { .an-block { margin-top: 16px; } }
@media (hover: none) { .an-block .an-arrow { display: none; } }
@media (max-width: 600px) { .an-block .an-card { flex-basis: 140px; } }