/* ==========================================================================
   SEKCJA 1: TECHNICZNE (Obrazki)
   Opis: Centrowanie obrazków w kontenerze systemowym.
   ========================================================================== */

.abs-img-wrapper {
     margin: auto;
}
/* Usunięcie rozwijanej listy kategoria oraz lista filtrów w widoku mobilnym, która wyświetlała się w widoku 
listy produktów */

.abs-filter-toggle-panel {
 display:none;
}

/* ==========================================================================
   SEKCJA 2: KAFELKI KATEGORII (Strona Główna)
   Opis: Nowoczesny wygląd siatki kategorii z zaokrągleniami, cieniem i 
   wymuszonymi stylami (!important) dla nadpisania motywu sklepu.
   ========================================================================== */

/* 1. Kontener siatki */
.mobile-grid-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    padding-bottom: 20px;
}

/* 2. Pojedynczy kafelek (obszar) - Mobile: 50% szerokości */
.mobile-grid-container .grid-item {
    width: 50%;
    padding: 8px;
    box-sizing: border-box;
}

/* 3. Wygląd karty (Stylizacja linku/boksu) */
.mobile-grid-container .category-card {
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    
    /* Wygląd: zaokrąglenia i cień */
    border-radius: 12px !important; 
    overflow: hidden !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    border: 1px solid #eeeeee !important;
    
    text-decoration: none !important;
    height: 100%;
    transition: transform 0.2s;
}

/* Reset stylów linków systemowych */
.mobile-grid-container a,
.mobile-grid-container a:hover,
.mobile-grid-container a:focus {
    text-decoration: none !important;
    border-bottom: none !important;
    background: none !important;
}

/* 4. Obszar zdjęcia (Kwadrat 1:1) */
.mobile-grid-container .card-image {
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    background-color: #f4f4f4;
    margin: 0 !important;
    border: none !important;
}

/* 5. Samo zdjęcie - dopasowanie */
.mobile-grid-container .card-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
}

/* 6. Tekst pod zdjęciem */
.mobile-grid-container .card-text {
    padding: 10px 5px;
    text-align: center;
    font-size: 14px;
    line-height: 1.3;
    color: #333333 !important;
    font-weight: 600;
    background: white;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #f5f5f5;
}

/* Responsywność kafelków (Tablet i Desktop) */
@media (min-width: 768px) {
    .mobile-grid-container .grid-item { width: 33.33%; } /* Tablet: 3 w rzędzie */
    .mobile-grid-container .card-text { font-size: 16px; }
}

@media (min-width: 1024px) {
    .mobile-grid-container .grid-item { width: 16.66%; } /* Desktop: 6 w rzędzie */
    
    /* Efekt uniesienia po najechaniu myszką (tylko desktop) */
    .mobile-grid-container .category-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    }
}


/* ==========================================================================
   SEKCJA 4: STYL ALLEGRO DLA OPISÓW PRODUKTÓW
   Opis: Formatowanie tekstu wewnątrz opisu (czcionki, nagłówki, listy).
   Działa na .product-description oraz .tab-content .active
   ========================================================================== */

/* Główny kontener tekstu */
.product-description, .tab-content .active {
    font-family: 'Open Sans', 'Segoe UI', Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #222 !important;
    max-width: 1000px; /* Maksymalna szerokość szpalty z tekstem */
    margin: 0 auto;
}

/* --- NAGŁÓWKI (ARCHIWUM - WYŁĄCZONE DLA NOWEJ METODY) --- */
/* Poniższe style zostały zakomentowane, abyś mogła używać kontenerów DIV z Sekcji 5 */

/*
/* H2 - TYTUŁ (Duży, prawie czarny) */
.product-description h2, 
.tab-content .active h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
    border: none !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}
*/
/* H4 - POMOCNICZY */
.product-description h4, 
.tab-content .active h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: 10px !important;
    text-transform: none !important;
}


