.abs-offer-details-container h1 {
display: none;
}

body[data-controller="list"] .abs-layout-breadcrumbs{
display: none;
}

.powiadomienie-konta {
padding: 1em;
background-color: #fe6700;
color: white;
}

.powiadomienie-konta a {
color: white;
}

.powiadomienie-konta a:hover {
text-decoration: underline;
}

.przycisk-1 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #fe6700;
    border-color: #d82e33;


    font-size: 13px;

    min-width: 180px;


    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-1:hover {
    background-color: #17364b;
    color:white;
}

.przycisk-1:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-2 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #000000;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-2:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-2:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-3 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #0880a4;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-3:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-3:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-4 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #b90312;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-4:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-4:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-5 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #d1a909;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-5:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-5:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-6 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #00027a;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-6:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-6:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-7 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #e60000;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-7:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-7:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-corON {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #17364b;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-corON:hover {
    background-color: #fe6700;
    color:white;
}

.przycisk-corON:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-corOFF {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #black;
    background-color: #e4e4e4;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-corOFF:hover {
    background-color: #fe6700;
    color:white;
}

.przycisk-corOFF:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-longON {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #17364b;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 250px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 60px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-longON:hover {
    background-color: #fe6700;
    color:white;
}

.przycisk-longON:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-longOFF {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #black;
    background-color: #e4e4e4;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 250px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 60px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-longOFF:hover {
    background-color: #fe6700;
    color:white;
}

.przycisk-longOFF:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-8 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #b90312;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-8:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-8:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-9 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #003771;
    border-color: #d82e33;

    font-size: 11px;

    min-width: 170px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-9:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-9:focus {
    color:white;
}/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-10 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #be1d12;
    background-color: #ffc90f;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 300px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 60px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-10:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-10:focus {
    color:white;}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-11 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #003399;
    border-color: #d82e33;

    font-size: 14px;

    min-width: 300px;
    max-width: 100%;
    
    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 60px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-11:hover {
    background-color: #FE6600;
    color:white;
}

.przycisk-11:focus {
    color:white;}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.przycisk-hit {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: black;
    background-color: white;
    border-color: #fe6600;
    border: 2px;
    border-style: solid;
    font-size: 13px;

    min-width: 180px;


    border-radius: 30px;
border-color: #fe6600;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-hit:hover {
    background-color: #fe6600;
    color:white;
}

.przycisk-hit:focus {
    color:white;
}


.contanair{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
row-gap:20px;
column-gap:20px;
padding:20px;
max-width:1200px;}


@media (max-width: 720px){
.contanair{grid-template-columns: 1fr 1fr;
column-gap:5px;
padding:0px;}}
@media (min-width:721px) and  (max-width: 1000px){
.contanair{grid-template-columns: 1fr 1fr 1fr;
column-gap:5px;
padding:0px;}}
@media (min-width:1001px) and  (max-width: 1200px){
.contanair{grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:5px;
padding:0px;}}

.productBox{
text-align:center;
border:solid 1px #cccccc;
border-radius:20px;
max-width:100%;
}
.imgBox{padding:10px;
padding-top:30px;
height:220px;}

.imgBox2{padding:10px;
height:170px;}


.titleBox{padding:10px 20px;
height:60px;
font-family: 'century gothic', sans-serif;
font-size:14px;
}
.buttonBox{padding:20px;
height:90px;}

.promoPageTitle{
font-family: 'century gothic', sans-serif;
font-weight:bold;
font-size:24px;
padding: 20px 20px 0px 20px;

}
.promoPageBaner{
text-align:center;
padding-bottom:20px;
max-width:100%;}

.pageWrapper{max-width:1200px;
}


