/*START Quantity buttons */ .p-detail .add-to-cart .quantity { border-style: none; display: flex; } .quantity input { background: #f3f3f3; text-align: center; height: 48px; order: 2; } .quantity .increase, .quantity .decrease { border-color: #def2f1; background-color: #def2f1; color: #3aafa9; position: initial; } .add-to-cart .quantity .increase, .add-to-cart .quantity .decrease { width: 50px; height: 48px; } .quantity-form .quantity { padding-right: 0px; display: flex; border-style: none; } .quantity-form .quantity .increase, .quantity-form .quantity .decrease { width: 36px; height: 36px; } .quantity .increase { order: 1; border-style: none; border-radius: 3.2rem 0 0 3.2rem; } .quantity .decrease { order: 3; border-style: none; border-radius: 0 3.2rem 3.2rem 0; } .quantity .increase::before, .quantity .decrease::before { position: initial; display: flex; justify-content: center; align-items: center; text-align: center; } .quantity .increase::before { content: '\e918'; } .quantity .decrease::before { content: '\e919'; } .cart-widget-product-amount { width: 100px; } /* END Quantity buttons */ /* START Add to cart button */ .btn.btn-cart.btn-lg, a.btn.btn-cart.btn-lg, .btn.add-to-cart-button.btn-lg, a.btn.add-to-cart-button.btn-lg { padding-right: 20px; border-radius: 3.9rem; padding-left: 20px; text-transform: uppercase; font-size: 16px; font-weight: 600; } .btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before { content: none; } /* END Add to cart button */ /* START Product block layout */ .products-block .p-bottom .prices { text-align: center; } .products-block .p-bottom .prices, .products-block .p-bottom .p-tools { flex-basis: 0%; } .products-block .ratings-wrapper .availability { flex: 1 1 60%; text-align: center; } .products-block .ratings-wrapper .stars-wrapper { justify-content: flex-end; } .p .name { color: #000; text-transform: lowercase; } .p .name::first-letter { text-transform: uppercase; } .products-block.products .p .price strong { color: #3AAFA9; font-weight: 600; } @media screen and (min-width: 768px) { .products-block .name { text-align: center; } } /* END Product block layout */ /* START Phone icon mobile */ @media screen and (max-width: 991px) { .project-phone { display: inline-block; width: initial; } .project-phone::before { top: -22px; font-size: 30px; } .project-phone::after { content: none; } .project-phone span { display: none; } } @media screen and (max-width: 767px) { .project-phone { position: absolute; right: 100px; top: -30px; } } /* END Phone icon mobile */ /* START Banners overlay #dklabBanplusUvod a.dklabBanplusBox { transition: filter 350ms !important; /* !important because otherwise this would get overriden by style which is written directly in HTML file as