@media only screen and (max-width: 1400px) {  

    .site-footer__layout {
      position: relative;
      display: grid;
      grid-template-columns: minmax(180px, 1fr) minmax(200px, 1.08fr) minmax(255px, 1.25fr) auto;
      column-gap: 50px;
      row-gap: 44px;
      min-height: 763px;
      box-sizing: border-box;
      padding: 120px 80px 100px;
    }

    .site-footer__nav a::before{
        margin-top: -5px;
    }

    .oferta__karta h3 {
        font-size: 24px;
    }


    .inspiracje__slider {
      --wysokosc-slajdu-inspiracji: min(560px, 62vw);
    }

    #p_opinie .container{
        padding: 50px;
    }
    .referecja .tresc_opini {
      color: #4b4848;
      font-size: 14px;
    }

}

/* Inspiracje — istniejąca galeria CMS */
@media only screen and (max-width: 800px) {
	ul.galeria.gal_inspiracje {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-auto-rows: minmax(150px, 37vw);
		gap: 10px;
		margin: 26px 0 42px;
	}

	ul.galeria.gal_inspiracje li:first-child {
		grid-column: span 2;
		grid-row: span 2;
	}

	ul.galeria.gal_inspiracje li figure {
		padding: 30px 13px 13px;
		font-size: 12px;
	}

	ul.galeria.gal_inspiracje li:first-child figure {
		padding: 52px 18px 18px;
		font-size: clamp(17px, 5.2vw, 23px);
	}
}


@media only screen and (max-width: 1200px) {  
    #glowny_naglowek {
        width: 1000px;
    }
    .szerokosc_str {
        width: 1000px;
    }
    #menuGlowne li {
        padding-right: 4px;
        padding-left: 4px;
    }
    #menuGlowne ul ul li a {
        font-size: 14px;
    }
    #menuGlowne ul li a {
        font-size: 14px;
    }
    .trescStrony {
        width: 1000px;
        margin: 0 auto;
    }
    #menuGlowne {
        height: 48px;
    }
    .tlo_kontakt .kontaktLink {
        padding: 10px 0px;
        font-size: 18px;
    }
    #stopka ul {
        padding-left: 0px;
    }
    #stopka a {
        font-size: 13px;
    }
    ul.panelKlienta {
        width: 650px;
    }
    .offer-item .item-name{
        font-size: 18px;
    }

}
@media only screen and (max-width: 1000px) {
    .boxs_blog{
        display: grid;
        grid-template-columns:  1fr 1fr;
    }
      #glowny_naglowek {
        width: 800px;
    }

    .trescStrony {
        width: 800px;
        margin: 0 auto;
    }
    .szerokosc_str {
        width: 800px;
    }
    #menuGlowne li {
        padding-right: 4px;
        padding-left: 4px;
    }
    #menuGlowne ul ul li a {
        font-size: 13px;
    }
    ul.panelKlienta {
        width: 500px;
    }
    .formInputSzukaj {
        width: 200px;
    }
    .ulRight{
        
    }
    #menuGlowne li:last-child ul {
        right: 0px;
        left: auto;
        text-align: right;
    }

    #menuGlowne li:last-child ul li a{
        text-align: right;
    }
    .offer-item .formBtn {
        width: calc(90% - 20px);
        font-size: 13px;
    }
    .tlo_kontakt a.kontaktLink i {
        font-size: 62px;
    }
    .tlo_kontakt a.kontaktLink h3 {
        font-size: 16px;
    }
    .tlo_kontakt a.kontaktLink span {
        font-size: 13px;
    }
    #stopka .kol_40{
        width: calc(100% - 30px);
        text-align: center;
        padding-bottom: 50px;
    }
    #stopka .kol_60{
        width: calc(100% - 30px);
        text-align: center;
    }

    .produkt_boks .px30{
        display: block;
    }
  

    .koszyk_naglowek span {
        font-weight: 300;
        font-size: 12px;
    }
    table.koszyk th {
        padding: 0px;
        font-weight: 400;
        font-size: 12px;
    }
    ul.panelKlienta li.wyszukiwarka {
        width: 240px;
    }
    .formInputSzukaj {
        width: 160px;
    }
    ul.panelKlienta li {
        padding: 0px 10px;
    }
    .li_polecane{
        background-color: #5f708e;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .li_promocje{
        background-color: #cc0000;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .tlo_kontakt .kontaktLink{
        margin-top: 150px;
    }
    .tlo_kontakt .kontaktLink h3 {
        color: #fff;
        font-size: 16px;
    }
    .tlo_kontakt .kontaktLink a {
        font-size: 22px;
        line-height: 26px
    }
    .kol_4 {
        float: left;
        width: 48%;
        width: calc(50% - 10px);
        padding: 0px 5px 0px 5px;
    }
    ul.opis_menu li h2 {
        font-size: 20px;
    }

    .tlo_kontakt .kol_3 {
        width: 50%;
        padding: 0px;
    }
    .tlo_kontakt .kol_3:first-child {
        width: 100%;
        padding: 0px;
        background-size: cover;
    }






}