/* --- TEKST ZWYKŁY --- */
.product-description p, 
.tab-content .active p {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    color: #222 !important;
}

/* --- LISTY PUNKTOWANE --- */
.product-description ul, .tab-content .active ul {
    margin: 16px 0 24px 20px !important;
    padding: 0 !important;
    list-style-type: disc !important;
}

.product-description li, .tab-content .active li {
    margin-bottom: 8px !important;
    padding-left: 5px;
}

/* --- ZDJĘCIA W OPISIE --- */
.product-description img, .tab-content .active img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 20px auto !important;
    border-radius: 4px;
}

/* --- RESPONSYWNOŚĆ OPISU --- */
@media (max-width: 768px) {
    .product-description img, .tab-content .active img {
        float: none !important;
        width: 100% !important;
        margin: 15px 0 !important;
    }
    
    /* Mniejsze nagłówki na telefonie */
    .product-description h2 { font-size: 24px !important; }
    .product-description h3 { font-size: 20px !important; }
}

@media (min-width: 1024px) {
  .product-description img,
  .tab-content .active img {
    max-width: 70% !important; /* np. 60–80% w zależności od efektu */
    height: auto !important;
    margin: 20px auto !important;
  }
}
@media (min-width: 1024px) {
  .product-description img,
  .tab-content .active img {
    max-width: 80vw !important;   /* max 80% szerokości okna */
    max-height: 80vh !important;  /* max 80% wysokości okna */
    height: auto !important;
    width: auto !important;
    margin: 20px auto !important;
    object-fit: contain;
  }
}

/* --- TABELE W OPISIE --- */
.product-description table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 14px;
}

.product-description th, 
.product-description td {
    padding: 10px;
    border: 1px solid #ddd; /* Delikatna ramka */
    text-align: left;
}

.product-description th {
    background-color: #f9f9f9; /* Szare tło nagłówka */
    font-weight: bold;
}

/* Opcjonalnie: responsywność tabeli na telefonach */
@media (max-width: 768px) {
    .product-description table {
        display: block;
        overflow-x: auto; /* Przewijanie na boki, jeśli tabela jest za szeroka */
    }
}

/* ==========================================================================
   SEKCJA 5: VARIO PREMIUM (Metoda B - Kontenery DIV)
   Opis: Nowe formatowanie dla H2, H3 i paragrafów tytułowych przy użyciu kontenerów klas.
   Wymaga Font Awesome na serwerze sklepu.
   ========================================================================== */

/* --- 5.1: CZARNY NAGŁÓWEK (Dla H2) --- */
.product-description .v-header-black {
    background: #000;
    color: #fff;
    padding: 30px;
    border-radius: 16px;
    margin-bottom: 30px;
}
.product-description .v-header-black h2 {
    color: #fff !important;
    margin: 0 0 10px 0 !important;
    font-size: 32px !important;
    display: flex;
    align-items: center;
    gap: 12px;
    border: none !important;
}
.product-description .v-header-black h2::before {
    content: "\f5fd"; /* Ikona warstw */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #a78bfa;
}
.product-description .v-header-black p {
    color: #9ca3af !important;
    margin: 0 !important;
    font-size: 18px;
}

/* --- 5.2: KOLOROWE BOKSY (Zastąpienie H4 przez P.V-TITLE) --- */
.product-description .v-box-blue,
.product-description .v-box-green,
.product-description .v-box-black {
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/* Stylizacja paragrafu pełniącego rolę tytułu */
.product-description .v-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 1.2 !important;
}

