.item{
    background-repeat: no-repeat;
    background-position: -2px -2px;
    background-size: 350px;
    position:relative;

}  

.item-prod-45,.item-prod-164,.item-prod-113{background-image: url('/assets/tpl/gfx/bg-smerfy.png');}
.item-prod-46,.item-prod-165,.item-prod-114{background-image: url('/assets/tpl/gfx/bg-maja.png');}
.item-prod-47,.item-prod-166,.item-prod-115{background-image: url('/assets/tpl/gfx/bg-fluffy.png');}
.item-prod-72,.item-prod-172,.item-prod-117{background-image: url('/assets/tpl/gfx/bg-shake.png');}

.item-prod-73,.item-prod-173,.item-prod-118{background-image: url('/assets/tpl/gfx/bg-pluszowe-gnioty.png');}
.item-prod-74,.item-prod-174,.item-prod-119{background-image: url('/assets/tpl/gfx/bg-ringe.png');}
.item-prod-75,.item-prod-175,.item-prod-120{background-image: url('/assets/tpl/gfx/bg-naszyjniki.png');}
.item-prod-76,.item-prod-176,.item-prod-121{background-image: url('/assets/tpl/gfx/bg-termosy.png');}

.item-prod-77,.item-prod-177,.item-prod-122{background-image: url('/assets/tpl/gfx/bg-ramki-z-imionami.png');}
.item-prod-78,.item-prod-178,.item-prod-123{background-image: url('/assets/tpl/gfx/bg-bransoletki-z-imionami.png');}
.item-prod-79,.item-prod-179,.item-prod-124{background-image: url('/assets/tpl/gfx/bg-zlota-bransoletka.png');}
.item-prod-80,.item-prod-180,.item-prod-125{background-image: url('/assets/tpl/gfx/bg-miski-abs.png');}

.item-prod-81,.item-prod-181,.item-prod-126{background-image: url('/assets/tpl/gfx/bg-napf-to-go.png');}
.item-prod-82,.item-prod-182,.item-prod-127{background-image: url('/assets/tpl/gfx/bg-tabliczki-ze-zwierzetami.png');}
.item-prod-83,.item-prod-183,.item-prod-128{background-image: url('/assets/tpl/gfx/bg-kubki-z-motywami-zwierzat.png');}
.item-prod-84,.item-prod-184,.item-prod-129{background-image: url('/assets/tpl/gfx/bg-tabliczki-ostrzegawcze.png');}

.item-prod-85,.item-prod-185,.item-prod-130{background-image: url('/assets/tpl/gfx/bg-tabliczki-z-pupilem.png');} 
.item-prod-86,.item-prod-186,.item-prod-131{background-image: url('/assets/tpl/gfx/bg-deski.png');}
.item-prod-87,.item-prod-188,.item-prod-133{background-image: url('/assets/tpl/gfx/bg-zapalniczki.png');}
.item-prod-88,.item-prod-187,.item-prod-132{background-image: url('/assets/tpl/gfx/bg-lusterka.png');}

.item-prod-89,.item-prod-189,.item-prod-134{background-image: url('/assets/tpl/gfx/bg-pistolet.png');}
.item-prod-90,.item-prod-190,.item-prod-135{background-image: url('/assets/tpl/gfx/bg-zawieszki.png');}
.item-prod-91,.item-prod-191,.item-prod-136{background-image: url('/assets/tpl/gfx/bg-teczowe-dlugopisy.png');}

.item-prod-96,.item-prod-192,.item-prod-137{background-image: url('/assets/tpl/gfx/bg-pamiatki.png');}
.item-prod-97,.item-prod-193,.item-prod-138{background-image: url('/assets/tpl/gfx/bg-magnesy-z-bursztynem.png');}
.item-prod-98,.item-prod-194,.item-prod-139{background-image: url('/assets/tpl/gfx/bg-magnesy-epoxydowe.png');}

.item-prod-228{background-image: url('/assets/tpl/gfx/bg-zawieszka-na-telefon-2.png');}


/**male***/

span.itembottombg{
    background-position: -1px -1px;
    background-repeat: no-repeat;
    background-size: 141px;
    width: 145px;
    height: 122px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-top-left-radius: 9px;
    transform: rotate(180deg);
}