@media only screen and (max-width: 900px) {

    .menuPrawa {
      padding-left: 0px;
    }
    #tresc_menu .nav_M a, #tresc_menu .nav_M span {
        padding: 5px 0;
    }
    #tresc_menu .nav_M ul ul a, #tresc_menu .nav_M ul ul span{
        text-transform: none;
    }
}
@media only screen and (max-width: 800px) {
    ul.opis_menu li h2 {
        font-size: 18px;
        text-transform: none;
    }
    ul.opis_menu li {
        padding: 5px 20px 5px 20px;
    }
    main {
        margin-top: 150px;
    }
    .szerokosc_str {
        width: calc(100% - 30px);
        width: 100%;
    }
    .trescStrony {

        width: calc(100% - 30px);
        margin: 0 auto;
    } 
    .trescStrony .kol_40{
        width: calc(100% - 30px);
        float: left;
    }
    .trescStrony .kol_55{
        width: calc(100% - 30px);
        float: left;
    }
    .trescStrony h1 {
        padding-left: 10px;
    }
   #glowny_naglowek {
        width: 100%;
        text-align: center;
    }
    #glowny_naglowek_knt {
        position: absolute;
        height: 100px;
        border-bottom: 50px solid #607090;
    }
   .nav_M ul {
        list-style: none;
        width: 90%;
    }
    .panelKlienta{
        display: block;
    }

    .menu_kontakt_knt {
       display: none;
    }

   .menuStron {
        display: none;
    }
    ul.panelKlienta li.wyszukiwarka {
        display: none;
    }

    #menu_kontakt {
        width: auto;
        background-color: #fff;
        padding-right: 20px;
    }
    #menuGlowne .wiersz {
        padding: 0px 0px !important;
    }

    #menuMobilne{ 
        display: block;
        position: absolute;
        overflow: hidden;
        z-index: 400;
        top: 100px;
        z-index: 999;
    }
    .formInputSzukaj{
        color: #000;
    }
    #menu_mobil{
        display: block;
        float: left;
        top:0px;
        right:20px;
        z-index: 400;
        background-color: #ccc;
        cursor: pointer;
        padding:0px 10px;
    }
    #tresc_menu{
        float: left;
        z-index: 400;
        padding-bottom: 100px;
        background-color: #f6f6f6;
        background-size: 100% auto;
        background-repeat: no-repeat;
        width: 300px;
        box-shadow: 0px 0px 50px rgba(0,0,0,0.5);
        margin-bottom: 100px;
    }
    .nav_M_szukaj ul{
        list-style: none;
        padding: 0px 10px;
        margin: 5px;
        float: left;
    }
     .formInputSzukaj {
        width: calc(100% - 85px);
    }

    .formBtnSzukaj {
    }

    .nav_M ul.poziom_0{
         background-color: #231f20;
    }
 
    .nav_M ul.poziom_1{
         background-color: #272727;
         display: none;
    }
    .nav_M ul.poziom_2{
         background-color: #3e3e3e;
         display: none;
    }
    .nav_M ul.poziom_3{
         background-color: #505050;
         display: none;
    }
    .nav_M ul.poziom_4{
         background-color: #6f6f6f;
         display: none;
         color: #000;
    }
    .nav_M ul.poziom_5{
         background-color: #8c8c8c;
         display: none;
         color: #000;
    }
    #menuMobilne .menuPrawa h3{
        color: #ce0f09;
        padding: 0 10px 0 10px;
        font-size: 24px;
        font-weight: 600;
        margin: 0px;
        text-transform: uppercase;
        text-align: left;
        border-bottom: 1px solid #ce0f09;
    }
    .nav_M ul{
        list-style: none;
    }
    .nav_M ul li{
        padding:0px;
        width: 100%;
    }
    .nav_M ul li span{
        padding: 0px 5px;
        float: #000;
        cursor: pointer;
        line-height: 34px;
        font-size: 16px;
        width: 100%;
        color: #607090;
        font-weight: 600;
        letter-spacing: 0px;
        text-transform: none;
    }
    .nav_M ul li a:hover span{
        color: #000;
    }
    .nav_M ul ul li{
        padding-left: 20px;
    }
    .menuPrawa ul li ul {
        border-top: none;
        padding-left: 20px;
    }

    .nav_M ul ul li span{
        color: #fff;
    }

    .nav_M ul li ul li a{
        color: #666;
    }

    .nav_M ul li ul li{
        padding:0px;
    }
    .nav_M_info {
        padding-top: 10px;
        background-color: #f6f6f6;
        padding-bottom: 20px;
        border-right: 3px solid #f6f6f6;
    }
   
   .nav_M_info ul{
        list-style: none;
        padding: 10px;
        background-color: #fff;
        overflow: hidden;
        margin: 0px;

    }
    .nav_M_info ul li{
        border-bottom: 1px solid #c4c7c8;
        height: 20px;
        padding: 5px;

    }
    .nav_M_info ul li a{
        color: #231f20;
        font-weight: 600;
        text-transform: uppercase;
    }
    .nav_M_info ul li a:hover{
        color: #c4c7c8;
    }
    .nav_M_info ul li ul{
        width: 100%;
        float: left;
        margin-top:5px;
    }
    #logo .wyszukiwarka{
        display: none;
    }
    #menu_kontakt ul {
        width: 100%;
    }
    .wiersz {
        width: 100%;
    }
    .kol_menu {
        display: none;
    }
    .kol_zawartosc {
        width: 98%;
        padding: 2%;
    }

    #linki_knt {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    #linki_knt ul {
        width: 400px;
        overflow: hidden;
        float: none;
        margin: 0 auto;
    }
    #linki_knt li {
        width: 50%;
        padding: 0px;
        float: left;
        margin: 0px;
    }
    #logo {
        width: 220px;
        position: static;
    }
    #linki_knt .koszyk_info {
        margin-left: 60px;
    }


    #baner {
        width: 96%;
        margin-top: 70px;
    }
    .pager {
        margin-top: -20px;
    }
    .pager span {
        width: 10px;
        height: 10px;
    }
    .tresc {
        width: auto;
        margin: auto;
    }
    
    #baner{
        margin-top: 0px;
    }

    #stopka .kol_40 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
        text-align: center;
        margin-bottom: 50px;
    }
    #stopka .kol_60 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
        text-align: center;
    }
    #stopka ul {
        padding-left: 0px;
    }
    #zawartosc {
        padding: 0px 0px 0px 0px;
    }
    .tlo_transparentne h1, .tlo_transparentne .ngh1 {
        font-size: 30px;
    }

    .panel_lewa {
        width: 100%;
        padding-right: 0%;
        float: left;
    }
    .panel_prawa {
        display: none;
    }
    .kol_50 {
        float: left;
        width: calc(100% - 0px);
        padding: 0px;
    }
    .tlo_transparentne h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .tekst {
        padding: 10px;
    }
    .kolumnaLewa {
        width: 100%;
        float: left;
    }
    .kolumnaPrawa {
        width: 100%;
        float: left;
    }
    /*KOSZYK*/
        .koszyk_naglowek {
            width: 5%;
        }
       .koszyk_naglowek span {
            color: #fff;
            display: none;
        }

        .koszyk_naglowek.aktywnyKrok {
            width: 73%;
        }
       .koszyk_naglowek.aktywnyKrok span {
            /*display: inline-block;*/
        }
        .titleMenu{
            display: block;
            color: #0091ce;
            font-size: 14px;
            font-weight: 600;
        }
        
        table.koszyk th {
            display: none;
        }
        table.koszyk td {
            display: block;
        }
        table.koszyk tr.zam {
            border: 1px solid #ccc;
            padding: 10px;
        }
        table.koszyk td.kosz {
            width: 100px;
            float: right;
        }
        .kosz i{
            font-size: 28px;
        }
        
        #stopka {
            background-size: auto 100%;
        }
        ul.promocjeBox li {
            width: 98%;
            margin: 1%;
            text-align: center;
        }
        .offer-box .kol_4 {

            float: left;
            width: 48%;
            width: calc(50% - 10px);
        }

    /*KOSZYK*/   
    .offer-box .kol_3 {
        float: left;
        width: 48%;
        width: calc(50% - 30px);
        padding: 0px 15px 0px 15px;
    }


    .wyszukiwarka {
        float: left;
        padding-top: 0px;
        width: 100%;
        position: relative;
        padding: 0px;
        background-color:#ccc;
        border-radius: 25px;
        box-shadow: 0px 0px 10px
        rgba(0,0,0,0.2);
    }
    .formBtnSzukaj {
        top: 0px;
        right: 5px;
        border: 5px solid #ccc;
    }

    .wow {
        visibility: visible !important;
        animation-delay: 0s !important;
        animation-name: none !important;
    }
    .logoBox {
       display: none;
    }
    .tresc {
        padding: 10px;
    }
    .ngh2d h1 {
       font-size: 32px;
       line-height: 40px;
    }
    .kol_2 {
        float: left;
        width: 98%;
        width: calc(100% - 30px);
    }
    .kol_3 {

        float: left;
        width: 99%;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;

    }
    .info_koszyk {
        width: 50%;
        padding: 1%;
        margin-right: -55%;
    }


    .trescStrony .wiersz{
        display: block;
      
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }
      .trescStrony .wiersz .kol_40{
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        float: none;
    }
      .trescStrony .wiersz .kol_55{
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        float: none;
    }
    ul.panelKlienta {
        width: auto;
    }
    #formularz_sortowania {
        float: none;
        padding-top: 15px;
        margin-bottom: 20px;
        text-align: right;
    }
    .formK {
        margin: 5%;
        width: calc(90% - 40px);
        padding: 20px;
        background-color: #f8f8f8;
        border-radius: 10px;
    }
   .powiazane_produkty .kol_4 {
        width: 48%; 
        width: calc(50% - 10px);
    }
    .dotpay {
        text-align: center;
    }
    .rzetelna {
        text-align: center;
    }
    .menu_sciezka {
        padding: 5px 0px;
    }
    ul.siezka {
        padding-left: 0px;
        padding: 0px 20px;
    }
    ul.siezka li {
        padding-right: 5px;
    }
    ul.siezka li a i {
        padding-right: 5px;
    }
    ul.siezka li a {
        font-size: 11px;
    }
    ul.siezka li {
        float: left;
        line-height: 16px;
    }
    .boxs_blog{
        grid-template-columns:1fr;
    }


}

