.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;
}





/* Kontener główny - zajmuje 100% dostępnej szerokości */
.edugaleria-grid-container {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr; /* Na urządzeniach mobilnych 1 kolumna (jeden pod drugim) */
  gap: 12px; /* Odstępy między przyciskami */
  box-sizing: border-box;
  padding: 15px 0;
  font-family: Arial, sans-serif; /* Standardowy, czytelny font */
}

/* Uniwersalne style dla przycisków */
.edugaleria-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #fe6700 ; /* Kolor podstawowy */
  color: #ffffff !important; /* Biały napis (wraz z nadpisaniem domyślnych stylów linków) */
  text-decoration: none !important; /* Brak podkreślenia */
  font-weight: bold;
  font-size: 15px;
  padding: 14px 10px;
  border-radius: 30px; /* Zaokrąglone brzegi */
  box-sizing: border-box;
  min-height: 54px; /* Jednolita minimalna wysokość */
  transition: background-color 0.25s ease, color 0.25s ease; /* Płynne przejście hover */
  width: 100%;
}

/* Zachowanie po najechaniu myszką (Hover) */
.edugaleria-btn:hover {
  background-color: #17364b; /* Zmiana koloru tła */
  color: #ffffff !important;
}

/* Wersja na komputery i tablety w układzie poziomym (Desktop - od 768px szerokości ekranu) */
@media (min-width: 768px) {
  .edugaleria-grid-container {
    grid-template-columns: repeat(12, 1fr); /* Dzielimy przestrzeń na 12 równych jednostek */
    gap: 16px; /* Nieco większe odstępy na desktopie */
  }

  /* Rząd 1: pierwsze 4 przyciski. Każdy zajmuje dokładnie 3 z 12 kolumn (12 / 4 = 3) */
  .edugaleria-grid-container .edugaleria-btn:nth-child(1),
  .edugaleria-grid-container .edugaleria-btn:nth-child(2),
  .edugaleria-grid-container .edugaleria-btn:nth-child(3),
  .edugaleria-grid-container .edugaleria-btn:nth-child(4) {
    grid-column: span 3;
  }

  /* Rząd 2: kolejne 3 przyciski. Aby miały IDENTYCZNĄ szerokość, również muszą zajmować po 3 kolumny. 
     Dodatkowo, dla estetyki, pierwszy przycisk w drugim rzędzie (czyli 5. na liście) przesuwamy tak, 
     aby te 3 przyciski były wyśrodkowane względem rzędu powyżej (zaczynamy od 2. kolumny siatki). */
  .edugaleria-grid-container .edugaleria-btn:nth-child(5) {
    grid-column: 2 / span 3; /* Zaczyna od kolumny 2 i zajmuje 3 szerokości */
  }
  
  .edugaleria-grid-container .edugaleria-btn:nth-child(6),
  .edugaleria-grid-container .edugaleria-btn:nth-child(7) {
    grid-column: span 3; /* Kolejne automatycznie wskakują obok zachowując rozmiar */
  }
}


/* Kontener główny - zajmuje full szerokość, ale ma bezpieczny padding od krawędzi ekranu */
.oup-buttons-container {
  width: 100%;
  display: grid;
  /* Odstępy między przyciskami */
  gap: 12px; 
  margin: 20px auto;
  /* DODANE: 15px bezpiecznego odstępu od bocznych krawędzi ekranu na mobile */
  padding: 0 15px; 
  box-sizing: border-box;
  /* NA MOBILE: 2 kolumny */
  grid-template-columns: repeat(2, 1fr);
}

/* Styl pojedynczego przycisku */
.oup-btn {
  display: block;
  background-color: #fe6700;
  color: #ffffff !important; /* Biały napis */
  text-decoration: none !important;
  text-align: center;
  padding: 10px 8px; /* Mniejszy padding wewnątrz przycisku na mobile, by tekst się mieścił */
  font-family: Arial, sans-serif;
  font-size: 13px; /* Optymalny font na smartfony */
  font-weight: 600;
  border-radius: 30px;
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Idealne centrowanie tekstu w pionie i poziomie */
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px; 
}

/* Efekt po najechaniu myszką (Hover) */
.oup-btn:hover {
  background-color: #17364b;
  color: #ffffff !important;
}

/* Responsywność: Desktop (od 768px szerokości wzwyż) - dokładnie 3 kolumny */
@media (min-width: 768px) {
  .oup-buttons-container {
    /* Przełączenie na 3 kolumny na większych ekranach */
    grid-template-columns: repeat(3, 1fr);
    gap: 15px; /* Większy odstęp między przyciskami na desktopie */
    padding: 0; /* Reset bocznego paddingu kontenera, jeśli na desktopie ma iść równo z resztą strony */
  }
  
  .oup-btn {
    font-size: 14px; /* Powrót do standardowej wielkości pisma */
    padding: 10px 15px; /* Standardowy padding wewnątrz przycisku */
  }
}


/* KOSZYK */

#cart-table .abs-attributes-list {
    display: none !important;}



/* ==========================================================================
   1. PRZYCISK "DALEJ" (STAN NIEAKTYWNY) - WYMUSZENIE SZAROŚCI
   ========================================================================== */
div.cart-btn-proceed-tooltip-wrapper.disabled button,
div.cart-btn-proceed-tooltip-wrapper.disabled button.btn,
div.cart-btn-proceed-tooltip-wrapper.disabled button.btn-success,
.cart-btn-proceed-tooltip-wrapper.disabled [type="button"],
.cart-btn-proceed-tooltip-wrapper.disabled button:disabled {
    background: #e0e0e0 !important;
    background-color: #e0e0e0 !important;
    background-image: none !important; /* Usuwa ewentualne gradienty */
    color: #757575 !important;
    border: 1px solid #d6d6d6 !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    text-shadow: none !important; /* Usuwa ewentualne cienie pod tekstem */
}

