/* ==========================================================================
   PUMPA 2026 — DARK INDUSTRIAL UI
   ========================================================================== */

:root {
    --pumpa-bg: #1f1f1f;
    --pumpa-bg-deep: #171717;
    --pumpa-panel: #242424;
    --pumpa-panel-2: #292929;
    --pumpa-panel-3: #303030;
    --pumpa-line: rgba(255, 255, 255, 0.10);
    --pumpa-line-strong: rgba(255, 255, 255, 0.18);
    --pumpa-text: #f2f2f2;
    --pumpa-muted: #a9a9a9;
    --pumpa-accent: #f6b219;
    --pumpa-accent-soft: rgba(246, 178, 25, 0.12);
    --pumpa-shadow: 0 22px 60px rgba(0, 0, 0, 0.25);
    --pumpa-content-radius: 0;

    /*
     * Globálna mriežka témy. Široké obsahové sekcie používajú vždy rovnakú
     * šírku ako Gutenberg alignwide z theme.json. Menšie max-width hodnoty
     * patria iba vnútornému textu/obrázkom, nie hlavnému layoutu sekcie.
     */
    --pumpa-layout-wide: var(--wp--style--global--wide-size, 1280px);
    --pumpa-layout-gutter: var(--wp--preset--spacing--40, 1.5rem);
    --pumpa-layout-gutter-mobile: 1.25rem;
}

html {
    scroll-behavior: smooth;
    background: var(--pumpa-bg-deep);
}

body {
    margin: 0;
    overflow-x: hidden;
    background:
        linear-gradient(180deg, #1f1f1f 0%, #1d1d1d 100%);
    color: var(--pumpa-text);
}

body,
button,
input,
textarea,
select {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::selection {
    background: var(--pumpa-accent);
    color: #151515;
}

a {
    color: var(--pumpa-accent);
    text-underline-offset: 0.22em;
    text-decoration-thickness: 1px;
}

a:hover {
    color: #ffd16a;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

hr,
.wp-block-separator {
    border-color: var(--pumpa-line);
}

input,
textarea,
select {
    box-sizing: border-box;
    border: 1px solid var(--pumpa-line-strong);
    border-radius: 0;
    background: #181818;
    color: var(--pumpa-text);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--pumpa-accent);
    outline: 2px solid rgba(246, 178, 25, 0.18);
    outline-offset: 1px;
}

.site-main {
    min-height: 50vh;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
    position: relative;
    z-index: 100;
    border-bottom: 1px solid var(--pumpa-line);
    background:
        linear-gradient(180deg, #1a1a1a 0%, #181818 100%) !important;
}

.site-header::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--pumpa-accent) 18%,
        rgba(246, 178, 25, 0.35) 50%,
        transparent 100%
    );
    pointer-events: none;
}

.site-header__inner {
    min-height: 5.25rem;
}

/* Jemný vnútorný odstup okolo loga, aby sa nedotýkalo okrajov hlavičky. */
.site-header .wp-block-site-logo {
    box-sizing: border-box;
    padding: 0.45rem 0.35rem;
}

.site-header .wp-block-site-logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
}

/* Názov webu zostáva nastavený vo WordPresse pre <title>, RSS a SEO,
 * ale v hlavičke sa vizuálne nezobrazuje vedľa samostatného loga. */
.site-header .wp-block-site-title {
    display: none !important;
}

.site-header .wp-block-site-title a {
    color: #fff !important;
    text-decoration: none;
}

.site-header .wp-block-navigation,
.site-header .wp-block-navigation a,
.site-header .wp-block-navigation-item__content {
    color: #fff !important;
}

.site-header .wp-block-navigation-item__content {
    position: relative;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    text-decoration: none;
}

.site-header .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--pumpa-accent);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 160ms ease;
}

/* Hover aj aktuálna vetva navigácie používajú rovnaký žltý akcent.
 * WordPress triedy dopĺňame vlastnými pumpa-* triedami z main.js, aby sa
 * správne označili aj vlastné URL vytvorené cez Vzhľad → Hlavné menu. */
.site-header .wp-block-navigation-item__content:hover::after,
.site-header .current-menu-item > .wp-block-navigation-item__content::after,
.site-header .current-menu-ancestor > .wp-block-navigation-item__content::after,
.site-header .pumpa-current-menu-item > .wp-block-navigation-item__content::after,
.site-header .pumpa-current-menu-ancestor > .wp-block-navigation-item__content::after,
.site-header .wp-block-navigation-item__content[aria-current="page"]::after {
    transform: scaleX(1);
}

.site-header .current-menu-item > .wp-block-navigation-item__content,
.site-header .current-menu-ancestor > .wp-block-navigation-item__content,
.site-header .pumpa-current-menu-item > .wp-block-navigation-item__content,
.site-header .pumpa-current-menu-ancestor > .wp-block-navigation-item__content,
.site-header .wp-block-navigation-item__content[aria-current="page"] {
    color: var(--pumpa-accent) !important;
    font-weight: 800;
}

.site-header .wp-block-navigation__responsive-container-open,
.site-header .wp-block-navigation__responsive-container-close {
    color: #fff;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open {
    background: #171717;
    color: #fff;
}

/* ==========================================================================
   TYPOGRAPHY / GENERIC BLOCKS
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading {
    color: #fff;
    letter-spacing: -0.025em;
}

p,
li,
td,
th,
figcaption {
    color: inherit;
}

.wp-block-post-title,
.wp-block-query-title {
    color: #fff;
}

.site-main > .wp-block-post-title,
.machine-heading .wp-block-post-title {
    position: relative;
}

.machine-heading .wp-block-post-title::after,
.site-main > .wp-block-post-title::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 1rem;
    background: var(--pumpa-accent);
}

.wp-block-quote {
    border-left-color: var(--pumpa-accent);
    background: var(--pumpa-panel);
    padding: 1.25rem 1.5rem;
}

.wp-block-code,
pre {
    border: 1px solid var(--pumpa-line);
    background: #161616;
    color: #eee;
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

.wp-element-button,
.wp-block-button__link {
    border: 1px solid var(--pumpa-accent);
    border-radius: 0 !important;
    background: var(--pumpa-accent);
    color: #151515 !important;
    font-weight: 800;
    letter-spacing: 0.01em;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease,
        box-shadow 160ms ease;
}

.wp-element-button:hover,
.wp-block-button__link:hover {
    transform: translateY(-2px);
    border-color: #ffca52;
    background: #ffca52;
    color: #111 !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 1px solid var(--pumpa-accent);
    background: transparent;
    color: var(--pumpa-accent) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--pumpa-accent);
    color: #151515 !important;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
    margin-top: 0;
    border-top: 1px solid rgba(246, 178, 25, 0.38);
    background: #171717 !important;
}

.site-footer__inner {
    min-height: 5rem;
}

.site-footer,
.site-footer a,
.site-footer .wp-block-site-title a {
    color: #fff !important;
}

/* ==========================================================================
   SERVICE / CATEGORY LISTS
   ========================================================================== */

.service-category-grid,
.service-list-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.service-card,
.service-category-card,
.service-list-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 2px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.10), transparent 35%),
        var(--pumpa-panel);
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.service-card:hover,
.service-category-card:hover,
.service-list-card:hover {
    border-color: rgba(246, 178, 25, 0.58);
    border-top-color: var(--pumpa-accent);
    box-shadow: 0 20px 44px rgba(0, 0, 0, 0.24);
    transform: translateY(-3px);
}

.service-card__content {
    height: 100%;
}

.service-category-card__image,
.service-list-card__image,
.service-card .wp-block-post-featured-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 0;
    overflow: hidden;
    background: #f3f3f3;
}

.service-category-card__image img,
.service-list-card__image img,
.service-card .wp-block-post-featured-image img {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0.8rem;
    box-sizing: border-box;
    object-fit: contain;
    transition: transform 0.28s ease;
}

.service-category-card:hover .service-category-card__image img,
.service-list-card:hover .service-list-card__image img,
.service-card:hover .wp-block-post-featured-image img {
    transform: scale(1.035);
}

.service-category-card__content,
.service-list-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.5rem;
}

.service-category-card__title,
.service-list-card__title {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.service-category-card__title a,
.service-list-card__title a {
    color: #fff;
    text-decoration: none;
}

.service-category-card__title a:hover,
.service-list-card__title a:hover {
    color: var(--pumpa-accent);
}

.service-category-card__content > p,
.service-list-card__content > p {
    margin-top: 0;
    color: #d0d0d0;
}

.service-category-card__link,
.service-list-card__link {
    display: inline-flex;
    align-self: flex-start;
    margin-top: auto;
    padding-top: 0.75rem;
    color: var(--pumpa-accent);
    font-weight: 800;
    text-underline-offset: 0.25em;
}

.service-documents {
    border-left: 4px solid var(--pumpa-accent);
    background: var(--pumpa-panel) !important;
}

.service-visual-placeholder {
    border: 1px dashed var(--pumpa-line-strong);
    background: var(--pumpa-panel);
}

.service-pagination {
    margin-top: 3rem;
}

.service-pagination .page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0;
    list-style: none;
}

.service-pagination a,
.service-pagination span {
    display: grid;
    min-width: 2.6rem;
    min-height: 2.6rem;
    place-items: center;
    border: 1px solid var(--pumpa-line-strong);
    background: var(--pumpa-panel);
    color: #fff;
    text-decoration: none;
}

.service-pagination .current,
.service-pagination a:hover {
    border-color: var(--pumpa-accent);
    background: var(--pumpa-accent);
    color: #151515;
}

/* ==========================================================================
   MACHINE DETAIL
   ========================================================================== */

.machine-single {
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.025), transparent 22rem),
        var(--pumpa-bg);
}

.machine-heading .taxonomy-pumpa_service_category {
    margin-bottom: 0;
}

.machine-heading .taxonomy-pumpa_service_category a {
    color: var(--pumpa-accent);
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.machine-overview {
    margin-bottom: clamp(4rem, 8vw, 7rem);
}

.machine-overview__columns {
    gap: clamp(2rem, 5vw, 5rem);
}

.machine-main-image {
    overflow: hidden;
    border: 1px solid var(--pumpa-line-strong);
    background: #f3f3f3;
    box-shadow: var(--pumpa-shadow);
}

.machine-main-image img {
    width: 100%;
    height: auto;
}

.machine-overview__info {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.machine-overview__info > p {
    color: #f3f3f3;
}

.machine-key-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.machine-stat {
    position: relative;
    height: 100%;
    padding: 1.25rem;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.14), transparent 52%),
        #202020;
    color: #fff;
}

.machine-stat p {
    margin: 0;
}

.machine-stat__value {
    color: #fff;
    font-size: clamp(1.2rem, 2vw, 1.75rem);
    font-weight: 900;
    line-height: 1.05;
}

.machine-stat__label {
    margin-top: 0.55rem !important;
    color: var(--pumpa-muted);
    line-height: 1.35;
}

.machine-documents {
    border: 1px solid var(--pumpa-line);
    border-left: 4px solid var(--pumpa-accent);
    background: var(--pumpa-panel) !important;
}

.machine-documents .wp-block-heading {
    color: #fff;
}

.machine-documents .wp-block-buttons {
    gap: 0.75rem;
}

.machine-section {
    margin-top: clamp(4rem, 7vw, 6rem);
}

.machine-section > .wp-block-heading:first-child {
    position: relative;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
}

.machine-section > .wp-block-heading:first-child::before {
    content: "";
    position: absolute;
    top: 0.08em;
    bottom: 0.08em;
    left: 0;
    width: 4px;
    background: var(--pumpa-accent);
}

.machine-section > p {
    color: #d8d8d8;
}

/* ==========================================================================
   TABLES — NO HORIZONTAL SCROLL
   ========================================================================== */

.machine-table,
.service-parameters {
    width: 100%;
    max-width: none !important;
    overflow: visible !important;
    border: 1px solid var(--pumpa-line);
    background: #1a1a1a;
}

.machine-section > .machine-table,
.machine-pump-variants > .machine-table {
    width: 100%;
    max-width: none !important;
}

.machine-table table,
.service-parameters table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.machine-table th,
.machine-table td,
.service-parameters th,
.service-parameters td {
    padding: 0.9rem 0.85rem;
    border: 0;
    border-bottom: 1px solid var(--pumpa-line);
    vertical-align: middle;
    text-align: left;
    overflow-wrap: anywhere;
}

.machine-table thead {
    border: 0;
}

.machine-table thead th {
    background: #151515;
    color: var(--pumpa-accent);
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.machine-table tbody td,
.service-parameters tbody td {
    background: #242424;
    color: #e9e9e9;
}

.machine-table tbody tr:nth-child(even) td,
.service-parameters tbody tr:nth-child(even) td {
    background: #202020;
}

.machine-table tbody tr:last-child td,
.service-parameters tbody tr:last-child td {
    border-bottom: 0;
}

.machine-table strong {
    color: #fff;
}

.machine-table--specs {
    max-width: 900px !important;
}

.machine-table--specs td:first-child {
    width: 62%;
    color: #fff;
}

.machine-table--specs td:last-child {
    font-weight: 800;
    color: var(--pumpa-accent);
}

/* 7-column variant table fits the wide 1280px content area on desktop. */
.machine-table--variants {
    width: 100%;
}

.machine-table--variants table {
    width: 100%;
    min-width: 0 !important;
    table-layout: fixed;
}

.machine-table--variants th:nth-child(1),
.machine-table--variants td:nth-child(1) { width: 16%; }

.machine-table--variants th:nth-child(2),
.machine-table--variants td:nth-child(2) { width: 15%; }

.machine-table--variants th:nth-child(3),
.machine-table--variants td:nth-child(3) { width: 10%; }

.machine-table--variants th:nth-child(4),
.machine-table--variants td:nth-child(4) { width: 11%; }

.machine-table--variants th:nth-child(5),
.machine-table--variants td:nth-child(5) { width: 21%; }

.machine-table--variants th:nth-child(6),
.machine-table--variants td:nth-child(6) { width: 14%; }

.machine-table--variants th:nth-child(7),
.machine-table--variants td:nth-child(7) { width: 13%; }

.machine-table--variants th:first-child,
.machine-table--variants td:first-child {
    position: static;
}

.machine-note {
    max-width: 100% !important;
    margin-top: 1rem;
    color: var(--pumpa-muted) !important;
}

/* ==========================================================================
   SCHEMA
   ========================================================================== */

.machine-schema {
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    max-width: none !important;
    min-height: 170px;
    padding: 2rem;
    border: 1px solid var(--pumpa-line);
    background:
        linear-gradient(135deg, rgba(255,255,255,0.025), transparent),
        var(--pumpa-panel);
}

.machine-schema img {
    width: auto !important;
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   KINEMATICS + SUPPORTS — EQUAL SQUARE TILES
   ========================================================================== */

.machine-diagrams {
    align-items: stretch !important;
    gap: clamp(1.5rem, 4vw, 3rem);
}

.machine-diagrams > .wp-block-column {
    display: flex;
    flex-direction: column;
}

.machine-diagrams h3 {
    margin-bottom: 1rem;
}

.machine-diagrams .wp-block-image {
    display: grid;
    width: 100%;
    max-width: none !important;
    aspect-ratio: 1 / 1;
    margin: 0;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background: #f2f2f2;
    cursor: zoom-in;
}

.machine-diagrams .wp-block-image > a {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    cursor: zoom-in;
}

.machine-diagrams .wp-block-image img {
    width: 100%;
    height: 100%;
    padding: clamp(0.75rem, 2vw, 1.5rem);
    box-sizing: border-box;
    object-fit: contain;
    transition: transform 180ms ease;
}

.machine-diagrams .wp-block-image:hover img {
    transform: scale(1.025);
}

/* ==========================================================================
   CTA
   ========================================================================== */

.machine-cta {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(246, 178, 25, 0.45);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.13), transparent 40%),
        #171717 !important;
}

.machine-cta::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--pumpa-accent);
}

.machine-cta p {
    color: #cfcfcf;
}

/* ==========================================================================
   CUSTOM LIGHTBOX FOR MACHINE DIAGRAMS
   ========================================================================== */

body.pumpa-lightbox-open {
    overflow: hidden;
}

.pumpa-lightbox {
    position: fixed;
    z-index: 1000000;
    inset: 0;
    display: grid;
    padding: clamp(1rem, 3vw, 2.5rem);
    place-items: center;
    background: rgba(0, 0, 0, 0.92);
    opacity: 0;
    visibility: hidden;
    transition:
        opacity 180ms ease,
        visibility 180ms ease;
}

.pumpa-lightbox.is-open {
    opacity: 1;
    visibility: visible;
}

.pumpa-lightbox__dialog {
    position: relative;
    display: grid;
    width: min(96vw, 1500px);
    height: min(92vh, 1000px);
    place-items: center;
}

.pumpa-lightbox__image {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
}

.pumpa-lightbox__close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    display: grid;
    width: 48px;
    height: 48px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: #171717;
    color: #fff;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
}

.pumpa-lightbox__close:hover,
.pumpa-lightbox__close:focus-visible {
    border-color: var(--pumpa-accent);
    background: var(--pumpa-accent);
    color: #151515;
    outline: none;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1000px) {
    .service-category-grid,
    .service-list-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .machine-key-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .machine-table--variants th,
    .machine-table--variants td {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
        font-size: 0.82rem;
    }
}

@media (max-width: 781px) {
    .site-header__inner {
        min-height: 4.5rem;
    }

    .service-category-grid,
    .service-list-grid {
        grid-template-columns: 1fr;
    }

    .machine-overview__columns {
        gap: 2rem;
    }

    .machine-key-stats {
        grid-template-columns: 1fr;
    }

    .machine-stat {
        display: grid;
        grid-template-columns: minmax(120px, 0.8fr) 1.2fr;
        align-items: center;
        gap: 1rem;
    }

    .machine-stat__label {
        margin-top: 0 !important;
    }

    /*
     * Obe technické tabuľky používajú na mobile rovnaký vizuálny systém:
     * názov parametra vľavo, hodnota zvýraznená vpravo.
     */
    .machine-table--specs,
    .machine-table--variants {
        overflow: visible !important;
    }

    .machine-table--specs table,
    .machine-table--specs tbody,
    .machine-table--variants table,
    .machine-table--variants tbody {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }

    .machine-table--specs tr {
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
        width: 100%;
        border-bottom: 1px solid var(--pumpa-line);
    }

    .machine-table--specs td {
        display: flex;
        align-items: center;
        width: auto !important;
        padding: 0.9rem 1rem;
        border: 0;
        background: transparent;
    }

    .machine-table--specs tr:nth-child(even) td {
        background: var(--pumpa-panel);
    }

    .machine-table--specs td:first-child {
        color: var(--pumpa-text);
        font-weight: 700;
    }

    .machine-table--specs td:last-child {
        justify-content: flex-end;
        color: var(--pumpa-accent);
        font-weight: 800;
        text-align: right;
    }

    /* Varianty čerpadla sa z 7 stĺpcov zmenia na rovnaké dvojstĺpcové riadky. */
    .machine-table--variants {
        border: 1px solid var(--pumpa-line);
        background: #1a1a1a;
    }

    .machine-table--variants thead {
        display: none;
    }

    .machine-table--variants tbody {
        display: block;
    }

    .machine-table--variants tbody tr {
        display: block;
        width: 100%;
        margin: 0;
        border: 0;
        background: transparent;
    }

    /* Pri viacerých variantoch ich oddelíme, ale bez odlišného kartového dizajnu. */
    .machine-table--variants tbody tr + tr {
        margin-top: 1.25rem;
        border-top: 3px solid var(--pumpa-accent);
    }

    .machine-table--variants tbody td {
        position: static !important;
        display: grid;
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);
        align-items: center;
        gap: 1rem;
        width: 100% !important;
        box-sizing: border-box;
        padding: 0.9rem 1rem;
        border: 0;
        border-bottom: 1px solid var(--pumpa-line);
        background: transparent !important;
        color: var(--pumpa-accent);
        font-weight: 800;
        text-align: right;
    }

    .machine-table--variants tbody td:nth-child(even) {
        background: var(--pumpa-panel) !important;
    }

    .machine-table--variants tbody td:last-child {
        border-bottom: 0;
    }

    .machine-table--variants tbody td::before {
        color: var(--pumpa-text);
        font-size: inherit;
        font-weight: 700;
        line-height: 1.35;
        letter-spacing: normal;
        text-align: left;
        text-transform: none;
    }

    /*
     * Názov parametra sa nevyrába podľa čísla stĺpca.
     * main.js ho pre každý riadok prevezme priamo z hlavičky danej tabuľky,
     * takže fungujú aj modely s odlišnými technickými údajmi.
     */
    .machine-table--variants tbody td::before {
        content: attr(data-label);
    }

    .machine-table--variants tbody td strong {
        color: inherit;
        font-weight: inherit;
    }

    .machine-diagrams {
        gap: 2rem;
    }
}