@media only screen and (max-width: 600px) { 
    .zestaw_dodatek {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
    #glowny_naglowek_knt {
        height: 120px;
    }
    #menuMobilne {
        top: 120px;
    }
    #ralownik2 ul li {
        width: calc(33.333% - 20px);
    }
    main {
        margin-top: 170px;
    }
    .offer-box .kol_4 {
        float: left;
        width: 48%;
        width: calc(50% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .offer-box .kol_3 {
        float: left;
        width: 48%;
        width: calc(50% - 30px);
        padding: 0px 15px 0px 15px;
    }
    
    .panelKlienta{
        margin-top: 50px;
    }
     #baner {
        display: none;
    }
    #stopka .kol_5 {
        float: left;
        width: 98%;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .tekst {
        font-size: 16px;
        line-height: 22px;
    }
    a.formCiemny {
        display: inline-block;
        margin-top: 5px;
    }

    table.zamowienia th {
        display: none;
    }
    table.zamowienia td {
        display: block;
    }
    .tabelaProduktow{
        margin: 0px !important;
    } 

    #stopka .kol_3 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
        text-align: center;
    }
     .ngh2d h1 {
       font-size: 26px;
       line-height: 30px;
    }
    .ngh2d h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .ngh2d {
        margin-left: 0px;
    }

    #logo {
        width: 100%;
        margin: 10px 0px;
    }
    ul.panelKlienta{
       margin-top: 15px;
    }
 
    ul.panelKlienta li a:hover, ul.panelKlienta li a:hover i {
        color:  #ccc;
    }
    ul.panelKlienta li ul {
        display: none !important;
    }

    .daneTech{
        height: auto;
        overflow-x: scroll;
    }


}
@media only screen and (max-width: 500px) { 
    .kontakt_list span{
        display: none;
    }
    ul.opis_menu li {
        padding: 5px 10px;
    }
   
    .offer-box .kol_4 {
        float: left;
        width: 98%;
        width: 100%;
        padding: 0px;
    }
    .offer-box .kol_3 {
        float: left;
        width: 98%;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .powiazane_produkty .kol_4 {
         width: 98%; 
        width: calc(100% - 10px);
    }

    #glowny_naglowek_knt {
        background-size: 100% 100%;
    }
    #linki_knt ul {
        width: 100%;
    }
    #linki_knt li {
        width: 100%;
    }
    #linki_knt .koszyk_info {
        position: static;
        text-align: center;
        margin: 0 auto;
        width: 20px;

    }
    #menuGlowne ul li a {
        font-size: 14px;
    }
    #tresc_menu {
        width: calc(100% - 70px);
    }
    #menu_mobil {
        width: 50px;
    }
    #menu_kontakt a span{
        display: none;
    }
    .nav_M ul {
        width: auto;
    }
    #menuGlowne li {
        padding-right: 0px;
        padding: 0px !important;
    }
    ul.panelKlienta ul {
        display: none !important;
    }
   
    .info_koszyk {

        position: fixed;
        width: 90%;
        padding: 1%;
        margin-right: -95%;
    }
    .tlo_kontakt .kol_3 {
        background-size: cover;
        width: 100%;
    }
    
}

/* Header — layout 2026: mobile */
@media only screen and (max-width: 800px) {
    #glowny_naglowek_knt {
        height: 76px;
        border-bottom: 1px solid rgba(0, 0, 0, .14);
    }

    #glowny_naglowek {
        height: 76px;
    }

    #glowny_naglowek .szerokosc_str {
        width: calc(100% - 32px);
        height: 76px;
    }

    #logo {
        width: min(220px, calc(100vw - 166px));
        margin: 0;
    }

    #logo img {
        max-height: 56px;
    }

    ul.panelKlienta {
        gap: 6px;
    }

    ul.panelKlienta li.wyszukiwarka {
        display: none;
    }

    ul.panelKlienta li a,
    ul.panelKlienta li a.sklep {
        width: 36px;
        height: 40px;
    }

    ul.panelKlienta li a i {
        font-size: 22px;
    }

    #menuMobilne {
        top: 76px;
    }

    #menu_mobil {
        position: absolute;
        top: -60px;
        right: 12px;
        width: 42px;
        height: 42px;
        padding: 0;
        background: transparent;
    }

    #menu_mobil img {
        width: 42px;
        height: 42px;
    }

    #tresc_menu {
        max-width: calc(100vw - 56px);
    }
}

/* Oferta — layout 2026 */
@media only screen and (max-width: 1050px) {
    .oferta__slajd {
        width: 100%;
    }

    .oferta__naglowek {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width: 700px) {
    .oferta {
        width: 100%;
        margin-bottom: 52px;
        padding-top: 22px;
    }

    .oferta__naglowek {
        margin: 0 0 24px;
    }

    .oferta__naglowek h2 {
        font-size: 27px;
    }

    .oferta__slajd {
        width: 100%;
    }

    .oferta__karta h3 {
        bottom: 48px;
        left: 32px;
        right: 20px;
        font-size: 26px;
    }
}

/* Stopka — layout 2026 */
@media only screen and (max-width: 1050px) {
    #stopka {
		padding: 0;
    }

    #stopka .szerokosc_str {
        display: grid;
        grid-template-columns: 1fr;
        gap: 48px;
		width: calc(100% - 32px);
		min-height: 0;
		padding: 72px 42px 118px;
		box-sizing: border-box;
		border-radius: 16px 16px 0 0;
    }

    #stopka .kol_60,
    #stopka .stopka__prawy-panel {
		display: block;
		width: auto;
    }

	#stopka .kol_60 > .wiersz {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 38px 32px;
	}

    #stopka .stopka__prawy-panel {
		display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
		gap: 32px;
        align-items: start;
    }

	#stopka .kol_60 .kol_3:nth-child(1),
	#stopka .kol_60 .kol_3:nth-child(2),
	#stopka .kol_60 .kol_3:nth-child(3),
	#stopka .stopka__kontakt,
	#stopka .stopka__platnosci {
		grid-column: auto;
		grid-row: auto;
	}

    #stopka .stopka__prawa {
		position: absolute;
		bottom: 42px;
		left: 42px;
		right: 42px;
		max-width: none;
    }
}

