/* Shared by Ugradnja and Servis. Desktop rules are intentionally unchanged. */
@media (max-width:900px) {
  .k24buy-page .k24buy-layout { grid-template-columns:minmax(0,1fr); }
  .k24buy-page .k24buy-layout .k304-calc-copy { min-width:0; grid-template-columns:minmax(0,1fr); }
}
@media (max-width:599px) {
  .k24buy-page .k24buy-featured .k24buy-feature-top,
  .k24buy-page .k24buy-featured .k24buy-feature-bottom {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .k24buy-page .k24buy-featured .k24buy-feature-bottom .k24buy-card--feature-mini .k24buy-card-link {
    display:flex;
    flex-direction:column;
  }
  .k24buy-page .k24buy-section-head { flex-wrap:wrap; gap:6px; }
  .k24buy-page .k24buy-section-head > span { white-space:normal; }
}

/* The code landing page embeds its legacy CSS; these scoped rules are linked
   explicitly there, rather than modifying the unrelated individual-code CSS. */
@media (max-width:320px) {
  .sections > .manufacturers > .section-top { flex-wrap:wrap; }
  .sections .service .primary { white-space:normal; }
}