@media (max-width: 520px) {
    /*
     * Aj na úzkych telefónoch ostávajú technické údaje v dvoch stĺpcoch,
     * aby boli obe tabuľky vizuálne konzistentné.
     */
    .machine-table--specs tr,
    .machine-table--variants tbody td {
        grid-template-columns: minmax(0, 1.35fr) minmax(90px, 0.65fr);
    }

    .machine-table--specs td,
    .machine-table--variants tbody td {
        padding: 0.8rem 0.75rem;
    }

    .machine-table--variants tbody td {
        gap: 0.65rem;
    }

    .pumpa-lightbox {
        padding: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ==========================================================================
   DETAIL WIDTH ALIGNMENT — v0.4.1
   Main headings use the same wide left/right edges as technical content.
   ========================================================================== */

.machine-heading {
    width: 100%;
}

/* WordPress constrained layout otherwise keeps category + H1 at contentSize. */
.machine-heading.wp-block-group-is-layout-constrained > .taxonomy-pumpa_service_category,
.machine-heading.wp-block-group-is-layout-constrained > .wp-block-post-title {
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Section titles line up with tables, schema and diagram grid. */
.machine-section.wp-block-group-is-layout-constrained > .wp-block-heading:first-child {
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
 * The descriptive paragraph stays readable, but it starts on the same
 * left edge instead of being centered inside the 760px content column.
 */
.machine-section.wp-block-group-is-layout-constrained > p {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep the long intro text comfortable on large screens. */
.machine-section:not(.machine-pump-variants):not(.machine-specs) > p {
    max-width: 900px !important;
}


/* ==========================================================================
   FEATURE HERO — FULL-WIDTH MACHINE BANNER — v0.4.4
   Reusable promotional hero for exceptional machines such as SY68.
   The block can stay inside the normal service content; CSS breaks the
   background out to the viewport while keeping copy aligned to site content.
   ========================================================================== */

.machine-feature-hero {
    position: relative;
    isolation: isolate;
    width: 100vw !important;
    max-width: none !important;
    min-height: clamp(520px, 42vw, 680px) !important;
    margin-top: 0 !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: clamp(3.5rem, 7vw, 6rem) !important;
    margin-left: calc(50% - 50vw) !important;
    overflow: hidden;
    border-top: 1px solid rgba(246, 178, 25, 0.28);
    border-bottom: 4px solid var(--pumpa-accent);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.30);
}

.machine-feature-hero .wp-block-cover__image-background {
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
}

/*
 * The native Gutenberg dim layer becomes the industrial left-to-right
 * gradient used on the original presentation, while remaining editable.
 */
.machine-feature-hero .wp-block-cover__background {
    opacity: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(7, 7, 7, 0.96) 0%,
            rgba(7, 7, 7, 0.88) 27%,
            rgba(7, 7, 7, 0.66) 48%,
            rgba(7, 7, 7, 0.30) 70%,
            rgba(7, 7, 7, 0.10) 100%
        ) !important;
}

.machine-feature-hero .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    width: min(var(--pumpa-layout-wide), calc(100% - 3rem));
    margin-right: auto;
    margin-left: auto;
}

.machine-feature-hero .wp-block-cover__inner-container > .wp-block-group {
    width: min(650px, 100%);
    max-width: 650px !important;
    margin-right: auto !important;
    margin-left: 0 !important;
}

/* Kicker: NOVINKA NA SLOVENSKOM TRHU */
.machine-feature-hero .wp-block-cover__inner-container > .wp-block-group > p:first-child {
    display: inline-block;
    width: auto;
    margin: 0 0 1.35rem !important;
    padding: 0.55rem 0.85rem 0.55rem 1rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(0, 0, 0, 0.58);
    color: var(--pumpa-accent) !important;
    font-size: 0.78rem !important;
    font-weight: 900 !important;
    line-height: 1.15;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    text-shadow: none;
}

.machine-feature-hero .wp-block-cover__inner-container h2 {
    max-width: 650px;
    margin: 0 0 1.6rem !important;
    color: #fff !important;
    font-size: clamp(2.65rem, 4.6vw, 4.9rem) !important;
    font-weight: 900 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em;
    text-wrap: balance;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.72);
}

/* Price callout behaves like a strong CTA label without becoming a fake link. */
.machine-feature-hero .wp-block-cover__inner-container > .wp-block-group > p:last-child {
    display: inline-flex;
    width: auto;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0.8rem 1.35rem !important;
    border: 2px solid var(--pumpa-accent);
    background: var(--pumpa-accent) !important;
    color: #151515 !important;
    font-size: 1rem;
    font-weight: 900 !important;
    line-height: 1.15;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.22);
}

@media (max-width: 781px) {
    .machine-feature-hero {
        min-height: 540px !important;
        margin-bottom: 3.5rem !important;
    }

    .machine-feature-hero .wp-block-cover__image-background {
        object-position: 58% center;
    }

    .machine-feature-hero .wp-block-cover__background {
        background:
            linear-gradient(
                90deg,
                rgba(7, 7, 7, 0.91) 0%,
                rgba(7, 7, 7, 0.78) 58%,
                rgba(7, 7, 7, 0.48) 100%
            ) !important;
    }

    .machine-feature-hero .wp-block-cover__inner-container {
        width: calc(100% - 2.5rem);
    }

    .machine-feature-hero .wp-block-cover__inner-container h2 {
        max-width: 34rem;
        font-size: clamp(2.3rem, 8.5vw, 3.65rem) !important;
        line-height: 1.02 !important;
    }
}

@media (max-width: 520px) {
    .machine-feature-hero {
        min-height: 510px !important;
    }

    .machine-feature-hero .wp-block-cover__image-background {
        object-position: 63% center;
    }

    .machine-feature-hero .wp-block-cover__background {
        background: rgba(7, 7, 7, 0.66) !important;
    }

    .machine-feature-hero .wp-block-cover__inner-container {
        width: calc(100% - 2.5rem);
    }

    .machine-feature-hero .wp-block-cover__inner-container > .wp-block-group > p:first-child {
        margin-bottom: 1rem !important;
        padding: 0.48rem 0.7rem 0.48rem 0.8rem;
        font-size: 0.7rem !important;
        letter-spacing: 0.105em !important;
    }

    .machine-feature-hero .wp-block-cover__inner-container h2 {
        margin-bottom: 1.25rem !important;
        font-size: clamp(2.15rem, 10.8vw, 3rem) !important;
        letter-spacing: -0.035em;
    }

    .machine-feature-hero .wp-block-cover__inner-container > .wp-block-group > p:last-child {
        min-height: 2.9rem;
        padding: 0.7rem 1rem !important;
        font-size: 0.92rem;
    }
}

/* ==========================================================================
   FEATURE LISTS — UNIFIED INDUSTRIAL CARDS — v0.4.6
   All native Gutenberg lists inside machine-detail sections share the same
   visual language. Direct lists can use two columns; lists placed in the
   standard/optional equipment columns use the very same cards and headings.
   ========================================================================== */

.machine-section .wp-block-list {
    display: grid;
    gap: 0.75rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}

/*
 * A long standalone list (e.g. Hlavné vlastnosti) uses the full wide section.
 * WordPress constrained layout would otherwise keep it at contentSize (760 px)
 * and center it, which breaks alignment with the section heading and tables.
 */
.machine-section.wp-block-group-is-layout-constrained > .wp-block-list {
    width: 100%;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* One shared card design for every list item. */
.machine-section .wp-block-list > li {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 1rem 1rem 1rem 3rem;
    border: 1px solid var(--pumpa-line);
    background:
        linear-gradient(135deg, rgba(246, 178, 25, 0.055), transparent 58%),
        #202020;
    color: #dedede;
    line-height: 1.55;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
}

.machine-section .wp-block-list > li::before {
    content: "";
    position: absolute;
    top: 1.32rem;
    left: 1.15rem;
    width: 0.5rem;
    height: 0.5rem;
    border: 2px solid var(--pumpa-accent);
    transform: rotate(45deg);
    box-shadow: 0 0 0 3px rgba(246, 178, 25, 0.07);
}

.machine-section .wp-block-list > li strong {
    color: #fff;
}

/*
 * Standard / optional equipment remain two content columns on desktop,
 * but the columns themselves are no longer styled as different panels.
 * Their headings now use the same yellow left marker as all section titles.
 */
.machine-section > .wp-block-columns:not(.machine-diagrams) {
    align-items: flex-start !important;
    gap: clamp(1.5rem, 4vw, 3rem);
}

.machine-section > .wp-block-columns:not(.machine-diagrams) > .wp-block-column {
    padding: 0;
    border: 0;
    background: transparent;
}

.machine-section > .wp-block-columns:not(.machine-diagrams) > .wp-block-column > .wp-block-heading:first-child {
    position: relative;
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    color: #fff;
}

.machine-section > .wp-block-columns:not(.machine-diagrams) > .wp-block-column > .wp-block-heading:first-child::before {
    content: "";
    position: absolute;
    top: 0.08em;
    bottom: 0.08em;
    left: 0;
    width: 4px;
    background: var(--pumpa-accent);
}

.machine-section > .wp-block-columns:not(.machine-diagrams) .wp-block-list {
    margin-top: 0;
}

@media (max-width: 781px) {
    .machine-section.wp-block-group-is-layout-constrained > .wp-block-list {
        grid-template-columns: 1fr;
    }

    .machine-section .wp-block-list > li {
        padding: 0.9rem 0.95rem 0.9rem 2.75rem;
    }

    .machine-section .wp-block-list > li::before {
        top: 1.2rem;
        left: 1rem;
    }

    .machine-section > .wp-block-columns:not(.machine-diagrams) {
        gap: 2.5rem;
    }
}


/* ==========================================================================
   GLOBAL MACHINE DETAIL POLISH — v0.4.8
   Shared visual refinement for every machine detail. The goal is one design
   system across all models, not one-off styling for CIFA or any other page.
   ========================================================================== */

/* Product image: retain a clean light technical backdrop, but make the image
 * feel like an intentional product panel rather than a loose white rectangle.
 */
.machine-main-image {
    position: relative;
    padding: clamp(0.75rem, 1.6vw, 1.25rem);
    border: 1px solid var(--pumpa-line-strong);
    border-top: 3px solid var(--pumpa-accent);
    background:
        linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
    box-shadow:
        0 18px 46px rgba(0, 0, 0, 0.22),
        0 0 0 1px rgba(246, 178, 25, 0.025) inset;
}

.machine-main-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Variant tables: yellow stays an accent rather than colouring the whole
 * header. This improves scanning on wide seven-column technical tables.
 */
.machine-table--variants {
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
}

.machine-table--variants thead {
    border-top: 3px solid var(--pumpa-accent);
    border-bottom: 1px solid rgba(246, 178, 25, 0.42);
}

.machine-table--variants thead th {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent),
        #151515;
    color: #f2f2f2;
    font-size: 0.76rem;
    line-height: 1.28;
    letter-spacing: 0.025em;
}

.machine-table--variants thead th:last-child {
    border-right: 0;
}

@media (hover: hover) and (min-width: 782px) {
    .machine-table--variants tbody tr:hover td {
        background: #292929;
    }
}

/* The standalone schema is part of the same technical-visual family as the
 * kinematics/support drawings, so it uses the same accent and depth.
 */
.machine-schema {
    border-top: 3px solid var(--pumpa-accent);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
}

/* Kinematics, supports and dimension drawings become complete technical
 * panels: title + drawing share one frame and the yellow accent is on the
 * panel, not repeated on the image itself.
 */
.machine-diagrams > .wp-block-column {
    padding: clamp(0.85rem, 1.8vw, 1.25rem);
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.055), transparent 42%),
        #1b1b1b;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
}

.machine-diagrams h3 {
    margin: 0 0 0.9rem;
    color: #fff;
    font-size: clamp(1rem, 1.4vw, 1.2rem);
    line-height: 1.2;
}

.machine-diagrams .wp-block-image {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top-width: 1px;
    background: #f4f4f4;
}

@media (max-width: 781px) {
    .machine-main-image {
        padding: 0.75rem;
    }

    .machine-diagrams > .wp-block-column {
        padding: 0.85rem;
    }
}

/* ========================================================================== 
   INTERACTION FIXES — v0.4.9
   ========================================================================== */

/* Lightbox: celé voľné okolie obrázka je aktívna plocha na zatvorenie. */
.pumpa-lightbox,
.pumpa-lightbox__dialog {
    cursor: zoom-out;
}

.pumpa-lightbox__image {
    cursor: default;
}

/*
 * Mobilné Gutenberg menu je full-screen overlay. WordPress jadro mu môže
 * priradiť svetlé pozadie podľa predvolených štýlov bloku, preto tu na mobile
 * explicitne definujeme celý vzhľad otvoreného menu vrátane vnorených prvkov.
 */
@media (max-width: 781px) {
    .site-header .wp-block-navigation__responsive-container.is-menu-open,
    .site-header .wp-block-navigation__responsive-container.has-modal-open {
        position: fixed;
        z-index: 1000001;
        inset: 0;
        display: flex;
        width: 100vw;
        max-width: none;
        height: 100dvh;
        margin: 0;
        padding: 0 1rem 1rem;
        overflow-y: auto;
        box-sizing: border-box;
        background: #171717 !important;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-close,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-dialog {
        width: 100%;
        min-height: 100%;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        width: 100%;
        padding: 3.75rem 0 0 !important;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__container,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-page-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent !important;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-pages-list__item {
        width: 100%;
        margin: 0;
        background: transparent !important;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-pages-list__item__link {
        display: block;
        width: 100%;
        padding: 1rem 0;
        border-bottom: 1px solid var(--pumpa-line);
        background: transparent !important;
        color: #fff !important;
        font-size: 1.1rem;
        font-weight: 700;
        line-height: 1.3;
        text-align: left;
        text-decoration: none;
    }


    /* Aktuálna stránka/sekcia je v mobilnom overlayi viditeľná aj bez hoveru. */
    .site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-item > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .current-menu-item > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .current-menu-ancestor > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .current-menu-ancestor > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .pumpa-current-menu-item > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .pumpa-current-menu-item > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .pumpa-current-menu-ancestor > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .pumpa-current-menu-ancestor > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current="page"],
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content[aria-current="page"] {
        padding-left: 0.9rem;
        border-left: 3px solid var(--pumpa-accent);
        border-bottom-color: rgba(246, 178, 25, 0.34);
        background: rgba(246, 178, 25, 0.07) !important;
        color: var(--pumpa-accent) !important;
        font-weight: 800;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation-item__content::after,
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item__link::after,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-pages-list__item__link::after {
        display: none;
    }

    .site-header .wp-block-navigation__responsive-container-close {
        position: absolute;
        z-index: 2;
        top: 1.25rem;
        right: 1.25rem;
        display: grid;
        width: 46px;
        height: 46px;
        padding: 0;
        place-items: center;
        border: 1px solid var(--pumpa-line-strong);
        background: #202020 !important;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container-open {
        display: grid;
        place-items: center;
        color: #fff !important;
    }

    .site-header .wp-block-navigation__responsive-container-open svg,
    .site-header .wp-block-navigation__responsive-container-close svg {
        fill: currentColor;
    }

    .site-header .wp-block-navigation__responsive-container-close:hover,
    .site-header .wp-block-navigation__responsive-container-close:focus-visible {
        border-color: var(--pumpa-accent);
        background: var(--pumpa-accent) !important;
        color: #151515 !important;
        outline: none;
    }
}

@media (max-width: 782px) {
    body.admin-bar .site-header .wp-block-navigation__responsive-container.is-menu-open,
    body.admin-bar .site-header .wp-block-navigation__responsive-container.has-modal-open {
        top: 46px;
        height: calc(100dvh - 46px);
    }
}



/* ========================================================================== 
   MOBILE NAVIGATION TOGGLE — v0.5.0
   Persistent three-line hamburger that morphs into an X in exactly the same
   position. Native Gutenberg open/close controls remain available to the
   navigation script, but are visually replaced by this single control.
   ========================================================================== */

.pumpa-menu-toggle {
    display: none;
}

@media (max-width: 781px) {
    .site-header .wp-block-navigation__responsive-container-open,
    .site-header .wp-block-navigation__responsive-container-close {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: -1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        border: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .site-header .pumpa-menu-toggle {
        position: relative;
        z-index: 1000002;
        display: inline-flex;
        flex: 0 0 44px;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 0;
        background: transparent;
        color: #fff;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition:
            color 180ms ease,
            border-color 180ms ease,
            background-color 180ms ease;
    }

    .site-header .pumpa-menu-toggle__icon {
        position: relative;
        display: block;
        width: 26px;
        height: 2px;
        background: currentColor;
        transform-origin: center;
        transition: background-color 120ms ease 70ms;
    }

    .site-header .pumpa-menu-toggle__icon::before,
    .site-header .pumpa-menu-toggle__icon::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 26px;
        height: 2px;
        background: currentColor;
        transform-origin: center;
        transition: transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .site-header .pumpa-menu-toggle__icon::before {
        transform: translateY(-8px);
    }

    .site-header .pumpa-menu-toggle__icon::after {
        transform: translateY(8px);
    }

    .site-header .pumpa-menu-toggle.is-open .pumpa-menu-toggle__icon {
        background: transparent;
        transition-delay: 0ms;
    }

    .site-header .pumpa-menu-toggle.is-open .pumpa-menu-toggle__icon::before {
        transform: translateY(0) rotate(45deg);
    }

    .site-header .pumpa-menu-toggle.is-open .pumpa-menu-toggle__icon::after {
        transform: translateY(0) rotate(-45deg);
    }

    .site-header .pumpa-menu-toggle:hover,
    .site-header .pumpa-menu-toggle:focus-visible,
    .site-header .pumpa-menu-toggle.is-open {
        color: var(--pumpa-accent);
    }

    .site-header .pumpa-menu-toggle:focus-visible {
        border-color: rgba(246, 178, 25, 0.62);
        background: rgba(246, 178, 25, 0.06);
        outline: none;
    }

    /*
     * Menu začína hneď pod trvalým hamburger/X ovládačom. WordPress jadro
     * pridáva na tento prvok vlastný veľký top padding, preto tu nastavujeme
     * celý padding explicitne a udržujeme mobilný overlay kompaktný.
     */
    .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .wp-block-navigation__responsive-container-content {
        padding: 3.75rem 0 0 !important;
    }
}


/* ========================================================================== 
   NAVIGATION BREAKPOINT FIX — v0.5.1
   Gutenberg prepína natívny overlay približne pri 600 px, zatiaľ čo téma
   používa mobilnú hlavičku do 781 px. V pásme medzi týmito breakpointmi sa
   preto mohla zobraziť desktop navigácia aj vlastný hamburger súčasne.
   Téma teraz vlastní celý prechod: do 781 px iba hamburger, od 782 px iba
   klasická navigácia.
   ========================================================================== */

@media (max-width: 781px) {
    /* Zatvorené natívne menu nesmie byť v mobilnom režime vôbec viditeľné. */
    .site-header .wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) {
        display: none !important;
    }

    /* V mobilnom režime zostáva jediným viditeľným ovládačom náš hamburger. */
    .site-header .pumpa-menu-toggle {
        display: inline-flex !important;
    }
}

@media (min-width: 782px) {
    /* Desktop nikdy nezobrazuje vlastný hamburger. */
    .site-header .pumpa-menu-toggle {
        display: none !important;
    }
}


/* ========================================================================== 
   TECHNICAL IMAGE SCALE — v0.5.2
   Technické nákresy, kinetika a podpery sa už nerozťahujú na veľkosť celej
   obsahovej plochy. Obrázky sa nikdy nezväčšujú nad svoju prirodzenú veľkosť;
   malé schémy tak zostanú ostré a dvojice nákresov pôsobia kompaktnejšie.
   ========================================================================== */

.machine-diagrams {
    width: 100%;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Jeden technický obrázok nemá dôvod zaberať celú 1280 px šírku stránky. */
.machine-diagrams:has(> .wp-block-column:only-child) {
    max-width: 700px !important;
}

/* Dvojica kinetika + podpery zostáva dostatočne veľká, ale nie dominantná. */
.machine-diagrams:has(> .wp-block-column:nth-child(2):last-child) {
    max-width: 980px !important;
}

.machine-diagrams .wp-block-image {
    aspect-ratio: auto;
    min-height: 0;
    padding: clamp(0.75rem, 1.5vw, 1.15rem);
}

.machine-diagrams .wp-block-image > a {
    width: auto;
    max-width: 100%;
    height: auto;
}

.machine-diagrams .wp-block-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 560px;
    padding: 0;
    object-fit: contain;
}

@media (max-width: 781px) {
    .machine-diagrams,
    .machine-diagrams:has(> .wp-block-column:only-child),
    .machine-diagrams:has(> .wp-block-column:nth-child(2):last-child) {
        max-width: 100% !important;
    }

    .machine-diagrams .wp-block-image {
        padding: 0.75rem;
    }

    .machine-diagrams .wp-block-image img {
        max-height: 70vh;
    }
}

/* ========================================================================== 
   TECHNICAL IMAGE BOX MODEL FIX — v0.5.3
   Width 100% must include the panel padding and border. Without border-box,
   Gutenberg figure becomes 100% + horizontal padding + borders and visibly
   overflows its parent technical panel.
   ========================================================================== */

.machine-diagrams,
.machine-diagrams > .wp-block-column,
.machine-diagrams .wp-block-image,
.machine-diagrams .wp-block-image > a {
    box-sizing: border-box;
}

.machine-diagrams > .wp-block-column {
    min-width: 0;
}

.machine-diagrams .wp-block-image {
    max-width: 100% !important;
}

/* ========================================================================== 
   TECHNICAL IMAGE CLICK TARGET — v0.5.4
   Po zmenšení technických nákresov zostal cursor zoom-in na celej bielej
   ploche, ale samotný odkaz mal iba prirodzenú šírku obrázka. Celá plocha,
   ktorá vizuálne signalizuje priblíženie, je teraz zároveň klikateľná.
   Obrázok sa pritom naďalej nezväčšuje nad svoju prirodzenú veľkosť.
   ========================================================================== */

.machine-diagrams .wp-block-image {
    position: relative;
}

.machine-diagrams .wp-block-image > a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    cursor: zoom-in;
}

/* ========================================================================== 
   SERVICE CATEGORY HERO + CARD MOTION — v0.5.6
   Kategórie dostali plnohodnotný hero banner s ilustračným obrázkom a
   výraznejšie, ale stále industriálne karty s jemnou žltou energiou.
   ========================================================================== */

.service-category-hero-wrap,
.service-category-hero-wrap > .wp-block-shortcode {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.service-category-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    width: 100%;
    min-height: clamp(360px, 42vw, 560px);
    overflow: hidden;
    border-bottom: 1px solid rgba(246, 178, 25, 0.35);
    background:
        linear-gradient(135deg, #111 0%, #1b1b1b 62%, #202020 100%);
}

.service-category-hero__media {
    position: absolute;
    z-index: -3;
    inset: 0;
    overflow: hidden;
    background: #151515;
}

.service-category-hero__media img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.82) contrast(1.04);
    transform: scale(1.015);
}