@media only screen and (max-width: 700px) {
    #stopka {
		padding: 0;
    }

    #stopka .szerokosc_str {
		width: 100%;
        gap: 42px;
		padding: 52px 16px 132px;
		border-radius: 0;
    }

    #stopka .kol_60 > .wiersz,
    #stopka .stopka__prawy-panel {
        grid-template-columns: 1fr;
        gap: 32px;
    }

	#stopka .kol_60 > .wiersz {
		grid-template-areas: none;
	}

	#stopka .kol_60 .kol_3:nth-child(1),
	#stopka .kol_60 .kol_3:nth-child(2),
	#stopka .kol_60 .kol_3:nth-child(3) {
		grid-area: auto;
	}

	#stopka .stopka__prawa {
		bottom: 46px;
		left: 16px;
		right: 16px;
	}

    #stopka h2,
    #stopka .stopka__kontakt h2 {
        margin-bottom: 14px;
        font-size: 22px;
    }

    #stopka a {
        font-size: 15px;
    }

    #stopka .stopka__platnosci {
        max-width: 300px;
    }

    .influencja_knt {
        padding: 34px 0 46px;
    }
}

/* Teksty SEO — layout 2026 */
@media only screen and (max-width: 1050px) {
    .seo-home {
        width: calc(100% - 48px) !important;
        padding: 56px 0 62px;
    }

    .seo-home h1 {
        margin-bottom: 46px;
        font-size: 34px;
    }

    .seo-home__intro {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 32px;
    }
}

@media only screen and (max-width: 700px) {
    .seo-home {
        width: calc(100% - 32px) !important;
        padding: 44px 0 52px;
    }

    .seo-home h1 {
        margin-bottom: 32px;
        font-size: 29px;
        line-height: 1.15;
    }

    .seo-home__intro {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .seo-home__intro h2 {
        min-height: 0;
        margin-bottom: 13px;
        font-size: 24px;
    }

    .seo-home__intro p {
        font-size: 15px;
        text-align: left;
    }

    .seo-home__more-trigger {
        min-height: 48px;
        margin-top: 28px;
    }
}

/* Opinie klientów — layout 2026 */
@media only screen and (max-width: 1050px) {
    #p_opinie {
        padding: 76px 0 82px;
    }

    #p_opinie .container {
        width: calc(100% - 48px);
		padding: 72px 56px;
    }

    .header_opinie {
        margin-bottom: 52px;
    }

    .opinie__akcje {
        gap: 18px;
    }

    .opinie_boksy {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px 32px;
    }
}

@media only screen and (max-width: 700px) {
    #p_opinie {
        padding: 54px 0 60px;
    }

    #p_opinie .container {
        width: calc(100% - 32px);
		padding: 42px 28px;
    }

    .header_opinie {
        align-items: unset;
        flex-direction: column;
        gap: 14px;
        margin-bottom: 38px;
    }

    .header_opinie h2 {
        font-size: 29px;
    }

    .header_opinie .btn_bialy {
        min-height: 32px;
        font-size: 11px;
    }

    .opinie__akcje {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .opinie_boksy {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .referecja .etykieta {
        gap: 14px;
        margin-bottom: 14px;
    }

    .referecja .ikona_r {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
        font-size: 24px;
    }

    .referecja .cen strong {
        font-size: 21px;
    }

    .referecja .tresc_opini {
        font-size: 15px;
    }
}

/* Kontakt — layout 2026 */
@media only screen and (max-width: 1050px) {
    .modul-kontakt__wewnetrzny {
        padding-left: 6%;
        padding-right: 6%;
    }

    .modul-kontakt__wstep {
        flex-basis: 32%;
    }

    .modul-kontakt__osoby {
        gap: 28px;
    }
}

@media only screen and (max-width: 700px) {
    .modul-kontakt {
        width: calc(100% - 24px);
        margin-bottom: 38px;
    }

    .modul-kontakt__wewnetrzny {
        display: block;
        min-height: 0;
        padding: 32px 28px;
    }

    .modul-kontakt__wstep {
        margin-bottom: 28px;
    }

    .modul-kontakt__wstep h2 {
        margin-bottom: 9px;
        font-size: 28px;
    }

    .modul-kontakt__wstep p,
    .modul-kontakt__osoba a {
        font-size: 15px;
    }

    .modul-kontakt__osoby {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .modul-kontakt__osoba h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }
}

/* Lista produktów — layout 2026 */
@media only screen and (max-width: 1050px) {
    .offer-box .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }

    .produkty--polecane .ngh2d {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media only screen and (max-width: 700px) {
    .offer-box .row {
        grid-template-columns: 1fr;
    }

    .produkty--polecane {
        width: 100%;
        margin-bottom: 48px;
    }
    .ngh2d{
        margin: 20px !important;
        flex-direction: column;
        gap: 20px;
        align-items: unset;
    }

    .produkty--polecane .ngh2d {
        margin: 0 0 30px;
    }

    .produkty--polecane .ngh2d h2 {
        font-size: 28px;
    }
    .produkty__dots {
      justify-content: right;
    }

    .produkty__pager {
        gap: 7px;
    }

    .produkty__pager i {
        width: 11px;
        height: 10px;
    }

    .produkt-karta .item-name {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 16px;
    }

    .produkt-karta .cena {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 27px;
    }
}

/* Inspiracje — layout 2026 */
@media only screen and (max-width: 800px) {
    .inspiracje {
        margin-bottom: 48px;
    }

    .inspiracje__naglowek-wewnetrzny {
        width: calc(100% - 48px);
        padding: 54px 0 42px;
    }

    .inspiracje__naglowek h2 {
        margin-bottom: 29px;
        font-size: 30px;
        line-height: 1.1;
    }

    .inspiracje__tresc {
        grid-template-columns: 1fr;
        gap: 18px;
        font-size: 15px;
    }

    .inspiracje__link {
        position: static;
        width: max-content;
        max-width: 100%;
        min-height: 44px;
        margin-top: 28px;
        font-size: 13px;
    }

    .inspiracje__slajd {
        width: auto;
        height: var(--wysokosc-slajdu-inspiracji);
    }

    .inspiracje__slider {
        --wysokosc-slajdu-inspiracji: 62vw;
    }

    .inspiracje__slider .owl-dots {
        bottom: 12px;
    }

    .inspiracje__slider .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }

    .inspiracje__slider .owl-dots .owl-dot.active span,
    .inspiracje__slider .owl-dots .owl-dot:hover span,
    .inspiracje__slider .owl-dots .owl-dot:focus-visible span {
        width: 23px;
    }
}


@media only screen and (max-width: 350px) {
    ul.panelKlienta li a {
        font-size: 0;
    }
    #ralownik2 ul li {
        width: calc(50% - 20px);
    }

    ul.panelKlienta li a i {
        font-size: 20px;
    }
}

@media only screen and (min-width: 801px) {
    #menuGlowne {
        height: auto;
    }
}

/* Homepage banner — responsive layout 2026 */
@media only screen and (max-width: 800px) {
    #baner_knt {
        width: calc(100% - 24px);
        margin-bottom: 28px;
    }

    #baner {
        display: block;
        width: 100%;
        margin-top: 12px;
    }
}

