.elementor-10849 .elementor-element.elementor-element-11de267{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-11de267:not(.elementor-motion-effects-element-type-background), .elementor-10849 .elementor-element.elementor-element-11de267 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10849 .elementor-element.elementor-element-66b15eb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10849 .elementor-element.elementor-element-66b15eb .elementor-heading-title{font-size:40px;line-height:1.25em;}.elementor-10849 .elementor-element.elementor-element-1aeb308{--divider-border-style:solid;--divider-color:#FFCC00;--divider-border-width:0.25rem;}.elementor-10849 .elementor-element.elementor-element-1aeb308 .elementor-divider-separator{width:3rem;margin:0 auto;margin-center:0;}.elementor-10849 .elementor-element.elementor-element-1aeb308 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-10849 .elementor-element.elementor-element-4dea6d3{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10849 .elementor-element.elementor-element-93bdf8c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-93bdf8c:not(.elementor-motion-effects-element-type-background), .elementor-10849 .elementor-element.elementor-element-93bdf8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10849 .elementor-element.elementor-element-e2cf092 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10849 .elementor-element.elementor-element-e2cf092 .elementor-heading-title{font-size:40px;line-height:1.25em;}.elementor-10849 .elementor-element.elementor-element-0d27351{--divider-border-style:solid;--divider-color:#FFCC00;--divider-border-width:0.25rem;}.elementor-10849 .elementor-element.elementor-element-0d27351 .elementor-divider-separator{width:3rem;margin:0 auto;margin-center:0;}.elementor-10849 .elementor-element.elementor-element-0d27351 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-10849 .elementor-element.elementor-element-9b4b172{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10849 .elementor-element.elementor-element-e526de2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-e526de2:not(.elementor-motion-effects-element-type-background), .elementor-10849 .elementor-element.elementor-element-e526de2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10849 .elementor-element.elementor-element-657888a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-10849 .elementor-element.elementor-element-657888a .elementor-heading-title{font-size:40px;line-height:1.25em;}.elementor-10849 .elementor-element.elementor-element-730ab9d{--divider-border-style:solid;--divider-color:#FFCC00;--divider-border-width:0.25rem;}.elementor-10849 .elementor-element.elementor-element-730ab9d .elementor-divider-separator{width:3rem;margin:0 auto;margin-center:0;}.elementor-10849 .elementor-element.elementor-element-730ab9d .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-10849 .elementor-element.elementor-element-742c70e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-10849 .elementor-element.elementor-element-1c08f15{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}@media(max-width:767px){.elementor-10849 .elementor-element.elementor-element-11de267{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-4dea6d3{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10849 .elementor-element.elementor-element-93bdf8c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-9b4b172{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10849 .elementor-element.elementor-element-e526de2{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10849 .elementor-element.elementor-element-742c70e{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-10849 .elementor-element.elementor-element-11de267{--content-width:1515px;}.elementor-10849 .elementor-element.elementor-element-4dea6d3{--width:1515px;}.elementor-10849 .elementor-element.elementor-element-93bdf8c{--content-width:1515px;}.elementor-10849 .elementor-element.elementor-element-9b4b172{--width:1515px;}.elementor-10849 .elementor-element.elementor-element-e526de2{--content-width:1515px;}.elementor-10849 .elementor-element.elementor-element-742c70e{--width:1515px;}}/* Start custom CSS for html, class: .elementor-element-9fb3ab9 *//* Stylizacja głównej sekcji */
.autokamery-montaz-section {
    background-color: #ffffff;
    padding: 60px 20px;
    font-family: 'Sora', sans-serif;
    color: #222222;
}

.autokamery-container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Nagłówek i dekoracyjna żółta linia */
.section-title-wrapper {
    text-align: center;
    margin-bottom: 50px;
}

.section-main-title {
    font-size: 32px;
    font-weight: 700;
    color: #111111;
    margin-bottom: 12px;
    text-transform: none;
}

.yellow-accent-line {
    width: 60px;
    height: 4px;
    background-color: #ffcc00; /* Charakterystyczny żółty kolor ze strony auto-kamery */
    margin: 0 auto;
}

/* Układ siatki dwukolumnowej */
.montaz-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

/* Lewa kolumna - Wideo Responsywne */
.video-responsive-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporcje 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.video-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Prawa kolumna - Tekst i lista */
.product-subtitle {
    font-size: 22px;
    font-weight: 800;
    color: #111111;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}

.intro-steps-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.intro-steps-list li {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
    position: relative;
    padding-left: 15px;
    margin-bottom: 8px;
}

.intro-steps-list li::before {
    content: "—";
    position: absolute;
    left: 0;
    color: #bbbbbb;
}

/* STYLIZACJA ROZSUWANEGO AKORDEONU */
.accordion-wrapper {
    border-top: 1px solid #e8e8e8;
}

.accordion-item {
    border-bottom: 1px solid #e8e8e8;
    transition: background-color 0.3s ease;
}

/* Ukrycie domyślnej strzałki HTML dla tagu summary */
.accordion-header {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 15px 10px;
    font-size: 14px;
    font-weight: 500;
    color: #444444;
    cursor: pointer;
    position: relative;
    user-select: none;
    transition: color 0.2s ease;
}

.accordion-header::-webkit-details-marker {
    display: none; /* Ukrycie strzałki w przeglądarkach opartych na Safari/Chrome */
}

/* Własny plusik po lewej stronie */
.accordion-header::before {
    content: "+";
    font-size: 18px;
    font-weight: bold;
    color: #888888;
    margin-right: 15px;
    width: 15px;
    display: inline-block;
    transition: transform 0.2s ease;
}

/* Zmiana koloru tekstu po najechaniu myszką */
.accordion-header:hover {
    color: #111111;
}

/* Kiedy zakładka jest OTWARTA (details[open]) */
.accordion-item[open] {
    background-color: #fafafa;
}

.accordion-item[open] .accordion-header {
    color: #111111;
    font-weight: 600;
}

/* Zamiana plusa na minus po otwarciu */
.accordion-item[open] .accordion-header::before {
    content: "−";
    color: #ffcc00;
}

/* Stylizacja rozwijanej treści */
.accordion-content {
    padding: 0 10px 20px 40px;
    font-size: 13.5px;
    line-height: 1.6;
    color: #666666;
    animation: slideDown 0.3s ease-out;
}

.accordion-content p {
    margin: 0;
}

/* Płynna animacja pojawiania się treści */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSYWNOŚĆ (Dla smartfonów i tabletów) */
@media (max-width: 991px) {
    .montaz-grid {
        grid-template-columns: 1fr; /* Jeden pod drugim na mniejszych ekranach */
        gap: 30px;
    }
    
    .section-main-title {
        font-size: 26px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a336d1b *//* Kontener całej sekcji */
.zestaw-komponenty-section {
    padding: 60px 20px;
    background-color: #ffffff;
    font-family: 'Montserrat', sans-serif;
}

/* Siatka o strukturze identycznej z obrazkiem (3 kolumny) */
.zestaw-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1200px;
    margin: 0 auto;
    /* Tworzymy górną i lewą krawędź zewnętrzną */
    border-top: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    background-color: #ffffff;
}

/* Styl pojedynczego kafelka w tabeli */
.zestaw-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 45px 25px;
    background-color: #ffffff;
    /* Każdy kafelek tworzy prawą i dolną krawędź, unikając podwójnych linii */
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    box-sizing: border-box;
    min-height: 280px; /* Zapewnia równą wysokość kafelków */
}

/* Kontener na grafikę/ikonę wewnątrz kafelka */
.zestaw-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 140px; /* Stały obszar pionowy na rysunek techniczny */
    margin-bottom: 20px;
}

/* Właściwości obrazka - elastyczność i brak zniekształceń */
.zestaw-image-wrapper img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%); /* Nadaje rysunkom jednolity, surowy techniczny styl */
    opacity: 0.85;
}

/* Podpis elementu na dole kafelka */
.zestaw-item-title {
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    text-align: center;
    margin: 0;
    padding: 0;
    letter-spacing: -0.2px;
}

/* RWD - Dostosowanie do tabletów (2 kolumny) */
@media (max-width: 991px) {
    .zestaw-grid-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* RWD - Dostosowanie do smartfonów (1 kolumna) */
@media (max-width: 600px) {
    .zestaw-grid-container {
        grid-template-columns: 1fr;
    }
    .zestaw-grid-item {
        padding: 35px 20px;
        min-height: 240px;
    }
    .zestaw-image-wrapper {
        height: 110px;
    }
}/* End custom CSS */