/* ==========================================================================
   2. PRZYCISK "DALEJ" (STAN AKTYWNY) - WYMÓWKA DLA WYSOKOŚCI I KOLORU
   ========================================================================== */
div.cart-btn-proceed-tooltip-wrapper:not(.disabled) button,
div.cart-btn-proceed-tooltip-wrapper:not(.disabled) button.btn-success {
    background: #e65c00 !important;
    background-color: #e65c00 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    height: 54px !important; /* Wyraźne podwyższenie przycisku */
    line-height: 54px !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* ==========================================================================
   3. PRZYCISK KUPONU - DEGRADACJA DO SZAROŚCI (Zrzucenie z niego pomarańczu)
   ========================================================================== */
button#voucher-submit-button,
button#voucher-submit-button.btn-success,
.input-group-btn button#voucher-submit-button,
div.abs-voucher-code-input-group button.btn-success {
    background: #6c757d !important;
    background-color: #6c757d !important;
    background-image: none !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

button#voucher-submit-button:hover {
    background: #5a6268 !important;
    background-color: #5a6268 !important;
}

/* ==========================================================================
   4. TOOLTIP CSS (PODPOWIEDŹ PO NAJECHANIU NA ZABLOKOWANY "DALEJ")
   ========================================================================== */
div.cart-btn-proceed-tooltip-wrapper.disabled {
    position: relative !important;
    overflow: visible !important;
}

div.cart-btn-proceed-tooltip-wrapper.disabled:hover::after {
    content: attr(data-title);
    position: absolute;
    bottom: 130%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #222222 !important;
    color: #ffffff !important;
    padding: 8px 14px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    z-index: 99999 !important;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2) !important;
    pointer-events: none !important;
}

div.cart-btn-proceed-tooltip-wrapper.disabled:hover::before {
    content: "" !important;
    position: absolute;
    bottom: 115%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px !important;
    border-style: solid !important;
    border-color: #222222 transparent transparent transparent !important;
    z-index: 99999 !important;
    pointer-events: none !important;
}





/* ==========================================================================
   CHIRURGICZNE POWIĘKSZENIE JEDYNEGO PRZYCISKU "DALEJ" ZA POMOCĄ ID
   ========================================================================== */

/* 1. Rozpychamy sam przycisk od środka (w pionie i poziomie) */
html body #proceedButton {
    height: auto !important;
    min-height: 0 !important;
    line-height: normal !important;
    
    /* Rozpychanie: 14px wolnej przestrzeni od góry i dołu */
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    
    display: inline-block !important;
}

/* 2. Powiększamy czcionkę napisu "Dalej", który siedzi wewnątrz spana */
html body #proceedButton span {
    font-size: 16px !important; /* Tutaj podbijamy wielkość czcionki o 2px */
    font-weight: 700 !important; /* Opcjonalne pogrubienie dla lepszej widoczności */
    display: inline-block !important;
}

/* 3. Upewniamy się, że nadrzędny wrapper pozwoli przyciskowi urosnąć */
html body .cart-btn-proceed-tooltip-wrapper {
    height: auto !important;
}



@media (max-width: 767px) {
  /* Ukryj podpowiedź o darmowej dostawie */
  #free-delivery-hint {
    display: none !important;
  }

}


@media (max-width: 767px) {
    .abs-layout-cart-table-btns.cart-disable-on-modify {
        display: none !important;
    }
}





/* ============================================
   STICKY BOTTOM BAR — suma + przycisk "Przejdź do kasy"
   Tylko mobile (max-width: 767px)
   ============================================ */

@media (max-width: 767px) {

    /* Rezerwujemy miejsce na dole strony, żeby treść nie chowała się
       pod fixed-barem. Wysokość = wysokość paska sumy + wysokość przycisku.
       Dostosuj wartość jeśli pasek wyjdzie wyższy/niższy niż zakładamy. */
    body {
        padding-bottom: 112px !important;
    }

    /* ---------- 1. Pasek z sumą "Do zapłaty" ---------- */
    .abs-col-final-price.abs-money-final {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 56px; /* nad przyciskiem, dopasuj do realnej wysokości przycisku */
        z-index: 1000;

        background: #ffffff;
        margin: 0;
        padding: 10px 16px;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);

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

    /* ---------- 2. Pasek z przyciskiem "Przejdź do kasy" ---------- */
    .abs-split-layout.abs-cart-btn-layout {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1000;

        margin: 0;
        padding: 0;
        background: #ffffff;
    }

    /* Chowamy przycisk "wstecz" w tym pasie — ma zostać tylko "Przejdź do kasy" */
    .abs-split-layout.abs-cart-btn-layout .cart-btn-back {
        display: none !important;
    }

    /* Przycisk "Przejdź do kasy" na całą szerokość */
    .abs-split-layout.abs-cart-btn-layout .cart-btn-proceed {
        width: 100%;
        flex: 1 1 100%;
    }

    .abs-split-layout.abs-cart-btn-layout .cart-btn-proceed > * {
        width: 100%;
        border-radius: 0;
    }
}




body[data-action="cart"][data-controller="checkout"] iframe[id^="edrone-onsite-slider-iframe"] {
    display: none !important;
}



/* ============================================
   UKRYCIE WIDGETU TRUSTED SHOPS (badge + recenzje) — TYLKO W KOSZYKU
   Strona: /order/checkout/cart
   ============================================ */

body[data-action="cart"][data-controller="checkout"] div[id^="trustbadge-container"] {
    display: none !important;
}




@media screen and (max-width: 768px) {
  .abs-item-price-box {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100%; /* Upewnia się, że kontener rozciąga się na całą dostępną szerokość */
    text-align: right;
  }
}



.abs-money-saved{
display:none;
}