/* Stopka — niezależna struktura 2026 */
@media only screen and (max-width: 1050px) {
	.site-footer {
		padding-top: 24px;
	}

	.site-footer__panel {
        width: calc(100% - 32px);
        min-height: 0;
        border-radius: 16px 16px 0 0;
    }

	.site-footer__layout {
		position: static;
		grid-template-columns: repeat(2, minmax(0, 1fr));
        min-height: 0;
        padding: 76px 48px 92px;
        row-gap: 46px;
    }

    .site-footer__payments {
        width: min(320px, 100%);
    }

	.site-footer__legal {
		position: static;
		grid-column: 1 / -1;
    }
}

@media only screen and (max-width: 700px) {
	.listaProduktow {
		width: calc(100% - 48px);
		padding: 0px 0 64px;
	}

	.listaProduktow > div:first-child {
		min-height: 0;
		margin-bottom: 32px;
		padding-right: 0;
	}

	.listaProduktow > div:first-child > h3 {
		margin-bottom: 10px;
		font-size: 12px;
	}

	.listaProduktow > div:first-child > h1 {
		font-size: 30px;
		line-height: 1.12;
	}

	.listaProduktow > div:first-child > h1::after {
		width: 48px;
		margin-top: 15px;
	}

	.listaProduktow #formularz_sortowania {
		position: static;
		margin-top: 26px;
		text-align: left;
	}

	.listaProduktow .numery {
		gap: 6px;
		margin-top: 46px;
	}

	.listaProduktow .numery a,
	.listaProduktow .numery .pusty {
		min-width: 38px;
		height: 38px;
		font-size: 13px;
	}

	.produkt-strona {
		padding: 48px 0 62px;
	}

	.produkt-strona > .trescStrony {
		width: calc(100% - 8px);
	}

	.produkt-strona > .trescStrony > h1 {
		margin-bottom: 32px;
		padding-bottom: 16px;
		font-size: 30px;
		line-height: 1.12;
	}

	.produkt-strona > .trescStrony > h1::after {
		width: 48px;
		margin-top: 15px;
	}

	.produkt-strona > .trescStrony > .wiersz {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.produkt-strona > .trescStrony > .wiersz > .kol_50:nth-child(2) {
		position: static;
	}

	.produkt-strona .produkt_boks {
		padding: 20px;
	}

	.produkt-strona .formBtnZamow {
		width: 100%;
		margin: 14px 0 0;
	}

	.produkt-strona .galeriaProduktu #cycle-1 .owl-item img {
		height: 70vw;
		max-height: 380px;
	}

	.koszyk-strona {
		padding: 48px 0 62px;
	}

	.koszyk-strona__wewnetrzna {
		width: calc(100% - 24px);
	}

	.koszyk-strona .koszyk_naglowek_knt {
		/*grid-template-columns: 1fr;*/
		margin-bottom: 30px;
	}

	.koszyk-strona .koszyk_naglowek {
		min-height: 48px;
		padding: 0 18px;
		border-right: 0;
		border-bottom: 1px solid rgba(38, 34, 35, .13);
		line-height: 48px;
	}

	.koszyk-strona .koszyk_naglowek:last-of-type {
		border-bottom: 0;
	}

	.koszyk-strona table.koszyk,
	.koszyk-strona table.koszyk tbody,
	.koszyk-strona table.koszyk tr,
	.koszyk-strona table.koszyk td {
		display: block;
		box-sizing: border-box;
		width: 100%;
	}

	.koszyk-strona table.koszyk th,
	.koszyk-strona table.koszyk tr.pus {
		display: none;
	}

	.koszyk-strona table.koszyk tr.zam {
		display: grid;
		grid-template-columns: 72px minmax(0, 1fr);
		gap: 0 14px;
		margin-bottom: 18px;
		padding: 16px;
		border: 1px solid rgba(38, 34, 35, .15);
		background: rgba(251, 250, 247, .72);
	}

	.koszyk-strona table.koszyk tr.zam td {
		padding: 0 0 12px;
		border: 0;
		text-align: left !important;
	}

	.koszyk-strona table.koszyk .koszyk_obr_knt {
		grid-row: 1;
		grid-column: 1;
		width: auto;
		padding-right: 0;
	}

	.koszyk-strona table.koszyk tr.zam td:nth-child(2) {
		grid-row: 1;
		grid-column: 2;
	}

	.koszyk-strona table.koszyk tr.zam td:nth-child(n + 3) {
		grid-column: 2;
	}

	.koszyk-strona table.koszyk .kosz {
		position: absolute;
		right: 24px;
		width: auto;
		padding: 0;
	}

	.koszyk-strona table.koszyk tr.zam {
		position: relative;
	}

	.koszyk-strona table.koszyk td[colspan] {
		padding: 14px 0;
		text-align: left !important;
	}

	.koszyk-strona table.koszyk td[colspan="5"] p {
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.koszyk-strona #formularz .wiersz > .kol_2,
	.koszyk-strona #formularz .wiersz > .kol_3 {
		width: 100%;
		padding: 0;
	}

	.koszyk-strona .formBtnZamow {
		width: auto;
		padding: 0 16px;
	}

	.koszyk-strona .formBtnSzary {
		width:auto;
		padding: 0 16px;
	}

	.tekst--lista-kategorii > h1 {
		margin-bottom: 30px;
		padding-bottom: 16px;
		font-size: 30px;
		line-height: 1.12;
	}

	.tekst--lista-kategorii > h1::after {
		width: 48px;
		margin-top: 15px;
	}

	.site-footer {
		padding-top: 0;
	}

    .site-footer__panel {
        width: 100%;
        border-radius: 0;
    }

    .site-footer__layout {
        grid-template-columns: 1fr;
        padding: 54px 24px 58px;
        row-gap: 38px;
    }

    .site-footer h2 {
        font-size: 22px;
    }

    .site-footer__nav a,
    .site-footer__contact a {
        font-size: 15px;
    }

    .site-footer__payments {
        width: min(320px, 100%);
    }

    .site-footer__legal {
        grid-column: auto;
        font-size: 13px;
    }

    .site-footer__legal p:first-child {
        font-size: 15px;
    }

	.site-footer-credit {
		padding: 38px 0 54px;
	}
}

@media only screen and (max-width: 700px) {
	.konto-strona {
		padding: 48px 0 62px;
	}

	.konto-strona__karta {
		width: calc(100% - 32px);
		padding: 32px 20px 34px;
	}

	.konto-strona__karta h1.tu {
		margin-bottom: 26px;
		padding-bottom: 14px;
		font-size: 29px;
	}

	.konto-strona__karta h1.tu::after {
		margin-top: 13px;
	}

	.konto-strona__karta #formularz_knt .formBtn {
		width: 100%;
	}

	.panel-klienta {
		width: 100%;
		padding: 48px 0 62px;
	}

	.panel-klienta > h1 {
		margin-bottom: 18px;
		padding-bottom: 14px;
		font-size: 30px;
	}

	.panel-klienta > h1::after {
		margin-top: 13px;
	}

	.panel-klienta > div,
	.panel-klienta > div a {
		font-size: 15px;
	}

	.konto-strona__karta--dane {
		width: calc(100% - 32px);
	}

	.konto-strona__karta--dane #formularz_knt form {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.konto-strona__karta--dane #formularz_knt form > div[ng-show] {
		grid-template-columns: 1fr;
	}

	.konto-strona__karta--dane #formularz_knt h2 {
		margin-top: 28px;
		font-size: 15px;
	}

	.konto-strona--zamowienia {
		padding: 48px 16px 62px;
	}

	.konto-strona--zamowienia .tu {
		margin-bottom: 26px;
		padding-bottom: 14px;
		font-size: 30px;
	}

	.konto-strona--zamowienia .tu::after {
		margin-top: 13px;
	}

	.konto-strona__zamowienia .zamowienia {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.konto-strona__zamowienia .zamowienia > tbody,
	.konto-strona__zamowienia .zamowienia > tbody > tr,
	.konto-strona__zamowienia .zamowienia > tr {
		display: table-row;
	}

	.konto-strona__zamowienia .zamowienia > tbody > tr > td,
	.konto-strona__zamowienia .zamowienia > tr > td {
		display: table-cell;
	}

	.konto-strona__zamowienia .zamowienia td[colspan] {
		white-space: normal;
	}

	.konto-strona__zamowienia .zamowienia td[colspan] .wiersz {
		min-width: 520px;
	}
}