/* Niebieski */
.product-description .v-box-blue { background-color: #eff6ff; border-color: #dbeafe; }
.product-description .v-box-blue .v-title { color: #1e3a8a !important; }
.product-description .v-box-blue .v-title::before { content: "\f7d9"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.product-description .v-box-blue p:not(.v-title) { color: #1e40af !important; margin-bottom: 0 !important; font-size: 14px; }

/* Zielony */
.product-description .v-box-green { background-color: #f0fdf4; border-color: #dcfce7; }
.product-description .v-box-green .v-title { color: #064e3b !important; }
.product-description .v-box-green .v-title::before { content: "\f021"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.product-description .v-box-green p:not(.v-title) { color: #065f46 !important; margin-bottom: 0 !important; font-size: 14px; }

/* Czarny Industrialny */
.product-description .v-box-black { background-color: #111827; border-color: #374151; color: #fff; }
.product-description .v-box-black .v-title { color: #fff !important; }
.product-description .v-box-black .v-title::before { content: "\f275"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
.product-description .v-box-black p:not(.v-title) { color: #d1d5db !important; margin-bottom: 0 !important; font-size: 14px; }

/* --- 5.3: FAQ (Dla H3) --- */
.v-faq-container { margin-top: 40px; }
.v-faq-container h3 {
    font-size: 22px !important;
    margin-bottom: 20px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.v-faq-container h3::before { content: "\f059"; font-family: "Font Awesome 6 Free"; font-weight: 900; }

.v-faq-item {
    border-left: 4px solid #000;
    padding-left: 20px;
    margin-bottom: 20px;
}
.v-faq-item p.question { font-weight: bold; font-style: italic; margin-bottom: 5px; color: #000; }
.v-faq-item p.answer { color: #4b5563; margin-top: 0; }

/* RWD dla nowych kontenerów */
@media (max-width: 767px) {
    .product-description .v-header-black { padding: 20px; }
    .product-description .v-header-black h2 { font-size: 24px !important; }
.product-description .v-box-blue, 
    .product-description .v-box-green, 
    .product-description .v-box-black { padding: 15px; }

}
/* ==========================================================================
   SEKCJA 5.4: GRUPA: BRAMKI – wariant kolorystyczny
   ========================================================================== */


.product-description .v-group-bramki .v-header-black {
  background: #111827;          /* ciemny granat / grafit, nadal „poważnie” */
  color: #f9fafb;
}

.product-description .v-group-bramki .v-header-black h2 {
  font-size: 30px !important;
  color: #f9fafb !important;
}

/* Ikona np. "shield" (FA6) – zmiana tylko dla bramek */
.product-description .v-group-bramki .v-header-black h2::before {
  content: "\f3ed"; /* przykład: tarcza/ochrona */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fbbf24;   /* żółty akcent bezpieczeństwa */
}

/* BOX NIEBIESKI – bramki: jasne tło + żółty akcent */

.product-description .v-group-bramki .v-box-blue {
  background-color: #fef3c7;  /* jasny „bezpieczny” żółty */
  border-color: #fde68a;
}

.product-description .v-group-bramki .v-box-blue .v-title {
  color: #92400e !important;  /* ciemniejszy, „ostrzeżeniowy” brąz/oranż */
}

/* Ikona np. "child" lub "lock" */
.product-description .v-group-bramki .v-box-blue .v-title::before {
  content: "\f3ed"; /* lub inna ikona bezpieczeństwa */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #f59e0b;
}

/* Treść w boxie */
.product-description .v-group-bramki .v-box-blue p:not(.v-title) {
  color: #92400e !important;
}

/* BOX ZIELONY – bramki: montaż, użytkowanie */

.product-description .v-group-bramki .v-box-green {
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}

.product-description .v-group-bramki .v-box-green .v-title {
  color: #065f46 !important;
}

/* Ikona np. "tools" / "wrench" – montaż */
.product-description .v-group-bramki .v-box-green .v-title::before {
  content: "\f0ad"; /* np. klucz / narzędzie */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #10b981;
}

.product-description .v-group-bramki .v-box-green p:not(.v-title) {
  color: #047857 !important;
}

/* BOX CZARNY – bramki: strefy, zastosowanie */

.product-description .v-group-bramki .v-box-black {
  background-color: #0f172a;
  border-color: #1f2937;
  color: #e5e7eb;
}

.product-description .v-group-bramki .v-box-black .v-title {
  color: #f9fafb !important;
}

/* Ikona np. "door-open" lub "route" */
.product-description .v-group-bramki .v-box-black .v-title::before {
  content: "\f52b"; /* np. drzwi / przejście */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #38bdf8;
}

.product-description .v-group-bramki .v-box-black p:not(.v-title) {
  color: #e5e7eb !important;
}

/* FAQ – bramki */

.product-description .v-group-bramki .v-faq-container h3::before {
  content: "\f059"; /* np. ikona "question-circle" – zostaje lub zmieniasz */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #f97316;  /* pomarańczowy akcent */
}

.product-description .v-group-bramki .v-faq-item {
  border-left-color: #f97316; /* akcent bezpieczeństwa */
}


/* ==========================================================================
   SEKCJA 5.5: GRUPA: MOSKITIERY – wariant kolorystyczny
   ========================================================================== */



.product-description .v-group-moskitiery .v-header-black {
  background: #0f172a;          /* ciemne tło, żeby wyciągnąć jasny tekst */
  color: #e5f0ff;
}

.product-description .v-group-moskitiery .v-header-black h2 {
  font-size: 30px !important;
  color: #e5f0ff !important;
}

/* Ikona np. "leaf" / "wind" – lekkość, świeże powietrze */
.product-description .v-group-moskitiery .v-header-black h2::before {
  content: "\f72e"; /* przykładowa ikona wiatru/liścia z FA6 */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #22c55e;   /* świeża zieleń */
}

/* BOX NIEBIESKI – moskitiery: świeżość, powietrze */

.product-description .v-group-moskitiery .v-box-blue {
  background-color: #eff6ff;   /* jasny błękit */
  border-color: #bfdbfe;
}

.product-description .v-group-moskitiery .v-box-blue .v-title {
  color: #1d4ed8 !important;
}

/* Ikona np. "mosquito" / "shield-bug" – motyw owadów/ochrony */
.product-description .v-group-moskitiery .v-box-blue .v-title::before {
  content: "\f54b"; /* np. ikona „bug” lub podobna */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #22c55e;   /* zielony akcent (natura) */
}

.product-description .v-group-moskitiery .v-box-blue p:not(.v-title) {
  color: #1e40af !important;
}

/* BOX ZIELONY – moskitiery: montaż, dopasowanie */

.product-description .v-group-moskitiery .v-box-green {
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}

.product-description .v-group-moskitiery .v-box-green .v-title {
  color: #047857 !important;
}

/* Ikona np. "ruler" / "maximize" – dopasowanie do ramy */
.product-description .v-group-moskitiery .v-box-green .v-title::before {
  content: "\f545"; /* np. „ruler-combined” lub inna miarka */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #16a34a;
}

.product-description .v-group-moskitiery .v-box-green p:not(.v-title) {
  color: #065f46 !important;
}

/* BOX CZARNY – moskitiery: pomieszczenia, komfort */

.product-description .v-group-moskitiery .v-box-black {
  background-color: #020617;   /* bardzo ciemne, by wyciągnąć treść */
  border-color: #1f2933;
  color: #e5e7eb;
}

.product-description .v-group-moskitiery .v-box-black .v-title {
  color: #f9fafb !important;
}

/* Ikona np. "house" / "bed" – dom, sen, komfort */
.product-description .v-group-moskitiery .v-box-black .v-title::before {
  content: "\f015"; /* np. ikona domu */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #38bdf8;   /* niebieski akcent */
}

.product-description .v-group-moskitiery .v-box-black p:not(.v-title) {
  color: #e5e7eb !important;
}
/* FAQ – moskitiery */

.product-description .v-group-moskitiery .v-faq-container h3::before {
  content: "\f059"; /* może pozostać „question-circle” albo zmienić na coś „lżejszego” */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #22c55e;   /* zielony akcent */
}

.product-description .v-group-moskitiery .v-faq-item {
  border-left-color: #22c55e;
}

/* ==========================================================================
   SEKCJA 5.6: GRUPA: NOGI – wariant kolorystyczny
   ========================================================================== */


.product-description .v-group-nogi .v-header-black {
  background: #020617;          /* bardzo ciemne tło, techniczny charakter */
  color: #e5e7eb;
}

.product-description .v-group-nogi .v-header-black h2 {
  font-size: 30px !important;
  color: #e5e7eb !important;
}

/* Ikona np. "arrows-up-down" / "ruler-vertical" – regulacja wysokości */
.product-description .v-group-nogi .v-header-black h2::before {
  content: "\f338"; /* np. ikona strzałek góra/dół / ruler */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #22c55e;   /* zielony akcent precyzji */
}

/* BOX NIEBIESKI – nogi: stabilność, wytrzymałość */

.product-description .v-group-nogi .v-box-blue {
  background-color: #eff6ff;   /* jasny niebieski – techniczny, spokojny */
  border-color: #bfdbfe;
}

.product-description .v-group-nogi .v-box-blue .v-title {
  color: #1e3a8a !important;
}

/* Ikona np. "weight-hanging" – udźwig */
.product-description .v-group-nogi .v-box-blue .v-title::before {
  content: "\f5cd"; /* przykład: waga/udźwig */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #2563eb;
}

.product-description .v-group-nogi .v-box-blue p:not(.v-title) {
  color: #1e40af !important;
}
/* BOX ZIELONY – nogi: regulacja, ergonomia pracy */

.product-description .v-group-nogi .v-box-green {
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}

.product-description .v-group-nogi .v-box-green .v-title {
  color: #047857 !important;
}

/* Ikona np. "ruler-vertical" / "up-down" – regulacja wysokości */
.product-description .v-group-nogi .v-box-green .v-title::before {
  content: "\f545"; /* miarka lub inny symbol regulacji */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #16a34a;
}

.product-description .v-group-nogi .v-box-green p:not(.v-title) {
  color: #065f46 !important;
}
/* BOX CZARNY – nogi: środowisko pracy, zastosowania */

.product-description .v-group-nogi .v-box-black {
  background-color: #111827;
  border-color: #374151;
  color: #e5e7eb;
}

.product-description .v-group-nogi .v-box-black .v-title {
  color: #f9fafb !important;
}

/* Ikona np. "industry" / "workbench" – środowisko warsztatowe/produkcyjne */
.product-description .v-group-nogi .v-box-black .v-title::before {
  content: "\f275"; /* przemysł / warsztat – spójne z technicznym charakterem */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #38bdf8;
}

.product-description .v-group-nogi .v-box-black p:not(.v-title) {
  color: #e5e7eb !important;
}
/* FAQ – nogi */

.product-description .v-group-nogi .v-faq-container h3::before {
  content: "\f059"; /* może zostać „question-circle” – neutralne pytania */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #2563eb;   /* niebieski akcent techniczny */
}

.product-description .v-group-nogi .v-faq-item {
  border-left-color: #2563eb;
}

}
<!-- 
      INSTRUKCJA DLA EDYTORA WYSIWYG (Widok Kod / Źródło):
      
      1. CZARNY NAGŁÓWEK:
      <div class="v-header-black">
         <h2>Tytuł produktu</h2>
         <p>Parametry | Atrybuty</p>
      </div>

      2. BOKS (Z użyciem P zamiast H4):
      <div class="v-box-blue">
         <p class="v-title">Łatwy Montaż</p>
         <p>Twój tekst tutaj...</p>
      </div>

      3. FAQ:
      <div class="v-faq-container">
         <h3>Częste pytania</h3>
         <div class="v-faq-item">
            <p class="question">Twoje pytanie?</p>
            <p class="answer">Twoja odpowiedź...</p>
         </div>
      </div>
	 
Instrukcja dla Bramki

<div class="v-product-layout v-group-bramki">

  <div class="v-header-black">
    <h2>Bramka ochronna do domu i sklepu</h2>
    <p>Zabezpiecz przejścia i strefy, do których dzieci lub klienci nie powinni mieć dostępu.</p>
  </div>

  <div class="v-box-blue">
    <p class="v-title">Bezpieczeństwo na pierwszym miejscu</p>
    <p>Blokada dwustopniowa, solidna konstrukcja i brak ostrych krawędzi.</p>
  </div>

  <div class="v-box-green">
    <p class="v-title">Szybki montaż</p>
    <p>Montaż rozporowy bez wiercenia w ścianach, pasuje do większości futryn.</p>
  </div>

  <div class="v-box-black">
    <p class="v-title">Gdzie sprawdzi się najlepiej?</p>
    <p>Klatki schodowe, wejścia do magazynku, przejścia między strefami.</p>
  </div>

  <div class="v-faq-container">
    <h3>Najczęstsze pytania</h3>
    <div class="v-faq-item">
      <p class="question">Czy bramka pasuje do mojego przejścia?</p>
      <p class="answer">Sprawdź szerokość futryny i porównaj z zakresem regulacji w parametrach.</p>
    </div>
  </div>

</div>

INSTRUKCJA DLA MOSKITIER

<div class="v-product-layout v-group-moskitiery">

  <div class="v-header-black">
    <h2>Moskitiery do okien i drzwi</h2>
    <p>Chroń dom przed owadami, zachowując swobodny przepływ świeżego powietrza.</p>
  </div>

  <div class="v-box-blue">
    <p class="v-title">Skuteczna ochrona</p>
    <p>Zatrzymuje komary i muchy, nie zaciemniając pomieszczenia.</p>
  </div>

  <div class="v-box-green">
    <p class="v-title">Łatwy montaż i dopasowanie</p>
    <p>Możliwość przycięcia i dopasowania do większości typów okien i drzwi balkonowych.</p>
  </div>

  <div class="v-box-black">
    <p class="v-title">Gdzie sprawdzi się najlepiej?</p>
    <p>W sypialni, salonie, kuchni oraz przy wyjściach na taras czy balkon.</p>
  </div>

  <div class="v-faq-container">
    <h3>Najczęstsze pytania</h3>
    <div class="v-faq-item">
      <p class="question">Czy moskitiera przepuszcza wystarczająco światła?</p>
      <p class="answer">Siatka jest zaprojektowana tak, aby blokować owady, a jednocześnie nie ograniczać światła dziennego.</p>
    </div>
  </div>

</div>

INSTRUKCJA DLA NOGI

<div class="v-product-layout v-group-nogi">

  <div class="v-header-black">
    <h2>Nogi do stołów, blatów i regałów</h2>
    <p>Stabilne i regulowane nogi, które pozwalają dopasować wysokość do Twojej przestrzeni roboczej.</p>
  </div>

  <div class="v-box-blue">
    <p class="v-title">Stabilność i wytrzymałość</p>
    <p>Solidna konstrukcja oraz odpowiednio dobrane materiały zapewniają bezpieczne użytkowanie.</p>
  </div>

  <div class="v-box-green">
    <p class="v-title">Regulacja wysokości</p>
    <p>Dokładne dopasowanie wysokości blatu do pracy stojącej lub siedzącej.</p>
  </div>

  <div class="v-box-black">
    <p class="v-title">Zastosowania</p>
    <p>Warsztat, magazyn, biuro, stanowiska montażowe i linie produkcyjne.</p>
  </div>

  <div class="v-faq-container">
    <h3>Najczęstsze pytania</h3>
    <div class="v-faq-item">
      <p class="question">Czy nogi pasują do mojego blatu?</p>
      <p class="answer">Sprawdź rozstaw mocowań oraz maksymalne obciążenie w parametrach technicznych.</p>
    </div>
  </div>

</div>
	 
	  
    -->