.service-category-hero__overlay {
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(10, 10, 10, 0.94) 0%,
            rgba(10, 10, 10, 0.84) 36%,
            rgba(10, 10, 10, 0.52) 68%,
            rgba(10, 10, 10, 0.34) 100%
        ),
        linear-gradient(
            0deg,
            rgba(10, 10, 10, 0.78) 0%,
            rgba(10, 10, 10, 0.08) 52%,
            rgba(10, 10, 10, 0.18) 100%
        );
}

.service-category-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        repeating-linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.018) 0,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px,
            transparent 42px
        );
    pointer-events: none;
}

.service-category-hero::after {
    content: "BETÓN";
    position: absolute;
    z-index: -1;
    right: clamp(-1.5rem, -1vw, 0rem);
    bottom: clamp(-1.7rem, -2vw, -0.6rem);
    color: rgba(255, 255, 255, 0.045);
    font-size: clamp(7rem, 18vw, 17rem);
    font-weight: 900;
    line-height: 0.72;
    letter-spacing: -0.07em;
    white-space: nowrap;
    pointer-events: none;
}

.service-category-hero__inner {
    position: relative;
    width: min(calc(100% - 3rem), var(--pumpa-layout-wide));
    margin-inline: auto;
    padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(3.5rem, 6vw, 5.5rem);
}

.service-category-hero__inner::before {
    content: "";
    position: absolute;
    top: clamp(4.5rem, 8vw, 7.5rem);
    bottom: clamp(3.5rem, 6vw, 5.5rem);
    left: 0;
    width: 5px;
    background: var(--pumpa-accent);
    box-shadow: 0 0 32px rgba(246, 178, 25, 0.22);
}

.service-category-hero__kicker,
.service-category-hero__title,
.service-category-hero__description {
    max-width: 900px;
    margin-left: clamp(1.3rem, 2.2vw, 2rem);
}

.service-category-hero__kicker {
    margin-top: 0;
    margin-bottom: 1rem;
    color: var(--pumpa-accent);
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.17em;
    text-transform: uppercase;
}

.service-category-hero__title {
    margin-top: 0;
    margin-bottom: 1.1rem;
    color: #fff;
    font-size: clamp(2.8rem, 6vw, 5.8rem);
    font-weight: 900;
    line-height: 0.96;
    letter-spacing: -0.045em;
    text-wrap: balance;
    text-shadow: 0 4px 24px rgba(0, 0, 0, 0.46);
}

.service-category-hero__description {
    margin-top: 0;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.84);
    font-size: clamp(1.05rem, 1.8vw, 1.35rem);
    line-height: 1.55;
    text-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
}

.service-category-main {
    position: relative;
}

/* Karty majú jemný žltý nádych už v pokoji. */
.service-category-card,
.service-list-card {
    position: relative;
    isolation: isolate;
    border-top-width: 3px;
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.16), transparent 38%),
        linear-gradient(145deg, rgba(246, 178, 25, 0.055) 0%, rgba(255, 255, 255, 0.018) 48%, rgba(246, 178, 25, 0.025) 100%),
        var(--pumpa-panel);
    box-shadow:
        0 16px 38px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(246, 178, 25, 0.02) inset;
    transition:
        transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 220ms ease,
        box-shadow 280ms ease,
        background-color 220ms ease;
}

/* Mäkká žltá žiara v pravom hornom rohu. */
.service-category-card::before,
.service-list-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -7rem;
    right: -7rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(246, 178, 25, 0.07);
    opacity: 0.8;
    transform: scale(0.9);
    transition:
        opacity 300ms ease,
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
    pointer-events: none;
}

/* Tenký svetelný pás, ktorý pri hoveri prejde cez kartu. */
.service-category-card::after,
.service-list-card::after {
    content: "";
    position: absolute;
    z-index: 3;
    top: -35%;
    bottom: -35%;
    left: -55%;
    width: 34%;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(246, 178, 25, 0.00) 10%,
        rgba(246, 178, 25, 0.11) 48%,
        rgba(255, 255, 255, 0.055) 58%,
        transparent 100%
    );
    opacity: 0;
    transform: skewX(-18deg);
    transition:
        left 650ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 160ms ease;
    pointer-events: none;
}

.service-category-card__image,
.service-list-card__image {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid rgba(246, 178, 25, 0.16);
    background:
        linear-gradient(180deg, #fff 0%, #f0f0f0 100%);
}

.service-category-card__image::after,
.service-list-card__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 56%, rgba(246, 178, 25, 0.055) 100%);
    pointer-events: none;
}

.service-category-card__content,
.service-list-card__content {
    position: relative;
    z-index: 1;
}

.service-category-card__title a,
.service-list-card__title a {
    transition: color 180ms ease;
}

.service-category-card__link,
.service-list-card__link {
    position: relative;
    gap: 0.45rem;
    text-decoration-thickness: 1px;
    transition:
        color 180ms ease,
        transform 220ms ease;
}

.service-category-card__link::after,
.service-list-card__link::after {
    content: "→";
    display: inline-block;
    text-decoration: none;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) {
    .service-category-card:hover,
    .service-list-card:hover {
        border-color: rgba(246, 178, 25, 0.74);
        border-top-color: #ffc53d;
        background:
            radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.24), transparent 42%),
            linear-gradient(145deg, rgba(246, 178, 25, 0.09) 0%, rgba(255, 255, 255, 0.022) 48%, rgba(246, 178, 25, 0.045) 100%),
            var(--pumpa-panel);
        box-shadow:
            0 26px 58px rgba(0, 0, 0, 0.32),
            0 0 0 1px rgba(246, 178, 25, 0.12),
            0 8px 34px rgba(246, 178, 25, 0.08);
        transform: translateY(-7px);
    }

    .service-category-card:hover::before,
    .service-list-card:hover::before {
        opacity: 1;
        transform: scale(1.16);
    }

    .service-category-card:hover::after,
    .service-list-card:hover::after {
        left: 125%;
        opacity: 1;
    }

    .service-category-card:hover .service-category-card__image img,
    .service-list-card:hover .service-list-card__image img {
        transform: scale(1.055);
    }

    .service-category-card:hover .service-category-card__title a,
    .service-list-card:hover .service-list-card__title a {
        color: #fff4d3;
    }

    .service-category-card:hover .service-category-card__link,
    .service-list-card:hover .service-list-card__link {
        color: #ffc53d;
        transform: translateX(2px);
    }

    .service-category-card:hover .service-category-card__link::after,
    .service-list-card:hover .service-list-card__link::after {
        transform: translateX(5px);
    }
}

@media (max-width: 781px) {
    .service-category-hero {
        min-height: clamp(330px, 82vw, 470px);
    }

    .service-category-hero__overlay {
        background:
            linear-gradient(0deg, rgba(10, 10, 10, 0.92) 0%, rgba(10, 10, 10, 0.50) 72%, rgba(10, 10, 10, 0.38) 100%);
    }

    .service-category-hero__media img {
        object-position: center;
    }

    .service-category-hero::after {
        right: -0.5rem;
        bottom: -0.2rem;
        font-size: clamp(6.5rem, 31vw, 11rem);
    }

    .service-category-hero__inner {
        width: min(calc(100% - 2.5rem), var(--pumpa-layout-wide));
        padding-top: 5rem;
        padding-bottom: 3rem;
    }

    .service-category-hero__inner::before {
        top: 5rem;
        bottom: 3rem;
        width: 4px;
    }

    .service-category-hero__title {
        font-size: clamp(2.55rem, 12vw, 4.3rem);
    }

    .service-category-hero__description {
        font-size: 1rem;
    }

    .service-category-main {
        padding-top: var(--wp--preset--spacing--50) !important;
        padding-right: var(--wp--preset--spacing--30) !important;
        padding-bottom: var(--wp--preset--spacing--60) !important;
        padding-left: var(--wp--preset--spacing--30) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-category-card,
    .service-list-card,
    .service-category-card::before,
    .service-list-card::before,
    .service-category-card::after,
    .service-list-card::after,
    .service-category-card__image img,
    .service-list-card__image img,
    .service-category-card__link,
    .service-list-card__link,
    .service-category-card__link::after,
    .service-list-card__link::after {
        transition: none !important;
    }
}



/* ========================================================================== 
   ICON CATEGORY CARDS — v0.5.7
   Ak kategória obsahuje vlastnú ikonu, karta prejde do ikonového variantu.
   Bez ikony zostáva fotografický variant z v0.5.6.
   ========================================================================== */

.service-category-card--icon {
    min-height: 31rem;
    border-top-width: 4px;
    background:
        radial-gradient(circle at 104% -2%, rgba(246, 178, 25, 0.16) 0 21%, transparent 21.5%),
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.075), transparent 44%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025) 0%, rgba(246, 178, 25, 0.035) 100%),
        var(--pumpa-panel);
}

.service-category-card--icon .service-category-card__icon-area {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    min-height: 12.5rem;
    padding: 2.6rem 2.15rem 1rem;
    overflow: hidden;
    text-decoration: none;
}

.service-category-card--icon .service-category-card__icon-area::before {
    content: "";
    position: absolute;
    top: -5.6rem;
    right: -5.2rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(246, 178, 25, 0.065);
    transform: scale(1);
    transform-origin: center;
    transition:
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 280ms ease;
    pointer-events: none;
}

.service-category-card--icon .service-category-card__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 7.2rem;
    height: 7.2rem;
    place-items: center;
    border: 1px solid rgba(246, 178, 25, 0.48);
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 25%, rgba(246, 178, 25, 0.08), transparent 56%),
        rgba(20, 20, 20, 0.40);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
    transition:
        transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
        border-color 220ms ease,
        background-color 220ms ease,
        box-shadow 280ms ease;
}

.service-category-card--icon .service-category-card__icon img {
    display: block;
    width: 68%;
    height: 68%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: contain;
}

.service-category-card--icon .service-category-card__content {
    padding: 1.45rem 2.15rem 1.7rem;
}

.service-category-card--icon .service-category-card__title {
    margin-bottom: 1rem;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.12;
    text-transform: uppercase;
}

.service-category-card--icon .service-category-card__title::after {
    content: "";
    display: block;
    width: 3.4rem;
    height: 3px;
    margin-top: 1.1rem;
    background: var(--pumpa-accent);
    transform-origin: left center;
    transition: width 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-category-card--icon .service-category-card__content > p {
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.02rem;
    line-height: 1.65;
}

.service-category-card--icon .service-category-card__link {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 1rem;
    color: var(--pumpa-accent);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.service-category-card--icon .service-category-card__link::after {
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 2.85rem;
    place-items: center;
    border: 1px solid rgba(246, 178, 25, 0.88);
    border-radius: 50%;
    color: var(--pumpa-accent);
    font-size: 1.25rem;
    line-height: 1;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 220ms ease,
        color 220ms ease,
        border-color 220ms ease;
}

@media (hover: hover) {
    .service-category-card--icon:hover .service-category-card__icon-area::before {
        background: rgba(246, 178, 25, 0.12);
        transform: scale(1.16);
    }

    .service-category-card--icon:hover .service-category-card__icon {
        border-color: rgba(255, 197, 61, 0.95);
        background-color: rgba(246, 178, 25, 0.09);
        box-shadow:
            0 18px 34px rgba(0, 0, 0, 0.24),
            0 0 28px rgba(246, 178, 25, 0.08);
        transform: translateY(-5px) rotate(-2deg) scale(1.045);
    }

    .service-category-card--icon:hover .service-category-card__title::after {
        width: 5.1rem;
    }

    .service-category-card--icon:hover .service-category-card__link {
        transform: none;
    }

    .service-category-card--icon:hover .service-category-card__link::after {
        border-color: var(--pumpa-accent);
        background: var(--pumpa-accent);
        color: #151515;
        transform: translateX(4px) rotate(-8deg);
    }
}

@media (max-width: 781px) {
    .service-category-card--icon {
        min-height: 0;
    }

    .service-category-card--icon .service-category-card__icon-area {
        min-height: 10rem;
        padding: 2rem 1.5rem 0.8rem;
    }

    .service-category-card--icon .service-category-card__icon {
        width: 6.2rem;
        height: 6.2rem;
    }

    .service-category-card--icon .service-category-card__content {
        padding: 1.2rem 1.5rem 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-category-card--icon .service-category-card__icon-area::before,
    .service-category-card--icon .service-category-card__icon,
    .service-category-card--icon .service-category-card__title::after,
    .service-category-card--icon .service-category-card__link::after {
        transition: none !important;
    }
}

/* ========================================================================== 
   PHOTO CATEGORY CARDS — v0.5.8
   Kategórie bez vlastnej ikony používajú rovnaký prémiový kartový jazyk ako
   ikonové kategórie, ale hornú vizuálnu zónu tvorí ilustračný obrázok.
   ========================================================================== */

.service-category-card:not(.service-category-card--icon) {
    min-height: 31rem;
    border-top-width: 4px;
    background:
        radial-gradient(circle at 104% -2%, rgba(246, 178, 25, 0.16) 0 21%, transparent 21.5%),
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.075), transparent 44%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025) 0%, rgba(246, 178, 25, 0.035) 100%),
        var(--pumpa-panel);
}

.service-category-card:not(.service-category-card--icon) .service-category-card__image {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(246, 178, 25, 0.16);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.10), transparent 44%),
        linear-gradient(180deg, #fff 0%, #f1f1f1 100%);
}

.service-category-card:not(.service-category-card--icon) .service-category-card__image::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -6.5rem;
    right: -6rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(246, 178, 25, 0.075);
    transform: scale(1);
    transform-origin: center;
    transition:
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 280ms ease;
    pointer-events: none;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__image::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 55%, rgba(17, 17, 17, 0.035) 100%),
        linear-gradient(135deg, rgba(246, 178, 25, 0.025), transparent 52%);
    pointer-events: none;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0.9rem;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition:
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
        filter 260ms ease;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.45rem 2.15rem 1.7rem;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.12;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__title::after {
    content: "";
    display: block;
    width: 3.4rem;
    height: 3px;
    margin-top: 1.1rem;
    background: var(--pumpa-accent);
    transform-origin: left center;
    transition: width 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-category-card:not(.service-category-card--icon) .service-category-card__content > p {
    margin-top: 0;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.02rem;
    line-height: 1.65;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--pumpa-accent);
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.service-category-card:not(.service-category-card--icon) .service-category-card__link::after {
    content: "→";
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 2.85rem;
    place-items: center;
    border: 1px solid rgba(246, 178, 25, 0.88);
    border-radius: 50%;
    color: var(--pumpa-accent);
    font-size: 1.25rem;
    line-height: 1;
    text-decoration: none;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 220ms ease,
        color 220ms ease,
        border-color 220ms ease;
}

@media (hover: hover) {
    .service-category-card:not(.service-category-card--icon):hover .service-category-card__image::before {
        background: rgba(246, 178, 25, 0.14);
        transform: scale(1.17);
    }

    .service-category-card:not(.service-category-card--icon):hover .service-category-card__image img {
        filter: saturate(1.04) contrast(1.015);
        transform: scale(1.055);
    }

    .service-category-card:not(.service-category-card--icon):hover .service-category-card__title::after {
        width: 5.1rem;
    }

    .service-category-card:not(.service-category-card--icon):hover .service-category-card__link {
        transform: none;
    }

    .service-category-card:not(.service-category-card--icon):hover .service-category-card__link::after {
        border-color: var(--pumpa-accent);
        background: var(--pumpa-accent);
        color: #151515;
        transform: translateX(4px) rotate(-8deg);
    }
}

@media (max-width: 781px) {
    .service-category-card:not(.service-category-card--icon) {
        min-height: 0;
    }

    .service-category-card:not(.service-category-card--icon) .service-category-card__content {
        padding: 1.2rem 1.5rem 1.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-category-card:not(.service-category-card--icon) .service-category-card__image::before,
    .service-category-card:not(.service-category-card--icon) .service-category-card__image img,
    .service-category-card:not(.service-category-card--icon) .service-category-card__title::after,
    .service-category-card:not(.service-category-card--icon) .service-category-card__link::after {
        transition: none !important;
    }
}

/* ========================================================================== 
   PREMIUM MACHINE CARDS + CTA ALIGNMENT — v0.5.10
   - konkrétne stroje používajú rovnaký vizuálny jazyk ako foto-kategórie,
   - katalógové gridy využijú široký kontajner,
   - CTA text a kruhová šípka sú vždy v jednom spodnom riadku.
   ========================================================================== */

/* Katalóg používa skutočný alignwide kontajner šablóny.
   Žiadne 100vw breakouty ani translateX: tým sa vyhneme kolízii
   s WordPress constrained layout pravidlami a horizontálnemu overflow. */
.service-category-grid,
.service-list-grid {
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
    transform: none;
}

/* Pri jedinom stroji zostane karta kompaktná a vycentrovaná. */
.service-list-grid:has(> .service-list-card:only-child) {
    grid-template-columns: minmax(0, 26rem);
    justify-content: center;
}

/* Dve podkategórie držíme ako kompaktnú dvojicu v strede. */
.service-category-grid:has(> .service-category-card:nth-child(2):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(54rem, 100%);
    margin-right: auto !important;
    margin-left: auto !important;
}

/* --------------------------------------------------------------------------
   Konkrétne stroje — rovnaký prémiový fotografický charakter ako kategórie.
   -------------------------------------------------------------------------- */

.service-list-card {
    min-height: 29rem;
    border-top-width: 4px;
    background:
        radial-gradient(circle at 104% -2%, rgba(246, 178, 25, 0.16) 0 21%, transparent 21.5%),
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.075), transparent 44%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.025) 0%, rgba(246, 178, 25, 0.035) 100%),
        var(--pumpa-panel);
}

.service-list-card__image {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 0;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid rgba(246, 178, 25, 0.16);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.10), transparent 44%),
        linear-gradient(180deg, #fff 0%, #f1f1f1 100%);
}

.service-list-card__image::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -6.5rem;
    right: -6rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(246, 178, 25, 0.075);
    transform: scale(1);
    transform-origin: center;
    transition:
        transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 280ms ease;
    pointer-events: none;
}

.service-list-card__image::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 55%, rgba(17, 17, 17, 0.035) 100%),
        linear-gradient(135deg, rgba(246, 178, 25, 0.025), transparent 52%);
    pointer-events: none;
}

.service-list-card__image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 1rem;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    transform: scale(1);
    transition:
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
        filter 260ms ease;
}

.service-list-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.65rem 2rem 1.75rem;
}

.service-list-card__title {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: clamp(1.4rem, 1.8vw, 1.85rem);
    line-height: 1.12;
}