/* ========================================================================== 
   Strona główna — responsywność 2026
   ========================================================================== */
@media only screen and (min-width: 901px) {
	#menuMobilne {
		display: none !important;
	}
}

@media only screen and (max-width: 1600px) {
	#glowny_naglowek .szerokosc_str,
	#menuGlowne .szerokosc_str {
		width: min(1520px, calc(100% - 64px));
	}

	#baner_knt,
	.modul-kontakt {
		width: calc(100% - 48px);
	}
}

@media only screen and (max-width: 1400px) {
	#glowny_naglowek .szerokosc_str,
	#menuGlowne .szerokosc_str {
		width: calc(100% - 48px);
	}

	#menuGlowne ul li a {
		padding-right: 26px;
		padding-left: 26px;
	}

	.oferta__naglowek {
		margin-right: 32px;
		margin-left: 32px;
	}

	.oferta__naglowek h2,
	.modul-kontakt__wstep h2,
	.header_opinie h2 {
		font-size: 38px;
	}
}

@media only screen and (max-width: 1200px) {
	#glowny_naglowek .szerokosc_str,
	#menuGlowne .szerokosc_str {
		width: calc(100% - 40px);
	}

	#logo {
		flex-basis: 280px;
		width: 280px;
	}

	#logo img {
		max-width: 100%;
	}

	ul.panelKlienta {
		gap: 12px;
	}

	ul.panelKlienta li.wyszukiwarka {
		width: 280px;
	}

	#menuGlowne ul li a {
		padding-right: 10px;
		padding-left: 10px;
		font-size: 14px;
	}
    .li_polecane {
      background-color: #5f708e;
      padding-left: 10px !important;
      padding-right: 10px !important;
    }
	#menuGlowne li.li_promocje a {
		width: 138px;
		min-width: 138px;
	}

	.oferta__naglowek {
		margin-right: 24px;
		margin-left: 24px;
	}

	.modul-kontakt__wewnetrzny {
		padding-right: 7%;
		padding-left: 7%;
	}
}

@media only screen and (min-width: 901px) and (max-width: 1000px) {
	#glowny_naglowek .szerokosc_str,
	#menuGlowne .szerokosc_str {
		width: calc(100% - 32px);
	}

	#logo {
		flex-basis: 230px;
		width: 230px;
	}

	ul.panelKlienta li.wyszukiwarka {
		width: 230px;
	}

	#menuGlowne ul li a {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 12px;
	}

	#menuGlowne li.li_promocje a {
		width: 116px;
		min-width: 116px;
	}
}

/* Od 900 px menu przechodzi do wysuwanego panelu. */
@media only screen and (max-width: 900px) {
	#glowny_naglowek_knt,
	#glowny_naglowek {
		height: 76px;
	}

	#glowny_naglowek_knt {
		position: relative;
		z-index: 1001;
		border-bottom: 1px solid rgba(38, 34, 35, .14);
	}

	#glowny_naglowek .szerokosc_str {
		width: calc(100% - 32px);
		height: 76px;
	}

	#logo {
		flex: 0 1 240px;
		width: min(240px, calc(100vw - 178px));
	}

	#logo img {
		max-width: 100%;
		max-height: 58px;
		margin: 0 !important;
	}

	ul.panelKlienta {
		gap: 5px;
	}

	ul.panelKlienta li.wyszukiwarka {
		display: none;
	}

	ul.panelKlienta li a,
	ul.panelKlienta li a.sklep {
		width: 36px;
		height: 42px;
	}

	ul.panelKlienta li a i {
		font-size: 22px;
	}

	#menuGlowne {
		display: none !important;
	}

	main#zawartosc {
		margin-top: 0;
	}

	#menuMobilne {
		display: block;
		position: fixed;
		inset: 76px 0 0;
		z-index: 1000;
		overflow: visible;
		pointer-events: none;
	}

	#menuMobilne::before {
		position: fixed;
		inset: 76px 0 0;
		background: rgba(20, 18, 18, .38);
		content: '';
		opacity: 0;
		pointer-events: none;
		transition: opacity .25s ease;
	}

	#menuMobilne.jest-otwarte {
		pointer-events: auto;
	}

	#menuMobilne.jest-otwarte::before {
		opacity: 1;
		pointer-events: auto;
	}

	#menu_mobil {
		position: absolute;
		top: -60px;
		right: 12px;
		display: grid;
		width: 44px;
		height: 44px;
		padding: 0;
		border: 0;
		background: transparent;
		color: #262223;
		cursor: pointer;
		font-family: FontAwesome;
		font-size: 25px;
		place-items: center;
		pointer-events: auto;
	}

	#menu_mobil::before {
		content: '\f0c9';
	}

	#menuMobilne.jest-otwarte #menu_mobil::before {
		content: '\f00d';
	}

	#menu_mobil.jest-otwarty::before {
		content: '\00d7' !important;
		font-family: Arial, sans-serif;
		font-size: 34px;
		font-weight: 300;
	}

	#menu_mobil img {
		display: none;
	}

	#tresc_menu {
		position: absolute;
		top: 0;
		left: 0;
		display: block !important;
		box-sizing: border-box;
		width: min(390px, calc(100vw - 42px));
		height: calc(100vh - 76px);
		min-height: 100%;
		margin: 0;
		padding: 24px 20px 36px;
		overflow-y: auto;
		background: #fbfaf7;
		box-shadow: 14px 0 32px rgba(0, 0, 0, .22);
		transform: translateX(-105%);
		transition: transform .25s ease;
		visibility: hidden;
	}

	#menuMobilne.jest-otwarte #tresc_menu {
		transform: translateX(0);
		visibility: visible;
	}

	#tresc_menu .nav_M_szukaj ul,
	#tresc_menu .nav_M ul,
	#tresc_menu .nav_M_info ul {
		width: 100%;
		margin: 0;
		padding: 0;
		background: transparent;
		list-style: none;
	}

	#tresc_menu .nav_M_szukaj {
		margin-bottom: 18px;
	}

	#tresc_menu .nav_M_szukaj li.wyszukiwarka {
		display: block;
	}

	#tresc_menu .nav_M_szukaj form {
		display: flex;
		height: 46px;
	}

	#tresc_menu .formInputSzukaj {
		width: auto;
		height: 46px;
		color: #262223;
		background: #fff;
	}

	#tresc_menu .formBtnSzukaj {
		height: 46px;
		background: #d7a701;
		color: #262223;
	}

	#tresc_menu .nav_M ul,
	#tresc_menu .nav_M ul.poziom_0,
	#tresc_menu .nav_M ul.poziom_1,
	#tresc_menu .nav_M ul.poziom_2,
	#tresc_menu .nav_M ul.poziom_3,
	#tresc_menu .nav_M ul.poziom_4,
	#tresc_menu .nav_M ul.poziom_5 {
		display: block;
		background: transparent;
	}

	#tresc_menu .nav_M li,
	#tresc_menu .nav_M ul ul li {
		width: 100%;
		padding: 0;
		border-bottom: 1px solid rgba(38, 34, 35, .12);
	}

	#tresc_menu .nav_M a,
	#tresc_menu .nav_M span {
		box-sizing: border-box;
		display: block;
		width: 100%;
		padding: 5px 0;
		color: #262223;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.25;
		text-decoration: none;
		text-transform: uppercase;
	}

	#tresc_menu .nav_M ul ul a,
	#tresc_menu .nav_M ul ul span {
		padding-left: 18px;
		color: #5c5753;
		font-size: 13px;
	}

	#tresc_menu .nav_M a:hover,
	#tresc_menu .nav_M a:focus-visible,
	#tresc_menu .nav_M span:hover {
		color: #b48700;
	}

	#tresc_menu .nav_M_info {
		margin-top: 22px;
		padding: 18px 0 0;
		border-top: 2px solid #d7a701;
		background: transparent;
	}

	#tresc_menu .nav_M_info li {
		height: auto;
		padding: 0;
		border: 0;
	}

	#tresc_menu .nav_M_info a {
		display: block;
		padding: 8px 0;
		color: #4c4846;
		font-size: 13px;
		font-weight: 700;
		text-decoration: none;
		text-transform: uppercase;
	}

	#baner_knt {
		width: calc(100% - 32px);
		margin-bottom: 0px;
	}

	#baner {
		display: block !important;
		margin-top: 14px;
	}

	.oferta__naglowek,
	.modul-kontakt,
	#p_opinie .container,
	.seo-home,
	.inspiracje__naglowek-wewnetrzny {
		width: calc(100% - 48px) !important;
	}
}

