/* Start:/bitrix/templates/aspro-scorp/css/dm-mobile-categories.css?17918028243188*/
/* Approved photo-led subsection navigation. All links are server-rendered. */
.dm-mobile-categories { display: none; }
@media (max-width: 991px) {
  .dm-mobile-categories { display: block; margin: 0 0 20px; color: #17221c; }
  .dm-mobile-categories .dm-mobile-categories__heading {
    margin: 0 0 12px; font: 700 18px/1.35 Montserrat, sans-serif;
    color: #17221c; letter-spacing: normal;
  }
  .dm-mobile-categories ul { list-style: none; margin: 0; padding: 0; }
  .dm-mobile-categories li { margin: 0; padding: 0; min-width: 0; }
  .dm-mobile-categories li::before { display: none; }
  .dm-mobile-categories__tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .dm-mobile-categories a { color: #17221c; text-decoration: none; }
  .dm-mobile-categories__tile {
    display: flex; flex-direction: column; height: 100%; overflow: hidden;
    padding: 4px; border: 1px solid #dce8e0; border-radius: 12px; background: #f4fbf6;
  }
  .dm-mobile-categories__tile img {
    display: block; width: 100%; height: auto; aspect-ratio: 4 / 3;
    object-fit: contain; object-position: center; border-radius: 8px; background: #fff;
  }
  .dm-mobile-categories__label {
    display: flex; align-items: center; justify-content: space-between; gap: 6px;
    flex: 1; min-height: 40px; padding: 6px 5px;
    font: 650 14px/1.3 Montserrat, sans-serif; overflow-wrap: anywhere;
  }
  .dm-mobile-categories .fa { flex: 0 0 auto; color: #188f43; font-size: 20px; }
  .dm-mobile-categories__tile--text .dm-mobile-categories__label { min-height: 48px; }
  .dm-mobile-categories__more { margin-top: 10px; }
  .dm-mobile-categories summary {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    min-height: 48px; padding: 11px 14px; cursor: pointer; list-style: none;
    border: 1px solid #dce8e0; border-radius: 12px; background: #f4fbf6;
    font: 500 14px/1.4 Montserrat, sans-serif; color: #17221c;
  }
  .dm-mobile-categories summary::-webkit-details-marker { display: none; }
  .dm-mobile-categories summary::marker { content: ''; }
  .dm-mobile-categories__hide { display: none; }
  .dm-mobile-categories__more[open] .dm-mobile-categories__show { display: none; }
  .dm-mobile-categories__more[open] .dm-mobile-categories__hide { display: inline; }
  .dm-mobile-categories__more[open] summary .fa { transform: rotate(180deg); }
  .dm-mobile-categories .dm-mobile-categories__list {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding-top: 8px;
  }
  .dm-mobile-categories__list a {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    min-height: 48px; height: 100%; padding: 10px;
    border: 1px solid #dce8e0; border-radius: 10px; background: #fff;
    font: 500 13px/1.4 Montserrat, sans-serif; overflow-wrap: anywhere;
  }
  .dm-mobile-categories a:focus-visible, .dm-mobile-categories summary:focus-visible {
    outline: 2px solid #188f43; outline-offset: 2px;
  }
}
@media (hover: hover) and (max-width: 991px) {
  .dm-mobile-categories a:hover, .dm-mobile-categories summary:hover {
    color: #188f43; border-color: #188f43; background: #edf8f0;
  }
}

/* End */
/* /bitrix/templates/aspro-scorp/css/dm-mobile-categories.css?17918028243188 */