.btn-primary {
background-color: #00c9c8 !important;
border-color: #00c9c8 !important;
}

.btn-primary:hover {
background-color: #ff4fa3 !important;
border-color: #ff4fa3 !important;
}

a {
color: #00c9c8 !important;
}

a:hover {
color: #ff4fa3 !important;
}
/* Etykieta NOWY */
.product-flags .new {
background: #ff4fa3 !important;
color: #fff !important;
}

/* Etykieta BRAK NA STANIE */
.product-flags .out_of_stock,
.product-flags .onbackorder,
.product-flags .unavailable {
background: #333 !important;
color: #fff !important;
}

/* Etykieta PROMOCJA */
.product-flags .discount,
.product-flags .online-only,
.product-flags .on-sale {
background: #00c9c8 !important;
color: #fff !important;
}

/* Wszystkie etykiety */
.product-flag {
border-radius: 20px !important;
padding: 8px 15px !important;
font-weight: 700 !important;
}

/* Przycisk Dodaj do koszyka */
.btn-primary.add-to-cart,
.add-to-cart {
background: linear-gradient(90deg,#00c9c8,#ff4fa3) !important;
border: none !important;
border-radius: 50px !important;
padding: 18px 30px !important;
font-size: 18px !important;
font-weight: 700 !important;
box-shadow: 0 5px 15px rgba(0,0,0,.15);
}

.btn-primary.add-to-cart:hover,
.add-to-cart:hover {
transform: translateY(-2px);
transition: .3s;
}

/* Pole ilości */
.bootstrap-touchspin {
border-radius: 15px !important;
overflow: hidden;
border: 2px solid #00c9c8 !important;
}

/* Przyciski + i - */
.bootstrap-touchspin .btn-touchspin {
background: #00c9c8 !important;
color: #fff !important;
border: none !important;
}
/* Przycisk w koszyku i popupie */
.btn-primary,
.btn {
color: #ffffff !important;
}

/* Tekst w przycisku przejścia do zamówienia */
.btn-primary span,
.btn-primary i,
.btn span {
color: #ffffff !important;
}

* Normalny stan przycisku */
.btn-primary,
.btn-primary span,
.btn-primary i {
color: #ffffff !important;
}

/* Po najechaniu myszką */
.btn-primary:hover,
.btn-primary:hover span,
.btn-primary:hover i,
.btn:hover,
.btn:hover span,
.btn:hover i {
color: #ffffff !important;
}

#blockcart-modal .btn-primary:hover,
#blockcart-modal .btn-primary:hover span,
#blockcart-modal .btn-primary:hover i {
color: #ffffff !important;
}
/* Kontener menu */
#left-column .block-categories {
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 3px 15px rgba(0,0,0,.08);
border: none;
margin-bottom: 30px;
}

/* Nagłówek */
#left-column .block-categories .h6,
#left-column .block-categories .title {
background: linear-gradient(90deg,#00c9c8,#ff4fa3);
color: #fff !important;
padding: 18px 20px;
font-size: 18px;
font-weight: 700;
margin: 0;
text-transform: uppercase;
position: relative;
}

/* Ikona hamburger */
#left-column .block-categories .h6:before,
#left-column .block-categories .title:before {
content: "☰";
margin-right: 10px;
font-size: 20px;
}
/* Główny kontener menu */
.block-categories{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,.08);
border:1px solid #f2f2f2;
}