body[data-action="cart"][data-controller="checkout"] .abs-catalog-index {
    display: none !important;
}












@media (max-width: 767px) {

  .abs-cart-table thead { display: none !important; }
  .abs-cart-table,
  .abs-cart-table tbody,
  .abs-cart-table tr,
  .abs-cart-table td,
  .abs-cart-table th {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    float: none !important;
  }

  .abs-cart-table .abs-col-ordinal,
  .abs-cart-table .abs-col-checkbox { display: none !important; }
  .abs-cart-table .abs-attributes-list { display: none !important; }
  .abs-cart-table .abs-col-quantity .td-label { display: none !important; }
  .abs-cart-table .abs-col-quantity .touch-qnt-unit { display: none !important; }
  .abs-cart-table .abs-col-quantity .client-unit-no { display: none !important; }
  .abs-cart-table .abs-col-price .td-label { display: none !important; }
  .abs-col-value .td-label { display: none !important; }
  .abs-col-value .order-position-extra-actions { display: none !important; }
  .abs-col-price .abs-item-price-mode { display: none !important; }
  .abs-col-value .abs-item-price-mode { display: none !important; }

  /* Wiersz */
  .abs-cart-table tbody tr[id^="productTrId"] {
    display: block !important;
    position: relative !important;
    padding: 14px 0 !important;
    min-height: 100px !important; 
    border-bottom: none !important;
    overflow: visible !important; 
  }
  .abs-cart-table tbody tr[id^="productTrId"] td {
    border: none !important;
    border-bottom: none !important;
  }

  /* Miniaturka */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-thumbnail {
    position: absolute !important;
    top: 14px !important;
    left: 0 !important;
    float: none !important;
    width: 72px !important;
    padding: 0 !important;
  }
  .abs-cart-table .abs-col-thumbnail img {
    width: 72px !important; height: auto !important; display: block !important;
  }

  /* Nazwa */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-name {
    margin-left: 84px !important;
    padding: 0 28px 0 0 !important;
    width: auto !important;
    min-height: 0 !important; 
  }
  .abs-cart-table .abs-col-name .product-name a {
    font-size: 13px !important; font-weight: 600 !important;
    color: #222 !important; text-decoration: none !important; line-height: 1.4 !important;
  }
  .abs-cart-table .abs-catalog-index { font-size: 11px !important; color: #999 !important; }

  /* POPRAWKA: Cena po lewej stronie, w tej samej linii co spinner */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price {
    position: relative !important; /* Zmiana z absolute na relative */
    float: left !important;        /* Wyrównanie do lewej strony */
    clear: left !important;       /* Wymuszenie zejścia poniżej nazwy produktu */
    margin-left: 84px !important;  /* Margines dopasowany do miniaturki */
    margin-top: 15px !important;   /* Przestrzeń pod nazwą produktu */
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-base {
    margin: 0 0 2px 0 !important;
  }
  
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-box,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-box * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 17px !important;
  }
  
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-final,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-final .abs-item-price-amount {
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17px !important;
  }
  
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-box:not(:has(.abs-item-price-base)) .abs-item-price,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-price .abs-item-price-box:not(:has(.abs-item-price-base)) .abs-item-price-amount {
    color: #222 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 17px !important;
  }

  /* POPRAWKA: Spinner po prawej stronie, dopasowany wysokością do ceny */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity {
    float: right !important;
    width: auto !important;
    padding: 0 !important;
    margin: 15px 10px 0 0 !important; /* Wyrównany górny margines z ceną (15px) */
    display: flex !important;
    align-items: center !important;
    clear: none !important;
  }
  
  /* Usunięto skokowy margines z :has(.abs-item-price-base) – flex w cenie naturalnie rozepchnie linie w dół */
  
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .cart-widget,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .purchase-spinner,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .touch-qnt,
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .touch-qnt-input {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .bootstrap-touchspin {
    margin: 0 !important;
  }
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .form-control {
    height: 28px !important;
    padding: 0 !important;
  }
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-quantity .btn {
    height: 28px !important;
    line-height: 28px !important;
    padding: 0 10px !important;
  }

  /* Wartość – clear both, pod spodem po prawej */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-value {
    clear: both !important;
    float: none !important;
    text-align: right !important;
    width: 100% !important;
    padding: 6px 10px 0 0 !important;
    display: block !important;
  }
  .abs-col-value .abs-item-price-amount {
    font-size: 15px !important; font-weight: 700 !important; color: #222 !important;
  }

  /* Przycisk usuń */
  .abs-cart-table tbody tr[id^="productTrId"] .abs-col-actions {
    position: absolute !important;
    top: 14px !important; right: 0 !important;
    width: auto !important;
    float: none !important;
  }
  .abs-cart-table .abs-col-actions .close {
    font-size: 18px !important; color: #bbb !important; opacity: 1 !important;
  }

  /* Rząd oferty */
  .abs-cart-table tbody tr.abs-row-offer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 0 4px !important;
    border-bottom: none !important;
    overflow: visible !important;
  }
  .abs-row-offer .abs-col-offername {
    width: auto !important;
    font-size: 11px !important; font-weight: 700 !important;
    text-transform: uppercase !important; color: #fe6800 !important;
  }
  .abs-row-offer .abs-col-actions {
    position: static !important; width: auto !important;
  }

}



/* Zmiana stylów dla nagłówka wyboru punktu odbioru w koszyku */
.abs-split-layout-center #selectedMachineDetails .panel-heading b,
.abs-split-layout-center #selectedMachineDetails .panel-heading strong {
    color: #222 !important;            /* Czarny kolor tekstu */
    text-transform: none !important;    /* Wyłączenie wymuszonych WIELKICH LITER */
}