.przycisk-111 {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #fe6700;
    border-color: #d82e33;


    font-size: 13px;

    min-width: 100px;


    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 40px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-111:hover {
    background-color: #17364b;
    color:white;
}

.przycisk-111:focus {
    color:white;
}
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.konk{
display:grid;
grid-template-columns: 1fr 2fr;
}

@media (max-width: 1200px){
.konk{grid-template-columns: 1fr;}}


.rok{
display:grid;
grid-template-columns: 1.5fr 1fr 1fr 1.5fr;
}

@media (max-width: 1200px){
.rok{grid-template-columns: 1fr 1fr;}}


.nagro{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1200px){
.nagro{grid-template-columns: 1fr 1fr;}}
@media (max-width: 720px){
.nagro{grid-template-columns: 1fr;}}



.konkursKaruzela{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom:40px;
}

@media (max-width: 1200px){
.konkursKaruzela{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.konkursKaruzela{grid-template-columns: 1fr 1fr;}}


manu-popularne.{}

@media (max-width: 1200px){
.menu-popularne{display:none;}}


.podrecznikiCont{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:20px;
row-gap:20px;
}

@media (max-width: 1200px){
.podrecznikiCont{grid-template-columns: 1fr;}}

.podrecznikiBox{
border:solid 1px #cccccc;
border-radius:20px;}
.podrecznikiTitle{
text-align:center;
font-family:'century gothic', sans-serif;
font-size:20px;
font-weight:bold;
padding-top:20px;
}
.podrecznikiCat{display:grid;
grid-template-columns: 1fr 1fr;
line-height:20px;
font-size:12px;
font-family:'century gothic', sans-serif;
padding:20px;

}


.podrecznikiBanerFirst{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:20px;
row-gap:20px;}
.podrecznikiBanerSecond{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align: center;
padding-top:20px;
padding-bottom:20px;
font-family:'century gothic', sans-serif;
max-width:1200px;}


@media (max-width: 1200px){
.podrecznikiBanerFirst{grid-template-columns: 1fr;}}
@media (max-width: 1100px){
.podrecznikiBanerSecond{grid-template-columns: 1fr;}}


.buttonPlace{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.buttonPlace{grid-template-columns: 1fr;}}



.cis{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.cis{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.cis{grid-template-columns: 1fr 1fr;}}



.publishBoxes{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.publishBoxes{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.publishBoxes{grid-template-columns: 1fr 1fr;}}


.publishTitle{
font-family: 'century gothic', sans-serif;
font-size: 40px;
padding-top:80px;
padding-bottom:2px;
}

.publishTitleTwo{
font-family: 'century gothic', sans-serif;
font-size: 15px;
padding-top:2px;
padding-bottom:2px;
}

.publishTitleFirst{
font-family: 'century gothic', sans-serif;
font-size: 40px;
padding-bottom:15px;
}


.cis2{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:20px;
}



.cis3{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.cis3{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.cis3{grid-template-columns: 1fr 1fr;}}



.publishBoxTitle{
font-family: 'century gothic', sans-serif;
font-size: 20px;
padding-top:20px;
padding-bottom:20px;
}


.publishText{
font-family: 'century gothic', sans-serif;
font-size: 16px;
}

.seriee{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;

}

.outlet{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;

}
@media (max-width: 1200px){
.outlet{grid-template-columns: 1fr 1fr;
column-gap:10px;
row-gap:10px;
margin-left:10px;
margin-right:10px;
}}
@media (max-width: 720px){
.outlet{grid-template-columns: 1fr 1fr;}}


.outletBox{

border-radius: 15px;
text-align:center;
background-color: #FFEB00;
}

.outletText{
font family: 'century gothic', sans-serif;
font-size: 14px;
font-weight:bold;
padding:5px 10px 0px 10px;
}

.outletText a{
font family: 'century gothic', sans-serif;
font-size: 14px;
font-weight:bold;
padding:5px 10px 0px 10px;

}


@media (max-width: 1280px){
.outletText{font-size: 14px;
padding:5px 5px 0px 5px;
}}



.nagro2{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 1200px){
.nagro2{grid-template-columns: 1fr 1fr;}}
@media (max-width: 720px){
.nagro2{grid-template-columns: 1fr;}}



.nagro3{
display:grid;
grid-template-columns: 1fr 1fr;
}

@media (max-width: 1200px){
.nagro3{grid-template-columns: 1fr;}}



.konkursKaruzela2{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-bottom:40px;
}

@media (max-width: 1200px){
.konkursKaruzela2{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.konkursKaruzela2{grid-template-columns: 1fr 1fr;}}


.wkrotce{
padding-top:20px; 
padding-margin:20px;}

@media (max-width: 1200px){
.wkrotce{display:none;}}
@media (max-width: 720px){
.wkrotce{display:none;}}



.czuczu{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 720px){
.czuczu{grid-template-columns: 1fr;}}



.przycisk-ht {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 3px;

    color: #fff;
    background-color: #fe6700;
    border-color: #d82e33;


    font-size: 13px;

    min-width: 120px;


    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 30px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-ht:hover {
    background-color: #17364b;
    color:white;
}

.przycisk-ht:focus {
    color:white;
}

.banerProfits{
display: flex;
justify-content: space-between;
align-items:center;
border-top:1px solid lightgray;
border-bottom: 1px solid lightgray;
padding:10px;
color: #b1b1b1;
font-family: 'century gothic', sans-serif;
font-size:14px;
max-height: 80px;}


@media (max-width: 1000px){
.banerProfits{display:none;}}

.banerProfitsItem{
padding-left:10px;
padding-right:10px;}}





.titleBoxOutlet{padding:10px 20px;
height:60px;
font-family: 'century gothic', sans-serif;
font-size:14px;
}
.buttonBoxOutlet{padding:20px;
height:90px;
}

.promoPageTitleOutlet{
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:bold;
font-size:20px;
padding: 15px 20px 0px 10px;
}
.contanairOutlet{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
row-gap:20px;
column-gap:20px;
padding:20px;
}
@media (max-width: 720px){
.contanairOutlet{grid-template-columns: 1fr 1fr;
padding-left:8px; padding-right:8px;
column-gap:10px;}}
@media (min-width:721px) and (max-width: 1200px){
.contanairOutlet{grid-template-columns: 1fr 1fr 1fr;}}
.productBoxOutlet{
text-align:center;
border:solid 1px #cccccc;
border-radius:20px;
width:170px;
}

@media (max-width: 720px){
.productBoxOutlet{width:167px;}}


.imgBoxOutlet{padding:20px;
height:180px;}
.titleBoxOutlet{padding:10px 20px;
height:60px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
}
.buttonBoxOutlet{padding:20px;
height:90px;
}
.priceOutletOn{font-size:16px;
font-weight:bold;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
.priceOutletOff{font-size:14px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}



.nagro4{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1200px){
.nagro4{grid-template-columns: 1fr;}}



.konkursKaruzela3{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom:40px;
}

@media (max-width: 720px){
.konkursKaruzela3{grid-template-columns: 1fr 1fr;}}



.oxfordDarkBox{
display:flex;
justify-content: center;
flex-wrap:wrap;
}

.productOxford{height:300px; width:220px; background-color:#000;margin:20px; border-radius:20px;}
.productOxfordForth{ position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordThird{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordSecond{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFirst{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFifth{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFifth:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordForth:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordThird:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordSecond:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordFirst:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}

.oxfordImage{position:absolute;
width:100%;
height:100%;
border-radius:20px;
background-color: rgba(23, 55, 77, 0.8);}

.oxfordText{position:absolute;
top: 50%;
left:50%;

transform: translate(-50%, -50%);
}
.oxfordText2{position:absolute;
bottom: 10px;
right:0px;

}
.oxfordText h3{width:100%;
height:100%;

color:#fff;
font-size: 24px;
text-align:center;

}

.oxfordText2 p{
width:100%;
height:100%;
display:none;
}





.productOxfordFifth:hover h3{display:none;}
.productOxfordFifth:hover p{display:block;}
.productOxfordFifth:hover .oxfordImage{display:none;}
.productOxfordForth:hover h3{display:none;}
.productOxfordForth:hover .oxfordImage{display:none;}
.productOxfordForth:hover p{display:block;}
.productOxfordThird:hover h3{display:none;}
.productOxfordThird:hover .oxfordImage{display:none;}
.productOxfordThird:hover p{display:block;}
.productOxfordSecond:hover h3{display:none;transition-duration: 2s;}
.productOxfordSecond:hover .oxfordImage{display:none;}
.productOxfordSecond:hover p{display:block}
.productOxfordFirst:hover h3{display:none;}
.productOxfordFirst:hover .oxfordImage{display:none;}
.productOxfordFirst:hover p{display:block;}

.oxfordParagraph a{color:#000000;
padding:5px 10px 5px 25px;
border:1px solid #fe6700;
border-right:0px;  
border-radius: 20px 0 0 25px;
background-color: #fff;
font-size: 14px;
text-align:center;
font-weight:bold;}
.oxfordParagraph a:hover{color:#fe6700;
}

.oxfordDarkBoxSP{
display:flex;
justify-content: center;
flex-wrap:wrap;
}



.productOxfordSP{height:300px; width:220px; background-color:#000;margin:10px; border-radius:20px;}
.productOxfordForthSP{ position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordThirdSP{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordSecondSP{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFirstSP{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFifthSP{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productOxfordFifthSP:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordForthSP:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordThirdSP:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordSecondSP:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productOxfordFirstSP:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}

.oxfordImageSP{position:absolute;
width:100%;
height:100%;
border-radius:20px;
background-color: rgba(23, 55, 77, 0.8);}

.oxfordTextSP{position:absolute;
top: 50%;
left:50%;
border-radius:20px;
transform: translate(-50%, -50%);
}
.oxfordText2SP{position:absolute;
bottom: 10px;
right:0px;

}
.oxfordTextSP h3{width:100%;
height:100%;

color:#fff;
font-size: 24px;
text-align:center;

}

.oxfordText2SP p{
width:100%;
height:100%;
display:none;

}





.productOxfordFifthSP:hover h3{display:none;}
.productOxfordFifthSP:hover p{display:block;}
.productOxfordFifthSP:hover .oxfordImageSP{display:none;}
.productOxfordForthSP:hover h3{display:none;}
.productOxfordForthSP:hover .oxfordImageSP{display:none;}
.productOxfordForthSP:hover p{display:block;}
.productOxfordThirdSP:hover h3{display:none;}
.productOxfordThirdSP:hover .oxfordImageSP{display:none;}
.productOxfordThirdSP:hover p{display:block;}
.productOxfordSecondSP:hover h3{display:none;transition-duration: 2s;}
.productOxfordSecondSP:hover .oxfordImageSP{display:none;}
.productOxfordSecondSP:hover p{display:block}
.productOxfordFirstSP:hover h3{display:none;}
.productOxfordFirstSP:hover .oxfordImageSP{display:none;}
.productOxfordFirstSP:hover p{display:block;}

.oxfordParagraphSP a{color:#000000;
padding:5px 10px 5px 25px;
border:1px solid #fe6700;
border-right:0px;  
border-radius: 20px 0 0 25px;
background-color: #fff;
font-size: 14px;
text-align:center;
font-weight:bold;}
.oxfordParagraphSP a:hover{color:#fe6700;
}

.oxfordSeriesContanair{
display: flex;
flex-wrap: wrap;

justify-content: space-around;

}


@media (max-width: 1000px){
.oxfordSeriesContanair{justify-content: flex-start;}}

.oxfordSeriesBox{width:200px;
padding:25px;
font-size:16px;
font-family:'Century gothic', 'Arial', sans-serif;
color: #17374d;
}

.oxfordSeriesBox:hover {

padding-bottom:23px;

cursor: pointer;
}

.oxfordSeriesBox p:hover {
font-weight:bold;
font-size:17px;
color: #ec671a;
cursor: pointer;
}
.h2Oxford{
margin-top:40px;
color:#17374d;
}

.logoOxfordSeries .aaa{display:none;}
.logoOxfordSeries:hover .aaa{display:block;}
.logoOxfordSeries:hover p{display:none;}

.headerbg h2 {
font-family:'Century gothic', 'Arial', sans-serif;
font-size:36px;
color:#17374d;
font-weight: bold;}

.headerbg p {
font-family:'Century gothic', 'Arial', sans-serif;
font-size:16px;
color:#17374d;}


.cornDarkBox{
display:flex;
justify-content: center;
flex-wrap:wrap;
}

.productCorn{height:220px; width:220px; background-color:#000;margin:10px; border-radius:20px;}
.productCornForth{ position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productCornThird{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productCornSecond{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productCornFirst{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productCornFifth{position:relative; background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/bazowy/o-firmie-gowork-1110x411.jpg');
background-size: cover; background-position:center;}
.productCornFifth:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productCornForth:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productCornThird:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productCornSecond:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}
.productCornFirst:hover{ background-image: url('https://static.connector-b2b.com/design/accounts/polanglob2c/img/czuczu/gry_zabawki_edukacyjne_czuczu_edugaleria_konkurs.png');}

.cornImage{position:absolute;
width:100%;
height:100%;
border-radius:20px;
background-color: rgba(228, 8, 22, 0.8);}

.cornText{position:absolute;
top: 50%;
left:50%;
transform: translate(-50%, -50%);
}
.cornText2{position:absolute;
bottom: 10px;
right:0px;

}
.cornText h3{width:100%;
height:100%;

color:#fff;
font-size: 24px;
text-align:center;

}

.cornText2 p{
width:100%;
height:100%;
display:none;
}





.productCornFifth:hover h3{display:none;}
.productCornFifth:hover p{display:block;}
.productCornFifth:hover .cornImage{display:none;}
.productCornForth:hover h3{display:none;}
.productCornForth:hover .cornImage{display:none;}
.productCornForth:hover p{display:block;}
.productCornThird:hover h3{display:none;}
.productCornThird:hover .cornImage{display:none;}
.productCornThird:hover p{display:block;}
.productCornSecond:hover h3{display:none;}
.productCornSecond:hover .cornImage{display:none;}
.productCornSecond:hover p{display:block;}
.productCornFirst:hover h3{display:none;}
.productCornFirst:hover .cornImage{display:none;}
.productCornFirst:hover p{display:block;}
.productCorn:hover .cornLabel{display:block;}
.cornParagraph a{color:#000000;
padding:5px 10px 5px 25px;
border:1px solid #fe6700;
border-right:0px;  
border-radius: 20px 0 0 25px;
background-color: #fff;
font-size: 14px;
text-align:center;
font-weight:bold;}
.oxfordParagraph a:hover{color:#fe6700;
}

.cornLabel{display:none;
position:absolute;
background-color: #e40816;
color:white;
font-weight:bold;
font-size:13px;
padding:5px 20px;
border-radius: 0 20px 20px 0;}


.outletInfo{padding:20px 10px 5px 10px;
font-size:12px;
font-weight:bold; }
.outletInfo2{padding:5px 10px 0px 10px;
font-size: 11px;
color:#888888;}



.oxfordSetBox{
display:flex;
flex-wrap:wrap;
align-items: center;
justify-content: space-around;
}


.oxfordSetBox div{
padding:20px;
}

@media (min-width: 897px){
.oxfordSetBox div{
padding:20px 90px;
}
}

@media (min-width: 1151px){
.oxfordSetBox div{
padding:20px 20px;
}
}





.oxfordSetTitle{
text-align:center;
font-family:'century gothic', 'Arial', sans-serif;
padding:40px 20px 0 20px;
font-size:26px;
font-weight:bold;
}


.adsBanerContanair{
display:grid;
grid-template-columns: 1fr 1fr;
row-gap:10px;
column-gap:20px;


}
.adsBanerBox{
display:grid;
grid-template-columns: 1fr 1fr;
row-gap:20px;
column-gap:20px;

}



@media (max-width: 600px){
.adsBanerContanair{
grid-template-columns: 1fr;
}
}

.adsBanerBox1{

height:200px;
}

.adsBanerBox2{

height:200px;
}

.adsBanerBox3{

height:200px;
}

.adsBanerBox4{

height:200px;
}

.adsBanerContanairBox1{background-color:#ff6600;
border-radius:20px;
height:420px;
border: 1px solid #eeeeee;}


.oxfordSetBox2{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
row-gap:50px;
column-gap:30px;
place-items: center;
margin-top:40px;
margin-bottom:40px;
}

.goToRight{
margin:right:30px;
margin-left: -30px;
}

@media (max-width: 1200px){
.oxfordSetBox2{
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.goToRight{
margin:right:0px;
margin-left: 0px;
}


}

@media (max-width: 800px){
.oxfordSetBox2{
grid-template-columns: 1fr 1fr;
}
.goToRight{
margin:right:0px;
margin-left: 0px;
}


}

@media (max-width: 400px){
.oxfordSetBox2{
grid-template-columns: 1fr;
}
}





.oxfordSetBox3{
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
row-gap:50px;
column-gap:30px;
place-items: center;
margin-top:40px;
margin-bottom:40px;
}


@media (max-width: 1200px){
.oxfordSetBox3{
grid-template-columns: 1fr 1fr 1fr 1fr;
}


}

@media (max-width: 800px){
.oxfordSetBox3{
grid-template-columns: 1fr 1fr;
}


}

@media (max-width: 600px){
.oxfordSetBox3{
grid-template-columns: 1fr;
}
}




.aadsBanerContanair{
display:grid;
grid-template-columns: 1fr 1fr;
row-gap:10px;
column-gap:20px;
padding:0 30px;


}
.aadsBanerBox{
display:grid;
grid-template-columns: 1fr 1fr 1fr;
row-gap:10px;
column-gap:20px;

}



@media (max-width: 600px){
.aadsBanerContanair{
grid-template-columns: 1fr;
padding: 0 0;
}
}

.aadsBanerBox1{


}

.aadsBanerBox2{


}

.aadsBanerBox3{


}

.aadsBanerBox4{


}



.legoBox{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;

}
@media (max-width: 1200px){
.legoBox{grid-template-columns: 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
margin-left:10px;
margin-right:10px;
}}
@media (max-width: 720px){
.outlet{grid-template-columns: 1fr 1fr;}}





.outlet2{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:30px;
row-gap:30px;
text-align:center;
color:#f1d39b;
}
@media (max-width: 1200px){
.outlet2{grid-template-columns: 1fr 1fr;
column-gap:10px;
row-gap:10px;
margin-left:10px;
margin-right:10px;
}}
@media (max-width: 720px){
.outlet2{grid-template-columns: 1fr 1fr;}}


.outletBox2{
border: 1px solid #f1d39b;
border-radius: 20px;
text-align:center;
background-color: #171b27;
color:f1d39b;
}

.outletText2{
color:#f1d39b;
font family: 'century gothic', sans-serif;
font-size: 18px;
font-weight:bold;
padding:30px 20px 25px 20px;
}
.outletText2 a{
color:#f1d39b;
}

@media (max-width: 1280px){
.outletText2{font-size: 14px;
padding:20px 10px 15px 10px;
}}



.calendarAdventBox{
display:flex;
flex-wrap: wrap;
align-items:center;
justify-content: center;
background-color: #BA2B2E;
padding:10px 0 10px 0;}


.calendarAdventBox2{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:0px;

}
@media (max-width: 850px){
.calendarAdventBox2{grid-template-columns: 1fr ;}}


.calendarAdventContenair{
display:flex;
flex-wrap: wrap;
align-items:center;
justify-content: center;
background-color: #BA2B2E;
padding:10px 0 10px 0;}


.calendarAdventPoint{
padding:5px;
}



.calendarAdventTitle1{text-align:right;
}
@media (max-width: 850px){
.calendarAdventTitle1{text-align:center;}}



.calendarAdventTitle2{text-content:left;
}
@media (max-width: 850px){
.calendarAdventTitle2{text-align:center;}}




.oxfordDarkBox22{
display:flex;
justify-content: left;
flex-wrap:wrap;
}

.oxfordDarkBox223{
display:flex;
justify-content: left;
flex-wrap:wrap;
}
.oxfordDarkBox224{
display:flex;
justify-content: left;
flex-wrap:wrap;
}

.productOxford22{height:200px; margin-left:10px; margin-right:10px; border-radius:20px; box-shadow: 5px 5px 15px gray;}

.productOxford223{height:200px; margin-left:30px; margin-right:30px; border-radius:20px; box-shadow: 5px 5px 15px gray;}
.productOxford224{margin-left:30px; margin-right:30px;  box-shadow: 5px 5px 15px gray;}
.productOxfordTite22{text-align:center;
font-family: 'century gothic', sans-serif;
font-size:12px;
max-width: 140px;
margin-top:20px;
margin-bottom:20px;
}

.productOxfordv2:hover{
color:#fe6700;
font-weight:bold;
transform: scale(1.2);
}

.oxfordLine{margin-top:-10px; 
margin-bottom:20px;}


.productOxfordTite223{text-align:center;
font-family: 'century gothic', sans-serif;
font-size:12px;

margin-top:20px;
margin-bottom:20px;
}



.oxfordSerieBox{width:200px;
padding:25px;
font-size:12px;
font-family:'Century gothic', 'Arial', sans-serif;
color: #17374d;
}


.oxfordSerieBox p:hover {
font-weight:bold;
color: #ec671a;
cursor: pointer;
}


.oupNav{
display:flex;
justify-content: center;
flex-wrap:wrap;
flex-direction: row;
position:sticky;
top:60px;

}


.oupNavElement{
padding:30px;
border: 1px solid #dddddd;
border-radius:20px;
padding:25px;
font-size:12px;
font-family:'Century gothic', 'Arial', sans-serif;
color: #17374d;
background-color: #ccc;
margin-left:20px;
margin-right:20px;
display: inline;
list-style: none;
}

.titleOUP{

height:120px;
scroll-margin-top: 135px;
}




.dziadki{display:grid;
grid-template-columns: 1fr 1fr 1fr ;
column-gap:20px;
row-gap:20px;
text-align:center;
margin-left:20px;
margin-right:20px;
}
@media (max-width: 720px){
.dziadki{grid-template-columns: 1fr;
column-gap:10px;
row-gap:10px;
margin-left:100px;
margin-right:100px;
}}



.dziadkiBox{

border-radius: 20px;
text-align:center;
background-color: #011e69;
}

.dziadkiText {

font family: 'century gothic', sans-serif;
font-size: 18px;

padding:10px 0px 5px 0px;
}



.dziadkiText a{
color: #f0fd84;
font family: 'century gothic', sans-serif;
font-size: 18px;

}
.dziadkiText a:hover{
color: #ffffff;
}

@media (max-width: 720px){
.dziadkiText{font-size: 14px;
padding:5px 0px 5px 0px;
}}








.ferie{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;
margin-left:10px;
margin-right:10px;
}

@media (max-width: 1200px){
.ferie{grid-template-columns: 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
margin-left:10px;
margin-right:10px;
}}

@media (max-width: 720px){
.ferie{grid-template-columns: 1fr;
column-gap:10px;
row-gap:10px;
margin-left:10px;
margin-right:10px;
}}



.ferieBox{

border-radius: 20px;
text-align:center;
background-color: #070b40;
}

.ferieText {

font family: 'century gothic', sans-serif;
font-size: 18px;
font-weight:bold;
padding:10px 0px 5px 0px;
}



.ferieText a{
color: #f5930a;
font family: 'century gothic', sans-serif;
font-size: 18px;
font-weight:bold;
}
.ferieText a:hover{
color: #fff;
}

@media (max-width: 720px){
.ferieText{font-size: 14px;
padding:5px 0px 5px 0px;
}}



.wiosna{display:grid;
grid-template-columns: 1fr 1fr 1fr ;
column-gap:20px;
row-gap:20px;
text-align:center;
margin-left:20px;
margin-right:20px;
}
@media (max-width: 720px){
.wiosna{grid-template-columns: 1fr;
column-gap:10px;
row-gap:10px;
margin-left:100px;
margin-right:100px;
}}



.wiosnaBox{

border-radius: 20px;
text-align:center;
background-color: #b8c714;
}

.wiosnaText {

font family: 'century gothic', sans-serif;
font-size: 18px;

padding:10px 0px 5px 0px;
}



.wiosnaText a{
color: #000000;
font family: 'century gothic', sans-serif;
font-size: 18px;

}
.wiosnaText a:hover{
color: #ffffff;
}

@media (max-width: 720px){
.wiosnaText{font-size: 14px;
padding:5px 0px 5px 0px;
}}


.blogLego{
display: flex;
flex-wrap:wrap;
justify-content: center;}

.blogLegoBox{
max-width:200px;
padding:20px;
}

.blogLegoImg{
height:150px;

}

.blogLegoTitle h3{font-size:10px;}



.blogItaly{
display: flex;
flex-wrap:wrap;
justify-content: center;}

.blogItalyBox{
width:200px;
padding:20px;
}

.blogItalyImg{
height:150px;

}

.blogItalyTitle h3{font-size:10px; line-height:15px;}





.dzieci{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr ;
column-gap:20px;
row-gap:20px;
text-align:center;
margin-left:20px;
margin-right:20px;
}
@media (max-width: 720px){
.dzieci{grid-template-columns: 1fr;
column-gap:10px;
row-gap:10px;
margin-left:100px;
margin-right:100px;
}}



.dzieciBox{

border-radius: 20px;
text-align:center;
background-color: #472b68;
}

.dzieciText {

font family: 'century gothic', sans-serif;
font-size: 18px;

padding:5px 0px 5px 0px;
}



.dzieciText a{
color: #fdfeb0;
font family: 'century gothic', sans-serif;
font-size: 16px;

}
.dzieciText a:hover{
color: #ffffff;
font-size: 18px;
}

@media (max-width: 720px){
.dzieciText{font-size: 14px;
padding:5px 0px 5px 0px;
}}

.americanSchool{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top:10px;
align-items: center;
}



.funkoPage{display:flex;
flex-wrap:wrap;
align-items:center;
justify-content: center;
text-align:center;

}


.funkoBox{
margin:5px 5px;
max-width:400px;
background-color: #f0b60d;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content: center;
text-align:center;
padding:15px 15px;
transition:color 1s;
transition:background-color 1s;}


.funkoText{
width:250px;
display:inline-block;

}
.funkoBox a{
color: #1c1c1c ;
font-size: 18px;
}


.funkoBox:hover{
font-size:18px;
background-color: #1c1c1c ;
}


.funkoBox:hover a{
color:  #f0b60d;

}



.awordsPage{display:flex;
flex-wrap:wrap;
align-items:center;
justify-content: center;
text-align:center;

}


.awordsBox{
margin:5px 5px;
max-width:280px;
background-color: #166d87;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content: center;
text-align:center;
padding:15px 15px;
transition:color 1s;
transition:background-color 1s;}


.awordsText{
width:280px;
display:inline-block;

}
.awordsBox a{
color: #fff ;
font-size: 14px;
font-weight: bold;
}


.awordsBox:hover{

background-color: #c4e5eb ;
}


.awordsBox:hover a{
color:  #000;

}



.blogTextBox{
display:flex;
flex-wrap:wrap;
padding: 10px 10px;
;}


.blogText{
max-width:75%
}
.blogImg{
padding: 10px 10px;
width:25%;
display:flex;
justify-content:center;

}



@media (max-width: 720px){
.blogText{
max-width:100%
}
.blogImg{

width:100%;



}}



.gaudamaus{
margin:0 35px;
display:flex;
flex-wrap: wrap;
justify-content: start;
padding-top:10px;
align-items: center;
}




.cis2{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.cis2{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.cis2{grid-template-columns: 1fr 1fr;}}



.oupLevels{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap:60px;
row-gap:20px;
text-align:center;
padding-top:20px;
}

@media (max-width: 1100px){
.oupLevels{grid-template-columns: 1fr 1fr;}}
@media (max-width: 720px){
.oupLevels{grid-template-columns: 1fr;}}




.oupLevelTitle{
text-align:left;
font-size: 24px;
color:#17374d;
font-weight: bold;
margin-top: 10px;
}

.oupPLS{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

.oupParagraphs{
margin: 40px 0px;
}



.oupItemsBox{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:10px;

}

@media (max-width: 1100px){
.oupItemsBox{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.oupItemsBox{grid-template-columns: 1fr 1fr;}}



.oupItemsBoxContanair{
margin-top:40px;
background-color: #f1f7f7;
padding:20px;}



.oupItemIMG{
position: relative;
display:flex;
justify-content: left;}



.oupItemIMGLabel{
position: absolute;
background-color: #fe6700;
color:#fff;
font-size:12px;
padding:5px 10px;
top: -10px;
left: -10px;
border-radius: 5px; 
}




.oupGrammarAndTeachers{display:grid;
grid-template-columns: 1fr 1fr;
column-gap:20px;
row-gap:20px;
text-align:center;
padding-top:10px;

}

@media (max-width: 720px){
.oupGrammarAndTeachers{grid-template-columns: 1fr;}}




.przycisk-oup {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
   
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.4;
    border-radius: 3px;

    color: #fff;
    background-color: #fe6700;
    border-color: #d82e33;


    font-size: 13px;

    min-width: 180px;


    border-radius: 30px;

    transition: background-color 0.2s ease, border-color 0.2s ease;

    line-height: 50px;
    padding-left: 2em;
    padding-right: 2em;
}

.przycisk-oup:hover {
    background-color: #17364b;
    color:white;
}

.przycisk-oup:focus {
    color:white;
}



.oupOxfordReadingClub{display:grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap:50px;
row-gap:20px;
text-align:center;
padding-top:10px;

}

@media (max-width: 800px){
.oupOxfordReadingClub{grid-template-columns: 1fr;}}



.oupLevelImg:hover{
transform: scale(1.1);

}

.oupItemIMG:hover{
transform: scale(1.1);

}

.oupGatImg:hover{
transform: scale(1.05);

}


.outletBox3{
border-radius: 15px;
text-align:center;
background-color: #242424;
color:#FFEB00;
}
.outletText3{
font family: 'century gothic', sans-serif;
font-size: 14px;
font-weight:bold;
padding:5px 10px 0px 10px;
color:#FFEB00;
}

.outletText3 a{
color:#FFEB00;
}


.outletText3 a:hover{
color:#fe6700;
}


.oupOrc{display:grid;
grid-template-columns: 1fr;
row-gap:20px;
text-align:center;
padding-top:10px;


}
#cookie-policy .reject-all-cookies-btn {
 display:none;
}

.educationDayBaner{
margin-bottom: 60px;
}

.educationDayBox{
display: flex;
flex-wrap: wrap;
}


.educationDayText{
display:flex;
flex-wrap: no-wrap;
margin-bottom: 40px;
}

.educationDayTitle{
width: 70%;
display:flex;
justify-content: flex-start;
align-items: center;
padding-left: 15px;
font-size: 12px;

}


.educationDayCheck{
width: 30%;
display:flex;
justify-content: flex-end;
align-items: center;
padding-right: 35px;
font-size: 12px;
font-weight: bold;
}


.promotionEgBaner{
margin-bottom: 60px;
}

.promotionEgBox{
display: flex;
flex-wrap: wrap;
}
.promotionEgInfo{
display: flex;
flex-wrap: no-wrap;
}

.promotionEgText{
display:flex;
flex-wrap: no-wrap;
margin-bottom: 40px;
}
.promotionEgImg{
width:200px;
}

.promotionEgInfoBox{
width:200px;
}


.promotionEgTitle{
width: 65%;
display:flex;
justify-content: flex-start;
align-items: center;
padding-left: 15px;
font-size: 12px;

}


.promotionEgCheck{
width: 35%;
display:flex;
justify-content: flex-end;

padding-right: 60px;
font-size: 12px;
font-weight: bold;
}
.promotionEgGrayBox{
margin:10px 60px 0px 20px;
background-color:#f1f1f1 ;
border-radius:10px;
padding: 10px 0px 10px;
}

.promotionEgGrayInBox{
display:flex;
justify-content:flex-end;
padding: 5px 0px 5px;
}

.promotionEgGrayIcon{
display:flex;
justify-content:flex-end;
width:25%;
}

.promotionEgGrayText{
display:flex;
justify-content:flex-end;
width:75%;
padding-right:20px;
color:#7A7A7A;
}

.promotionEgPrice{
display:flex;
flex-wrap: no-wrap;
justify-content:flex-end;
margin-right:60px;
}




.examMainClick{
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}

.examMainClick div{
margin: 0px auto;}


.examSubjectClick{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top:30px;
}



.examPublishingHouse{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top:30px;
margin:0-auto;
}

.examHitClick{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top:30px;
margin: 0px auto;
}


.examBookClick{
width:200px;
margin: 0px auto;
padding-bottom:20px;
}


.examUnderTitle{
font-size:12px;
text-align:center;
font-weight:bold;
}

.examUnderTitle2{
font-size:12px;
width:180px;
height:30px;
}

.examUnderTitle3{
font-size:12px;
width:180px;
}


.examMoreInfo{
padding:20px 0 20px 0; 
text-align:center;
font-size:12px;
font-weight:bold;
}


.examBaner{
padding:20px 0 30px 0;

}


.examTitle{
font-size:28px;
color:#0d1f40;
padding:40px 0 0 0;
font-family: 'Arial Narrow', 'Arial';
font-weight:bold;
}

.examTitle2{
font-size:20px;
color:#0d1f40;
padding:30px 0 0 0;
font-family: 'Arial Narrow', 'Arial';
font-weight:bold;
}

.examElement{
margin: 0px auto;
}




.promotionEgGrayBox2{
margin:20px 40px 0px 1px;

padding: 10px 0px 10px;
}




.promotionEgGrayInBox2{
display:flex;
justify-content:flex-end;
text-align: right;
padding: 5px 0px 5px;
}


.promotionEgGrayText2{
display:flex;
justify-content:flex-end;
width:100%;
margin-right:20px;
color:#7A7A7A;
font-size:12px;
color:black;
}
.promotionEgItem{
width:400px;
}
label[for=delivery_1015] .radio-label span:not([class]) {
    font-weight: bold;
    color: #DC4348;
}

.bestToysBox{
display:flex;
justify-content:center;
flex-wrap:wrap;

}

.bestToysPresentBox{
width:200px;
padding-top:5px;
padding-bottom:5px;
transition: box-shadow 0.5s;

}


.bestToysPresentBox:hover{
border: 1px solid #ddd;
border-radius:10px;
padding-top:4px;
padding-bottom:4px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.bestToysPresentTitle{
padding-top:5px;
padding-bottom:5px;
}

.bestToysPresentImg{
padding-top:5px;
padding-bottom:5px;

}


.adventCalendarBox{
display:flex;
flex-wrap:wrap;
justify-content:center;
background-color: #cbd7d4;
padding:20px 5px;
}
.adventCalendarBig{
width:25%;
}

.adventCalendarSmallBox{
width: 75%;
display:flex;
flex-wrap:wrap;
justify-content:center;
}

.adventCalendarSmall{
width:12%;
padding:5px;
}



@media (max-width: 700px){
.adventCalendarSmallBox{
width: 100%;

}
.adventCalendarBig{
width:100%;
text-align:center;
}
.adventCalendarSmall{
width:33%;

}}




.blogBox h3{font-size:14px;}



.outletBoxPrice{
display:flex;
flex-wrap:wrap;
justify-content:center;
}


.outletBoxPriceImg{
padding:5px;
}
div#i-0 {
    width: var(--window-width);
    left: var(--container-offset-left-negative);
}

.slideshow-i-main-panel-content[data-panel-id="slideshow-0"] .panel-body {
    padding: 15px 0;
}





.weekBox{

border-radius:20px; 
border: 1px #e7e7e7 solid;
position:relative;
}

.weekBoxTop{
background: radial-gradient(circle, #fcad77, #fe6700);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
display:flex;
justify-content:center;
align-items:center;
}
.weekBoxBottom{
display:flex;
flex-wrpa:no-wrap;
}
.weekBoxBottomLeft{
padding-left:10px;
padding-right:10px;
}
.weekBoxBottomRight{
margin-right:15px;
padding-left:10px;
padding-right:10px;
text-align:center;
}


.weekBoxButton{
padding-top:20px;

}



.weekBoxlabel{
display:flex;
position: absolute;
z-index:1;
background-color:#f8f8f8;
border: 1px #e7e7e7 solid;
border-radius:16px;
width:120px;
height:70px;
right:10px;
top:10px;
}

.weekBoxlabelLeft{
padding-left:10px;
padding-right:10px;
display:flex;
justify-content:center;
align-items:center;}


.weekBoxlabelRight{
display:flex;
justify-content:center;
align-items:center;}


.hamiltonLevelBox{
display:flex;
flex-wrap: wrap;
max-width:1400px;
justify-content: center;
}
.hamiltonLevel{
max-width:580px;
display:flex;
flex-wrap: wrap;
background-color:#f1f7f7;
padding-left:25px;
margin:10px;
}

.hamiltonLevel2{
max-width:580px;
display:flex;
flex-wrap: wrap;
padding:10px 0 20px 0;
}


.hamiltonLevelTitle{
width:165px;
margin-top:10px;
}


.hamiltonLevelText{
padding-top:10px;
padding-bottom:10px;
font-size:14px;
font-weight: bold;
color: #17374d;

}


.hamiltonLevelHeader{
max-width:580px;
min-width:420px;
font-size:24px;
}


.hamiltonLevelHeader p{
font-size:24px;
font-weight: bold;
color: #17374d;
}


.hamiltonCircleBox{
display:flex;
flex-wrap: wrap;
max-width:1400px;
justify-content: center;
margin-bottom:40px;
}



.hamiltonCircle{
margin:20px;
}



.hamiltonLevelTextCircle{
padding-top:10px;
font-size:14px;
font-weight: bold;
color: #17374d;
text-align:center;
}



.hamiltonHouseTitle p{
font-size:28px;
font-weight: bold;
color: #17374d;
margin-top:40px;
}

.hamiltonLevelIMG{
height:200px;
display:flex;
align-items: center;
}


.secendaryBG{
max-width:1200px;
height:300px;
background-image:url('https://b.assecobs.com/accounts/polanglob2c/stock/podr%C4%99czniki+2025-2026/Podreczniki_07.png?vh=6b1232');
position: relative;
text-align:center;
margin: 0 auto;
}

.secondaryBox{
width:700px;
height: 120px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;


}


.secondaryClass{
height:120px;
width:120px;
background-color: #2670f9;
color: #fff;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
font-size:20px;
test-transform: uppercase;
text-align:center;
transition: background-color .5s, border .5s;

}

.secondaryClass:hover{
background-color:#ffcc00;
color:#000;
}


@media (max-width: 1100px){
.secendaryBG{
max-width:600px;
height: 500px;
background-image:url('https://b.assecobs.com/accounts/polanglob2c/stock/podr%C4%99czniki+2025-2026/podreczniki+backgr+mobile.jpg?vh=6ecdcc');
background-size:cover;
background-position:center;

}

.secondaryBox{
max-width:100%;
width:400px;
height: 400px;
justify-content: center;

}

.secondaryClass{
height:120px;
width:120px;

margin:0 10px;
}


}


 /* Wrapper strony */
    .session2025-container-wrapper {
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 10px;
      box-sizing: border-box;
    }

    /* Kontener na dwa boksy */
    .session2025-container {
      max-width: 1200px;
      display: flex;
      flex-wrap: wrap;
margin: 0 auto;    }

    .session2025-box {
      flex: 1 1 200px;
      max-width: 100%;
    }

    /* Zwykły obrazek */
    .session2025-img-wrapper {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 516 / 290; /* dla proporcji – fallback można dodać poniżej */

    }

    .session2025-img-wrapper img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: block;
    }

    /* Hover efekt */
    .session2025-scale-container {
      position: relative;
      width: 100%;
    }

    .session2025-scale-container::before {
      content: "";
      display: block;
      padding-top: calc(290 / 516 * 100%); /* proporcja 290px wysokości przy 516px szerokości */
    }

    .session2025-hover-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .session2025-hover-wrapper img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      position: absolute;
 
    }

    .session2025-hover-wrapper img.second {
      opacity: 0;
      z-index: 1;
    }

    .session2025-hover-wrapper:hover img.first {
      opacity: 0;
    }

    .session2025-hover-wrapper:hover img.second {
      opacity: 1;
    }

    /* RWD: jeden pod drugim na mobilkach */
    @media (max-width: 768px) {
      .session2025-container {
        flex-direction: column;
      }
    }

.classSpan{
text-transform: uppercase;

}



.secondaryClass a {
  color: #fff;
}


.secondaryClass a:hover {
  color: #000;
}


.secondaryLanguageBox{
max-width:1200px;
display:flex;
flex-wrap: wrap;
justify-content: center;
margin:0 auto;
}


.secondaryLanguageItem{
width: 200px;
padding:10px;
text-align:center;
}
.secondaryLanguageItem:hover{
transform: scale(1.1)}

.secondaryORM{
max-width:1200px;
display:flex;
margin:0 auto;
}


.secondaryBoxBooks{
max-width:1200px;
display:flex;
flex-wrap: wrap;
justify-content: center;
padding: 2em 0;
margin: 0 auto;
}

.secondaryItemBooks{
width:580px;
padding:10px;
text-align:center;
}


.secondaryItemBooks:hover{
transform: scale(1.05)
}




.secendaryBGSP {
  max-width: 1200px;
  height: auto;
  background-image: url('https://b.assecobs.com/accounts/polanglob2c/stock/podr%C4%99czniki%202025-2026/Podreczniki-SP-off_12.png?vh=652f08');
  position: relative;
  text-align: center;
  margin: 0 auto;
  padding: 20px 0; /* widoczne tło góra/dół */
}

.secondaryBoxSP {
display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 700px; 
  margin: 0 auto;
}

.secondaryClassSP {
 height: 120px;
  width: 150px;
  background-color: #13D0E0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-align: center;
  transition: background-color 0.5s, border 0.5s;
  line-height: 1.2;
  padding: 5px; /* żeby tekst się mieścił */
  box-sizing: border-box;}

.secondaryClassSP:hover {
  background-color: #F85735;
  color: #000;
}

@media (max-width: 1100px) {
  .secendaryBGSP {
    max-width: 100%;
    height: auto;
    background-image: url('https://b.assecobs.com/accounts/polanglob2c/stock/podr%C4%99czniki+2025-2026/podreczniki-SP-backgr-mobile.png?vh=0b0fed');
    background-size: cover;
    background-position: center;
  }

  .secondaryBoxSP {
   max-width: 280px;
    justify-content: center;
    gap: 20px;
  }

  .secondaryClassSP {
    width: 120px;
    height: 120px;
  }
}

.secondaryClassSP a {
  color: #fff;
}

.secondaryClassSP a:hover {
  color: #000;
}

.AutumnBox{
max-width: 320px;
padding: 10px;
transition: box-shadow 0.5s, border 0.5s;
border: 1px solid transparent;
border-radius: 10px;
}

.AutumnBox:hover{
border: 1px solid #ddd;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}

.AutumnBox img {
  transition: transform 0.3s ease;
}

.AutumnBox:hover img {
  transform: scale(1.05);
}

.AutumnTitle{
padding-top:10px;
}

.beek-hover-scale img {
  transition: all 0.3s ease;
  filter: drop-shadow(0 0 0px rgba(255, 0, 0, 0));
}

.beek-hover-scale:hover img {
  transform: scale(1.05) translateY(-5px);
  filter: drop-shadow(0 3px 8px rgba(255, 0, 0, 0.5)) brightness(1.05);
}

.bw-wrapper .bw-img {
  display: block;
  border-radius: 8px;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform 0.35s ease;
}

.bw-wrapper .bw-item.bw-static {
  display: inline-block;
  transition: transform 0.35s ease;
}

.bw-wrapper .bw-item.bw-static .bw-img {
  transform: scale(0.97);
}

.bw-wrapper .bw-item.bw-static:hover {
  transform: translateY(-6px);
}

.bw-wrapper .bw-item.bw-static:hover .bw-img {
  transform: scale(1);
}

.bw-wrapper .bw-item:not(.bw-static) {
  display: inline-block;
  transition: transform 0.35s ease;
}

.bw-wrapper .bw-item:not(.bw-static) .bw-img {
  transform: scale(0.95);
}

.bw-wrapper .bw-item:not(.bw-static):hover {
  transform: translateY(-5px);
}

.bw-wrapper .bw-item:not(.bw-static):hover .bw-img {
  transform: scale(1);
}

.bw-wrapper .bw-title strong {
  transition: color 0.3s ease;
  display: inline-block;
  margin-top: 3px;
}

.bw-wrapper .bw-item:not(.bw-static):hover + div .bw-title strong,
.bw-wrapper .bw-title:hover strong {
  color: #c00000;
}

.sw-wrapper .sw-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-items: center;
}

.sw-wrapper .sw-img {
    width: 100%;
    max-width: 260px;
    display: block;
    border-radius: 8px;
}

.sw-wrapper .sw-title {
    display: block;
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

@media (max-width: 900px) {
    .sw-wrapper .sw-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .sw-wrapper .sw-grid {
        grid-template-columns: 1fr;
    }
}
 /* Wrapper strony */
    .session2025-container-wrapperSP {
      max-width: 1300px;
      margin: 0 auto;
      padding: 0 10px;
      box-sizing: border-box;
    }

    .session2025-containerSP {
      max-width: 1200px;
      display: flex;
      flex-wrap: wrap;
margin: 0 auto;    }

    .session2025-boxSP {
      flex: 1 1 200px;
      max-width: 100%;
    }

    .session2025-img-wrapperSP {
      position: relative;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      aspect-ratio: 516 / 290;

    }

    .session2025-img-wrapperSP img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      display: block;
    }

    .session2025-scale-containerSP {
      position: relative;
      width: 100%;
    }

    .session2025-scale-containerSP::before {
      content: "";
      display: block;
      padding-top: calc(290 / 516 * 100%);
    }

    .session2025-hover-wrapperSP {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;

      display: flex;
      justify-content: center;
      align-items: center;
    }

    .session2025-hover-wrapperSP img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      position: absolute;
 
    }

    .session2025-hover-wrapperSP img.second {
      opacity: 0;
      z-index: 1;
    }

    .session2025-hover-wrapperSP:hover img.first {
      opacity: 0;
    }

    .session2025-hover-wrapperSP:hover img.second {
      opacity: 1;
    }

    @media (max-width: 768px) {
      .session2025-containerSP {
        flex-direction: column;
      }
    }

.classSpanSP{
text-transform: uppercase;

}




.wips{display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
column-gap:10px;
row-gap:10px;
text-align:center;
padding-top:20px;
}
@media (max-width: 1100px){
.wips{grid-template-columns: 1fr 1fr 1fr;}}
@media (max-width: 720px){
.wips{grid-template-columns: 1fr 1fr;}}

.u-carousel {
  width: calc(4 * 325px + 3 * 20px); /* 4 kafle + 3 odstępy */
  overflow: hidden;
  margin: auto;
  position: relative;
}

.u-carousel__track {
  display: flex;
  gap: 20px;
  animation: scroll-carousel 24s linear infinite;
  /* bardzo ważne — zapobiega zawijaniu */
  flex-wrap: nowrap;
}

.u-carousel__slide {
  width: 325px;
  height: 325px;
  flex-shrink: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.u-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 20px;
  display: block;
  background: transparent;
}

/* Ruch 1s + pauza 2s = 3s na kafel => 8 kroków * 3s = 24s */
@keyframes scroll-carousel {
  0% { transform: translateX(0); }
  4.166% { transform: translateX(-345px); }
  12.5%  { transform: translateX(-345px); }

  16.66% { transform: translateX(-690px); }
  25%    { transform: translateX(-690px); }

  29.16% { transform: translateX(-1035px); }
  37.5%  { transform: translateX(-1035px); }

  41.66% { transform: translateX(-1380px); }
  50%    { transform: translateX(-1380px); }

  54.16% { transform: translateX(-1725px); }
  62.5%  { transform: translateX(-1725px); }

  66.66% { transform: translateX(-2070px); }
  75%    { transform: translateX(-2070px); }

  79.16% { transform: translateX(-2415px); }
  87.5%  { transform: translateX(-2415px); }

  91.66% { transform: translateX(-2760px); }
  100%   { transform: translateX(-2760px); }}





/* ===== MODAL CENTER ===== */
#cookie-policy {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 600px;
  height: 300px;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

background-color: rgba(44, 62, 80, 0.85); /* zmień jeśli masz zmienną */
  z-index: 2001;

  margin: 0;
  padding: 0;
  border-radius: 10px;

  display: flex;
  justify-content: center;
  align-items: center;
}

/* ===== GŁÓWNY UKŁAD WEWNĘTRZNY ===== */
#cookie-policy > div {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;

  justify-content: center;   /* KLUCZ: brak wielkiej dziury */
  align-items: center;

  gap: 25px;                 /* kontrolowany odstęp */

  padding: 20px;
  box-sizing: border-box;

  text-align: center;
}

/* ===== TEKST (pierwszy blok) ===== */
#cookie-policy > div > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;

  flex: 0 0 auto;
  font-size: 14px;
  line-height: 1.5em;
}

/* opcjonalnie pogrubienie pierwszego elementu tekstu */
#cookie-policy > div > div:first-child *:first-child {

  margin-bottom: 8px;
}

/* ===== PRZYCISKI (drugi blok) ===== */
#cookie-policy > div > div:last-child {
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 15px;
  flex: 0 0 auto;

  white-space: normal;
}

/* ===== LINKI / PRZYCISKI ===== */
#cookie-policy a {
  display: inline-block;
  padding: 15px 30px;

  cursor: pointer;
  font-size: 20px;

  color: #fff;
  text-decoration: none;

  border-radius: 20px;
  background-color: #27ae60;
}

/* drugi przycisk (np. settings / reject) */
#cookie-policy a:last-child {
  background-color: #c0392b;
}

/* hover */
#cookie-policy a:hover {
  opacity: 0.9;
}

/* ===== MOBILE ===== */
@media (max-width: 600px) {
  #cookie-policy {
    width: 90%;
    height: auto;
  }

  #cookie-policy > div {
    height: auto;
  }
}


/* Przycisk ustawień cookies */
.cookie-settings-btn {
  color: #fff;
  background-color: transparent !important;
  border: 1px solid #fff !important;
  padding: 16px 16px !important;
  border-radius: 20px;
  cursor: pointer;
  font-size: 12px !important;
}

/* Przycisk „odrzuć wszystko” */
.reject-all-cookies-btn {
  background-color: rgba(44, 62, 80, 0.0) !important;
  border: 1px solid white;
  color: #fff;
  padding: 16px 16px !important;
  border-radius: 20px !important;
  cursor: pointer;
  font-size: 12px !important;
}

/* Przycisk „akceptuj wszystko” */
.accept-all-cookies-btn {
  color: #fff;
  border: none;
  padding: 16px 16px !important;
  border-radius: 20px !important;
  cursor: pointer;
  font-size: 12px !important;
}