html body #addcartbutton.kamar-pasek-zakupu__przycisk {
position: relative;
overflow: hidden !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
border: 0 !important;
border-radius: 10px !important;
height: 52px;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 26px !important;
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: .2px;
color: #fff !important;
text-decoration: none !important;
background: linear-gradient(135deg, #17475E 0%, #103547 55%, #0B2836 100%) !important;
box-shadow: 0 6px 18px rgba(16, 53, 71, .38), 0 2px 4px rgba(16, 53, 71, .28);
transition: box-shadow .25s ease, transform .12s ease;
}
html body #addcartbutton.kamar-pasek-zakupu__przycisk::before {
content: "";
flex: 0 0 auto;
width: 20px;
height: 20px;
background-color: #fff;
-webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7%2018c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm10%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2z%22%2F%3E%3Cpath%20d%3D%22M7.2%2014.8h9.6c.7%200%201.3-.4%201.6-1l3.3-6a1%201%200%200%200-.9-1.5H6.2L5.3%203.4A1%201%200%200%200%204.3%202.7H2a1%201%200%201%200%200%202h1.6l3.1%208.3-.9%201.6c-.5.9.1%202.1%201.2%202.1h12a1%201%200%201%200%200-2H7.5l.6-1.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M7%2018c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2zm10%200c-1.1%200-2%20.9-2%202s.9%202%202%202%202-.9%202-2-.9-2-2-2z%22%2F%3E%3Cpath%20d%3D%22M7.2%2014.8h9.6c.7%200%201.3-.4%201.6-1l3.3-6a1%201%200%200%200-.9-1.5H6.2L5.3%203.4A1%201%200%200%200%204.3%202.7H2a1%201%200%201%200%200%202h1.6l3.1%208.3-.9%201.6c-.5.9.1%202.1%201.2%202.1h12a1%201%200%201%200%200-2H7.5l.6-1.1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}
html body #addcartbutton.kamar-pasek-zakupu__przycisk::after {
content: "";
position: absolute;
top: -50%;
bottom: -50%;
width: 45%;
left: -60%;
background: linear-gradient(100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.28) 50%,
rgba(255,255,255,0) 100%);
transform: skewX(-18deg) translateX(0);
pointer-events: none;
}
html body #addcartbutton.kamar-pasek-zakupu__przycisk:hover {
color: #fff !important;
box-shadow: 0 10px 26px rgba(16, 53, 71, .5), 0 3px 6px rgba(16, 53, 71, .34);
}
html body #addcartbutton.kamar-pasek-zakupu__przycisk:focus { color: #fff !important; }
html body #addcartbutton.kamar-pasek-zakupu__przycisk:active {
transform: translateY(1px);
}
html body #addcartbutton.kamar-pasek-zakupu__przycisk:hover::after {
animation: kamar-przeblysk .85s ease-out;
}
@keyframes kamar-przeblysk {
from { transform: skewX(-18deg) translateX(0); }
to { transform: skewX(-18deg) translateX(430%); }
}
@media (prefers-reduced-motion: reduce) {
html body #addcartbutton.kamar-pasek-zakupu__przycisk:hover::after { animation: none; }
html body #addcartbutton.kamar-pasek-zakupu__przycisk { transition: none; }
}
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk {
position: relative;
overflow: hidden !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 8px;
white-space: nowrap;
border: 0 !important;
border-radius: 10px !important;
height: 52px;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0 26px !important;
font-weight: 700 !important;
font-size: 16px !important;
letter-spacing: .2px;
color: #fff !important;
text-decoration: none !important;
background: linear-gradient(135deg, #17475E 0%, #103547 55%, #0B2836 100%) !important;
box-shadow: 0 6px 18px rgba(16, 53, 71, .38), 0 2px 4px rgba(16, 53, 71, .28);
transition: box-shadow .25s ease, transform .12s ease;
}
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk::after {
content: "";
position: absolute;
top: -50%;
bottom: -50%;
width: 45%;
left: -60%;
background: linear-gradient(100deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.28) 50%,
rgba(255,255,255,0) 100%);
transform: skewX(-18deg) translateX(0);
pointer-events: none;
}
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk:hover {
color: #fff !important;
box-shadow: 0 10px 26px rgba(16, 53, 71, .5), 0 3px 6px rgba(16, 53, 71, .34);
}
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk:focus { color: #fff !important; }
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk:active {
transform: translateY(1px);
}
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk:hover::after {
animation: kamar-przeblysk .85s ease-out;
}
@keyframes kamar-przeblysk {
from { transform: skewX(-18deg) translateX(0); }
to { transform: skewX(-18deg) translateX(430%); }
}
@media (prefers-reduced-motion: reduce) {
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk:hover::after { animation: none; }
html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk { transition: none; }
}
.kamar-ostatnia-sztuka div.quantity{display:none !important}
.elementor-widget-jet-single-content ul,.kamar-opis ul{margin-bottom:25px;margin-bottom:1lh}
#addcartsection.kamar-pasek-zakupu{padding:8px 16px;background:#fff;box-shadow:0 -4px 18px rgba(16,53,71,.14);border-radius:14px 14px 0 0}
.kamar-pasek-zakupu__rzad{display:flex;align-items:center;gap:12px;max-width:1100px;margin:0 auto}
.kamar-pasek-zakupu__zdjecie{flex:0 0 auto;display:block;width:48px;height:48px}
.kamar-pasek-zakupu__zdjecie img{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.kamar-pasek-zakupu__nazwa{flex:1 1 0;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;font-weight:600;line-height:1.3;color:#103547}
.kamar-pasek-zakupu__cena{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:2px 8px;text-align:right;font-size:18px;font-weight:700;line-height:1.2;color:#c3202c}
.kamar-pasek-zakupu__cena del{font-size:12px;font-weight:400;color:#3f3f46}
.kamar-pasek-zakupu__cena ins{text-decoration:none}
html body #addcartbutton.kamar-pasek-zakupu__przycisk,html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk{flex:0 0 auto;height:44px;padding:0 18px !important;font-size:15px !important;cursor:pointer}
.kamar-pasek-zakupu__brak{flex:0 0 auto;display:flex;align-items:center;gap:8px;color:#5b6570;font-size:14px;font-weight:600;line-height:1.2}
.kamar-pasek-zakupu__ikona{flex:0 0 auto;color:#103547}
@media (max-width:704px){
#addcartsection.kamar-pasek-zakupu{padding:8px 10px}
.kamar-pasek-zakupu__rzad{gap:8px}
.kamar-pasek-zakupu__zdjecie{width:40px;height:40px}
.kamar-pasek-zakupu__nazwa{font-size:13px}
.kamar-pasek-zakupu__cena{font-size:15px;flex-direction:column;align-items:flex-end;gap:0}
html body #addcartbutton.kamar-pasek-zakupu__przycisk,html body #kamar-pasek-powiadom.kamar-pasek-zakupu__przycisk{height:42px;padding:0 12px !important;font-size:14px !important}
html body #addcartbutton.kamar-pasek-zakupu__przycisk{width:44px;height:44px;padding:0 !important;gap:0;font-size:0 !important;border-radius:50% !important}
}
@media (max-width:480px){
.kamar-pasek-zakupu__brak-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
#addcartsection.kamar-pasek-animuje{transition:transform .5s ease}
@media (prefers-reduced-motion: reduce){
#addcartsection.kamar-pasek-animuje{transition:none}
}