/* Мобильный первый экран: фото сверху целиком и без затемнения, текст под ним на тёмно-синем. */
@media(max-width:680px){
  .hero.hero--campaign.hero--campaign{flex-direction:column;min-height:0;background:#142b70}
  .hero.hero--campaign.hero--campaign .hero-scene{position:relative;inset:auto;z-index:0;flex:none;width:100%;height:min(124vw,470px);transform:none;transition:none;overflow:hidden}
  .hero.hero--campaign.hero--campaign .hero-image{object-position:50% 54%;transform:none}
  .hero.hero--campaign.hero--campaign .hero-shade{inset:0 0 auto 0;height:min(124vw,470px);z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,20,58,.4) 0,rgba(7,20,58,0) 24%,rgba(20,43,112,0) 80%,#142b70 100%)}
  .hero.hero--campaign.hero--campaign .hero-inner{min-height:0;padding-top:6px}
}
/* Мобильный каталог: по одной карточке на материал, цвета внутри (блок #mobileCatalog). */
@media(max-width:680px){
  .catalog.catalog.section .catalog-bar,.catalog.catalog.section .product-grid,.catalog.catalog.section .catalog-note{display:none!important}
  .catalog.catalog.section{padding-bottom:0!important}
  .wp-mcat.wp-mcat .mc-colours{gap:4px;margin-left:-1px}
  .wp-mcat.wp-mcat .mc-sw{width:40px;height:40px}
  .wp-mcat.wp-mcat .mc-sw i{width:28px;height:28px}
}