.service-list-card__title::after {
    content: "";
    display: block;
    width: 3.4rem;
    height: 3px;
    margin-top: 1rem;
    background: var(--pumpa-accent);
    transform-origin: left center;
    transition: width 300ms cubic-bezier(0.22, 1, 0.36, 1);
}

.service-list-card__content > p {
    margin-top: 0;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.80);
    font-size: 1rem;
    line-height: 1.65;
}

/* --------------------------------------------------------------------------
   Spoločný spodný CTA riadok — kategórie aj konkrétne stroje.
   -------------------------------------------------------------------------- */

.service-category-card__link,
.service-list-card__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.85rem;
    align-items: center;
    align-self: stretch;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.85rem;
    margin-top: auto;
    padding-top: 1rem;
    color: var(--pumpa-accent);
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.055em;
    text-decoration: none;
    text-transform: uppercase;
}

.service-category-card__link::after,
.service-list-card__link::after {
    content: "→";
    display: grid;
    width: 2.85rem;
    height: 2.85rem;
    place-items: center;
    border: 1px solid rgba(246, 178, 25, 0.88);
    border-radius: 50%;
    color: var(--pumpa-accent);
    font-size: 1.25rem;
    line-height: 1;
    text-decoration: none;
    transform: none;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        background-color 220ms ease,
        color 220ms ease,
        border-color 220ms ease;
}

@media (hover: hover) {
    .service-list-card:hover .service-list-card__image::before {
        background: rgba(246, 178, 25, 0.14);
        transform: scale(1.17);
    }

    .service-list-card:hover .service-list-card__image img {
        filter: saturate(1.04) contrast(1.015);
        transform: scale(1.055);
    }

    .service-list-card:hover .service-list-card__title::after {
        width: 5.1rem;
    }

    .service-category-card:hover .service-category-card__link,
    .service-list-card:hover .service-list-card__link {
        color: #ffc53d;
        transform: none;
    }

    .service-category-card:hover .service-category-card__link::after,
    .service-list-card:hover .service-list-card__link::after {
        border-color: var(--pumpa-accent);
        background: var(--pumpa-accent);
        color: #151515;
        transform: translateX(4px) rotate(-8deg);
    }
}

@media (max-width: 1000px) {
    .service-list-grid:has(> .service-list-card:only-child) {
        grid-template-columns: minmax(0, 24rem);
    }
}

@media (max-width: 781px) {
    .service-category-grid:has(> .service-category-card:nth-child(2):last-child) {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .service-list-grid:has(> .service-list-card:only-child) {
        grid-template-columns: 1fr;
    }

    .service-list-card {
        min-height: 0;
    }

    .service-list-card__content {
        padding: 1.25rem 1.5rem 1.5rem;
    }

    .service-category-card__link,
    .service-list-card__link {
        grid-template-columns: minmax(0, 1fr) 2.65rem;
        gap: 0.7rem;
        min-height: 2.65rem;
        font-size: 0.76rem;
    }

    .service-category-card__link::after,
    .service-list-card__link::after {
        width: 2.65rem;
        height: 2.65rem;
        font-size: 1.15rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-list-card__image::before,
    .service-list-card__image img,
    .service-list-card__title::after,
    .service-category-card__link::after,
    .service-list-card__link::after {
        transition: none !important;
    }
}

/* ========================================================================== 
   ADMINISTROVATEĽNÝ OBSAH KATEGÓRIE — v0.5.11
   Dlhší obsah uložený pri kategórii sa zobrazuje až pod katalógovými kartami.
   ========================================================================== */

.service-category-extra {
    position: relative;
    isolation: isolate;
    width: 100%;
    margin-top: clamp(4.5rem, 7vw, 7rem);
    padding: clamp(2rem, 4vw, 3.75rem);
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-top: 4px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(246, 178, 25, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(246, 178, 25, 0.025), transparent 48%),
        #1d1d1d;
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22);
}

.service-category-extra::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: repeating-linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.012) 0,
        rgba(255, 255, 255, 0.012) 1px,
        transparent 1px,
        transparent 38px
    );
    pointer-events: none;
}

.service-category-extra__inner {
    position: relative;
    z-index: 1;
    display: flow-root;
    width: 100%;
    color: rgba(255, 255, 255, 0.82);
}

.service-category-extra__inner > :first-child {
    margin-top: 0 !important;
}

.service-category-extra__inner > :last-child {
    margin-bottom: 0 !important;
}

.service-category-extra h2,
.service-category-extra h3,
.service-category-extra h4 {
    color: #fff;
}

.service-category-extra h2 {
    position: relative;
    margin: 2.75rem 0 1.35rem;
    padding-left: 1.15rem;
    font-size: clamp(1.75rem, 3vw, 2.6rem);
    line-height: 1.1;
}

.service-category-extra h2::before {
    content: "";
    position: absolute;
    top: 0.08em;
    bottom: 0.08em;
    left: 0;
    width: 4px;
    background: var(--pumpa-accent);
}

.service-category-extra h3 {
    margin: 2.15rem 0 1rem;
    font-size: clamp(1.3rem, 2vw, 1.7rem);
}

.service-category-extra p {
    margin: 0 0 1.25rem;
    color: rgba(255, 255, 255, 0.80);
    font-size: 1.03rem;
    line-height: 1.72;
}

.service-category-extra a {
    color: var(--pumpa-accent);
}

.service-category-extra strong {
    color: #fff;
}

.service-category-extra ul,
.service-category-extra ol {
    margin: 1.5rem 0 2rem;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem 1rem;
}

.service-category-extra li {
    position: relative;
    min-width: 0;
    padding: 0.9rem 1rem 0.9rem 2.7rem;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        linear-gradient(135deg, rgba(246, 178, 25, 0.05), transparent 58%),
        rgba(255, 255, 255, 0.018);
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.5;
}

.service-category-extra li::before {
    content: "";
    position: absolute;
    top: 1.25rem;
    left: 1.1rem;
    width: 0.45rem;
    height: 0.45rem;
    border: 2px solid var(--pumpa-accent);
    transform: rotate(45deg);
}

/* Bežné obrázky z klasického WordPress editora. */
.service-category-extra img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border-top: 3px solid var(--pumpa-accent);
    background: #fff;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
}

.service-category-extra img.alignleft,
.service-category-extra figure.alignleft {
    float: left;
    width: auto;
    max-width: min(38%, 24rem);
    margin: 0.25rem 2rem 1.5rem 0;
}

.service-category-extra img.alignright,
.service-category-extra figure.alignright {
    float: right;
    width: auto;
    max-width: min(38%, 24rem);
    margin: 0.25rem 0 1.5rem 2rem;
}

.service-category-extra figure img {
    display: block;
    width: 100%;
}

/* Voliteľná bohatšia dvojstĺpcová štruktúra, ktorú možno vložiť cez záložku Text. */
.service-category-extra .category-extra-feature {
    display: grid;
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
    align-items: center;
    gap: clamp(1.75rem, 4vw, 3.5rem);
    margin: 0 0 clamp(3rem, 5vw, 4.5rem);
}

.service-category-extra .category-extra-feature--reverse {
    grid-template-columns: minmax(0, 1.28fr) minmax(220px, 0.72fr);
}

.service-category-extra .category-extra-feature--reverse .category-extra-feature__media {
    order: 2;
}

.service-category-extra .category-extra-feature__media img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: clamp(0.75rem, 2vw, 1.25rem);
    object-fit: contain;
}

.service-category-extra .category-extra-feature__copy > :first-child {
    margin-top: 0;
}

.service-category-extra .category-extra-feature__copy > :last-child {
    margin-bottom: 0;
}

@media (max-width: 781px) {
    .service-category-extra {
        margin-top: 3.5rem;
        padding: 1.5rem;
    }

    .service-category-extra ul,
    .service-category-extra ol {
        grid-template-columns: 1fr;
    }

    .service-category-extra img.alignleft,
    .service-category-extra figure.alignleft,
    .service-category-extra img.alignright,
    .service-category-extra figure.alignright {
        float: none;
        display: block;
        max-width: 100%;
        margin: 0 0 1.5rem;
    }

    .service-category-extra .category-extra-feature,
    .service-category-extra .category-extra-feature--reverse {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .service-category-extra .category-extra-feature--reverse .category-extra-feature__media {
        order: 0;
    }
}

/* ========================================================================== 
   DOMOVSKÁ STRÁNKA — v0.6.0
   Zachováva pôvodnú obsahovú štruktúru webu, ale používa nový vizuálny jazyk.
   ========================================================================== */

.home-section {
    position: relative;
    box-sizing: border-box;
    padding: clamp(4.25rem, 7vw, 7rem) var(--wp--preset--spacing--40);
}

.home-section-heading {
    margin-bottom: clamp(2.25rem, 4vw, 3.75rem) !important;
}

.home-section-heading h2,
.home-photo-cta h2 {
    margin: 0;
    font-size: clamp(2.35rem, 4.5vw, 4.75rem);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -0.045em;
}

.home-section-heading h2::after,
.home-photo-cta h2::after {
    content: "";
    display: block;
    width: 4.25rem;
    height: 4px;
    margin: 1.25rem auto 0;
    background: var(--pumpa-accent);
    box-shadow: 0 0 28px rgba(246, 178, 25, 0.2);
}

.home-kicker {
    display: inline-flex;
    width: fit-content;
    margin: 0 0 1.25rem !important;
    color: var(--pumpa-accent) !important;
    font-size: 0.8rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.20em;
    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   HERO
   -------------------------------------------------------------------------- */

.home-hero,
.home-hero__cover {
    position: relative;
    width: 100%;
    margin: 0 !important;
    overflow: hidden;
}

.home-hero__cover {
    min-height: clamp(36rem, 72vh, 50rem) !important;
    border-bottom: 1px solid rgba(246, 178, 25, 0.55);
    isolation: isolate;
}

.home-hero__cover::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7, 7, 7, 0.97) 0%, rgba(7, 7, 7, 0.86) 31%, rgba(7, 7, 7, 0.56) 58%, rgba(7, 7, 7, 0.15) 100%),
        repeating-linear-gradient(135deg, rgba(255,255,255,0.022) 0, rgba(255,255,255,0.022) 1px, transparent 1px, transparent 44px);
    pointer-events: none;
}

.home-hero__cover::after {
    content: "68 M";
    position: absolute;
    z-index: 1;
    right: -0.03em;
    bottom: -0.17em;
    color: rgba(255, 255, 255, 0.035);
    font-size: clamp(9rem, 22vw, 24rem);
    font-weight: 950;
    line-height: 0.78;
    letter-spacing: -0.08em;
    white-space: nowrap;
    pointer-events: none;
}

.home-hero__cover .wp-block-cover__image-background {
    object-position: center center;
}

.home-hero__cover .wp-block-cover__inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
}

.home-hero__inner {
    /*
     * Hero pozadie je full-width, ale jeho obsah patrí do rovnakej
     * 1280 px mriežky ako header, kategórie a ostatné alignwide sekcie.
     * Nesmie sa rozliezť k okraju viewportu iba preto, že je Cover full-width.
     */
    width: min(
        calc(100% - (2 * var(--pumpa-layout-gutter))),
        var(--pumpa-layout-wide)
    );
    box-sizing: border-box;
    margin-inline: auto !important;
    padding: clamp(5rem, 9vw, 8rem) 0;
}

.home-hero__inner > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.home-hero__inner .home-kicker {
    padding: 0.65rem 1rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(0, 0, 0, 0.52);
}

.home-hero__title {
    max-width: 59rem;
    margin: 0 0 2rem !important;
    color: #fff;
    font-size: clamp(2.8rem, 5.7vw, 5.6rem);
    font-weight: 950;
    line-height: 0.98;
    letter-spacing: -0.055em;
    text-wrap: balance;
    text-shadow: 0 10px 36px rgba(0, 0, 0, 0.4);
}

.home-hero__actions {
    gap: 0.75rem !important;
    align-items: stretch !important;
}

.home-hero__price,
.home-hero__detail .wp-block-button__link {
    display: inline-flex;
    min-height: 3.35rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0.85rem 1.3rem;
    border: 2px solid var(--pumpa-accent);
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    font-weight: 900;
    line-height: 1.15;
    text-decoration: none;
}

.home-hero__price {
    background: var(--pumpa-accent);
    color: #151515 !important;
}

.home-hero__detail .wp-block-button__link,
.home-hero__detail .wp-block-button__link:visited {
    background: rgba(0, 0, 0, 0.32) !important;
    color: var(--pumpa-accent) !important;
}

.home-hero__detail .wp-block-button__link:hover,
.home-hero__detail .wp-block-button__link:focus-visible {
    background: var(--pumpa-accent) !important;
    color: #151515 !important;
    transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   ŠPECIALISTA NA BETÓN
   -------------------------------------------------------------------------- */

.home-specialist {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 0 !important;
    padding: clamp(5rem, 9vw, 9rem) var(--wp--preset--spacing--40);
    border-top: 4px solid var(--pumpa-accent);
    border-bottom: 1px solid var(--pumpa-line);
    background: linear-gradient(120deg, #090909 0%, #181818 52%, #252525 100%);
}

.home-specialist::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    background: repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 42px);
    pointer-events: none;
}

.home-specialist::after {
    content: "BETÓN";
    position: absolute;
    z-index: 0;
    right: -0.04em;
    bottom: -0.16em;
    color: rgba(255,255,255,0.035);
    font-size: clamp(9rem, 21vw, 23rem);
    font-weight: 950;
    line-height: 0.78;
    letter-spacing: -0.08em;
    pointer-events: none;
}

.home-specialist__inner {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr) !important;
    align-items: center;
    gap: clamp(3rem, 7vw, 7rem) !important;
}

.home-specialist__heading {
    position: relative;
    box-sizing: border-box;
    padding-left: clamp(1.4rem, 3vw, 2.2rem);
}

.home-specialist__heading::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    background: var(--pumpa-accent);
    box-shadow: 0 0 32px rgba(246,178,25,0.25);
}

.home-specialist__title {
    margin: 0 !important;
    font-size: clamp(3.8rem, 7.1vw, 7rem);
    font-weight: 950;
    line-height: 0.88;
    letter-spacing: -0.065em;
}

.home-specialist__title mark {
    display: block;
    margin-top: 0.1em;
    padding: 0;
    background: none;
    color: var(--pumpa-accent);
}

.home-specialist__copy > p:first-child {
    max-width: 38rem;
    margin: 0 0 2.2rem !important;
    color: rgba(255,255,255,0.82);
    font-size: clamp(1.25rem, 2vw, 1.78rem);
    line-height: 1.48;
    letter-spacing: -0.018em;
}

.home-specialist__copy strong {
    color: #fff;
}

.home-specialist__chips {
    gap: 0.65rem !important;
}

.home-specialist__chips p {
    margin: 0 !important;
    padding: 0.72rem 1rem;
    border: 1px solid rgba(246,178,25,0.58);
    background: rgba(246,178,25,0.07);
    color: var(--pumpa-accent);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   HLAVNÉ SLUŽBY
   -------------------------------------------------------------------------- */

.home-services {
    position: relative;
    margin: 0 !important;
    padding: clamp(4.5rem, 7vw, 7rem) var(--wp--preset--spacing--40);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(246,178,25,0.08), transparent 40%),
        #1c1c1c;
}

.home-services::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(80rem, calc(100% - 3rem));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(246,178,25,0.75), transparent);
}

.home-services__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
    align-items: stretch;
}

.home-service-card {
    position: relative;
    isolation: isolate;
    display: flex;
    min-width: 0;
    min-height: 28rem;
    box-sizing: border-box;
    flex-direction: column;
    padding: 2.2rem 1.85rem 1.75rem;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    border-top: 4px solid var(--pumpa-accent);
    background: linear-gradient(145deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
    box-shadow: 0 18px 42px rgba(0,0,0,0.2);
    transition: transform 260ms ease, border-color 260ms ease, box-shadow 260ms ease, background 260ms ease;
}

.home-service-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -8.5rem;
    right: -8.5rem;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: rgba(246,178,25,0.075);
    transition: transform 300ms ease, background-color 300ms ease;
}

.home-service-card__icon {
    display: grid;
    width: 6.4rem;
    height: 6.4rem;
    margin: 0 0 2rem !important;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.35);
    border-radius: 50%;
    background: rgba(246,178,25,0.035);
    transition: transform 260ms ease, border-color 260ms ease, background-color 260ms ease;
}

.home-service-card__icon img {
    width: auto;
    max-width: 4.6rem;
    max-height: 4.2rem;
    margin: auto;
    object-fit: contain;
}

.home-service-card__title {
    margin: 0 0 1rem !important;
    font-size: clamp(1.35rem, 1.65vw, 1.7rem);
    font-weight: 900;
    line-height: 1.14;
    letter-spacing: -0.025em;
    text-transform: uppercase;
}

.home-service-card__title::after {
    content: "";
    display: block;
    width: 3.1rem;
    height: 3px;
    margin-top: 1rem;
    background: var(--pumpa-accent);
    transition: width 260ms ease;
}

.home-service-card > p:not(.home-service-card__link) {
    margin: 0 0 2rem !important;
    color: rgba(255,255,255,0.77);
    line-height: 1.62;
}

.home-service-card__link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 2.7rem;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    margin: auto 0 0 !important;
    padding-top: 1rem;
}

.home-service-card__link a {
    color: var(--pumpa-accent);
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-decoration: none;
    text-transform: uppercase;
}

.home-service-card__link::after {
    content: "→";
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.8);
    border-radius: 50%;
    color: var(--pumpa-accent);
    font-size: 1.15rem;
    line-height: 1;
    transition: transform 240ms ease, background-color 240ms ease, color 240ms ease;
}

@media (hover: hover) {
    .home-service-card:hover {
        border-color: rgba(246,178,25,0.72);
        border-top-color: var(--pumpa-accent);
        background: linear-gradient(145deg, rgba(246,178,25,0.10), rgba(255,255,255,0.02));
        box-shadow: 0 26px 60px rgba(0,0,0,0.32);
        transform: translateY(-7px);
    }

    .home-service-card:hover::before {
        background: rgba(246,178,25,0.14);
        transform: scale(1.13);
    }

    .home-service-card:hover .home-service-card__icon {
        border-color: rgba(246,178,25,0.78);
        background: rgba(246,178,25,0.10);
        transform: scale(1.055) rotate(-2deg);
    }

    .home-service-card:hover .home-service-card__title::after {
        width: 5rem;
    }

    .home-service-card:hover .home-service-card__link::after {
        background: var(--pumpa-accent);
        color: #151515;
        transform: translateX(4px) rotate(-8deg);
    }
}

/* --------------------------------------------------------------------------
   FOTOGRAFICKÝ CAROUSEL
   -------------------------------------------------------------------------- */

.home-project-gallery {
    position: relative;
    margin: 0 !important;
    padding: clamp(3.75rem, 6vw, 6rem) var(--wp--preset--spacing--40);
    overflow: hidden;
    border-top: 1px solid var(--pumpa-line);
    border-bottom: 1px solid var(--pumpa-line);
    background: #151515;
}

.home-project-gallery__track {
    display: flex !important;
    gap: clamp(1rem, 2vw, 1.5rem) !important;
    width: 100%;
    max-width: 80rem !important;
    margin-inline: auto !important;
    padding: 0.4rem 0 0.9rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
}

.home-project-gallery__track::-webkit-scrollbar {
    display: none;
}

.home-project-gallery__track > .wp-block-image {
    position: relative;
    flex: 0 0 min(49rem, 72vw);
    aspect-ratio: 4 / 3;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    border-top: 3px solid var(--pumpa-accent);
    background: #222;
    box-shadow: 0 20px 52px rgba(0,0,0,0.28);
    scroll-snap-align: center;
}

.home-project-gallery__track > .wp-block-image a,
.home-project-gallery__track > .wp-block-image img {
    display: block;
    width: 100%;
    height: 100%;
}

.home-project-gallery__track > .wp-block-image img {
    object-fit: cover;
    transition: transform 420ms cubic-bezier(0.22,1,0.36,1), filter 260ms ease;
}

@media (hover: hover) {
    .home-project-gallery__track > .wp-block-image:hover img {
        filter: contrast(1.03) saturate(1.04);
        transform: scale(1.035);
    }
}

.home-gallery-controls {
    display: flex;
    justify-content: center;
    gap: 0.7rem;
    margin-top: 1.25rem;
}

.home-gallery-controls button {
    display: grid;
    width: 3rem;
    height: 3rem;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.78);
    border-radius: 50%;
    background: transparent;
    color: var(--pumpa-accent);
    font-size: 1.35rem;
    cursor: pointer;
    transition: background-color 200ms ease, color 200ms ease, transform 200ms ease;
}

.home-gallery-controls button:hover,
.home-gallery-controls button:focus-visible {
    background: var(--pumpa-accent);
    color: #151515;
    transform: translateY(-2px);
}