/* Nagłówek */
.block-categories .category-title{
display:block;
background:linear-gradient(90deg,#00c9c8,#ff4fa3);
color:#fff !important;
font-size:15px !important;
font-weight:700;
text-align:center;
padding:18px;
margin:0;
border-radius:15px 15px 0 0;
letter-spacing:1px;
}

/* Lista kategorii */
.block-categories .category-sub-menu li{
position:relative;
border-bottom:1px solid #f5f5f5;
}

/* Linki */
.block-categories .category-sub-link{
display:block;
color:#00b9b7 !important;
padding:14px 20px;
font-weight:600;
transition:all .3s ease;
}

/* Efekt po najechaniu */
.block-categories .category-sub-link:hover{
background:#fafafa;
color:#ff4fa3 !important;
padding-left:30px;
}

/* Ukrycie plusików */
.block-categories .arrows .arrow-right,
.block-categories .arrows .arrow-down{
display:none !important;
}

/* Nowa strzałka */
.block-categories .arrows:before{
content:"⌄";
font-size:22px;
color:#00c9c8;
font-weight:bold;
transition:all .3s ease;
}

/* Obrót po rozwinięciu */
.block-categories .arrows[aria-expanded="true"]:before,
.block-categories .arrows.active:before{
transform:rotate(180deg);
display:inline-block;
color:#ff4fa3;
}

/* Pozycja strzałek */
.block-categories .arrows{
position:absolute;
right:15px;
top:12px;
cursor:pointer;
}

/* Podkategorie */
.block-categories .category-sub-menu .category-sub-menu{
background:#fafafa;
}

.block-categories .category-sub-menu .category-sub-menu .category-sub-link{
padding-left:35px;
font-size:14px;
}



Tomasz Peterwas <iluzjonistatomaszpeterwas@gmail.com>
01:28 (0 minut temu)
do mnie

/******************************
KATEGORIE BOCZNE
******************************/

.block-categories{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 5px 20px rgba(0,0,0,.08);
border:1px solid #f2f2f2;
margin-bottom:30px;
}

.block-categories .category-title{
display:block;
background:linear-gradient(90deg,#00c9c8,#ff4fa3);
color:#fff !important;
font-size:15px !important;
font-weight:700;
text-align:center;
padding:18px;
margin:0;
border-radius:15px 15px 0 0;
letter-spacing:1px;
}

.block-categories .category-sub-menu li{
position:relative;
border-bottom:1px solid #f5f5f5;
}

.block-categories .category-sub-link{
display:block;
color:#00b9b7 !important;
padding:14px 20px;
font-weight:600;
transition:all .3s ease;
}

.block-categories .category-sub-link:hover{
background:#fafafa;
color:#ff4fa3 !important;
padding-left:30px;
}

.block-categories .arrows .arrow-right,
.block-categories .arrows .arrow-down{
display:none !important;
}

.block-categories .arrows:before{
content:"⌄";
font-size:22px;
color:#00c9c8;
font-weight:bold;
transition:all .3s ease;
}

.block-categories .arrows{
position:absolute;
right:15px;
top:12px;
cursor:pointer;
}

.block-categories .category-sub-menu .category-sub-menu{
background:#fafafa;
}

.block-categories .category-sub-menu .category-sub-menu .category-sub-link{
padding-left:35px;
font-size:14px;
}

/******************************
GŁÓWNE ZDJĘCIE PRODUKTU
******************************/

.product-cover{
background:#fff;
padding:15px;
border-radius:25px;
box-shadow:0 5px 25px rgba(0,0,0,.08);
}

.product-cover img{
border-radius:20px;
box-shadow:0 8px 25px rgba(0,0,0,.15);
border:3px solid #fff;
transition:all .3s ease;
}

.product-cover img:hover{
transform:scale(1.03);
}

/******************************
MINIATURKI
******************************/

.product-images > li.thumb-container .thumb{
border-radius:12px;
border:2px solid #eee;
transition:all .3s ease;
}

.product-images > li.thumb-container .thumb:hover,
.product-images > li.thumb-container .thumb.selected{
border:2px solid #00c9c8;
box-shadow:0 0 15px rgba(0,201,200,.4);
transform:scale(1.05);
}

/******************************
PRZYCISK DODAJ DO KOSZYKA
******************************/

.btn-primary,
.add-to-cart{
background:linear-gradient(90deg,#00c9c8,#ff4fa3)!important;
border:none!important;
border-radius:30px!important;
color:#fff!important;
font-weight:700;
transition:.3s;
}

.btn-primary:hover,
.add-to-cart:hover{
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(255,79,163,.3);
}

/******************************
POLA I ILOŚĆ
******************************/

.input-group{
border-radius:15px;
overflow:hidden;
}

.bootstrap-touchspin input{
border:2px solid #00c9c8!important;
}

/******************************
NAWIGACJA OKRUSZKOWA
******************************/

.breadcrumb{
background:#fff;
border-radius:15px;
padding:15px;
box-shadow:0 3px 10px rgba(0,0,0,.05);
}

/******************************
TABS OPISU
******************************/

.tabs .nav-tabs .nav-link.active{
background:linear-gradient(90deg,#00c9c8,#ff4fa3);
color:#fff!important;
border:none;
border-radius:10px 10px 0 0;
}

.instagram-corner {
text-align: right;
margin-top: -50px;
margin-right: 20px;
position: relative;
z-index: 10;
}

.instagram-corner a {
display: inline-block;
padding: 10px 20px;
border-radius: 30px;
text-decoration: none;
color: #fff !important;
font-weight: bold;
background: linear-gradient(45deg,#00d2d3,#ff4fa3);
box-shadow: 0 4px 15px rgba(0,0,0,.2);
}

.instagram-link a:hover {
transform: scale(1.05);
}
.instagram-link{
text-align:right;
margin-top:15px;
margin-bottom:20px;
}

.instagram-link a{
color:#00bcd4;
text-decoration:none;
font-size:16px;
font-weight:600;
}

.instagram-link a:hover{
text-decoration:underline;
color:#ff4fa3;
}

.ikonkaig{
width:20px;
height: 20px;


}

.block-categories .arrows .material-icons.add {
font-size: 0;
}

.block-categories .arrows .material-icons.add:before {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
color: #00d4d4;
}
/* Przycisk koszyka */
#_desktop_cart .blockcart {
background: #ff3ea5 !important;
}

/* Ikona koszyka */
#_desktop_cart .blockcart i,
#_desktop_cart .blockcart .material-icons {
color: #ffffff !important;
}

/* Licznik produktów i tekst */
#_desktop_cart .blockcart * {
color: #ffffff !important;
}

/* Efekt po najechaniu */
#_desktop_cart .blockcart:hover {
background: #e6007e !important;
}
.discount.discount-amount {
font-size: 0 !important;
background: #ff3ea5 !important;
color: #fff !important;
border-radius: 8px;
padding: 8px 12px;
}

.discount.discount-amount::before {
content: "PROMOCJA ";
font-size: 14px;
font-weight: 700;
color: #fff;
}

.discount.discount-amount::after {
content: attr(data-discount);
}