/**

 * Siatka layoutu — kratka 40×40 px na podstronach WWW.

 */

.sc-layout-grid,

.sc-layout-grid-dark,

.tactical-grid,

.tactical-grid-dark,

section#arsenal,

section.bg-dark,

section[class*='bg-dark'],

div[class*='bg-[#161616]'],

footer.bg-neutral-900,

footer[class*='bg-neutral-900'],

footer.sc-www-site-footer {

  background-image:

    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 0),

    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 0);

  background-size: 40px 40px;

}



.shooting-range-app {

  background-color: #161616;

}



html:has(.shooting-range-app),

body:has(.shooting-range-app) {

  background-color: #161616;

}



main.sc-layout-grid,

main.tactical-grid {

  background-color: transparent;

}



section#arsenal,

section.sc-layout-grid.bg-dark,

section.tactical-grid.bg-dark,

section.sc-layout-grid[class*='bg-dark'],

section.tactical-grid[class*='bg-dark'],

section.bg-dark,

section[class*='bg-dark'],

div[class*='bg-[#161616]'] {

  background-color: #161616;

}



footer.sc-layout-grid,

footer.tactical-grid,

footer.sc-layout-grid[class*='bg-neutral-900'],

footer.tactical-grid[class*='bg-neutral-900'],

footer.bg-neutral-900,

footer[class*='bg-neutral-900'],

footer.sc-www-site-footer {
  background-color: #171717;
}

/* Tailwind grayscale — pewny fallback po migracji CSS */
.shooting-range-app img.grayscale,
.shooting-range-app .grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}

.shooting-range-app .group:hover img.grayscale,
.shooting-range-app .group:hover .grayscale {
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
}