.abs-split-layout-center #selectedMachineDetails .panel-heading .show-if-pickup-delivery-empty {
    text-transform: none !important;    /* Wyłączenie WIELKICH LITER dla spana z tekstem 'Nie wybrano punktu...' */
}



/* Główny rodzic - wymuszamy układ pionowy (tekst na górze, przyciski na dole) */
.abs-split-layout-center > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;     /* Środkuje tekst i cały blok przycisków */
    text-align: center !important;
}


/* Wymuszenie jednolitej czcionki Open Sans w opisach produktów,
   niezależnie od inline font-family w treści (np. Times New Roman) */

#tabCommonDescription .panel-body,
#tabCommonDescription .panel-body *,
.preserveFormatting,
.preserveFormatting * {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif !important;
}









/* =====================================================================================
   EDUGALERIA — MODERNIZACJA KARTY PRODUKTU (Strona Produktu) v4
   -------------------------------------------------------------------------------------
   Wklej całość na SAM KONIEC arkusza custom CSS (custom-rwd.css / panel CSS).
   v4 — poprawki względem v3:
   1) Naprawiony wyciek stylów głównej karty produktu do sekcji "Klienci, którzy
      kupili ten produkt, kupili również..." (#alsoOrderedProductsContent).
      Wcześniej reguły były zawężone tylko do #product-details-div, ale ta sekcja
      też znajduje się wewnątrz tego kontenera, więc ogólne klasy (nazwa produktu,
      cena, przycisk "do przechowalni") łapały też kafelki poleceń. Teraz reguły
      wymagają dodatkowo rodzica właściwego dla głównej karty
      (.abs-product-header-title / .abs-product-header-price / .abs-product-header-img),
      których w kafelkach poleceń fizycznie nie ma.
   2) Naprawiony bug w spinnerze ilości: znaki +/- rysowane przez ::after dziedziczyły
      -webkit-text-fill-color: transparent z przycisku (bo ta właściwość jest
      dziedziczona), przez co w Chrome/WebKit znak był niewidoczny mimo ustawionego
      color na pseudoelemencie. Dodano jawne -webkit-text-fill-color na regułach ::after.
   Font: Open Sans.
   ===================================================================================== */

/* ---------------------------------------------------------------------------
   0. BAZA / ZMIENNE
   --------------------------------------------------------------------------- */
#product-details-div{
  --eg-orange:#fe6700;
  --eg-orange-dark:#e35c00;
  --eg-navy:#17364b;
  --eg-navy-light:#25516f;
  --eg-green:#1ea851;
  --eg-green-bg:#e7f7ee;
  --eg-red:#e0273d;
  --eg-border:#e9ecef;
  --eg-bg-soft:#f7f8fa;
  font-family:'Open Sans',Helvetica,Arial,sans-serif !important;
}

/* ---------------------------------------------------------------------------
   1. GŁÓWNA KARTA PRODUKTU
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-page-header{
  background:#ffffff !important;
  border-radius:28px !important;
  padding:36px !important;
  box-shadow:0 14px 45px rgba(23,54,75,0.09) !important;
  border:1px solid var(--eg-border) !important;
  margin-bottom:36px !important;
}

#product-details-div .abs-header-main{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:44px !important;
  align-items:flex-start !important;
  margin:0 !important;
}

#product-details-div .abs-header-left{
  flex:1 1 480px !important;
  min-width:320px !important;
}

/* ---------------------------------------------------------------------------
   2. ETYKIETY PRODUKTU (Black Week / Święta itp.) — CAŁKOWICIE UKRYTE
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-header-labels{
  display:none !important;
}

/* ---------------------------------------------------------------------------
   3. GALERIA ZDJĘĆ — stały, czytelny rozmiar + stabilna nawigacja miniatur
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-header-img{
  position:relative !important;
}

#product-details-div .abs-lightslider-gallery-wrapper{
  border-radius:22px !important;
  overflow:hidden !important;
  background:var(--eg-bg-soft) !important;
  border:1px solid var(--eg-border) !important;
  padding:16px !important;
  display:flex !important;
  flex-direction:column !important;
}

/* stały, przewidywalny rozmiar głównego zdjęcia — identyczny na każdej karcie */
#product-details-div #lightSlider{
  flex:0 0 auto !important;
  height:440px !important;
  min-height:440px !important;
  max-height:440px !important;
}
#product-details-div #lightSlider .slick-list,
#product-details-div #lightSlider .slick-track{
  height:100% !important;
}
#product-details-div #lightSlider .slick-slide,
#product-details-div #lightSlider .slick-slide > div{
  height:100% !important;
}
#product-details-div #lightSlider .product-photo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:100% !important;
  width:100% !important;
}
#product-details-div #lightSlider img{
  max-height:100% !important;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  border-radius:12px !important;
  cursor:zoom-in !important;
  transition:transform .3s ease !important;
}
#product-details-div #lightSlider .product-photo:hover img{
  transform:scale(1.06) !important;
}

/* --- pasek miniatur: JEDEN rząd, przewijany w poziomie — bez zawijania --- */
#product-details-div .slick-pager-wrapper{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;

  margin-top:16px !important;
  width:100% !important;
}

#product-details-div .slick-pager{
  display:flex !important;
  flex-wrap:nowrap !important;
  flex:1 1 auto !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;

  padding:2px !important;
  margin:0 !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
#product-details-div .slick-pager::-webkit-scrollbar{
  display:none !important;
  height:0 !important;
}