/* --------------------------------------------------------------------------
   VIDEÁ
   -------------------------------------------------------------------------- */

.home-videos {
    background:
        radial-gradient(circle at 20% 0%, rgba(246,178,25,0.06), transparent 32%),
        #1d1d1d;
}

.home-videos__grid {
    gap: clamp(1.25rem, 3vw, 2rem) !important;
}

.home-video-card {
    position: relative;
    aspect-ratio: 16 / 9;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    border-top: 3px solid var(--pumpa-accent);
    background: #111;
    box-shadow: var(--pumpa-shadow);
}

.home-video-card a,
.home-video-card img {
    display: block;
    width: 100%;
    height: 100%;
}

.home-video-card a::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.05), rgba(0,0,0,0.35));
    transition: background-color 220ms ease;
}

.home-video-card a::after {
    content: "▶";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    width: clamp(4.2rem, 7vw, 5.4rem);
    height: clamp(4.2rem, 7vw, 5.4rem);
    place-items: center;
    border: 2px solid var(--pumpa-accent);
    border-radius: 50%;
    background: rgba(10,10,10,0.76);
    color: var(--pumpa-accent);
    font-size: clamp(1.35rem, 2.5vw, 1.8rem);
    transform: translate(-50%, -50%);
    transition: transform 220ms ease, background-color 220ms ease, color 220ms ease;
}

.home-video-card img {
    object-fit: cover;
    transition: transform 420ms cubic-bezier(0.22,1,0.36,1);
}

@media (hover: hover) {
    .home-video-card:hover img {
        transform: scale(1.04);
    }

    .home-video-card:hover a::after {
        background: var(--pumpa-accent);
        color: #151515;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

/* --------------------------------------------------------------------------
   CERTIFIKÁTY
   -------------------------------------------------------------------------- */

.home-certificates {
    background: #171717;
}

.home-certificates__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(1rem, 2.2vw, 1.5rem) !important;
    align-items: stretch;
}

.home-certificate-card {
    display: grid;
    min-height: 17rem;
    box-sizing: border-box;
    place-items: center;
    padding: 2rem;
    border: 1px solid rgba(255,255,255,0.10);
    border-top: 3px solid rgba(246,178,25,0.88);
    background:
        radial-gradient(circle at 100% 0%, rgba(246,178,25,0.10), transparent 35%),
        #242424;
    box-shadow: 0 18px 42px rgba(0,0,0,0.2);
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.home-certificate-card .wp-block-image {
    margin: 0 !important;
}

.home-certificate-card img {
    width: auto;
    max-width: 100%;
    max-height: 13rem;
    margin: auto;
    object-fit: contain;
}

@media (hover: hover) {
    .home-certificate-card:hover {
        border-color: rgba(246,178,25,0.62);
        box-shadow: 0 25px 55px rgba(0,0,0,0.28);
        transform: translateY(-5px);
    }
}

/* --------------------------------------------------------------------------
   REFERENCIE
   -------------------------------------------------------------------------- */

.home-references {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgba(246,178,25,0.07), transparent 35%),
        #1e1e1e;
}

.home-reference-feature {
    position: relative;
    max-width: 62rem !important;
    margin-bottom: clamp(3rem, 6vw, 5.5rem) !important;
    padding: clamp(2rem, 4vw, 3.5rem);
    border: 1px solid var(--pumpa-line);
    border-left: 5px solid var(--pumpa-accent);
    background: linear-gradient(130deg, rgba(246,178,25,0.055), rgba(255,255,255,0.018));
    box-shadow: 0 20px 50px rgba(0,0,0,0.22);
}

.home-reference-feature h3 {
    margin-top: 0;
    font-size: clamp(1.55rem, 2.8vw, 2.35rem);
}

.home-reference-feature h3 a {
    color: #fff;
    text-decoration: none;
}

.home-reference-feature p {
    max-width: 50rem;
    margin-inline: auto;
    color: rgba(255,255,255,0.78);
    font-size: 1.06rem;
}

.home-partners {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    align-items: stretch;
}

.home-partners > .wp-block-image {
    display: grid;
    min-height: 9rem;
    margin: 0 !important;
    padding: 1.4rem;
    place-items: center;
    border: 1px solid rgba(255,255,255,0.11);
    background: #f4f2ed;
    box-shadow: 0 14px 32px rgba(0,0,0,0.18);
    transition: transform 220ms ease, box-shadow 220ms ease;
}

.home-partners > .wp-block-image a {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
}

.home-partners > .wp-block-image img {
    width: auto;
    max-width: 100%;
    max-height: 5.5rem;
    object-fit: contain;
}

@media (hover: hover) {
    .home-partners > .wp-block-image:hover {
        box-shadow: 0 22px 45px rgba(0,0,0,0.28);
        transform: translateY(-4px);
    }
}

/* --------------------------------------------------------------------------
   FOTO GALÉRIA CTA
   -------------------------------------------------------------------------- */

.home-photo-cta {
    isolation: isolate;
    overflow: hidden;
    border-top: 1px solid var(--pumpa-line);
    border-bottom: 1px solid var(--pumpa-line);
    background:
        linear-gradient(120deg, rgba(8,8,8,0.96), rgba(25,25,25,0.94)),
        var(--pumpa-photo-bg, url('/wp-content/uploads/2018/12/slider.jpg')) center/cover no-repeat;
}

.home-photo-cta::after {
    content: "FOTO";
    position: absolute;
    z-index: -1;
    right: -0.02em;
    bottom: -0.2em;
    color: rgba(255,255,255,0.04);
    font-size: clamp(9rem, 22vw, 21rem);
    font-weight: 950;
    line-height: 0.8;
    letter-spacing: -0.08em;
}

.home-photo-cta__inner {
    text-align: center;
}

.home-photo-cta__inner > p {
    margin-top: 1.35rem !important;
    color: rgba(255,255,255,0.8);
    font-size: 1.15rem;
}

/* --------------------------------------------------------------------------
   KONTAKT
   -------------------------------------------------------------------------- */

.home-contact {
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(rgba(17,17,17,0.92), rgba(17,17,17,0.96)),
        url('/wp-content/uploads/2018/12/bg-kontakt.png') bottom center / cover no-repeat;
}

.home-contact__grid {
    gap: clamp(1.25rem, 3vw, 2rem) !important;
    align-items: stretch !important;
}

.home-contact__grid > .wp-block-column {
    display: flex;
}

.home-contact-card {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: clamp(1.8rem, 3vw, 2.8rem);
    border: 1px solid rgba(255,255,255,0.12);
    border-top: 4px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0%, rgba(246,178,25,0.10), transparent 35%),
        rgba(31,31,31,0.94);
    box-shadow: 0 20px 50px rgba(0,0,0,0.28);
}

.home-contact-card h3,
.home-contact-card h4 {
    color: var(--pumpa-accent);
    letter-spacing: 0.02em;
}

.home-contact-card h3 {
    margin-top: 0;
    font-size: clamp(1.55rem, 2.4vw, 2rem);
}

.home-contact-card h4 {
    font-size: 0.93rem;
    line-height: 1.35;
}

.home-contact-card p {
    color: rgba(255,255,255,0.84);
}

.home-contact-card a {
    color: #fff;
    text-decoration-color: rgba(246,178,25,0.55);
}

.home-contact-card__primary {
    font-size: clamp(1.25rem, 2vw, 1.6rem);
    font-weight: 800;
}

/* --------------------------------------------------------------------------
   PREVÁDZKY A MAPY
   -------------------------------------------------------------------------- */

.home-locations {
    background: #171717;
}

.home-locations__grid {
    gap: clamp(1.25rem, 3vw, 2rem) !important;
    align-items: stretch !important;
}

.home-locations__grid > .wp-block-column {
    display: flex;
}

.home-location-card {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background: #232323;
    box-shadow: 0 18px 45px rgba(0,0,0,0.23);
}

.home-location-card > h3,
.home-location-card > p {
    padding-inline: clamp(1.2rem, 2vw, 2rem);
}

.home-location-card > h3 {
    margin: 2rem 0 0.8rem !important;
    color: var(--pumpa-accent);
    font-size: clamp(1.05rem, 1.7vw, 1.35rem);
    line-height: 1.3;
}

.home-location-card > p {
    margin: 0 0 1.75rem !important;
    color: rgba(255,255,255,0.8);
    font-weight: 700;
}

.home-map {
    margin-top: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-top: 1px solid var(--pumpa-line);
    background: #111;
}

.home-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    filter: grayscale(0.28) contrast(1.04);
}

/* --------------------------------------------------------------------------
   RESPONZÍVNE
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
    .home-services__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-partners {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .home-specialist__inner {
        grid-template-columns: 1fr !important;
        gap: 3rem !important;
    }

    .home-specialist__copy {
        padding-left: clamp(1.4rem, 3vw, 2.2rem);
    }

    .home-certificates__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 781px) {
    .home-section,
    .home-specialist,
    .home-services,
    .home-project-gallery {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .home-hero__cover {
        min-height: 35rem !important;
    }

    .home-hero__cover::before {
        background:
            linear-gradient(rgba(7,7,7,0.72), rgba(7,7,7,0.79)),
            repeating-linear-gradient(135deg, rgba(255,255,255,0.018) 0, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 40px);
    }

    .home-hero__cover .wp-block-cover__image-background {
        object-position: 60% center;
    }

    .home-hero__inner {
        width: calc(100% - (2 * var(--pumpa-layout-gutter-mobile)));
        padding: 4.6rem 0;
    }

    .home-hero__title {
        font-size: clamp(2.45rem, 10.5vw, 4.2rem);
    }

    .home-project-gallery__track > .wp-block-image {
        flex-basis: 86vw;
    }

    .home-videos__grid,
    .home-contact__grid,
    .home-locations__grid {
        gap: 1.25rem !important;
    }

    .home-partners {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    .home-services__grid,
    .home-certificates__grid {
        grid-template-columns: 1fr !important;
    }

    .home-service-card {
        min-height: 25rem;
    }

    .home-specialist__title {
        font-size: clamp(3.2rem, 15vw, 4.6rem);
    }

    .home-hero__actions {
        align-items: stretch !important;
        flex-direction: column;
    }

    .home-hero__actions .wp-block-buttons,
    .home-hero__actions .wp-block-button,
    .home-hero__price,
    .home-hero__detail .wp-block-button__link {
        width: 100%;
    }

    .home-partners > .wp-block-image {
        min-height: 7.5rem;
        padding: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-hero__detail .wp-block-button__link,
    .home-service-card,
    .home-service-card::before,
    .home-service-card__icon,
    .home-service-card__title::after,
    .home-service-card__link::after,
    .home-project-gallery__track,
    .home-project-gallery__track img,
    .home-video-card img,
    .home-video-card a::after,
    .home-certificate-card,
    .home-partners > .wp-block-image,
    .home-gallery-controls button {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* ========================================================================== 
   DOMOV v0.6.1 — carousel, video, kontaktné ikony a mapy
   ========================================================================== */

/* Carousel: šípky na bokoch obrazu namiesto nenápadného ovládania pod ním. */
.home-project-gallery {
    isolation: isolate;
}

.home-gallery-controls {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: space-between;
    width: min(88rem, calc(100% - 2rem));
    margin: 0;
    pointer-events: none;
    transform: translate(-50%, -50%);
}

.home-gallery-controls button {
    width: clamp(3rem, 5vw, 3.75rem);
    height: clamp(3rem, 5vw, 3.75rem);
    border-width: 2px;
    background: rgba(15, 15, 15, 0.82);
    box-shadow: 0 12px 34px rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
    pointer-events: auto;
}

.home-gallery-controls__prev {
    transform: translateX(-0.25rem);
}

.home-gallery-controls__next {
    transform: translateX(0.25rem);
}

.home-gallery-controls__prev:hover,
.home-gallery-controls__prev:focus-visible {
    transform: translateX(-0.4rem) !important;
}

.home-gallery-controls__next:hover,
.home-gallery-controls__next:focus-visible {
    transform: translateX(0.4rem) !important;
}

/* Video zostáva v karte a po kliknutí sa na jej mieste otvorí iframe. */
.home-video-card.is-playing {
    border-top-color: var(--pumpa-accent);
}

.home-video-card.is-playing iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Kontaktné ikony — bez externého fontu alebo knižnice. */
.home-contact-card::before {
    display: grid;
    width: 4.5rem;
    height: 4.5rem;
    margin: 0 auto 1.35rem;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.62);
    border-radius: 50%;
    background: rgba(246,178,25,0.07);
    color: var(--pumpa-accent);
    font-size: 2rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 0 0 0 rgba(246,178,25,0.08);
}

.home-contact__grid > .wp-block-column:first-child .home-contact-card::before {
    content: "☎";
    padding-bottom: 0.08em;
}

.home-contact__grid > .wp-block-column:nth-child(2) .home-contact-card::before {
    content: "i";
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
}

/* Mapa musí vyplniť celý spodok karty, nie obsahovú šírku constrained group. */
.home-location-card > .home-map {
    width: 100% !important;
    max-width: none !important;
    min-height: clamp(20rem, 28vw, 27rem);
    margin: auto 0 0 !important;
    aspect-ratio: auto;
}

.home-location-card > .home-map iframe {
    width: 100% !important;
    max-width: none !important;
    min-height: inherit;
}

/* Gutenberg constrained layout nesmie zúžiť priame deti kariet lokalít. */
.home-location-card > h3,
.home-location-card > p,
.home-location-card > .home-map {
    max-width: none !important;
}

@media (max-width: 781px) {
    .home-gallery-controls {
        width: calc(100% - 1rem);
    }

    .home-location-card > .home-map {
        min-height: 22rem;
    }
}

@media (max-width: 520px) {
    .home-gallery-controls {
        top: calc(50% - 0.25rem);
    }

    .home-gallery-controls button {
        width: 2.85rem;
        height: 2.85rem;
    }

    .home-contact-card::before {
        width: 4rem;
        height: 4rem;
        font-size: 1.8rem;
    }

    .home-location-card > .home-map {
        min-height: 19rem;
    }
}


/* ========================================================================== 
   DOMOV v0.6.2 — výstavný carousel + popup galéria
   ========================================================================== */

.home-project-gallery {
    --pumpa-gallery-track: 72rem;
    --pumpa-gallery-controls: 81rem;
    padding-top: clamp(4.5rem, 7vw, 7rem);
    padding-bottom: clamp(4.8rem, 7vw, 7.2rem);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(246,178,25,0.055), transparent 33%),
        linear-gradient(180deg, #151515 0%, #181818 100%);
}

.home-project-gallery__track {
    max-width: var(--pumpa-gallery-track) !important;
    gap: clamp(0.45rem, 1.2vw, 0.95rem) !important;
    padding: 1.5rem var(--pumpa-gallery-edge, 1rem) 1.7rem !important;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: visible;
    scroll-padding-inline: var(--pumpa-gallery-edge, 1rem);
}

.home-project-gallery__track > .wp-block-image {
    flex: 0 0 min(42rem, 62vw);
    transform: scale(0.80);
    transform-origin: center center;
    opacity: 0.48;
    filter: saturate(0.74) brightness(0.72);
    border-color: rgba(255,255,255,0.085);
    border-top-color: rgba(246,178,25,0.38);
    box-shadow: 0 13px 30px rgba(0,0,0,0.22);
    transition:
        transform 520ms cubic-bezier(0.22,1,0.36,1),
        opacity 360ms ease,
        filter 360ms ease,
        border-color 360ms ease,
        box-shadow 420ms ease;
}

.home-project-gallery__track > .wp-block-image.is-adjacent {
    z-index: 2;
    transform: scale(0.90);
    opacity: 0.76;
    filter: saturate(0.9) brightness(0.9);
}

.home-project-gallery__track > .wp-block-image.is-active {
    z-index: 3;
    transform: scale(1);
    opacity: 1;
    filter: none;
    border-color: rgba(246,178,25,0.32);
    border-top-color: var(--pumpa-accent);
    box-shadow:
        0 30px 70px rgba(0,0,0,0.44),
        0 0 0 1px rgba(246,178,25,0.08);
}

.home-project-gallery__track > .wp-block-image a {
    cursor: zoom-in;
}

.home-project-gallery__track > .wp-block-image img {
    transition: transform 600ms cubic-bezier(0.22,1,0.36,1), filter 300ms ease;
}

@media (hover: hover) {
    .home-project-gallery__track > .wp-block-image:hover img {
        transform: scale(1.018);
    }

    .home-project-gallery__track > .wp-block-image.is-active:hover img {
        transform: scale(1.035);
    }
}

/* Šípky sú mimo fotografií — na vonkajších hranách galérie. */
.home-gallery-controls {
    top: 50%;
    width: min(var(--pumpa-gallery-controls), calc(100% - 1.75rem));
    transform: translate(-50%, -50%);
}

.home-gallery-controls button {
    width: 3.7rem;
    height: 3.7rem;
    border: 1px solid rgba(246,178,25,0.72);
    background: #171717;
    box-shadow: 0 16px 38px rgba(0,0,0,0.34);
    font-size: 1.35rem;
}

.home-gallery-controls__prev {
    transform: translateX(-0.3rem);
}

.home-gallery-controls__next {
    transform: translateX(0.3rem);
}

/* Popup galéria — navigácia medzi všetkými fotografiami carouselu. */
.pumpa-lightbox__dialog {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(0.8rem, 2vw, 1.4rem);
    width: min(96vw, 100rem);
    max-width: none;
    height: min(92vh, 64rem);
    max-height: none;
}

.pumpa-lightbox__stage {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 100%;
    place-items: center;
}

.pumpa-lightbox__image {
    grid-area: 1 / 1;
    max-width: 100%;
    max-height: 88vh;
    object-fit: contain;
}

.pumpa-lightbox__nav {
    display: grid;
    width: clamp(3rem, 5vw, 4rem);
    height: clamp(3rem, 5vw, 4rem);
    padding: 0;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.76);
    border-radius: 50%;
    background: rgba(18,18,18,0.92);
    color: var(--pumpa-accent);
    font-size: clamp(1.25rem, 2vw, 1.65rem);
    cursor: pointer;
    transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.pumpa-lightbox__nav:hover,
.pumpa-lightbox__nav:focus-visible {
    background: var(--pumpa-accent);
    color: #151515;
    transform: scale(1.06);
}

.pumpa-lightbox__counter {
    position: absolute;
    right: 50%;
    bottom: 0.5rem;
    padding: 0.45rem 0.8rem;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(12,12,12,0.76);
    color: rgba(255,255,255,0.82);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    transform: translateX(50%);
    backdrop-filter: blur(8px);
}

@media (max-width: 900px) {
    .home-project-gallery {
        padding-bottom: 6.5rem;
    }

    .home-project-gallery__track > .wp-block-image {
        flex-basis: 76vw;
        transform: scale(0.84);
    }

    .home-project-gallery__track > .wp-block-image.is-adjacent {
        transform: scale(0.91);
    }

    .home-project-gallery__track > .wp-block-image.is-active {
        transform: scale(1);
    }

    .home-gallery-controls {
        top: auto;
        bottom: 1.35rem;
        left: 50%;
        justify-content: center;
        gap: 0.7rem;
        width: auto;
        transform: translateX(-50%);
    }

    .home-gallery-controls__prev,
    .home-gallery-controls__next,
    .home-gallery-controls__prev:hover,
    .home-gallery-controls__prev:focus-visible,
    .home-gallery-controls__next:hover,
    .home-gallery-controls__next:focus-visible {
        transform: none !important;
    }

    .pumpa-lightbox__dialog {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 0.8rem;
        width: 96vw;
        height: 92vh;
    }

    .pumpa-lightbox__stage {
        grid-column: 1;
        grid-row: 1;
    }

    .pumpa-lightbox__prev,
    .pumpa-lightbox__next {
        position: absolute;
        z-index: 4;
        top: 50%;
        transform: translateY(-50%);
    }

    .pumpa-lightbox__prev {
        left: 0.4rem;
    }

    .pumpa-lightbox__next {
        right: 0.4rem;
    }
}

