/* Shakass — cartes Covering, Web, Applications dans le menu */
/* Le sprite univers-v1 contient : Textile (gauche), Web (centre), Print (droite). */
.shx-am-grid .shx-am-card:nth-child(2) { --am-x: 100% !important; }

.shx-am-grid .shx-am-card-covering::before {
  background-image: url("https://shakass.com/intro/assets/covering.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.shx-am-grid .shx-am-card-web::before {
  background-image: url("https://shakass.com/intro/assets/web.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

.shx-am-grid .shx-am-card-apps::before {
  background-image: url("https://shakass.com/intro/assets/appli.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
}

@media (max-width: 1024px) {
  .shx-am-grid .shx-am-card-covering::before,
  .shx-am-grid .shx-am-card-web::before,
  .shx-am-grid .shx-am-card-apps::before {
    filter: brightness(.78) !important;
  }

  /* Menu mobile compact : tout tient sur un écran */
  .shx-am-panel:not([hidden]) {
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }
  .shx-am-panel-head {
    min-height: 32px !important;
    margin-bottom: 4px !important;
    padding: 0 2px 2px !important;
  }
  .shx-am-brand img { width: 26px !important; height: 26px !important; }
  .shx-am-brand-copy strong { font-size: 13px !important; }
  .shx-am-brand-copy small { font-size: 6px !important; letter-spacing: .1em; }
  .shx-am-grid { gap: 5px !important; }
  .shx-am-card { min-height: 56px !important; border-radius: 9px !important; }
  .shx-am-card-copy { min-height: 56px !important; padding: 6px 8px !important; }
  .shx-am-card-title { font-size: 12px !important; }
  .shx-am-card-desc { font-size: 8px !important; }
  .shx-am-card-arrow { font-size: 16px !important; }
  .shx-am-mobile-configurator { min-height: 60px !important; }
  .shx-am-mobile-configurator img { height: 60px !important; min-height: 60px !important; }
  .shx-am-mobile-links { margin-top: 5px !important; }
  .shx-am-mobile-link { min-height: 32px !important; padding: 4px 7px !important; font-size: 10px !important; }

  /* Rangée Accueil / Contact / Boutique / Thème */
  .shx-am-mobile-footer {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin-top: 6px !important;
  }
  .shx-am-mobile-footer .shx-am-mobile-link {
    min-height: 30px !important;
    font-size: 9px !important;
    justify-content: center !important;
    padding: 4px 5px !important;
    gap: 4px !important;
  }
  .shx-am-mobile-footer .shx-am-mobile-link strong { font-size: 9px !important; }
  .shx-am-mobile-footer .shx-am-mobile-link span:last-child { font-size: 12px !important; margin-left: 0 !important; }
  .shx-am-mobile-footer .shx-am-mobile-shop { font-size: 9px !important; }
  .shx-am-mobile-footer .shx-am-mobile-theme { font-size: 9px !important; }
}