@media only screen and (max-width: 768px) {
    .tlo_biale_cien{
        padding: 10px 0px;
    }
	.oferta {
		margin-bottom: 58px;
	}

	.oferta__naglowek {
		margin-bottom: 28px;
	}

	.oferta__naglowek h2,
	.modul-kontakt__wstep h2,
	.header_opinie h2 {
		font-size: 30px;
	}

	.oferta__karta h3 {
		bottom: 42px;
		left: 28px;
		font-size: 25px;
	}

	.produkty--polecane .ngh2d h2 {
		font-size: 30px;
	}
}

@media only screen and (max-width: 600px) {
	#glowny_naglowek .szerokosc_str {
		width: calc(100% - 24px);
	}

	#logo {
		width: min(190px, calc(100vw - 158px));
	}

	ul.panelKlienta li a,
	ul.panelKlienta li a.sklep {
		width: 33px;
	}

	#menu_mobil {
		right: 4px;
	}

	#baner_knt,
	.oferta__naglowek,
	.modul-kontakt,
	#p_opinie .container,
	.seo-home,
	.inspiracje__naglowek-wewnetrzny {
		width: calc(100% - 32px) !important;
	}

	.oferta__naglowek h2,
	.modul-kontakt__wstep h2,
	.header_opinie h2,
	.seo-home h1 {
		font-size: 28px;
	}

	.oferta__karta h3 {
		bottom: 34px;
		left: 22px;
		font-size: 22px;
	}

	.modul-kontakt__wewnetrzny {
		padding: 30px 22px;
	}

	.inspiracje__naglowek-wewnetrzny {
		padding-top: 46px;
		padding-bottom: 36px;
	}

	.inspiracje__slider {
		--wysokosc-slajdu-inspiracji: 72vw;
	}
}

@media only screen and (max-width: 480px) {
	#logo {
		width: min(165px, calc(100vw - 152px));
	}

	ul.panelKlienta li a i {
		font-size: 20px;
	}

	#tresc_menu {
		width: calc(100vw - 30px);
		padding: 20px 16px 30px;
	}

	.oferta__naglowek {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
	}

	.oferta__pager {
		align-self: flex-end;
	}

	.oferta__karta h3 {
		font-size: 20px;
	}

	.modul-kontakt__osoba a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 360px) {
	#glowny_naglowek .szerokosc_str {
		width: calc(100% - 16px);
	}

	#logo {
		width: 132px;
	}

	ul.panelKlienta {
		gap: 1px;
	}

	ul.panelKlienta li a,
	ul.panelKlienta li a.sklep {
		width: 30px;
	}

	#menu_mobil {
		right: 0;
		width: 40px;
	}

	#baner_knt,
	.oferta__naglowek,
	.modul-kontakt,
	#p_opinie .container,
	.seo-home,
	.inspiracje__naglowek-wewnetrzny {
		width: calc(100% - 24px) !important;
	}

	.oferta__naglowek h2,
	.modul-kontakt__wstep h2,
	.header_opinie h2,
	.seo-home h1 {
		font-size: 25px;
	}
}