#product-details-div .slick-pager li{
  list-style:none !important;
  /* wymuszony stały rozmiar w px — motyw bazowy narzucał tu np. width:22%
     i min-width:80px, przez co <li> bywało węższe/szersze niż obrazek (60px)
     w środku, a z overflow:hidden obcinało zdjęcie (i tworzyło "kreski" przy
     ściśniętych, sąsiadujących ze sobą elementach) */
  flex:0 0 64px !important;
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  border:2px solid var(--eg-border) !important;
  transition:border-color .2s ease, transform .2s ease !important;
  cursor:pointer !important;
}
#product-details-div .slick-pager li:hover{
  border-color:var(--eg-orange) !important;
  transform:translateY(-2px) !important;
}
#product-details-div .slick-pager li img{
  display:block !important;
  width:60px !important;
  height:60px !important;
  max-width:60px !important;
  min-width:60px !important;
  object-fit:cover !important;
}

#product-details-div .thumb-nav{
  flex:0 0 auto !important;
  background:#fff !important;
  border:1px solid var(--eg-border) !important;
  border-radius:50% !important;
  width:34px !important;
  height:34px !important;
  color:var(--eg-navy) !important;
  font-weight:700 !important;
  font-size:15px !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.08) !important;
  transition:background .2s ease, color .2s ease !important;
}
#product-details-div .thumb-nav:hover{
  background:var(--eg-orange) !important;
  color:#fff !important;
}

/* POPRAWKA: rodzic .abs-product-header-img, żeby nie łapać przycisku "do
   przechowalni" w kafelkach "Klienci, którzy kupili..." (te też mają
   .storage-actions .abs-storage-btn, ale poza .abs-product-header-img) */
#product-details-div .abs-product-header-img .storage-actions .abs-storage-btn{
  background:#ffffff !important;
  border:1px solid var(--eg-border) !important;
  border-radius:50px !important;
  padding:6px 16px !important;
  color:var(--eg-navy) !important;
  box-shadow:0 4px 12px rgba(0,0,0,0.06) !important;
  transition:all .2s ease !important;
}
#product-details-div .abs-product-header-img .storage-actions .abs-storage-btn:hover{
  background:var(--eg-orange) !important;
  color:#fff !important;
  border-color:var(--eg-orange) !important;
}

/* ---------------------------------------------------------------------------
   4. TYTUŁ, INDEKS
   POPRAWKA: rodzic .abs-product-header-title, żeby nie łapać .abs-product-name
   / .abs-catalog-index w kafelkach poleceń (te też mają identyczne klasy).
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-header-title .abs-product-name{
  font-size:26px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  color:var(--eg-navy) !important;
  margin-bottom:6px !important;
}
#product-details-div .abs-product-header-title .abs-catalog-index{
  font-size:12px !important;
  color:#9aa3ab !important;
  margin-top:0 !important;
  margin-bottom:18px !important;
}
#product-details-div .abs-product-header-title .abs-catalog-index span:not(.indexCatalogue-text){
  color:#6b7580 !important;
  font-weight:600 !important;
}

/* ---------------------------------------------------------------------------
   5. Ukrycie strzałek ">" w listach
   --------------------------------------------------------------------------- */
#product-details-div .abs-short-details .abs-icon-bullet,
#product-details-div .abs-attributes-list .abs-icon-bullet{
  display:none !important;
}

/* ---------------------------------------------------------------------------
   6. DOSTĘPNOŚĆ / CZAS DOSTAWY
   --------------------------------------------------------------------------- */
#product-details-div .abs-short-details{
  background:var(--eg-bg-soft) !important;
  border:1px solid var(--eg-border) !important;
  border-radius:18px !important;
  padding:4px 18px !important;
  margin-bottom:16px !important;
}
#product-details-div .abs-short-details.list-group .list-group-item{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid var(--eg-border) !important;
  padding:12px 0 !important;
  font-size:13.5px !important;
  color:var(--eg-navy) !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px 6px !important;
}
#product-details-div .abs-short-details.list-group .list-group-item:last-child{
  border-bottom:none !important;
}

#product-details-div .abs-text-available .abs-avail-label,
#product-details-div .abs-text-available .abs-avail-ico{
  display:none !important;
}
#product-details-div .abs-text-available .stock-info{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
#product-details-div .abs-text-available .stock-info::before{
  content:"" !important;
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:var(--eg-green) !important;
  flex-shrink:0 !important;
}
#product-details-div .abs-text-available .stock-name{
  color:var(--eg-green) !important;
  font-weight:700 !important;
}
#product-details-div .abs-avail-text{
  display:none !important;
}

#product-details-div .abs-list-label{
  color:#7a8794 !important;
  font-weight:600 !important;
}
#product-details-div .abs-list-value,
#product-details-div .relevant-deliveries-cheapest-name{
  color:var(--eg-navy) !important;
  font-weight:600 !important;
}

/* ---------------------------------------------------------------------------
   7. ATRYBUTY PRODUKTU — czipy
   --------------------------------------------------------------------------- */
#product-details-div .abs-attributes-list{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:0 !important;
  margin-top:8px !important;
}
#product-details-div .abs-attributes-list .list-group-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  background:#ffffff !important;
  border:1px solid var(--eg-border) !important;
  border-radius:50px !important;
  padding:8px 16px !important;
  font-size:12.5px !important;
  color:var(--eg-navy) !important;
  width:auto !important;
  flex:0 1 auto !important;
  transition:border-color .2s ease, transform .2s ease !important;
}
#product-details-div .abs-attributes-list .list-group-item:hover{
  border-color:var(--eg-orange) !important;
  transform:translateY(-1px) !important;
}
#product-details-div .abs-attributes-list .abs-list-label{
  color:#9aa3ab !important;
  font-weight:500 !important;
}
#product-details-div .abs-attributes-list .htmlAttributeValue{
  max-width:none !important;
  color:var(--eg-navy) !important;
  font-weight:700 !important;
  display:inline !important;
}

/* ---------------------------------------------------------------------------
   8. PRAWA KOLUMNA — BOX ZAKUPOWY (wszystko wyśrodkowane w pionie)
   --------------------------------------------------------------------------- */
