.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}h1.entry-title {
font-weight: 900 !important;
font-size: 74px !important;
line-height: 1.5;
color: #1b2e54 !important;
float: left !important;
text-transform: uppercase !important;
} .mkdf-top-bar a,
.mkdf-top-bar a:visited {
color: #001659;
text-decoration: none;
margin-right: 25px;
margin-left: 6px;
font-weight: 400;
transition: color 0.25s ease-out;
}
.mkdf-top-bar a:hover {
color: #ff4400;
}
.mkdf-top-bar svg,
.mkdf-top-bar i {
vertical-align: middle;
margin-right: 6px;
} .mkdf-main-menu ul,
.mkdf-main-menu li {
margin: 0;
padding: 0;
list-style: none;
} .site-header-section-right {
flex: 1 1 auto;
display: flex;
justify-content: flex-start;
}
.navigation-wrapper {
display: flex;
justify-content: flex-end;
width: 100%;
}
.main-navigation {
width: 100%;
display: flex;
}
.mkdf-main-menu {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 32px !important;
list-style: none !important;
padding: 0 !important;
margin: 12px 0 0 0 !important;
margin-left: 260px !important; }
.mkdf-main-menu > li {
position: relative !important;
display: flex !important;
align-items: center !important;
white-space: nowrap !important;
} .mkdf-main-menu > li > a,
.mkdf-main-menu > li > span.menu-item-label-not-clickable {
color: #001659 !important;
font-weight: 500 !important;
font-size: 16px !important;
text-decoration: none !important;
position: relative !important;
padding-bottom: 6px !important;
transition: all 0.3s ease !important;
}
.mkdf-main-menu > li > a::after,
.mkdf-main-menu > li > span.menu-item-label-not-clickable::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #ff4400 !important;
transition: width 0.3s ease !important;
}
.mkdf-main-menu > li > a .item_text,
.mkdf-main-menu > li > span.menu-item-label-not-clickable .item_text {
display: inline-block !important;
transition: transform 0.3s ease, color 0.3s ease !important;
font-size: 22px;
}
.mkdf-main-menu > li > a:hover .item_text,
.mkdf-main-menu > li > span.menu-item-label-not-clickable:hover .item_text {
color: #ff4400 !important;
transform: translateX(6px) !important;
}
.mkdf-main-menu > li:hover > a::after,
.mkdf-main-menu > li:hover > span.menu-item-label-not-clickable::after {
width: 100% !important;
} .mkdf-main-menu > li.menu-item-has-children:hover > a,
.mkdf-main-menu > li.menu-item-has-children:hover > span.menu-item-label-not-clickable {
color: #001659 !important;
} .mkdf-main-menu > li.menu-item-has-children:hover > .sub-menu.mkdf-grid {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
}
.sub-menu.mkdf-grid {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
position: absolute !important;
top: 100% !important;
left: 50% !important;
transform: translateX(-50%) !important;
max-width: 1400px !important;
width: calc(100vw - 120px) !important;
padding: 40px 60px !important;
gap: 80px !important;
flex-wrap: nowrap !important;
background: #fff !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
border-radius: 8px !important;
z-index: 999 !important;
} .sub-menu.mkdf-grid > .mkdf-mega-menu-column {
width: 220px !important;
flex-shrink: 0 !important;
}
.sub-menu.mkdf-grid > .mkdf-mega-menu-column ul {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.sub-menu.mkdf-grid > .mkdf-mega-menu-column ul li a {
display: block !important;
font-size: 14px !important;
color: #1a1a1a !important;
text-decoration: none !important;
transition: color 0.2s ease, transform 0.3s ease !important;
transform: translateX(0) !important;
}
.sub-menu.mkdf-grid > .mkdf-mega-menu-column ul li a:hover {
color: #ff4400 !important;
transform: translateX(8px) !important;
} h6.mega-title {
font-weight: bold !important;
font-size: 14px !important;
margin-bottom: 8px !important;
color: #001659 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
h6.mega-title .plus-icon {
display: none !important;
} .no_link {
cursor: default !important;
text-decoration: none !important;
color: #001659 !important;
}
.no_link:hover {
color: #ff4400 !important;
}
.item_outer {
position: relative !important;
display: inline-block !important;
}
.item_text {
font-weight: 500 !important;
color: #001659 !important;
display: inline-block !important;
} .site-header-section-center nav ul {
display: flex;
border-left: 1px solid #eee;
}
.site-header-section-center nav ul li {
border-right: 1px solid #eee;
}
.site-header-section-center nav ul li a {
display: block;
padding: 22px 30px;
font-weight: 500;
font-size: 15px;
color: #001659;
text-decoration: none;
transition: all 0.2s ease;
}
.site-header-section-center nav ul li a:hover {
color: #f3500e;
border-bottom: 2px solid #f3500e;
}
.footer-granit {
background-color: #0b0f2a;
color: #cfd2e1;
font-family: 'Yantramanav', sans-serif;
font-size: 15px;
line-height: 1.6;
padding: 80px 30px 0;
}
.footer-granit .container {
display: grid;
grid-template-columns: repeat(4, 1fr);
max-width: 1240px;
gap: 48px;
margin: 0 auto;
}
.footer-granit h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 20px;
color: #fff;
}
.footer-granit ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-granit li {
margin-bottom: 10px;
}
.footer-granit a,
.footer-granit .contact-info {
color: #cfd2e1;
text-decoration: none;
transition: color 0.3s ease;
cursor: pointer;
}
.footer-granit a:hover,
.footer-granit .contact-info:hover {
color: #ff5b00;
}
.footer-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px;
background-color: #0b0f2a;
border-top: 1px solid rgba(255,255,255,0.1);
width: 100vw;
max-width: 100%;
}
.footer-bar .logo img {
height: 30px;
}
.footer-bar .social {
display: flex;
gap: 12px;
}
.footer-bar .social a {
width: 40px;
height: 40px;
background-color: transparent;
color: #cfd2e1;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
font-size: 16px;
transition: background-color 0.3s ease, color 0.3s ease;
}
.footer-bar .social a:hover {
background-color: #fff;
color: #ff5b00;
}
.kontakt-page {
font-family: 'Yantramanav', sans-serif;
}
.kontakt-map iframe {
width: 100%;
height: 400px;
display: block;
border: none;
}
.kontakt-wrap {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.kontakt-left,
.kontakt-right {
width: 50%;
padding: 60px;
box-sizing: border-box;
}
.kontakt-left {
background: #ffffff;
}
.kontakt-right {
background: #0d1a3b;
color: #fff;
display: flex;
align-items: center;
}
.kontakt-info {
max-width: 500px;
margin: 0 auto;
}
.kontakt-info h6 {
font-size: 13px;
text-transform: uppercase;
color: #aaa;
margin-bottom: 10px;
}
.kontakt-info h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 30px;
color: #fff;
}
.kontakt-info p {
font-size: 16px;
margin-bottom: 18px;
line-height: 1.7;
}
.kontakt-info a {
color: #fff;
text-decoration: underline;
}
.kontakt-info a:hover {
color: #ff5e1a;
}
.kontakt-info h5 {
font-size: 16px;
margin-top: 30px;
margin-bottom: 15px;
}
.social-icons a {
font-size: 20px;
margin-right: 20px;
color: #fff;
}
.social-icons a:hover {
color: #ff5e1a;
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
width: 100%;
padding: 14px 0;
border: none;
border-bottom: 1px solid #ccc;
font-size: 16px;
background: transparent;
margin-bottom: 20px;
}
.wpcf7-form textarea {
resize: vertical;
}
.wpcf7-form input[type="submit"],
.wpcf7-form button {
background: #ff5e1a;
color: white;
border: none;
padding: 14px 30px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
transition: background 0.3s ease;
}
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button:hover {
background: #e44a0a;
}
.wpcf7-form .wpcf7-response-output {
margin-top: 20px;
color: #333;
}
@media (max-width: 992px) {
.kontakt-left,
.kontakt-right {
width: 100%;
padding: 40px 30px;
}
.kontakt-wrap {
flex-direction: column;
}
}
.adresy-wrap {
gap: 40px;
flex-wrap: wrap;
margin-bottom: 30px;
}
.adres-kolumna {
flex: 1;
min-width: 200px;
}
.kontakt-info a {
color: #fff;
text-decoration: none;
transition: color 0.3s ease;
}
.kontakt-info a:hover {
color: #ff5e1a;
text-decoration: none;
}
.kontakt-social-label {
color: #fff;
margin-top: 30px;
margin-bottom: 15px;
font-size: 16px;
} .shop-header-section {
background: repeating-linear-gradient(
45deg,
#f5f8fc,
#f5f8fc 6px,
#ffffff 6px,
#ffffff 12px
);
padding: 60px 20px;
text-align: left;
}
.shop-subtitle {
font-size: 13px;
color: #0e1d56;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
.shop-title {
font-size: 48px;
font-weight: 700;
color: #0e1d56;
margin: 0;
}
.shop-description {
color: #555;
font-size: 16px;
margin-top: 12px;
} .shop-content-section {
background-color: #f8fbfd;
padding: 60px 20px;
}
.shop-flex {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: flex-start;
max-width: 1000px;
margin: 0 auto;
}
.shop-sidebar {
width: 240px;
flex-shrink: 0;
}
.sidebar-title {
font-size: 20px;
font-weight: 700;
color: #0e1d56;
margin-bottom: 20px;
}
.product-cat-menu {
list-style: none;
padding: 0;
margin: 0;
}
.product-cat-menu li {
margin-bottom: 14px;
}
.product-cat-menu a {
text-decoration: none;
color: #0e1d56;
font-weight: 600;
position: relative;
padding-left: 16px;
display: inline-block;
transition: color 0.3s;
}
.product-cat-menu a .plus {
color: #f4511e;
position: absolute;
left: 0;
font-weight: bold;
transition: transform 0.3s ease;
}
.product-cat-menu a:hover {
color: #f4511e;
}
.product-cat-menu a:hover .plus {
transform: rotate(90deg);
}
.product-sekcja {display: grid;max-width: 1200px; gap:60px;margin: 0 auto;padding: 0 20px 60px;} .shop-products {
flex: 1;
min-width: 0;
}
.video{margin-bottom: 60px;} ul.products.columns-4 {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 32px !important;
}
ul.products.columns-4 li.product {
background: #fff;
border: 1px solid #eee;
padding: 10px;
transition: all 0.3s ease;
}
ul.products.columns-4 li.product:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
ul.products.columns-4 li.product a {
text-decoration: none;
}
ul.products.columns-4 li.product a:hover {
text-decoration: none;
}
.blog-header-section {
background: repeating-linear-gradient(45deg, #f7f9fb, #f7f9fb 4px, #ffffff 4px, #ffffff 8px);
padding: 80px 0 60px;
}
.blog-subtitle {
font-size: 14px;
font-weight: 700;
color: #001659;
text-transform: uppercase;
margin-bottom: 0;
}
.blog-title {
font-size: 80px;
font-weight: 700;
color: #001659;
font-family: 'Yantramanav', sans-serif;
margin-top: 0;
}
.blog-posts-flex {
display: flex;
flex-wrap: wrap;
gap: 40px 30px;
justify-content: flex-start;
padding: 60px 0;
margin: 0 auto;
max-width: 1000px;
}
.blog-entry {
width: calc(33.333% - 20px);
background: #fff;
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
padding: 20px;
display: flex;
flex-direction: column;
transition: transform 0.3s;
border: 1px solid #eee;
}
.blog-entry:hover {
transform: translateY(-5px);
}
.blog-thumb img {
width: 100%;
height: auto;
display: block;
}
.blog-meta {
margin-top: 16px;
font-size: 12px;
color: #999;
text-transform: uppercase;
}
.blog-entry-title {
font-size: 22px;
font-weight: 700;
color: #001659;
margin: 8px 0 10px;
}
.blog-entry-title a {
color: #001659;
text-decoration: none;
}
.blog-entry-title a:hover {
text-decoration: none;
color: #ff5b00;
}
.blog-excerpt {
font-size: 14px;
color: #444;
line-height: 1.6;
margin-bottom: 20px;
}
.blog-readmore {
display: flex;
align-items: center;
gap: 12px;
margin-top: auto;
}
.blog-readmore a {
font-weight: 700;
font-size: 14px;
color: #001659;
text-decoration: none;
}
.blog-readmore a:hover {
color: #ff5b00;
text-decoration: none;
}
.blog-readmore-plus {
width: 36px;
height: 36px;
background: #001659;
color: #fff;
font-size: 22px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0;
transition: all 0.3s;
}
.blog-readmore-plus:hover {
background: #ff5b00;
color: #fff;
}
@media (max-width: 1024px) {
.blog-entry {
width: calc(50% - 20px);
}
}
@media (max-width: 768px) {
.hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
}
.blog-entry {
width: 100%;
}
} .hero-slider {
position: relative;
overflow: hidden;
min-height: 100vh;
height: auto;
margin-bottom: 0;
}
.hero-slide {
position: relative;
width: 100%;
min-height: 100vh;
display: flex;
align-items: flex-end;
justify-content: flex-start;
padding: 0 4rem 5rem;
}
.hero-bg {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background-size: cover;
background-position: center;
z-index: 1;
}
.hero-overlay {
position: relative;
z-index: 2;
text-align: left;
color: white;
max-width: 700px;
top: -80px;
}
.hero-overlay h1 {
font-size: 2.8rem;
margin: 0;
font-weight: 900;
line-height: 1.1;
text-shadow: 0 5px 10px rgba(0,0,0,0.7);
color: #fff;
}
.hero-overlay p {
font-size: 1.2rem;
font-weight: 500;
margin: 1rem 0 2rem;
text-shadow: 0 5px 10px rgba(0,0,0,0.6);
color: #fff;
}
.hero-buttons {
display: flex;
gap: 1rem;
}
.hero-buttons a {
padding: 1.2rem 2.4rem;
font-size: 1rem;
font-weight: bold;
text-decoration: none;
border-radius: 0;
}
.btn-orange {
background: #f1592a;
color: white;
}
.btn-orange:hover {
background: #fff;
color: #f1592a;
}
.btn-blue {
background: #122c78;
color: white;
}
.btn-blue:hover {
background: #fff;
color: #122c78;
} .glide__bullets {
position: absolute;
bottom: 3rem;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
.glide__bullet {
width: 12px;
height: 12px;
background: #122c78;
border-radius: 50%;
opacity: 0.3;
transition: opacity 0.3s;
}
.glide__bullet:focus,
.glide__bullet:hover,
.glide__bullet.glide__bullet--active {
opacity: 1;
} .arrows-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
}
.glide__arrow {
width: 70px;
height: 70px;
font-size: 1.8rem;
font-weight: bold;
border: none;
cursor: pointer;
transition: background 0.3s ease, color 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
} .glide__arrow--left {
background: #ffffff;
color: #122c78;
} .glide__arrow--right {
background: #f1592a;
color: #ffffff;
} .glide__arrow--left:hover {
background: #f1592a;
color: #ffffff;
}
.glide__arrow--right:hover {
background: #ffffff;
color: #f1592a;
} .granit-products-section {
padding: 100px 20px 80px;
background: #fff;
}
.granit-products-title {
font-size: 60px;
font-weight: 800;
color: #0a0a51;
font-family: 'Yantramanav', sans-serif;
margin-bottom: 60px;
text-align: left;
}
.granit-products-grid {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.granit-product-box {
width: 260px;
padding: 50px 30px;
background: #fff;
border: 1px solid #e6e6e6;
text-align: left;
transition: all 0.3s ease;
position: relative;
text-decoration: none;
color: #0a0a51;
border-bottom: 4px solid #f26522;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.granit-product-box:hover {
background-color: #0a0a51;
color: #fff;
border-bottom: 4px solid transparent;
}
.granit-product-subtitle {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
margin-bottom: 8px;
transition: color 0.3s;
}
.granit-product-title {
font-size: 20px;
font-weight: 700;
font-family: 'Yantramanav', sans-serif;
line-height: 1.4;
margin: 0;
transition: color 0.3s;
}
.granit-product-box:hover .granit-product-title,
.granit-product-box:hover .granit-product-subtitle {
color: #fff;
}
.granit-product-plus {
display: inline-block;
font-size: 22px;
color: #0a0a51;
margin-top: 30px;
transition: 0.3s;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.granit-product-box:hover .granit-product-plus {
background: #f26522;
color: #fff;
} .granit-transport-section {
background: #fff;
padding: 80px 0;
position: relative;
}
.granit-transport-wrapper {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
flex-wrap: wrap;
padding: 0 20px;
background-image: repeating-linear-gradient(
45deg,
transparent,
transparent 8px,
#f7f7f7 8px,
#f7f7f7 16px
);
}
.granit-transport-image img {
width: 100%;
max-width: 540px;
height: auto;
display: block;
}
.granit-transport-content {
max-width: 560px;
}
.granit-transport-subtitle {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #999;
margin-bottom: 10px;
}
.granit-transport-title {
font-size: 42px;
font-weight: 800;
color: #0a0a51;
font-family: 'Yantramanav', sans-serif;
margin-bottom: 20px;
}
.granit-transport-description {
font-size: 16px;
color: #333;
line-height: 1.7;
margin-bottom: 20px;
}
.granit-transport-list {
list-style: none;
padding: 0;
margin: 0 0 30px 0;
}
.granit-transport-list li {
font-weight: 700;
color: #0a0a51;
margin-bottom: 10px;
font-size: 16px;
}
.granit-btn-orange {
display: inline-block;
background: #f26324;
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
padding: 12px 24px;
text-decoration: none;
border: none;
border-radius: 0;
cursor: pointer;
}
.granit-btn-orange:hover {
background: #e5561a; } .granit-bestsellers-section {
padding: 80px 0;
background: #fff;
}
.granit-section-title {
font-size: 42px;
color: #0a0a51;
font-family: 'Yantramanav', sans-serif;
font-weight: 800;
text-align: left;
margin-bottom: 60px;
padding-left: 20px;
}
.granit-bestsellers-grid {
max-width: 1220px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 40px;
justify-items: center;
align-items: start;
}
.granit-bestseller-box {
background: #fff;
border: 1px solid #eee;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
padding: 30px 20px;
text-align: center;
border-bottom: 3px solid #f26324;
}
.granit-bestseller-box img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
margin: 0 auto;
}
.granit-bestseller-size {
font-size: 11px;
text-transform: uppercase;
color: #999;
font-weight: 600;
margin-bottom: 10px;
}
.granit-bestseller-title {
font-size: 18px;
color: #0a0a51;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
}
.granit-bestseller-desc {
font-size: 15px;
color: #333;
line-height: 1.6;
} .info-blocks-section {
background: #e8e8e8;
padding: 4rem 2rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
text-align: center;
}
.info-block {
width: 220px;
}
.info-block img {
height: 60px;
margin-bottom: 1rem;
}
.info-block h4 {
font-size: 1.2rem;
margin-bottom: 0.5rem;
color: #001b50;
}
.info-block p {
font-size: 1rem;
color: #333;
} .certyfikaty-section {
background-image: url(//granit-world.pl/wp-content/themes/granit-world/<?php echo get_stylesheet_directory_uri(); ?>/assets/tlo-pomaranczowasekcja.jpg');
background-size: cover;
background-position: center;
padding: 60px 0;
}
.certyfikaty-wrapper {
max-width: 1400px;
margin: 0 auto;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.certyfikat {
width: 120px;
height: 120px;
perspective: 1000px;
}
.certyfikat img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.5s ease;
}
.certyfikat:hover img {
transform: rotateX(360deg);
} .granit-section {
background-size: cover;
background-position: center;
padding: 100px 0;
position: relative;
}
.granit-content {
max-width: 500px;
background-color: #f15a29;
color: white;
padding: 40px;
margin-left: auto;
margin-right: 100px;
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.granit-sub {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px;
display: block;
margin-bottom: 10px;
}
.granit-title {
font-size: 42px;
font-weight: 700;
margin-bottom: 20px;
font-family: 'Yantramanav', sans-serif;
}
.granit-content p {
margin-bottom: 15px;
font-size: 16px;
line-height: 1.6;
}
.granit-btn {
display: inline-block;
background: white;
color: #f15a29;
padding: 12px 28px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
transition: background 0.3s, color 0.3s;
}
.granit-btn:hover {
background: #e0e0e0;
color: #f15a29;
} .faq-section {
padding: 100px 0;
background-size: cover;
background-position: center;
}
.faq-container {
display: flex;
align-items: flex-start;
justify-content: center;
max-width: 1440px;
margin: 0 auto;
gap: 60px;
padding: 0 40px;
}
.faq-image img {
width: 100%;
max-width: 540px;
height: auto;
display: block;
border-radius: 0;
}
.faq-accordion {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.faq-item {
background: #fff;
padding: 30px 20px;
position: relative;
transition: box-shadow 0.3s ease;
box-shadow: 0 0 0 transparent;
border-left: 4px solid transparent;
}
.faq-item.active {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
border-left: 4px solid #F2551C;
}
.faq-question {
font-size: 20px;
font-weight: 700;
color: #151958;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0;
padding-right: 60px;
position: relative;
}
.faq-answer {
margin-top: 15px;
font-size: 16px;
color: #2e2e2e;
line-height: 1.6;
display: none;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-toggle {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
background: #F2551C;
color: #fff;
border: none;
width: 32px;
height: 32px;
font-size: 20px;
font-weight: bold;
border-radius: 0;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 8px 20px rgba(242, 85, 28, 0.4);
transition: background 0.3s ease;
} .blog-section {
background-color: #0c1f61;
padding: 80px 0 120px;
color: #fff;
}
.blog-container {
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
}
.blog-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
}
.blog-title {
font-size: 52px;
font-weight: 900;
text-transform: uppercase;
color: #ffffff;
}
.blog-more {
color: white;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
text-decoration: none;
}
.blog-more-arrow {
background-color: #f3500e;
color: white;
padding: 8px 12px;
border-radius: 2px;
margin-left: 8px;
display: inline-block;
}
.blog-grid {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.blog-post {
background: #ffffff;
flex: 1 1 calc(33.333% - 20px);
display: flex;
flex-direction: column;
border-bottom: 4px solid #f3500e;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
transform: scale(1);
cursor: pointer;
}
.blog-post:hover {
transform: scale(1.03);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
}
.blog-post img {
width: 100%;
height: 250px;
object-fit: cover;
display: block;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.blog-content {
padding: 25px 20px 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.blog-date {
color: #666;
font-size: 13px;
text-transform: uppercase;
margin-bottom: 10px;
display: block;
}
.blog-headline {
color: #0c1f61;
font-size: 20px;
font-weight: 700;
margin: 0 0 15px;
}
.blog-readmore {
color: #0c1f61;
font-weight: 600;
font-size: 15px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
transition: color 0.3s ease;
}
.blog-readmore .plus-icon {
display: inline-block;
background-color: transparent;
color: #0c1f61;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
font-weight: bold;
border-radius: 2px;
border: none;
transition: all 0.3s ease;
font-size: 20px;
box-shadow: none;
}
.blog-post:hover .blog-readmore {
color: #f3500e;
}
.blog-post:hover .blog-readmore .plus-icon {
background-color: #f3500e;
color: #fff;
} .blog-headline.orange,
.blog-readmore.orange {
color: #f3500e;
}
.blog-title {color: white !important;} .single-post-hero {
width: 100%;
max-height: 500px;
overflow: hidden;
position: relative;
}
.single-post-hero img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.single-post-section {
background-color: #0c1f61;
color: white;
padding: 80px 20px;
}
.single-post-container {
max-width: 900px;
margin: 0 auto;
background: #fff;
color: #0c1f61;
border-radius: 8px;
padding: 40px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
.single-post-title {
font-size: 42px;
font-weight: 800;
margin-bottom: 20px;
text-transform: uppercase;
}
.single-post-meta {
font-size: 14px;
color: #666;
margin-bottom: 30px;
}
.single-post-content p {
margin-bottom: 20px;
line-height: 1.8;
font-size: 16px;
}
.single-post-tags {
margin-top: 40px;
}
.single-post-tags a {
display: inline-block;
background-color: #eaeaea;
color: #0c1f61;
font-size: 13px;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 2px;
margin-right: 8px;
text-decoration: none;
font-weight: 600;
}
.single-post-navigation {
display: flex;
justify-content: space-between;
margin-top: 60px;
border-top: 1px solid #ddd;
padding-top: 20px;
}
.single-post-navigation a {
color: #f3500e;
font-weight: 600;
text-decoration: none;
}
.related-posts-section {
background-color: #f6f8fc;
padding: 60px 20px;
}
.related-posts-container {
max-width: 1240px;
margin: 0 auto;
}
.related-posts-title {
font-size: 32px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 40px;
color: #0c1f61;
}
.related-posts-grid {
display: flex;
gap: 30px;
flex-wrap: wrap;
} .section-title,
.granit-products-title,
.bestellery-title,
.transport-title,
.faq-title {
font-size: 65px;
font-weight: 800;
font-family: 'Yantramanav', sans-serif;
color: #0a0a51;
text-align: left;
margin-bottom: 60px;
padding-left: 60px; 
}
.granit-products-grid,
.bestellery-grid,
.transport-grid,
.blog-grid,
.faq-grid {
padding-left: 60px;
padding-right: 60px;
}
.granit-grid {
display: flex;
flex-direction: column;
gap: 80px;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: "Poppins", sans-serif;
}
.granit-grid .row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
align-items: center;
justify-items: center;
text-align: center;
}
.granit-grid .image img {
width: 100%;
max-width: 280px;
height: auto;
border-radius: 0;
}
.granit-grid .text {
max-width: 300px;
display: flex;
flex-direction: column;
align-items: center;
}
.granit-grid .text .icon {
width: 140px;
height: auto;
margin-bottom: 15px;
}
.granit-grid > .text > p {margin-top: -3px;}
.granit-grid .text h4 {
font-size: 18px;
font-weight: 600;
color: #0a0a5e; margin-bottom: 28px;
margin-top: -23px;
}
.granit-grid .text p {
font-size: 14px;
line-height: 1.5;
color: #333333;
margin-top: -17px;
}
.masonry-section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Poppins', sans-serif;
}
.masonry-title {
font-size: 56px;
font-weight: 900;
color: #0a0a5e;
text-align: center;
text-transform: uppercase;
letter-spacing: -1px;
margin-bottom: 40px;
}
.masonry-image-wrapper {
display: flex;
justify-content: center;
margin-bottom: 60px;
}
.masonry-main-image {
max-width: 100%;
height: auto;
display: block;
}
.masonry-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
text-align: center;
color: #000;
}
.masonry-heading {
font-size: 22px;
font-weight: 700;
color: #0a0a5e;
margin-bottom: 15px;
}
.masonry-text {
font-size: 15px;
line-height: 1.6;
}
.buce-section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Poppins', sans-serif;
}
.section-title {
font-size: 56px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
color: #0a0a5e;
margin-bottom: 20px;
}
.section-description {
max-width: 900px;
margin: 0 auto 60px;
font-size: 16px;
line-height: 1.6;
color: #333;
text-align: center;
} .top-gallery {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}
.top-gallery img {
width: 100%;
max-width: 380px;
height: auto;
object-fit: cover;
display: block;
} .buce-descriptions {
display: flex;
justify-content: space-between;
text-align: center;
gap: 20px;
margin-bottom: 60px;
}
.buce-descriptions h2 {
font-size: 20px;
font-weight: 700;
color: #0a0a5e;
margin-bottom: 10px;
}
.buce-descriptions p {
font-size: 15px;
color: #000;
line-height: 1.6;
margin: 0;
} .bottom-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.bottom-gallery img {
width: 100%;
height: 260px; 
object-fit: cover;
display: block;
}
.stopnie-section {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Poppins', sans-serif;
color: #0a0a5e;
}
.section-header {
font-size: 56px;
font-weight: 900;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
.section-lead {
max-width: 900px;
margin: 0 auto 60px;
font-size: 16px;
line-height: 1.6;
color: #333;
text-align: center;
}
.top-images {
display: flex;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}
.top-images img {
width: 100%;
max-width: 380px;
height: auto;
object-fit: cover;
display: block;
}
.cards {
display: flex;
justify-content: space-between;
gap: 20px;
text-align: center;
margin-bottom: 60px;
}
.card h2 {
font-size: 20px;
font-weight: 700;
color: #0a0a5e;
margin-bottom: 10px;
}
.card p {
font-size: 15px;
line-height: 1.6;
color: #000;
margin: 0;
}
.bottom-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.bottom-gallery img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
}
.stopnie-blokowe {
max-width: 1200px;
margin: 0 auto;
padding: 80px 20px 100px;
color: #0a0a5e;
}
.sekcja-tytul {
font-size: 56px;
font-weight: 900;
text-align: left;
color: #0a0a5e;
text-transform: uppercase;
margin: 40px 0 60px;
}
.glowne-zdjecie {
width: 100%;
max-width: 900px;
margin: 0 auto 60px;
display: block;
border-radius: 0;
}
.siatka-stopni {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.blok-stopnia {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.blok-stopnia img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 0;
margin-bottom: 15px;
display: block;
}
.blok-stopnia h2 {
font-size: 23px;
font-weight: 700;
color: #0a0a5e;
margin: 15px 0 10px;
text-align: center;
}
.blok-stopnia p {
font-size: 14px;
color: #333;
line-height: 1.6;
margin: 0;
text-align: center;
}
.plyty-granitowe {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: Arial, sans-serif;
}
.main-image img {
width: 100%;
height: auto;
display: block;
margin-bottom: 60px;
}
.main-image-80 img {
width: 80%;
height: auto;
display: block;
margin-bottom: 60px;
margin:0 auto;
}
.plyty-grid {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
.plyta-box {
flex: 1 1 30%;
max-width: 32%;
text-align: left;
}
.plyta-box img {
width: 100%;
min-height: 230px;
object-fit: cover;
margin-bottom: 20px;
display: block;
}
.plyta-box h2 {
font-size: 20px;
font-weight: bold;
color: #1c1c6a;
margin-bottom: 10px;
}
.plyta-box p {
font-size: 15px;
line-height: 1.6;
color: #333;
}
@media (max-width: 900px) {
.plyty-grid {
flex-direction: column;
}
.plyta-box {
max-width: 100%;
}
}
.main-image img {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
margin-bottom: 50px;
}
.intro-text {margin-bottom: 50px;}
.product-description {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.product-section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 60px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px 60px;
}
.product-item {
display: flex;
flex-direction: column;
}
.product-title {
font-size: 22px;
font-weight: 700;
color: #0a1a38;
margin-bottom: 10px;
}
.product-label {
color: #0a1a38;
font-weight: bold;
}
.product-item p {
font-size: 16px;
line-height: 1.6;
color: #222;
}
.product-item img {
width: 100%;
height: auto;
max-height: 120px;
object-fit: cover;
object-position: center;
margin-top: 12px;
} .product-grid-section {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
.product-grid-gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-bottom: 60px;
}
.product-grid-gallery img {
width: 100%;
height: auto;
object-fit: cover;
} .product-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
text-align: center;
}
.product-column img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.product-sub {
font-size: 13px;
color: #0a1a38;
margin-bottom: 6px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.product-title {
font-size: 18px;
font-weight: 700;
color: #0a1a38;
margin-bottom: 8px;
}
.product-text {
font-size: 15px;
color: #222;
line-height: 1.5;
} @media (max-width: 1024px) {
.product-grid-gallery {
grid-template-columns: repeat(2, 1fr);
}
.product-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.product-grid-gallery {
grid-template-columns: 1fr;
}
.product-grid {
grid-template-columns: 1fr;
}
}
.lukowe-meta {
color: #888;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.06em;
margin-bottom: 10px;
font-weight: 500;
top: 99px;
position: absolute;
}
.lukowe-title {
font-size: 42px;
font-weight: 900;
color: #0b0d66;
margin-bottom: 20px;
line-height: 1.2;
}
.lukowe-text {
font-size: 17px;
color: #333;
line-height: 1.7;
max-width: 620px;
}
.lukowe-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
align-items: center;
}
.lukowe-column img {
width: 100%;
height: auto;
display: block;
}
.palisady-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
margin-top: 60px;
}
.palisady-column img {
width: 100%;
height: auto;
display: block;
margin-bottom: 16px;
}
.palisady-title {
font-size: 22px;
color: #0b0d66;
font-weight: 700;
margin-bottom: 10px;
}
.palisady-text {
font-size: 15px;
line-height: 1.6;
color: #333;
}
.kruszywa {
padding: 60px 0 100px;
font-family: 'Open Sans', sans-serif;
background: #fff;
color: #333;
}
.kruszywa .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.kruszywa .row {
display: flex;
align-items: center; justify-content: space-between;
gap: 40px;
}
.kruszywa .left {
flex: 1;
}
.kruszywa .right {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.kruszywa .right img {
max-width: 100%;
height: auto;
display: block;
border-radius: 0;
box-shadow: none;
} .kruszywa h6 {
font-size: 14px;
text-transform: uppercase;
color: #ff6600;
font-weight: 600;
margin-bottom: 10px;
}
.kruszywa h1 {
font-size: 48px;
color: #001b5e;
font-weight: 800;
margin-bottom: 20px;
}
.kruszywa p {
font-size: 16px;
line-height: 1.7;
color: #444;
margin-bottom: 30px;
}
.kruszywa h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.kruszywa ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.kruszywa ul li {
font-size: 16px;
font-weight: 700;
color: #001b5e;
margin-bottom: 6px;
margin-left: -33px;
}
.realizacje-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.realizacja-item {
position: relative;
overflow: hidden;
cursor: pointer;
}
.realizacja-item img {
width: 100%;
height: auto;
display: block;
transition: transform 0.3s ease;
max-height: 215px;
}
.realizacja-hover .overlay {
position: absolute;
bottom: 0;
background: rgba(0,0,0,0.6);
width: 100%;
text-align: center;
color: #fff;
padding: 10px;
transform: translateY(100%);
transition: transform 0.3s ease;
}
.realizacja-hover:hover img {
transform: scale(1.05);
}
.realizacja-hover:hover .overlay {
transform: translateY(0);
} .slbCaption {
position: absolute !important;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff !important;
padding: 12px 16px;
font-size: 16px;
text-align: center;
z-index: 10;
box-sizing: border-box;
} .slbArrow {
display: block !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 48px;
color: white;
background: rgba(0, 0, 0, 0.3);
padding: 12px;
cursor: pointer;
z-index: 20;
transition: background 0.3s ease;
}
.slbArrow:hover {
background: rgba(0, 0, 0, 0.6);
} .slbArrow.prev {
left: 10px;
}
.slbArrow.next {
right: 10px;
} .hero {
position: relative;
}
.hero img {
width: 100%;
height: auto;
display: block;
}
.hero-text {
position: absolute;
top: 20%;
left: 10%;
color: #fff;
max-width: 600px;
}
.hero-text h6 {
font-size: 14px;
margin: 0;
}
.hero-text h1 {
font-size: 48px;
margin: 5px 0 20px;
color: white;
}
.hero-text p {
font-size: 18px;
line-height: 1.6;
} .features {
padding: 80px 10%;
background: #fff;
}
.features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.feature {
text-align: left;
}
.feature h2 {color: #001066;text-transform: uppercase;font-size:50px;}
.feature img {
height: 60px;
margin-bottom: 15px;
}
.feature h4 {
font-size: 16px;
font-weight: 700;
color: #001066;
margin-bottom: 10px;
}
.feature p {
font-size: 14px;
line-height: 1.6;
}
.title-block {
grid-column: span 3;
}
.title-block h6 {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 10px;
text-transform: uppercase;
}
.title-block h2 {
font-size: 36px;
background: #f05a00;
color: white;
display: inline-block;
padding: 10px;
line-height: 1.2;
} .video iframe {
width: 100%;
height: 600px;
border: none;
display: block;
} .project {
position: relative;
background: url(https://granit-world.pl/wp-content/uploads/2024/02/granit-projekt.jpeg) center/cover no-repeat;
padding: 120px 10%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.project-box {
width: 100%;
max-width: 500px;
background: #f05a00;
color: #fff;
padding: 50px 40px;
box-shadow: 0 0 60px rgba(0,0,0,0.1);
}
.project-box h6 {
font-size: 14px;
margin-bottom: 10px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.project-box h2 {
font-size: 32px;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 700;
color: white;
}
.project-box p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 15px;
}
.transport {
background: #fff;
padding: 100px 10%;
}
.transport .container {
max-width: 1200px;
margin: 0 auto;
}
.transport .row {
display: flex;
flex-wrap: wrap;
gap: 60px;
align-items: flex-start;
}
.transport .left {
flex: 1 1 55%;
}
.transport .right {
flex: 1 1 40%;
display: flex;
flex-direction: column;
gap: 20px;
}
.transport h6 {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
color: #f05a00;
margin-bottom: 10px;
}
.transport h1 {
font-size: 48px;
font-weight: 900;
color: #001066;
margin-bottom: 25px;
}
.transport .lead {
font-size: 16px;
line-height: 1.6;
color: #444;
margin-bottom: 30px;
}
.transport h4 {
font-size: 18px;
margin-bottom: 15px;
color: #000;
}
.transport ul {
list-style: none;
padding-left: 0;
}
.transport ul li {
font-size: 16px;
line-height: 1.6;
margin-bottom: 10px;
color: #001066;
font-weight: bold;
}
.transport ul li strong {
margin-right: 5px;
color: #001066;
}
.transport .main-image img {
width: 100%;
height: auto;
border-radius: 4px;
}
.transport .thumbs {
display: flex;
gap: 10px;
}
.transport .thumbs img {
width: calc(33.33% - 6.66px);
height: auto;
border-radius: 4px;
}
.privacy-section {
max-width: 900px;
margin: 0 auto;
padding: 40px 30px;
background-color: #ffffff;
font-family: "Helvetica Neue", Arial, sans-serif;
color: #333;
line-height: 1.8;
font-size: 18px;
}
.privacy-section h2,
.privacy-section h3 {
color: #1f2f5b;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
}
.privacy-section h2 {
font-size: 36px;
}
.privacy-section h3 {
font-size: 28px;
}
.privacy-section p {
margin-bottom: 20px;
}
.privacy-section ul,
.privacy-section ol {
padding-left: 20px;
margin-bottom: 30px;
}
.privacy-section li {
margin-bottom: 10px;
}
.privacy-section a {
color: #0056b3;
text-decoration: underline;
}
.privacy-section a:hover {
color: #003366;
}.popup-drawer .drawer-inner {
background: #e1e1e1 !important;
}
.toggle-close-bar {
color: #f96a1e !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
top: -39px !important;
position: absolute !important;
} @media (max-width: 768px) {
.logo-custom-mobile {
background-color: #f25022; padding: 27px 20px;;
display: inline-block;
}
.logo-custom-mobile a {
color: white;
font-weight: bold;
font-size: 30px;
text-decoration: none;
display: inline-block;
}
.granit-grid .row {display: block !important;}
.granit-grid .image img {
margin-bottom: 27px !important;
margin-top: 20px !important;
}
.buce-descriptions {display: block !important;}
h2.granit-products-title{font: 42px !important;padding-left:0 !important; }
.granit-bestsellers-grid{margin: 0 auto;display: block !important;}
.granit-content {margin-right: 0 !important;}
.siatka-stopni {display: block !important;}
.kruszywa .row {display: block !important;}
.palisady-grid {display: block !important;}
.lukowe-grid {display: block !important;}
.lukowe-meta {top: 63px; display: block !important;}
.masonry-columns	{display: block !important;} . .shop-sidebar-toggle {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: bold;
color: #fff;
background: #f96a1e;
padding: 10px 14px;
border-radius: 5px;
cursor: pointer;
}
.shop-sidebar-toggle::after {
content: '\25BC'; font-size: 16px;
margin-left: 10px;
transition: transform 0.3s ease;
}
.shop-sidebar.open .shop-sidebar-toggle::after {
content: '\25B2'; transform: rotate(180deg);
}
.product-cat-menu {
display: none;
padding-top: 12px;
animation: fadeIn 0.3s ease-in-out;
flex-direction: column;
gap: 8px;
}
.shop-sidebar.open .product-cat-menu {
display: flex;
}
.product-cat-menu li {
width: 100%;
}
.product-cat-menu a {
background: #f1f1f1;
display: block;
padding: 10px;
border-radius: 6px;
font-size: 14px;
text-align: center;
}
.products.columns-4 {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px;
margin-top: 160px !important;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-5px); }
to { opacity: 1; transform: translateY(0); }
} .hero img {height: 246px !important;}
.hero-text {
top: -10% !important;}
.features-grid {
display: block;
}
.feature img {
height: 48px;
margin-bottom: 15px;
width: 133px;
}
.feature p {
font-size: 14px;
line-height: 1.6;
margin-top: -3px;
}
.feature h2 {
color: #001066;
text-transform: uppercase;
font-size: 30px;
margin-top: -5px;
}
h1.entry-title {
font-weight: 900 !important;
font-size: 57px !important;
line-height: 1.5;
color: #1b2e54 !important;
float: left !important;
text-transform: uppercase !important;
}
.hero-slider .hero-overlay {
position: relative;
padding: 40px 20px;
background: rgba(0,0,0,0.4);
color: #fff;
margin:0 auto; 
top: -356px !important; }
.hero-slide {padding:0 !important;}
.hero-slider h1,
.hero-slider p {
text-align: center;
padding: 0 10px;
font-size: 20px;
}
.features-grid {
display: flex;
flex-direction: column;
gap: 24px;
}
.feature {
display: flex;
align-items: flex-start;
gap: 12px;
text-align: left;
}
.feature-icon {
flex-shrink: 0;
width: 40px;
height: 40px;
}
.feature-content {
flex: 1;
}
.faq-container {
display: block !important;
margin: 0 auto;
padding: 0 !important;
} .faq-accordion {
display: flex;
flex-direction: column;
gap: 20px;
}
.faq-item {
width: 100%;
display: flex;
flex-direction: column;
}
.faq-item .question {
font-size: 18px;
font-weight: bold;
margin-top: 12px;
writing-mode: horizontal-tb;
text-align: left;
}
.faq-image {
margin-bottom: 8px;
width: 100%;
height: auto;
}
.shop-sidebar {
position: fixed;
top: 85px;
left: 0;
right: 0;
background: #fff;
z-index: 9999;
padding: 10px 16px;
border-bottom: 1px solid #ddd;
box-shadow: 0 2px 6px rgba(0,0,0,0.06);
width: 100%;
} .footer-granit .container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.footer-bar {
flex-direction: column;
align-items: flex-start;
}
.footer-bar .social-icons {
margin-top: 10px;
}
}
.hero-slide { position: relative; overflow: hidden; }
.hero-bg { width: 100%; height: clamp(320px, 60vh, 620px); object-fit: cover; display: block; }
.hero-overlay {
position: absolute; inset: 0;
display: grid; place-content: center;
padding: 1rem 1.25rem; text-align: center;
} h1, .hero-overlay p { line-height: 1.2; }