@charset "UTF-8";
         @font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Thin.ttf) format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-ThinItalic.ttf) format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-ExtraLight.ttf) format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-ExtraLightItalic.ttf) format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-SemiBoldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-ExtraBold.ttf) format("truetype");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-ExtraBoldItalic.ttf) format("truetype");
font-weight: 800;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-Black.ttf) format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url(//jackpol.fnsn.pl/wp-content/themes/nodemads/assets/fonts/Poppins-BlackItalic.ttf) format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
body, html {
font-family: "Poppins", sans-serif;
}
.scrollbar-hide {
-ms-overflow-style: none;
scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
display: none;
}
.ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
border-style: none !important;
background-color: transparent !important;
font-weight: 300 !important;
padding-inline: 0 !important;
}
.ti-widget.ti-goog .ti-profile-img img {
border-radius: 0 !important;
}
.ti-widget.ti-goog .ti-verified-by-row[data-style="1"] > .ti-inner {
border-radius: 0 !important;
}   :root {
line-height: 1.5;
color-scheme: light only;
}
*,
::before,
::after {
box-sizing: border-box;
scroll-behavior: smooth;
}
*:focus-visible {
outline: 3px solid gray !important;
}
html { font-family: "Poppins", sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-weight: normal;
line-height: 1.15; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; -ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased;
font-optical-sizing: auto;
} body {
margin: 0; color: #0a0a0a;
}
main {
display: block;
} a {
text-decoration: none;
} nav ol,
nav ul {
list-style: none;
padding-inline: 0;
} img {
display: block;
max-inline-size: 100%;
}  hr {
height: 0; color: inherit; }  abbr[title] {
text-decoration: underline dotted;
} b,
strong {
font-weight: 700;
} code,
kbd,
samp,
pre {
font-family: "Poppins", sans-serif, ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  table {
text-indent: 0; border-color: inherit; }  button,
html [type=button],
[type=button],
[type=reset],
[type=submit],
::-webkit-file-upload-button {
-webkit-appearance: button;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
[hidden] {
display: none !important;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
} legend {
padding: 0;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type=search],
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  summary {
display: list-item;
} address {
font-style: normal;
}
.app-header {
background: #ffffff;
}
.site-header__logo {
display: flex;
align-items: center;
text-decoration: none;
}
.site-header__logo-image {
max-height: 38px;
width: auto;
}
.site-header__logo-text {
font-size: 1.25rem;
font-weight: 700;
color: #333;
}
@media (min-width: 768px) {
.menu-item a {
color: #333;
text-decoration: none;
transition: color 0.2s ease;
font-size: 0.875rem;
font-weight: 500;
}
.menu-item a:hover {
color: #666;
}
.menu-item.current-menu-item a {
color: #992828;
font-weight: 500;
}
.menu-item .sub-menu {
display: none;
position: absolute;
top: calc(100% + 12px);
left: 0;
min-width: 320px;
background: #ffffff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 8px;
padding: 1.75rem 0;
z-index: 100;
}
.menu-item .sub-menu::before {
content: "";
position: absolute;
top: -12px;
left: 0;
right: 0;
height: 12px;
background: transparent;
}
.menu-item:hover > .sub-menu {
display: block;
}
.menu-item .sub-menu .menu-item a {
padding: 0.625rem 1.25rem;
color: #333;
font-size: 0.9rem;
font-weight: 400;
transition: all 0.15s ease;
}
.menu-item .sub-menu .menu-item a:hover {
background-color: #f8f9fa;
color: #992828;
}
.nav__item {
position: relative;
}
.nav__item .nav__link {
color: #000000;
text-decoration: none;
transition: color 0.2s ease;
font-size: 0.925rem;
font-weight: 500;
}
.nav__item .nav__link:hover {
color: #666;
}
.nav__item.nav__item--active .nav__link {
color: #6b7280;
font-weight: 500;
}
.nav__item .nav__arrow {
width: 15px;
height: 15px;
margin-left: 6px;
display: inline-block;
vertical-align: middle;
}
.nav__item .nav__submenu {
display: none;
position: absolute;
top: calc(100% + 12px);
left: -1.3rem;
min-width: 290px;
width: auto;
background: #ffffff;
padding: 1rem 0;
z-index: 100;
}
.nav__item .nav__submenu::before {
content: "";
position: absolute;
top: -12px;
left: 0;
right: 0;
height: 12px;
background: transparent;
}
.nav__item:hover > .nav__submenu {
display: flex;
flex-direction: column;
gap: 0.55rem;
}
.nav__item .nav__submenu .nav__item .nav__link {
padding: 0.925rem 1.25rem;
color: #333;
font-size: 0.9rem;
font-weight: 400;
transition: all 0.15s ease;
}
.nav__item .nav__submenu .nav__item .nav__link:hover {
color: #6b7280;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#menu-toggle {
border: none;
background: transparent;
cursor: pointer;
transition: transform 0.2s ease;
}
#menu-toggle:hover {
transform: scale(1.1);
}
#menu-toggle:active {
transform: scale(0.95);
}
#mobile-menu-overlay {
background: #ffffff;
animation: slideIn 0.3s ease;
overflow-x: hidden;
}
#mobile-menu-overlay .nav__item {
width: 100%;
text-align: left;
}
#mobile-menu-overlay .nav__item .nav__link {
color: #333;
text-decoration: none;
padding: 0.5rem 0;
display: flex;
align-items: center;
justify-content: space-between;
transition: background-color 0.2s ease;
font-size: 1.05rem;
font-weight: 500;
}
#mobile-menu-overlay .nav__item.nav__item--active .nav__link {
color: #992828;
font-weight: 500;
}
#mobile-menu-overlay .nav__item .nav__submenu {
display: none;
flex-direction: column;
gap: 0.2rem;
padding-left: 0;
margin-top: 0.5rem;
}
#mobile-menu-overlay .nav__item .nav__submenu .nav__item .nav__link {
font-size: 0.9rem;
padding: 0.35rem 0rem;
color: #555;
font-weight: 400;
}
#mobile-menu-overlay .nav__item.nav__item--has-children > .nav__link {
position: relative;
}
#mobile-menu-overlay .nav__item.nav__item--has-children > .nav__link .nav__arrow {
width: 24px;
height: 24px;
}
#mobile-menu-overlay .nav__item.nav__item--has-children.active > .nav__link .nav__arrow {
transform: rotate(180deg);
}
#mobile-menu-overlay .menu-item {
width: 100%;
text-align: left;
padding-block: 0.5rem;
}
#mobile-menu-overlay .menu-item a {
color: #333;
text-decoration: none;
padding: 0.2rem 0;
display: block;
transition: background-color 0.2s ease;
font-size: 0.95rem;
font-weight: 400;
}
#mobile-menu-overlay .menu-item.current-menu-item a {
color: #992828;
font-weight: 500;
}
#mobile-menu-overlay .menu-item .sub-menu {
display: none;
flex-direction: column;
gap: 0.2rem;
padding-left: 0;
margin-top: 0.5rem;
}
#mobile-menu-overlay .menu-item .sub-menu .menu-item {
padding-block: 0;
}
#mobile-menu-overlay .menu-item .sub-menu .menu-item a {
font-size: 0.9rem;
padding: 0.35rem 1.5rem;
color: #555;
font-weight: 400;
}
#mobile-menu-overlay .menu-item.menu-item-has-children > a {
position: relative;
}
#mobile-menu-overlay .mobile-menu > .menu-item {
border-bottom: 1px solid #d1d5db;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.app-footer {
background-color: #000000;
color: #ffffff;
padding-top: 7rem;
padding-bottom: 2rem;
}
.app-footer__main {
padding-bottom: 7rem;
}
.app-footer__grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 2rem;
}
.app-footer__brand {
display: flex;
flex-direction: column;
gap: 1rem;
}
.app-footer__logo {
display: inline-block;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.app-footer__logo-image {
max-width: 150px;
height: auto;
display: block;
}
.app-footer__logo-text {
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
}
.app-footer__description {
font-size: 0.95rem;
line-height: 1.6;
color: #9ca3af;
max-width: 300px;
}
.app-footer__nav {
display: flex;
flex-direction: column;
gap: 1rem;
}
.app-footer__contact {
display: flex;
flex-direction: column;
gap: 1rem;
}
.app-footer__social {
display: flex;
flex-direction: column;
gap: 1rem;
}
.app-footer__heading {
font-size: 0.875rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #ffffff;
margin-bottom: 0.5rem;
}
.app-footer__contact-info {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.app-footer__contact-item {
display: flex;
align-items: center;
gap: 0.75rem;
}
.app-footer__contact-item--large {
gap: 0.6rem;
}
.app-footer__link {
font-size: 0.9rem;
color: #ffffff;
text-decoration: none;
transition: color 0.3s ease;
}
.app-footer__link:hover {
color: #ffffff;
}
.app-footer__link--large {
font-size: 1rem;
font-weight: 400;
}
.app-footer__text {
font-size: 0.9rem;
color: #ffffff;
}
.app-footer__social-links {
display: flex;
gap: 1rem;
}
.app-footer__social-link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #1f2937;
border-radius: 50%;
color: #ffffff;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.app-footer__social-link:hover {
background-color: #374151;
transform: translateY(-2px);
}
.app-footer__social-link svg {
width: 20px;
height: 20px;
}
.app-footer__bottom {
border-top: 1px solid #1f2937;
padding: 1.5rem 0;
}
.app-footer__bottom-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.app-footer__copy {
font-size: 0.875rem;
color: #6b7280;
}
.app-footer__legal {
display: flex;
gap: 1.5rem;
}
.app-footer__legal-link {
font-size: 0.875rem;
color: #6b7280;
text-decoration: none;
transition: color 0.3s ease;
}
.app-footer__legal-link:hover {
color: #ffffff;
}
.app-footer__cities {
border-top: 1px solid #1f2937;
padding-top: 1.5rem;
margin-top: 1.5rem;
}
.footer-cities__accordion {
width: 100%;
}
@media (min-width: 768px) {
.footer-cities__accordion > summary {
display: none;
}
.footer-cities__accordion[open] > summary {
display: none;
}
}
.footer-cities__toggle {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
cursor: pointer;
user-select: none;
list-style: none;
padding: 0.5rem 0;
color: #9ca3af;
font-size: 0.8125rem;
font-weight: 400;
transition: color 0.3s ease;
}
.footer-cities__toggle::-webkit-details-marker {
display: none;
}
.footer-cities__toggle:hover {
color: #ffffff;
}
.footer-cities__toggle-icon {
display: inline-flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease;
}
.footer-cities__toggle-icon svg {
display: block;
}
.footer-cities__accordion[open] .footer-cities__toggle-icon {
transform: rotate(180deg);
}
.footer-cities__content {
margin-top: 0.75rem;
}
@media (min-width: 768px) {
.footer-cities__content {
display: block !important;
margin-top: 0;
}
}
@media (min-width: 768px) {
.footer-cities__accordion > .footer-cities__accordion__content {
display: block;
}
}
.footer-cities__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1.5rem;
justify-content: center;
}
.footer-cities__list li a {
font-size: 0.75rem;
font-weight: 300;
color: #6b7280;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-cities__list li a:hover {
color: #ffffff;
}
.footer-nav__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.footer-nav__list li a {
font-size: 0.9rem;
color: #d1d5db;
text-decoration: none;
transition: color 0.3s ease;
}
.footer-nav__list li a:hover {
color: #ffffff;
}
@media (max-width: 1024px) {
.app-footer__grid {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.app-footer__bottom-inner {
flex-direction: column;
gap: 1rem;
text-align: center;
}
.app-footer__legal {
justify-content: center;
}
}
@media (max-width: 768px) {
.app-footer {
padding-top: 3rem;
}
.app-footer__main {
padding-bottom: 2rem;
}
.app-footer__grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.app-footer__brand {
align-items: flex-start;
}
.app-footer__description {
max-width: 100%;
}
.app-footer__social-links {
justify-content: flex-start;
}
}
@media (max-width: 640px) {
.app-footer {
padding-top: 3rem;
}
.app-footer__main {
padding-bottom: 3.5rem;
}
.app-footer__grid {
gap: 1.5rem;
}
.app-footer__logo {
font-size: 1.25rem;
}
.app-footer__description {
font-size: 0.875rem;
}
.app-footer__contact-item, .app-footer__link, .app-footer__text,
.app-footer .footer-nav__link {
font-size: 0.875rem;
}
.app-footer__social-link {
width: 36px;
height: 36px;
}
.app-footer__social-link svg {
width: 18px;
height: 18px;
}
.app-footer__bottom {
padding: 1rem 0;
}
.app-footer__copy, .app-footer__legal-link {
font-size: 0.8125rem;
}
.app-footer__legal {
gap: 1rem;
}
}
.btn__icon {
transition: transform 0.3s ease;
}
.btn:hover .btn__icon {
transform: rotate(45deg);
}
.hero-slider {
width: 100%;
height: 69vh;
position: relative;
overflow: visible;
}
@media (min-width: 768px) {
.hero-slider {
height: 80vh;
}
}
.hero-swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
width: 100%;
height: 100%;
}
.hero-slide {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
display: flex;
align-items: center;
justify-content: center;
animation: slow-zoom 15s ease-in-out infinite alternate;
}
.hero-slide__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.075);
z-index: 1;
transition: background 0.3s ease;
}
.hero-slide__content {
position: relative;
z-index: 2;
text-align: left;
color: #ffffff;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 0;
justify-content: flex-start;
}
.hero-slide__label {
font-size: clamp(0.5rem, 1.5vw, 0.9rem);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.15em;
margin-bottom: 0.75rem;
color: #ffffff;
display: block;
text-align: center;
}
.hero-slide__title {
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 500;
margin-bottom: 0.75rem;
color: #ffffff;
text-align: center;
}
.hero-slide__subtitle {
font-size: clamp(1rem, 2vw, 1.15rem);
font-weight: 400;
margin-bottom: 1.5rem;
line-height: 1.6;
color: #ffffff;
max-width: 600px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.hero-slide__button {
display: inline-block;
padding: 1rem 2rem;
background-color: #992828;
color: #ffffff;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
border-radius: 0.5rem;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.hero-slide__button:hover {
background-color: #6b1c1c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.hero-slider .swiper-pagination {
position: absolute;
bottom: 2rem !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 10;
display: flex;
gap: 0.5rem;
justify-content: center;
width: 100%;
padding: 0 1rem;
}
.hero-slider .swiper-pagination-bullet {
width: 20px !important;
height: 3px !important;
background-color: rgba(255, 255, 255, 0.3) !important;
border-radius: 0 !important;
opacity: 1 !important;
transition: all 0.3s ease !important;
border: none !important;
position: relative !important;
overflow: hidden !important;
}
.hero-slider .swiper-pagination-bullet-active {
background-color: rgba(255, 255, 255, 0.3) !important;
opacity: 1 !important;
width: 40px !important;
}
.hero-slider .swiper-pagination-bullet-active::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0;
background-color: #ffffff;
animation: progress-fill 5000ms linear forwards;
}
@keyframes progress-fill {
from {
width: 0;
}
to {
width: 100%;
}
}
@keyframes slow-zoom {
from {
background-size: 100% auto;
}
to {
background-size: 110% auto;
}
}
.swiper-button-next,
.swiper-button-prev {
color: #ffffff !important;
background-color: rgba(0, 0, 0, 0.3);
width: 50px !important;
height: 50px !important;
border-radius: 50%;
margin-top: -25px !important;
transition: all 0.3s ease;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 20px !important;
font-weight: bold;
}
.swiper-button-next {
right: 2rem !important;
}
.swiper-button-prev {
left: 2rem !important;
}
@media (max-width: 768px) {
.hero-slider {
height: 72vh;
}
.hero-slide {
animation: none;
}
.hero-slide__label {
font-size: clamp(0.75rem, 1.2vw, 0.8rem);
margin-bottom: 0.5rem;
}
.hero-slide__title {
font-size: clamp(1.95rem, 5vw, 2.5rem);
}
.hero-slide__subtitle {
font-size: clamp(1rem, 2vw, 1.1rem);
margin-bottom: 1.5rem;
}
.hero-slide__button {
padding: 0.875rem 1.75rem;
font-size: 0.9rem;
}
.swiper-button-next,
.swiper-button-prev {
width: 40px !important;
height: 40px !important;
margin-top: -20px !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
font-size: 16px !important;
}
.swiper-button-next {
right: 1rem !important;
}
.swiper-button-prev {
left: 1rem !important;
}
.hero-slider .swiper-pagination {
bottom: 1rem !important;
}
.hero-slider .swiper-pagination-bullet {
width: 30px !important;
height: 3px !important;
}
}
.hero-split {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
min-height: 50vh;
}
.hero-split__left, .hero-split__right {
position: relative;
overflow: hidden;
}
.hero-split__left {
border-right: 0.5px solid rgba(255, 255, 255, 0.3);
}
.hero-split__banner {
width: 100%;
height: 100%;
min-height: 60vh;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-split__banner:hover {
transform: scale(1.03);
}
.hero-split__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 100%);
z-index: 1;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero-split__overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
opacity: 0;
transition: opacity 0.5s ease;
}
.hero-split__left .hero-split__banner:hover .hero-split__overlay {
background: linear-gradient(135deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.hero-split__left .hero-split__banner:hover .hero-split__overlay::before {
opacity: 1;
}
.hero-split__right .hero-split__overlay {
background: linear-gradient(135deg, rgba(153, 40, 40, 0.4) 0%, rgba(107, 28, 28, 0.3) 100%);
}
.hero-split__right .hero-split__banner:hover .hero-split__overlay {
background: linear-gradient(135deg, rgba(153, 40, 40, 0.8) 0%, rgba(107, 28, 28, 0.6) 100%);
}
.hero-split__right .hero-split__banner:hover .hero-split__overlay::before {
opacity: 1;
}
.hero-split__content {
position: relative;
z-index: 2;
text-align: center;
color: #ffffff;
padding: 3rem 2rem;
max-width: 550px;
}
.hero-split__title {
font-size: clamp(2rem, 5vw, 3rem);
font-weight: 600;
margin-bottom: 1.25rem;
color: #ffffff;
line-height: 1.2;
text-shadow: 0 4px 8px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.3);
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease-out 0.2s forwards;
}
.hero-split__subtitle {
font-size: clamp(1rem, 2.5vw, 1.25rem);
font-weight: 400;
margin-bottom: 2rem;
line-height: 1.6;
color: rgba(255, 255, 255, 0.95);
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease-out 0.4s forwards;
}
.hero-split__button {
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease-out 0.6s forwards;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1024px) {
.hero-split {
min-height: 60vh;
}
.hero-split__banner {
min-height: 60vh;
}
.hero-split__content {
padding: 2.5rem 1.5rem;
max-width: 450px;
}
.hero-split__title {
font-size: clamp(1.75rem, 4vw, 2.5rem);
}
.hero-split__subtitle {
font-size: clamp(0.95rem, 2vw, 1.15rem);
margin-bottom: 1.75rem;
}
}
@media (max-width: 768px) {
.hero-split {
grid-template-columns: 1fr;
min-height: auto;
}
.hero-split__left {
border-right: none;
border-bottom: 1px solid #ffffff;
}
.hero-split__right {
min-height: 35vh;
}
.hero-split__banner {
min-height: 35vh;
transition: transform 0.4s ease;
}
.hero-split__banner:hover {
transform: scale(1.03);
}
.hero-split__overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.hero-split__content {
padding: 2rem 1.5rem;
max-width: 100%;
animation: fadeInUp 0.6s ease-out;
}
.hero-split__title {
font-size: clamp(1.5rem, 6vw, 2rem);
margin-bottom: 1rem;
}
.hero-split__subtitle {
font-size: clamp(0.875rem, 3vw, 1rem);
margin-bottom: 1.5rem;
line-height: 1.5;
}
}
@media (max-width: 640px) {
.hero-split__left, .hero-split__right {
min-height: 30vh;
}
.hero-split__banner {
min-height: 30vh;
}
.hero-split__content {
padding: 1.75rem 1.25rem;
}
.hero-split__title {
font-size: clamp(1.25rem, 7vw, 1.75rem);
}
.hero-split__subtitle {
font-size: clamp(0.8rem, 3.5vw, 0.95rem);
}
}
.text-split {
padding: 5rem 0;
}
.text-split__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 500;
margin-bottom: 3rem;
color: #000000;
line-height: 1.2;
}
.text-split__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
}
.text-split__column {
position: relative;
}
.text-split__content {
text-align: left;
}
.text-split__content p {
font-size: 1rem;
line-height: 1.55;
color: #4b5563;
margin-bottom: 1.5rem;
font-weight: 350;
}
.text-split__content p:last-child {
margin-bottom: 0;
}
.text-split__content ul, .text-split__content ol {
margin-bottom: 1.5rem;
}
.text-split__content ul li, .text-split__content ol li {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
font-weight: 350;
margin-bottom: 0.75rem;
}
.text-split__content ol {
padding-left: 1.5rem;
}
.text-split__content ul {
list-style: none;
padding-left: 0;
}
.text-split__content ul li {
position: relative;
padding-left: 1.5rem;
}
.text-split__content ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.65em;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #992828;
}
.text-split__content a {
color: #992828;
text-decoration: underline;
transition: color 0.3s ease;
}
.text-split__content a:hover {
color: #6b1c1c;
}
@media (max-width: 1024px) {
.text-split {
padding: 4rem 0;
}
.text-split__title {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
margin-bottom: 2.5rem;
}
.text-split__row {
gap: 3rem;
}
.text-split__content p {
font-size: 1rem;
}
.text-split__content ul li, .text-split__content ol li {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.text-split {
padding: 3rem 0;
}
.text-split__title {
font-size: clamp(1.5rem, 5vw, 2rem);
margin-bottom: 2rem;
}
.text-split__row {
grid-template-columns: 1fr;
gap: 2.5rem;
}
.text-split__content p {
font-size: 1rem;
line-height: 1.45;
font-weight: 350;
}
.text-split__content ul li, .text-split__content ol li {
font-size: 0.95rem;
}
}
@media (max-width: 640px) {
.text-split {
padding: 2.5rem 0;
}
.text-split__title {
font-size: clamp(1.25rem, 6vw, 1.75rem);
margin-bottom: 1.5rem;
}
.text-split__row {
gap: 2rem;
}
.text-split__content p {
font-size: 1rem;
line-height: 1.45;
}
.text-split__content ul li, .text-split__content ol li {
font-size: 0.9rem;
}
}
.tiles {
padding: 3rem 0;
padding-bottom: 7rem;
overflow-x: hidden;
}
.tiles__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 500;
margin-bottom: 3rem;
color: #000000;
line-height: 1.2;
}
.tiles__wrapper {
width: 100%;
overflow-x: hidden;
}
.tiles__wrapper--grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.2rem;
}
.tiles__wrapper--slider .swiper {
width: 100%;
padding: 0.5rem 0;
overflow: hidden;
}
.tiles__wrapper--slider .swiper-wrapper {
display: flex;
height: auto;
}
.tiles__wrapper--slider .swiper-slide {
height: auto;
}
.tiles__wrapper--slider .swiper-pagination {
bottom: 1rem;
display: none;
gap: 0.5rem;
justify-content: center;
width: 100%;
padding: 1rem 1rem;
}
@media (min-width: 768px) {
.tiles__wrapper--slider .swiper-pagination {
display: flex;
}
}
.tiles__wrapper--slider .swiper-pagination-bullet {
width: 20px;
height: 3px;
background: #d1d5db;
border-radius: 0;
opacity: 0.4;
transition: all 0.3s ease;
border: none;
}
.tiles__wrapper--slider .swiper-pagination-bullet-active {
opacity: 1;
background: #ffffff;
width: 40px;
border-radius: 0;
}
.tile {
position: relative;
min-height: 450px;
overflow: hidden;
border-radius: 0;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.tile:hover {
transform: translateY(-8px);
}
.tile__inner {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.tile__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.35);
transition: background 0.4s ease;
}
.tile:hover .tile__overlay {
background: rgba(0, 0, 0, 0.3);
}
.tile__content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 1rem;
z-index: 2;
text-align: center;
}
@media (min-width: 768px) {
.tile__content {
padding: 1rem;
}
}
.tile__title {
font-size: clamp(1.3rem, 1.75vw, 1.85rem);
font-weight: 500;
color: #ffffff;
line-height: 1.3;
margin-bottom: 1rem;
}
@media (max-width: 1024px) {
.tiles {
padding: 4rem 0;
}
.tiles__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
margin-bottom: 2.5rem;
}
.tiles__wrapper--grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.2rem;
}
}
@media (max-width: 768px) {
.tiles {
padding: 3rem 0;
}
.tiles__title {
font-size: clamp(1rem, 5vw, 1.75rem);
margin-bottom: 2rem;
}
.tiles__wrapper--grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.2rem;
}
.tiles__wrapper--slider .swiper-pagination {
bottom: -2.5rem;
}
.tiles .tile {
min-height: 250px;
}
.tiles .tile__content {
padding: 0.3rem;
}
.tiles .tile__title {
font-size: 1.125rem;
}
}
@media (max-width: 640px) {
.tiles {
padding: 2.5rem 0;
}
.tiles__title {
font-size: clamp(0.875rem, 6vw, 1.5rem);
margin-bottom: 1.5rem;
}
.tiles__wrapper--slider .swiper-pagination {
bottom: -2rem;
}
}
.gallery {
padding: 3rem 0 5rem 0;
}
.gallery__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
text-align: center;
}
.gallery__header-left {
flex: 1;
text-align: center;
}
.gallery__header-right {
flex-shrink: 0;
}
.gallery__title {
font-size: clamp(1.45rem, 2.5vw, 2.3rem);
font-weight: 500;
margin-bottom: 0.5rem;
color: #000000;
line-height: 1.2;
}
.gallery__description {
font-size: 1rem;
line-height: 1.7;
text-align: center;
color: #4b5563;
font-weight: 350;
}
.gallery__grid {
display: grid;
grid-template-columns: repeat(15, minmax(0, 1fr));
grid-auto-rows: 150px;
gap: 0.2rem;
}
.gallery__item {
position: relative;
min-width: 0;
overflow: hidden;
border-radius: 0;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.gallery__item:nth-child(8n+1), .gallery__item:nth-child(8n+2), .gallery__item:nth-child(8n+3), .gallery__item:nth-child(8n+4), .gallery__item:nth-child(8n+5) {
grid-column: span 3;
grid-row: span 2;
}
.gallery__item:nth-child(8n+6), .gallery__item:nth-child(8n+7), .gallery__item:nth-child(8n+8) {
grid-column: span 5;
grid-row: span 2;
}
.gallery__link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.gallery__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.gallery__link:hover .gallery__image {
transform: scale(1.05);
}
.gallery__caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 1.5rem;
color: #ffffff;
font-size: 0.875rem;
background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
opacity: 0;
transition: opacity 0.3s ease;
}
.gallery__link:hover .gallery__caption {
opacity: 1;
}
.gallery__item--hidden {
display: none;
}
.gallery__load-more-wrapper {
display: flex;
justify-content: center;
margin-top: 3rem;
}
@media (max-width: 1024px) {
.gallery {
padding: 4rem 0;
}
.gallery__header {
flex-direction: column;
align-items: center;
gap: 1.5rem;
}
.gallery__header-right {
align-self: flex-start;
}
.gallery__grid {
gap: 1rem;
grid-auto-rows: 125px;
}
}
@media (max-width: 768px) {
.gallery {
padding: 3rem 0;
}
.gallery__title {
margin-bottom: 1rem;
text-align: center;
}
.gallery__description {
font-size: 0.9rem;
line-height: 1.6;
}
.gallery__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 180px;
gap: 1rem;
}
.gallery__item:nth-child(7n+1), .gallery__item:nth-child(7n+2), .gallery__item:nth-child(7n+3), .gallery__item:nth-child(7n+4), .gallery__item:nth-child(7n+5), .gallery__item:nth-child(7n+6), .gallery__item:nth-child(7n+7) {
grid-column: span 1;
grid-row: span 1;
}
}
@media (max-width: 640px) {
.gallery {
padding: 0 0 2.5rem 0;
}
.gallery__grid {
grid-template-columns: 1fr;
grid-auto-rows: 220px;
}
}
.cta {
padding: 5rem 0;
background-color: #ffffff;
}
.cta__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 500;
margin-bottom: 1.5rem;
color: #000000;
line-height: 1.2;
}
.cta__description {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
margin-bottom: 1.5rem;
font-weight: 350;
}
.cta__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
min-height: 500px;
}
.cta__content {
display: flex;
flex-direction: column;
justify-content: center;
}
.cta__text {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
margin-bottom: 1rem;
font-weight: 350;
}
.cta__text p {
margin-bottom: 1rem;
}
.cta__text p:last-child {
margin-bottom: 0;
}
.cta__map {
position: relative;
min-height: 500px;
overflow: hidden;
border-radius: 0;
}
.cta__map-embed {
width: 100%;
height: 100%;
filter: grayscale(100%);
}
.cta__map-embed iframe {
width: 100%;
height: 100%;
border: none;
display: block;
}
.cta__map-image {
width: 100%;
height: 100%;
filter: grayscale(100%);
}
.cta__map-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media (max-width: 1024px) {
.cta {
padding: 4rem 0;
}
.cta__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
margin-bottom: 2.5rem;
}
.cta__description {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
margin-bottom: 1.5rem;
font-weight: 350;
}
.cta__grid {
grid-template-columns: 1fr;
gap: 1rem;
min-height: auto;
}
.cta__text {
font-size: 0.95rem;
margin-bottom: 1.5rem;
}
.cta__map {
min-height: 400px;
}
}
@media (max-width: 768px) {
.cta {
padding: 3rem 0;
}
.cta__title {
font-size: clamp(1rem, 5vw, 1.75rem);
margin-bottom: 2rem;
}
.cta__description {
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}
.cta__text {
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 1.25rem;
}
.cta__map {
min-height: 300px;
}
}
@media (max-width: 640px) {
.cta {
padding: 2.5rem 0;
}
.cta__title {
font-size: clamp(0.875rem, 6vw, 1.5rem);
margin-bottom: 1.5rem;
}
.cta__description {
font-size: 0.9rem;
margin-bottom: 1.5rem;
}
.cta__map {
min-height: 250px;
}
}
.reviews {
padding: 5rem 0;
background-color: #f3f4f6;
}
.reviews__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 600;
margin-bottom: 3rem;
color: #000000;
line-height: 1.2;
}
.reviews__description {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
margin-bottom: 3rem;
}
@media (max-width: 1024px) {
.reviews {
padding: 4rem 0;
}
.reviews__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
margin-bottom: 2.5rem;
}
.reviews__description {
font-size: 1rem;
margin-bottom: 2.5rem;
}
}
@media (max-width: 768px) {
.reviews {
padding: 3rem 0;
}
.reviews__title {
font-size: clamp(1rem, 5vw, 1.75rem);
margin-bottom: 2rem;
}
.reviews__description {
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 2rem;
}
}
@media (max-width: 640px) {
.reviews {
padding: 2.5rem 0;
}
.reviews__title {
font-size: clamp(0.875rem, 6vw, 1.5rem);
margin-bottom: 1.5rem;
}
.reviews__description {
font-size: 0.9rem;
margin-bottom: 1.5rem;
}
}
.image-accordion {
padding: 6rem 0;
background-color: #e5e5e5;
}
.image-accordion__row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: start;
}
.image-accordion__image-wrapper {
position: relative;
overflow: hidden;
border-radius: 0;
min-height: 35vh;
order: 2;
}
@media (min-width: 768px) {
.image-accordion__image-wrapper {
min-height: 66vh;
}
}
.image-accordion__image {
display: block;
width: 100%;
height: 100%;
min-height: 35vh;
object-fit: cover;
transition: transform 0.4s ease;
}
@media (min-width: 768px) {
.image-accordion__image {
min-height: 66vh;
}
}
.image-accordion__image:hover {
transform: scale(1.02);
}
.image-accordion__content {
display: flex;
flex-direction: column;
order: 1;
}
.image-accordion__title {
font-size: clamp(1.25rem, 2.5vw, 2.3rem);
font-weight: 500;
margin-bottom: 1.5rem;
color: #000000;
line-height: 1.2;
}
.image-accordion__description {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
margin-bottom: 2rem;
font-weight: 350;
}
.image-accordion__accordions {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.image-accordion__item {
overflow: hidden;
}
.image-accordion__trigger {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 1rem 0;
background: transparent;
border: none;
cursor: pointer;
transition: all 0.3s ease;
}
.image-accordion__trigger:hover {
border-bottom-color: #000000;
}
.image-accordion__trigger[aria-expanded=true] {
border-bottom-color: transparent;
}
.image-accordion__trigger-title {
font-size: 1.1rem;
font-weight: 400;
color: #000000;
text-align: left;
transition: color 0.3s ease;
}
.image-accordion__icon {
position: relative;
width: 18px;
height: 18px;
flex-shrink: 0;
background-color: white;
padding: 1rem;
transition: transform 0.3s ease;
}
.image-accordion__icon::before, .image-accordion__icon::after {
content: "";
position: absolute;
background-color: #000000;
transition: background-color 0.3s ease;
}
.image-accordion__icon::before {
width: 15px;
height: 1.5px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-accordion__icon::after {
width: 1.5px;
height: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-accordion__trigger[aria-expanded=true] .image-accordion__icon {
transform: rotate(45deg);
background-color: transparent;
}
.image-accordion__panel {
padding: 1.25rem 0 1.5rem 0;
animation: slideDown 0.3s ease;
}
.image-accordion__panel-content {
font-size: 0.95rem;
line-height: 1.7;
color: #4b5563;
font-weight: 350;
}
.image-accordion__panel-content p {
margin-bottom: 1rem;
}
.image-accordion__panel-content p:last-child {
margin-bottom: 0;
}
.image-accordion__panel-content ul, .image-accordion__panel-content ol {
margin-bottom: 1rem;
padding-left: 1.5rem;
}
.image-accordion__panel-content ul li, .image-accordion__panel-content ol li {
margin-bottom: 0.5rem;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1024px) {
.image-accordion {
padding: 4rem 0;
}
.image-accordion__row {
gap: 3rem;
}
.image-accordion__title {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
margin-bottom: 1.25rem;
}
.image-accordion__description {
font-size: 1rem;
margin-bottom: 1.75rem;
}
.image-accordion__trigger {
padding: 1rem 1.25rem;
}
.image-accordion__trigger-title {
font-size: 0.95rem;
}
.image-accordion__panel {
padding: 0 1.25rem 1.25rem 1.25rem;
}
.image-accordion__panel-content {
font-size: 0.9rem;
}
}
@media (max-width: 768px) {
.image-accordion {
padding: 3rem 0;
}
.image-accordion__row {
grid-template-columns: 1fr;
gap: 2.5rem;
}
.image-accordion__title {
font-size: clamp(1.5rem, 5vw, 2rem);
margin-bottom: 1rem;
}
.image-accordion__description {
font-size: 0.95rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}
.image-accordion__accordions {
gap: 0.5rem;
}
.image-accordion__trigger {
padding: 0.875rem 0;
}
.image-accordion__trigger-title {
font-size: 1rem;
}
.image-accordion__panel {
padding: 0 1rem 1rem 1rem;
}
.image-accordion__panel-content {
font-size: 0.875rem;
line-height: 1.6;
}
}
@media (max-width: 640px) {
.image-accordion {
padding: 2.5rem 0;
}
.image-accordion__row {
gap: 2rem;
}
.image-accordion__title {
font-size: clamp(1.25rem, 6vw, 1.75rem);
margin-bottom: 0.875rem;
}
.image-accordion__description {
font-size: 0.9rem;
margin-bottom: 1.25rem;
}
.image-accordion__trigger {
padding: 0.75rem 0;
}
.image-accordion__trigger-title {
font-size: 0.925rem;
}
.image-accordion__panel {
padding: 0.5rem 0 0 0;
}
.image-accordion__panel-content {
font-size: 0.85rem;
}
}
.split-content {
padding: 5rem 0;
background-color: #000000;
}
.split-content__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
.split-content__grid--desktop {
display: grid;
}
.split-content__grid--mobile {
display: none;
}
.split-content__item {
display: flex;
flex-direction: column;
gap: 1.5rem;
height: auto;
}
.split-content__image-wrapper {
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
}
.split-content__image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.split-content__item:hover .split-content__image {
transform: scale(1.05);
}
.split-content__content {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.split-content__title {
font-size: clamp(1.25rem, 2vw, 1.45rem);
font-weight: 500;
color: #ffffff;
line-height: 1.3;
}
.split-content__description {
font-size: 1rem;
line-height: 1.55;
color: #cccccc;
margin-bottom: 2rem;
font-weight: 350;
}
@media (max-width: 1024px) {
.split-content {
padding: 4rem 0;
}
.split-content__grid {
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.split-content {
padding: 3rem 0;
}
.split-content__grid--desktop {
display: none;
}
.split-content__grid--mobile {
display: block;
}
.split-content__image-wrapper {
aspect-ratio: 4/3;
}
.split-content__title {
font-size: 1.25rem;
}
.split-content__description {
font-size: 1rem;
line-height: 1.45;
}
}
.s-realizacje {
padding: 6rem 0 5rem 0;
}
.realizacje__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
font-weight: 500;
text-align: center;
margin-bottom: 0.5rem;
color: #000000;
line-height: 1.2;
}
.realizacje__description {
font-size: 1rem;
line-height: 1.7;
color: #d1d5db;
margin-bottom: 0;
text-align: center;
}
.realizacje__tabs {
margin-bottom: 3rem;
}
.realizacje__panels {
position: relative;
min-height: 400px;
}
.realizacje__gallery {
gap: 0.2rem;
}
.realizacje-tab {
padding: 0.75rem 1.5rem;
font-size: 0.875rem;
transition: all 0.3s ease;
}
.realizacje-panel {
display: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.realizacje-panel.active {
display: block;
opacity: 1;
}
.realizacje-item {
position: relative;
min-width: 0;
overflow: hidden;
border-radius: 0;
background: #e5e7eb;
aspect-ratio: 1/1;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.realizacje-item:hover {
transform: scale(1.02);
}
.realizacje-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.realizacje-item:hover img {
transform: scale(1.05);
}
@media (max-width: 1024px) {
.s-realizacje {
padding: 4rem 0;
}
.realizacje__title {
font-size: clamp(1.25rem, 2.5vw, 2rem);
}
.realizacje__description {
font-size: 0.95rem;
}
.realizacje__gallery {
gap: 1rem;
}
}
@media (max-width: 768px) {
.s-realizacje {
padding: 3rem 0;
}
.realizacje__title {
font-size: clamp(1rem, 5vw, 1.75rem);
}
.realizacje__description {
font-size: 0.9rem;
}
.realizacje__tabs {
gap: 0.5rem;
}
}
@media (max-width: 640px) {
.s-realizacje {
padding: 2.5rem 0;
}
.realizacje__title {
font-size: clamp(0.875rem, 6vw, 1.5rem);
}
.realizacje__tabs {
flex-direction: column;
align-items: stretch;
}
.realizacje .realizacje-tab {
width: 100%;
text-align: center;
}
}
.s-image-hotspots {
padding: 5rem 0 7rem 0;
background-color: #000000;
}
.s-image-hotspots__header {
margin-bottom: 4.5rem;
text-align: center;
}
.s-image-hotspots__title {
font-size: clamp(1.25rem, 2.5vw, 2.3rem);
font-weight: 500;
margin-bottom: 1rem;
color: #ffffff;
line-height: 1.2;
}
.s-image-hotspots__description {
font-size: 1rem;
line-height: 1.7;
color: #ffffff;
font-weight: 350;
}
.s-image-hotspots__wrapper {
margin: 0 auto;
}
@media (max-width: 768px) {
.s-image-hotspots {
padding: 3rem 0;
}
.s-image-hotspots__header {
margin-bottom: 1.5rem;
}
.s-image-hotspots__title {
font-size: clamp(1.5rem, 5vw, 2rem);
margin-bottom: 1rem;
}
.s-image-hotspots__description {
font-size: 1rem;
line-height: 1.45;
}
}
@media (max-width: 640px) {
.s-image-hotspots {
padding: 3.5rem 0;
}
.s-image-hotspots__header {
margin-bottom: 2.25rem;
}
.s-image-hotspots__title {
font-size: clamp(1.25rem, 6vw, 1.75rem);
margin-bottom: 0.875rem;
}
.s-image-hotspots__description {
font-size: 1rem;
}
}
.s-image-hotspots__image-container {
position: relative;
max-height: 600px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.s-image-hotspots__image {
display: block;
width: 100%;
height: auto;
max-height: 600px;
object-fit: cover;
}
.s-image-hotspots__hotspot {
position: absolute;
transform: translate(-50%, -50%);
cursor: pointer;
z-index: 10;
transition: transform 0.2s ease;
background-color: white;
}
.s-image-hotspots__hotspot::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
z-index: -1;
}
.s-image-hotspots__hotspot:hover {
transform: translate(-50%, -50%) scale(1);
}
.s-image-hotspots__hotspot.active .s-image-hotspots__tooltip {
opacity: 1;
visibility: visible;
transform: translateY(-50%);
}
.s-image-hotspots__hotspot-dot {
width: 24px;
height: 24px;
background: transparent;
border: 1px solid rgb(255, 255, 255);
transition: all 0.2s ease;
position: relative;
opacity: 0.8;
}
.s-image-hotspots__hotspot:hover .s-image-hotspots__hotspot-dot, .s-image-hotspots__hotspot.active .s-image-hotspots__hotspot-dot {
border-color: white;
transform: scale(1.2);
opacity: 1;
}
.s-image-hotspots__hotspot-dot::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16px;
height: 16px;
border: 1px solid rgba(255, 255, 255, 0.95);
animation: pulseInner 2.5s ease-in-out infinite;
animation-delay: -0.75s;
}
.s-image-hotspots__hotspot-dot::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 1px solid rgba(255, 255, 255, 0.6);
animation: pulseOuter 2.5s ease-in-out infinite;
animation-delay: -0.75s;
}
.s-image-hotspots__hotspot:hover .s-image-hotspots__hotspot-dot::before, .s-image-hotspots__hotspot.active .s-image-hotspots__hotspot-dot::before, .s-image-hotspots__hotspot:hover .s-image-hotspots__hotspot-dot::after, .s-image-hotspots__hotspot.active .s-image-hotspots__hotspot-dot::after {
animation: none;
}
.s-image-hotspots__hotspot-plus {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
}
.s-image-hotspots__hotspot-plus::before, .s-image-hotspots__hotspot-plus::after {
content: "";
position: absolute;
background: rgb(0, 0, 0);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.s-image-hotspots__hotspot-plus::before {
width: 12px;
height: 1px;
}
.s-image-hotspots__hotspot-plus::after {
width: 1px;
height: 12px;
}
.s-image-hotspots__tooltip {
position: absolute;
left: 45px;
top: 50%;
transform: translateY(-70%);
background: transparent;
padding: 0;
border-radius: 0;
box-shadow: none;
width: auto;
min-width: 250px;
max-width: 300px !important;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease;
z-index: 20;
white-space: normal;
word-wrap: break-word;
word-break: keep-all;
overflow-wrap: break-word;
}
@media (max-width: 768px) {
.s-image-hotspots__tooltip {
display: none;
}
}
.s-image-hotspots__tooltip-description {
font-size: 1.1rem;
line-height: 1.5;
color: white;
margin: 0;
width: 100%;
word-wrap: break-word;
word-break: keep-all;
}
.s-image-hotspots__list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
margin-top: 2rem;
}
@media (min-width: 768px) {
.s-image-hotspots__list {
grid-template-columns: 1fr 1fr;
}
}
.s-image-hotspots__list-item {
border: none;
background: none;
cursor: pointer;
padding: 1rem;
border-bottom: 1px solid #e5e7eb;
transition: background-color 0.2s ease;
text-align: left;
height: 110px;
display: flex;
align-items: center;
}
.s-image-hotspots__list-item:hover {
background-color: #f9fafb;
}
.s-image-hotspots__list-item.active {
background-color: rgba(243, 244, 246, 0.368627451);
color: #000000;
}
.s-image-hotspots__list-text {
color: #ffffff;
font-weight: 400;
font-size: 0.95rem;
line-height: 1.45;
}
.s-image-hotspots__hotspot--mobile {
width: 16px;
height: 16px;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-dot--mobile {
width: 16px;
height: 16px;
border: none;
opacity: 0.9;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-dot--mobile::before {
width: 8px;
height: 8px;
border: 1px solid rgba(255, 255, 255, 0.9);
animation: pulseInner 1.5s ease-in-out infinite;
animation-delay: -0.75s;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-dot--mobile::after {
width: 20px;
height: 20px;
border: 1px solid rgba(255, 255, 255, 0.7);
animation: pulseOuter 1.5s ease-in-out infinite;
animation-delay: -0.75s;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-plus {
width: 6px;
height: 6px;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-plus::before, .s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-plus::after {
background: rgb(0, 0, 0);
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-plus::before {
width: 6px;
height: 0.5px;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__hotspot-plus::after {
width: 0.5px;
height: 6px;
}
.s-image-hotspots__hotspot--mobile .s-image-hotspots__tooltip {
left: 15px;
max-width: 300px;
font-size: 0.8rem;
white-space: normal;
}
.s-image-hotspots__hotspot--mobile.active {
background-color: #992828;
}
.s-image-hotspots__hotspot--mobile.active .s-image-hotspots__hotspot-dot--mobile {
background-color: #992828;
border: none;
}
.s-image-hotspots__hotspot--mobile.active .s-image-hotspots__hotspot-dot--mobile::before {
width: 8px;
height: 8px;
border: 1px solid #992828;
}
.s-image-hotspots__hotspot--mobile.active .s-image-hotspots__hotspot-dot--mobile::after {
width: 20px;
height: 20px;
border: 1px solid #992828;
}
.s-image-hotspots__hotspot--mobile.active .s-image-hotspots__hotspot-plus::before, .s-image-hotspots__hotspot--mobile.active .s-image-hotspots__hotspot-plus::after {
background: white;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pulse {
0%, 100% {
opacity: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
50% {
opacity: 0.8;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3);
}
}
@keyframes pulseInner {
0%, 100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.8;
}
50% {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0.4;
}
}
@keyframes pulseOuter {
0%, 100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.6;
}
50% {
transform: translate(-50%, -50%) scale(2);
opacity: 0.1;
}
}
.s-text-button-split {
padding: 6rem 0 3rem 0;
}
.s-text-button-split__left {
text-align: left;
}
.s-text-button-split__title {
font-size: clamp(1.25rem, 2.5vw, 2.1rem);
font-weight: 500;
margin-bottom: 1rem;
color: #000000;
line-height: 1.4;
}
.s-text-button-split__right {
text-align: right;
}
.s-text-button-split__text {
font-size: 1rem;
line-height: 1.55;
color: #4b5563;
font-weight: 350;
}
.s-text-button-split__button {
display: inline-block;
}
@media (max-width: 1024px) {
.s-text-button-split {
padding: 5rem 0;
}
.s-text-button-split__title {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
}
.s-text-button-split__text {
font-size: clamp(0.95rem, 2vw, 1.15rem);
}
}
@media (max-width: 768px) {
.s-text-button-split {
padding: 4rem 0;
}
.s-text-button-split__wrapper {
grid-template-columns: 1fr;
gap: 1rem;
}
.s-text-button-split__right {
text-align: left;
}
.s-text-button-split__title {
font-size: clamp(1.5rem, 5vw, 2rem);
}
.s-text-button-split__text {
line-height: 1.45;
}
}
@media (max-width: 640px) {
.s-text-button-split {
padding: 3rem 0 1rem 0;
}
.s-text-button-split__title {
font-size: clamp(1.25rem, 6vw, 1.75rem);
}
.s-text-button-split__text {
font-size: 1rem;
}
}
.s-accordion-split {
padding: 3rem 0 7rem 0;
}
.s-accordion-split__wrapper {
display: grid;
grid-template-columns: minmax(220px, 35%) minmax(0, 65%);
column-gap: 4rem;
}
@media (max-width: 768px) {
.s-accordion-split__wrapper {
display: block;
}
}
.s-accordion-split__intro {
padding-top: 2.75rem;
}
@media (max-width: 768px) {
.s-accordion-split__intro {
padding: 0 0 2rem;
}
}
.s-accordion-split__title {
margin: 0;
color: #000000;
font-size: clamp(1.45rem, 2.5vw, 2.3rem);
font-weight: 500;
margin-bottom: 1rem;
line-height: 1.2;
text-align: left;
}
.s-accordion-split__list {
width: 100%;
}
.s-accordion-split__item {
border-bottom: 1px solid #d1d5db;
}
.s-accordion-split__item-heading {
margin: 0;
}
.s-accordion-split__item-toggle {
display: flex;
width: 100%;
min-height: 9rem;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: 2rem 0;
border: 0;
color: #000000;
background: transparent;
cursor: pointer;
text-align: left;
}
.s-accordion-split__item-toggle:focus-visible {
outline: 2px solid #992828;
outline-offset: 0.4rem;
}
.s-accordion-split__item-toggle:hover .s-accordion-split__item-icon {
transform: scale(1.06);
}
@media (max-width: 768px) {
.s-accordion-split__item-toggle {
min-height: 6.5rem;
padding: 1.5rem 0;
gap: 1.25rem;
}
}
.s-accordion-split__item-title {
max-width: 85%;
font-size: clamp(1.15rem, 3vw, 1.35rem);
font-weight: 400;
line-height: 1.05;
}
.s-accordion-split__item-icon {
position: relative;
display: block;
width: 1.6rem;
height: 1.6rem;
flex: 0 0 1.6rem;
background-color: #d4d4d4;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.s-accordion-split__item-icon::before, .s-accordion-split__item-icon::after {
position: absolute;
top: 50%;
left: 50%;
display: block;
content: "";
background-color: #ffffff;
transform: translate(-50%, -50%);
transition: transform 0.35s ease;
}
.s-accordion-split__item-icon::before {
width: 0.75rem;
height: 1px;
}
.s-accordion-split__item-icon::after {
width: 1px;
height: 0.75rem;
}
@media (max-width: 768px) {
.s-accordion-split__item-icon {
width: 1.15rem;
height: 1.15rem;
flex: 0 0 1.15rem;
}
.s-accordion-split__item-icon::before {
width: 0.7rem;
}
.s-accordion-split__item-icon::after {
height: 0.7rem;
}
}
.s-accordion-split__item.is-open .s-accordion-split__item-icon {
background-color: #000000;
}
.s-accordion-split__item.is-open .s-accordion-split__item-icon::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.s-accordion-split__item-content {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows 0.45s ease, opacity 0.2s ease;
}
.s-accordion-split__item.is-open .s-accordion-split__item-content {
grid-template-rows: 1fr;
opacity: 1;
}
.s-accordion-split__item-inner {
min-height: 0;
overflow: hidden;
}
.s-accordion-split__item-text {
max-width: 44rem;
padding: 0 6rem 2.5rem 0;
color: #4b5563;
font-size: 1rem;
font-weight: 350;
line-height: 1.45;
}
.s-accordion-split__item-text p {
margin: 0 0 1rem;
}
.s-accordion-split__item-text p:last-child {
margin-bottom: 0;
}
.s-accordion-split__item-text a {
color: inherit;
text-decoration: underline;
text-underline-offset: 0.15em;
}
.s-accordion-split__item-text a:hover {
color: #992828;
}
@media (max-width: 768px) {
.s-accordion-split__item-text {
padding: 0 0 1.5rem;
font-size: 1rem;
}
}
.s-accordion-split__item-button {
padding: 0 0 2.5rem;
}
@media (max-width: 768px) {
.s-accordion-split__item-button {
padding-bottom: 1.5rem;
}
}
@media (max-width: 1024px) {
.s-accordion-split {
padding: 5rem 0;
}
}
@media (max-width: 768px) {
.s-accordion-split {
padding: 4rem 0;
}
}
@media (max-width: 640px) {
.s-accordion-split {
padding: 3rem 0;
}
}
@media (prefers-reduced-motion: reduce) {
.s-accordion-split__item-icon, .s-accordion-split__item-icon::before, .s-accordion-split__item-icon::after, .s-accordion-split__item-content {
transition: none;
}
}
.s-map__wrapper > div {
width: 100%;
height: 100%;
}
.s-map__wrapper iframe {
width: 100% !important;
height: 100% !important;
display: block;
}
.s-map__wrapper:hover iframe {
filter: grayscale(0%);
}
.s-contact-form-info {
padding: 5rem 0;
background-color: #ffffff;
}
.s-contact-form-info__info {
display: flex;
flex-direction: column;
}
.s-contact-form-info__phone a {
font-size: clamp(1.5rem, 3vw, 2rem);
font-weight: 500;
color: #992828;
transition: color 0.3s ease;
line-height: 1.2;
}
.s-contact-form-info__phone a:hover {
color: #992828;
}
.s-contact-form-info__title {
font-size: clamp(1.25rem, 2.5vw, 1.9rem);
font-weight: 400;
margin-top: 1.5rem;
margin-bottom: 1rem;
color: #000000;
line-height: 1.2;
}
.s-contact-form-info__hours {
margin-top: 1rem;
}
.s-contact-form-info__hours p {
font-size: 1rem;
line-height: 1.6;
color: #4b5563;
font-weight: 350;
}
.s-contact-form-info__email {
margin-top: 1rem;
}
.s-contact-form-info__email a {
font-size: 1rem;
color: #4b5563;
transition: color 0.3s ease;
}
.s-contact-form-info__email a:hover {
color: #992828;
}
.s-contact-form-info__text {
margin-top: 1rem;
font-size: 1rem;
line-height: 1.6;
color: #4b5563;
font-weight: 350;
}
.s-contact-form-info__text p {
margin-bottom: 1rem;
}
.s-contact-form-info__text p:last-child {
margin-bottom: 0;
}
.s-contact-form-info__form .wpcf7 {
max-width: 100%;
}
.s-contact-form-info__form .wpcf7-form {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 768px) {
.s-contact-form-info__form .wpcf7-form {
grid-template-columns: 1fr;
}
}
.s-contact-form-info__form .wpcf7-form .form-group {
margin: 0;
}
.s-contact-form-info__form .wpcf7-form .form-group p {
margin: 0;
}
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(1),
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(2) {
grid-column: span 1;
}
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(3),
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(4),
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(5) {
grid-column: span 2;
}
@media (max-width: 768px) {
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(3),
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(4),
.s-contact-form-info__form .wpcf7-form .form-group:nth-child(5) {
grid-column: span 1;
}
}
.s-contact-form-info__form .wpcf7-form label {
display: block;
font-size: 0.95rem;
font-weight: 400;
color: #374151;
margin-bottom: 0.35rem;
line-height: 1.4;
}
.s-contact-form-info__form .wpcf7-form-control {
width: 100%;
padding: 0.625rem 0.875rem;
border: none;
border-radius: 0rem;
font-size: 0.95rem;
line-height: 1.4;
background-color: #f5f5f5;
transition: background-color 0.3s ease;
}
.s-contact-form-info__form .wpcf7-form-control:focus {
outline: none;
background-color: #e5e5e5;
}
.s-contact-form-info__form .wpcf7-form-control.wpcf7-textarea {
min-height: 120px;
resize: vertical;
}
.s-contact-form-info__form .wpcf7-submit {
display: inline-block;
padding: 0.875rem 2.5rem;
background-color: #ffffff;
color: #992828;
border: 1px solid #992828;
border-radius: 0rem;
font-size: 1rem;
font-weight: 400;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.s-contact-form-info__form .wpcf7-submit:hover {
transform: translateY(-1px);
}
.s-contact-form-info__form .wpcf7-submit:active {
transform: translateY(0);
}
.s-contact-form-info__form .wpcf7-spinner {
display: none;
}
.s-contact-form-info__form .wpcf7-response-output {
margin-top: 1rem;
padding: 1rem;
border-radius: 0.25rem;
font-size: 0.95rem;
line-height: 1.5;
border: 1px solid transparent;
}
.s-contact-form-info__form .wpcf7-response-output.wpcf7-validation-errors {
background-color: #fef2f2;
border-color: #fecaca;
color: #991b1b;
}
.s-contact-form-info__form .wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #f0fdf4;
border-color: #bbf7d0;
color: #166534;
}
.s-contact-form-info__form .wpcf7-not-valid-tip {
color: #dc2626;
font-size: 0.875rem;
margin-top: 0.375rem;
font-weight: 400;
}
.s-contact-form-info__form .wpcf7-form-control-wrap {
position: relative;
}
@media (max-width: 1024px) {
.s-contact-form-info {
padding: 4rem 0;
}
}
@media (max-width: 768px) {
.s-contact-form-info {
padding: 3rem 0;
}
.s-contact-form-info__phone a {
font-size: clamp(1.25rem, 5vw, 1.75rem);
}
.s-contact-form-info__title {
font-size: clamp(1rem, 3vw, 1.25rem);
margin-top: 1.25rem;
}
.s-contact-form-info__hours p, .s-contact-form-info__email a {
font-size: 0.95rem;
}
}
@media (max-width: 640px) {
.s-contact-form-info {
padding: 2.5rem 0;
}
.s-contact-form-info__phone a {
font-size: clamp(1.125rem, 6vw, 1.5rem);
}
.s-contact-form-info__title {
font-size: clamp(0.95rem, 4vw, 1.125rem);
margin-top: 1rem;
}
.s-contact-form-info__hours p, .s-contact-form-info__email a {
font-size: 0.9rem;
}
}
.s-strefa-wiedzy {
padding: 5rem 0;
background-color: #ffffff;
}
.s-strefa-wiedzy__sidebar-title {
font-size: 1.5rem;
font-weight: 500;
color: #000000;
margin-bottom: 1.5rem;
}
.s-strefa-wiedzy__categories {
list-style: none;
padding: 0;
margin: 0;
}
.s-strefa-wiedzy__category-item {
margin-bottom: 0.75rem;
}
.s-strefa-wiedzy__category-link {
display: block;
padding: 0.75rem 1rem;
font-size: 1rem;
color: #4b5563;
text-decoration: none;
border-left: 3px solid transparent;
transition: all 0.3s ease;
}
.s-strefa-wiedzy__category-link:hover {
color: #992828;
border-left-color: #992828;
background-color: #fafafa;
}
.s-strefa-wiedzy__category-link.active {
color: #992828;
border-left-color: #992828;
background-color: #f5f5f5;
font-weight: 500;
}
.s-strefa-wiedzy__posts-grid {
min-height: 400px;
}
.s-strefa-wiedzy__post {
background-color: #ffffff;
border: 1px solid #e5e5e5;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.s-strefa-wiedzy__post:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.s-strefa-wiedzy__post.hidden {
display: none;
}
.s-strefa-wiedzy__post-image {
overflow: hidden;
aspect-ratio: 16/9;
}
.s-strefa-wiedzy__post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.s-strefa-wiedzy__post-image:hover img {
transform: scale(1.05);
}
.s-strefa-wiedzy__post-content {
padding: 1.5rem;
}
.s-strefa-wiedzy__post-categories {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1rem;
}
.s-strefa-wiedzy__post-category {
display: inline-block;
padding: 0.25rem 0.75rem;
font-size: 0.75rem;
font-weight: 500;
color: #992828;
background-color: rgba(153, 40, 40, 0.1);
border-radius: 0.25rem;
}
.s-strefa-wiedzy__post-title {
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.75rem;
line-height: 1.3;
}
.s-strefa-wiedzy__post-title a {
color: #000000;
text-decoration: none;
transition: color 0.3s ease;
}
.s-strefa-wiedzy__post-title a:hover {
color: #992828;
}
.s-strefa-wiedzy__post-excerpt {
font-size: 0.95rem;
line-height: 1.6;
color: #4b5563;
margin-bottom: 1rem;
font-weight: 350;
}
.s-strefa-wiedzy__post-link {
display: inline-block;
font-size: 0.95rem;
font-weight: 500;
color: #992828;
text-decoration: none;
transition: color 0.3s ease;
}
.s-strefa-wiedzy__post-link:hover {
color: rgb(112.5699481865, 29.4300518135, 29.4300518135);
}
.s-strefa-wiedzy__no-posts {
grid-column: 1/-1;
text-align: center;
padding: 3rem;
font-size: 1.1rem;
color: #4b5563;
}
@media (max-width: 1024px) {
.s-strefa-wiedzy {
padding: 4rem 0;
}
.s-strefa-wiedzy__wrapper {
grid-template-columns: 1fr;
}
.s-strefa-wiedzy__sidebar {
order: -1;
}
.s-strefa-wiedzy__categories {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.s-strefa-wiedzy__category-item {
margin-bottom: 0;
}
.s-strefa-wiedzy__category-link {
padding: 0.5rem 1rem;
border-left: none;
border-radius: 0.25rem;
border: 1px solid #e5e5e5;
}
.s-strefa-wiedzy__category-link:hover {
border-color: #992828;
}
.s-strefa-wiedzy__category-link.active {
border-color: #992828;
background-color: #992828;
color: #ffffff;
}
}
@media (max-width: 768px) {
.s-strefa-wiedzy {
padding: 3rem 0;
}
.s-strefa-wiedzy__posts-grid {
grid-template-columns: 1fr;
}
}
.s-points {
padding: 4rem 0;
}
.s-points__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.s-points__item {
display: flex;
align-items: stretch;
gap: 1.25rem;
}
.s-points__bar {
flex-shrink: 0;
width: 4px;
background-color: #992828;
border-radius: 2px;
}
.s-points__text {
font-size: 0.95rem;
line-height: 1.7;
color: #4b5563;
font-weight: 350;
}
.s-points__text p {
margin-bottom: 0.75rem;
}
.s-points__text p:last-child {
margin-bottom: 0;
}
.s-points__text a {
color: #992828;
text-decoration: underline;
transition: color 0.3s ease;
}
.s-points__text a:hover {
color: #6b1c1c;
}
@media (max-width: 768px) {
.s-points {
padding: 3rem 0;
}
.s-points__list {
gap: 1.25rem;
}
.s-points__item {
gap: 1rem;
}
.s-points__text {
font-size: 0.875rem;
}
}
@media (max-width: 640px) {
.s-points {
padding: 2.5rem 0;
}
.s-points__text {
font-size: 0.85rem;
}
}
.text-title {
padding: 3rem 0;
}
.text-title__title {
font-size: clamp(1.25rem, 2.5vw, 1.55rem);
font-weight: 500;
margin-bottom: 3rem;
color: #000000;
line-height: 1.2;
}
.text-title__content {
text-align: left;
}
.text-title__content p {
font-size: 1rem;
line-height: 1.55;
color: #4b5563;
margin-bottom: 1.5rem;
font-weight: 350;
}
.text-title__content p:last-child {
margin-bottom: 0;
}
.text-title__content ul, .text-title__content ol {
margin-bottom: 1.5rem;
}
.text-title__content ul li, .text-title__content ol li {
font-size: 1rem;
line-height: 1.7;
color: #4b5563;
font-weight: 350;
margin-bottom: 0.75rem;
}
.text-title__content ol {
padding-left: 1.5rem;
}
.text-title__content ul {
list-style: none;
padding-left: 0;
}
.text-title__content ul li {
position: relative;
padding-left: 1.5rem;
}
.text-title__content ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.65em;
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background-color: #992828;
}
.text-title__content a {
color: #992828;
text-decoration: underline;
transition: color 0.3s ease;
}
.text-title__content a:hover {
color: #6b1c1c;
}
@media (max-width: 1024px) {
.text-title {
padding: 4rem 0;
}
.text-title__title {
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
margin-bottom: 2.5rem;
}
.text-title__content p {
font-size: 1rem;
}
.text-title__content ul li, .text-title__content ol li {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.text-title {
padding: 3rem 0;
}
.text-title__title {
font-size: clamp(1.5rem, 5vw, 2rem);
margin-bottom: 2rem;
}
.text-title__content p {
font-size: 1rem;
line-height: 1.45;
font-weight: 350;
}
.text-title__content ul li, .text-title__content ol li {
font-size: 0.95rem;
}
}
@media (max-width: 640px) {
.text-title {
padding: 2.5rem 0;
}
.text-title__title {
font-size: clamp(1.25rem, 6vw, 1.75rem);
margin-bottom: 1.5rem;
}
.text-title__content p {
font-size: 1rem;
line-height: 1.45;
}
.text-title__content ul li, .text-title__content ol li {
font-size: 0.9rem;
}
}
.s-breadcrumbs {
padding: 1.5rem 0;
background-color: #ffffff;
}
.s-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
.s-breadcrumbs__item {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
line-height: 1.4;
font-weight: 350;
color: #4b5563;
}
.s-breadcrumbs__link {
color: #4b5563;
text-decoration: none;
transition: color 0.3s ease;
display: inline-flex;
align-items: center;
}
.s-breadcrumbs__link:hover {
color: #992828;
}
.s-breadcrumbs__link--home {
color: #4b5563;
}
.s-breadcrumbs__link--home:hover {
color: #992828;
}
.s-breadcrumbs__home-icon {
width: 1.125rem;
height: 1.125rem;
display: block;
}
.s-breadcrumbs__text {
color: #000000;
font-weight: 500;
}
.s-breadcrumbs__separator {
color: #992828;
font-weight: 400;
}
.s-breadcrumbs--current .s-breadcrumbs__text {
color: #000000;
}
@media (max-width: 768px) {
.s-breadcrumbs {
padding: 1rem 0;
}
.s-breadcrumbs__item {
font-size: 0.8rem;
}
}
@media (max-width: 640px) {
.s-breadcrumbs {
padding: 0.875rem 0;
}
.s-breadcrumbs__item {
font-size: 0.75rem;
}
}
.s-banner__fixed-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
z-index: 0;
}
.s-banner__fixed-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.s-banner__bg {
background-position: bottom;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
@media (pointer: fine) {
.s-banner__bg {
background-attachment: fixed;
}
}
.s-banner__content {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 100%;
}
@media (min-width: 768px) {
.s-banner__content {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
}
.woocommerce div.product div.images,
.woocommerce div.product div.summary {
float: none !important;
width: 100% !important;
margin: 0 !important;
}
.woo-shop-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 2.5rem;
align-items: start;
}
.woo-shop-sidebar {
position: sticky;
top: 100px;
}
.woo-mobile-category-filter {
display: none;
margin-bottom: 1.5rem;
}
.woo-mobile-category-filter__label {
display: block;
font-size: 0.875rem;
font-weight: 600;
color: #0f172a;
margin-bottom: 0.5rem;
}
.woo-mobile-category-filter__select {
width: 100%;
padding: 0.75rem 1rem;
border: 1px solid #e2e8f0;
border-radius: 0;
background: #ffffff;
color: #0f172a;
font-size: 0.95rem;
font-weight: 500;
cursor: pointer;
outline: none;
transition: border-color 0.2s ease;
}
.woo-mobile-category-filter__select:focus {
border-color: #992828;
}
.woo-category-sidebar {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 0;
padding: 1.5rem;
}
.woo-category-sidebar__title {
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 1rem 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.woo-category-sidebar__list {
list-style: none;
padding: 0;
margin: 0;
}
.woo-category-sidebar__item {
margin: 0 0 0.5rem 0;
}
.woo-category-sidebar__item:last-child {
margin-bottom: 0;
}
.woo-category-sidebar__link {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.6rem 0.75rem;
color: #334155;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
border-radius: 0;
transition: all 0.2s ease;
}
.woo-category-sidebar__link .count {
font-size: 0.85rem;
color: #64748b;
font-weight: 400;
}
.woo-category-sidebar__link:hover {
background: #f8fafc;
color: #0f172a;
}
.woo-category-sidebar__link.is-active {
background: #992828;
color: #ffffff;
}
.woo-category-sidebar__link.is-active .count {
color: rgba(255, 255, 255, 0.85);
}
.woo-category-filters {
margin-bottom: 2rem;
}
.woo-category-filters__list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
padding: 0;
margin: 0;
}
.woo-category-filters__item {
margin: 0;
}
.woo-category-filters__link {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.65rem 1.25rem;
background: #ffffff;
border: 1px solid #e2e8f0;
color: #0f172a;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 0;
transition: all 0.2s ease;
}
.woo-category-filters__link .count {
font-size: 0.775rem;
color: #64748b;
font-weight: 500;
}
.woo-category-filters__link:hover {
border-color: #0f172a;
color: #0f172a;
background: #f8fafc;
}
.woo-category-filters__link.is-active {
background: #992828;
border-color: #992828;
color: #ffffff;
}
.woo-category-filters__link.is-active .count {
color: rgba(255, 255, 255, 0.85);
}
.woo-shop-archive-header {
margin-bottom: 2rem;
padding-bottom: 1.5rem;
border-bottom: 2px solid #0f172a;
}
.woo-shop-archive-header .woocommerce-products-header__title {
font-size: clamp(1.8rem, 3vw, 2.5rem);
font-weight: 700;
color: #0f172a;
margin-bottom: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.woo-shop-archive-header p {
color: #64748b;
font-size: 1rem;
max-width: 750px;
}
.woo-shop-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
margin-bottom: 2rem;
padding: 1rem 1.25rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 0;
}
.woo-shop-toolbar .woocommerce-result-count {
margin: 0;
font-size: 0.9rem;
color: #64748b;
font-weight: 500;
}
.woo-shop-toolbar .woocommerce-ordering {
margin: 0;
}
.woo-shop-toolbar .woocommerce-ordering select {
padding: 0.5rem 1rem;
border: 1px solid #e2e8f0;
border-radius: 0;
background: #ffffff;
color: #334155;
font-size: 0.9rem;
outline: none;
cursor: pointer;
transition: border-color 0.2s ease;
}
.woo-shop-toolbar .woocommerce-ordering select:focus {
border-color: #992828;
}
.woo-products-grid,
ul.products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.75rem;
list-style: none;
padding: 0;
margin: 0 0 3rem 0;
}
.woo-products-grid li.product,
ul.products li.product {
position: relative;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 0;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
}
.woo-products-grid li.product:hover,
ul.products li.product:hover {
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.woo-products-grid li.product:hover .woocommerce-LoopProduct-link img,
ul.products li.product:hover .woocommerce-LoopProduct-link img {
transform: scale(1.05);
}
.woo-products-grid li.product:hover .button,
ul.products li.product:hover .button {
background: #992828;
color: #ffffff;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link,
ul.products li.product .woocommerce-LoopProduct-link {
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
flex-grow: 1;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .onsale,
ul.products li.product .woocommerce-LoopProduct-link .onsale {
position: absolute;
top: 12px;
right: 12px;
background: #992828;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
border-radius: 0;
z-index: 2;
text-transform: uppercase;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
.woo-products-grid li.product .woocommerce-LoopProduct-link img,
ul.products li.product .woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
ul.products li.product .woocommerce-LoopProduct-link img {
width: 100%;
height: 220px;
object-fit: cover;
background-color: #f8fafc;
border-radius: 0;
transition: transform 0.5s ease;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
.woo-products-grid li.product .woocommerce-LoopProduct-link h2,
ul.products li.product .woocommerce-LoopProduct-link .woocommerce-loop-product__title,
ul.products li.product .woocommerce-LoopProduct-link h2 {
font-size: 1.05rem;
font-weight: 600;
color: #0f172a;
padding: 1.25rem 1.25rem 0.5rem;
margin: 0;
line-height: 1.3;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .price,
ul.products li.product .woocommerce-LoopProduct-link .price {
padding: 0 1.25rem 1rem;
font-size: 0.9rem;
font-weight: 600;
color: #0f172a;
margin-top: auto;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .price del,
ul.products li.product .woocommerce-LoopProduct-link .price del {
color: #64748b;
font-weight: 400;
font-size: 0.8rem;
margin-right: 6px;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-product-attributes,
ul.products li.product .woocommerce-LoopProduct-link .woo-product-attributes {
margin: 0 1.25rem 0.75rem;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-attribute-item,
ul.products li.product .woocommerce-LoopProduct-link .woo-attribute-item {
display: flex;
align-items: center;
gap: 4px;
font-size: 0.75rem;
color: #334155;
margin-bottom: 0.25rem;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-attribute-name,
ul.products li.product .woocommerce-LoopProduct-link .woo-attribute-name {
font-weight: 400;
color: #0f172a;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-attribute-value,
ul.products li.product .woocommerce-LoopProduct-link .woo-attribute-value {
font-weight: 700;
color: #0f172a;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator {
display: flex;
align-items: center;
gap: 6px;
margin: 0 1.25rem 1rem;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-label,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-label {
font-size: 0.75rem;
color: #64748b;
font-weight: 500;
white-space: nowrap;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-bars,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-bars {
display: flex;
gap: 2px;
width: 60px;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-bar,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-bar {
flex: 1;
height: 3px;
background: #e5e7eb;
border-radius: 1px;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-bar--filled {
background: #10b981;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-empty .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-empty .woo-stock-bar--filled {
background: #ef4444;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-low .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-low .woo-stock-bar--filled {
background: #f97316;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-medium-low .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-medium-low .woo-stock-bar--filled {
background: #eab308;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-medium .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-medium .woo-stock-bar--filled {
background: #84cc16;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-high .woo-stock-bar--filled,
ul.products li.product .woocommerce-LoopProduct-link .woo-stock-indicator.stock-high .woo-stock-bar--filled {
background: #10b981;
}
.woo-products-grid li.product .button,
ul.products li.product .button {
margin: 0 1.25rem 1.25rem;
text-align: center;
background: #0f172a;
color: #ffffff;
padding: 0.75rem 1rem;
border-radius: 0;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
transition: all 0.25s ease;
}
.woo-products-grid li.product .woo-view-product-btn,
ul.products li.product .woo-view-product-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: calc(100% - 2.5rem);
margin: 0 1.25rem 1.25rem;
text-align: center;
background: #992828;
color: #ffffff;
padding: 0.75rem 1rem;
border-radius: 0;
font-size: 0.875rem;
font-weight: 600;
text-decoration: none;
transition: background 0.25s ease, transform 0.1s ease, box-shadow 0.25s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.woo-products-grid li.product .woo-view-product-btn svg,
ul.products li.product .woo-view-product-btn svg {
flex-shrink: 0;
width: 18px;
height: 18px;
}
.woo-products-grid li.product .woo-view-product-btn span,
ul.products li.product .woo-view-product-btn span {
flex-shrink: 0;
}
.woo-products-grid li.product .woo-view-product-btn:hover,
ul.products li.product .woo-view-product-btn:hover {
background: #6b1c1c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.woo-products-grid li.product .woo-view-product-btn:active,
ul.products li.product .woo-view-product-btn:active {
transform: translateY(0);
}
@media (max-width: 1024px) {
.woo-products-grid,
ul.products {
grid-template-columns: repeat(3, 1fr);
gap: 1.25rem;
}
}
@media (max-width: 768px) {
.woo-products-grid,
ul.products {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.woo-products-grid li.product .woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
.woo-products-grid li.product .woocommerce-LoopProduct-link img,
ul.products li.product .woocommerce-LoopProduct-link .attachment-woocommerce_thumbnail,
ul.products li.product .woocommerce-LoopProduct-link img {
height: 180px;
}
}
@media (max-width: 640px) {
.woo-products-grid,
ul.products {
grid-template-columns: 1fr;
}
}  .woocommerce-breadcrumb {
margin-bottom: 1.5rem !important;
font-size: 0.825rem;
color: #64748b;
line-height: 1.6;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 0.4rem;
}
.woocommerce-breadcrumb a {
color: #0f172a;
text-decoration: none;
white-space: nowrap;
transition: color 0.2s ease;
}
.woocommerce-breadcrumb a:hover {
color: #992828;
}
.woocommerce-breadcrumb {
font-weight: 400;
}
.woocommerce-notices-wrapper {
display: none !important;
} .woo-single-product-inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: start;
margin-bottom: 3rem;
} .woo-single-product-gallery {
width: 100%;
}
.woo-single-product-gallery__sticky {
position: sticky;
top: 20px;
}
.woo-single-product-gallery .woocommerce-product-gallery {
position: relative;
opacity: 1 !important;
width: 100% !important;
float: none !important;
margin: 0 !important;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 0;
}
.woo-single-product-gallery .woocommerce-product-gallery__wrapper {
margin: 0;
padding: 0;
width: 100%;
display: block;
}
.woo-single-product-gallery .woocommerce-product-gallery__image {
width: 100%;
}
.woo-single-product-gallery .woocommerce-product-gallery__image a, .woo-single-product-gallery .woocommerce-product-gallery__image img {
display: block;
width: 100%;
height: auto;
max-height: 500px;
object-fit: contain;
background-color: #f8fafc;
border-radius: 0;
}
.woo-single-product-gallery .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
background: #ffffff;
border: 1px solid #e2e8f0;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #0f172a;
border-radius: 0;
}
.woo-single-product-gallery .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background: #992828;
color: #ffffff;
border-color: #992828;
}
.woo-single-product-gallery .woocommerce-product-gallery { }
.woo-single-product-gallery .woocommerce-product-gallery ol.flex-control-nav,
.woo-single-product-gallery .woocommerce-product-gallery .flex-control-thumbs {
display: flex !important;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.75rem 0 0 0;
margin: 0;
list-style: none;
}
.woo-single-product-gallery .woocommerce-product-gallery ol.flex-control-nav li,
.woo-single-product-gallery .woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 calc(25% - 0.375rem);
margin: 0;
cursor: pointer;
}
.woo-single-product-gallery .woocommerce-product-gallery ol.flex-control-nav li img,
.woo-single-product-gallery .woocommerce-product-gallery .flex-control-thumbs li img {
width: 100%;
height: 80px;
object-fit: cover;
border: 1px solid #e2e8f0;
border-radius: 0;
opacity: 0.7;
transition: all 0.2s ease;
}
.woo-single-product-gallery .woocommerce-product-gallery ol.flex-control-nav li img:hover, .woo-single-product-gallery .woocommerce-product-gallery ol.flex-control-nav li img.flex-active,
.woo-single-product-gallery .woocommerce-product-gallery .flex-control-thumbs li img:hover,
.woo-single-product-gallery .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
border-color: #992828;
}
.woo-single-product-summary-content {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 0;
padding: 2rem;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}
.woo-single-product-summary-content .product_title {
font-size: clamp(1rem, 1.5vw, 1.4rem);
font-weight: 700;
color: #0f172a;
margin-bottom: 0.75rem;
line-height: 1.2;
}
.woo-single-product-summary-content .price {
font-size: 1.2rem;
font-weight: 400;
color: #0f172a;
margin-bottom: 1.25rem;
display: flex;
align-items: baseline;
gap: 0.5rem;
}
.woo-single-product-summary-content .price del {
color: #64748b;
font-size: 1rem;
font-weight: 400;
}
.woo-single-product-summary-content .woo-view-product-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
padding: 1rem 2rem;
background: #992828;
color: #ffffff;
border: none;
border-radius: 0;
font-weight: 600;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
text-decoration: none;
transition: background 0.25s ease, transform 0.1s ease, box-shadow 0.25s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.woo-single-product-summary-content .woo-view-product-btn svg {
flex-shrink: 0;
}
.woo-single-product-summary-content .woo-view-product-btn:hover {
background: #6b1c1c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.woo-single-product-summary-content .woo-view-product-btn:active {
transform: translateY(0);
}
.woo-single-product-summary-content .woo-product-attributes {
margin-bottom: 1rem;
}
.woo-single-product-summary-content .woo-attribute-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.85rem;
color: #334155;
margin-bottom: 0.5rem;
}
.woo-single-product-summary-content .woo-attribute-name {
font-weight: 400;
color: #0f172a;
}
.woo-single-product-summary-content .woo-attribute-value {
font-weight: 700;
color: #0f172a;
}
.woo-single-product-summary-content .woo-stock-indicator {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 1.5rem;
}
.woo-single-product-summary-content .woo-stock-label {
font-size: 0.85rem;
color: #64748b;
font-weight: 500;
white-space: nowrap;
}
.woo-single-product-summary-content .woo-stock-bars {
display: flex;
gap: 3px;
width: 80px;
}
.woo-single-product-summary-content .woo-stock-bar {
flex: 1;
height: 4px;
background: #e5e7eb;
border-radius: 1px;
}
.woo-single-product-summary-content .woo-stock-bar--filled {
background: #10b981;
}
.woo-single-product-summary-content .woo-stock-indicator.stock-empty .woo-stock-bar--filled {
background: #ef4444;
}
.woo-single-product-summary-content .woo-stock-indicator.stock-low .woo-stock-bar--filled {
background: #f97316;
}
.woo-single-product-summary-content .woo-stock-indicator.stock-medium-low .woo-stock-bar--filled {
background: #eab308;
}
.woo-single-product-summary-content .woo-stock-indicator.stock-medium .woo-stock-bar--filled {
background: #84cc16;
}
.woo-single-product-summary-content .woo-stock-indicator.stock-high .woo-stock-bar--filled {
background: #10b981;
}
.woo-single-product-summary-content .woocommerce-product-details__short-description {
font-size: 0.9rem;
color: #334155;
line-height: 1.65;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid #e2e8f0;
}
.woo-single-product-summary-content form.cart {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.5rem;
}
.woo-single-product-summary-content form.cart .quantity input.qty {
width: 60px;
height: 48px;
text-align: center;
border: 1px solid #e2e8f0;
border-radius: 0;
font-weight: 600;
font-size: 1rem;
}
.woo-single-product-summary-content form.cart .single_add_to_cart_button {
height: 48px;
padding: 0 2rem;
background: #992828;
color: #ffffff;
border: none;
border-radius: 0;
font-weight: 700;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: background 0.25s ease, transform 0.1s ease;
}
.woo-single-product-summary-content form.cart .single_add_to_cart_button:hover {
background: #6b1c1c;
transform: translateY(-1px);
}
.woo-single-product-summary-content form.cart .woo-view-product-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
padding: 1rem 2rem;
background: #992828;
color: #ffffff;
border: none;
border-radius: 0;
font-weight: 600;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
text-decoration: none;
transition: background 0.25s ease, transform 0.1s ease, box-shadow 0.25s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.woo-single-product-summary-content form.cart .woo-view-product-btn svg {
flex-shrink: 0;
}
.woo-single-product-summary-content form.cart .woo-view-product-btn:hover {
background: #6b1c1c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.woo-single-product-summary-content form.cart .woo-view-product-btn:active {
transform: translateY(0);
}
.woo-single-product-summary-content .product_meta {
font-size: 0.85rem;
color: #64748b;
display: flex;
flex-direction: column;
gap: 0.35rem;
border-top: 1px solid #e2e8f0;
margin-top: 2rem;
padding-top: 1rem;
}
.woo-single-product-summary-content .product_meta span a {
color: #0f172a;
text-decoration: none;
font-weight: 600;
}
.woo-single-product-summary-content .product_meta span a:hover {
color: #992828;
}
.woo-single-product-description {
margin-bottom: 3rem;
}
.woo-single-product-description .woocommerce-tabs {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 0;
padding: 2rem;
}
.woo-single-product-description .woocommerce-tabs ul.tabs {
display: flex;
gap: 1rem;
border-bottom: 2px solid #e2e8f0;
margin: 0 0 1.5rem 0;
padding: 0;
list-style: none;
}
.woo-single-product-description .woocommerce-tabs ul.tabs li {
margin: 0;
}
.woo-single-product-description .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: 0.75rem 1.25rem;
font-weight: 600;
color: #64748b;
text-decoration: none;
border-bottom: 3px solid transparent;
margin-bottom: -2px;
border-radius: 0;
transition: all 0.2s ease;
}
.woo-single-product-description .woocommerce-tabs ul.tabs li.active a {
color: #992828;
border-bottom-color: #992828;
}
.woo-single-product-description .woocommerce-tabs .panel {
color: #334155;
line-height: 1.7;
font-size: 0.9rem;
}
.woo-single-product-description .woocommerce-tabs .panel p {
font-size: 0.9rem;
}
.woo-single-product-description .woocommerce-tabs .panel h2 {
font-size: 1.2rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 1rem;
} table.shop_attributes {
width: 100%;
border-collapse: collapse;
margin-bottom: 1rem;
}
table.shop_attributes th, table.shop_attributes td {
padding: 0.75rem 1rem;
border-bottom: 1px solid #e2e8f0;
text-align: left;
}
table.shop_attributes th {
width: 30%;
font-weight: 600;
color: #0f172a;
background: #f8fafc;
}
table.shop_attributes td {
color: #334155;
}
table.shop_attributes td p {
margin: 0;
}
.related.products,
.upsells.products {
margin-top: 3rem;
padding-top: 2.5rem;
border-top: 2px solid #0f172a;
}
.related.products > h2,
.upsells.products > h2 {
font-size: 1.4rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 1.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
@media (max-width: 1024px) {
.woo-single-product-inner {
grid-template-columns: 1fr;
gap: 2rem;
}
.woo-single-product-gallery__sticky {
position: static;
}
}
@media (max-width: 1024px) {
.woo-shop-layout {
grid-template-columns: 1fr;
gap: 2rem;
}
.woo-shop-sidebar {
position: static;
}
.woo-category-sidebar {
display: none;
}
.woo-mobile-category-filter {
display: block;
}
}
@media (max-width: 640px) {
.woo-single-product-summary-content {
padding: 1.25rem;
}
.woo-single-product-summary-content form.cart {
flex-direction: column;
align-items: stretch;
}
.woo-single-product-summary-content form.cart .quantity input.qty {
width: 100%;
}
.woo-single-product-summary-content form.cart .single_add_to_cart_button {
width: 100%;
}
.woo-single-product-description .woocommerce-tabs {
padding: 1.25rem;
}
.woo-single-product-description .woocommerce-tabs ul.tabs {
flex-direction: column;
gap: 0;
}
.woo-single-product-description .woocommerce-tabs ul.tabs li a {
width: 100%;
border-bottom: none;
border-left: 3px solid transparent;
}
.woo-single-product-description .woocommerce-tabs ul.tabs li a.active {
border-left-color: #992828;
}
}