.elementor-10310 .elementor-element.elementor-element-6cdc5b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-196b758 *//* Zmienne i kontener główny */
.fint-mega-wrapper.b2b-mega-v2 {
    --fint-purple: #6c5ce7;
    --fint-purple-light: #f5f4fd;
    --fint-gray: #f4f5f7;
    --border-color: #e2e8f0;
    --text-dark: #212529;
    --text-muted: #6c757d;
    
    display: flex; 
    gap: 30px; /* Zmniejszony odstęp między kolumnami */
    padding: 25px; /* Zmniejszony padding całego menu */
    background-color: #ffffff;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
}

.menu-title { 
    font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px; 
    color: var(--text-muted); margin-bottom: 15px; font-weight: 700; 
}

/* === LEWA STRONA: SIDEBAR KONTAKTOWY === */
.b2b-sidebar {
    width: 260px; /* Zmniejszona szerokość panelu */
    flex-shrink: 0; 
    background-color: var(--fint-purple-light);
    border: 1px solid #e0ddfb;
    border-radius: 12px;
    padding: 25px 20px; /* Zmniejszony padding */
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.sidebar-icon { font-size: 32px; margin-bottom: 10px; }
.b2b-sidebar h3 { font-size: 18px; font-weight: 800; color: var(--text-dark); margin-bottom: 10px; line-height: 1.2; }
.b2b-sidebar p { font-size: 12px; color: var(--text-muted); margin-bottom: 20px; line-height: 1.4; }

.sidebar-buttons { display: flex; flex-direction: column; gap: 10px; }

.contact-btn {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    padding: 10px 16px; border-radius: 50px; font-size: 13px; font-weight: 700;
    text-decoration: none; transition: all 0.3s;
}
.btn-phone { background-color: #ffffff; color: #222; border: 1px solid var(--border-color); box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.btn-phone:hover { border-color: #222; transform: translateY(-2px); }
.btn-email { background-color: var(--fint-purple); color: #ffffff; }
.btn-email:hover { background-color: #5b4bc4; transform: translateY(-2px); }


/* === PRAWA STRONA: PRODUKTY === */
.b2b-products-area {
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
    gap: 20px; /* Zmniejszony odstęp między rzędami produktów */
}

/* Wspólne style kart */
.b2b-card {
    text-decoration: none; display: flex; flex-direction: column;
    align-items: center; /* Centruje zawartość karty */
    transition: transform 0.3s ease;
}
.b2b-card:hover { transform: translateY(-3px); }

.b2b-img {
    background-color: var(--fint-gray); border-radius: 8px;
    width: 100%; 
    margin: 0 auto; /* Gwarantuje wyśrodkowanie miniatury */
    display: flex; overflow: hidden;
    border: 1px solid transparent; transition: border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.b2b-card:hover .b2b-img { border-color: var(--fint-purple); box-shadow: 0 6px 15px rgba(108, 92, 231, 0.12); }
.b2b-img img { width: 100%; height: 100%; object-fit: cover; }

.b2b-info { text-align: center; padding-top: 10px; width: 100%; }
.b2b-info h5 { font-size: 13px; font-weight: 700; color: var(--text-dark); margin-bottom: 4px; line-height: 1.3;}
.b2b-info span { font-size: 11px; color: var(--text-muted); font-weight: 500; }

/* Siatka 3 (Odzież) - ZMNIEJSZONE O 20% */
.b2b-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; 
}
.b2b-grid-3 .b2b-img { 
    aspect-ratio: 3 / 2; 
    max-width: 90%; /* Skurczenie grafiki o 20% */
    margin: 0 auto; /* Utrzymanie na środku kolumny */
} 

/* Siatka 4 (Gadżety) - ZMNIEJSZONE O 15% */
.b2b-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.b2b-grid-4 .b2b-img { 
    aspect-ratio: 4 / 3; 
    max-width: 75%; /* Skurczenie grafiki o 15% (żeby nie były za małe) */
    margin: 0 auto; /* Utrzymanie na środku kolumny */
} 
.small-card .b2b-info { padding-top: 10px; }
.small-card .b2b-info h5 { font-size: 13px; font-weight: 700; margin-bottom: 0; }


/* === WIDOK MOBILNY === */
@media (max-width: 992px) {
    .fint-mega-wrapper.b2b-mega-v2 {
        flex-direction: column; 
        padding: 20px;
        gap: 30px;
    }
    .b2b-sidebar { width: 100%; padding: 25px 20px; }
    .b2b-grid-3 { grid-template-columns: repeat(2, 1fr); } 
    
    /* NOWE: Wyśrodkowanie 3. elementu (Koszulki damskie) na mobile */
    .b2b-grid-3 .b2b-card:nth-child(3) {
        grid-column: 1 / -1; /* Każe elementowi zająć całą szerokość (obie kolumny) */
    }
    
    .b2b-grid-4 { grid-template-columns: repeat(2, 1fr); } 
}/* End custom CSS */