#product-details-div .abs-header-right{
  flex:0 1 360px !important;
  min-width:300px !important;
  background:#ffffff !important;
  border:1px solid var(--eg-border) !important;
  border-radius:24px !important;
  box-shadow:0 16px 40px rgba(23,54,75,0.10) !important;
  padding:26px 26px 22px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  gap:16px !important;
}

@media (min-width:993px){
  #product-details-div .abs-header-right{
    position:sticky !important;
    top:110px !important;
  }
}

/* pill "Realizacja 24h" — wyśrodkowana */
#product-details-div .abs-header-right:before{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  background:var(--eg-green-bg) !important;
  color:var(--eg-green) !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  border-radius:50px !important;
  padding:6px 14px !important;
  margin:0 auto !important;
  order:-1 !important;
}
#product-details-div .abs-header-right[data-time="Towar chwilowo niedostępny!"]:before{
  background:#fdecee !important;
  color:var(--eg-red) !important;
}

/* ---------------------------------------------------------------------------
   9. CENA — wyśrodkowana
   POPRAWKA: wszystkie podreguły dostają rodzica .abs-product-header-price,
   żeby nie łapać ceny w kafelkach "Klienci, którzy kupili..." (tam cena jest
   w .abs-purchase-details, a nie w .abs-product-header-price).
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-header-price{
  order:0 !important;
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  text-align:center !important;
  border-bottom:none !important;
}
#product-details-div .abs-product-header-price .abs-item-price-box{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  width:100% !important;
}
#product-details-div .abs-product-header-price .abs-item-price-base .abs-item-price-amount{
  color:#a7afb7 !important;
  text-decoration:line-through !important;
  font-size:15px !important;
  font-weight:500 !important;
}
#product-details-div .abs-product-header-price .abs-item-price-discount{
  background:var(--eg-red) !important;
  color:#fff !important;
  font-weight:700 !important;
  font-size:12px !important;
  padding:3px 10px !important;
  border-radius:50px !important;
  margin-left:8px !important;
}
#product-details-div .abs-product-header-price .abs-item-price-final .abs-item-price-amount{
  color:var(--eg-orange) !important;
  font-size:34px !important;
  font-weight:800 !important;
  letter-spacing:-0.5px !important;
}
#product-details-div .abs-product-header-price .abs-item-price-final .abs-item-price-mode,
#product-details-div .abs-product-header-price .abs-price-unit{
  color:#9aa3ab !important;
  font-size:13px !important;
  font-weight:500 !important;
}
#product-details-div .abs-product-header-price .omnibus-price{
  background:var(--eg-bg-soft) !important;
  border-radius:12px !important;
  padding:8px 12px !important;
  font-size:11.5px !important;
  color:#7a8794 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:8px !important;
  width:100% !important;
}

/* ---------------------------------------------------------------------------
   10. SPINNER ILOŚCI — WYŚRODKOWANY, Z GWARANTOWANYMI ZNAKAMI +/-
   POPRAWKA: dodano jawne -webkit-text-fill-color na regułach ::after.
   Bez tego pseudoelement dziedziczył -webkit-text-fill-color:transparent
   z przycisku (ta właściwość JEST dziedziczona), przez co w Chrome/WebKit
   znak +/- był niewidoczny mimo ustawionego color na ::after.
   --------------------------------------------------------------------------- */
#product-details-div .abs-header-right .touch-qnt{
  order:1 !important;
  margin:2px auto 0 auto !important;
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
}

#product-details-div .touch-qnt-input{
  width:100% !important;
  max-width:180px !important;
  margin:0 auto !important;
}

#product-details-div .bootstrap-touchspin{
  border:1px solid var(--eg-border) !important;
  border-radius:50px !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:stretch !important;
  height:48px !important;
  width:100% !important;
  margin:0 auto !important;
}

#product-details-div .bootstrap-touchspin .input-group-btn{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:stretch !important;
}

/* Przycisk sam w sobie: bez tekstu natywnego (na wypadek gdyby był ukrywany
   przez motyw bazowy), znak +/- rysujemy niezależnie przez ::after */
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 46px !important;
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  background:var(--eg-bg-soft) !important;
  border:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  box-shadow:none !important;
  position:relative !important;
  overflow:visible !important;
  cursor:pointer !important;
  -webkit-text-fill-color:transparent !important;
}

#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down::after,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:22px !important;
  font-weight:700 !important;
  line-height:1 !important;
  color:var(--eg-navy) !important;
  -webkit-text-fill-color:var(--eg-navy) !important;
  font-family:Arial, sans-serif !important;
  pointer-events:none !important;
}
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down::after{
  content:"\2212" !important; /* − */
}
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up::after{
  content:"+" !important;
}

#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down:hover,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up:hover{
  background:var(--eg-orange) !important;
}
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down:hover::after,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up:hover::after{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down:disabled,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up:disabled{
  opacity:.4 !important;
  cursor:not-allowed !important;
  background:var(--eg-bg-soft) !important;
}
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-down.bootstrap-touchspin-down:disabled::after,
#product-details-div .bootstrap-touchspin .input-group-btn button.btn.spin-up.bootstrap-touchspin-up:disabled::after{
  color:var(--eg-navy) !important;
  -webkit-text-fill-color:var(--eg-navy) !important;
}

#product-details-div .bootstrap-touchspin .form-control{
  flex:1 1 auto !important;
  border:none !important;
  text-align:center !important;
  font-weight:700 !important;
  font-size:15px !important;
  color:var(--eg-navy) !important;
  box-shadow:none !important;
  min-width:40px !important;
  height:100% !important;
}

#product-details-div .touch-qnt-unit{
  display:flex !important;
  justify-content:center !important;
  margin-top:4px !important;
  width:100% !important;
}
#product-details-div .touch-qnt-unit .current-unit{
  font-size:11.5px !important;
  color:#9aa3ab !important;
  font-weight:600 !important;
  letter-spacing:.4px !important;
}

