.hero-mini{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  padding: 64px 20px;
  text-align: center;
  color:#fff;
  isolation:isolate; /* чтобы оверлеи не смешивались с внешними */
}

.hero-bg{
  position:absolute; inset:0; z-index:-1; display:block; line-height:0;
}
.hero-bg img{ width:100%; height:100%; object-fit:cover; object-position:center; }

/* затемняющий «хайтек» оверлей под белые буквы */
.hero-mini::after{
  content:"";
  position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(80% 80% at 60% 40%, rgba(0,140,255,.25) 0%, rgba(0,70,150,.15) 40%, rgba(6,20,40,.8) 100%),
    linear-gradient(180deg, rgba(6,20,40,.6) 0%, rgba(6,20,40,.9) 100%);
  mix-blend-mode:multiply;
}

/* контент */
.hero-content{ max-width:880px; margin:0 auto; }
.hero-mini h1{
  margin:0 0 14px; font-weight:800; letter-spacing:.02em;
  text-transform:uppercase; font-size:clamp(22px, 2.8vw, 34px);
}
.hero-mini .lead{
  margin:0; font-size:clamp(15px, 1.6vw, 18px); line-height:1.6;
  text-wrap:balance;
}

.price{ margin-top:10px; min-height:50px }
.price__value{ color:#D00016 }
.price__vat{ color:#0F2166 }










.page-washer .case-card, .page-grader .case-card, .page-line .case-card, .page-packer .case-card, .page-aidetect .case-card, .page-tray-washer .case-card, .page-lifter .case-card, .page-robot .case-card, .page-printer .case-card{
	padding: 10px 0;
}
.page-washer .case-card__img, .page-grader .case-card__img, .page-line .case-card__img, .page-packer .case-card__img, .page-aidetect .case-card__img, .page-tray-washer .case-card__img, .page-lifter .case-card__img, .page-robot .case-card__img{
  width:100%;
  aspect-ratio: 14 / 9;  /* или 4/3, под ваш дизайн */
  object-fit: cover;
  display:block;
}
/* KPI всё так же фиксируем по min-height */
.page-washer .case-card__kpi, .page-grader .case-card__kpi, .page-line .case-card__kpi, .page-packer .case-card__kpi, .page-aidetect .case-card__kpi, .page-tray-washer .case-card__kpi, .page-lifter .case-card__kpi, .page-robot .case-card__kpi, .page-printer .case-card__kpi{min-height: 84px;   display:flex; align-items:center; justify-content:space-between;}

.page-washer .case-card__title, .page-grader .case-card__title, .page-line .case-card__title, .page-packer .case-card__title, .page-aidetect .case-card__title, .page-tray-washer .case-card__title, .page-lifter .case-card__title, .page-robot .case-card__title, .page-printer .case-card__title{
  min-height: 54px;
  display:flex; align-items:center; justify-content:space-between;
}



.page-printer .case-card__img{
  width:70%;
  margin: 5% 0 0 15%;
  height: auto;
}







/* крошки: выравниваем на одну линию, чипсы справа */
.breadcrumbs .container.crumbs{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.crumbs__trail{
  display:flex; gap:8px; padding:8px 0; margin:0; list-style:none; flex:1 1 auto;
}
.crumbs__trail li{ display:flex; align-items:center; gap:8px; }
.crumbs__trail li::after{ content:"/"; color:#9ca3af; margin-left:8px; }
.crumbs__trail li:last-child::after{ content:""; margin:0; }

.crumbs__cats{
  margin-left:auto; display:flex; gap:8px; padding: 0 0 10px 0;
  max-width:100%; overflow:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.crumbs__cats::-webkit-scrollbar{ display:none; }

/* маленькие “кнопки” на базе существующего .btn */
.btn--sm{ padding:6px 10px; font-size:14px; line-height:1; border-radius:10px; }
.crumbs__cats .is-active{
  background:var(--c-accent-2); color:#fff; border-color:var(--c-accent-2);
}




.page-grader .catalog .container, .page-washer .catalog .container, .catalog .container, .page-fullline .page-aidetect .catalog .container, .page-packer .catalog .container, .page-tray-washer .catalog .container, .page-lifter .catalog .container, .page-robot .catalog .container, .page-separator .catalog .container, .page-printer .catalog .container, .page-extras .catalog .container{
  max-width: 1340px;          /* шире стандартного контейнера */
  padding-left: 16px;
  padding-right: 16px;
}

.page-aidetect .cases__grid, .page-packer .cases__grid, .page-lifter .cases__grid, .page-robot .cases__grid, .page-printer .cases__grid{
  padding: 0 10%;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;                   /* можно чуть больше зазоры для широких карт */
}

.page-printer .cases__grid{
	padding: 0 10%;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; 
}




/* Ховеры/анимация оставляем от общих правил; адаптив: */
@media (max-width: 1100px){
  .page-aidetect .cases__grid,  .page-packer .cases__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px){
  .page-aidetect .cases__grid, .page-packer .cases__grid{ grid-template-columns: 1fr; }
}









@media (max-width:720px){
  .crumbs__cats{ flex:0 1 100%; order:3; } /* чипсы на своей строке */
  .crumbs__trail{ flex:1 1 100%; }
}



/* мобильная подстройка */
@media (max-width: 768px){
  .hero-mini{ padding:44px 16px; }
}















/* === CAT INTRO (блок "О категории") =============================== */
.cat-intro { 
  margin: 18px 0 24px;
}
.cat-intro .container {
  position: relative;
  padding: clamp(16px, 2vw, 28px);
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(15,33,102,.06) 0%, transparent 60%),
    #F7FAFF!important;                                    /* светлый фон с лёгким синим тоном */
  border: 1px solid #E6EEF9;                    /* тонкая рамка */
  border-radius: 14px;
  box-shadow: 0 6px 18px rgba(15,33,102,.06);   /* мягкая тень */
}

/* тонкая акцентная полоска сверху блока */
.cat-intro .container::before{
  content:"";
  position:absolute; left:-1px; right:-1px; top:-1px; height:4px;
  background: linear-gradient(90deg,#0F2166 0%, #1F6FE0 50%, #0F2166 100%);
  border-top-left-radius:14px; border-top-right-radius:14px;
  pointer-events:none;
}

/* заголовок и текст */
.cat-intro h2{
  margin:0 0 8px;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.25;
  color:#0F2166!important;
  letter-spacing: .2px;
  font-weight: 800;
}

.cat-intro p{
  margin: 6px 0 0;
  max-width: 90ch;
  color:#4B5563!important;              /* серая читабельная */
  line-height: 1.65;
}
.cat-intro p + p{ margin-top: 10px; }

/* чипсы/маркеры, если захотите добавить списком */
.cat-intro .kpis{
  margin-top: 12px; display:flex; flex-wrap:wrap; gap:8px;
}
.cat-intro .kpis .kpi{
  padding: 6px 10px; border-radius: 999px;
  background:#fff; border:1px solid #E5E7EB; color:#1F2937; font-size:14px;
}

/* адаптив и мелкие улучшения */
@media (max-width: 640px){
  .cat-intro .container{ padding: 16px; }
  .cat-intro h2{ text-align:center; }
  .cat-intro p{ text-align: left; } /* можно center, если нравится */
}

/* тёмная тема — если на сайте есть общий dark-mode */
@media (prefers-color-scheme: dark){
  .cat-intro .container{
    background:
      radial-gradient(120% 100% at 0% 0%, rgba(255,255,255,.06) 0%, transparent 60%),
      #0E1426;
    border-color:#26304A;
    box-shadow: 0 6px 18px rgba(0,0,0,.35);
  }
  .cat-intro h2{ color:#DCE7FF; }
  .cat-intro p{ color:#C7D2FE; }
}

/* пользователи с ограничением анимаций — убираем лишние эффекты */
@media (prefers-reduced-motion: reduce){
  .cat-intro .container{ box-shadow: none; }
}



















/* === CAT INTRO: компактный 2-колоночный блок для всех каталогов === */
.cat-intro { margin:16px 0 22px; }
.cat-intro .container{
  display:grid;
  grid-template-columns: clamp(220px,30%,360px) 1fr;
  grid-template-rows: auto auto;   /* <= добавили: ровно две строки */
  gap:14px 20px;
  align-items:start;
  padding:14px 16px;
  border:1px solid #E6EEF9; border-radius:14px;
  background:#F7FAFF; box-shadow:0 4px 14px rgba(15,33,102,.06);
}

/* заголовок слева, без отступа снизу */
.cat-intro h2{
  grid-column:1; grid-row:1;
  margin:0; font:800 18px/1.25 "Inter", system-ui, sans-serif; color:#0F2166; padding: 0;
}
/* показать скрытый h2 */
.cat-intro h2.visually-hidden{
  position:static !important; width:auto !important; height:auto !important;
  clip:auto !important; overflow:visible !important; white-space:normal !important;
}

/* кнопки — сразу под h2, вплотную */
.cat-intro .kpis{
  grid-column:1; grid-row:2;
  display:grid; gap:6px; grid-auto-rows:minmax(34px,auto);
  margin:0;                 /* НЕТ зазора над списком */
}
.cat-intro .kpi{
  display:block; width:80%;
  padding:8px 12px;
  border:1px solid #CBD5E1; border-radius:10px;
  background:#fff; color:#0f172a; line-height:1.35; text-align:left;
}

/* текст справа: два абзаца станут в 1-ю и 2-ю строки */
.cat-intro p{ grid-column:2; margin:0; color:#374151; line-height:1.6; align-self:start; }
.cat-intro p:nth-of-type(1){ grid-row:2; }  /* было 2 */
.cat-intro p:nth-of-type(2){ grid-row:2; }  /* было 3 */

/* мобильная версия — в один столбик */
@media (max-width:860px){
  .cat-intro .container{ grid-template-columns:1fr; }
  .cat-intro h2, .cat-intro .kpis, .cat-intro p{ grid-column:1; grid-row:auto; }
  .cat-intro h2{ margin-bottom:6px; }
}