.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;
  gap:10px !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;
  gap:10px !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;
  flex:0 0 auto !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;
  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;
}


#product-details-div .abs-header-right .cart-button .cart-btn .abs-icon-cart,
#product-details-div .abs-header-right .cart-button .cart-btn .abs-icon-cart::before{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !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;
    padding-right: 3px;
    box-sizing: content-box;
}

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


/* ------------------------------------------------------------
   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;
}