/* Hamburger pozostaje w nagłówku, bez przenoszenia elementu w HTML. */
@media only screen and (max-width: 900px) {
	#menuMobilne {
		z-index: 1100;
	}

	#menu_mobil {
		position: static;
		margin: 0 0 0 auto;
		z-index: 1;
		color: #262223;
	}

	#menu_mobil::before {
		display: block;
		content: '\f0c9';
		font-family: FontAwesome;
		font-size: 25px;
		line-height: 1;
	}

	#menuMobilne.jest-otwarte #menu_mobil::before {
		content: '\f00d';
	}

	#menu_mobil.jest-otwarty::before {
		content: '\00d7' !important;
		font-family: Arial, sans-serif;
		font-size: 34px;
		font-weight: 300;
	}

	#tresc_menu {
		width: min(400px, calc(100vw - 34px));
		padding: 0 22px 34px;
		background: #fbfaf7;
	}

	#tresc_menu .nav_M_szukaj {
		margin: 0 -22px 20px;
		padding: 20px 22px 18px;
		border-bottom: 1px solid rgba(38, 34, 35, .12);
		background: #f2f1ee;
        overflow: hidden;
	}

	#tresc_menu .nav_M_szukaj ul {
		padding: 0;
	}

	#tresc_menu .nav_M_szukaj form {
		height: 46px;
		border: 1px solid #d5d0c8;
		background: #fff;
		box-shadow: none;
	}

	#tresc_menu .formInputSzukaj {
		min-width: 0;
		height: 46px;
		padding: 0 14px;
		border: 0;
		background: transparent;
		font-size: 14px;
		font-weight: 500;
	}

	#tresc_menu .formBtnSzukaj {
		flex: 0 0 48px;
		width: 48px;
		height: 46px;
		font-family: FontAwesome;
		font-size: 17px;
		line-height: 46px;
	}

	#tresc_menu .nav_M {
		margin: 0;
	}

	#tresc_menu .nav_M > ul > li {
		border-bottom: 1px solid #dedad4;
	}

	#tresc_menu .nav_M > ul > li > a,
	#tresc_menu .nav_M > ul > li > span {
		display: flex;
		align-items: center;
		min-height: 58px;
		padding: 0;
		color: #262223;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: .015em;
		line-height: 1.2;
		text-transform: uppercase;
	}

	#tresc_menu .nav_M > ul > li.has-submenu > a::after {
		margin-left: auto;
		color: #d7a701;
		content: '\f107';
		font-family: FontAwesome;
		font-size: 17px;
	}

	#tresc_menu .nav_M ul ul {
		margin: -2px 0 10px;
		padding: 0 0 0 16px;
	}

	#tresc_menu .nav_M ul ul li {
		border-bottom: 1px solid rgba(38, 34, 35, .1);
	}

	#tresc_menu .nav_M ul ul li:last-child {
		border-bottom: 0;
	}

	#tresc_menu .nav_M ul ul a,
	#tresc_menu .nav_M ul ul span {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 43px;
		padding: 0 0 0 17px;
		color: #5b5652;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0;
		line-height: 1.25;
		text-transform: none;
	}

	#tresc_menu .nav_M ul ul li.has-submenu > a::after {
		margin-left: auto;
		color: #d7a701;
		content: '\f105';
		font-family: FontAwesome;
		font-size: 12px;
	}

    .menuPrawa {
      margin-top: 0px;
    }

	#tresc_menu .nav_M_info {
		margin-top: 20px;
		padding-top: 15px;
	}

	#tresc_menu .nav_M_info a {
		padding: 10px 0;
		font-size: 12px;
		letter-spacing: .025em;
	}

	#tresc_menu .formBtnSzukaj {
		appearance: none;
		border: 0;
		font-family: FontAwesome !important;
		font-size: 19px;
		font-weight: 400;
		line-height: 46px;
		text-align: center;
		text-indent: 0;
	}

	#tresc_menu .nav_M > ul > li > a,
	#tresc_menu .nav_M > ul > li > span {
		font-size: 16px;
	}

	#tresc_menu .nav_M ul ul a,
	#tresc_menu .nav_M ul ul span {
		min-height: 46px;
		padding-left: 0;
		font-size: 14px;
	}

	#tresc_menu .nav_M ul ul a::before,
	#tresc_menu .nav_M ul ul span::before {
		display: none;
	}

	#tresc_menu .nav_M ul ul a i,
	#tresc_menu .nav_M ul ul span i {
		width: 16px;
		margin-right: 3px;
		color: #d7a701;
		font-size: 12px;
		text-align: center;
	}
}

/* Koszyk na tablecie: aktywny krok zachowuje opis, pozostałe są ikonami. */
@media only screen and (min-width: 601px) and (max-width: 850px) {
	.koszyk-strona .koszyk_naglowek_knt {
		display: flex;
		align-items: stretch;
	}

	.koszyk-strona .koszyk_naglowek {
		display: flex;
		flex: 0 0 56px;
		align-items: center;
		justify-content: center;
		min-height: 56px;
		padding: 0;
		border-right: 1px solid rgba(38, 34, 35, .13);
		font-size: 0;
		line-height: 1;
	}

	.koszyk-strona .koszyk_naglowek i {
		margin: 0;
		font-size: 15px;
	}

	.koszyk-strona .koszyk_naglowek span {
		display: none;
	}

	.koszyk-strona .koszyk_naglowek.aktywnyKrok {
		flex: 1 1 auto;
		justify-content: flex-start;
		padding: 0 20px;
		font-size: 14px;
	}

	.koszyk-strona .koszyk_naglowek.aktywnyKrok i {
		margin-right: 9px;
	}

	.koszyk-strona .koszyk_naglowek.aktywnyKrok span {
		display: inline;
		font-weight: 600;
		line-height: 1.2;
	}
}

/* Formularz odstąpienia od umowy */
@media only screen and (max-width: 800px) {
	.zwroty-strona {
		padding: 44px 0 66px;
	}

	.zwroty-strona > article {
		width: calc(100% - 34px);
	}

	.zwroty-strona > article > h1 {
		margin-bottom: 25px;
		padding-bottom: 14px;
		font-size: 29px;
		letter-spacing: -.035em;
		line-height: 1.12;
	}

	.zwroty-strona > article > h1::after {
		width: 45px;
		margin-top: 13px;
	}

	.zwroty-strona .wiersz_panelu {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.zwroty-strona .panel_formularza,
	.zwroty-strona .panel_info,
	.zwroty-strona .panel_ret {
		padding: 25px 21px 27px;
	}

	.zwroty-strona .panel_info {
		padding-top: 26px;
	}

	.zwroty-strona .panel_formularza::before {
		margin-bottom: 18px;
		font-size: 13px;
	}

	.zwroty-strona .panel_info h2,
	.zwroty-strona .panel_ret h3 {
		font-size: 21px;
	}

	.zwroty-strona #formularz_knt form > div {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.zwroty-strona .formBtn,
	.zwroty-strona a.formBtn {
		width: 100%;
		box-sizing: border-box;
	}

	.zwroty-strona #formularz_knt form > p[style] {
		margin-top: 16px !important;
	}

	.zwroty-strona .panel_ret .wiersz_panelu[style] {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 0 !important;
	}

	.zwroty-strona .tabela_zwrotow {
		margin-right: -21px;
		margin-left: -21px;
		border-right: 0;
		border-left: 0;
	}

	.zwroty-strona .tabela_zwrotow th,
	.zwroty-strona .tabela_zwrotow td {
		padding: 12px 11px;
	}
}

@media only screen and (max-width: 800px) {
	#slajder .owl-dots {
		bottom: 12px;
	}

	#slajder .baner__opis {
		padding: 18px 22px 38px;
	}

	#slajder .baner__opis-tresc {
		width: min(100%, 460px);
		font-size: clamp(13px, 3.5vw, 17px);
		line-height: 1.3;
	}

	#slajder .baner__opis-tresc > p:first-child {
		margin-bottom: .55em;
		font-size: clamp(12px, 3vw, 15px);
	}

	#slajder .baner__opis-tresc h1,
	#slajder .baner__opis-tresc h2,
	#slajder .baner__opis-tresc h3 {
		margin-bottom: .28em;
		font-size: clamp(27px, 8.8vw, 42px);
	}

	#slajder .baner__opis-tresc a,
	#slajder .baner__opis-tresc .wp-block-button__link {
		min-height: 38px;
		margin-top: 5px;
		padding: 0 13px;
		font-size: 10px;
	}

	#slajder .baner__opis-tresc a::after {
		font-size: 18px;
	}

	#slajder .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
	}

	#slajder .owl-dots .owl-dot.active span,
	#slajder .owl-dots .owl-dot:hover span,
	#slajder .owl-dots .owl-dot:focus-visible span {
		width: 23px;
	}
}

/*

"v=spf1 a mx include:spf.linuxpl.com  include:spf.nazwa.pl include:bwsl.nazwa.pl ip4:94.130.87.2 ip4:195.201.185.139 -all"

"v=spf1 a mx include:spf.hekko.pl include:spf.nazwa.pl include:bwsl.nazwa.pl -all"

*/