/* «Вам может понадобиться» — изолированные стили (не часть webpack-сборки) */

/* кнопка «Вам может понадобиться» — под датой доставки (под серой чертой) */
.vmp-trigger{display:inline-flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:0;
  margin:0 0 20px;font:inherit;font-weight:600;color:#1a6fb5;transition:color .15s;white-space:nowrap;}
.vmp-trigger:hover{color:#12527f;}
.vmp-trigger__icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;border-radius:50%;
  background:#1a6fb5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/12px no-repeat;}

/* модалка */
.vmp-modal{width:min(1180px,94vw);max-height:88vh;display:flex;flex-direction:column;
  padding:28px 32px;background:#fff;border-radius:16px;box-sizing:border-box;}
.vmp-modal__title{font-size:24px;font-weight:700;margin:0 0 18px;color:#1d2939;}
.vmp-modal__tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;}
.vmp-tag{cursor:pointer;border:1px solid #d0d5dd;background:#fff;border-radius:22px;padding:9px 18px;
  font:inherit;font-size:14px;line-height:1;color:#344054;white-space:nowrap;transition:all .15s;}
.vmp-tag:hover{border-color:#1a6fb5;color:#1a6fb5;}
.vmp-tag.active{background:#1a6fb5;border-color:#1a6fb5;color:#fff;}

.vmp-modal__panels{overflow-y:auto;flex:1;max-height:68vh;margin:0 -4px;padding:2px 10px 2px 4px;
  scrollbar-width:thin;scrollbar-color:#cdd5df transparent;}
.vmp-modal__panels::-webkit-scrollbar{width:6px;}
.vmp-modal__panels::-webkit-scrollbar-track{background:transparent;}
.vmp-modal__panels::-webkit-scrollbar-thumb{background:#cdd5df;border-radius:3px;}
.vmp-modal__panels::-webkit-scrollbar-thumb:hover{background:#9aa7b5;}
.vmp-panel{display:none;}
.vmp-panel.active{display:block;}
.vmp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch;}

/* компактная карточка внутри модалки */
.vmp-grid .product-card{max-width:none;width:auto;min-width:0;margin:0;display:flex;flex-direction:column;
  border:1px solid #eef0f3;border-radius:12px;padding:12px;background:#fff;transition:box-shadow .15s,border-color .15s;}
.vmp-grid .product-card:hover{border-color:#d5dde5;box-shadow:0 6px 20px rgba(16,24,40,.08);}
.vmp-grid .product-card__vendor-logo{display:none;}
.vmp-grid .product-card__picture{height:170px;padding-bottom:0;margin-bottom:10px;position:relative;}
.vmp-grid .product-card__picture a{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.vmp-grid .product-card__image{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain;}
.vmp-grid .product-card__body{flex:1;display:flex;flex-direction:column;}
/* название: ровно 2 строки, без наезда на цену */
.vmp-grid .product-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;height:auto;max-height:38px;min-height:38px;font-size:13px;line-height:19px;margin:0 0 10px;}
/* цена компактнее */
.vmp-grid .product-card__price-value{font-size:20px;line-height:1.1;}
.vmp-grid .product-card__price{margin-bottom:8px;}
.vmp-grid .product-card__volume{margin-bottom:10px;}
/* нижний ряд: корзина (резиновая) + компактный счётчик, без вылезания */
.vmp-grid .product-card__bottom{margin-top:auto;}
/* НЕ задаём display — чтобы не показать скрытое состояние «в корзине»; только раскладка видимого */
.vmp-grid .product-card__bottom .js-product__controls{gap:6px;flex-wrap:nowrap;align-items:stretch;}
.vmp-grid .js-product__btn-to-cart,
.vmp-grid .product-card__add{flex:1 1 auto;min-width:0;}
.vmp-grid .product-card__add-text{font-size:12px;white-space:nowrap;}
.vmp-grid .product-card__counter{flex:0 0 auto;width:auto;}
.vmp-grid .counter__btn{width:32px;min-width:32px;flex:0 0 32px;}
.vmp-grid .counter__input{width:24px;}

/* кнопка-ячейка «перейти в категорию» */
.vmp-more{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  border:1px dashed #1a6fb5;border-radius:12px;color:#1a6fb5;font-weight:600;text-decoration:none;
  min-height:160px;padding:16px;transition:background .15s;}
.vmp-more:hover{background:#f0f6fb;}
.vmp-more__arrow{font-size:26px;line-height:1;margin-top:8px;}

@media (max-width:1100px){.vmp-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:767px){
  .vmp-modal{padding:18px;border-radius:12px;}
  .vmp-modal__title{font-size:19px;}
  .vmp-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .vmp-grid .product-card__picture{height:120px;}
  .vmp-grid .product-card__image{max-height:120px;}
}