/* Mobile safeguard for the existing six-screen home and catalog layouts. */
@media (max-width:800px){
  body.istandart-home-v4 #top.v6-home .wrap{width:calc(100% - 32px)}
  body.istandart-home-v4 #top.v6-home .v6-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  body.istandart-home-v4 #top.v6-home .v6-copy{padding:34px 0}
  body.istandart-home-v4 #top.v6-home .v6-copy h1 span{white-space:normal}
  body.istandart-home-v4 #top.v6-home .v6-search,
  body.istandart-home-v4 #top.v6-home .v6-hero-actions{width:100%}
  /* This overrides the later 3-column branded route rule in home-v6.css. */
  body.istandart-home-v4 #top.v6-home .route-steps{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:12px}
  body.istandart-home-v4 #top.v6-home .heraldic-route-card,
  body.istandart-home-v4 #top.v6-home .heraldic-route-card.is-flipped{height:112px;min-height:112px}
  body.istandart-home-v4 #top.v6-home .heraldic-route-front>button{grid-template-columns:52px minmax(0,1fr) 30px;gap:12px;padding-inline:8px}
  body.istandart-home-v4 #top.v6-home .heraldic-route-front>button>span{width:52px;height:52px}
  body.istandart-home-v4 #top.v6-home .heraldic-route-front>button strong{font-size:17px;overflow-wrap:anywhere}
  body.istandart-home-v4 #top.v6-home .v6-doc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:420px){
  body.istandart-home-v4 #top.v6-home .v6-copy h1{font-size:clamp(30px,9vw,36px)}
  body.istandart-home-v4 #top.v6-home .heraldic-route-card,
  body.istandart-home-v4 #top.v6-home .heraldic-route-card.is-flipped{height:124px;min-height:124px}
}@media (max-width:420px){
  /* Two-column catalog cards keep the arrow in their own track. */
  .ist-catalog-page .ic-card-bottom{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:center}
  .ist-catalog-page .ic-card-bottom>span:first-child{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:800px){
  /* The reverse side includes actions; only an opened route card grows. */
  body.istandart-home-v4 #top.v6-home .heraldic-route-card.is-flipped{height:224px;min-height:224px}
}

@media (max-width:800px){body.istandart-home-v4[data-design][data-color-palette] #top.v6-home .heraldic-route-card.is-flipped .heraldic-route-close{margin:0 0 8px auto}}