@media (max-width: 560px) {
    .home-project-gallery {
        padding-inline: 0.75rem;
    }

    .home-project-gallery__track > .wp-block-image {
        flex-basis: 82vw;
    }

    .pumpa-lightbox__nav {
        width: 2.9rem;
        height: 2.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-project-gallery__track > .wp-block-image,
    .pumpa-lightbox__nav {
        transition: none !important;
    }
}

/* ========================================================================== 
   DOMOV v0.6.3 — celý servisný panel je odkaz + nový editor carouselu
   ========================================================================== */

/* Celá karta služby je klikateľná na fronte; vnútorný odkaz zostáva normálne dostupný klávesnicou. */
.wp-site-blocks .home-service-card {
    cursor: pointer;
}

.wp-site-blocks .home-service-card:has(.home-service-card__link a:focus-visible) {
    border-color: rgba(246,178,25,0.85);
    box-shadow:
        0 24px 55px rgba(0,0,0,0.34),
        0 0 0 2px rgba(246,178,25,0.38);
    transform: translateY(-6px);
}

/* Editor nového bloku Carousel fotografií. */
.editor-styles-wrapper .pumpa-carousel-editor {
    width: min(100%, 1180px);
    margin: 2rem auto;
    padding: 1.4rem;
    box-sizing: border-box;
    border: 1px solid rgba(246,178,25,0.34);
    border-top: 4px solid var(--pumpa-accent, #f6b219);
    background: #1b1b1b;
    color: #fff;
    box-shadow: 0 18px 42px rgba(0,0,0,0.18);
}

.editor-styles-wrapper .pumpa-carousel-editor__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.3rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.editor-styles-wrapper .pumpa-carousel-editor__header strong {
    display: block;
    margin-bottom: 0.2rem;
    color: #fff;
    font-size: 1.15rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__header p {
    margin: 0 !important;
    color: rgba(255,255,255,0.66);
    font-size: 0.86rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__slides {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__slide {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.12);
    background: #222;
}

.editor-styles-wrapper .pumpa-carousel-editor__thumb {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #101010;
}

.editor-styles-wrapper .pumpa-carousel-editor__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.editor-styles-wrapper .pumpa-carousel-editor__thumb span {
    position: absolute;
    top: 0.6rem;
    left: 0.6rem;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid rgba(246,178,25,0.72);
    border-radius: 50%;
    background: rgba(15,15,15,0.88);
    color: #f6b219;
    font-size: 0.75rem;
    font-weight: 900;
}

.editor-styles-wrapper .pumpa-carousel-editor__meta {
    padding: 0.9rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__meta .components-base-control {
    margin-bottom: 0.75rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__meta .components-base-control__label,
.editor-styles-wrapper .pumpa-carousel-editor__meta .components-base-control__help {
    color: rgba(255,255,255,0.78);
}

.editor-styles-wrapper .pumpa-carousel-editor__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.editor-styles-wrapper .pumpa-carousel-editor__empty {
    display: grid;
    min-height: 11rem;
    place-items: center;
    padding: 2rem;
    border: 1px dashed rgba(246,178,25,0.38);
    color: rgba(255,255,255,0.72);
    text-align: center;
}

.editor-styles-wrapper .pumpa-legacy-carousel-upgrade {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    width: min(100%, 1180px);
    margin: 1.25rem auto 0.5rem;
    padding: 1rem 1.15rem;
    box-sizing: border-box;
    border-left: 4px solid #f6b219;
    background: #242424;
    color: #fff;
}

.editor-styles-wrapper .pumpa-legacy-carousel-upgrade strong {
    color: #fff;
}

.editor-styles-wrapper .pumpa-legacy-carousel-upgrade p {
    margin: 0.25rem 0 0 !important;
    color: rgba(255,255,255,0.72);
    font-size: 0.86rem;
}

@media (max-width: 900px) {
    .editor-styles-wrapper .pumpa-carousel-editor__slides {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .editor-styles-wrapper .pumpa-carousel-editor__header,
    .editor-styles-wrapper .pumpa-legacy-carousel-upgrade {
        align-items: stretch;
        flex-direction: column;
    }

    .editor-styles-wrapper .pumpa-carousel-editor__slides {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   DOMOV v0.6.4 — administrácia odkazov kariet a pozadia FOTO GALÉRIA
   ========================================================================== */

/* Celá karta služby je klikateľná cez existujúci CTA odkaz.
 * Pseudo-element je iba na fronte, aby v editore neprekážal pri úpravách. */
.wp-site-blocks .home-service-card {
    cursor: pointer;
}

.wp-site-blocks .home-service-card__link a::before {
    content: "";
    position: absolute;
    z-index: 6;
    inset: 0;
}

.wp-site-blocks .home-service-card__link a:focus-visible {
    outline: none;
}

/* Náhľad vybraného pozadia v editore. */
.editor-styles-wrapper .home-photo-cta {
    background-image:
        linear-gradient(120deg, rgba(8,8,8,0.96), rgba(25,25,25,0.94)),
        var(--pumpa-photo-bg, url('/wp-content/uploads/2018/12/slider.jpg'));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.pumpa-photo-bg-preview {
    margin: 0 0 12px;
    overflow: hidden;
    border: 1px solid #dcdcde;
    background: #f0f0f1;
}

.pumpa-photo-bg-preview img {
    display: block;
    width: 100%;
    height: 120px;
    object-fit: cover;
}

/* ========================================================================== 
   DOMOV v0.6.5 — jednotný vertikálny rytmus sekcií
   Hlavné sekcie nepoužívajú vonkajšie medzery. Odstup vzniká iba paddingom
   vo vnútri sekcie, aby medzi rôznymi pozadiami nevznikali prázdne tmavé pásy.
   ========================================================================== */

/* WordPress flow layout pridáva medzi priamych potomkov Post Content vlastný
 * margin-block-start. Na domovskej stránke ho vypíname a rytmus riadime sami. */
body.home .entry-content {
    margin: 0 !important;
    padding: 0 !important;
}

body.home .entry-content > * {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

/* Prázdny odsek na konci obsahu nesmie vytvoriť ďalší tmavý pás. */
body.home .entry-content > p:empty {
    display: none !important;
}

/* Všetky hlavné domovské sekcie sa dotýkajú hranami. Vertikálny odstup je
 * už obsiahnutý v paddingu jednotlivých sekcií. */
body.home .home-hero,
body.home .home-specialist,
body.home .home-services,
body.home .home-project-gallery,
body.home .home-videos,
body.home .home-certificates,
body.home .home-references,
body.home .home-photo-cta,
body.home .home-contact,
body.home .home-locations {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Sekcie postavené na univerzálnej triede home-section majú rovnaký základný
 * rytmus. Špecialista, služby a carousel majú vlastný padding vyššie v CSS. */
body.home .home-section {
    padding-top: clamp(4.25rem, 7vw, 7rem);
    padding-bottom: clamp(4.25rem, 7vw, 7rem);
}

/* Jemné oddelenie sekcií nahrádza prázdny priestor. */
body.home .home-videos,
body.home .home-certificates,
body.home .home-references,
body.home .home-photo-cta,
body.home .home-contact,
body.home .home-locations {
    border-top: 1px solid rgba(246, 178, 25, 0.12);
}

/* FOTO GALÉRIA už má vlastné výraznejšie horné a spodné ohraničenie. */
body.home .home-photo-cta {
    border-top-color: var(--pumpa-line);
}

@media (max-width: 781px) {
    body.home .home-section {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem;
    }
}

@media (max-width: 560px) {
    body.home .home-section {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }
}

/* ========================================================================== 
   BOOTSTRAP ARROW IKONY — v0.6.7
   Bootstrap Icons arrow-left / arrow-right ako inline SVG.
   Bez Bootstrap/Font Awesome pluginu alebo externého fontu.
   ========================================================================== */

:root {
    --pumpa-arrow-right-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f6b219' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    --pumpa-arrow-right-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23151515' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z'/%3E%3C/svg%3E");
    --pumpa-arrow-left-accent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23f6b219' fill-rule='evenodd' d='M15 8a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 7.5H14.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E");
    --pumpa-arrow-left-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23151515' fill-rule='evenodd' d='M15 8a.5.5 0 0 1-.5.5H2.707l3.147 3.146a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 1 1 .708.708L2.707 7.5H14.5a.5.5 0 0 1 .5.5z'/%3E%3C/svg%3E");
}

/* CTA na kategóriách, podkategóriách, strojoch a Domove. */
.service-category-card__link::after,
.service-list-card__link::after,
.home-service-card__link::after {
    content: "" !important;
    background-color: transparent;
    background-image: var(--pumpa-arrow-right-accent) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 1.1rem 1.1rem !important;
}

@media (hover: hover) {
    .service-category-card:hover .service-category-card__link::after,
    .service-list-card:hover .service-list-card__link::after,
    .home-service-card:hover .home-service-card__link::after {
        background-color: var(--pumpa-accent) !important;
        background-image: var(--pumpa-arrow-right-dark) !important;
        transform: translateX(4px) !important;
    }
}

/* Carousel a popup galéria. Textový znak v HTML/JS zostáva iba ako fallback. */
.home-gallery-controls button,
.pumpa-lightbox__nav {
    font-size: 0 !important;
}

.home-gallery-controls button::before,
.pumpa-lightbox__nav::before {
    content: "";
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.home-gallery-controls__prev::before,
.pumpa-lightbox__prev::before {
    background-image: var(--pumpa-arrow-left-accent);
}

.home-gallery-controls__next::before,
.pumpa-lightbox__next::before {
    background-image: var(--pumpa-arrow-right-accent);
}

.home-gallery-controls__prev:hover::before,
.home-gallery-controls__prev:focus-visible::before,
.pumpa-lightbox__prev:hover::before,
.pumpa-lightbox__prev:focus-visible::before {
    background-image: var(--pumpa-arrow-left-dark);
}

.home-gallery-controls__next:hover::before,
.home-gallery-controls__next:focus-visible::before,
.pumpa-lightbox__next:hover::before,
.pumpa-lightbox__next:focus-visible::before {
    background-image: var(--pumpa-arrow-right-dark);
}

/* Aj ovládanie poradia slideov v Gutenbergu používa Bootstrap arrow. */
.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doľava"],
.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doprava"] {
    font-size: 0;
}

.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doľava"]::before,
.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doprava"]::before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doľava"]::before {
    background-image: var(--pumpa-arrow-left-accent);
}

.editor-styles-wrapper .pumpa-carousel-editor__actions .components-button[aria-label="Posunúť doprava"]::before {
    background-image: var(--pumpa-arrow-right-accent);
}

/* --------------------------------------------------------------------------
   Carousel v0.6.7 — aktívna snímka musí byť fyzicky v strede
   -------------------------------------------------------------------------- */
@media (min-width: 901px) {
    .home-project-gallery__track {
        scroll-snap-type: x mandatory;
    }

    .home-project-gallery__track > .wp-block-image {
        scroll-snap-align: center;
        scroll-snap-stop: always;
    }
}


/* ========================================================================== 
   KLIKATEĽNÉ KARTY + PRESNÉ CENTROVANIE OVLÁDANIA CAROUSELU — v0.6.8
   ========================================================================== */

/* Podkategórie aj konkrétne stroje sú jedným veľkým klikateľným cieľom.
 * Existujúci CTA odkaz sa transparentným pseudo-elementom roztiahne cez celú kartu,
 * takže sa nemení URL ani HTML generované Pumpa Core. */
.service-category-card,
.service-list-card {
    position: relative;
    cursor: pointer;
}

.service-category-card__link::before,
.service-list-card__link::before {
    content: "";
    position: absolute;
    z-index: 20;
    inset: 0;
}

.service-category-card:has(.service-category-card__link:focus-visible),
.service-list-card:has(.service-list-card__link:focus-visible) {
    outline: 2px solid var(--pumpa-accent);
    outline-offset: 4px;
}

/* JS nastavuje top presne podľa vertikálneho stredu aktuálne aktívnej fotografie.
 * Tým šípky ostanú vycentrované aj keď majú fotografie rôzny pomer strán. */
.home-gallery-controls {
    top: var(--pumpa-gallery-controls-top, 50%);
    transition: top 260ms ease;
}

@media (prefers-reduced-motion: reduce) {
    .home-gallery-controls {
        transition: none !important;
    }
}

/* ========================================================================== 
   PRESNÉ CENTROVANIE BOOTSTRAP ARROW V KRUHOVÝCH TLAČIDLÁCH — v0.6.9
   ========================================================================== */

/*
 * Tlačidlá stále obsahujú textový fallback ← / →. V kombinácii s CSS Grid
 * mohol fallback vytvoriť druhú anonymnú položku a SVG ::before sa preto
 * opticky posunulo nad stred. Ikonu teraz kotvíme absolútne priamo do stredu
 * kruhu, nezávisle od line-height, textu alebo layoutu tlačidla.
 */
.home-gallery-controls button,
.pumpa-lightbox__nav {
    position: relative;
    line-height: 0 !important;
}

.home-gallery-controls button::before,
.pumpa-lightbox__nav::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    margin: 0;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Hover nesmie posúvať samotné SVG mimo stredu kruhu. */
.home-gallery-controls button:hover::before,
.home-gallery-controls button:focus-visible::before,
.pumpa-lightbox__nav:hover::before,
.pumpa-lightbox__nav:focus-visible::before {
    transform: translate(-50%, -50%);
}

/* ========================================================================== 
   SEMANTICKÉ KLIKATEĽNÉ KARTY — v0.6.10
   ========================================================================== */

/* Pumpa Core 0.5.5 renderuje podkategórie aj stroje ako jeden skutočný odkaz. */
a.service-category-card,
a.service-list-card {
    color: inherit !important;
    text-decoration: none !important;
}

a.service-category-card:focus-visible,
a.service-list-card:focus-visible,
a.home-service-card:focus-visible {
    outline: 2px solid var(--pumpa-accent);
    outline-offset: 4px;
}

.service-category-card__title,
.service-list-card__title {
    display: block;
    color: #fff;
    text-decoration: none;
}

.service-category-card__description,
.service-list-card__description {
    display: block;
    margin-top: 0;
    color: rgba(255, 255, 255, 0.80);
    line-height: 1.65;
}

.service-category-card__description {
    margin-bottom: 0;
}

.service-list-card__description {
    margin-bottom: 2rem;
}

@media (hover: hover) {
    a.service-category-card:hover .service-category-card__title,
    a.service-list-card:hover .service-list-card__title {
        color: #fff4d3;
    }
}

/* CTA je v novom markupe textový prvok vo vnútri jediného odkazu. */
a.service-category-card .service-category-card__link,
a.service-list-card .service-list-card__link {
    text-decoration: none !important;
}

/* Starý stretched-link overlay už pri skutočnom <a> nie je potrebný. */
a.service-category-card .service-category-card__link::before,
a.service-list-card .service-list-card__link::before {
    display: none;
}

/* Domov: Group blok sa na fronte server-side premení na jediný <a>. */
a.home-service-card {
    color: inherit !important;
    text-decoration: none !important;
}

a.home-service-card .home-service-card__link::before {
    display: none;
}

a.home-service-card .home-service-card__link-label {
    color: inherit;
    text-decoration: none;
}

/* Stránkovanie techniky používa rovnaké Bootstrap arrow SVG ako zvyšok webu. */
.service-pagination__icon {
    display: block;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.service-pagination__icon--prev {
    background-image: var(--pumpa-arrow-left-accent);
}

.service-pagination__icon--next {
    background-image: var(--pumpa-arrow-right-accent);
}

.service-pagination a:hover .service-pagination__icon--prev,
.service-pagination a:focus-visible .service-pagination__icon--prev {
    background-image: var(--pumpa-arrow-left-dark);
}

.service-pagination a:hover .service-pagination__icon--next,
.service-pagination a:focus-visible .service-pagination__icon--next {
    background-image: var(--pumpa-arrow-right-dark);
}


/* ========================================================================== 
   STABILNÉ CELOPLOŠNÉ ODKAZY KARIET — v0.6.13
   ========================================================================== */

/*
 * Pumpa Core 0.5.6 používa stabilný <article> wrapper a jediný transparentný
 * odkaz cez celú plochu. Neobalujeme už celý blok do <a>, čím sa vyhneme
 * neželanému rozdeleniu/zdvojeniu karty v renderovanom DOM.
 */
.service-category-card,
.service-list-card {
    position: relative;
    cursor: pointer;
}

.service-category-card__hitarea,
.service-list-card__hitarea {
    position: absolute;
    z-index: 30;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: transparent !important;
    text-decoration: none !important;
}

/* Starý stretched-link pseudo-element z verzie 0.6.8 už nesmie vytvárať
 * ďalšiu prekryvnú vrstvu. */
.service-category-card__link::before,
.service-list-card__link::before {
    content: none !important;
    display: none !important;
}

.service-category-card:has(.service-category-card__hitarea:focus-visible),
.service-list-card:has(.service-list-card__hitarea:focus-visible) {
    outline: 2px solid var(--pumpa-accent);
    outline-offset: 4px;
}

.service-category-card__hitarea:focus-visible,
.service-list-card__hitarea:focus-visible {
    outline: none;
}

/* Semantické pravidlá pre dočasný wrapper <a> z 0.5.5 už nie sú potrebné,
 * ale ponechané selektory v staršom CSS sú neškodné. */


/* ==========================================================================
   CENNÍK
   ========================================================================== */

.pumpa-price-list {
    width: min(calc(100% - 3rem), var(--pumpa-layout-wide));
    max-width: none !important;
    margin: 0 auto;
    padding: 1rem 0 4rem;
}

.pumpa-price-list,
.pumpa-price-list * {
    box-sizing: border-box;
}

.pumpa-price-intro {
    position: relative;
    margin: 0 0 3.5rem;
    padding: clamp(1.75rem, 4vw, 3rem);
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 4px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 100% 0, rgba(246, 178, 25, 0.12), transparent 34%),
        linear-gradient(135deg, #242424 0%, #1b1b1b 100%);
}

.pumpa-price-intro::after {
    content: "€";
    position: absolute;
    right: clamp(1rem, 4vw, 3rem);
    bottom: -0.2em;
    color: rgba(255, 255, 255, 0.035);
    font-size: clamp(9rem, 20vw, 17rem);
    font-weight: 900;
    line-height: 0.8;
    pointer-events: none;
}

.pumpa-price-kicker,
.pumpa-price-section__kicker {
    margin: 0 0 0.85rem !important;
    color: var(--pumpa-accent) !important;
    font-size: 0.78rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.pumpa-price-intro__title {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin: 0 0 1rem !important;
    color: #fff !important;
    font-size: clamp(2rem, 5vw, 4.2rem) !important;
    font-weight: 900 !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
}

.pumpa-price-intro__copy {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0 !important;
    color: var(--pumpa-muted) !important;
    font-size: 1.05rem;
}

.pumpa-price-intro__actions {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1.8rem;
}

.pumpa-price-download .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    padding: 0.85rem 1.25rem;
    font-weight: 900;
}

.pumpa-price-download .wp-block-button__link::after {
    content: "↓";
    margin-left: 0.75rem;
    font-size: 1.15em;
    line-height: 1;
}

.pumpa-price-validity {
    margin: 0 !important;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(246, 178, 25, 0.35);
    background: rgba(246, 178, 25, 0.07);
    color: var(--pumpa-accent) !important;
    font-weight: 800;
}

.pumpa-price-section {
    margin: 0 0 3.5rem;
}

.pumpa-price-section__title {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(2rem, 4.3vw, 3.4rem) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.pumpa-price-section__title::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin-top: 1rem;
    background: var(--pumpa-accent);
}

.pumpa-price-section__meta {
    margin: 1.15rem 0 1.35rem !important;
    /* Predvolená farba ostáva tlmená, ale Gutenberg ju môže prepísať
     * vlastnou farbou textu (presetom alebo custom color). */
    color: var(--pumpa-muted);
    font-size: 0.95rem;
    font-weight: 700;
}

.pumpa-price-table {
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background: #1c1c1c;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.pumpa-price-row {
    display: grid !important;
    grid-template-columns: minmax(240px, 35%) minmax(0, 65%);
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

.pumpa-price-row:last-child {
    border-bottom: 0;
}

.pumpa-price-row__label,
.pumpa-price-row__value {
    min-width: 0;
    margin: 0 !important;
    padding: 1.15rem 1.25rem;
}

.pumpa-price-row__label {
    border-right: 1px solid rgba(255, 255, 255, 0.09);
    background:
        linear-gradient(120deg, rgba(246, 178, 25, 0.07), transparent 80%),
        #242424;
}

.pumpa-price-row__label p {
    margin: 0 !important;
    color: #fff !important;
    font-weight: 800;
    line-height: 1.45;
}

.pumpa-price-row__value {
    background: #1e1e1e;
}

.pumpa-price-row__value > :first-child {
    margin-top: 0 !important;
}

.pumpa-price-row__value > :last-child {
    margin-bottom: 0 !important;
}

.pumpa-price-row__value .wp-block-list,
.pumpa-price-row__value ul {
    margin: 0;
    padding-left: 1.3rem;
}

.pumpa-price-row__value li {
    margin: 0.25rem 0;
    color: rgba(255, 255, 255, 0.86);
    line-height: 1.55;
}

.pumpa-price-row__value li::marker {
    color: var(--pumpa-accent);
}

.pumpa-price-row__value ul ul {
    margin-top: 0.35rem;
    padding-left: 1.25rem;
}

.pumpa-price-row__value strong {
    color: #fff;
}

.pumpa-price-callout {
    margin-top: 1rem;
    padding: 1.2rem 1.35rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(246, 178, 25, 0.07);
}

.pumpa-price-callout p {
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.pumpa-price-footer-note {
    margin-top: 1rem;
    padding: 1.7rem;
    border: 1px solid var(--pumpa-line);
    background: #202020;
    text-align: center;
}

.pumpa-price-footer-note p {
    margin: 0.25rem 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

.pumpa-price-footer-note strong {
    color: var(--pumpa-accent);
}

.pumpa-price-footer-note__validity {
    margin-top: 1rem !important;
    color: #79d275 !important;
    font-weight: 800;
}

/* Gutenberg editor: aby bol Cenník pohodlne editovateľný aj v administrácii. */
.editor-styles-wrapper .pumpa-price-row {
    min-height: 64px;
}

@media (max-width: 767px) {
    .pumpa-price-list {
        width: calc(100% - 2.5rem);
        padding-bottom: 2rem;
    }

    .pumpa-price-intro {
        margin-bottom: 2.5rem;
        padding: 1.4rem;
    }

    .pumpa-price-intro__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .pumpa-price-intro__actions .wp-block-buttons,
    .pumpa-price-intro__actions .wp-block-button,
    .pumpa-price-download .wp-block-button__link,
    .pumpa-price-validity {
        width: 100%;
    }

    .pumpa-price-download .wp-block-button__link {
        justify-content: space-between;
    }

    .pumpa-price-row {
        grid-template-columns: 1fr;
        margin: 0 !important;
    }

    .pumpa-price-row__label,
    .pumpa-price-row__value {
        padding: 1rem;
    }

    .pumpa-price-row__label {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.09);
        border-left: 4px solid var(--pumpa-accent);
    }

    .pumpa-price-section {
        margin-bottom: 2.5rem;
    }
}

/* ==========================================================================
   GALÉRIE v0.6.28 — automatický archív + detail + sekcie + industriálny hover
   ========================================================================== */

.pumpa-gallery-page,
.pumpa-gallery-single {
    box-sizing: border-box;
    width: min(var(--pumpa-layout-wide), calc(100% - (2 * var(--pumpa-layout-gutter))));
    max-width: var(--pumpa-layout-wide);
    margin-right: auto;
    margin-left: auto;
}

.pumpa-gallery-page {
    padding-top: clamp(4rem, 7vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 8rem);
}

.pumpa-gallery-page__kicker,
.pumpa-gallery-single__kicker {
    margin: 0 0 0.85rem;
    color: var(--pumpa-accent);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.pumpa-gallery-page__title,
.pumpa-gallery-single__header h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4.8rem);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.pumpa-gallery-page__title::after,
.pumpa-gallery-single__header h1::after {
    content: "";
    display: block;
    width: 4.25rem;
    height: 3px;
    margin-top: 1.25rem;
    background: var(--pumpa-accent);
}

.pumpa-gallery-page__copy,
.pumpa-gallery-single__header p {
    max-width: 48rem;
    margin: 1.25rem 0 0;
    color: var(--pumpa-muted);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.7;
}

.pumpa-gallery-archive {
    margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.pumpa-gallery-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.6rem);
}

.pumpa-gallery-card {
    min-width: 0;
    margin: 0;
}

.pumpa-gallery-card__link {
    position: relative;
    isolation: isolate;
    display: block;
    min-height: 27rem;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background: #181818;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    color: #fff !important;
    text-decoration: none !important;
    transition:
        transform 240ms ease,
        border-color 240ms ease,
        box-shadow 240ms ease;
}

.pumpa-gallery-card__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 80% 15%, rgba(246, 178, 25, 0.12), transparent 40%),
        #171717;
}

.pumpa-gallery-card__image,
.pumpa-gallery-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform 650ms cubic-bezier(.2,.65,.2,1), filter 300ms ease;
}

.pumpa-gallery-card__placeholder {
    background:
        linear-gradient(135deg, rgba(246, 178, 25, 0.1), transparent 55%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 34px),
        #1b1b1b;
}

.pumpa-gallery-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(8,8,8,.08) 0%, rgba(8,8,8,.18) 33%, rgba(8,8,8,.92) 100%),
        linear-gradient(115deg, rgba(8,8,8,.55) 0%, transparent 62%);
    transition: background 280ms ease;
}

/* Jemný žltý "scanner" pre industriálny charakter. */
.pumpa-gallery-card__scan {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: -34%;
    width: 24%;
    background: linear-gradient(90deg, transparent, rgba(246,178,25,.16), transparent);
    opacity: 0;
    transform: skewX(-16deg);
    transition: left 620ms cubic-bezier(.18,.72,.18,1), opacity 180ms ease;
    pointer-events: none;
}

.pumpa-gallery-card__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    min-height: 27rem;
    padding: clamp(1.35rem, 2.2vw, 2rem);
}

.pumpa-gallery-card__kicker {
    margin-top: auto;
    color: var(--pumpa-accent);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.pumpa-gallery-card__year {
    display: block;
    margin-top: 0.45rem;
    color: #fff;
    font-size: clamp(3.3rem, 5vw, 5.8rem);
    font-weight: 900;
    line-height: 0.88;
    letter-spacing: -0.06em;
}

.pumpa-gallery-card__meta {
    display: block;
    margin-top: 0.85rem;
    color: rgba(255,255,255,.72);
    font-size: 0.9rem;
    font-weight: 700;
}

.pumpa-gallery-card__cta {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 1.25rem;
    color: var(--pumpa-accent);
    font-size: 0.77rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: translateY(0.35rem);
    opacity: 0.78;
    transition: transform 220ms ease, opacity 220ms ease;
}

.pumpa-gallery-card__arrow,
.pumpa-gallery-grid__open-arrow {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.pumpa-gallery-card__arrow::before,
.pumpa-gallery-grid__open-arrow::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (hover: hover) and (pointer: fine) {
    .pumpa-gallery-card__link:hover,
    .pumpa-gallery-card__link:focus-visible {
        border-color: rgba(246, 178, 25, 0.78);
        border-top-color: var(--pumpa-accent);
        box-shadow: 0 28px 65px rgba(0,0,0,.36), 0 0 0 1px rgba(246,178,25,.12);
        transform: translateY(-0.55rem);
    }

    .pumpa-gallery-card__link:hover .pumpa-gallery-card__image,
    .pumpa-gallery-card__link:focus-visible .pumpa-gallery-card__image {
        filter: saturate(1.06) contrast(1.04);
        transform: scale(1.075);
    }

    .pumpa-gallery-card__link:hover .pumpa-gallery-card__shade,
    .pumpa-gallery-card__link:focus-visible .pumpa-gallery-card__shade {
        background:
            linear-gradient(180deg, rgba(8,8,8,.03) 0%, rgba(8,8,8,.12) 30%, rgba(8,8,8,.92) 100%),
            linear-gradient(115deg, rgba(8,8,8,.42) 0%, rgba(246,178,25,.08) 100%);
    }

    .pumpa-gallery-card__link:hover .pumpa-gallery-card__scan,
    .pumpa-gallery-card__link:focus-visible .pumpa-gallery-card__scan {
        left: 118%;
        opacity: 1;
    }

    .pumpa-gallery-card__link:hover .pumpa-gallery-card__cta,
    .pumpa-gallery-card__link:focus-visible .pumpa-gallery-card__cta {
        opacity: 1;
        transform: translateY(0);
    }

    .pumpa-gallery-card__link:hover .pumpa-gallery-card__arrow,
    .pumpa-gallery-card__link:focus-visible .pumpa-gallery-card__arrow {
        transform: translateX(0.25rem);
    }
}

/* Detail galérie. */
.pumpa-gallery-main {
    padding-top: 0;
}

.pumpa-gallery-single {
    padding-top: clamp(4rem, 7vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 8rem);
}

.pumpa-gallery-single__header {
    margin-bottom: clamp(2rem, 4vw, 3.75rem);
}

.pumpa-gallery-single__meta {
    display: inline-flex;
    align-items: center;
    min-height: 2.3rem;
    margin-top: 1.35rem;
    padding: 0.45rem 0.8rem;
    border-left: 3px solid var(--pumpa-accent);
    background: rgba(255,255,255,.035);
    color: var(--pumpa-accent);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pumpa-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.pumpa-gallery-grid__item {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    background: #171717;
}

/* Každá siedma fotografia vytvorí väčší vizuálny akcent. */
.pumpa-gallery-grid__item:nth-child(7n + 1) {
    grid-column: span 2;
    grid-row: span 2;
}

.pumpa-gallery-grid__link {
    position: relative;
    display: block;
    height: 100%;
    min-height: 13rem;
    overflow: hidden;
    color: var(--pumpa-accent);
}

.pumpa-gallery-grid__image {
    width: 100%;
    height: 100%;
    min-height: 13rem;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform 500ms cubic-bezier(.2,.65,.2,1), filter 240ms ease;
}

.pumpa-gallery-grid__item:nth-child(7n + 1) .pumpa-gallery-grid__image {
    aspect-ratio: 1 / 1;
}

.pumpa-gallery-grid__overlay {
    position: absolute;
    inset: 0;
    border: 0 solid var(--pumpa-accent);
    background: linear-gradient(180deg, transparent 45%, rgba(8,8,8,.12) 100%);
    transition: border-width 180ms ease, background 220ms ease;
    pointer-events: none;
}

.pumpa-gallery-grid__open {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid rgba(246,178,25,.8);
    border-radius: 50%;
    background: rgba(15,15,15,.78);
    color: var(--pumpa-accent);
    opacity: 0;
    transform: translateY(0.5rem) scale(.94);
    transition: opacity 200ms ease, transform 220ms ease, background 200ms ease, color 200ms ease;
    pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
    .pumpa-gallery-grid__link:hover .pumpa-gallery-grid__image,
    .pumpa-gallery-grid__link:focus-visible .pumpa-gallery-grid__image {
        filter: saturate(1.05) contrast(1.03);
        transform: scale(1.065);
    }

    .pumpa-gallery-grid__link:hover .pumpa-gallery-grid__overlay,
    .pumpa-gallery-grid__link:focus-visible .pumpa-gallery-grid__overlay {
        border-width: 2px;
        background: linear-gradient(180deg, rgba(246,178,25,.03), rgba(8,8,8,.25));
    }

    .pumpa-gallery-grid__link:hover .pumpa-gallery-grid__open,
    .pumpa-gallery-grid__link:focus-visible .pumpa-gallery-grid__open {
        background: var(--pumpa-accent);
        color: #151515;
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.pumpa-gallery-single__back {
    margin: clamp(2.5rem, 5vw, 4rem) 0 0;
}

.pumpa-gallery-single__back a {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    color: var(--pumpa-accent);
    font-weight: 800;
    text-decoration: none;
}

.pumpa-gallery-empty {
    padding: 2rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(255,255,255,.035);
    color: var(--pumpa-muted);
}

@media (max-width: 991px) {
    .pumpa-gallery-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pumpa-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pumpa-gallery-grid__item:nth-child(7n + 1) {
        grid-column: span 2;
        grid-row: auto;
    }

    .pumpa-gallery-grid__item:nth-child(7n + 1) .pumpa-gallery-grid__image {
        aspect-ratio: 16 / 8;
    }
}

@media (max-width: 575px) {
    .pumpa-gallery-page,
    .pumpa-gallery-single {
        width: calc(100% - (2 * var(--pumpa-layout-gutter-mobile)));
    }

    .pumpa-gallery-archive__grid,
    .pumpa-gallery-grid {
        grid-template-columns: 1fr;
    }

    .pumpa-gallery-card__link,
    .pumpa-gallery-card__content {
        min-height: 22rem;
    }

    .pumpa-gallery-grid__item:nth-child(7n + 1) {
        grid-column: auto;
    }

    .pumpa-gallery-grid__item:nth-child(7n + 1) .pumpa-gallery-grid__image,
    .pumpa-gallery-grid__image {
        aspect-ratio: 4 / 3;
    }

    .pumpa-gallery-grid__open {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pumpa-gallery-card__link,
    .pumpa-gallery-card__image,
    .pumpa-gallery-card__scan,
    .pumpa-gallery-card__cta,
    .pumpa-gallery-grid__image,
    .pumpa-gallery-grid__open {
        transition: none !important;
    }
}


/* ==========================================================================
   GALÉRIE v0.6.26 — pomenované realizácie + video
   ========================================================================== */

.pumpa-gallery-sections {
    display: grid;
    gap: clamp(3.5rem, 7vw, 6.5rem);
}

.pumpa-gallery-section {
    position: relative;
    min-width: 0;
}

.pumpa-gallery-section + .pumpa-gallery-section {
    padding-top: clamp(0.5rem, 1.5vw, 1.25rem);
}

.pumpa-gallery-section + .pumpa-gallery-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: min(100%, 18rem);
    height: 1px;
    background: linear-gradient(90deg, var(--pumpa-accent), rgba(246,178,25,.18), transparent);
}

.pumpa-gallery-section__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(0.9rem, 2vw, 1.35rem);
    margin: 0 0 clamp(1.25rem, 2.5vw, 2rem);
}

.pumpa-gallery-section__index {
    display: grid;
    place-items: center;
    width: clamp(3rem, 5vw, 4rem);
    aspect-ratio: 1;
    border: 1px solid rgba(246,178,25,.7);
    background:
        linear-gradient(135deg, rgba(246,178,25,.14), rgba(246,178,25,.025)),
        #171717;
    color: var(--pumpa-accent);
    font-size: clamp(0.78rem, 1.2vw, 0.95rem);
    font-weight: 900;
    letter-spacing: .08em;
}

.pumpa-gallery-section__header h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 3vw, 2.65rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.025em;
}

.pumpa-gallery-section__header h2::after {
    content: "";
    display: block;
    width: clamp(2.75rem, 5vw, 4.5rem);
    height: 3px;
    margin-top: .75rem;
    background: var(--pumpa-accent);
}

.pumpa-gallery-section--video {
    overflow: hidden;
}

.pumpa-gallery-video {
    position: relative;
    width: min(100%, 68rem);
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background:
        radial-gradient(circle at 80% 0%, rgba(246,178,25,.08), transparent 38%),
        #111;
    box-shadow: 0 22px 55px rgba(0,0,0,.2);
}

.pumpa-gallery-video::before {
    content: "VIDEO";
    position: absolute;
    z-index: 2;
    top: 1rem;
    left: 1rem;
    padding: .4rem .6rem;
    border-left: 3px solid var(--pumpa-accent);
    background: rgba(8,8,8,.8);
    color: var(--pumpa-accent);
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: .12em;
    pointer-events: none;
}

.pumpa-gallery-video__player {
    display: block;
    width: 100%;
    max-height: min(72vh, 48rem);
    background: #000;
}

@media (max-width: 575px) {
    .pumpa-gallery-sections {
        gap: 3.4rem;
    }

    .pumpa-gallery-section__header {
        grid-template-columns: 2.65rem minmax(0, 1fr);
        gap: .8rem;
    }

    .pumpa-gallery-section__index {
        width: 2.65rem;
    }

    .pumpa-gallery-section__header h2 {
        font-size: clamp(1.35rem, 7vw, 1.8rem);
    }

    .pumpa-gallery-video::before {
        top: .7rem;
        left: .7rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pumpa-gallery-section,
    .pumpa-gallery-video {
        scroll-behavior: auto;
    }
}


/* ==========================================================================
   GALÉRIE v0.6.28 — fotografia vždy vyplní thumbnail bez vnútorných medzier
   ========================================================================== */

/*
 * WordPress môže obrázku pridať vlastné rozmery/intrinsic ratio. Thumbnail
 * preto neviažeme na prirodzenú výšku <img>, ale obrázok kotvíme absolútne
 * do celého klikateľného rámu. Tým nevznikne čierny pás hore/dole ani pri
 * fotografiách s odlišným pomerom strán. Originál ostáva celý v lightboxe.
 */
.pumpa-gallery-grid__link {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.pumpa-gallery-grid__image {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}


/* ==========================================================================
   FIREMNÉ AKCIE v0.6.29 — automatický výpis + detail
   ========================================================================== */

.pumpa-event-page,
.pumpa-event-single {
    box-sizing: border-box;
    width: min(var(--pumpa-layout-wide), calc(100% - (2 * var(--pumpa-layout-gutter))));
    max-width: var(--pumpa-layout-wide);
    margin-right: auto;
    margin-left: auto;
}

.pumpa-event-page {
    padding-top: clamp(4rem, 7vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 8rem);
}

.pumpa-event-page__kicker,
.pumpa-event-single__kicker {
    margin: 0 0 0.85rem;
    color: var(--pumpa-accent);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.pumpa-event-page__title,
.pumpa-event-single__header h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.4rem, 5vw, 4.8rem);
    font-weight: 900;
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.pumpa-event-page__title::after,
.pumpa-event-single__header h1::after {
    content: "";
    display: block;
    width: 4.25rem;
    height: 3px;
    margin-top: 1.25rem;
    background: var(--pumpa-accent);
}

.pumpa-event-page__copy,
.pumpa-event-single__header p {
    max-width: 48rem;
    margin: 1.25rem 0 0;
    color: var(--pumpa-muted);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.7;
}

.pumpa-event-archive {
    margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.pumpa-event-archive__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.6rem);
}

.pumpa-event-card {
    min-width: 0;
    margin: 0;
}

.pumpa-event-card__link {
    position: relative;
    isolation: isolate;
    display: block;
    min-height: 27rem;
    overflow: hidden;
    border: 1px solid var(--pumpa-line);
    border-top: 3px solid var(--pumpa-accent);
    background: #181818;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
    color: #fff !important;
    text-decoration: none !important;
    transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}

.pumpa-event-card__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: radial-gradient(circle at 80% 15%, rgba(246,178,25,.12), transparent 40%), #171717;
}

.pumpa-event-card__image,
.pumpa-event-card__placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform 650ms cubic-bezier(.2,.65,.2,1), filter 300ms ease;
}

.pumpa-event-card__placeholder {
    background: linear-gradient(135deg, rgba(246,178,25,.1), transparent 55%), repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 34px), #1b1b1b;
}

.pumpa-event-card__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8,8,8,.06) 0%, rgba(8,8,8,.18) 30%, rgba(8,8,8,.94) 100%), linear-gradient(115deg, rgba(8,8,8,.5) 0%, transparent 62%);
    transition: background 280ms ease;
}

.pumpa-event-card__scan {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: -34%;
    width: 24%;
    background: linear-gradient(90deg, transparent, rgba(246,178,25,.16), transparent);
    opacity: 0;
    transform: skewX(-16deg);
    transition: left 620ms cubic-bezier(.18,.72,.18,1), opacity 180ms ease;
    pointer-events: none;
}

.pumpa-event-card__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    min-height: 27rem;
    padding: clamp(1.35rem, 2.2vw, 2rem);
}

.pumpa-event-card__kicker {
    margin-top: auto;
    color: var(--pumpa-accent);
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.pumpa-event-card__title {
    margin: .55rem 0 0;
    color: #fff;
    font-size: clamp(2rem, 3.2vw, 3.65rem);
    font-weight: 900;
    line-height: .96;
    letter-spacing: -.045em;
}

.pumpa-event-card__details,
.pumpa-event-card__meta {
    display: block;
    margin-top: .8rem;
    color: rgba(255,255,255,.72);
    font-size: .88rem;
    font-weight: 700;
}

.pumpa-event-card__meta {
    margin-top: .35rem;
}

.pumpa-event-card__cta {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1.25rem;
    color: var(--pumpa-accent);
    font-size: .77rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    transform: translateY(.35rem);
    opacity: .78;
    transition: transform 220ms ease, opacity 220ms ease;
}

.pumpa-event-card__arrow {
    position: relative;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    transition: transform 220ms ease;
}

.pumpa-event-card__arrow::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793L9.146 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (hover: hover) and (pointer: fine) {
    .pumpa-event-card__link:hover,
    .pumpa-event-card__link:focus-visible {
        border-color: rgba(246,178,25,.78);
        border-top-color: var(--pumpa-accent);
        box-shadow: 0 28px 65px rgba(0,0,0,.36), 0 0 0 1px rgba(246,178,25,.12);
        transform: translateY(-.55rem);
    }

    .pumpa-event-card__link:hover .pumpa-event-card__image,
    .pumpa-event-card__link:focus-visible .pumpa-event-card__image {
        filter: saturate(1.06) contrast(1.04);
        transform: scale(1.075);
    }

    .pumpa-event-card__link:hover .pumpa-event-card__shade,
    .pumpa-event-card__link:focus-visible .pumpa-event-card__shade {
        background: linear-gradient(180deg, rgba(8,8,8,.02) 0%, rgba(8,8,8,.12) 28%, rgba(8,8,8,.93) 100%), linear-gradient(115deg, rgba(8,8,8,.38) 0%, rgba(246,178,25,.08) 100%);
    }

    .pumpa-event-card__link:hover .pumpa-event-card__scan,
    .pumpa-event-card__link:focus-visible .pumpa-event-card__scan {
        left: 118%;
        opacity: 1;
    }

    .pumpa-event-card__link:hover .pumpa-event-card__cta,
    .pumpa-event-card__link:focus-visible .pumpa-event-card__cta {
        opacity: 1;
        transform: translateY(0);
    }

    .pumpa-event-card__link:hover .pumpa-event-card__arrow,
    .pumpa-event-card__link:focus-visible .pumpa-event-card__arrow {
        transform: translateX(.25rem);
    }
}

.pumpa-event-main {
    padding-top: 0;
}

.pumpa-event-single {
    padding-top: clamp(4rem, 7vw, 7rem);
    padding-bottom: clamp(4.5rem, 8vw, 8rem);
}

.pumpa-event-single__header {
    margin-bottom: clamp(2rem, 4vw, 3.75rem);
}

.pumpa-event-single__meta {
    display: inline-flex;
    align-items: center;
    min-height: 2.3rem;
    margin-top: 1.35rem;
    padding: .45rem .8rem;
    border-left: 3px solid var(--pumpa-accent);
    background: rgba(255,255,255,.035);
    color: var(--pumpa-accent);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
}

.pumpa-event-single__back {
    margin: clamp(2.5rem, 5vw, 4rem) 0 0;
}

.pumpa-event-single__back a {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: var(--pumpa-accent);
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 991px) {
    .pumpa-event-archive__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .pumpa-event-page,
    .pumpa-event-single {
        width: calc(100% - (2 * var(--pumpa-layout-gutter-mobile)));
    }

    .pumpa-event-archive__grid {
        grid-template-columns: 1fr;
    }

    .pumpa-event-card__link,
    .pumpa-event-card__content {
        min-height: 22rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pumpa-event-card__link,
    .pumpa-event-card__image,
    .pumpa-event-card__scan,
    .pumpa-event-card__cta {
        transition: none !important;
    }
}


/* ========================================================================== 
   NAVIGATION ICONS — v0.6.32
   Font Awesome ikony generované oficiálnym pluginom cez shortcode [icon].
   ========================================================================== */

.site-header .pumpa-menu-has-icon > .wp-block-navigation-item__content {
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
}

.site-header .pumpa-menu-fa-icon {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.08em;
    height: 1.08em;
    color: currentColor;
    font-size: 1em;
    line-height: 1;
}

.site-header .pumpa-menu-fa-icon svg {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.site-header .pumpa-menu-fa-icon i {
    display: inline-block;
    color: currentColor;
    font-size: 1em;
    line-height: 1;
}

/* Text zostáva v odkaze ako prístupný názov, iba sa vizuálne skryje. */
.site-header .pumpa-menu-icon-only > .wp-block-navigation-item__content {
    width: 2.35rem;
    min-width: 2.35rem;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
    justify-content: center;
    gap: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 1;
}

.site-header .pumpa-menu-icon-only .pumpa-menu-fa-icon {
    width: 1.28rem;
    height: 1.28rem;
    font-size: 1.28rem;
}

.site-header .pumpa-menu-icon-only > .wp-block-navigation-item__content::after {
    display: none;
}

.site-header .pumpa-menu-icon-only > .wp-block-navigation-item__content:hover,
.site-header .pumpa-menu-icon-only > .wp-block-navigation-item__content:focus-visible {
    color: var(--pumpa-accent) !important;
}

/* V mobilnom overlayi zobrazíme aj text, aby bola položka jednoznačná. */
@media (max-width: 781px) {
    .site-header .wp-block-navigation__responsive-container.is-menu-open .pumpa-menu-icon-only > .wp-block-navigation-item__content,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .pumpa-menu-icon-only > .wp-block-navigation-item__content {
        width: 100%;
        min-width: 0;
        justify-content: flex-start;
        gap: 0.65rem;
        overflow: visible;
        font-size: 1.1rem;
        line-height: 1.3;
    }

    .site-header .wp-block-navigation__responsive-container.is-menu-open .pumpa-menu-icon-only .pumpa-menu-fa-icon,
    .site-header .wp-block-navigation__responsive-container.has-modal-open .pumpa-menu-icon-only .pumpa-menu-fa-icon {
        width: 1.2rem;
        height: 1.2rem;
        font-size: 1.2rem;
    }
}

/* ========================================================================== 
   PREČO MY — v0.6.33
   Kompletná Gutenberg stránka + Fluent Forms dizajn.
   ========================================================================== */

.pumpa-why-hero__cover::after {
    content: "BAWER";
    right: -.02em;
    bottom: -.18em;
    font-size: clamp(8rem, 20vw, 22rem);
}

.pumpa-why-hero__cover .wp-block-cover__image-background {
    object-position: center right;
}

.pumpa-why-hero__copy {
    max-width: 46rem;
    margin: -0.5rem 0 2rem !important;
    color: rgba(255,255,255,.82);
    font-size: clamp(1.05rem, 1.55vw, 1.35rem);
    line-height: 1.6;
}

.pumpa-why-hero__primary .wp-block-button__link {
    display: inline-flex;
    min-height: 3.35rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    padding: .85rem 1.3rem;
    border: 2px solid var(--pumpa-accent);
    background: var(--pumpa-accent);
    color: #151515 !important;
    font-size: clamp(1rem, 1.25vw, 1.18rem);
    font-weight: 900;
    line-height: 1.15;
    text-decoration: none;
}

.pumpa-why-hero__primary .wp-block-button__link:hover,
.pumpa-why-hero__primary .wp-block-button__link:focus-visible {
    background: #fff;
    border-color: #fff;
    color: #111 !important;
    transform: translateY(-2px);
}

.pumpa-why-reasons,
.pumpa-why-testimonials,
.pumpa-quote-section {
    position: relative;
    margin: 0 !important;
    padding: clamp(5rem, 8vw, 8rem) var(--pumpa-layout-gutter);
}

.pumpa-why-reasons {
    overflow: hidden;
    border-bottom: 1px solid var(--pumpa-line);
    background:
        radial-gradient(circle at 85% 0%, rgba(246,178,25,.09), transparent 30%),
        #171717;
}

.pumpa-why-section-heading {
    box-sizing: border-box;
    width: min(var(--pumpa-layout-wide), calc(100% - (2 * var(--pumpa-layout-gutter))));
    max-width: var(--pumpa-layout-wide);
    margin: 0 auto clamp(2.5rem, 5vw, 4.5rem) !important;
}

.pumpa-why-section-heading > * {
    max-width: 55rem;
}

.pumpa-why-section-heading .home-kicker,
.pumpa-why-advice .home-kicker,
.pumpa-quote-section .home-kicker {
    width: max-content;
    max-width: 100%;
    padding: .55rem .85rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(0,0,0,.34);
}

.pumpa-why-section-heading h2,
.pumpa-why-advice h2,
.pumpa-quote-section h2 {
    margin: 0 0 1.25rem !important;
    color: #fff;
    font-size: clamp(2.35rem, 4vw, 4.4rem);
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.045em;
    text-wrap: balance;
}

.pumpa-why-section-heading > p:last-child,
.pumpa-why-advice__inner > .wp-block-column:first-child > p:last-child,
.pumpa-quote-section__intro > p {
    color: var(--pumpa-muted);
    font-size: 1.05rem;
    line-height: 1.75;
}

.pumpa-why-reasons__grid {
    gap: 1rem !important;
}

.pumpa-why-reason {
    position: relative;
    min-height: 24rem;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 !important;
    padding: 2rem 1.55rem 1.7rem;
    border: 1px solid rgba(255,255,255,.11);
    border-top: 4px solid var(--pumpa-accent);
    background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow: 0 20px 45px rgba(0,0,0,.18);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.pumpa-why-reason::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -5rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: rgba(246,178,25,.055);
    pointer-events: none;
}

.pumpa-why-reason__icon {
    display: flex;
    width: 4.4rem;
    height: 4.4rem;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.7rem !important;
    border: 1px solid rgba(246,178,25,.45);
    border-radius: 50%;
    background: rgba(246,178,25,.07);
    color: var(--pumpa-accent);
    font-size: 1.65rem;
}

.pumpa-why-reason__icon .wp-block-shortcode {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
}

.pumpa-why-reason__icon svg,
.pumpa-why-reason__icon i {
    width: 1em;
    height: 1em;
    color: currentColor;
    fill: currentColor;
}

.pumpa-why-reason__number {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    margin: 0 !important;
    color: rgba(255,255,255,.12);
    font-size: 2.5rem;
    font-weight: 950;
    line-height: 1;
    letter-spacing: -.05em;
}

.pumpa-why-reason h3 {
    margin: 0 0 1rem !important;
    color: #fff;
    font-size: clamp(1.25rem, 1.65vw, 1.6rem);
    font-weight: 900;
    line-height: 1.15;
}

.pumpa-why-reason > p:last-child {
    margin: 0 !important;
    color: var(--pumpa-muted);
    line-height: 1.7;
}

@media (hover: hover) and (pointer: fine) {
    .pumpa-why-reason:hover {
        border-color: rgba(246,178,25,.72);
        box-shadow: 0 28px 60px rgba(0,0,0,.3), 0 0 0 1px rgba(246,178,25,.1);
        transform: translateY(-.45rem);
    }
}

.pumpa-why-advice {
    position: relative;
    margin: 0 !important;
    padding: clamp(4rem, 7vw, 6.5rem) var(--pumpa-layout-gutter);
    overflow: hidden;
    border-top: 1px solid rgba(246,178,25,.35);
    border-bottom: 1px solid rgba(246,178,25,.35);
    background:
        repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 42px),
        linear-gradient(120deg, #090909, #222);
}

.pumpa-why-advice::after {
    content: "KONZULTÁCIA";
    position: absolute;
    right: -.03em;
    bottom: -.15em;
    color: rgba(255,255,255,.025);
    font-size: clamp(5rem, 12vw, 13rem);
    font-weight: 950;
    line-height: .8;
    letter-spacing: -.07em;
    pointer-events: none;
}

.pumpa-why-advice__inner {
    position: relative;
    z-index: 1;
    gap: clamp(2rem, 6vw, 6rem) !important;
}

.pumpa-why-advice__contact {
    box-sizing: border-box;
    padding: 1.8rem;
    border-left: 4px solid var(--pumpa-accent);
    background: rgba(255,255,255,.035);
}

.pumpa-why-advice__contact p {
    margin: 0 0 1rem !important;
}

.pumpa-why-advice__contact .wp-block-button__link {
    background: var(--pumpa-accent);
    color: #151515 !important;
    font-weight: 900;
}

.pumpa-why-advice__contact a:not(.wp-block-button__link) {
    color: var(--pumpa-accent);
}

.pumpa-why-testimonials {
    background: #141414;
}

.pumpa-why-testimonials__grid {
    gap: 1rem !important;
}

.pumpa-why-testimonial {
    position: relative;
    min-height: 22rem;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 2rem;
    border: 1px solid rgba(255,255,255,.1);
    border-bottom: 4px solid var(--pumpa-accent);
    background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
}

.pumpa-why-testimonial::before {
    content: "“";
    position: absolute;
    top: .2rem;
    right: 1rem;
    color: rgba(246,178,25,.12);
    font-family: Georgia, serif;
    font-size: 8rem;
    line-height: 1;
}

.pumpa-why-testimonial__stars {
    position: relative;
    margin: 0 0 1.4rem !important;
    color: var(--pumpa-accent);
    font-size: 1rem;
    letter-spacing: .18em;
}

.pumpa-why-testimonial > p:not(.pumpa-why-testimonial__stars):not(.pumpa-why-testimonial__author) {
    position: relative;
    color: rgba(255,255,255,.82);
    line-height: 1.75;
}

.pumpa-why-testimonial__author {
    position: relative;
    margin-top: auto !important;
    padding-top: 1rem;
    color: #fff;
    font-weight: 900;
}

.pumpa-quote-section {
    border-top: 1px solid rgba(246,178,25,.4);
    background:
        radial-gradient(circle at 8% 5%, rgba(246,178,25,.08), transparent 28%),
        #191919;
}

.pumpa-quote-section__grid {
    gap: clamp(2rem, 6vw, 6rem) !important;
}

.pumpa-quote-section__intro {
    position: sticky;
    top: 7rem;
}

.pumpa-quote-section__intro .wp-block-separator {
    width: 5rem;
    margin: 2rem 0 !important;
    border-color: var(--pumpa-accent);
}

.pumpa-quote-section__intro a {
    color: var(--pumpa-accent);
    font-weight: 800;
    text-decoration: none;
}

.pumpa-quote-section__note {
    margin-top: 1.5rem !important;
    padding: 1rem;
    border-left: 3px solid var(--pumpa-accent);
    background: rgba(255,255,255,.035);
    font-size: .9rem !important;
}

.pumpa-quote-form {
    box-sizing: border-box;
    padding: clamp(1.35rem, 3vw, 2.4rem);
    border: 1px solid rgba(255,255,255,.12);
    border-top: 4px solid var(--pumpa-accent);
    background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
    box-shadow: 0 25px 65px rgba(0,0,0,.28);
}

.pumpa-quote-form .wp-block-shortcode {
    margin: 0 !important;
}

.pumpa-quote-form .fluentform,
.pumpa-quote-form .frm-fluent-form {
    color: #f2f2f2;
}

.pumpa-quote-form .ff-el-group {
    margin-bottom: 1.2rem;
}

.pumpa-quote-form .ff-el-input--label label,
.pumpa-quote-form .ff-el-form-label,
.pumpa-quote-form label {
    color: #f4f4f4 !important;
    font-size: .92rem;
    font-weight: 800 !important;
    line-height: 1.35;
}

.pumpa-quote-form .ff-el-form-control,
.pumpa-quote-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.pumpa-quote-form select,
.pumpa-quote-form textarea {
    width: 100%;
    min-height: 3.25rem;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 0 !important;
    outline: none;
    background: rgba(8,8,8,.58) !important;
    color: #fff !important;
    box-shadow: none !important;
    transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.pumpa-quote-form textarea.ff-el-form-control,
.pumpa-quote-form textarea {
    min-height: 9rem;
    resize: vertical;
}

.pumpa-quote-form .ff-el-form-control::placeholder,
.pumpa-quote-form input::placeholder,
.pumpa-quote-form textarea::placeholder {
    color: rgba(255,255,255,.42) !important;
}

.pumpa-quote-form .ff-el-form-control:focus,
.pumpa-quote-form input:not([type="checkbox"]):not([type="radio"]):focus,
.pumpa-quote-form select:focus,
.pumpa-quote-form textarea:focus {
    border-color: var(--pumpa-accent) !important;
    background: rgba(8,8,8,.78) !important;
    box-shadow: 0 0 0 3px rgba(246,178,25,.12) !important;
}

.pumpa-quote-form select option {
    background: #171717;
    color: #fff;
}

.pumpa-quote-form input[type="checkbox"],
.pumpa-quote-form input[type="radio"] {
    accent-color: var(--pumpa-accent);
}

.pumpa-quote-form .ff-el-form-check-label,
.pumpa-quote-form .ff-el-form-check-label span,
.pumpa-quote-form .ff-el-form-check-label a {
    color: rgba(255,255,255,.72) !important;
    font-size: .88rem;
    line-height: 1.55;
}

.pumpa-quote-form .ff-el-form-check-label a {
    color: var(--pumpa-accent) !important;
}

.pumpa-quote-form .ff-btn-submit,
.pumpa-quote-form button[type="submit"],
.pumpa-quote-form input[type="submit"] {
    min-height: 3.4rem;
    padding: .85rem 1.5rem !important;
    border: 2px solid var(--pumpa-accent) !important;
    border-radius: 0 !important;
    background: var(--pumpa-accent) !important;
    color: #151515 !important;
    font-size: 1rem !important;
    font-weight: 950 !important;
    letter-spacing: .02em;
    box-shadow: none !important;
    cursor: pointer;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.pumpa-quote-form .ff-btn-submit:hover,
.pumpa-quote-form .ff-btn-submit:focus-visible,
.pumpa-quote-form button[type="submit"]:hover,
.pumpa-quote-form button[type="submit"]:focus-visible,
.pumpa-quote-form input[type="submit"]:hover,
.pumpa-quote-form input[type="submit"]:focus-visible {
    border-color: #fff !important;
    background: #fff !important;
    color: #111 !important;
    transform: translateY(-2px);
}

.pumpa-quote-form .ff-el-is-error .ff-el-form-control,
.pumpa-quote-form .ff-el-is-error input,
.pumpa-quote-form .ff-el-is-error select,
.pumpa-quote-form .ff-el-is-error textarea {
    border-color: #ff6b6b !important;
}

.pumpa-quote-form .error.text-danger,
.pumpa-quote-form .ff-el-is-error .text-danger {
    color: #ff8c8c !important;
    font-size: .82rem;
}

.pumpa-quote-form .ff-message-success {
    margin: 0 !important;
    padding: 1.2rem !important;
    border: 1px solid rgba(246,178,25,.5) !important;
    border-left: 4px solid var(--pumpa-accent) !important;
    background: rgba(246,178,25,.08) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.pumpa-quote-form .h-captcha,
.pumpa-quote-form .cf-turnstile,
.pumpa-quote-form iframe {
    max-width: 100%;
}

@media (max-width: 1024px) {
    .pumpa-why-reasons__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .pumpa-why-testimonials__grid {
        grid-template-columns: 1fr !important;
    }

    .pumpa-why-testimonial {
        min-height: 0;
    }

    .pumpa-quote-section__intro {
        position: static;
    }
}

@media (max-width: 781px) {
    .pumpa-why-hero__cover {
        min-height: 39rem !important;
    }

    .pumpa-why-hero__cover .wp-block-cover__image-background {
        object-position: 72% center;
    }

    .pumpa-why-hero__copy {
        font-size: 1rem;
    }

    .pumpa-why-reasons,
    .pumpa-why-testimonials,
    .pumpa-quote-section,
    .pumpa-why-advice {
        padding-right: var(--pumpa-layout-gutter-mobile);
        padding-left: var(--pumpa-layout-gutter-mobile);
    }

    .pumpa-why-advice__contact {
        padding: 1.4rem;
    }

    .pumpa-quote-form {
        padding: 1.25rem;
    }
}

@media (max-width: 575px) {
    .pumpa-why-reasons__grid {
        grid-template-columns: 1fr !important;
    }

    .pumpa-why-reason {
        min-height: 0;
    }

    .pumpa-why-section-heading h2,
    .pumpa-why-advice h2,
    .pumpa-quote-section h2 {
        font-size: clamp(2.1rem, 12vw, 3.2rem);
    }

    .pumpa-why-hero__cover::after,
    .pumpa-why-advice::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pumpa-why-reason,
    .pumpa-why-hero__primary .wp-block-button__link,
    .pumpa-quote-form .ff-btn-submit,
    .pumpa-quote-form button[type="submit"],
    .pumpa-quote-form input[type="submit"] {
        transition: none !important;
    }
}


/* ========================================================================== 
   MOBILNÉ OVLÁDANIE CAROUSELU A POPUP GALÉRIE — v0.6.36
   ========================================================================== */

@media (max-width: 900px) {
    /* Ovládanie domovského carouselu je normálnou súčasťou toku pod trackom.
     * Neskorší JS výpočet pre desktop tak nemôže šípky na mobile vrátiť
     * cez aktívnu fotografiu. */
    .home-project-gallery {
        padding-bottom: clamp(4rem, 10vw, 5rem);
    }

    .home-gallery-controls {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: max-content !important;
        margin: 0.75rem auto 0 !important;
        justify-content: center !important;
        gap: 0.7rem !important;
        pointer-events: auto;
        transform: none !important;
    }

    .home-gallery-controls__prev,
    .home-gallery-controls__next,
    .home-gallery-controls__prev:hover,
    .home-gallery-controls__prev:focus-visible,
    .home-gallery-controls__next:hover,
    .home-gallery-controls__next:focus-visible {
        transform: none !important;
    }

    /* Popup galéria: fotografia zaberá celý prvý riadok. Obe navigačné
     * tlačidlá sú v druhom riadku pod ňou, zarovnané vedľa seba. */
    .pumpa-lightbox__dialog {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        column-gap: 0.75rem !important;
        row-gap: 0.8rem !important;
        align-items: center;
        justify-items: center;
    }

    .pumpa-lightbox__stage {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    .pumpa-lightbox__image {
        max-height: calc(92vh - 6.25rem);
    }

    .pumpa-lightbox__prev,
    .pumpa-lightbox__next {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        transform: none !important;
    }

    .pumpa-lightbox__prev {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: end;
    }

    .pumpa-lightbox__next {
        grid-column: 2 !important;
        grid-row: 2 !important;
        justify-self: start;
    }

    .pumpa-lightbox__prev:hover,
    .pumpa-lightbox__prev:focus-visible,
    .pumpa-lightbox__next:hover,
    .pumpa-lightbox__next:focus-visible {
        transform: scale(1.04) !important;
    }
}