/* Kontener siatki */
.grid_templateF{
  display: grid;
  gap: 10px;

  /* 12-kolumnowa siatka zgodna z areas */
  grid-template-columns: repeat(12, minmax(0, 1fr));

  grid-template-areas:
    "item1Area item1Area item1Area item1Area item1Area item1Area item2Area item2Area item2Area item2Area item2Area item2Area"
    "item3Area item3Area item3Area item3Area item3Area item3Area item4Area item4Area item4Area item4Area item4Area item4Area"
    "item5Area item5Area item5Area item5Area item5Area item5Area item6Area item6Area item6Area item6Area item6Area item6Area"
    "item7Area item7Area item7Area item7Area item7Area item7Area item8Area item8Area item8Area item8Area item8Area item8Area"
    "item9Area item9Area item9Area item9Area item9Area item9Area item9Area item9Area item9Area item9Area item9Area item9Area";
}

/* Ułatwia poprawne zwijanie zawartości w gridzie */
.grid_templateF > * { min-width: 0; }

/* Przypięcie kafelków do obszarów */
.grid_item1{ grid-area: item1Area; }
.grid_item2{ grid-area: item2Area; }
.grid_item3{ grid-area: item3Area; }
.grid_item4{ grid-area: item4Area; }
.grid_item5{ grid-area: item5Area; }
.grid_item6{ grid-area: item6Area; }
.grid_item7{ grid-area: item7Area; }
.grid_item8{ grid-area: item8Area; }
.grid_item9{ grid-area: item9Area; }

/* Obrazy: pełna szerokość kafla i brak „szczelin” */
.grid_item picture,
.grid_item img{
  display: block;
  width: 100% !important; /* nadpisuje inline style="width:auto" */
  height: auto;
}

/* Responsywność – media queries NA NAJWYŻSZYM POZIOMIE */
@media (min-width: 757px){
  .grid_templateF{
    grid-template-areas:
      "item1Area item1Area item1Area item1Area item2Area item2Area item2Area item2Area item3Area item3Area item3Area item3Area"
      "item4Area item4Area item4Area item4Area item5Area item5Area item5Area item5Area item6Area item6Area item6Area item6Area"
      "item7Area item7Area item7Area item7Area item8Area item8Area item8Area item8Area item9Area item9Area item9Area item9Area";
  }
}

@media (min-width: 979px){
  .grid_templateF{
    grid-template-areas:
      "item1Area item1Area item1Area item1Area item2Area item2Area item2Area item2Area item3Area item3Area item3Area item3Area"
      "item4Area item4Area item4Area item4Area item5Area item5Area item5Area item5Area item6Area item6Area item6Area item6Area"
      "item7Area item7Area item7Area item7Area item8Area item8Area item8Area item8Area item9Area item9Area item9Area item9Area";
  }
}
#menu_banners3 { margin: 16px 0; }

.contact_stocks {
  display: none !important;
}
:root{
  --brand-600: #c22b11;     /* Twój główny kolor */
  --glow-warm: 255, 90, 58; /* pomarańczowy glow (#FF5A3A) */
  /* Jeśli chcesz niebieski glow, zamień powyższą linię na:
     --glow-warm: 22, 16, 239;  (#1610EF)
  */
}

/* --- tylko kafle z grid_templateF --- */
.grid_templateF .grid_item a{
  display:block;
  position:relative;
  border-radius:11px;
  overflow:hidden;
  transition: box-shadow .25s ease, filter .25s ease;
  will-change: box-shadow;
}

/* poświata na hover/focus */
.grid_templateF .grid_item a:hover,
.grid_templateF .grid_item a:focus-visible{
  box-shadow:
    0 0 0 2px rgba(255,255,255,.06) inset,
    0 0 18px 4px rgba(var(--glow-warm), .75),
    0 0 36px 10px rgba(var(--glow-warm), .45);
}

/* delikatne rozświetlenie powierzchni obrazka */
.grid_templateF .grid_item a::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 120% at 50% 100%,
              rgba(var(--glow-warm),0) 40%,
              rgba(var(--glow-warm),.28) 62%,
              rgba(var(--glow-warm),0) 100%);
  opacity:0; pointer-events:none;
  transition: opacity .25s ease;
}

.grid_templateF .grid_item a:hover::after,
.grid_templateF .grid_item a:focus-visible::after{
  opacity:1;
}

/* dostępność: bez migotania przy prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .grid_templateF .grid_item a{
    transition:none;
  }
}
#main_tree5 {
  display: none !important;
}
#projector_stocks,
.projector_stocks,
a.projector_stocks__info.projector_info__link.--link {
  display: none !important;
}