.item-prod-45 span.itembottombg,.item-prod-164 span.itembottombg,.item-prod-113 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-smerfy.png');}
.item-prod-46 span.itembottombg,.item-prod-165 span.itembottombg,.item-prod-114 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-maja.png');}
.item-prod-47 span.itembottombg,.item-prod-166 span.itembottombg,.item-prod-115 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-fluffy.png');}
.item-prod-72 span.itembottombg,.item-prod-172 span.itembottombg,.item-prod-117 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-shake.png');}

.item-prod-73 span.itembottombg,.item-prod-173 span.itembottombg,.item-prod-118 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-pluszowe-gnioty.png');}
.item-prod-74 span.itembottombg,.item-prod-174 span.itembottombg,.item-prod-119 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-ringe.png');}
.item-prod-75 span.itembottombg,.item-prod-175 span.itembottombg,.item-prod-120 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-naszyjniki.png');}
.item-prod-76 span.itembottombg,.item-prod-176 span.itembottombg,.item-prod-121 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-termosy.png');}

.item-prod-77 span.itembottombg,.item-prod-177 span.itembottombg,.item-prod-122 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-ramki-z-imionami.png');}
.item-prod-78 span.itembottombg,.item-prod-178 span.itembottombg,.item-prod-123 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-bransoletki-z-imionami.png');}
.item-prod-79 span.itembottombg,.item-prod-179 span.itembottombg,.item-prod-124 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-zlota-bransoletka.png');}
.item-prod-80 span.itembottombg,.item-prod-180 span.itembottombg,.item-prod-125 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-miski-abs.png');}

.item-prod-81 span.itembottombg,.item-prod-181 span.itembottombg,.item-prod-126 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-napf-to-go.png');}
.item-prod-82 span.itembottombg,.item-prod-182 span.itembottombg,.item-prod-127 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-tabliczki-ze-zwierzetami.png');}
.item-prod-83 span.itembottombg,.item-prod-183 span.itembottombg,.item-prod-128 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-kubki-z-motywami-zwierzat.png');}
.item-prod-84 span.itembottombg,.item-prod-184 span.itembottombg,.item-prod-129 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-tabliczki-ostrzegawcze.png');}

.item-prod-85 span.itembottombg,.item-prod-185 span.itembottombg,.item-prod-130 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-tabliczki-z-pupilem.png');} 
.item-prod-86 span.itembottombg,.item-prod-186 span.itembottombg,.item-prod-131 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-deski.png');}
.item-prod-87 span.itembottombg,.item-prod-188 span.itembottombg,.item-prod-133 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-zapalniczki.png');}
.item-prod-88 span.itembottombg,.item-prod-187 span.itembottombg,.item-prod-132 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-lusterka.png');}

.item-prod-89 span.itembottombg,.item-prod-189 span.itembottombg,.item-prod-134 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-pistolet.png');}
.item-prod-90 span.itembottombg,.item-prod-190 span.itembottombg,.item-prod-135 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-zawieszki.png');}
.item-prod-91 span.itembottombg,.item-prod-191 span.itembottombg,.item-prod-136 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-teczowe-dlugopisy.png');}

.item-prod-96 span.itembottombg,.item-prod-192 span.itembottombg,.item-prod-137 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-pamiatki-flip.png');}
.item-prod-97 span.itembottombg,.item-prod-193 span.itembottombg,.item-prod-138 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-magnesy-z-bursztynem-flip.png');}
.item-prod-98 span.itembottombg,.item-prod-194 span.itembottombg,.item-prod-139 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-magnesy-epoxydowe-flip.png');}

.item-prod-228 span.itembottombg{background-image: url('/assets/tpl/gfx/bg-zawieszka-na-telefon-2.png');}


/***male koniec***/

.bestseller{
    display: block;
    background-color:#e74a0f;
    color:#fff;
    width: 100px;
    padding: 10px;
    
    position: absolute;
    top: 15px;
    left: -1px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    font-weight: 900;
    font-size: 15px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
    transition: padding .2s ease-out;
}
.bestseller.bestseller-white{
    background: #ffffff;
    color: #e74a0f;
}

.nowosc{
     display: block;
    background-color: #ffffff;
    color: #e74a0f;
    width: 45px;
    height: 45px;
    padding: 10px;
    position: absolute;
    top: -10px;
    font-size: 13px;
    right: -10px;
    border-radius: 100px;
    font-weight: 900;
    font-size: 12px;
    line-height: 3.8;
    box-shadow: 0 0 10px rgb(0 0 0 / 46%);
    border: 3px solid #e74a0f;
    transition: opacity .2s ease-out;

}