/* ---------------------------------------------------------------------------
   11. PRZYCISK „DO KOSZYKA”
   --------------------------------------------------------------------------- */
#product-details-div .abs-header-right .purchase-buttons{
  order:2 !important;
  margin-top:4px !important;
  width:100% !important;
}
#product-details-div .abs-header-right .cart-button{
  width:100% !important;
}
#product-details-div .abs-header-right .cart-button .cart-btn.btn-success{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:58px !important;
  border-radius:50px !important;
  background:linear-gradient(135deg,var(--eg-orange),var(--eg-orange-dark)) !important;
  border:none !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:0.3px !important;
  text-transform:uppercase !important;
  box-shadow:0 10px 24px rgba(254,103,0,0.35) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
#product-details-div .abs-header-right .cart-button .cart-btn.btn-success:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 30px rgba(23,54,75,0.30) !important;
  background:linear-gradient(135deg,var(--eg-navy),var(--eg-navy-light)) !important;
  color:#fff !important;
}
#product-details-div .abs-header-right .cart-button .cart-btn .abs-icon-cart{
  display:inline-block !important;
  font-size:20px !important;
  /* filter zamiast color: działa bez względu na to czy ikona to font-icon,
     SVG czy obrazek w tle — brightness(0) sprowadza ją do czerni, invert(1)
     odwraca na biel, więc nie zależymy od tego, gdzie w kaskadzie jest
     ustawiany właściwy "color" ikony */
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
}

/* ---------------------------------------------------------------------------
   12. AKCJE DODATKOWE
   --------------------------------------------------------------------------- */
#product-details-div .abs-header-right .abs-product-header-actions{
  order:3 !important;
  display:flex !important;
  justify-content:center !important;
  width:100% !important;
  margin-top:0 !important;
}
#product-details-div .abs-header-right .abs-storage-btn{
  background:transparent !important;
  border:none !important;
  color:#7a8794 !important;
  font-size:13px !important;
  font-weight:600 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  transition:color .2s ease !important;
}
#product-details-div .abs-header-right .abs-storage-btn:hover{
  color:var(--eg-orange) !important;
}

/* ---------------------------------------------------------------------------
   13. PayU / Twisto
   --------------------------------------------------------------------------- */
#product-details-div .abs-product-right-column .panel-body .preserveFormatting{
  background:var(--eg-bg-soft) !important;
  border-radius:14px !important;
  padding:10px 6px !important;
  text-align:center !important;
  width:100% !important;
}
#product-details-div .abs-product-right-column hr{
  display:none !important;
}
#product-details-div .abs-product-right-column a[href="/warunki-dostawy"]{
  display:block !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  color:var(--eg-navy) !important;
  padding:6px 0 !important;
}
#product-details-div .abs-product-header-right-column{
  width:100% !important;
}

/* ---------------------------------------------------------------------------
   14. PASEK ZAUFANIA POD ZDJĘCIEM
   --------------------------------------------------------------------------- */
#product-details-div #injectionProductUnderPhoto .abs-html-injection > div{
  background:var(--eg-bg-soft) !important;
  border-radius:18px !important;
  padding:18px !important;
  margin-top:24px !important;
  gap:16px 12px !important;
}
#product-details-div #injectionProductUnderPhoto span{
  font-size:12.5px !important;
  font-weight:700 !important;
  color:var(--eg-navy) !important;
}

/* ---------------------------------------------------------------------------
   15. ZAKŁADKI
   --------------------------------------------------------------------------- */
#productTabs .abs-special-tabs-panel{
  background:transparent !important;
  border-bottom:1px solid var(--eg-border) !important;
  margin-bottom:0 !important;
}
#productTabs .nav-tabs.abs-product-tabs > li{
  margin:0 !important;
}
#productTabs .nav-tabs.abs-product-tabs > li > a{
  border:none !important;
  background:transparent !important;
  color:#7a8794 !important;
  font-weight:700 !important;
  font-size:14px !important;
  padding:16px 22px !important;
  border-radius:0 !important;
  border-bottom:3px solid transparent !important;
  transition:color .2s ease, border-color .2s ease !important;
}
#productTabs .nav-tabs.abs-product-tabs > li.active > a{
  color:var(--eg-orange) !important;
  border-bottom:3px solid var(--eg-orange) !important;
  background:transparent !important;
}
#productTabs .tab-content .panel{
  border:none !important;
  box-shadow:none !important;
}
#productTabs .tab-content .panel-heading{
  display:none !important;
}
#productTabs .tab-content .panel-body{
  background:#ffffff !important;
  border-radius:0 0 24px 24px !important;
  padding:28px 4px !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
  color:#3a4550 !important;
}

/* ---------------------------------------------------------------------------
   16. RESPONSYWNOŚĆ MOBILNA
   --------------------------------------------------------------------------- */
@media (max-width:767px){
  #product-details-div .abs-product-page-header{
    padding:18px !important;
    border-radius:20px !important;
  }
  #product-details-div .abs-header-main{
    gap:24px !important;
  }
  #product-details-div #lightSlider{
    height:320px !important;
    min-height:320px !important;
    max-height:320px !important;
  }
  #product-details-div .abs-header-right{
    position:static !important;
    flex:1 1 100% !important;
    width:100% !important;
    padding:20px !important;
  }
  #product-details-div .abs-product-header-title .abs-product-name{
    font-size:20px !important;
  }
  #product-details-div .abs-product-header-price .abs-item-price-final .abs-item-price-amount{
    font-size:28px !important;
  }
  #product-details-div .abs-header-right .cart-button .cart-btn.btn-success{
    height:54px !important;
    font-size:15px !important;
  }
  #productTabs .nav-tabs.abs-product-tabs > li > a{
    padding:12px 14px !important;
    font-size:13px !important;
  }
}


