body > .wp-site-blocks > * + * {
margin-block-start: 0;
} :where(a, button, input, select, textarea, summary, .wp-block-button__link):focus-visible {
outline: 2px solid var(--wp--preset--color--teal);
outline-offset: 2px;
} .wt-mobile-only {
display: none !important;
}
@media (max-width: 767px) {
.wt-mobile-only {
display: revert !important;
}
.wt-desktop-only {
display: none !important;
} body {
padding-bottom: var(--wp--custom--sticky-bar-height);
}
} .wt-wide-only {
display: none !important;
}
@media (min-width: 1069px) {
.wt-wide-only {
display: revert !important;
}
} .wt-ico,
.wt-btn-ico > .wp-block-button__link {
display: inline-flex;
align-items: center;
gap: 0.45em;
}
.wt-ico::before,
.wt-btn-ico > .wp-block-button__link::before {
content: "";
flex: 0 0 auto;
width: 1.05em;
height: 1.05em;
background-color: currentColor;
-webkit-mask: var(--wt-ico) center / contain no-repeat;
mask: var(--wt-ico) center / contain no-repeat;
}
.wt-ico--phone,
.wt-btn-ico--phone {
--wt-ico: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/phone.svg);
}
.wt-ico--pin,
.wt-btn-ico--pin {
--wt-ico: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/map-pin.svg);
} .wt-topbar p {
white-space: nowrap;
} .wt-topbar a,
.wt-pill a,
.wt-phone a {
color: inherit;
} .wt-topbar,
.wt-header {
padding-block: 0;
}
.wt-topbar > .wp-block-group {
min-height: 36px;
}
@media (min-width: 768px) {
.wt-topbar > .wp-block-group {
min-height: 40px;
}
} .wt-header > .wp-block-group {
min-height: 56px;
}
@media (min-width: 768px) {
.wt-header > .wp-block-group {
min-height: 72px;
}
} .wt-logo img {
width: 44px;
height: 44px;
border-radius: 2px;
object-fit: contain;
} .wt-brand-accent {
color: var(--wp--preset--color--teal);
} .wt-footer .wt-brand-accent,
.has-graphite-background-color .wt-brand-accent,
.has-yale-background-color .wt-brand-accent {
color: var(--wp--custom--color--teal-on-dark);
}
.wt-brand a {
color: inherit;
text-decoration: none;
}
.wt-brand a:hover {
text-decoration: none;
} @media (max-width: 824px) {
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
} .wt-footer {
padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70);
}
@media (min-width: 768px) {
.wt-footer {
padding-block: var(--wp--preset--spacing--100) var(--wp--preset--spacing--90);
}
}
.wt-linklist {
list-style: none;
padding-left: 0;
margin: 0;
}
.wt-linklist li + li {
margin-top: var(--wp--preset--spacing--20);
} .wt-footer a,
.wt-linklist a {
color: inherit;
text-decoration: none;
}
.wt-footer a:hover,
.wt-footer a:focus,
.wt-linklist a:hover,
.wt-linklist a:focus {
color: var(--wp--preset--color--white);
text-decoration: underline;
}
.wt-muted-80 {
opacity: 0.8;
}
.wt-muted-70 {
opacity: 0.7;
}
.wt-muted-60 {
opacity: 0.6;
} .wt-sticky-bar {
position: fixed;
inset: auto 0 0 0;
z-index: 100;
padding-block: 10px;
box-shadow: var(--wp--preset--shadow--sticky);
} .wt-sticky-bar .wp-block-button__link {
min-height: 44px;
padding-block: 0;
justify-content: center;
width: 100%;
} .wt-header .wp-block-button__link,
.wt-sticky-bar .wp-block-button__link {
font-size: var(--wp--preset--font-size--small);
}  .wt-sechead {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--wp--preset--spacing--20);
text-align: left;
}
.wt-sechead > * {
margin-block: 0;
}
@media (min-width: 768px) {
.wt-sechead {
gap: var(--wp--preset--spacing--30);
}
.wt-sechead--center {
align-items: center;
text-align: center;
}
}  .wt-speedlines {
width: 56px;
height: 6px;
background-image:
linear-gradient(var(--wp--preset--color--teal), var(--wp--preset--color--teal)),
linear-gradient(var(--wp--preset--color--teal), var(--wp--preset--color--teal)),
linear-gradient(var(--wp--preset--color--teal), var(--wp--preset--color--teal));
background-repeat: no-repeat;
background-size: 32px 2px, 12px 2px, 4px 2px;
background-position: 0 50%, 36px 50%, 52px 50%;
} .wt-speedlines--bold {
width: 74px;
height: 6px;
background-size: 48px 3px, 16px 3px, 6px 3px;
background-position: 0 50%, 52px 50%, 72px 50%;
}
.wt-speedlines--center {
margin-inline: auto;
} .wt-accent-line {
width: 60px;
height: 2px;
border-radius: 1px;
background: var(--wp--preset--color--white);
}
.wt-speedlines--light {
background-image:
linear-gradient(var(--wp--preset--color--white), var(--wp--preset--color--white)),
linear-gradient(var(--wp--preset--color--white), var(--wp--preset--color--white)),
linear-gradient(var(--wp--preset--color--white), var(--wp--preset--color--white));
} .wt-tread {
position: relative;
overflow: hidden;
}
.wt-tread::before {
content: "";
position: absolute;
inset: 0;
background-color: var(--wp--preset--color--white);
opacity: 0.04;
-webkit-mask: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/tread-chevron.svg) 0 0 / 56.2843px 32.1421px repeat;
mask: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/tread-chevron.svg) 0 0 / 56.2843px 32.1421px repeat;
pointer-events: none;
}
.wt-tread > * {
position: relative;
} .wt-tread--ink::before {
background-color: var(--wp--preset--color--graphite);
opacity: 0.05;
} .wt-pagehero.wt-tread::before {
left: auto;
width: 300px;
opacity: 0.03;
}
.wt-strip.wt-tread::before {
right: auto;
width: 200px;
}  .wt-usluga-card,
.wt-post-card,
.wt-blogcard,
.wt-featured {
padding: 0;
} .wt-card-hover,
.wt-carousel > *,
.wt-post-card > .wp-block-group {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
} .wt-card-hover,
.wt-carousel > * {
padding: var(--wp--preset--spacing--40);
}
@media (min-width: 768px) {
.wt-card-hover,
.wt-carousel > * {
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--70);
}
} .wt-svc-icon img {
width: 40px;
}
@media (min-width: 768px) {
.wt-svc-icon img {
width: 48px;
}
} .wt-related__icon img {
width: 28px;
}
.wt-related__icon {
margin: 0;
} .wt-crumbs a {
color: inherit;
}
.wt-crumbs {
color: var(--wp--preset--color--yale);
}
.wt-stat-card {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
}
.wt-card-hover > *,
.wt-carousel > * > *,
.wt-post-card > .wp-block-group > *,
.wt-stat-card > * {
margin-block: 0;
}
.wt-card-hover {
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
@media (prefers-reduced-motion: no-preference) {
.wt-card-hover:hover {
transform: translateY(-2px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.06);
}
} .wt-stat-card {
background: var(--wp--custom--color--on-dark-surface);
border: 1px solid var(--wp--custom--color--on-dark-hairline);
border-radius: var(--wp--custom--radius--md);
} .wt-pill {
display: inline-block;
background: rgba(60, 110, 113, 0.1);
border-radius: var(--wp--custom--radius--pill);
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
} .wt-avatar {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex: 0 0 44px;
margin: 0;
border-radius: 50%;
font-weight: 700;
line-height: 1; padding: 0;
} .wt-map {
position: relative;
border-radius: var(--wp--custom--radius--lg);
overflow: hidden;
}
.wt-map img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.wt-map .wp-block-buttons {
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
margin: 0;
} .wt-map .wp-block-button__link {
padding: 14px var(--wp--preset--spacing--60);
font-size: var(--wp--preset--font-size--small);
white-space: nowrap;
}  .wt-ico--arrow,
.wt-ico-arrow {
--wt-ico: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/arrow-right.svg);
flex-direction: row-reverse;
justify-content: flex-end;
} .wt-ico--arrow::before,
.wt-ico-arrow::before {
width: 0.72em;
height: 0.72em;
}
.wt-btn-ico--arrow {
--wt-ico: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/arrow-right.svg);
}
.wt-btn-ico--arrow > .wp-block-button__link {
flex-direction: row-reverse;
} .wt-btn-ico--arrow > .wp-block-button__link::before {
width: 0.72em;
height: 0.72em;
} .wt-usluga-card .wp-block-button,
.wt-usluga-card .wp-block-button__link {
width: 100%;
justify-content: center;
}
.wt-usluga-card .wp-block-button__link {
font-size: var(--wp--preset--font-size--small);
}  .wt-cards {
display: grid;
gap: var(--wp--preset--spacing--30);
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.wt-cards {
gap: var(--wp--preset--spacing--60);
}
} .wt-cards > *,
.wt-hero__grid > * {
margin-block: 0;
}
@media (min-width: 600px) {
.wt-cards {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1000px) {
.wt-cards {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.wt-cards--4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1000px) {
.wt-cards--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.wt-cards--2 {
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.wt-cards--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.wt-cards--2 {
gap: var(--wp--preset--spacing--100);
}
} .wt-cards--2col {
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.wt-cards--2col {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--wp--preset--spacing--70);
}
} @media (min-width: 768px) {
.wt-cards--half {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (min-width: 1000px) {
.wt-cards--5 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.wt-cards--5 > * {
grid-column: span 2;
}
.wt-cards--5 > :nth-child(4),
.wt-cards--5 > :nth-child(5) {
grid-column: span 3;
}
} .wt-hairline {
border: 1px solid var(--wp--custom--color--hairline);
} .wt-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--wp--preset--spacing--70);
}
.wt-stats > * {
margin-block: 0;
}
@media (min-width: 1000px) {
.wt-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
} .wt-stats--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
} @media (max-width: 999px) {
.wt-stats:not(.wt-stats--3) {
gap: 0;
}
.wt-stats:not(.wt-stats--3) .wt-stat-card {
background: none;
border: 0;
border-radius: 0;
padding-block: var(--wp--preset--spacing--60);
}
.wt-stats:not(.wt-stats--3) > :nth-child(-n + 2) {
border-bottom: 1px solid var(--wp--custom--color--on-dark-hairline);
}
.wt-stats:not(.wt-stats--3) > :nth-child(odd) {
border-right: 1px solid var(--wp--custom--color--on-dark-hairline);
} .wt-stats:not(.wt-stats--3) .wt-stat__desc {
display: none;
}
.wt-stats--3 {
grid-template-columns: 1fr;
}
}  .wt-review {
border-radius: var(--wp--custom--radius--md);
}
.wt-review__head {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--40);
}
.wt-review__name {
margin: 0;
font-weight: 700;
} .wt-review__stars {
position: relative;
display: block;
width: 68px;
height: 12px;
margin-top: var(--wp--preset--spacing--10);
background-color: var(--wp--preset--color--alabaster);
-webkit-mask: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/stars-5.svg) 0 0 / 68px 12px no-repeat;
mask: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/icons/stars-5.svg) 0 0 / 68px 12px no-repeat;
}
.wt-review__stars::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: var(--wt-stars, 100%);
background-color: #f5a623;
}
.wt-review__text {
margin: 0;
}  @media (max-width: 767px) {
.wt-carousel {
display: flex;
grid-template-columns: none;
gap: var(--wp--preset--spacing--30);
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scroll-padding-inline-start: var(--wp--custom--space--gutter);
scrollbar-width: none; margin-inline: calc(var(--wp--custom--space--gutter) * -1);
padding-inline: var(--wp--custom--space--gutter);
}
.wt-carousel::-webkit-scrollbar {
display: none;
}
.wt-carousel > * {
flex: 0 0 85%;
scroll-snap-align: start;
}
} .wt-post-card {
overflow: hidden;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}
.wt-post-card .wp-block-post-featured-image {
margin: 0;
}
.wt-post-card .wp-block-post-featured-image img {
display: block;
width: 100%;
}
.wt-chip {
display: inline-block;
align-self: flex-start;
background: var(--wp--preset--color--frost);
color: var(--wp--preset--color--yale);
border-radius: 4px;
padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
line-height: 1.2;
}
.wt-chip a {
color: inherit;
text-decoration: none;
}
.wt-map figure {
margin: 0;
height: 100%;
} .wt-map img {
aspect-ratio: 38 / 25;
}
@media (max-width: 767px) {
.wt-map img {
aspect-ratio: 2 / 1;
}
.wt-map .wp-block-buttons {
inset: var(--wp--preset--spacing--30) auto auto var(--wp--preset--spacing--30);
transform: none;
}
} .wt-hero__grid {
display: grid;
gap: var(--wp--preset--spacing--50);
} .wt-hero__text {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
}
.wt-hero__text > * {
margin-block: 0;
}
@media (min-width: 768px) {
.wt-hero__text {
gap: var(--wp--preset--spacing--40);
}
} .wt-hero__img img {
display: block;
width: 100%;
aspect-ratio: 2 / 1;
border-radius: var(--wp--custom--radius--md);
object-fit: cover;
}
@media (max-width: 767px) {
.wt-hero__cta .wp-block-buttons {
flex-direction: column;
align-items: stretch;
}
.wt-hero__cta .wp-block-button {
width: 100%;
}
.wt-hero__cta .wp-block-button__link {
width: 100%;
justify-content: center;
min-height: 48px;
}
}
@media (min-width: 768px) {
.wt-hero__grid {
grid-template-columns: 1fr 1fr;
grid-template-areas:
"text image"
"cta  image"
"trust image";
align-content: center;
gap: var(--wp--preset--spacing--70) var(--wp--preset--spacing--100);
}
.wt-hero__text {
grid-area: text;
}
.wt-hero__img {
grid-area: image;
align-self: center;
}
.wt-hero__cta {
grid-area: cta;
}
.wt-hero__trust {
grid-area: trust;
}
.wt-hero__img img {
aspect-ratio: 29 / 20;
border-radius: var(--wp--custom--radius--lg);
box-shadow: var(--wp--preset--shadow--offset);
}
} .wt-checklist {
list-style: none;
padding-left: 0;
margin: 0;
display: grid;
gap: var(--wp--preset--spacing--20);
}
.wt-checklist li {
display: flex;
align-items: flex-start;
gap: 0.65em;
line-height: 1.4;
} .wt-checklist li::before {
content: "";
flex: 0 0 auto;
width: 0.4em;
height: 0.72em;
margin-top: 0.25em;
border: solid var(--wp--preset--color--teal);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media (min-width: 768px) {
.wt-checklist--2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: var(--wp--preset--spacing--60);
}
}  .wt-strip {
padding-block: var(--wp--preset--spacing--70);
}
@media (min-width: 768px) {
.wt-strip {
padding-block: 48px;
}
}
.wt-strip--hairline {
border-bottom: 1px solid var(--wp--custom--color--hairline);
} .wt-strip__text {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--20);
max-width: 700px;
}
.wt-strip__text > * {
margin-block: 0;
}  .wt-pagehero {
padding-block: var(--wp--preset--spacing--70);
}
@media (min-width: 768px) {
.wt-pagehero {
padding-block: 64px;
}
}
.wt-pagehero__inner {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--60);
}
.wt-pagehero__inner > * {
margin-block: 0;
} .wt-usluga-card {
overflow: hidden;
} .wt-usluga-card > figure {
margin: 0;
width: 100%;
} .wt-usluga-card > figure img {
display: block;
width: 100%;
aspect-ratio: 156 / 55;
object-fit: cover;
} .wt-usluga-card > .wp-block-group {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--60);
}
.wt-usluga-card > .wp-block-group > * {
margin-block: 0;
}
@media (min-width: 768px) { .wt-usluga-card--wide {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 7fr) minmax(0, 9fr);
align-items: center;
}
.wt-usluga-card--wide > * {
margin-block: 0;
}
.wt-usluga-card--wide figure,
.wt-usluga-card--wide img {
height: 100%;
aspect-ratio: auto;
}
.wt-usluga-card--wide > .wp-block-group {
padding: var(--wp--preset--spacing--80);
} .wt-usluga-card--wide .wp-block-button,
.wt-usluga-card--wide .wp-block-button__link {
width: auto;
}
} .wt-steps {
display: grid;
gap: var(--wp--preset--spacing--60);
grid-template-columns: 1fr;
}
.wt-steps > * {
margin-block: 0;
}
@media (min-width: 600px) {
.wt-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1000px) { .wt-steps {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
}
.wt-step {
padding-inline: var(--wp--preset--spacing--40);
}
} .wt-step {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--40);
}
.wt-step > * {
margin-block: 0;
}
.wt-step__num {
display: flex;
align-items: center;
gap: var(--wp--preset--spacing--30);
}
.wt-step__num::after {
content: "";
flex: 1 1 auto;
height: 1px;
background: var(--wp--custom--color--hairline);
} .wt-steps > :last-child .wt-step__num::after {
display: none;
} .wt-faq .wp-block-details {
background: var(--wp--preset--color--mist);
border-radius: var(--wp--custom--radius--sm);
margin: 0;
padding: 0;
}
.wt-faq .wp-block-details + .wp-block-details {
margin-top: var(--wp--preset--spacing--20);
}
.wt-faq summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
cursor: pointer;
font-weight: 700;
list-style: none;
}
.wt-faq summary::-webkit-details-marker {
display: none;
}
.wt-faq summary::after {
content: "";
flex: 0 0 auto;
width: 0.5em;
height: 0.5em;
border: solid var(--wp--preset--color--yale);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
transition: transform 0.2s ease;
}
.wt-faq .wp-block-details[open] summary::after {
transform: rotate(-135deg);
}
.wt-faq .wp-block-details > :not(summary) {
margin: 0;
padding: 0 var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
color: var(--wp--preset--color--slate);
} .wt-trust {
display: grid;
gap: var(--wp--preset--spacing--60);
grid-template-columns: 1fr;
}
.wt-trust > * {
margin-block: 0;
}
@media (min-width: 1000px) {
.wt-trust {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--wp--preset--spacing--80);
}
.wt-trust > * + * {
border-left: 1px solid var(--wp--custom--color--hairline);
padding-left: var(--wp--preset--spacing--80);
}
}
.wt-icon-circle {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
flex: 0 0 48px;
border-radius: 50%;
background: rgba(60, 110, 113, 0.1);
}
.wt-icon-circle figure {
margin: 0;
}  .wt-chip--dark {
background: var(--wp--preset--color--yale);
color: var(--wp--preset--color--white);
} .wt-blogcard {
padding: var(--wp--preset--spacing--40);
}
.wt-blogcard__media {
position: relative;
overflow: hidden;
border-radius: var(--wp--custom--radius--md);
}
.wt-blogcard .wp-block-post-featured-image {
margin: 0;
}
.wt-blogcard .wp-block-post-featured-image img {
display: block;
width: 100%;
border-radius: var(--wp--custom--radius--md);
}
.wt-blogcard .wt-chip {
position: absolute;
top: var(--wp--preset--spacing--30);
left: var(--wp--preset--spacing--30);
z-index: 1;
}
.wt-blogcard__body {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--30);
padding-top: var(--wp--preset--spacing--40);
}
.wt-blogcard__body > * {
margin-block: 0;
}  .wt-pagination .wp-block-query-pagination-previous,
.wt-pagination .wp-block-query-pagination-next {
padding: 10px var(--wp--preset--spacing--40);
border: 1px solid var(--wp--custom--color--hairline);
border-radius: var(--wp--custom--radius--sm);
color: var(--wp--preset--color--graphite);
font-size: var(--wp--preset--font-size--small);
text-decoration: none;
}
.wt-pagination .wp-block-query-pagination-numbers a,
.wt-pagination .wp-block-query-pagination-numbers .current {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
padding: 0;
border: 1px solid var(--wp--custom--color--hairline);
border-radius: var(--wp--custom--radius--sm);
} .wt-featured {
padding: var(--wp--preset--spacing--60);
}
.wt-featured__body {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--40);
}
.wt-featured__body > * {
margin-block: 0;
} .wt-featured__title {
text-transform: none;
}
@media (min-width: 768px) {
.wt-featured {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: var(--wp--preset--spacing--80);
align-items: center;
}
.wt-featured > * {
margin-block: 0;
}
.wt-featured .wp-block-post-featured-image,
.wt-featured .wp-block-post-featured-image img {
height: 100%;
}
}
.wt-featured .wp-block-post-featured-image {
margin: 0;
}
.wt-featured .wp-block-post-featured-image img {
display: block;
width: 100%;
border-radius: var(--wp--custom--radius--md);
object-fit: cover;
} .wt-catfilter {
padding-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--60);
}
.wt-catfilter ul,
.wt-catfilter__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--30);
}
.wt-catfilter li a {
display: inline-block;
padding: 10px var(--wp--preset--spacing--50);
border: 1px solid var(--wp--custom--color--hairline);
border-radius: var(--wp--custom--radius--pill);
color: var(--wp--preset--color--graphite);
font-size: var(--wp--preset--font-size--small);
font-weight: 500;
line-height: 1.2;
text-decoration: none;
} .wt-catfilter li.is-active a,
.wt-catfilter li.current-cat a {
background: var(--wp--preset--color--teal);
border-color: var(--wp--preset--color--teal);
color: var(--wp--preset--color--white);
font-weight: 600;
}
.wt-catfilter li a:hover,
.wt-catfilter li a:focus {
background: var(--wp--preset--color--yale);
border-color: var(--wp--preset--color--yale);
color: var(--wp--preset--color--white);
text-decoration: none;
} @media (max-width: 767px) {
.wt-catfilter ul,
.wt-catfilter__list {
flex-wrap: nowrap;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
margin-inline: calc(var(--wp--custom--space--gutter) * -1);
padding-inline: var(--wp--custom--space--gutter);
}
.wt-catfilter ul::-webkit-scrollbar,
.wt-catfilter__list::-webkit-scrollbar {
display: none;
}
.wt-catfilter li {
flex: 0 0 auto;
}
} .wp-block-query-pagination a,
.wp-block-query-pagination .current {
display: inline-block;
min-width: 40px;
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
border: 1px solid var(--wp--preset--color--alabaster);
border-radius: var(--wp--custom--radius--sm);
text-align: center;
text-decoration: none;
}
.wp-block-query-pagination .current {
background: var(--wp--preset--color--yale);
border-color: var(--wp--preset--color--yale);
color: var(--wp--preset--color--white);
}  .wt-404__figure {
gap: var(--wp--preset--spacing--40);
}
.wt-404__figure p {
font-size: clamp(5.5rem, 2.4357rem + 12.571vw, 13.75rem);
line-height: 1;
color: var(--wp--preset--color--graphite);
}
.wt-404__figure figure {
margin: 0;
}
.wt-404__tire img {
display: block;
width: clamp(100px, 13.9vw, 200px);
height: auto;
} .wt-pillink a {
display: inline-block;
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
border: 1px solid var(--wp--preset--color--alabaster);
border-radius: var(--wp--custom--radius--pill);
color: var(--wp--preset--color--graphite);
text-decoration: none;
}
.wt-pillink a:hover,
.wt-pillink a:focus {
background: var(--wp--preset--color--yale);
border-color: var(--wp--preset--color--yale);
color: var(--wp--preset--color--white);
text-decoration: none;
} .wt-prose h2 {
margin-top: var(--wp--preset--spacing--90);
margin-bottom: var(--wp--preset--spacing--30);
font-size: var(--wp--preset--font-size--x-large);
}
.wt-prose h2::after {
content: "";
display: block;
width: 40px;
height: 2px;
margin-top: var(--wp--preset--spacing--30);
background: var(--wp--preset--color--teal);
}
.wt-prose h3 {
margin-top: var(--wp--preset--spacing--70);
margin-bottom: var(--wp--preset--spacing--20);
text-transform: none;
}
.wt-prose p {
margin-block: 0 var(--wp--preset--spacing--40);
}
.wt-prose ul,
.wt-prose ol {
margin-block: 0 var(--wp--preset--spacing--40);
padding-left: var(--wp--preset--spacing--50);
}
.wt-prose li::marker {
color: var(--wp--preset--color--teal);
}
.wt-prose figure {
margin-block: var(--wp--preset--spacing--60);
}
.wt-prose figcaption {
margin-top: var(--wp--preset--spacing--20);
font-size: var(--wp--preset--font-size--x-small);
font-style: italic;
color: var(--wp--preset--color--slate);
}  .wt-rule::after {
content: "";
display: block;
width: 40px;
height: 2px;
margin-top: var(--wp--preset--spacing--30);
background: var(--wp--preset--color--teal);
}
.wt-rule--center::after {
margin-inline: auto;
}
.wt-hours {
list-style: none;
margin: 0;
padding: 0;
}
.wt-hours li {
display: flex;
justify-content: space-between;
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
border-bottom: 1px solid var(--wp--preset--color--alabaster);
}
.wt-hours li:last-child {
border-bottom: 0;
}
.wt-hours li.is-today {
background: var(--wp--preset--color--mist);
border-left: 3px solid var(--wp--preset--color--teal);
font-weight: 600;
}
.wt-hours li.is-closed {
color: var(--wp--preset--color--slate);
}  .wt-split {
display: grid;
gap: var(--wp--preset--spacing--80);
grid-template-columns: 1fr;
}
.wt-split > * {
margin-block: 0;
}
@media (min-width: 1000px) {
.wt-split {
grid-template-columns: 580px minmax(0, 1fr);
align-items: start;
}
}
.wt-contactcard {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--60);
padding: var(--wp--preset--spacing--70);
}
.wt-contactcard > * {
margin-block: 0;
} .wt-contactcard .wp-block-separator {
width: 100%;
margin: 0;
border: 0;
border-top: 1px solid var(--wp--custom--color--hairline);
opacity: 1;
}
.wt-contactrow__icon img {
width: 20px;
}
.wt-contactrow__icon {
margin: 0;
} .wt-contactcard__actions .wp-block-button {
flex: 1 1 0;
}
.wt-contactcard__actions .wp-block-button__link {
width: 100%;
justify-content: center;
padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
font-size: var(--wp--preset--font-size--small);
} .wt-inforow {
gap: var(--wp--preset--spacing--40);
padding: var(--wp--preset--spacing--50);
}
.wt-inforow__icon {
margin: 0;
}
.wt-inforow__icon img {
width: 18px;
}
.wt-inforow__text {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--10);
}
.wt-inforow__text > * {
margin-block: 0;
}
.wt-inforow .wt-icon-circle {
width: 40px;
height: 40px;
flex: 0 0 40px;
} .wt-accent-line--teal {
width: 40px;
background: var(--wp--preset--color--teal);
} .wt-checkcard {
position: relative;
padding-left: calc(var(--wp--preset--spacing--60) + 40px);
}
.wt-checkcard::before {
content: "";
position: absolute;
top: var(--wp--preset--spacing--60);
left: var(--wp--preset--spacing--60);
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(60, 110, 113, 0.1);
}
.wt-checkcard::after {
content: "";
position: absolute;
top: calc(var(--wp--preset--spacing--60) + 10px);
left: calc(var(--wp--preset--spacing--60) + 12px);
width: 7px;
height: 12px;
border: solid var(--wp--preset--color--teal);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
} .wp-block-button.is-style-outline > .wp-block-button__link {
border-width: 2px;
border-style: solid;
} img,
video {
max-width: 100%;
height: auto;
}  .wt-form {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--60);
width: 100%;
max-width: 640px;
margin-inline: auto;
}
.wt-form p {
margin: 0;
}
.wt-form__row {
display: grid;
gap: var(--wp--preset--spacing--50);
grid-template-columns: 1fr;
}
@media (min-width: 600px) {
.wt-form__row {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.wt-form__field {
display: flex;
flex-direction: column;
gap: 6px;
}
.wt-form label {
color: var(--wp--preset--color--slate);
font-size: var(--wp--preset--font-size--small);
font-weight: 600;
}
.wt-form input[type="text"],
.wt-form textarea { box-sizing: border-box;
width: 100%;
padding: 0 var(--wp--preset--spacing--40);
border: 1px solid var(--wp--custom--color--hairline);
border-radius: var(--wp--custom--radius--md);
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--graphite);
font-family: inherit;
font-size: var(--wp--preset--font-size--small);
}
.wt-form input[type="text"] {
height: 44px;
}
.wt-form textarea {
min-height: 120px;
padding-block: var(--wp--preset--spacing--30);
line-height: 1.5;
resize: vertical;
}
.wt-form ::placeholder {
color: #888;
opacity: 1;
}
.wt-form__consent {
display: flex;
align-items: flex-start;
gap: 10px;
}
.wt-form__consent input {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: var(--wp--preset--color--teal);
}
.wt-form__consent label {
font-size: var(--wp--preset--font-size--xx-small);
font-weight: 400;
line-height: 1.4;
} .wt-form__trap {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.wt-form__actions button {
width: 100%;
padding: 14px var(--wp--preset--spacing--70);
border: 0;
border-radius: var(--wp--custom--radius--sm);
background: var(--wp--preset--color--teal);
color: var(--wp--preset--color--white);
font-family: inherit;
font-size: var(--wp--preset--font-size--base);
font-weight: 700;
cursor: pointer;
}
.wt-form__actions button:hover,
.wt-form__actions button:focus {
background: var(--wp--preset--color--yale);
}
.wt-form__hint {
color: var(--wp--preset--color--slate);
font-size: var(--wp--preset--font-size--x-small);
text-align: center;
}
.wt-form__notice {
padding: var(--wp--preset--spacing--40);
border-radius: var(--wp--custom--radius--sm);
font-size: var(--wp--preset--font-size--small);
}
.wt-form__notice--ok {
background: rgba(60, 110, 113, 0.1);
color: var(--wp--preset--color--teal);
}
.wt-form__notice--err {
background: rgba(179, 45, 46, 0.08);
color: #b32d2e;
}  @media (min-width: 825px) {
.wt-header > .wp-block-group {
position: relative;
} .wt-header .wp-block-navigation,
.wt-header .wp-block-navigation .wp-block-navigation__responsive-container,
.wt-header .wp-block-navigation .wp-block-navigation__responsive-dialog,
.wt-header .wp-block-navigation .wp-block-navigation__container,
.wp-block-navigation .has-child.wt-megamenu {
position: static;
}
.wp-block-navigation .has-child.wt-megamenu > .wp-block-navigation__submenu-container {
top: 100%;
left: 0;
right: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--wp--preset--spacing--40);
width: auto;
min-width: 0;
margin-top: var(--wp--preset--spacing--20);
padding: var(--wp--preset--spacing--60);
border: 1px solid var(--wp--custom--color--hairline);
border-radius: var(--wp--custom--radius--lg);
background: var(--wp--preset--color--white);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
}
.wp-block-navigation .has-child.wt-megamenu > .wp-block-navigation__submenu-container > li {
width: auto;
} .wp-block-navigation .has-child.wt-megamenu > .wp-block-navigation__submenu-container::before {
content: "";
position: absolute;
right: 0;
bottom: 100%;
left: 0;
height: 40px;
} .wp-block-navigation .has-child.wt-megamenu .wp-block-navigation__submenu-container a {
display: flex;
flex-direction: column;
align-items: stretch;
gap: var(--wp--preset--spacing--30);
padding: var(--wp--preset--spacing--20);
border-radius: var(--wp--custom--radius--md);
color: var(--wp--preset--color--graphite);
font-size: var(--wp--preset--font-size--base);
font-weight: 700;
line-height: 1.3;
white-space: normal;
}
.wp-block-navigation .has-child.wt-megamenu .wp-block-navigation__submenu-container a:hover,
.wp-block-navigation .has-child.wt-megamenu .wp-block-navigation__submenu-container a:focus {
background: var(--wp--preset--color--mist);
color: var(--wp--preset--color--teal);
} .wp-block-navigation .has-child.wt-megamenu .wp-block-navigation__submenu-container a::before {
content: "";
display: block;
width: 100%;
aspect-ratio: 16 / 10;
border-radius: var(--wp--custom--radius--sm);
background: var(--wp--preset--color--mist) center / cover no-repeat;
}
.wp-block-navigation .has-child.wt-megamenu a[href*="wymiana-opon"]::before {
background-image: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/usluga-wymiana-opon.webp);
}
.wp-block-navigation .has-child.wt-megamenu a[href*="naprawa-opon"]::before {
background-image: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/usluga-naprawa-opon.webp);
}
.wp-block-navigation .has-child.wt-megamenu a[href*="serwis-klimatyzacji"]::before {
background-image: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/usluga-serwis-klimatyzacji.webp);
}
.wp-block-navigation .has-child.wt-megamenu a[href*="diagnostyka-komputerowa"]::before {
background-image: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/usluga-diagnostyka-komputerowa.webp);
}
.wp-block-navigation .has-child.wt-megamenu a[href*="naprawy-mechaniczne"]::before {
background-image: url(//wulkanizacjatroszyn.pl/wp-content/themes/wulkanizacja-troszyn/assets/images/usluga-naprawy-mechaniczne.webp);
} .wp-block-navigation .has-child.wt-megamenu .wt-megamenu__all {
grid-column: 1 / -1;
}
.wp-block-navigation .has-child.wt-megamenu .wt-megamenu__all a {
flex-direction: row;
justify-content: center;
padding-block: var(--wp--preset--spacing--30);
border-top: 1px solid var(--wp--custom--color--hairline);
border-radius: 0;
color: var(--wp--preset--color--yale);
font-size: var(--wp--preset--font-size--small);
}
.wp-block-navigation .has-child.wt-megamenu .wt-megamenu__all a::before {
display: none;
}
} @media (max-width: 824px) { .wt-header .wp-block-navigation__responsive-container-open,
.wt-header .wp-block-navigation__responsive-container-close {
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
color: var(--wp--preset--color--graphite);
}
.wt-header .wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--custom--space--gutter);
background: var(--wp--preset--color--white);
} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
gap: 0;
width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
width: 100%;
border-bottom: 1px solid var(--wp--custom--color--hairline);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
display: block;
width: 100%;
padding-block: var(--wp--preset--spacing--40);
font-family: var(--wp--preset--font-family--heading);
font-size: var(--wp--preset--font-size--x-large);
font-weight: 800;
text-transform: uppercase;
} .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
gap: 0;
padding-left: var(--wp--preset--spacing--40);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
border-bottom: 0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding-block: var(--wp--preset--spacing--30);
font-family: var(--wp--preset--font-family--body);
font-size: var(--wp--preset--font-size--base);
font-weight: 500;
text-transform: none;
color: var(--wp--preset--color--slate);
}
}  .wt-404.wt-tread::before {
inset: 88px auto auto 50%;
width: min(1200px, 100%);
height: 320px;
transform: translateX(-50%);
opacity: 0.06;
} .wt-404__msg,
.wt-404__links {
display: flex;
flex-direction: column;
align-items: center;
gap: var(--wp--preset--spacing--40);
} .wt-404__msg > *:not(.wt-speedlines),
.wt-404__links > * {
width: 100%;
margin-block: 0;
}
.wt-404__msg > .wt-speedlines {
margin-block: 0;
}
.wt-404__links {
gap: var(--wp--preset--spacing--40);
} .wt-404__tire img {
mix-blend-mode: multiply;
} .wt-localseo__inner {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--50);
}
.wt-localseo__inner > h2 {
text-transform: uppercase;
letter-spacing: 0.02em;
}