@keyframes nowosc {
  50% {transform: rotate(360deg);}
}

#page .aside .bestseller{
    background-color:#e74a0f;
    color:#fff;
    width: 100px;
    letter-spacing:1px;
    top: -43px;
    left: -40px;
    box-shadow: 5px -5px 19px rgb(0 0 0 / 30%);
    transform: rotate(90deg);
    z-index:1000;
    padding: 10px 10px 10px 20px;
}
.item:hover .nowosc{
    animation: nowosc 1s;
}
.item:hover .bestseller{
    padding-left:20px;
    padding-right:20px;
}


.content .more{
    background-image: url(/assets/tpl/SVG/icon-arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 7px;
    padding: 20px 29px 20px 34px;
    background-position: 17px 21px;
    border: 2px solid #fff;
    border-radius: 6px;
    text-transform: uppercase;
}
.content .more:hover{
    background: #000 url(/assets/tpl/SVG/icon-arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position: 17px 21px;
}

@media (max-width:767px){
    

#page .social-media .icon-youtube {
  background-image: url('../SVG/icon-youtube-white.svg');
  width: 23px;
  height: 19px;
}
#page .social-media .icon-instagram {
  background-image: url('../SVG/icon-instagram-white.svg');
  width: 19px;
  height: 19px;
}
#page .social-media .icon-facebook {
  background-image: url('../SVG/icon-facebook-white.svg');
  width: 10px;
  height: 19px;
}
#page .social-media .icon-x {
  background-image: url('../SVG/icon-x-white.svg');
  width: 19px;
  height: 19px;
}
#page .social-media .icon-tiktok {
  background-image: url('../SVG/icon-tiktok-white.svg');
  width: 15px;
  height: 19px;
    }
}



.link-prev a,
.link-next a{
    transition: background .3s ease-in-out,color .3s ease-in-out;
}
.link-prev a:hover, 
.link-next a:hover{
    background-color:#e74a0f;
    color:#fff;
}



form.formcontact div{
    position:relative;
}
form.formcontact div label{
    color:#e74a0f;
    font-size:14px;
}
form.formcontact div.regulamin label{
    display:inline-block;
}
form.formcontact div.regulamin input[type="checkbox"]{
    width:22px;
    height:22px;
    margin-right:5px;
    position:relative;
    top:5px;
}
form.formcontact .error .error{
    padding: 7px 10px;
    border-radius: 5px;
    display: inline-block;
    background: #c00;
    color: #fff;
    font-size: 12px;

} 

p.error{
        padding: 7px 10px;
    border-radius: 5px;
    display: inline-block;
    background: #c00;
    color: #fff;
    font-size: 13px;
}

.box-licencje .item {
    margin: 0 5px;
    transition: box-shadow .2s ease-out,color .2s ease-out,border .2s ease-out,background .2s ease-out;
    box-shadow: 0 0 7px rgb(0 0 0 / 30%);
    border-color:transparent;
}
.box-licencje .item:hover {
    box-shadow: 0 0 10px rgb(0 0 0 / 40%);
     border-color:transparent;
}
.box .box4 .item{
    min-height:364px;
}
.box .box4.box-licencje  .item{
    min-height:auto;
}
.box .box4 .item .more,
.asortyment .item .more{
    background-repeat: no-repeat;
    background-size: 7px;
    padding-left:15px;
    background-position: center left;
}



.content .newsletter p{
    text-align:center;
}
@media (max-width: 1440px) {

        .newsletterInner{
            width:90%;
            padding-left:0;
            padding-right:0;
        }
    .box {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .asortyment {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1000px) {
    .asortyment {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #page .aside .bestseller{
        top:87px;
        border-top-left-radius:25px;
        border-bottom-left-radius:25px;
        padding-left:10px;
        
    }
}
@media (max-width:767px){
    .newsletterInner form > div{
        width:370px;
    }
    .newsletterInner h2{
        font-size:60px;
    }
    .newsletterInner input#newsletterEmail{
        width:307px;
    }

}

@media (max-width: 540px) {
    .newsletterInner form > div{
        width:80%;
    }
    .newsletterInner h2{
        font-size:60px;
    }
    .newsletterInner input#newsletterEmail{
        width:80%;
    }

}

@media (max-width: 440px) {
    .asortyment {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}