<style>
.popular .product-item-name {
min-height: 40px;
}
.popular .action.tocart.primary,
.popular .action.tocart.primary > span {
font-size: 1.15rem;
line-height: 125%;
max-width: 90%;
white-space: unset !important;
}
.popular .product-item .product-item-info {
display: flex;
flex-direction: column;
align-items: center;
}
.popular .actions-primary > form {
text-align: center;
}
.cms-home .customClose.show {
display: none !important;
}
.ba-trending-products-section .product-item-link {
font-weight: 100 !important;
}
.ba-trending-products-section .price-box.price-final_price span {
font-weight 200 !important;
}
</style>
<div class="closure-message">
<div class="closure-inner">
<h4 style="font-size: 16px">Saturday 18th May 2024 from 10am GMT, the store is undergoing some maintenance and there may be some disruption / unable to place orders during this time.
</h4>
</div>
</div>
<style>
.closure-inner {
text-align: center;
padding: 15px
}
.closure-message .closure-inner h3 {
font-weight: 500;
font-size: 16px;
margin-top: 0;
font-weight: 100;
}
</style>
<style>
.popular .product-item .product-image-container {
background-color: transparent !important;
}
</style>
<div class="shipping-delay">
<div class="message-inner">
<h4 style="font-size: 16px">Nasz dział obsługi klienta będzie nieczynny od południa 23 grudnia do wtorku 3 stycznia. Informujemy, że zamówienia złożone między 23 grudnia a 3 stycznia mogą nie zostać wysłane przed Nowym Rokiem. Dziękujemy za cierpliwość i zrozumienie w tej kwestii.</h4>
</div>
</div>
<style>
.message-inner {
text-align: center;
padding: 0px 20px 20px 20px;
}
.ba-banner-text-inner h2 {
color: white !important;
}
.ba-banner-container.ba-banner-container-bottom .transparent-background {
background-color: unset !important;
}
</style>
<style>
.ba-desktop-nav [data-depth="1"] [data-children="2"] > h6 {
display: none !important;
}
.seasonal-text-container a {
text-transform: uppercase;
}
.seasonal-header h2 {
margin: 0;
padding: 20px 0;
color: #9D2235;
}
.seasonal-outer,
.seasonal-header-container {
background-color: #f3f3f3;
}
.seasonal-header-container {
text-align: center;
}
.seasonal-outer .pagebuilder-column-group {
max-width: 1280px !important;
margin: 0 auto;
;
}
.seasonal-outer .seasonal-header {
text-align: center;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container {
padding: 30px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container img {
margin-bottom: 25px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container .seasonal-text-container {
text-align: center;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container a {
border: 1px solid #9D2235 !important;
color: #9D2235 !important;
cursor: pointer;
font-weight: 200;
font-size: 14px;
padding: 10px 30px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container a:hover,
.seasonal-outer .pagebuilder-column-group .seasonal-container a:active,
.seasonal-outer .pagebuilder-column-group .seasonal-container a:focus {
text-decoration: none;
background-color: #9D2235 !important;
color: white !important;
}
@media screen and (max-width: 1042px) {
.scrolling-effect .pagebuilder-column-line {
flex-direction: row;
flex-wrap: nowrap !important;
width: max-content !important;
}
.scrolling-effect .pagebuilder-column-line>div {
display: inline-block !important;
}
.scrolling-effect .pagebuilder-column-line>div img {
max-width: 200px;
}
.seasonal-outer {
overflow-x: scroll;
}
}
</style>
<div class="seasonal-header">
<h2>ZIMOWA WYPRZEDAŻ</h2>
</div>
<style>
.seasonal-outer {
background-color: #f3f3f3;
}
.seasonal-outer .pagebuilder-column-group {
max-width: 1280px !important;
margin: 0 auto;;
}
.seasonal-outer .seasonal-header {
text-align: center;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container {
padding: 30px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container img {
margin-bottom: 25px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container .seasonal-text-container {
text-align: center;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container a {
border: 1px solid #03132a;
color: #03132a;
cursor: pointer;
font-weight: 200;
font-size: 14px;
padding: 10px 30px;
}
.seasonal-outer .pagebuilder-column-group .seasonal-container a:hover,
.seasonal-outer .pagebuilder-column-group .seasonal-container a:active,
.seasonal-outer .pagebuilder-column-group .seasonal-container a:focus {
text-decoration: none;
background-color: #03132a;
color: white;
}
</style>
<h2>PRZEGLĄDAJ KATALOG SCANIA JESIEŃ/ZIMA 2023</h2>
<p style="margin-top:30x">OBEJRZYJ NOWĄ KOLEKCJĘ W NASZYM WIRTUALNYM KATALOGU</p>
<p style="margin-top:15px"><a class="action primary" target="_blank" href="https://www.yumpu.com/en/document/read/68425991/scania-autumnwintercatalogue-nocorp">ZOBACZ TUTAJ</a></p>
<img class="lookbook-desktop-img" src="https://shopb2b.scania.com/media/wysiwyg/Scania-AWLookbook23-Banner.jpg" alt="" width="100%" height="auto">
<img class="lookbook-mobile-img" src="https://shopb2b.scania.com/media/wysiwyg/Scania-AWLookbook23-Banner_mobile_.jpg" alt="" width="100%" height="auto">
<style>
.lookbook-mobile-img {display: none}
@media screen and (max-width: 767px) {
.lookbook-mobile-img {display: block;}
.lookbook-desktop-img {display: none;}
}
</style>
<style>
.ba-trending-products-section .ba-trending-products-title {
margin-left: 5%;
}
.ba-trending-products-section .ba-trending-products-title h2 {
margin: 0;
padding-top: 0;
font-size: clamp(1rem, 4vw, 4rem);
}
.ba-trending-products-section .product-items {
padding: 0;
}
.ba-trending-products-section .slick-arrow {
border-radius: 100px;
background: #c8c9c7;
height: 40px;
width: 40px;
}
.ba-trending-products-section .slick-slide .product-item {
padding: 25px;
}
.ba-trending-products-section .slick-arrow:before {
font-size: 22px;
font-weight: bold;
color: #041e42;
}
.ba-trending-products-section {
margin-top: 4%;
}
.ba-trending-products-section .product-items {
padding: 0 2%;
}
@media screen and (max-width: 767px) {
.ba-trending-products-section .ba-trending-products-title h2 {
font-size: 25px;
}
.ba-trending-products-section .product-item-inner {
display: none;
}
}
</style>
<div class="ba-trending-products-title">
<h2>
<span>
W Centrum Uwagi
</span>
</h2>
<p>
<span>
Kup bestsellerowe artykuły i ciesz się stylem życia Scania
</span>
</p>
</div>
<style>
.ba-mailing-container {
margin: 4%;
}
.ba-mailing-container figure {
display: none;
}
.ba-mailing-container .ba-mailing-text-container {
padding: 2%;
}
.ba-mailing-text {
background-color: #041e42;
}
.ba-mailing-container .ba-mailing-text-container h3 {
font-weight: 400;
line-height: 175%;
color: white;
margin: 0;
}
.ba-mailing-sub-text p {
font-size: 10px;
color: white;
}
.cms-home .column.main {
padding-bottom: 0;
}
/* FORM STYLIN */
.ba-mailing-container .ba-mailing-signup-container input:not(.gf__submit),
.ba-mailing-container .ba-mailing-signup-container select {
margin: 0;
font-weight: 200;
color: #3A3B3F;
background-color: white;
border: 1px solid white !important;
border-bottom: 2px solid #f6f6f7 !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 30px;
}
.ba-mailing-container .ba-mailing-signup-container input:focus {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
border-bottom: 2px solid #4a89f3 !important;
}
.ba-mailing-container .gf__control {
margin: 2% 0;
}
.ba-mailing-container .gf__control > label {
font-size: 12px;
text-transform: capitalize;
color: white;
}
.ba-mailing-container .ba-mailing-signup-container .gf__submit,
.ba-mailing-container .ba-mailing-signup-container button{
font-size: 18px;
font-weight: 100;
width: 100%;
padding: 1rem 2rem;
color: white;
background-color: #2175b6;
border: 1px solid #2175b6 !important;
margin: 2% 0;
}
@media screen and (min-width: 768px) {
.ba-mailing-container figure {
display: block;
}
.ba-mailing-container figure img {
height: 100% !important;
}
.ba-mailing-container .ba-mailing-text-container h3 {
font-size: 22px;
line-height: 150%;
}
.ba-mailing-container {
margin: 2% 0 3% 0;
}
}
.modal-open .ba-opt-in-modal-container {
position: fixed;
top: 0;
}
</style>
<div class="ba-mailing-text-container">
<div class="ba-mailing-text-title">
<h3>Zarejestruj się i najszybciej dowiaduj się o ekskluzywnych ofertach i promocjach</h3>
</div>
<div class="ba-mailing-signup-container">
<button id="mailingOptBtn" class="ba-mailing-btn"><span>Zarejestruj się</span></button>
</div>
<div class="ba-mailing-sub-text">
<p>Rejestrując się, akceptujesz regulamin i politykę prywatności.</p>
</div>
</div>
<script>
require([
'jquery'
], function ($) {
$(document).ready(function () {
$('#mailingOptBtn').on('click', function () {
$('body').addClass('modal-open');
});
});
});
</script>
<div id="service-update-oct" style="display: none;">
<div id="service-update-oct-content" class="modal-body-content">
<div>
<p style="margin-top:22px;">
Due to a service outage, placement of orders will be limited on this website.
</p>
<p>
This has been escalated and we will be working to restore these services today as our highest priority.
</p>
<p>
We apologise for any inconvenience.
</p>
</div>
</div>
</div>
<script type="text/javascript">
/*
require([
'jquery',
'mage/url',
'mage/translate',
'Magento_Ui/js/modal/modal',
'mage/mage'
], function($,url,$tr,modal){
var options = {
type: 'popup',
responsive: true,
innerScroll: true,
title: 'Service Update',
buttons: [{
text: $tr('Close'),
class: 'action submit warning button ba-sub-close',
click: function () {
this.closeModal();
}
}]
};
var popup = modal(options, $('#service-update-oct'));
$('#service-update-oct').modal('openModal');
});
*/
</script>