/* ============================================================
   POPRAWKI KARTY PRODUKTU (dopisane na końcu, żeby nadpisać
   powyższe reguły oraz style z bazowego motywu)
   ============================================================ */


/* ------------------------------------------------------------
   1. GALERIA ZDJĘĆ — miniatury bliżej zdjęcia głównego.
      Kontener zdjęcia głównego jest za wysoki (ma zarezerwowane
      dodatkowe miejsce), przez co miniatury "spadają" nisko —
      resetujemy wysokości do naturalnych, opartych na treści.
------------------------------------------------------------- */
#product-details-div .abs-product-header-img,
#product-details-div .abs-lightslider-gallery-wrapper,
#product-details-div #lightSlider.abs-lightslider-gallery,
#product-details-div .slick-list,
#product-details-div .slick-track,
#product-details-div .slick-slide,
#product-details-div .slick-slide > div {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#product-details-div .abs-lightslider-gallery-wrapper .abs-lightslider-gallery {
    margin-bottom: 0.4em !important;
}

#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper {
    margin-top: 0.4em !important;
    position: relative;
    overflow: visible !important;
    width: 100%;
    box-sizing: border-box;
}

#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .slick-pager {
    overflow: hidden;
    /* miejsce na przyciski < > po obu stronach, żeby nie zasłaniały skrajnych miniatur */
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .thumb-nav,
#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .thumb-prev,
#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .thumb-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    z-index: 3 !important;
}

/* bez tego (brak left/right) przeglądarka ustawia przycisk w jego "pozycji
   statycznej", czyli mniej więcej tam, gdzie stał przed position:absolute —
   czyli dokładnie na pierwszej/ostatniej miniaturce. Stąd wrażenie "ucięcia"
   zdjęcia i ciemnej kreski (to cień przycisku nałożony na obrazek). */
#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .thumb-prev {
    left: 0 !important;
    right: auto !important;
}
#product-details-div .abs-lightslider-gallery-wrapper .slick-pager-wrapper .thumb-next {
    right: 0 !important;
    left: auto !important;
}


/* ------------------------------------------------------------
   2. SPINNER ILOŚCI (wariant "touch-qnt-vertical") — TYLKO
      w głównym boxie zakupowym produktu (.abs-product-header-purchase).
      Celowo NIE celujemy w samą klasę .cart-widget.touch-qnt-vertical
      bez tego przodka, bo tej samej klasy używają też widgety w
      sekcji "Klienci, którzy kupili..." — bez tego zawężenia
      poprawki wyciekały tam i psuły ich wygląd.

      UWAGA: na tej konkretnej stronie realny przycisk główny (spinner)
      jest i tak stylowany przez sekcję 10 powyżej (ma wyższą
      specyficzność przez #product-details-div), więc to tutaj działa
      głównie dla innych miejsc w sklepie używających tego samego
      markupu poza kartą produktu — zostawiamy bez zmian.
------------------------------------------------------------- */
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .touch-qnt,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .touch-qnt-input {
    display: flex !important;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .touch-qnt-input .input-group.bootstrap-touchspin {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: fit-content;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .touch-qnt-input .input-group-btn {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    align-items: stretch !important;
    flex: 0 0 auto;
    pointer-events: auto !important;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-down,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-up {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 2.6em !important;
    height: 100% !important;
    min-height: 2.6em;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    /* bazowy motyw chowa treść przycisku (font-size:0 / color transparent),
       licząc na ikonę w tle -- odkrywamy tekst "+"/"-" z wysokim priorytetem */
    font-size: 20px !important;
    line-height: 1 !important;
    font-family: inherit !important;
    letter-spacing: normal !important;
    text-indent: 0 !important;
    overflow: visible !important;
    font-weight: bold !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: #f0f0f0 !important;
    background-image: none !important;
    color: #17364b !important;
    -webkit-text-fill-color: #17364b !important;
    text-shadow: none !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-down::before,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-down::after,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-up::before,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-up::after {
    content: none !important;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-down:hover:not(.disabled),
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-up:hover:not(.disabled) {
    background-color: #fe6700;
    color: #fff;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-down.disabled,
.abs-product-header-purchase .cart-widget.touch-qnt-vertical .bootstrap-touchspin-up.disabled {
    opacity: 0.4 !important;
    cursor: not-allowed;
}

.abs-product-header-purchase .cart-widget.touch-qnt-vertical input.touch-spin {
    display: block !important;
    height: 2.6em !important;
    min-width: 2.8em;
    text-align: center;
    border: none;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-radius: 0;
    font-size: 16px;
}


/* ------------------------------------------------------------
   3. "Klienci, którzy kupili ten produkt, kupili również" —
      siatka nie rozjeżdża się przy różnych długościach nazw/obrazków
------------------------------------------------------------- */
#alsoOrderedProductsContent .abs-offer-gallery .abs-layout-product-gallery {
    min-width: 0;
}

#alsoOrderedProductsContent .abs-offer-gallery .abs-col-img,
#alsoOrderedProductsContent .abs-offer-gallery .abs-img-wrapper {
    max-width: 100%;
}

#alsoOrderedProductsContent .abs-offer-gallery .abs-product-name,
#alsoOrderedProductsContent .abs-offer-gallery h3 {
    overflow-wrap: break-word;
    word-break: break-word;
}


/* ------------------------------------------------------------
   4. Spójność przycisku "Do koszyka" w mini-kafelkach poleceń
      z głównym przyciskiem na karcie produktu
------------------------------------------------------------- */
#alsoOrderedProductsContent .cart-btn.btn-success {
    border-radius: 9999px;
    font-size: 13px;
    padding: 6px 20px;
}


.abs-html-injection{border:none !important;
}


.abs-special-tabs-panel{border-top:none !important};