.header-nav-ui .logo-ui img {
aspect-ratio: 211 / 45; /* Wielkość zdjecia zrodlowego LOGO*/
}
.baner-prezent-tlo {
/* Wstawienie obrazka jako tło */
background-image: url('/usr/miara-zwijana-small-banner.jpg');
background-repeat: no-repeat;
background-position: bottom center; /* obrazek pojawi się pod tekstem */
background-size: contain; /* dopasuje obrazek, by nie został ucięty */
}
.message-popup-ui.cookie-notice-ui.box-ui.message-popup-lq.print-hidden.in-popup-ui {
top: 5%;
}
.message-popup-background-ui.message-popup-lq {
z-index: 998;
}
@media only screen and (max-width: 1279px) {
.message-popup-background-ui .message-popup-ui {
bottom: auto;
}
}
.banner-szybka-wysylka-glowna {
background-color: #f8f9fa;
border-radius: 1px;
/* border:1px solid #e1e4e8; */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
display:block;
height:auto;
max-width:100%;
/* padding:6px; */
}
.categories-map-ui .level-1-ui {
padding: 10px 10px 5px 10px;
}
.categories-map-ui .image-container-ui {
height: 200px;
}
.categories-map-ui .level-1-ui:hover {
box-shadow: 0 3px 12px 0 #c5c5c5;
}
.flex-wrap-ui {
justify-content: center;
}
.level-1-ui .section-title {
display: flow-root;
}
@media only screen and (max-width: 1279px) {
.categories-map-ui a {
line-height: 1.4;
}
}
@media only screen and (max-width: 1279px) {
.categories-map-ui .level-1-ui {
padding: 5px;
}
}
/* Dodaj do koszyka, po zalogowaniu wieksze niz bylo, ale jeszce nie na cala szerokosc */
.add-to-cart-ui {
width: calc(100% - 45%);
}
/* Dodaj do koszyka, bez zalogowania na cala szerokosc */
.add-buttons-container-ui .add-to-cart-ui:only-child {
width: 100%;
}
/* Zapytaj o towar na cala szerokosc */
button.btn-ui.block-ui.load-product-presentation-form-js.opening-modal-mobile-js.hide-container-js {
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
}
/* kod CSS bannera szybka wysyłka w add-to-cart tylko dla widoku komputerowego */
.banner-szybka-wysylka-add-to-cart {
margin-top: 15px;
}
/* kod CSS bannera szybka wysyłka w add-to-cart, niewidoczne standardowo, pokazuje po skrypcie jak jest w magazynie od reki */
.div-link-szybka-wysylka-add-to-cart {
display: none;
}
@media (max-width: 1279px) {
/* kod CSS bannera tylko dla widoku mobilnego, szerokiego, banner SLIM */
.banner-szybka-wysylka-add-to-cart {
background: url('/usr/szybka-slim.jpg');
width:100%;
aspect-ratio: 1920 / 133; /* wielkość zdjecia zrodlowego */
object-fit: cover;
background-size: 100% auto;
padding: 10px 100% 0px 0px;
}
@media (max-width: 550px) {
/* kod CSS bannera tylko dla widoku mobilnego, wąskiego */
.banner-szybka-wysylka-add-to-cart {
width:100%;
aspect-ratio: 650 / 125; /* wielkość zdjecia zrodlowego z img */
object-fit: cover;
background-size: 100% auto;
padding: 0px 0px 0px 0px;
}
}
}
/* cień przycisku add-to-cart*/
.add-to-cart-ui
{
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23);
}
.button-cta-blog {
display: inline-block;
background-color: #0056b3;
color: white;
padding: 12px 28px;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
text-transform: uppercase;
transition: background-color 0.3s;
}
.button-cta-blog:hover {
color: white;
background-color: #004494
}
.contact-box-blog {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
padding: 20px;
border-radius: 4px;
margin-bottom: 30px;
}
.important-notice-blog {
background-color: #fff3cd;
border-left: 5px solid #ffc107;
padding: 15px 20px;
margin: 30px 0;
border-radius: 4px;
}
/* Zamiana H2, H3 i H4 w opisie kategorii na niebieskie z linia po lewej stronie, zamiast dodawac section-title do kazdego */
.category-description-ui h2, h3, h4 {
border-left: 4px solid #004d8a;
font-weight: 500;
padding: 8px 15px;
margin-bottom: 20px;
font-size: 1.2rem;
};